/*!
Theme Name: Ohio-Child
Theme URI: http://ohio.colabr.io/
Author: Colabrio
Author URI: http://colabr.io/
Description: Ohio is a WordPress theme bundled with premium plugins to build a modern and functional website.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: ohio
Text Domain: ohio-child
Tags: ajax, customizer, ecommerce, portfolio, minimal, page builder, responsive, multipurpose, shop, store, woocommerce, wpml

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/* BLACK VERSION
:root,
body,
body body {
  color: white;
  background: linear-gradient(90deg,
    #1a1a1a 0%,
    #0f0f0f 40%,
    #0f0f0f 60%, 
    #1a1a1a 100%);
}
BLACK VERSION */

.site-footer .widgets {
  display: none;
}

.header:not(.-mobile) .nav-container,
.header-wrap .right-part, .header-wrap .top-part {
	display: none !important;
}


:root,
body,
body body {
  background: linear-gradient(
    90deg,
    #d3d3d3 0%,
    #ffffff 40%,  /* start white */
    #ffffff 60%,  /* end white */
    #d3d3d3 100%
  );
}

/* THIS CHANGED THE BG COLOR FOR REAL - LOL THIS ACTUALLY DISABLED IT BY GETTING RID OF IMPORTANT */
:root {
  --clb-color-white: radial-gradient(black, transparent);
}

.single-post .single-post-layout,
.single-post .entry-content,
.page-id-124 .entry-content {
  margin: 0;
}

/* Reveal animation variations */

.reveal-on-scroll,
.reveal-on-scroll-v1 {
  opacity: 0;
  transform: translateY(40px);
  filter: blur(10px);
  transition:
    opacity 1s ease-out,
    transform 1s ease-out,
    filter 1s ease-out;
  will-change: opacity, transform, filter;
}

.reveal-on-scroll-v2 {
  opacity: 0;
  transform: scale(0.9);
  transition:
    opacity 1.2s ease-out,
    transform 1.2s ease-out;
  will-change: opacity, transform;
}

.reveal-on-scroll.revealed,
.reveal-on-scroll-v1.revealed,
.reveal-on-scroll-v2.revealed {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}

.hover-zoom-tilt {
  overflow: hidden;
  box-shadow: none;
  transition:
    transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    box-shadow 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  cursor: pointer;
  will-change: transform;
  border-radius: 12px;
}

.hover-zoom-tilt img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform-origin: center;
  border-radius: 12px;
}

.page-headline .holder {
  display: none;
}

.header-wrap .left-part,
.header-wrap .top-part {
  height: 100%;
  display: block !important;
  margin: 4em 0 0 0;
  align-items: center;
}

.site-footer .page-container + .site-footer-copyright .holder,
.holder {
  border-top: none;
}

.vc_col-md-6 {
  width: calc(100%) !important;
}

figure,
figure.wp-block-gallery,
figure.wp-block-gallery.has-nested-images,
figure.wp-block-gallery.has-nested-images > .blocks-gallery-grid,
figure.wp-block-gallery.has-nested-images > .wp-block-image {
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  unicode-bidi: isolate;
  align-items: normal;
}

.admin-bar .clb-popup:not(.project-lightbox):not(.clb-gallery-lightbox),
.admin-bar .-sticky:not(.-mobile),
.admin-bar .header-5:not(.-mobile) .top-part,
.admin-bar .header-6:not(.-mobile) .top-part,
.admin-bar .header-7:not(.-mobile) .top-part,
.admin-bar .header-7:not(.-mobile) .middle-part {
  margin-top: var(--clb-admin-bar-height);
  display: none !important;
}

.single-post:not(.single-post-sidebar):not(.with-post-type_2) .page-headline .page-container,
.single-post:not(.single-post-sidebar):not(.with-post-type_2) .site-content .page-container,
.woocommerce-page:not(.archive):not(.single) .page-headline .page-container,
.woocommerce-page:not(.archive):not(.single) .site-content .page-container {
  padding: 0;
}

body {
  overflow-y: scroll;
  scrollbar-width: 0 !important;
}
body::-webkit-scrollbar {
  display: none !important;
}

.page-headline.without-cap:not(.-full-vh) {
  padding: 0;
  display: none !important;
}

.header:not(.header-sidebar):not(.header-8) {
  border-bottom-style: var(--clb-header-border-style);
  border-bottom-width: var(--clb-border-width);
  color: #ffff00;
  mix-blend-mode: difference;
}

.nav.hidden:not(.-visible) {
  display: block;
}

.scroll-top {
  display: none;
}

a, h1, h2, h3, h4, h5, h6, .branding-title, .logo {
  font-family: 'Helvetica LT Pro', sans-serif;
}

.icon-button:hover,
.icon-button.hamburger,
.icon-button.cart,
.header .desktop-hamburger.-left {
  display: none;
}

.header-wrap:not(.page-container) {
  padding: 0;
  margin: 0 6em;
}

.header-wrap {
  display: block;
  margin: 0;
  padding: 20px 50px 20px 80px;
  mix-blend-mode: difference;
}

.clb-popup.container-loading.custom-popup.hidden {
  display: none;
}

.vp-center {
  display: block !important;
}

body.vp-center {
  display: block !important;
  height: auto !important;
  overflow: hidden !important;
}

.wp-block-image {
  margin: 0;
}

.is-mobile-menu .mobile-hamburger.-left {
  margin-right: 0;
  display: none;
}

.back-link {
  padding: 7px 200px;
  margin: 0 !important;
  position: fixed;
  z-index: 5;
  left: var(--clb-spacer);
  top: var(--clb-spacer);
  align-items: center;
  float: left;
  stroke-alignment: outside;
  stroke: #ffff00;
  stroke-width: 55 !important;
  color: #ffff00;
  mix-blend-mode: difference;
}

.page-headline + .page-container:not(.post-page-container) {
  padding-top: 0 !important;
}

body:not(.dark-scheme) .dynamic-typo.light-typo.back-link,
body:not(.dark-scheme) .dynamic-typo.light-typo.icon-button.fixed,
body:not(.dark-scheme) .dynamic-typo.light-typo .social-bar,
body:not(.dark-scheme) .dynamic-typo.light-typo .scroll-top,
body:not(.dark-scheme) .dynamic-typo.light-typo .color-switcher-item.dark {
  color: var(--clb-color-white) !important;
  padding: 20px 50px 20px 80px !important;
  margin: 0 auto !important;
  height: var(--clb-header-height);
  display: block;
  position: fixed;
}

/* ========== MOBILE ========== */

@media screen and (max-width: 768px) {
  .header-wrap {
    display: block;
    margin: 0 auto;
    padding: 20px 50px 20px 80px;
    mix-blend-mode: difference;
	      display: block;
    padding: 0 !important;
  }
	
	

  .header:not(.header-sidebar):not(.header-8) {
    border-bottom-style: var(--clb-header-border-style);
    border-bottom-width: var(--clb-border-width);
    color: #ffff00;
    mix-blend-mode: difference;
  }
	
	.header-wrap:not(.page-container) {
  padding: 0;
  margin: 0 auto !important;
}

  .page-headline .holder {
    display: none;
  }

  .header-wrap .left-part,
  .header-wrap .top-part {
    height: 100%;
    display: block !important;
    margin: 0 auto;
    align-items: center;
	          margin-top: 2em;
  }


  .left-part .logo,
  .branding-title,
  .logo {
	  /*     text-align: center !important;
    width: max-content !important;
    z-index: 1 !important; */
text-align: center !important;
        width: 100%;
        margin: 0 auto;
        display: block;
        max-width: 90%;
  }

 
	.right-part {
		display: none;
	}

  a.titles-typo {
    letter-spacing: 0rem;
    text-align: center;
  }

  .branding {
    display: block;
    width: 100%;
    align-content: center;
    align-items: center;
  }

  .is-mobile-menu .mobile-hamburger.-left {
    margin: 0 !important;
  }


  .images-row-main {
    flex-direction: column;
    gap: 0 !important;
    margin: 0;
  }

  .page-headline {
    height: 0px !important;
    min-height: 0vh;
    margin-bottom: var(--clb-grid-gutter-negative);
  }

  .page-headline.without-cap:not(.-full-vh) {
    padding: 0;
    display: none;
  }

  .hugeImageContainer {
    max-width: 100vw;
    margin: 0 !important;
    border-radius: 0;
  }

  .header-wrap-inner,
  .masthead .header-wrap-inner,
  .header-wrap:not(.page-container) .header-wrap-inner,
  .masthead .header-wrap:not(.page-container) .header-wrap-inner {
    height: 100% !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
    width: 100% !important;
    max-width: 90% !important;
    padding: 0 !important;
	  display: block;
  }
}