@font-face {
font-family: 'Candara';
src: url(//okanaenhancements.com/wp-content/uploads/2024/07/Candara.woff2) format('woff2'),
url(//okanaenhancements.com/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(//okanaenhancements.com/wp-content/uploads/2024/07/Outfit.woff2) format('woff2'),
url(//okanaenhancements.com/wp-content/uploads/2024/07/Outfit.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
} .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(//okanaenhancements.com/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; }
.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;} }
@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;}
}