.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.our-team-con .team-box img {
margin-bottom: 35px;
transition: ease-in-out 0.6s;
}
.our-team-con .team_wrapper{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.our-team-con .team-box {
overflow: hidden;
position: relative;
}
.our-team-con .team-box:hover img {
transform: scale(1.05);
}
.our-team-con .team-box span {
margin-bottom: 16px;
}
.our-team-con .team-box .social-icon i {
transition: ease-in-out 0.6s;
}
.footer-con .social-icon i,
.our-team-con .team-box .social-icon i {
background-color: var(--e-global-color-secondary);
width: 46px;
height: 46px;
border-radius: 100%;
text-align: center;
line-height: 46px;
display: inline-block;
color: var(--e-global-color-white);
transition: ease-in-out 0.6s;
}
.footer-con .social-icon i:hover,
.our-team-con .team-box .social-icon i:hover {
background-color: var(--e-global-color-accent);
transform: translateY(-2px);
}
.footer-con .social-icon a,
.our-team-con .team-box .social-icon a {
margin: 0 5px;
display: block;
}
.our-team-con .team-box:hover .social-icon i {
background-color: var(--e-global-color-accent);
transform: translateY(-2px)
}
.facility-con .services-box-outer-con.w-100 {
background-color: #fff;
box-shadow: 0 1px 94px rgb(0 0 0 / 5%);
}
.facility-con .services-box-outer-con .service-box {
box-shadow: none;
}
.facility-con .featured-image img{
width: 100% !important;
height: 276px !important;
object-fit: cover;
object-position: center;
}
.facility-con .services_wrapper{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.facility-con .services_wrapper .service-box{
margin-bottom: 0px !important;
}
.faq-page .e-n-accordion-item{
box-shadow: 0 1px 94px rgb(0 0 0 / 4%);
}
.roms-page-con-1 .rooms_wrapper{
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 30px;
}
.rooms-and-suits-con3{
display: grid;
grid-template-columns: repeat(4,1fr);
gap: 30px;
}
.rooms-and-suits-con3 .suit-inner-con {
padding: 36px 20px 17px;
}
.rooms-and-suits-con3 .suit-box {
box-shadow: 0 1px 94px rgb(0 0 0 / 5%);
background-color: var(--e-global-color-white);
width: 100%;
}
.rooms-and-suits-con3 .suit-box figure.green-stars-bg {
margin: 0 auto;
transform: translate(-50%, 50%);
top: 0;
position: absolute;
}
.rooms-and-suits-con3 .suit-box a figure img{
height: 308px;
object-fit: cover;
object-position: center;
width: 100% !important;
}
.rooms-and-suits-con3 .suit-box .suit-content {
padding-bottom: 18px;
margin-bottom: 12px;
border-bottom: 1px solid #e7e7e7;
}
.rooms-and-suits-con3 .suit-box a {
font-size: 14px;
line-height: 16px;
color: var(--e-global-color-accent);
}
.rooms-and-suits-con3 .suit-box a:hover {
text-decoration: none;
color: var(--e-global-color-secondary) !important;
}
.rooms-and-suits-con3 .suit-box a:hover i {
transform: translateX(3px);
}
.rooms-and-suits-con3 .suit-box a i {
font-size: 13px;
transition: ease-in-out 0.6s;
}
.rooms-and-suits-con3 .suit-box figure.green-stars-bg {
margin: 0 auto !important;
transform: translate(50%, 50%);
position: absolute;
top: -32px;
}
.servicepage-con3 .wt-we-provide-con3 .provider-box {
padding: 45px 38px 45px 30px;
background-color: var(--e-global-color-white);
transition: ease-in-out 0.6s;
width: 100%;
}
.servicepage-con3 .services_wrapper{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.servicepage-con3 .services_wrapper figure{
width: 120px;
}
.servicepage-con3 .services_wrapper p{
color: var(--e-global-color-text);
}
.servicepage-con3 .wt-we-provide-con3 .provider-box .provider-content {
padding-left: 24px;
}
.servicepage-con3 .wt-we-provide-con3 .provider-box:hover {
background-color: var(--e-global-color-accent);
}
.servicepage-con3 .wt-we-provide-con3 .provider-box:hover * {
color: var(--e-global-color-white);
}
.servicepage-con3 .wt-we-provide-con3 .provider-box:hover img {
filter: brightness(0) invert(1);
}
.elementor-widget-n-accordion .e-n-accordion-item-title{
justify-content: space-between !important;
}
.news-and-articles-con-style-1 .news-and-articles-con .news-box img {
margin-bottom: 30px;
height: 341px;
object-fit: cover;
object-position: center;
border-radius: 200px 200px 0px 0px;
width: 350px;
z-index: 1;
position: relative;
}
.news-and-articles-con-style-1 .news-and-articles-con{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.news-and-articles-con-style-1 .news-and-articles-con figure{
position: relative;
}
.news-and-articles-con .news-box .arrow-con {
background-color: var(--e-global-color-accent);
width: 51px;
height: 45px;
text-align: center;
cursor: pointer;
transition: ease-in-out 0.6s;
}
.news-and-articles-con-style-1 .news-and-articles-con .news-box span {
font-size: 14px;
line-height: 14px;
margin-bottom: 13px;
}
.news-and-articles-con-style-1 .news-and-articles-con .news-box h4 {
margin-bottom: 20px;
line-height: 26px;
}
.news-and-articles-con-style-1 .news-and-articles-con .news-box a:hover {
color: var(--e-global-color-secondary);
text-decoration: none;
}
.news-and-articles-con-style-1 .news-and-articles-con .news-box a:hover h4 {
color: var(--e-global-color-secondary);
}
.news-and-articles-con-style-1 .news-and-articles-con .news-box .arrow-con {
margin: 0 auto;
text-align: center;
line-height: 45px;
color: var(--e-global-color-white);
font-size: 13px;
}
.news-and-articles-con-style-1 .news-and-articles-con .news-box figure::after {
width: 356px;
height: 347px;
content: "";
position: absolute;
text-align: center;
background-image: url(//www.casablancahotel.com.na/wp-content/plugins/hacienda-toolkit/assets/images/news-vector.png);
z-index: 0;
left: 0;
margin: 0 auto;
right: 0;
top: -26px;
}
.rooms-and-suites-con-style-2 .rooms-and-suites-con2 .heading-title-con {
margin-bottom: 30px;
}
.rooms-and-suites-con-style-2 .rooms-and-suites-con2 .room-box .white-box {
display: block !important;
text-align: center;
margin: 0 auto;
transform: translate(-50%, 50%);
bottom: 0;
left: 50%;
right: unset;
top: unset;
box-shadow: 0 1px 12px rgb(0 0 0 / 7%) inset;
padding: 26px 25px 40px;
}
.rooms-and-suites-con-style-2 .rooms-and-suites-con2 .room-box .white-box .arrow-con {
margin: 19px auto 0;
position: absolute; transform: translate(-50%, 50%);
bottom: 0;
left: 50%;
}
.rooms-and-suites-con-style-2 .rooms-and-suites-con2 .room-box {
margin-bottom: 100px;
transition: ease-in-out 0.6s;
}
.rooms-and-suites-con-style-2 .owl-stage-outer {
padding-top: 50px;
}
.rooms-and-suites-con-style-2 .rooms-and-suites-con2 .room-box figure {
position: relative;
}
.rooms-and-suites-con-style-2 .rooms-and-suites-con2 .room-box figure img{
height: 422px;
object-position: center;
object-fit: cover;
border-radius: 200px 200px 0px 0px;
margin: 0 auto;
}
.rooms-and-suites-con-style-2 .rooms-and-suites-con2 .room-box figure::after {
width: 356px;
height: 100%;
content: "";
position: absolute;
text-align: center;
background-image: url(//www.casablancahotel.com.na/wp-content/plugins/hacienda-toolkit/assets/images/rooms-vector.png);
z-index: 0;
left: 0;
margin: 0 auto;
right: 0;
top: -20px;
}
.rooms-and-suites-con-style-2 .room-type-con img{
margin: 0 auto;
}
.rooms-and-suites-con-style-2 .room-type-con h4{
padding-top: 10px;
}
.rooms-and-suites-con-style-2 .rooms-and-suites-con2 .owl-carousel .owl-item img.star {
width: auto;
text-align: center;
margin: 0 auto 12px;
}
.rooms-and-suites-con-style-2 .owl-carousel .owl-nav button.owl-next {
top: 50%;
position: absolute;
right: -50px;
}
.rooms-and-suites-con-style-2 .owl-carousel .owl-nav button:focus {
outline: none;
border: none;
box-shadow: none;
}
.rooms-and-suites-con-style-2 .owl-carousel .owl-nav button.owl-prev {
top: 50%;
position: absolute;
left: -50px;
}
.rooms-and-suites-con-style-2 .owl-carousel .owl-nav button span {
color: var(--e-global-color-primary);
}
.services-style-2 .services-con .provide-box figure.green-circle {
position: absolute;
width: 90px;
height: 90px;
line-height: 90px;
border-radius: 100%;
margin: 0 auto;
text-align: center;
background-color: var(--e-global-color-secondary);
left: 50%;
transform: translate(-50%, 50%);
bottom: 0;
z-index: 3;
transition: ease-in-out 0.6s;
}
.services-style-2 .services-con .provide-box .provide-content-con {
padding-top: 67px;
}
.services-style-2 .services-con .provide-box.beige-con {
margin-top: 40px;
}
.services-con .servicepage_wrapper{
display: grid;
grid-template-columns: repeat(4,1fr);
text-align: center;
gap: 30px;
}
.services-style-2 .services-con .provide-box.beige-con figure.green-circle {
background-color: var(--e-global-color-accent);
}
.services-style-2 .services-con .provide-box:hover figure.green-circle{
background-color: var(--e-global-color-accent);
}
.services-style-2 .services-con figure.green-circle img{
filter: brightness(10);
}
.services-style-2 .services-con .provide-box figure.position-relative::after {
width: 260px;
height: 314px;
content: "";
position: absolute;
text-align: center;
background-image: url(//www.casablancahotel.com.na/wp-content/plugins/hacienda-toolkit/assets/images/provide-vector.png);
z-index: 1;
left: 0;
margin: 0 auto;
right: 0;
top: -20px;
}
.services-style-2 .services-con .provide-box figure.position-relative img {
position: relative;
z-index: 2;
border-radius: 300px 300px 0px 0px;
height: 308px;
object-position: center;
object-fit: cover;
} .gallery-section-outer {
margin: 0 !important;
} 
.gallery-section {
column-width: 450px;
gap: 30px;
}
.gallery-section .gallery-images img {
width: 100%;
cursor: pointer;
padding: 0;
border-radius: 0;
transition: all 0.3s ease-in-out;
position: relative;
overflow: hidden;
}
.gallery-section .gallery-images .image-wrapper {
position: relative;
overflow: hidden;
margin-bottom: 30px;
width: 100%;
}
.gallery-section .gallery-images .image-wrapper:hover img {
transform: scale(1.1);
}
.gallery-section .gallery-images .image-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgb(47 79 255 / 55%);
opacity: 0;
transition: opacity 0.3s ease;
border-radius: 0;
cursor: pointer;
}
.gallery-section .gallery-images .image-wrapper:hover .image-overlay {
opacity: 1;
}
.gallery-section .gallery-images .image-overlay:before {
content: '';
background-image: url(//www.casablancahotel.com.na/wp-content/plugins/hacienda-toolkit/assets/images/gallery-plus-icon.jpg);
background-repeat: no-repeat;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80px;
height: 80px;
}
.gallery-section .lightbox {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none;
background: #000000;
perspective: 1000;
z-index: 40000000;
}
.gallery-section .filter {
position: absolute;
width: 100%;
height: 100%;
filter: blur(20px);
opacity: 0.5;
background-position: center;
background-size: cover;
}
.gallery-section .lightbox img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotateY(0deg);
max-height: 95vh;
max-width: calc(95vw - 100px);
transition: 0.8s cubic-bezier(0.7, 0, 0.4, 1);
transform-style: preserve-3d;
}
.gallery-section [class^="arrow"] {
height: 50px;
width: 50px;
background: rgba(0, 0, 0, 0.8);
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.gallery-section [class^="arrow"]:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(-45deg);
width: 14px;
height: 14px;
} 
.gallery-section .arrowr {
right: 0;
} 
.gallery-section .arrowr:after {
border-right: 1px solid var(--e-global-color-white);
border-bottom: 1px solid var(--e-global-color-white);
}  
.gallery-section .arrowl {
left: 0;
} 
.gallery-section .arrowl:after {
border-left: 1px solid var(--e-global-color-white);
border-top: 1px solid var(--e-global-color-white);
}
.gallery-section .close {
position: absolute;
right: 0;
width: 45px;
height: 45px;
margin: 20px;
font-size: 16px;
opacity: 1;
background: var(--e-global-color-black);
}
.gallery-section .close:before {
content: '\f00d';
position: absolute;
top: 12px;
right: 0;
font-family: 'FontAwesome';
font-size: 22px;
color: var(--e-global-color-white);
text-shadow: none;
left: 0;
text-align: center;
}
.gallery-section-outer .nav-tabs {
display: flex;
background-color: var(--e-global-color-white);
padding: 20px;
border-radius: 10px;
max-width: 1140px;
align-items: center;
gap: 40px;
border: none;
justify-content: center;
margin: 0 auto 28px;
}
.gallery-section-outer .nav-tabs .nav-item {
margin: 0;
}
.gallery-section-outer .nav-tabs .nav-link {
font-size: 20px;
line-height: 20px;
color: var(--e-global-color-dark-grayish-blue);
border-radius: 10px;
border: none;
padding: 0;
font-weight: 400;
background: transparent;
padding: 18px 6px;
transition: all 0.5s ease-in-out;
}
.gallery-section-outer .nav-tabs .nav-link.active {
color: var(--e-global-color-white);
background: var(--e-global-color-vivid-blue);
padding: 18px 20px;
} .home-3-gallery-section-outer .nav-tabs {
background-color: transparent;
padding: 0 !important;
border-radius: 0;
gap: 60px;
margin-bottom: 47px;
}
.home-3-gallery-section-outer .nav-tabs .nav-link {
padding: 10px 0 !important;
font-size: 18px;
line-height: 18px;
position: relative;
color: var(--e-global-color-black);
transition: all 0.3s ease-in-out;
}
.home-3-gallery-section-outer .nav-tabs .nav-link.active, .home-3-gallery-section-outer .nav-tabs .nav-link:hover {
color: var(--e-global-color-light-blue);
background: transparent;
padding: 10px 0 !important;
}
.home-3-gallery-section-outer .nav-tabs .nav-link.active:after, .home-3-gallery-section-outer .nav-tabs .nav-link.active::before, .home-3-gallery-section-outer .nav-tabs .nav-link:hover:after, .home-3-gallery-section-outer .nav-tabs .nav-link:hover::before {
top: 0;
left: 0;
content: "";
width: 50px;
height: 2px;
position: absolute;
background: var(--e-global-color-light-blue);
transition: all 0.3s ease-in-out;
}
.home-3-gallery-section-outer .nav-tabs .nav-link.active::before, .home-3-gallery-section-outer .nav-tabs .nav-link:hover::before  {
bottom: 0;
right: 0;
top: auto;
left: auto;
}
.home-3-gallery-section {
column-width: 350px;
}
.home-3-gallery-section .gallery-images .image-wrapper {
border-radius: 0px;
}
.home-3-gallery-section .gallery-images img {
border-radius: 0px;
}
.home-3-gallery-section .gallery-images .image-overlay {
background: rgba(0, 0, 0, 0.5);
}
.home-3-gallery-section .gallery-images .image-overlay:before {
width: 60px;
height: 60px;
background-size: 60px;
} .home-4-gallery-section .gallery-images .image-wrapper {
border: 0px solid var(--e-global-color-white);
box-shadow: 0 0 100px 0 rgba(0,0,0,0.1);
} .hacienda-cart-btn a {
position: relative;
display: inline-block;
}
.hacienda-nav-menu--dropdown-mobile.hacienda-nav-menu--stretch{
position: unset;
}
.navbar-area .navbar-area-2 .hacienda-cart-btn i {
background: #f0d23f;
border-radius: var(--e-global-button-border-radius);
padding: 14px 13px;
color: #fff;
margin-left: 10px;
}
.hacienda-cart-btn span.hacienda-cart-count {
font-size: 8px;
color: var(--e-global-color-white);
background-color: var(--e-global-color-accent);
padding: 1px 4px 1px 4px;
border-radius: var(--e-global-border-radius);
position: absolute;
top: 5px;
right: 3px;
min-width: 14px;
}
.hacienda-cart-btn .btn .badge{
position: absolute !important;
}
.hacienda-cart-btn .btn:focus{
box-shadow: none !important;
} .search-form-header {
cursor: pointer;
}
.search-form-header div#searchcontainer .searchFormInner{
display: flex;
align-items: center;
background: #fff;
}
.search-form-header div#searchcontainer .form-control:focus{
box-shadow: none;
background: none;
}
.searchFormInner .search-button{
background: #007bff;
color: #fff;
padding: 7px 15px;
}
.search-form-header label {
border: 1px solid var(--e-global-color-very-dark-blue);
background: var(--e-global-color-very-dark-blue);
cursor: pointer;
text-align: center;
line-height: 0;
margin: 0;
}
.search-form-header div#searchcontainer {
position: fixed;
width: 100%;
height: 100%;
z-index: 100;
display: block;
background: rgba(0,0,0,.85);
left: -100%; top: 0;
z-index: 9999;
display: grid;
align-items: center; padding: 50px;
opacity: 0;
cursor: crosshair;
text-align: center;
font: bold 16px "Bitter", sans-serif; -webkit-transform: scale(0.9) translate3d(-0, -50px, 0);
transform: scale(0.9) translate3d(-0, -50px, 0);
-webkit-transition: -webkit-transform 0.5s, opacity 0.5s, left 0s 0.5s;
transition: transform 0.5s, opacity 0.5s, left 0s 0.5s;
}
.search-form-header div#searchcontainer div {
font-weight: 400;
padding: 5px;
color: #fff;
}
.search-form-header div#searchcontainer form {
width: 50%;
margin: 0 auto;
opacity: 0;
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
-webkit-transition: all 0.5s 0s;
transition: all 0.5s 0s;
}
.search-form-header div#searchcontainer form input[type="search"] {
width: 100%;
top: 0;
left: 0;
z-index: 99;
padding: 10px;
outline: none;
font-size: 26px;
}
.search-form-header div#searchcontainer.opensearch {
left: 0;
opacity: 1;
-webkit-transform: scale(1) translate3d(0, 0, 0);
transform: scale(1) translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 0.5s, opacity 0.5s, left 0s 0s;
transition: transform 0.5s, opacity 0.5s, left 0s 0s;
} 
.search-form-header div#searchcontainer.opensearch form {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: all 0.5s 0.5s;
transition: all 0.5s 0.5s;
}
.search-form-header .close {
top: 65px;
right: 30px;
position: absolute;
} .site-main .menu-navigation-container {
overflow: visible;
}
.elementor-item:after,
.elementor-item:before {
display: block;
position: absolute;
transition: 0.3s;
transition-timing-function: cubic-bezier(0.58, 0.3, 0.005, 1);
}
.elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,
.elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before {
opacity: 0;
}
.elementor-item-active:after,
.elementor-item-active:before,
.elementor-item.highlighted:after,
.elementor-item.highlighted:before,
.elementor-item:focus:after,
.elementor-item:focus:before,
.elementor-item:hover:after,
.elementor-item:hover:before {
transform: scale(1);
}
.e--pointer-double-line .elementor-item:after,
.e--pointer-double-line .elementor-item:before,
.e--pointer-overline .elementor-item:after,
.e--pointer-overline .elementor-item:before,
.e--pointer-underline .elementor-item:after,
.e--pointer-underline .elementor-item:before {
height: 3px;
width: 100%;
left: 0;
background-color: #3f444b;
z-index: 2;
}
.e--pointer-double-line.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,
.e--pointer-double-line.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,
.e--pointer-overline.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,
.e--pointer-overline.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,
.e--pointer-underline.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,
.e--pointer-underline.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before {
height: 0;
width: 0;
left: 50%;
}
.e--pointer-double-line.e--animation-drop-out .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,
.e--pointer-overline.e--animation-drop-out .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,
.e--pointer-underline.e--animation-drop-out .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before {
top: 10px;
}
.e--pointer-double-line.e--animation-drop-out .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,
.e--pointer-overline.e--animation-drop-out .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,
.e--pointer-underline.e--animation-drop-out .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after {
bottom: 10px;
}
.e--pointer-double-line.e--animation-drop-in .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,
.e--pointer-overline.e--animation-drop-in .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,
.e--pointer-underline.e--animation-drop-in .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before {
top: -10px;
}
.e--pointer-double-line.e--animation-drop-in .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,
.e--pointer-overline.e--animation-drop-in .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,
.e--pointer-underline.e--animation-drop-in .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after {
bottom: -10px;
}
.e--pointer-double-line.e--animation-none,
.e--pointer-double-line.e--animation-none .elementor-item,
.e--pointer-double-line.e--animation-none .elementor-item:after,
.e--pointer-double-line.e--animation-none .elementor-item:before,
.e--pointer-double-line.e--animation-none .elementor-item:focus,
.e--pointer-double-line.e--animation-none .elementor-item:hover,
.e--pointer-double-line.e--animation-none:after,
.e--pointer-double-line.e--animation-none:before,
.e--pointer-double-line.e--animation-none:focus,
.e--pointer-double-line.e--animation-none:hover,
.e--pointer-overline.e--animation-none,
.e--pointer-overline.e--animation-none .elementor-item,
.e--pointer-overline.e--animation-none .elementor-item:after,
.e--pointer-overline.e--animation-none .elementor-item:before,
.e--pointer-overline.e--animation-none .elementor-item:focus,
.e--pointer-overline.e--animation-none .elementor-item:hover,
.e--pointer-overline.e--animation-none:after,
.e--pointer-overline.e--animation-none:before,
.e--pointer-overline.e--animation-none:focus,
.e--pointer-overline.e--animation-none:hover,
.e--pointer-underline.e--animation-none,
.e--pointer-underline.e--animation-none .elementor-item,
.e--pointer-underline.e--animation-none .elementor-item:after,
.e--pointer-underline.e--animation-none .elementor-item:before,
.e--pointer-underline.e--animation-none .elementor-item:focus,
.e--pointer-underline.e--animation-none .elementor-item:hover,
.e--pointer-underline.e--animation-none:after,
.e--pointer-underline.e--animation-none:before,
.e--pointer-underline.e--animation-none:focus,
.e--pointer-underline.e--animation-none:hover {
transition-duration: 0s;
}
.e--pointer-double-line .elementor-item:before,
.e--pointer-overline .elementor-item:before {
content: "";
top: 0;
}
.e--pointer-double-line.e--animation-slide .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,
.e--pointer-overline.e--animation-slide .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before {
width: 10px;
left: -20px;
}
.e--pointer-double-line .elementor-item:after,
.e--pointer-underline .elementor-item:after {
content: "";
bottom: 0;
}
.e--pointer-double-line.e--animation-slide .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,
.e--pointer-underline.e--animation-slide .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after {
width: 10px;
inset-inline-start: 100%;
}
.e--pointer-framed .elementor-item:after,
.e--pointer-framed .elementor-item:before {
background: transparent;
left: 0;
top: 0;
bottom: 0;
right: 0;
border: 3px solid #3f444b;
}
.e--pointer-framed .elementor-item:before {
content: "";
}
.e--pointer-framed.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before {
transform: scale(0.75);
}
.e--pointer-framed.e--animation-shrink .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before {
transform: scale(1.25);
}
.e--pointer-framed.e--animation-grow .elementor-item:before,
.e--pointer-framed.e--animation-shrink .elementor-item:before {
transition: opacity 0.2s, transform 0.4s;
}
.e--pointer-framed.e--animation-draw .elementor-item:after,
.e--pointer-framed.e--animation-draw .elementor-item:before {
width: 3px;
height: 3px;
}
.e--pointer-framed.e--animation-draw .elementor-item:before {
border-width: 0 0 3px 3px;
transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
}
.e--pointer-framed.e--animation-draw .elementor-item:after {
content: "";
top: auto;
bottom: 0;
left: auto;
right: 0;
border-width: 3px 3px 0 0;
transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s;
}
.e--pointer-framed.e--animation-draw .elementor-item-active:after,
.e--pointer-framed.e--animation-draw .elementor-item-active:before,
.e--pointer-framed.e--animation-draw .elementor-item.highlighted:after,
.e--pointer-framed.e--animation-draw .elementor-item.highlighted:before,
.e--pointer-framed.e--animation-draw .elementor-item:focus:after,
.e--pointer-framed.e--animation-draw .elementor-item:focus:before,
.e--pointer-framed.e--animation-draw .elementor-item:hover:after,
.e--pointer-framed.e--animation-draw .elementor-item:hover:before {
width: 100%;
height: 100%;
}
.e--pointer-framed.e--animation-draw .elementor-item-active:before,
.e--pointer-framed.e--animation-draw .elementor-item.highlighted:before,
.e--pointer-framed.e--animation-draw .elementor-item:focus:before,
.e--pointer-framed.e--animation-draw .elementor-item:hover:before {
transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
}
.e--pointer-framed.e--animation-draw .elementor-item-active:after,
.e--pointer-framed.e--animation-draw .elementor-item.highlighted:after,
.e--pointer-framed.e--animation-draw .elementor-item:focus:after,
.e--pointer-framed.e--animation-draw .elementor-item:hover:after {
transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
}
.e--pointer-framed.e--animation-corners .elementor-item:after,
.e--pointer-framed.e--animation-corners .elementor-item:before {
width: 3px;
height: 3px;
}
.e--pointer-framed.e--animation-corners .elementor-item:before {
border-width: 3px 0 0 3px;
}
.e--pointer-framed.e--animation-corners .elementor-item:after {
content: "";
top: auto;
bottom: 0;
left: auto;
right: 0;
border-width: 0 3px 3px 0;
}
.e--pointer-framed.e--animation-corners .elementor-item-active:after,
.e--pointer-framed.e--animation-corners .elementor-item-active:before,
.e--pointer-framed.e--animation-corners .elementor-item.highlighted:after,
.e--pointer-framed.e--animation-corners .elementor-item.highlighted:before,
.e--pointer-framed.e--animation-corners .elementor-item:focus:after,
.e--pointer-framed.e--animation-corners .elementor-item:focus:before,
.e--pointer-framed.e--animation-corners .elementor-item:hover:after,
.e--pointer-framed.e--animation-corners .elementor-item:hover:before {
width: 100%;
height: 100%;
transition: opacity 2ms, width 0.4s, height 0.4s;
}
.e--pointer-framed.e--animation-none,
.e--pointer-framed.e--animation-none .elementor-item,
.e--pointer-framed.e--animation-none .elementor-item:after,
.e--pointer-framed.e--animation-none .elementor-item:before,
.e--pointer-framed.e--animation-none .elementor-item:focus,
.e--pointer-framed.e--animation-none .elementor-item:hover,
.e--pointer-framed.e--animation-none:after,
.e--pointer-framed.e--animation-none:before,
.e--pointer-framed.e--animation-none:focus,
.e--pointer-framed.e--animation-none:hover {
transition-duration: 0s;
}
.e--pointer-background .elementor-item:after,
.e--pointer-background .elementor-item:before {
content: "";
transition: 0.3s;
}
.e--pointer-background .elementor-item:before {
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #3f444b;
z-index: -1;
}
.e--pointer-background .elementor-item-active,
.e--pointer-background .elementor-item.highlighted,
.e--pointer-background .elementor-item:focus,
.e--pointer-background .elementor-item:hover {
color: #fff;
}
.e--pointer-background.e--animation-grow .elementor-item:before {
transform: scale(0.5);
}
.e--pointer-background.e--animation-grow .elementor-item-active:before,
.e--pointer-background.e--animation-grow .elementor-item.highlighted:before,
.e--pointer-background.e--animation-grow .elementor-item:focus:before,
.e--pointer-background.e--animation-grow .elementor-item:hover:before {
transform: scale(1);
opacity: 1;
}
.e--pointer-background.e--animation-shrink .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before {
transform: scale(1.2);
transition: 0.3s;
}
.e--pointer-background.e--animation-shrink .elementor-item-active:before,
.e--pointer-background.e--animation-shrink .elementor-item.highlighted:before,
.e--pointer-background.e--animation-shrink .elementor-item:focus:before,
.e--pointer-background.e--animation-shrink .elementor-item:hover:before {
transition: opacity 0.15s, transform 0.4s;
}
.e--pointer-background.e--animation-sweep-left .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before {
left: 100%;
}
.e--pointer-background.e--animation-sweep-right .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before {
right: 100%;
}
.e--pointer-background.e--animation-sweep-up .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before {
top: 100%;
}
.e--pointer-background.e--animation-sweep-down .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before {
bottom: 100%;
}
.e--pointer-background.e--animation-shutter-out-vertical .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before {
bottom: 50%;
top: 50%;
}
.e--pointer-background.e--animation-shutter-out-horizontal .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before {
right: 50%;
left: 50%;
}
.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:after,
.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:after {
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #3f444b;
z-index: -1;
}
.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:before {
top: 0;
bottom: 100%;
}
.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:after {
top: 100%;
bottom: 0;
}
.e--pointer-background.e--animation-shutter-in-vertical .elementor-item-active:before,
.e--pointer-background.e--animation-shutter-in-vertical .elementor-item.highlighted:before,
.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:focus:before,
.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:hover:before {
bottom: 50%;
}
.e--pointer-background.e--animation-shutter-in-vertical .elementor-item-active:after,
.e--pointer-background.e--animation-shutter-in-vertical .elementor-item.highlighted:after,
.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:focus:after,
.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:hover:after {
top: 50%;
}
.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:before {
right: 0;
left: 100%;
}
.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:after {
right: 100%;
left: 0;
}
.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item-active:before,
.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item.highlighted:before,
.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:focus:before,
.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:hover:before {
left: 50%;
}
.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item-active:after,
.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item.highlighted:after,
.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:focus:after,
.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:hover:after {
right: 50%;
}
.e--pointer-background.e--animation-none,
.e--pointer-background.e--animation-none .elementor-item,
.e--pointer-background.e--animation-none .elementor-item:after,
.e--pointer-background.e--animation-none .elementor-item:before,
.e--pointer-background.e--animation-none .elementor-item:focus,
.e--pointer-background.e--animation-none .elementor-item:hover,
.e--pointer-background.e--animation-none:after,
.e--pointer-background.e--animation-none:before,
.e--pointer-background.e--animation-none:focus,
.e--pointer-background.e--animation-none:hover {
transition-duration: 0s;
}
.e--pointer-text.e--animation-skew .elementor-item:focus,
.e--pointer-text.e--animation-skew .elementor-item:hover {
transform: skew(-8deg);
}
.e--pointer-text.e--animation-grow .elementor-item:focus,
.e--pointer-text.e--animation-grow .elementor-item:hover {
transform: scale(1.2);
}
.e--pointer-text.e--animation-shrink .elementor-item:focus,
.e--pointer-text.e--animation-shrink .elementor-item:hover {
transform: scale(0.8);
}
.e--pointer-text.e--animation-float .elementor-item:focus,
.e--pointer-text.e--animation-float .elementor-item:hover {
transform: translateY(-8px);
}
.e--pointer-text.e--animation-sink .elementor-item:focus,
.e--pointer-text.e--animation-sink .elementor-item:hover {
transform: translateY(8px);
}
.e--pointer-text.e--animation-rotate .elementor-item:focus,
.e--pointer-text.e--animation-rotate .elementor-item:hover {
transform: rotate(6deg);
}
.e--pointer-text.e--animation-none,
.e--pointer-text.e--animation-none .elementor-item,
.e--pointer-text.e--animation-none .elementor-item:after,
.e--pointer-text.e--animation-none .elementor-item:before,
.e--pointer-text.e--animation-none .elementor-item:focus,
.e--pointer-text.e--animation-none .elementor-item:hover,
.e--pointer-text.e--animation-none:after,
.e--pointer-text.e--animation-none:before,
.e--pointer-text.e--animation-none:focus,
.e--pointer-text.e--animation-none:hover {
transition-duration: 0s;
}
.hacienda-custom-nav-main .hacienda-nav-menu a {
transition: 0.4s;
}
.hacienda-custom-nav-main .hacienda-nav-menu a,
.hacienda-custom-nav-main .hacienda-nav-menu a.highlighted,
.hacienda-custom-nav-main .hacienda-nav-menu a:focus,
.hacienda-custom-nav-main .hacienda-nav-menu a:hover {
padding: 13px 20px;
}
.hacienda-custom-nav-main .hacienda-nav-menu a.current {
background: #1f2124;
color: #fff;
}
.hacienda-custom-nav-main .hacienda-nav-menu a.disabled {
background: #3f444b;
color: #88909b;
}
.hacienda-custom-nav-main .hacienda-nav-menu ul {
position: absolute;
min-width: 12em;
width: auto;
border-width: 0;
border-style: solid;
padding: 0;
}
.hacienda-custom-nav-main .hacienda-nav-menu span.scroll-down,
.hacienda-custom-nav-main .hacienda-nav-menu span.scroll-up {
position: absolute;
display: none;
visibility: hidden;
overflow: hidden;
background: #fff;
height: 20px;
}
.hacienda-custom-nav-main .hacienda-nav-menu span.scroll-down-arrow,
.hacienda-custom-nav-main .hacienda-nav-menu span.scroll-up-arrow {
position: absolute;
top: -2px;
left: 50%;
margin-left: -8px;
width: 0;
height: 0;
overflow: hidden;
border: 8px dashed transparent;
border-bottom: 8px solid #33373d;
}
.hacienda-custom-nav-main .hacienda-nav-menu span.scroll-down-arrow {
top: 6px;
border-style: solid dashed dashed;
border-color: #33373d transparent transparent;
}
.hacienda-custom-nav-main .hacienda-nav-menu--dropdown .sub-arrow .e-font-icon-svg,
.hacienda-custom-nav-main .hacienda-nav-menu--dropdown .sub-arrow i {
transform: rotate(-90deg);
}
.hacienda-custom-nav-main .hacienda-nav-menu--dropdown .sub-arrow .e-font-icon-svg {
fill: currentColor;
height: 1em;
width: 1em;
}
.hacienda-nav-menu--layout-horizontal {
display: flex;
}
.hacienda-nav-menu--layout-horizontal .hacienda-nav-menu {
display: flex;
flex-wrap: wrap;
}
.hacienda-nav-menu--layout-horizontal .hacienda-nav-menu a {
white-space: nowrap;
flex-grow: 1;
}
.hacienda-nav-menu--layout-horizontal .hacienda-nav-menu > li {
display: flex;
}
.hacienda-nav-menu--layout-horizontal .hacienda-nav-menu > li > .scroll-down,
.hacienda-nav-menu--layout-horizontal .hacienda-nav-menu > li ul {
top: 100% !important;
}
.hacienda-nav-menu--layout-horizontal .hacienda-nav-menu > li:not(:first-child) > a {
margin-inline-start: var(--e-nav-menu-horizontal-menu-item-margin);
}
.hacienda-nav-menu--layout-horizontal .hacienda-nav-menu > li:not(:first-child) > .scroll-down,
.hacienda-nav-menu--layout-horizontal .hacienda-nav-menu > li:not(:first-child) > .scroll-up,
.hacienda-nav-menu--layout-horizontal .hacienda-nav-menu > li:not(:first-child) > ul {
left: var(--e-nav-menu-horizontal-menu-item-margin) !important;
}
.hacienda-nav-menu--layout-horizontal .hacienda-nav-menu > li:not(:last-child) > a {
margin-inline-end: var(--e-nav-menu-horizontal-menu-item-margin);
}
.hacienda-nav-menu--layout-horizontal .hacienda-nav-menu > li:not(:last-child):after {
content: var(--e-nav-menu-divider-content, none);
height: var(--e-nav-menu-divider-height, 35%);
border-left: var(--e-nav-menu-divider-width, 2px) var(--e-nav-menu-divider-style, solid) var(--e-nav-menu-divider-color, #000);
border-bottom-color: var(--e-nav-menu-divider-color, #000);
border-right-color: var(--e-nav-menu-divider-color, #000);
border-top-color: var(--e-nav-menu-divider-color, #000);
align-self: center;
}
.hacienda-nav-menu__align-right .hacienda-nav-menu {
margin-left: auto;
justify-content: flex-end;
}
.hacienda-nav-menu__align-right .hacienda-nav-menu--layout-vertical > ul > li > a {
justify-content: flex-end;
}
.hacienda-nav-menu__align-left .hacienda-nav-menu {
margin-right: auto;
justify-content: flex-start;
}
.hacienda-nav-menu__align-left .hacienda-nav-menu--layout-vertical > ul > li > a {
justify-content: flex-start;
}
.hacienda-nav-menu__align-start .hacienda-nav-menu {
margin-inline-end: auto;
justify-content: flex-start;
}
.hacienda-nav-menu__align-start .hacienda-nav-menu--layout-vertical > ul > li > a {
justify-content: flex-start;
}
.hacienda-nav-menu__align-end .hacienda-nav-menu {
margin-inline-start: auto;
justify-content: flex-end;
}
.hacienda-nav-menu__align-end .hacienda-nav-menu--layout-vertical > ul > li > a {
justify-content: flex-end;
}
.hacienda-nav-menu__align-center .hacienda-nav-menu {
margin-inline-start: auto;
margin-inline-end: auto;
justify-content: center;
}
.hacienda-nav-menu__align-center .hacienda-nav-menu--layout-vertical > ul > li > a {
justify-content: center;
}
.hacienda-nav-menu__align-justify .hacienda-nav-menu--layout-horizontal .hacienda-nav-menu {
width: 100%;
}
.hacienda-nav-menu__align-justify .hacienda-nav-menu--layout-horizontal .hacienda-nav-menu > li {
flex-grow: 1;
}
.hacienda-nav-menu__align-justify .hacienda-nav-menu--layout-horizontal .hacienda-nav-menu > li > a {
justify-content: center;
}
.elementor-widget-nav-menu:not(.hacienda-nav-menu--toggle) .elementor-menu-toggle {
display: none;
}
.elementor-widget-nav-menu .elementor-widget-container {
display: flex;
flex-direction: column;
}
.hacienda-nav-menu {
position: relative;
z-index: 2;
}
.hacienda-nav-menu:after {
content: " ";
display: block;
height: 0;
font: 0/0 serif;
clear: both;
visibility: hidden;
overflow: hidden;
}
.hacienda-nav-menu,
.hacienda-nav-menu li,
.hacienda-nav-menu ul {
display: block;
list-style: none;
margin: 0;
padding: 0;
line-height: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.hacienda-nav-menu ul {
display: none;
}
.hacienda-nav-menu ul ul a,
.hacienda-nav-menu ul ul a:active,
.hacienda-nav-menu ul ul a:focus,
.hacienda-nav-menu ul ul a:hover {
border-left: 16px solid transparent;
}
.hacienda-nav-menu ul ul ul a,
.hacienda-nav-menu ul ul ul a:active,
.hacienda-nav-menu ul ul ul a:focus,
.hacienda-nav-menu ul ul ul a:hover {
border-left: 24px solid transparent;
}
.hacienda-nav-menu ul ul ul ul a,
.hacienda-nav-menu ul ul ul ul a:active,
.hacienda-nav-menu ul ul ul ul a:focus,
.hacienda-nav-menu ul ul ul ul a:hover {
border-left: 32px solid transparent;
}
.hacienda-nav-menu ul ul ul ul ul a,
.hacienda-nav-menu ul ul ul ul ul a:active,
.hacienda-nav-menu ul ul ul ul ul a:focus,
.hacienda-nav-menu ul ul ul ul ul a:hover {
border-left: 40px solid transparent;
}
.hacienda-nav-menu a,
.hacienda-nav-menu li {
position: relative;
}
.hacienda-nav-menu li {
border-width: 0;
}
.hacienda-nav-menu a {
display: flex;
align-items: center;
}
.hacienda-nav-menu a,
.hacienda-nav-menu a:focus,
.hacienda-nav-menu a:hover {
padding: 10px 20px;
line-height: 14px;
font-size: 14px;
}
.hacienda-nav-menu a.current {
background: #1f2124;
color: #fff;
}
.hacienda-nav-menu a.disabled {
cursor: not-allowed;
color: #88909b;
}
.hacienda-nav-menu .e-plus-icon:before {
content: "+";
}
.hacienda-nav-menu .sub-arrow {
line-height: 1;
padding: 10px 0 8px 4px;
margin-top: -10px;
margin-bottom: -10px;
display: flex;
align-items: center;
font-size: 14px;
}
.hacienda-nav-menu .sub-arrow i {
pointer-events: none;
}
.hacienda-nav-menu .sub-arrow .fa.fa-chevron-down,
.hacienda-nav-menu .sub-arrow .fas.fa-chevron-down {
font-size: 0.7em;
}
.hacienda-nav-menu .sub-arrow .e-font-icon-svg {
height: 1em;
width: 1em;
}
.hacienda-nav-menu .sub-arrow .e-font-icon-svg.fa-svg-chevron-down {
height: 0.7em;
width: 0.7em;
}
.hacienda-nav-menu--dropdown .elementor-item.elementor-item-active,
.hacienda-nav-menu--dropdown .elementor-item.highlighted,
.hacienda-nav-menu--dropdown .elementor-item:focus,
.hacienda-nav-menu--dropdown .elementor-item:hover,
.elementor-sub-item.elementor-item-active,
.elementor-sub-item.highlighted,
.elementor-sub-item:focus,
.elementor-sub-item:hover {
background-color: #3f444b;
color: #fff;
}
.elementor-menu-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: var(--nav-menu-icon-size, 22px);
padding: 0.25em;
cursor: pointer;
border: 0 solid;
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.05);
color: #33373d;
}
.elementor-menu-toggle.elementor-active .elementor-menu-toggle__icon--open,
.elementor-menu-toggle:not(.elementor-active) .elementor-menu-toggle__icon--close {
display: none;
}
.elementor-menu-toggle .e-font-icon-svg {
fill: #33373d;
height: 1em;
width: 1em;
}
.elementor-menu-toggle svg {
width: 1em;
height: auto;
fill: var(--nav-menu-icon-color, currentColor);
}
span.elementor-menu-toggle__icon--close,
span.elementor-menu-toggle__icon--open {
line-height: 1;
}
.hacienda-nav-menu--dropdown {
background-color: #fff;
font-size: 13px;
}
.hacienda-nav-menu--dropdown-none .elementor-menu-toggle,
.hacienda-nav-menu--dropdown-none .hacienda-nav-menu--dropdown {
display: none;
}
.hacienda-nav-menu--dropdown.hacienda-nav-menu__container {
margin-top: 10px;
transition: max-height 0.3s, transform 0.3s;
transform-origin: top;
overflow-y: auto;
overflow-x: hidden;
}
.hacienda-nav-menu--dropdown.hacienda-nav-menu__container .elementor-sub-item {
font-size: 0.85em;
}
.hacienda-nav-menu--dropdown a {
color: #33373d;
}
.hacienda-nav-menu--dropdown {
position: absolute;
z-index: 1111111111;
width: 100%;
position: absolute;
z-index: 9997;
left: 0;
padding: 0 20px;
width: 100%;
}
.hacienda-nav-menu--dropdown a.current {
background: #1f2124;
color: #fff;
}
.hacienda-nav-menu--dropdown a.disabled {
color: #b3b3b3;
}
ul.hacienda-nav-menu--dropdown a,
ul.hacienda-nav-menu--dropdown a:focus,
ul.hacienda-nav-menu--dropdown a:hover {
text-shadow: none;
border-left: 8px solid transparent;
}
.hacienda-nav-menu__text-align-center .hacienda-nav-menu--dropdown .hacienda-nav-menu a {
justify-content: center;
}
.hacienda-nav-menu--toggle {
--menu-height: 100vh;
}
.hacienda-nav-menu--toggle .elementor-menu-toggle:not(.elementor-active) + .hacienda-nav-menu__container {
transform: scaleY(0);
max-height: 0;
overflow: hidden;
}
.hacienda-nav-menu--toggle .elementor-menu-toggle.elementor-active + .hacienda-nav-menu__container {
transform: scaleY(1);
max-height: var(--menu-height);
animation: hide-scroll 0.3s backwards;
}
.hacienda-nav-menu--stretch .hacienda-nav-menu__container.hacienda-nav-menu--dropdown {
position: absolute;
z-index: 9997;
left: 0;
padding: 0 20px;
width: 100%;
}
.hacienda-nav-menu--toggle{
position: unset !important;
}
@media (max-width: 767px) {
.hacienda-nav-menu--dropdown-mobile .hacienda-custom-nav-main {
display: none;
}
.rooms-and-suites-con-style-2 .owl-carousel .owl-nav button.owl-prev {
top: 0%;
position: absolute;
left: 40%;
}
.rooms-and-suites-con-style-2 .owl-carousel .owl-nav button.owl-next {
top: 0%;
position: absolute;
right: 40%;
}
.rooms-and-suites-con-style-2 .owl-stage-outer {
padding-top: 70px;
}
.rooms-and-suites-con-style-2 .rooms-and-suites-con2 .room-box figure::after{
display: none;
}
}
@media (min-width: 768px) {
.hacienda-nav-menu--dropdown-mobile .elementor-menu-toggle,
.hacienda-nav-menu--dropdown-mobile .hacienda-nav-menu--dropdown {
display: none;
}
.hacienda-nav-menu--dropdown-mobile nav.hacienda-nav-menu--dropdown.hacienda-nav-menu__container {
overflow-y: hidden;
}
}
@media (max-width: -1) {
.hacienda-nav-menu--dropdown-mobile_extra .hacienda-custom-nav-main {
display: none;
}
}
@media (min-width: -1) {
.hacienda-nav-menu--dropdown-mobile_extra .elementor-menu-toggle,
.hacienda-nav-menu--dropdown-mobile_extra .hacienda-nav-menu--dropdown {
display: none;
}
.hacienda-nav-menu--dropdown-mobile_extra nav.hacienda-nav-menu--dropdown.hacienda-nav-menu__container {
overflow-y: hidden;
}
}
@media (max-width: 1024px) {
.hacienda-nav-menu--dropdown-tablet .hacienda-custom-nav-main {
display: none;
}
.hacienda-custom-nav li.menu-item-has-children:focus-within > ul.hacienda-nav-menu--dropdown{
display: contents !important;
}
.banner-con .item img{
height: 600px !important;
}
.banner-con .owl-carousel .owl-stage-outer {
min-height: 680px !important;
}
.services-con .servicepage_wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
text-align: center;
gap: 15px;
}
.rooms-and-suites-con-style-2 .owl-stage-outer {
padding-top: 30px;
}
.servicepage-con3 .services_wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
.servicepage-con3 .wt-we-provide-con3 .provider-box {
padding: 30px 30px 30px 30px;
}
.rooms-and-suits-con3{
display: grid;
grid-template-columns: repeat(2,1fr);
gap: 15px;
}
.rooms-and-suits-con3 .suit-box figure.green-stars-bg {
margin-top: -50px !important;
position: relative;
transform:translate(0px);
top: -5px;
}
.roms-page-con-1 .rooms_wrapper{
display: grid;
grid-template-columns: repeat(2,1fr);
gap: 15px;
}
.facility-con .services_wrapper{
display: grid;
grid-template-columns: repeat(2,1fr);
gap: 15px;
}
.footer-con .social-icon i, .our-team-con .team-box .social-icon i {
background-color: var(--e-global-color-secondary);
width: 34px;
height: 34px;
border-radius: 100%;
text-align: center;
line-height: 34px;
}
}
@media (min-width: 1025px) {
.hacienda-nav-menu--dropdown-tablet .elementor-menu-toggle,
.hacienda-nav-menu--dropdown-tablet .hacienda-nav-menu--dropdown {
display: none;
}
.hacienda-nav-menu--dropdown-tablet nav.hacienda-nav-menu--dropdown.hacienda-nav-menu__container {
overflow-y: hidden;
}
}
@media (max-width: 0px) {
.hacienda-nav-menu--dropdown-tablet_extra .hacienda-custom-nav-main {
display: none;
}
}
@media (min-width: 0px) {
.hacienda-nav-menu--dropdown-tablet_extra .elementor-menu-toggle,
.hacienda-nav-menu--dropdown-tablet_extra .hacienda-nav-menu--dropdown {
display: none;
}
.hacienda-nav-menu--dropdown-tablet_extra nav.hacienda-nav-menu--dropdown.hacienda-nav-menu__container {
overflow-y: hidden;
}
}
@keyframes hide-scroll {
0%,
to {
overflow: hidden;
}
}
@media screen and (max-width: 1520px){ .home-5-services-section .services-box {
padding: 40px 30px 35px 30px;
}
}
@media screen and (max-width: 1469px){ .gallery-section { column-width: 350px; }
}
@media only screen and (max-width : 1199px){
.gallery-section-outer .nav-tabs .nav-link { font-size: 18px; line-height: 18px;  padding: 16px 0; }
.gallery-section-outer .nav-tabs .nav-link.active { padding: 16px 16px; }
.gallery-section .gallery-images .image-overlay::before { width: 60px; height: 60px; background-size: 60px; }
.services-style-2 .services-con .provide-box figure.position-relative::after{display: none;}
.rooms-and-suites-con-style-2 .rooms-and-suites-con2 .room-box figure::after{
display: none;
}
.news-and-articles-con-style-1 .news-and-articles-con .news-box figure::after{
display: none;
}
}
@media screen and (max-width: 1169px){ .gallery-section { column-width: 300px; }
}
@media only screen and (max-width : 1024px) { .gallery-section { column-width: 250px; }
.hacienda-nav-menu--dropdown{
padding: 0px !important;
}
.news-and-articles-con-style-1 .news-and-articles-con {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width : 991px) {
.hacienda-nav-menu--dropdown {
width: 96%;
left: 0;
right: 0;
margin: 0 auto !important;
}
.hacienda-nav-menu--stretch .hacienda-nav-menu__container.hacienda-nav-menu--dropdown {
width: 96%;
left: 0;
right: 0;
margin: 0 auto !important;
} .gallery-section-outer .nav-tabs { margin-bottom: 25px; padding: 10px 10px; gap: 20px; }
.gallery-section-outer .nav-tabs .nav-link { font-size: 16px; line-height: 16px;  padding: 14px 0; }
.gallery-section-outer .nav-tabs .nav-link.active { padding: 14px 15px; }
.gallery-section .gallery-images .image-overlay::before { width: 50px; height: 50px; background-size: 50px; }
}
@media only screen and (max-width : 869px) { .gallery-section { column-width: 200px; }
}
@media only screen and (max-width : 767px){
.gallery-section-outer .nav-tabs .nav-link { font-size: 14px; line-height: 14px; padding: 12px 10px; }
.gallery-section-outer .nav-tabs .nav-link.active { padding: 12px 10px; }
.gallery-section-outer .nav-tabs { gap: 0 20px; }
.gallery-section { column-width: 250px; margin-bottom: 30px; }
.gallery-section [class^="arrow"] { height: 45px; width: 45px; }
.gallery-section [class^="arrow"]:after { width: 12px; height: 12px; }
.gallery-section .close { width: 35px; height: 35px; }
.gallery-section .close:before { top: 8px; font-size: 18px; }
.home-3-gallery-section { column-width: 200px; }
.home-3-gallery-section { margin-bottom: 0; }
.home-3-gallery-section .gallery-images .image-wrapper { float: left; }
.servicepage-con3 .services_wrapper {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 15px;
}
.roms-page-con-1 .rooms_wrapper{
display: grid;
grid-template-columns: repeat(1,1fr);
gap: 15px;
}
.facility-con .services_wrapper{
display: grid;
grid-template-columns: repeat(2,1fr);
gap: 15px;
}
.our-team-con .team_wrapper{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
}
@media only screen and (max-width : 689px){ .home-3-gallery-section { column-width: 150px; } .home-4-gallery-section { column-width: 250px; }
}
@media only screen and (max-width : 575px){ .gallery-section { column-width: 300px; margin-bottom: 0; } .services-style-2 .services-con .provide-box .provide-content-con {
padding-top: 45px;
}
.services-con .servicepage_wrapper {
grid-template-columns: repeat(2, 1fr);
}
.services-style-2 .services-con .provide-box figure.position-relative img{
height: 170px;
}
.services-style-2 .services-con figure.green-circle img{
width: 30px;
}
.services-style-2 .services-con .provide-box figure.green-circle {
position: absolute;
width: 70px;
height: 70px;
line-height: 70px;
}
.news-and-articles-con-style-1 .news-and-articles-con {
grid-template-columns: repeat(1, 1fr);
}
.rooms-and-suits-con3{
grid-template-columns: repeat(1,1fr);
gap: 15px;
}
.facility-con .services_wrapper{
display: grid;
grid-template-columns: repeat(1,1fr);
gap: 15px;
}
.facility-con .featured-image img{
width: 100% !important;
height: 230px !important;
object-fit: cover;
object-position: center;
}
.our-team-con .team_wrapper{
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 15px;
}
}.rs-p-wp-fix{display:none!important;margin:0!important;height:0!important}body{--sr-7-css-loaded:1}.wp-block-themepunch-revslider{position:relative}.wp-block-themepunch-revslider.revslider{margin:0}canvas.sr7-pbar{z-index:500;position:absolute;pointer-events:none}sr7-module{display:block;position:relative;overflow-x:visible}sr7-adjuster{position:relative;display:block;width:100%}sr7-content{position:absolute;top:0;height:100%;contain:size layout style;z-index:1;overflow-x:visible}sr7-carousel{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}sr7-slide{position:absolute;width:100%;height:100%;contain:strict;top:0;left:0;z-index:1;visibility:hidden;pointer-events:none}.sr7-overflow-force sr7-slide,sr7-carousel sr7-slide{contain:layout style}sr7-module-bg{top:0;z-index:0;position:absolute}sr7-3dwrap{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}sr7-overlay{display:block;width:100%;height:100%;top:0;left:0;position:absolute;z-index:3;background-repeat:repeat}sr7-btn,sr7-col,sr7-content .sr7-layer,sr7-grp,sr7-img,sr7-layer,sr7-linebrk,sr7-row,sr7-shp,sr7-svg,sr7-txt,sr7-zone{user-select:none;visibility:hidden;display:none;box-sizing:border-box;backface-visibility:hidden}.sr7-layer[data-subtype=slidebg],sr7bg{pointer-events:none}sr7-content .sr7-layer.sr7-withclip,sr7-content .sr7-layer.sr7-withclip .sr7-layer{backface-visibility:visible}sr7-grp.sr7-clear:after{content:"";clear:both;display:block;height:0}sr7-zone{pointer-events:none}sr7-row.sr7-layer.sr7-galign{box-sizing:border-box}.sr7-layer[data-type=svg]>svg,sr7-layer[data-type=svg]>svg{width:100%;height:100%}sr7-row-con{table-layout:fixed;font-size:0;display:block}sr7-module .sr7-layer,sr7-module sr7-layer{-webkit-font-smoothing:antialiased!important;-webkit-tap-highlight-color:transparent;-moz-osx-font-smoothing:grayscale;font-display:swap}sr7-slide.sr7-staticslide-low{z-index:0!important}sr7-slide.sr7-staticslide-high{z-index:105!important}sr7-slide a{transition:none}sr7-module.sr7-top-fixed{width:100%;height:auto!important;backface-visibility:hidden}sr7-module.sr7-top-fixed sr7-adjuster{height:auto!important}sr7-module.sr7-top-fixed sr7-content,sr7-module.sr7-top-fixed sr7-content .sr7-layer:not(.sr7-ignore-pe) *{pointer-events:none}sr7-prl{top:50%;left:50%;z-index:10000;position:absolute}sr7-prl.off{display:none!important}sr7-prl.sr7-fade-in{animation:tp-fade-in 1s linear}.sr-force-hidden{display:none!important}@keyframes tp-rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes tp-fade-in{0%{opacity:0}20%{opacity:0}100%{opacity:100}}@keyframes tp-rotate{100%{transform:rotate(360deg)}}sr7-fonttest{width:auto;display:inline-block;white-space:nowrap;font-size:12px;color:#000}sr7-fonttest-wrap{position:absolute;contain:strict;top:-1500px;left:-1500px;width:1500px;height:1000px;pointer-events:none;opacity:0}.fn-wrap{display:flex;position:fixed;width:100px;height:50px;z-index:100;background-color:rgba(66,66,66,.2);justify-content:space-around;align-items:center;bottom:0;left:50%;transform:translateX(-50%)}.fn-left,.fn-right{display:flex;width:40px;height:40px;justify-content:center;align-items:center;background-color:gray;color:#fff;font-weight:700;font-size:20px;cursor:pointer}@font-face {
font-family: 'quiche-sans';
src: url(//www.casablancahotel.com.na/wp-content/uploads/useanyfont/7595Quiche-Sans.woff2) format('woff2'),
url(//www.casablancahotel.com.na/wp-content/uploads/useanyfont/7595Quiche-Sans.woff) format('woff');
font-display: auto;
}
.quiche-sans{font-family: 'quiche-sans' !important;}
h1, h2, body.single-post .entry-title, body.page .entry-title, body.category .entry-title, .widget-title, .site-title, .site-description{
font-family: 'quiche-sans' !important;
}.no-breadcrumbs.page-title-area:after{ display: none; }
.navbar-area .nav-container .navbar-collapse #menu-all-pages > li + li{ margin-left: 10px; }
.navbar-area .nav-container .navbar-collapse #menu-all-pages li{ padding: 0 7px; } .navbar-area .nav-container .logo a.retina-logo{
display: none;
}
.wpcf7-form-control-wrap {
display: block;
z-index:0;
}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {
margin: 1em 0em 0em;
font-size: 14px;
line-height: 1.5em;
text-align: center;
}
.wpcf7-not-valid-tip {
color: red;
font-size: 12px;
line-height: 12px;
font-weight: normal;
display: block;
margin-top: 0;
position: absolute;
width: auto;
display: block;
left: 0;
border: none;
padding: 0;
bottom: -18px;
}
.wpcf7-spinner {
display: none;
}
.wpcf7 form.invalid .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output{
color: #46b450;
}
@media only screen and (max-width: 1366px) {
.wpcf7-not-valid-tip {
font-size: 12px;
line-height: 12px;
}
}
@media only screen and (max-width: 1024px) {
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {
font-size: 12px;
}
}
.video-responsive {
position: relative;
padding-bottom: 56.25%; padding-top: 25px;
height: 0;
}
.video-responsive iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}