/*
	Theme Name: Avada Child
	Theme URI: 
	Author: Crackler
	Author URI: 
	Description: Child theme for Avada - Master Install
	Version: 3.5.9
	Template: Avada
	License: GNU General Public License version 3.0
	License URI: http://www.Crackler.com.au

-------------------------------------------------------------------------
*/
/* Importing Fonts into CSS file  -----------------------------------------  */
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lora:400,400i&display=swap');

/* Website Global Styles  -----------------------------------------  */
/* =============== Typography Styles =============== */

a {
    transition: all 0.7s ease;
}
.fl-module-heading h1.fl-heading{
    text-transform: uppercase;
}
.fl-module-heading h2.fl-heading{
    margin-bottom: 2rem !important;
    text-transform: uppercase;
}
.fl-module-heading h4.fl-heading{
    margin-bottom: 0.5rem !important;
    text-transform: uppercase;
}
.text-large{
    font-size: 72px;
}
.text-green{
    color: #516a58;
}
.text-light-green a{
    color: #25c06f !important;
}
@media only screen and (max-width: 768px) {
    .text-light-green {
        text-align: center;
    }
}
.whitetext h1,
.whitetext .post-content h1,
.whitetext h2,
.whitetext .post-content h2,
.whitetext h3,
.whitetext .post-content h3,
.whitetext h4,
.whitetext .post-content h4,
.whitetext h5,
.whitetext .post-content h5,
.whitetext p,
.whitetext .post-content p {
    color: #fff !important;
}


/*=============== Layout Styles =============== */
@media only screen and (min-width: 1920px) {
    html {
        background-color: #f2f2f2 !important;
    }
}

.show {
    display: block !important;
}

.hide {
    display: none !important;
}
/* ----- Button Styles ----- */
.button .fl-button{
    font-family: 'Oswald', sans-serif;
    text-align: center;
    text-transform: uppercase;
    font-weight: 300 !important;
    padding: 9px 32px 12px 32px !important;
    border-radius: 0 !important;
}
@media only screen and (max-width: 768px) {
    .button .fl-button{
       width: 100%;
    }
}
.button .fl-button span{
    font-size: 26px;
}
.green-border-button .fl-button{
    background: transparent !important;
    border: 1px solid #516a58 !important;
}
.green-border-button .fl-button span{
    color: #516a58 !important;
}
.white-border-button .fl-button{
    background: transparent !important;
    border: 1px solid #FFF !important;
}
.white-border-button .fl-button span{
    color: #FFF !important;
}
.green-button .fl-button{
    background: #516a58 !important;
    border: 1px solid #516a58 !important;
}
.green-button .fl-button span{
    color: #FFF !important;
}
.red-button .fl-button{
    background: #e75d51 !important;
    border: 1px solid #e75d51 !important;
}
.red-button .fl-button span{
    color: #FFF !important;
}
.light-yellow-button .fl-button{
    background: #d4d3bd !important;
    border: 1px solid #d4d3bd !important;
}
.light-yellow-button .fl-button span{
    color: #FFF !important;
}

/* --- Read More Button --- */
@media only screen and (max-width: 768px) {
    .read-more-button{
        text-align: center;
    }
}
.read-more-button .fl-accordion-item{
    display: inline-block;
    border: none;
    padding-left: 0;
}
.read-more-button .fl-accordion-button{
    padding-left: 0;
    color: #516a58;
    display: inline-flex;
    align-items: center;
}
.read-more-button .fl-accordion-content{
    padding: 20px 40px 20px 0;
}
.read-more-button .fl-accordion-button i{
    font-size: 14px;
    padding-left: 8px;
    opacity: 1;
}
.read-more-button .fl-accordion-button i:before{
    color: #516a58;
}

/* Grid Styles ==================== */

@media only screen and (max-width: 768px) {

    .fl-post-grid-post,
    .fl-post-grid.masonry {
        max-width: 100% !important;
        width: 100% !important;
    }
}
.text-center{
    text-align: center !important;
}
/* Header styles ==================== */

.fusion-header-wrapper {
    margin-left: auto !important;
    margin-right: auto !important;
}

@media only screen and (min-width: 1920px) {
    body,
    .fusion-header {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Menu Styles ==================== */
.menu-open{
    background-color: #516A58 !important;
}
#main-menu {
    position: fixed;
    width: 100%;
    z-index: 99999;
    display: none;
    transition: 1s ease;
    overflow: hidden;
}

/*
 - This will pre-open the main menu sections for editing.
 - This relies on the main menu page-id, if this is changed
   this will potentially break.
 - If this is found to change frequently we will find another way to achieve this
*/
.fl-builder-edit.page-id-79 #menu-close,
.fl-builder-edit.page-id-79 #main-menu,
.fl-builder-edit.page-id-79 #search-box {
    display: block;
    overflow: visible;
}

@media only screen and (max-width: 768px) {
    /* Ensure that the body is unable to scroll when the menu is open on mobile */
    body.menu-open {
        position: inherit !important;
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    /* Ensure that the menu content is 100vh on mobile */
    .menu-open #main-menu .fl-row-content-wrap {
        /* 100% of view height - the menu height */
        height: calc(100vh - 150px);
        overflow-y: scroll;
    }
}

/* Ensure that the menu icon properly visible and align */

/* Menu align */
.fusion-menu {
    height: 86px; /*use your menu height here */
}

.fusion-menu .menu-item {
    height: 100%;
    display: flex;
    align-items: center;
}

.fusion-is-sticky .fusion-menu {
    height: 65px; /*use your sticky menu height here */
}
/* --- Mega Menu Items Styles --- */
.menu-container .fl-node-5d02282adfc63{
    max-width: initial !important;
}
.main-menu-container .menu-item a{
    font-family: 'Oswald', sans-serif;
    color: #fff;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 0.03em;
}
.main-menu-container .sub-menu .menu-item a{
    font-family: Montserrat, "Arial Black", Gadget, sans-serif;
    font-size: 19px;
    font-weight: 200;
    padding-bottom: 10px;
}

/* Icon common */
.nav-icon {
    width: 40px;
    height: 30px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.nav-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #FFF;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

/* Icon style */

.nav-icon span:nth-child(1) {
    top: 2px;
}

.nav-icon span:nth-child(2), .nav-icon span:nth-child(3) {
    top: 14px;
}

.nav-icon span:nth-child(4) {
    top: 26px;
}

.nav-icon.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.nav-icon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.nav-icon.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

/* Sidebar styles ==================== */

#sidebar,
.fusion-post-wrapper,
.search-page-search-form,
.flexslider,
.entry-title,
.related-posts,
.fusion-sharing-box,
.fusion-meta-info {
    margin-left: 20px !important;
    margin-right: 20px !important;
    max-width: 90%;
}

body.has-sidebar #content {
    width: calc(100% - 24% - 40px) !important;
}

@media only screen and (max-width: 1200px) {
    body.has-sidebar #content {
        width: 100% !important;
    }
}

@media only screen and (max-width: 768px) {
    body.has-sidebar #content {
        width: 100% !important;
    }
}
@media only screen and (max-width: 1200px) {
    aside#sidebar{
        display: none;
    }
}
@media only screen and (max-width: 1200px) {
    .sidebar-container ul{
        padding-left: 0;
        margin-bottom: 40px;
    }
}
.sidebar-container h4{
    font-family: Montserrat, "Arial Black", Gadget, sans-serif !important;
    font-size: 21px !important;
    color: #516a58 !important;
    margin-top: 20px;
}
@media only screen and (max-width: 768px) {
    .sidebar-container h4{
        margin-top: 0;
    }
}
.sidebar-container .sf-field-search label{
    width: 100%;
}
.sidebar-container .sf-field-search label input{
    border: none;
    background: #f1f3f0;
    padding: 20px 15px;
}
.sidebar-container .sf-field-taxonomy-accommodation_capacity label{
    width: 100%;
    border: 1px solid #516a58;
}
.sidebar-container .sf-field-taxonomy-accommodation_capacity label select{
    width: 100%;
    height: 40px;
    border: none;
}
.sidebar-container .sf-field-taxonomy-spa_style label{
    width: 100%;
    border: 1px solid #516a58;
}
.sidebar-container .sf-field-taxonomy-spa_style label select{
    width: 100%;
    height: 40px;
    border: none;
}
.sidebar-container .sf-field-sort_order label{
    width: 100%;
    border: 1px solid #516a58;
}
.sidebar-container .sf-field-sort_order label select{
    width: 100%;
    height: 40px;
    border: none;
}

/* Footer styles ==================== */

.fusion-footer-widget-area {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.fusion-footer-widget-area {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.fusion-copyright-notice {
    text-align: center;
}

.fusion-footer .fusion-row{
    max-width: 100% !important;
}

/* End of Website Global Styles  -----------------------------------------  */

/* Module Component Global Styles  -----------------------------------------  */
.button-group-container .fl-col-content{
    display: flex;
    justify-content: center;
}
@media only screen and (max-width: 480px) {
    .button-group-container .fl-col-content{
        flex-direction: column;
    }
}
.text-container{
    padding: 120px;
}
@media only screen and (max-width: 1200px) {
    .text-container{
        padding: 40px;
    }
}
@media only screen and (max-width: 480px) {
    .text-container{
        padding: 40px 20px;
    }
}
.text-container-small{
    padding: 40px;
}
@media only screen and (max-width: 480px) {
    .text-container-small{
        padding: 40px 20px;
    }
}
/* End of Module Component Global Styles  -----------------------------------------  */

/* =============== Module Component Styles =============== */

/* Single Module Component Styles  -----------------------------------------  */

/* --- Image Card Container --- */

.image-card-container .fl-module-rich-text{
    padding: 50px;
    text-align: center;
}
.image-card-container .fl-module-rich-text hr{
    width: 10px;
    margin-bottom: 30px;
}
.image-card-container .fl-module-rich-text p{
    line-height: 38px;
}

/* --- Testimonial Container Styles --- */

.testimonial-container .testimonial-content{
    font-family: 'Lora', serif;
    font-style: italic;
}

/* --- Page Banner Styles --- */

.page-banner-icon{
    margin-top: 80px;
}
.page-banner-icon i{
    color: #fff;
}

/* --- Button Links Container Styles --- */

.button-links-container {
    padding: 0 80px;
}
@media only screen and (max-width: 1200px) {
    .button-links-container {
        padding: 0 40px;
    }
}

@media only screen and (max-width: 768px) {
    .button-links-container {
        padding: 0;
        margin-top: 20px;
    }
    .button-links-container .fl-col-content{
        margin: 0;
        padding-right: 20px;
        padding-left: 20px;
    }
    .button-links-container.no-box-padding .fl-col-content{
        padding-right: 0;
        padding-left: 0;
    }
}
.button-links-container .fl-col-content{
    align-items: center;
}
.button-links-container .fl-col-content .fl-button{
    min-width: 215px;
    text-align: center;
    margin-bottom: 15px;
}
.button-links-container .fl-col-content .button{
    margin-left: auto;
    margin-right: auto;
}

/* --- Accordion Container Styles --- */

.accordion-container .fl-accordion-item{
    background: #fff;
    border: none;
}
.accordion-container .fl-accordion-item .fl-accordion-button{
    color: #516a58 !important;
    padding: 12px 15px;
    font-weight: 300;
}
.accordion-container .fl-accordion-item .fl-accordion-button i{
    opacity: 1;
}
.accordion-container .fl-accordion-item .fl-accordion-content{
    border-top: 1px solid #516a58;
    padding: 20px 40px 20px 20px;
}

/* --- Container card Styles --- */
.page-id-201 .post-201 .fl-row-content-wrap{
    padding: 0;
}
.page-details-container{
    display: flex;
    justify-content: space-between;
}
.pagination{
    margin-top: 0 !important;
}
.pagination .nav-previous{
    margin-top: 15px;
}
.pagination .nav-previous a{
    color: #fff;
    font-weight: bold;
    padding: 10px 15px;
    background: #516a58;
}
.pagination .nav-next{
    margin-top: 15px;
}
.pagination .nav-next a{
    color: #fff;
    font-weight: bold;
    padding: 10px 15px;
    background: #516a58;
}
.post-container{
    width: 50%;
}
.post-container:nth-child(odd) {
    padding: 10px 0 10px 10px;
}
.post-container:nth-child(even) {
    padding: 10px 10px 10px 0;
}
@media only screen and (max-width: 768px) {
    .post-container {
        padding: 10px 0 !important;
    }
}

.post-container p{
    display: none;
}
.post-container-bottom{
    text-align: center;
    background: #f1f3f0;
    padding: 40px 40px 60px 40px;
}
.post-container-bottom hr{
    width: 4%;
    margin: 20px auto;
}

.more-infotext{
    font-weight: 500;
    font-size: 18px;
}

.fusion-footer .testimonial-row{
  display:none;
}

.page-id-201 .fusion-footer .testimonial-row,
.page-id-12 .fusion-footer .testimonial-row,
.single-fl-builder-template .fusion-footer .testimonial-row{
  display:block;
}

/*--------- High Resolution Devices CSS ------------*/

@media only screen and (min-width:1920px){
.text-container {
    padding: 100px !important;
 }
}

/*--------- CSS ------------*/

.freshwidget-dialog {
  top:160px !important;
}

.freshwidget-dialog .widget-close {
  background: #516a58 !important;
}

.widget-ovelay {
    opacity: 0.7 !important;
    background-color: #000 !important;
}

.home .fusion-logo {
    display: none;
}

.home .fusion-is-sticky .fusion-logo {
    display: block;
}

.sf-input-select {
    font-family: Montserrat, "Arial Black", Gadget, sans-serif !important;
    font-weight: 200;
    color: #34393c;
    font-size: 19px;
}

.sidebar-container .sf-field-search label input::placeholder {
    font-family: Montserrat, "Arial Black", Gadget, sans-serif !important;
    font-weight:200;
    color: #34393c;
    font-size: 19px;
}

.sidebar-container .sf-field-search label input{
    font-family: Montserrat, "Arial Black", Gadget, sans-serif !important;
    font-weight:200;
    color: #34393c;
    font-size: 19px;
}

.sf-input-select option{
    font-family: Montserrat, Arial, Helvetica, sans-serif !important;
    font-weight: 200 !important;
    font-size: 16px;
}

.fusion-is-sticky .fusion-header-v1 .fusion-sticky-shadow, .fusion-is-sticky{
    box-shadow:none !important;
}

@media only screen and (max-width:767px) {
   .fusion-header.fusion-sticky-shadow {
    top: 0px !important;
 }
}

.cabin-results .search-filter-results h2 {
    margin-top:20px;
    margin-bottom: -10px;
}

.cabin-results .search-filter-results small{
    display: none;
}

.cabin-results .fl-module img {
    margin-bottom: 30px;
}

.content-container{
    padding:60px 60px 60px 60px;
}

.testimonial-container .testimonial-content {
    text-align: center;
}

.testimonial-container h5.fusion-responsive-typography-calculated {
    text-align: center;
}

@media only screen and (max-width:768px){
.center h2.fl-heading {
    text-align:center;
 }
}

@media only screen and (max-width:768px){
.center .fl-rich-text{
    text-align:center;
 }
}