/*
Theme Name:  Hello Elementor Child
Template: 	 hello-elementor
Theme URI:	 https://wordpress.org/themes/hello-elementor/
Author:		 Atlas - TravelNet Solutions
Author URI:	 https://tnsinc.com/
Version:	 1.0.0
License:	 GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:    	 opensource     
Text Domain: helloelementorchild
*/

body .easy-notification-bar--align_center .easy-notification-bar-container {
    row-gap: 6px;
}
body .easy-notification-bar-message {
    color: #fff;
    font-size: 20px;
    font-family: "Cormorant", serif;
    line-height: 26px;
}
body .easy-notification-bar {
    font-size: 14px;
}
body a.easy-notification-bar__close,
body a.easy-notification-bar__close:is(:hover,:focus) {
    color: #fff;
}
/* Top rib (plugin Easy Notification Bar) end */
.header-holder {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -2px rgba(0, 0, 0, 0.10);
}

#elementor-popup-modal-19217.elementor-popup-modal .dialog-message {
    max-height: calc(100vh - 76px) !important;
}

h1.entry-title {
    font-family: "Cormorant", serif;
}

body .no-margin.elementor-element .swiper .swiper-slide figure, body .no-margin p,
body .no-margin.elementor-element p {
    margin: 0 !important;
}
body .hide-bellow-1024 {
    display: none !important;
}
body .full-width-mob a {
    width: 100% !important;
}
.main-menu-mobile .sub-menu {
    background-color: transparent !important;
    position:  relative !important;
    margin-left: 10px !important;
    margin-top: 0 !important;
}
.main-menu-mobile .sub-menu .menu-item a, .main-menu-mobile .sub-menu .menu-item a.elementor-item-active {
    padding: 13px 8px;
}
.main-menu-mobile .sub-menu .sub-menu .menu-item a {
    border-left: 10px !important;
}

/* Buttons */
.green-button.elementor-element .elementor-button,
.green-button.abe-button,
.green-button.button,
.green-button.okay-btn,
.read-more-link.button, 
.read-less-link.button,
#amenities-view-toggle,
.abe #abe-review-activator {
  background: linear-gradient(to right, #9caa99 50%, #8b9b87 50%);
  background-size: 200% 100%; /* Make the background twice as wide */
  background-position: right; /* Start with the "second color" half showing */
  transition: background-position 0.5s ease-out; /* Animate the position over 0.5s */
}
.elementor-element .elementor-button:hover,
.green-button.abe-button:hover,
.green-button.button:hover,
.green-button.okay-btn:hover, 
.read-more-link.button:hover, 
.read-less-link.button:hover, 
#amenities-view-toggle:hover,
.abe #abe-review-activator:hover {
  background-position: left; /* On hover, slide the background to the left to show the "first color" half */
}

.feat-cards-holder .swiper-pagination {
    width: auto !important;
    height: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 14px !important;
    left: 50% !important;
    transform: translateX(-50%);
    background-color: #54585ab6;
    border-radius: 6px;
}
.feat-cards-holder .elementor-element.e-flex.e-con {
    border-color: rgba(0,0,0,0.2) !important;
}
.feat-cards-holder .swiper-pagination-clickable .swiper-pagination-bullet {
    margin-bottom: 0 !important;
}
.feat-cards-holder figure {
    line-height: 0 !important;
}
/* Cards slider dots end */

/* .bttns-holder.elementor-element, */
.feat-cards-holder .elementor-widget-view_all_button {
    margin-top: auto !important;
}
.bttns-holder.elementor-element .elementor-element a.elementor-button {
    border-color: #ADADAD !important;
}
.btn-transparent-background.elementor-element {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.btn-transparent-background.elementor-element .elementor-button {
    background: transparent !important;
}
.btn-transparent-background.elementor-element .elementor-button:hover, .btn-transparent-background.single-post-btn:hover {
    background: #fff !important;
}
.view-details .elementor-icon-box-wrapper {
    flex-direction: row-reverse !important;
    justify-content: flex-end !important;
}
.view-details .elementor-icon-box-content {
    width: auto !important;
    flex-grow: unset !important;
}

body #bttn-white.bttn-white-green.elementor-element .elementor-button {
    background-color: #fff !important;
}
body #bttn-white.bttn-white-green.elementor-element .elementor-button:hover {
    background-color: #7A8A76 !important;
}
/* Buttons end */

body .kathryn-slider-holder {
    max-width: 686px !important;
}
.galery-lifetime img {
        border-radius: 6px;
}

body .search-form-holder {
    border-top: 4px solid #2C2C2C;
    box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.10);
}

.slider-text-holder .bttns-holder.elementor-element {
    margin-top: unset !important;
}
/* .exp-and-activ .card {

} */
body .experiences-icons {
    position: absolute;
    top: 24px;
    left: 24px;
    width: 48px;
    height: 48px;
    background-color: #fff;
    border-radius: 50%;
}
body .experiences-icons .elementor-icon-wrapper {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
body .icon-green-baackground ul li.elementor-icon-list-item span.elementor-icon-list-icon {
    background-color: #8B9B87;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 4px;
    margin-right: 8px;
}
body .big-icon-green-baackground .elementor-icon {
    background-color: #8B9B87;
    border-radius: 50%;
    width: 64px;
    height: 64px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
    /* padding-left: 4px; */
}
/* body .big-icon-green-baackground .elementor-icon svg {
    fill: #8b9b87;
} */
body .testimonials-slider .elementor-testimonial__footer .elementor-testimonial__name {
    padding-top: 20px;
}
body .testimonials-slider .elementor-testimonial__footer .elementor-testimonial__name::before {
    height: 1px;
    width: 45px;
    content: " ";
    background-color: #8B9B8766;
    top: 0;
    left: 50%;
}
.accordion-questions .e-n-accordion-item {
    overflow: hidden;
}
.accordion-questions .e-n-accordion-item[open], .accordion-questions .e-n-accordion-item-title {
    border: 1px solid #000 !important;
    border-radius: 5px !important;
}
.accordion-questions .e-n-accordion-item[open] .e-n-accordion-item-title {
    border-radius: 0 !important;
}
.accordion-questions .e-n-accordion-item[open] .e-n-accordion-item-title,
.accordion-questions .e-n-accordion-item:hover .e-n-accordion-item-title {
    background-color: #8B9B87;
}
.accordion-questions .e-n-accordion-item[open] .e-n-accordion-item-title {
    border: none !important;
    border-radius: 5px 5px 0 0;
}
.accordion-questions .e-n-accordion-item .e-n-accordion-item-title-icon {
    margin-left: auto;
}
.accordion-questions .e-n-accordion-item[open]>.elementor-element {
    background-color: #8C83781A;
}
.accordion-questions .e-n-accordion-item >.elementor-element {
    border: none;
}
.elementor p a {
    text-decoration: underline;
}

/* Home Page */
/* lodging boxes */
.bc-lodging-boxes-slider .swiper {
    border-radius: 5px 5px 0 0;
}

body .border-radius-6 {
    border-radius: 6px;
}

/* Contact Us Page */
/* contact form */
.bc-contact-form .list-radio-wrap .nf-field-element li {
    display: flex;
    align-items: center;
    gap: 10px;
}

.bc-contact-form .list-radio-wrap .nf-field-element li input, .bc-contact-form .list-radio-wrap .nf-field-element li label {
    margin: 0;
}

.bc-contact-form .label-right .checkbox-wrap .nf-field-element {
    vertical-align: top;
}

.bc-contact-form .label-right .checkbox-wrap .nf-field-label {
    padding-left: 10px;
}

/* Single Post */
.bc-single-post-content a {
    color: #8B9B87;
}
.bc-single-post-content h2 span {
    font-family: "Cormorant", Sans-serif;
    font-size: 32px;
    font-weight: 600 !important;
    color: #2C2C2C;
}
.bc-single-post-content h2, .bc-single-post-content h2 span {
    line-height: 40px !important;
}
.bc-single-post-content img {
    margin-block-end: 20px;
}

/* Archive */
.bc-posts-loop-card {
    height: 100% !important;
}

/* Post loop */
.post-loop-cat-buttons .post-info-row {
	border: none !important;
	padding: 0 !important;
}
.post-loop-cat-buttons .post-info-row ul li span span a {
	display: block !important;
	padding: 4px 13px 4px 13px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-f76c6d7);
    border-radius: 13px 13px 13px 13px;
}
.post-loop-cat-buttons .post-info-row ul li span span a:hover {
	background-color: #fff;
}
/* Post loop end */

/* Footer */
#footer .footer-logo img {
    width: auto !important;
}
#footer .column-1 {
    max-width: 250px;
    min-width: 250px;
    width: 250px;
}
#footer .column-1 .soc-icons,
#footer .column-1 .icon-image {
    display: inline-block;
}
#footer .column-2 {
    width: auto;
}
#footer .column-3 {
    width: 25%;
    max-width: 366px;
}
#footer .column-3 .elementor-nav-menu--main {
    max-height: 160px;
    min-height: 160px;
    height: 166px;
    margin-top: -6px;;
}
#footer .column-3 .footer-menu-1 {
    min-width: 130px;
}
#footer .column-3 .footer-menu-2 {
    min-width: 160px;
}
#footer .column-3 .footer-menu-2 .elementor-nav-menu--main .elementor-nav-menu {
    height: 100% !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#footer .column-3 .footer-menu-2 .elementor-nav-menu--main .elementor-nav-menu li:first-of-type {
    margin-bottom: auto;
}
#footer .column-3 .footer-menu-2 .elementor-nav-menu--main .elementor-nav-menu li:last-of-type {
    margin-top: auto;
}
#footer .column-4 {
    max-width: 177px;
    min-width: 177px;
    width: 177px;
}
.powered-by .elementor-element {
    display: flex;
    align-items: center;
    justify-content: center;
}
.powered-by p,
.powered-by img {
    margin: 0 !important;
}
.powered-by img {
    width: 167px !important;
}
@media all and (min-width: 600px) {
    body .easy-notification-bar-message {
        font-size: 26px;
        line-height: 30px;
    }
}
@media all and (min-width: 768px) {
    body .full-width-mob a {
        width: auto !important;
    }
}
@media all and (min-width: 1024px) {
    body .hide-bellow-1024 {
        display: block !important;
    }
    .bc-contact-form .label-right .checkbox-wrap .nf-field-label {
        padding-left: 5px;
    }
}
@media all and (min-width: 1024px) and (max-width: 1200px) {
    body .padding-desktop-0 .e-con-inner {
        padding: 0;
    }
}
@media all and (min-width: 1024px) and (max-width: 1460px) {
    .slider-text-holder .slider-holder {
        max-height: 689px !important;
    }
    .slider-text-holder .info-holder .e-con-inner {
        max-width: 80% !important;
        margin: auto;
    }
}
@media all and (min-width: 1025px) {
    .header-holder .logo-holder,
    .header-holder .logo-holder .elementor-icon-wrapper svg {
        max-width: 215px;
    }
    .header-holder .menu-holder ul li a,
    .header-holder .menu-holder ul li a:hover {
        padding: 13px !important;
    }
    .header-holder .menu-holder .icon-menu {
        display: none;
    }
    .header-holder .header-button-holder a,
    .header-holder .header-button-holder a:hover {
        padding: 12px 19px;
    }
}
@media all and (min-width: 1060px) {
    .header-holder .logo-holder,
    .header-holder .logo-holder .elementor-icon-wrapper svg {
        max-width: 265px;
    }
}
@media all and (min-width: 1180px) {
    .header-holder .menu-holder ul li a,
    .header-holder .menu-holder ul li a:hover {
        padding: 13px 20px !important;
    }
    .header-holder .header-button-holder a,
    .header-holder .header-button-holder a:hover {
        padding: 12px 32px;
    }
}

@media all and (max-width: 1200px) {
    .slider-text-holder .slider-holder .e-con-inner {
        margin-right: 0;
    }
    /* .feat-cards-holder.half-screen {
        max-height: 620px !important;
        overflow: hidden;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
    }
    .feat-cards-holder.half-screen .swiper-slide-inner {
        max-height: 620px !important;
    } */
    #footer .footer-logo img {
        max-width: 295px !important;
    }
    #footer .columns-holder {
        flex-wrap: wrap !important;
        max-width: 780px;
        margin: auto;
        justify-content: center;
    }
    #footer .column-1 {
        order: 4;
    }
    #footer .column-1 .elementor-widget-text-editor {
        display: none;
    }
    #footer .column-1 .elementor-social-icons-wrapper {
        display: flex;
        justify-content: center;
    }
    #footer .column-2 {
        order: 1;
        /* max-width: 380px;
        min-width: 380px; */
        /* width: 100%; */
        /* margin-right: 100px; */
    }
    #footer .column-3 {
        order: 2;
        max-width: 280px;
        width: 100%;
    }
    #footer .column-4 {
        order: 3;
    }
    #footer .copyright-year {
        justify-content: flex-end;
    }
}
@media all and (max-width: 1024px) {
    .header-holder .logo-holder .e-con-inner {
        min-width: 100%;
    }
    .header-holder .menu-holder {
        max-width: 30px !important;
    }
    #footer .columns-holder {
        max-width: 400px;
    }
    #footer .column-2 {
        order: 1;
        /* max-width: 380px;
        min-width: 380px; */
        margin-right: unset;
        margin-bottom: 50px;
        width: 100%;
    }
    #footer .column-3 {
        order: 2;
        max-width: 320px;
        min-width: 320px;
        width: 100%;
    }
    #footer .column-3 .elementor-nav-menu--main .elementor-nav-menu a {
        justify-content: center;
    }
    #footer .footer-separator .elementor-divider-separator {
        max-width: 500px;
    }
}
@media all and (max-width: 1024px) {
    .header-holder .menu-holder .desktop-menu,
    .header-holder .header-button-holder {
        display: none;
    }
    #footer .copyright-year,
    #footer .powered-by {
        justify-content: center;
    }
}
@media all and (max-width: 768px) {
    body .read-more-icon .elementor-icon-box-wrapper {
        justify-content: center !important;
    }
    .bc-single-post-content h2 span {
        font-size: 26px;
    }
    .bc-single-post-content h2, .bc-single-post-content h2 span {
        line-height: 30px !important;
    }
}
@media all and (max-width: 479px) {
    #galery-lifetime .elementor-image-gallery .gallery.gallery-columns-4 .gallery-item {
        max-width: 50%;
    }
}
@media all and (max-width: 360px) {
    #footer .column-3 {
        order: 2;
        max-width: 290px;
        min-width: 290px;
        width: 100%;
        gap: unset;
        justify-content: space-between;
    }
}