/*
 Theme Name:   Okana Enhancements Child
 Theme URI:    https://horizonmarketing.co
 Description:  Since 2005, Okana Enhancements has been committed to providing exceptional janitorial, housekeeping, and handyman services in Orange, Villa Park, and Anaheim Hills.
 Author:       Ron Morgan
 Author URI:   https://horizonmarketing.co
 Template:     generatepress
 Version:      0.1
*/

@font-face {
    font-family: 'Candara';
    src: url('/wp-content/uploads/2024/07/Candara.woff2') format('woff2'),
        url('/wp-content/uploads/2024/07/Candara.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('/wp-content/uploads/2024/07/Outfit.woff2') format('woff2'),
        url('/wp-content/uploads/2024/07/Outfit.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/*body, body > p, ul, li, a{font-family: 'Candara';}*/
.no-sidebar .entry-content .alignfull{width:100%;margin:0px;}
.hide{display:none;}
.mb-0{margin-bottom:0px !important;}
h1, h2, h3, h4, h5, h6, buttons{font-family: 'Outfit';}
.inside-top-bar{padding: 10px 20px;}
.site-header .inside-header {padding: 20px;}
.top-bar, .site-header{position:relative;z-index:0}
.top-bar:before, .site-header:before {content: "";height: 100%;width: 34%;background-color: var(--contrast);-webkit-clip-path: polygon(0 0,100% 0,calc(100% - 48px) 100%,0% 100%);clip-path: polygon(0 0,100% 0,calc(100% - 48px) 100%,0% 100%);position: absolute;top: 0;left: 0;z-index: -1;}
.site-header:before {background-color: var(--base);-webkit-clip-path: polygon(0 0,100% 0,calc(100% - 120px) 100%,0% 100%);clip-path: polygon(0 0,100% 0,calc(100% - 120px) 100%,0% 100%);}
.top-bar:before{width: 36.5%;}
.border-right {border-right: 1px solid #fff;padding-right: 30px;margin-right: -30px !important;}
.rev-btn-hover:before, .rev-btn-hover:after, .btn-design .wp-block-button__link:before, .btn-design .wp-block-button__link:after {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--accent);
  z-index: -1;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border-radius: 0;
	border-radius:5px;
}
.rev-btn-hover:before, .btn-design .wp-block-button__link:before{transform: scale(0) rotate(-45deg);}
.rev-btn-hover:after, .btn-design .wp-block-button__link:after{transform: scale(0) rotate(45deg);}
.rev-btn-hover:hover:before, .rev-btn-hover:hover:after, .btn-design .wp-block-button__link:hover:before, .btn-design .wp-block-button__link:hover:after{transform: scale(1) rotate(0);}
.btn-design .wp-block-button__link {
  border-radius: 5px;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: var(--contrast) !important;
  padding: 10px 30px;
  transition: all 0.3s ease-out;
  font-size: 17px;
  line-height: 40px;
position:relative;
	z-index:0;
	overflow:hidden;
	border:none !important;
}
.caption-heading .uagb-image-caption {
  position: absolute;
  top: 0;
  width: calc(100% - 10%);
  left: 5%;
  right: 5%;
  margin: 0px;
}
.caption-heading .uagb-image-caption a {
  width: 100%;
  display: block;
  background: #fff;
  padding: 20px;
  text-decoration: none;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.26) 0px 10px 10px -5px;
  font-size: 25px;
  font-weight: 700;
  color: var(--contrast);
}
.content-overlap {
  border: 2px solid var(--contrast);
  border-radius: 20px;
  margin-top: -30px;
  width: calc(100% - 5%) !important;
  margin-left: 2.5%;
  margin-right: 2.5%;
}
.why-choose-arrow:not(:last-child)::before {
  content: "";
  position: absolute;
  right: calc(0% - 30px);
  height: 50px;
  width: 60px;
  top: calc(50% - 25px);
  bottom: auto;
  background-size: 45px;
  background-image: url(/wp-content/uploads/2024/07/Why-Choose-arrow-2.png);
  background-repeat: no-repeat;
  left: auto;
  border-top: 1px solid var(--accent);
  border-bottom: 1px solid var(--accent);
  background-position: center center;
  z-index: 1;
  background-color: rgb(240, 244, 250)
}
.form_design input[type="text"], .form_design input[type="email"], .form_design textarea {
  border-color: #e2e3e3;
  margin-bottom: 15px;
  font-size: 14px;
  padding: 20px 20px;
  color: var(--contrast);
  font-weight: 500;
  border-radius: 15px !important;
	outline:none;
	width: 100%;
}
.form_design input[type="text"]::placeholder, .form_design input[type="email"]::placeholder, .form_design textarea::placeholder{color: #000;}
.form_design .wpcf7-not-valid-tip {
  font-size: 13px;
  margin-top: -10px;
  margin-bottom: 15px;
}
.footer-bar-align-right .copyright-bar {
  order: 0;
  margin-right: auto;
  margin-left: auto;
  /*margin-top: 10px;*/
}
.site-info .inside-site-info {
  flex-direction: column;
}
#menu-footer-menu {
  display: flex;
  justify-content: center;
  gap: 1em;
  margin-top: 70px;
  margin-bottom: 10px;
}
#menu-footer-menu li a {
  text-decoration: none;
  text-transform: uppercase;
  padding: 12px 30px;
  border-radius: 100px;
  background: #dbe1ec;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1px;
  box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
  transition: 0.4s ease-in-out;
}
#menu-footer-menu li a:hover {
  transition: 0.4s ease-in-out;
  background: var(--accent);
  color: #fff;
  box-shadow: none;
}
.location-info{max-width: 800px;
  margin: auto;
  padding: 40px 20px;
  background: #fff;
  border-radius: 30px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;}
.footer-widgets-container {
  padding: 40px 40px 60px 40px;
}
.figure-before figure {
  z-index: 1;
  position: relative;
}
.figure-before figure::before {
  content: "";
  position: absolute;
  width: 300px;
  height: 150px;
  background: var(--base);
  z-index: -1;
  left: calc(50% - 120px);
  top: calc(50% - 90px);
  background-color: var(--base);
  -webkit-clip-path: polygon(0 0,83% 0,calc(100% - 120px) 157%,15% 100%);
  clip-path: polygon(0 0,83% 0,calc(100% - 120px) 157%,15% 100%);
}


.header-widget #block-11 {position: absolute;right: 0;}
.animate-popup .uagb-heading-text {
  animation: zoom-in-zoom-out 1.5s ease infinite;
}
@keyframes zoom-in-zoom-out {
0% {transform: scale(1, 1);}
50% {transform: scale(1.02, 1.02);}
100% {transform: scale(1, 1);}
}
.heading-border-round {
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
}





@media (min-width:768px){
	#block-8{width: 68%;margin-left: 2%;}
	#block-7{width: 30%;}
	.main-navigation{margin-top:-60px;}
	.main-navigation .inside-navigation{padding-left:18% !important;position:relative;z-index:3;}
	.main-navigation .inside-navigation::before {content: "";position: absolute;width: calc(100% - 18%);top: 0;height: 1px;background: var(--base);left: auto;z-index: -1;right: 0;}
	.header-widget {margin-left: auto;width: calc(100% - 345px);margin-right: 0;position:relative;}
	.site-header .inside-header{align-items:flex-start;}
	.title-height .uagb-ifb-title{min-height: 60px}
	.main-navigation ul ul{width:220px;}
	.main-navigation ul li#menu-item-530 ul{width:320px;}
	/*.content-overlap {min-height: 184px;}*/
}

@media screen and (min-width:1450px) and (max-width:1670px){
	.header-widget {width: calc(100% - 295px) !important;}
	.top-bar:before {width: 31%;}
	.site-header:before {width: 28%;}
}
@media screen and (min-width:1300px) and (max-width:1449px){
	.main-navigation .inside-navigation {padding-left: 20% !important;}
	.main-navigation .inside-navigation:before {width: calc(100% - 14%);}
	.top-bar:before {width: 28.3%;}
	.site-header:before {width: 25%;}
	.header-widget {width: calc(100% - 290px) !important;}
}
@media screen and (min-width:1200px) and (max-width:1299px){
	.main-navigation .inside-navigation {padding-left: 23% !important;}
	.main-navigation .inside-navigation:before {width: calc(100% - 16%);}
	.top-bar:before {width: 28.7%;}
	.site-header:before {width: 25%;}
	.header-widget {width: calc(100% - 290px) !important;}
}
@media screen and (min-width:1100px) and (max-width:1199px){
	.main-navigation .inside-navigation {padding-left: 23% !important;}
	.main-navigation .inside-navigation:before {width: calc(100% - 18%);}
	.top-bar:before {width: 28.7%;-webkit-clip-path: polygon(0 0,93% 0,calc(100% - 48px) 100%,0% 100%);clip-path: polygon(0 0,93% 0,calc(100% - 48px) 100%,0% 100%);}
	.site-header:before {width: 25%;-webkit-clip-path: polygon(0 0,100% 0,calc(100% - 75px) 100%,0% 100%);clip-path: polygon(0 0,100% 0,calc(100% - 75px) 100%,0% 100%);}
	.header-widget {width: calc(100% - 290px) !important;}
}
@media screen and (min-width:767px) and (max-width:967px){
	.why-choose-arrow:not(:last-child):before {top: calc(40% - 60px);}
}

@media (max-width:1099px){
	#block-8 .wp-block-columns {flex-wrap: nowrap !important;}
	.top-bar:before {width: 43%;-webkit-clip-path: polygon(0 0,98% 0,calc(100% - 48px) 100%,0% 100%);clip-path: polygon(0 0,98% 0,calc(100% - 48px) 100%,0% 100%);}
	.site-header:before{width: 39%;}
	.hide-mobile, #block-7{display:none !important;}
	.display-block {display:block !important}
	.main-navigation .inside-navigation{padding-left:auto !important;justify-content:center;padding-left: 30% !important;}
	.main-navigation .inside-navigation:before {width: calc(100% - 23%);}
	#block-8{width:100% !important;margin-left: auto;margin-right: auto;}
	.header-widget #block-11 h3 {font-size: 40px;}
	.header-widget #block-11{position:relative;}
}

@media (max-width:767px){
	.wp-block-post-title{line-height:55px;}
	.site-header .header-widget{margin-right:0px;}
	.inside-header{flex-direction:row;}
	 .top-bar:before {width: 56%;-webkit-clip-path: polygon(0 0,96% 0,calc(100% - 48px) 100%,0% 100%);clip-path: polygon(0 0,96% 0,calc(100% - 48px) 100%,0% 100%);}
	 .site-header:before {width: 56%;}
	.main-navigation .inside-navigation:before {width: 100%;}
	.main-navigation .inside-navigation{padding: 0px !important;}
	.menu-toggle {background: var(--accent) !important;color: #fff !important;}
	.main-navigation .main-nav ul li a {line-height: 50px;}
	.main-navigation .main-nav ul li:not(:last-child){border-bottom:1px solid var(--base);}
	.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle {border-left: 1px solid var(--base);}
	.why-choose-arrow:not(:last-child):before {bottom: -25px;top: auto;transform: rotate(90deg);left: calc(50% - 50px); right: auto;}
	#menu-footer-menu{flex-wrap: wrap;}
	#menu-footer-menu li a{padding:12px 25px;}
	.header-widget #block-11{position:relative;}
	
}

@media (max-width:470px){
	.top-bar{display:none !important}
	.inside-header{flex-direction:column;}
	.site-header .header-image { width: 140px;}
	.site-header .header-widget{margin-right:auto;margin-top: 15px;margin-bottom: -10px;}
	#block-11 h3{font-size:28px !important;}
}