/*!
Theme Name: Yelpix Ohio-Child
Theme URI: http://ohio.colabr.io/
Author: Yelpix LLC
Author URI: https://yelpix.com/
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/
*/

.vc_custom_1679926559184 {
	background: #282828 url(https://new.yelpix.com/wp-content/uploads/2023/03/Ukraine-heart.svg?id=224741) !important;
	background-position: 90% -60px !important;
	background-repeat: no-repeat !important;
}

#hero-front {
  /*  background: #f9f9fa url(/wp-content/uploads/2023/05/bg_hero.png) !important;
    background-position: 200% 100% !important;
    background-repeat: no-repeat !important; */
	background: -webkit-gradient(linear, left top, right top, from(#E7F6F8), to(#FBF6F1));
    background: -o-linear-gradient(left, #E7F6F8, #FBF6F1);
    background: linear-gradient(90deg, #E7F6F8, #FBF6F1);
}

#hero-front h1 {
	/* background: linear-gradient(135deg, #5647ff 0%, #3198F4 47%, #fa0276 100%); */
	background-color: #333;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.icon-button.hamburger {
    background-color: rgb(255 255 255 / 0%) !important;
}

.card .overlay-details {padding: 6vh;}

.card.-contained .card-details {
    background-color: rgb(242 254 9) !important;
}

.home .testimonials .clb-slider-item {
	background:#fff !important;
}
.home .clb-slider-item {
    border: 0px solid #eee;
    padding: 2.5em 6em 3em 0;
    border-radius: 12px;
}

.home .service-table {
	padding: 6vh;
}


.project-details p {padding: 0 4rem 0;}
.project-details h4{margin-bottom:10px; padding: 0 4rem 0;}
.case-show {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.24%;
  margin-top: 3.8rem;
  margin-bottom: 0.5rem;
}
.case-show iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sticky-nav-holder {
    background: #f7f6f8;
}

.ohio_portfolio-template-default .sticky-nav-holder {
	background-color: #5747ff;
	border-radius: 0.35rem;
	color:#fff;
}
.ohio_portfolio-template-default .sticky-nav-headline + a,
.ohio_portfolio-template-default .sticky-nav-headline h6{color:#fff;}

.ohio_portfolio-template-default .sticky-nav-thumbnail {
    height: 220px;
}
.ohio_portfolio-template-default .sticky-nav-thumbnail{top: -120px; height: 140px;}

.dark-scheme .notification .alert {background-color: rgb(87 71 255 / 72%);}
.hamburger-nav.type3 .menu li {text-transform: none;}
.hamburger-nav.type3 .menu .mega-menu-item > a {font-size: 6vh;}

.logo-details {font-size: 0.75em;}

.single-ohio_portfolio .project.-layout3 .project-gallery {top: -112px;}

.vc_custom_1627565691232 {background-color: rgba(242, 254, 9) !important;}

.site-footer,
.dark-scheme .site-footer {
    background-color: #5747ff;
    color: #fff;
}
.site-footer h3 {color: #fff;}
.site-footer a:not(.-unlink):not(.-highlighted):hover {
    color: #f2fe09;
}
.site-footer input[type="checkbox"] {border: 1px solid #ffffff;}
.site-footer input[type="checkbox"]:checked {border-color: #ffffff;}
.site-footer input[type="email"] {box-shadow: none; -webkit-box-shadow: none; background-color: rgb(255 255 255 / 10%);}

.site-footer input[type="email"]::placeholder {
  color: rgb(201 193 215 / 60%);
}

.site-footer .page-container + .site-footer-copyright .holder,
.dark-scheme .site-footer .page-container + .site-footer-copyright .holder{
    border-top: 1px solid rgb(201 193 215 / 16%);
    font-size: 12px;
}

div.div1, div.div2 {
  animation: rotate-all 2s 0 infinite linear alternate;
}

.div1 {
  width: 80px;
  height: 80px;
  background-color: #669999;
  position: relative;
  margin: auto;
  animation: square-to-circle 2.5s .5s infinite cubic-bezier(1,.015,.295,1.225) alternate-reverse;

}

.div2 {
    width: 80px;
  height: 80px;
  background-color: #669999;
  position: relative;
  margin: auto;
  animation: square-to-circle2 2.5s .42s infinite cubic-bezier(1,.015,.295,1.225) alternate-reverse;
}

#one {
  top: 150px;
}
 
#two {
  top: 150px;
  right: 80px;
}

#three {
  top: 150px;
}

#four {
  bottom: 10px;
  left: 80px;
}

@keyframes square-to-circle {
  0%  {
    border-radius:0 0 0 0;
    background:;
    transform:rotate(45deg);
  }
  25%  {
    border-radius:50% 0 0 0;
    background:darksalmon;
    transform:rotate(135deg);
  }
  50%  {
    border-radius:50% 50% 0 0;
    background:indianred;
    transform:rotate(180deg);
  }
  75%  { 
    border-radius:50% 50% 50% 0;
    background:lightcoral;
    transform:rotate(315deg);
  }
  100% {  
    border-radius:50%;
    background:darksalmon;
    transform:rotate(404deg);
  }
}

@keyframes square-to-circle2 {
  0%  {
    border-radius:0 0 0 0;
    background:;
    transform:rotate(45deg);
  }
  25%  {
    border-radius:0 0 50% 0;
    background:darksalmon;
    transform:rotate(135deg);
  }
  50%  {
    border-radius:0 0 50% 50%;
    background:indianred;
    transform:rotate(180deg);
  }
  75%  { 
    border-radius:50% 0 50% 50%;
    background:lightcoral;
    transform:rotate(315deg);
  }
  100% {  
    border-radius:50%;
    background:darksalmon;
    transform:rotate(404deg);
  }
}


h4 {letter-spacing: 0 !important;}

.social-bar-holder li:not(:first-child):not(:last-child)::after {
    content: "" !important;
    display: inline;
    padding: 0 !important;
}
.social-bar-holder.icons li::first-line {display:none;}