/**
Theme Name: Rainforest Astra
Author: M90
Author URI: https://m90.co
Description: Child theme for Rainforest based on Astra
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rainforest-astra
Template: astra
*/
/* RESET CSS */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* END RESET */

html{
    font-size:13px;
}

:root{
    --headerHeight:100vw;
    --xxlPadding:150px;
    --xlPadding:90px;
    --largePadding:80px;
    --medlargePadding:70px;
    --medPadding:60px;
    --fiftyPadding:50px;
    --smPadding:40px;
    --menuPadding:40px;
    --accomPadding:40px;
    --gridColumnWidth:30px;
    --gutterWidth:20px;
    --halfGutterWidth:10px;
    --h2FontSize:28px;
    --specialsFontSize:30px;
    --menuTitleSize:32px;
    --lightFont:"Brown Light", Sans-serif;
    --boldFont:"Brown Bold", Sans-serif;
    --headerFont:"Euclid", Sans-serif;
    --imgGalFontSize:17px;
     --rrtextFont:#333333;
    --accomTitleFont:26px;
    --roomBookFont:26px;
    --textSize:17px;
    --lightWeight:400;
/* Colours https://codepen.io/mikeallteams/pen/qBOKWmL   */
    --rrGreen:#00af73;  
    --rrGrey:#333;
    --rrOrange:#FF5A07;
    --rrYellow:#FFF897;
    --lakeBlue:#001738;
    --glacierBlue:#9CCFF1;
    --rainCloudGrey:#C0C0C0;
    --lightGrey:#9F9F9F;
    --boxGrey:#F0F0F0;
     
}

strong {
    font-family: "Brown Bold", Sans-serif;
    font-weight: normal;
}

h1{}
h2 {
    font-family:'Euclid', Sans-serif;
    font-size:var(--h2FontSize);
    color:#000;
    line-height:1;
    margin:0;
}
h3,
h4,
h5{}
h6 {
    font-weight: normal;
}
/* Green buttons on trans */
[type="button"], [type="submit"], button {
    color: var(--rrGreen);
    background-color: transparent;
    text-decoration: none;
    border-color:var(--rrGreen)!important;
}

[type="button"]:focus, [type="button"]:hover, [type="submit"]:focus, [type="submit"]:hover, button:focus, button:hover {
    color: #fff;
    background-color: var(--rrGreen)!important;
    text-decoration: none;
    border-color:var(--rrGreen)!important;
}
/* White buttons on trans */
[type="whitebutton"]{
    color: #fff;
    background-color: transparent;
    text-decoration: none;
    border-color:#fff!important;
}

[type="whitebutton"]:focus, [type="whitebutton"]:hover{
    color: #fff;
    background-color: var(--rrGreen)!important;
    text-decoration: none;
    border-color:var(--rrGreen)!important;
}
#m90_scroll_book .m90-book-but{
    font-size: var(--menuFont);
    padding: 4px 15px 6px;
    height: 36px;
    width: 120px;
}



/* [type="button"]:focus, [type="button"]:hover, [type="submit"]:focus, [type="submit"]:hover, button:focus, button:hover {
    color: #fff;
    background-color: var(--rrGreen)!important;
    text-decoration: none;
    border-color:var(--rrGreen)!important;
}

.book-now .elementor-widget-button a.elementor-button,
.elementor-widget-button .elementor-button {
    background-color: transparent;
} */

.delux-img img.attachment-full.size-full {
    width: 580px;
    height: 400px;
}

#site-header {
    position: unset !important;
    border-bottom: unset !important;
}


/* #main {
  margin-top: -261px;
} */

.btn-group .ee-button-wrapper .ee-button-content-wrapper {
    min-width: 130px;
}

.inline {
    /* margin: 0 0 -20px; */
    list-style: none;
    padding: 0;
}

.inline li {
    display: inline-block;
    padding-right: 5px;
}

.inline li strong,
.oth-says strong,
.inline li i {
    color: #000;
}

.book {
    padding: 15px 50px;
    border: solid 2px;
    display: inline-block;
    margin: 10px;
    font-family: "Brown Bold", Sans-serif;
}

.btn-pane .elementor-text-editor a {
    display: inline-block;
}

.elementor-editor-active main#main {
    z-index: 10 !important;
}

.elementor-location-footer a {
    color: rgba(81, 81, 81, 0.8);
}

#rr-tab-links a>span {
    color: var(--rrGreen) !important;
    background-color: #fff !important;
    display: inline-block;
    padding: 10px var(--gutterWidth);
    border: solid 1px var(--rrGreen);
    line-height: 1;
    font-size: var(--textSize) !important;
    font-family: "Brown", Sans-serif;
}

#rr-tab-links a:hover>span {
   color: #fff !important;
    background-color: var(--rrGreen) !important;
    border: solid 1px var(--rrGreen);
}

[data-elementor-device-mode="mobile"] #rr-tab-links li{
    margin-top: 10px;
}



#rr-activity-form .elementor-field-group-activity_type .elementor-field-subgroup {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
/* For modal calendar popups from D-Edge */
#fb-widget-1.d-edge-cal .modal-container {
    padding: 0!important;
}
#fb-widget-1.d-edge-cal .fbw-calendar--title {
    padding: 20px;
}

#fb-widget-1.d-edge-cal .fbw-calendar--title h1 {
    text-align: left;
    color: #fff;
    font-family: "Euclid",sans-serif!important;
    font-size: 20px!important;
}

#fb-widget-1.d-edge-cal .fbw-calendar--title {
    background-color: #000;
}
#fb-widget-1.d-edge-cal svg line {
    stroke: #fff;
}

#fb-widget-1.d-edge-caln .fwb-cal-bottom--group.visible-title {
    padding: 20px;
}

#fb-widget-1.d-edge-cal .modal-container {
    height: auto!important;
}

#fb-widget-1.d-edge-cal .fwb-cal-bottom--group {
    padding: 20px;
}
#fb-widget-1.d-edge-cal.best-price:after{
    border-top-color:var(--rrGreen)!important;
}

#fb-widget-1.d-edge-cal .best-price .day--price{
    color:var(--rrGreen)!important;
}
#fb-widget-1.d-edge-cal .chosen_day{
    background-color:var(--rrGreen)!important;
}
#fb-widget-1.d-edge-cal .fbw-calendar--theme-2 .fbw-calendar--config {
    min-height:623px;
}

.fbw-calendar--container {
    padding:0 !important;
}
.dialog-close-button {
    margin-top:0;
}

button.fbw-calendar--button:hover{
    background-color:transparent!important;
}

.fbw-calendar--title {
margin-bottom: 0 !important;    
}
.fwb-cal-bottom--group {
    padding: 20px
}
.fbw-calendar button {
    top:0!important;
}
.fbw-calendar--action .next {
    background-color: rgba(0,0,0,0)!important;
    border: #00af73 solid 1pt;
}
.fbw-calendar--action .next a{
    color: #00af73!important;
}

#fb-widget-1.d-edge-button .fbw-calendar--label {
    font-family:var(--lightFont);
    font:size:13px;
}

#fb-widget-1.d-edge-button .fbw-calendar--month-name {
    font-family:var(--headerFont);
    font:size:20px;
}


@media (max-width: 1024px) {
    #site-header {
        background: transparent !important;
        border: unset !important;
        position: relative !important;
    }
    .book {
        padding: 15px 30px;
    }
}

@media (min-width: 768px) {
    .foot-text {
        min-height: 118px;
    }
    .btn-pane .elementor-text-editor a:last-child {
        float: right;
        margin-top: 20px;
    }
    .btn-pane .elementor-text-editor a:first-child {
        float: left;
        margin-top: 24px;
    }
}

@media (max-width: 768px) {
    /* #site-header .elementor-widget-theme-site-logo { position: absolute; left: 50%;  top: 0; margin-left: -75px;}
 #site-header { position: absolute !important;  left: 0;    top: 0;}
 #site-header  div.elementor-menu-toggle{ margin-bottom:70px;}*/
    #main {
        margin-top: 0;
    } 
/*  these values are for the mobile initial load. */
    :root{
    --xxlPadding:75px;
    --xlPadding:50px;
    --largePadding:60px;
    --medlargePadding:40px;
    --medPadding:45px;
    --smPadding:30px;
    --gridColumnWidth:30px;
    --gutterWidth:17px;
    --halfGutterWidth:7px;
    }
    #fb-widget-1.d-edge-cal .modal-container {
    height: 80vh!important;
}
}