/*
Theme Name: Izabal Wood Co. 
Theme URI: http://izabalwood.com
Author: Plaga Studio 
Author URI: https://plaga.tv/ 
Description: Wordpress Theme for Izabal Wood Co. 
Version: 1.0
*/

/* !!!!! HIDE RESPONSIVE TEMPORAL !!!!!! */
#navbarCollapse, .navbar-toggler{
    display: none !important;
}

/*
COLORS 
*
-------------
Beige: #E8D9C1
Green: #46705A 
Medium Green: #40634f
Dark Green: #222B26
-------------
*
BREAKPOINTS MIN WIDTH
*
// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) { ... }
*
BREAKPOINTS MAX WIDTH
*
// X-Small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) { ... }

// Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) { ... }

// Medium devices (tablets, less than 992px)
@media (max-width: 991.98px) { ... }

// Large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) { ... }

// X-Large devices (large desktops, less than 1400px)
@media (max-width: 1399.98px) { ... }

// XX-Large devices (larger desktops)
// No media query since the xxl breakpoint has no upper bound on its width
*
*/

/*
START FONTS
*/
/* PRIMARY FONT: MANGERICA */
@font-face {
    font-family: 'Mangerica';
    src: url('assets/fonts/mangerica-regular-webfont.woff2') format('woff2'),
         url('assets/fonts/mangerica-regular-webfont.woff') format('woff');
}
@font-face {
    font-family: 'Mangerica';
    src: url('assets/fonts/mangerica-bold-webfont.woff2') format('woff2'),
         url('assets/fonts/mangerica-bold-webfont.woff') format('woff');
    font-weight: bold;
}
@font-face {
    font-family: 'Mangerica';
    src: url('assets/fonts/mangerica-bolditalic-webfont.woff2') format('woff2'),
         url('assets/fonts/mangerica-bolditalic-webfont.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Mangerica';
    src: url('assets/fonts/mangerica-italic-webfont.woff2') format('woff2'),
         url('assets/fonts/mangerica-italic-webfont.woff') format('woff');
    font-style: italic;
}
@font-face {
    font-family: 'Mangerica';
    src: url('assets/fonts/mangerica-light-webfont.woff2') format('woff2'),
         url('assets/fonts/mangerica-light-webfont.woff') format('woff');
    font-weight: lighter;
}
@font-face {
    font-family: 'Mangerica';
    src: url('assets/fonts/mangerica-lightitalic-webfont.woff2') format('woff2'),
         url('assets/fonts/mangerica-lightitalic-webfont.woff') format('woff');
    font-weight: lighter;
    font-style: italic;
}
/*
END FONTS
*/


/*
START TYPE
*/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
    font-weight: bold;
}
h1, .h1, h2, .h2, h5, .h5{
    color: #222B26;
}
h3, .h3, h4, .h4{
    color: #46705A;
}
p{
    color: #000000;
}
i.fab{
    font-style: normal;
}
#mainContent p{
    text-align: justify;
}
#mainContent a{
    color: #45705b;
}
#mainContent .elementor-widget.elementor-widget-heading{
    margin-bottom: 5px;
}
#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4, #mainContent h6{
    margin-bottom: 15px;
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    h1, .h1{
        font-size: 3.075rem;
    }
    h2, .h2{
        font-size: 2.625rem;
    }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px){
    h1, .h1{
        font-size: 3.475rem;
    }
    h2, .h2{
        font-size: 2.825rem;
    }
    h3, .h3{
        font-size: 1.876rem;
    }
    h6, .h6{
        font-size: 1.125rem;
    }
    body, p, b, strong, u, a, li, td, th, div{
        font-size: 1.125rem;
    }
}
/*
END TYPE
*/


/*
START GENERAL
*/
html, body{
    height: auto;
    min-height: 100%;
}
body{
    font-family: 'Mangerica', Helvetica, sans-serif;
    font-size: .875rem;
    background-image: url('assets/img/background.jpg');
    background-repeat: repeat;
    background-size: 1917px 2154px;
    background-color: #E8D9C1;  
}
blockquote{
    font-style: italic;
    padding-left: 1rem;
    margin: 0.5em 0 1em 1.5em;
    padding-right: 0;
    border-left: 5px solid #46705A;
}
.alignright{
    float:right;
    margin:0 0 1em 1em;
}
.alignleft{
    float:left;
    margin:0 1em 1em 0;
}
.aligncenter{
    display: block;
    margin-left: auto; 
    margin-right: auto;
}
.wp-caption{
 text-align: center;
}
p.wp-caption-text{
    margin: 5px 5px 0px;
    font-size: 13px;
    font-style: italic;
}
.btn-primary{
    border-radius: 1rem;
    color: #E8D9C1;
    background: #46705A;
    border-color: #46705A; 
    padding: 0.7rem 1.7rem;
}
.btn-primary:hover, .btn-primary:focus{
    color: #E8D9C1;
    background: #222B26;
    border-color: #222B26;
}
.btn-outline-secondary:focus, .btn-primary:focus, .btn:focus, .btn-outline-secondary:active, .btn-primary:active, .btn:active, .btn-outline-secondary:active:focus, .btn-primary:active:focus, .btn:active:focus, .btn-check:active+.btn-outline-secondary:focus, .btn-check:checked+.btn-outline-secondary:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus, .btn-outline-secondary:active:focus{
    box-shadow: unset;
}
#mainContent a.elementor-button{
    background-image: url('assets/img/button-bg.png');
    background-size: cover;
    color: #e7d9c1;
    background-color: #46705A;
}
#mainContent a.elementor-button:hover, #mainContent a.elementor-button:active, #mainContent a.elementor-button:focus{
	background-color: #40634f;
}
.green-title{
   color: #46705A; 
}
.butterfly-one{
}
.butterfly-two{
}
.toucan{
}
.ocelot{
}
.ladybug{
}
/* Hide author on grid */
.wpupg-item-author{
display: none;
}
/* Text center */
.text-center p {
    text-align: center !important;
}
/* Species icons grid */
.icons-grid p{
    font-weight: bold;
    letter-spacing: 1px;
}
.hidden{
    display: none !important;
}
/*
END GENERAL
*/

/*
START WOOD SPECIES
*/
#wpupg-grid-izabals-wood-species-filter-1{
    text-align: center !important;
    margin-bottom: 25px !important;
}
.wpupg-item-title span{
    display: block;
    font-weight: normal;
}
/*
END WOOD SPECIES
*/

/*
START PRELOADER 
*/
.preloader{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #e8dbc2;
    z-index: 9999;
    text-align: center;
}
.preloader-icon{
    position: relative;
    top: 45%;
}
.preloader.preload-done{
    animation: fadeOut 0.5s ease-in-out;   
}
@keyframes fadeOut {
    0% {display:block; opacity:1;}
    1% {display:none; opacity:1;}
    100% {display: none; opacity:0;}
}
/*
END PRELOADER 
*/


/*
START HEADER
*/
#langSelector .btn-outline-secondary{
    color: #46705A;
    border-color: #46705A;
}
#langSelector .btn-outline-secondary:hover, #langSelector .btn-outline-secondary:active, #langSelector .btn-outline-secondary.active{ 
    color: #E8D9C1; 
    background-color: #46705A;
}
#langSelector .btn-outline-secondary.last-selector-btn{ 
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem;
}
#langSelector .lang-selector-leaf{
    position: absolute;
    right: 8px;
    bottom: -80px;
}
/*
END HEADER 
*/


/*
START SIDEBAR
*/
.sidebar{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100; /* Behind the navbar */
    padding: 0; /* Height of navbar */
}
.sidebar-bg-hack{
    background: #222B26;
    position: fixed !important;
    z-index: -1; /* Behind the sidebar */
}
@media (max-width: 767.98px){
    .sidebar{
        top: 5rem;
    }
}

.sidebar-sticky{
    position: relative;
    top: 0;
    height: calc(100vh - 48px);
    padding-top: .5rem;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

.sidebar-heading{
    font-size: .75rem;
    text-transform: uppercase;
}
#sidebarMenu{
    background: #222B26;
}
#sidebarMenu ul.nav a{
    color: #E8D9C1;
    padding: 1rem;
    display: block;
    padding: .5rem 1rem;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
#sidebarMenu ul.nav a.active{
    background: rgba(70, 112, 90, 0.2);
}
#sidebarMenu ul.nav a:hover{ 
    background: rgba(70, 112, 90, 0.2);
}
#sidebarMenu img.sidebar-top-tree{
    position: absolute;
    top: 0px;
    right: -191px;
}
#sidebarMenu img.sidebar-top-lights, #sidebarMenu img.sidebar-bottom-lights{
    width: 100%;
    max-width: 192px;
    float: right;
}
#sidebarMenu a.logo{
    display: none;
}
@media (min-width: 768px) {
#sidebarMenu a.logo{
    width: 100%;
    display: block;
    position: absolute;
    top: 50px;
    padding: 15px;
}
#sidebarMenu a.logo img{
    width: 100%;
    max-width: 250px;
    margin: 0 auto;
    display: block;
}
}
@media (min-width: 1400px) {
    #sidebarMenu a.logo{
    top: 30px;
    padding: 25px;
    }
}
}
@media (min-width: 1700px) {
    #sidebarMenu a.logo{
    top: 15px;
    padding: 50px;
    }
}
}
#sidebarMenu img.sidebar-bottom-lights{
    margin-top: 50px;
}
#sidebarMenu img.sidebar-bottom-tree{
    position: absolute;
    bottom: 0px;
    right: -100px;
}
#sidebarMenu .ubermenu-submenu-type-mega{
    background-image: url('assets/img/background-menu.png');
    background-size: cover;
    border: 0px none;
}
#sidebarMenu .ubermenu-main .ubermenu-submenu.ubermenu-submenu-drop{
    background-image: url('assets/img/background-menu.png');
    background-size: cover;
    border: 0px none;
}
#sidebarMenu .ubermenu-submenu-type-mega .ubermenu-submenu li{
    text-align: center;
}
.ubermenu-target-text span{
    display: block; 
    font-size: .69rem;
}
.ubermenu-target{
    font-size: .875rem !important;
    outline: none;
}
@media (min-width: 1400px) {
    .ubermenu-target{
        font-size: 1rem !important;
    }
    .ubermenu-target-text span{
        display: block; 
        font-size: .75rem;
    }
}
/*
END SIDEBAR
*/


/*
RESPONSIVE MENU
*/
body{
    margin-bottom: 45px;
}
body .ubermenu-skin-minimal.ubermenu-mobile-modal.ubermenu-mobile-view{
	background: #45705b;
}
body .ubermenu-skin-minimal .ubermenu-submenu.ubermenu-submenu-drop{
    border: 0px none !important;
}
body .ubermenu-skin-minimal.ubermenu-responsive-toggle{
    color: #e7d9c1;
    font-size: 0.85rem;
}
.ubermenu.ubermenu-mobile-modal .ubermenu-mobile-footer .ubermenu-mobile-close-button{
    color: #e7d9c1;	
}
#responsiveMenu{
    position: fixed;
    bottom: 0px;
    background: #45705b;
    z-index: 9999;
    width: 100%
}
@media (min-width: 768px) {
    body{
        margin-bottom: 0px;
    }
    #responsiveMenu{
        display: none;
    }
}
/*
END RESPONSIVE MENU
*/


/*
START MAIN
*/
#mainContent{
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 30px;
}
@media (min-width: 768px) {
    #mainContent{
        padding-left: 125px;
        padding-right: 125px;
        padding-top: 50px;
        min-height: 800px;
    }
}
@media (min-width: 1400px) {
    #mainContent{
        padding-left: 150px;
        padding-right: 150px;
    }
}
#mainContent.front-page{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/*
END MAIN
*/


/*
START TABLES 
*/
#mainContent table tbody td{
    border: 1px solid #222B26;
    padding: 10px 5px;
    vertical-align: middle;
}
#mainContent table tbody td.td-img{
    padding: 0px;
}
#mainContent table tfoot th, #mainContent table thead, #mainContent table thead th{
    font-weight: normal;
    background-color: transparent;
    border: 1px solid #222B26;
    text-align: left;
    padding: 15px 20px;
}
@media (min-width: 1400px) {
    #mainContent table tbody td{
        padding: 15px 20px;
    }
}
/*
END TABLES 
*/


/*
START GALLERY 
*/
.modula-item .modula-item-content{
    background: #000000;
}
html body .modula .modula-item:hover img, html body .modula .modula-items .modula-item.tg-loaded:hover img.pic{
    opacity: 0.3 !important;
}
/*
END GALLERY 
*/


/*
START CONTACT 
*/
#mainContent .gform_wrapper .top_label .gfield_label{
    font-size: 1.075rem;
    color: #46705A;
}
#mainContent input, #mainContent textarea{
    background: #DBCEBA;
    border: 1px solid #222B26;
    padding: 5px 10px;
}
#mainContent input[type=submit]{
    background: #222B26;
    color: #E8D9C1;
    font-weight: bold;
    padding: 5px 30px;
    border-radius: 8px;
    font-size: .875rem;
}
#gform_submit_button_1{
    float: right;
}
#gform_submit_button_1:after{
    content: '';
    display: block;
    clear: both;
}
#mainContent input::placeholder, #mainContent textarea::placeholder{
    font-style: italic;
    color: #46705A;
}
@media (min-width: 1400px) {
    #mainContent .gform_wrapper .top_label .gfield_label{
        font-size: 1.325rem;
    }
    #mainContent input[type=submit]{
        font-size: 1.125rem;
    }
}
/*
END CONTACT 
*/


/*
START FOOTER 
*/
#siteFooter{
    z-index: 1030;
    background-image: url('assets/img/footer-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    color: #E8D9C1;
    margin-top: 100px;
    padding: 50px 0px 15px;
}
#siteFooter a{
    color: #E8D9C1;
}
#siteFooter img.right-bottom-tree{
    position: absolute;
    right: 0px;
    top: -77px;;
}
#siteFooter h4{
    font-weight: bold;
    color: #E8D9C1;
}
#siteFooter form{
    margin-bottom: 50px;
}
#siteFooter form input[type=email]{
    background: #E8D9C1; 
    border: 0;
    padding: 5px 10px;
    color: #222B26;
    margin-bottom: 10px;
    width: 100%;
    max-width: 205px;
}
#siteFooter form input[type=email]::placeholder{
    font-style: italic; 
    color: #46705A;
}
#siteFooter form span{
    font-size: .8rem;
    display: flex;
    align-items: center;
}
#siteFooter form input[type=submit]{
    color: #E8D9C1;
    background: #222B26;
    border: 0;
    border-radius: 8px;
    font-weight: bold;
    padding: 15px 20px;
    line-height: 0;
    margin-top: 5px;
}
#siteFooter .mc4wp-alert p{
    margin-bottom: 0px;
    margin-top: 15px;
}
#siteFooter .mc4wp-error p{
    color: #ECC47F;
}
#siteFooter .mc4wp-success p{
    color: #B6E8AC;
}
#siteFooter .mc4wp-notice p{
    color: #E7D9C1;
}
#siteFooter .bottom-menu{
    display: flex;
    list-style: none;
    padding-left: 0px;
}
#siteFooter .bottom-menu li{
   margin-right: 15px; 
}
#siteFooter .icons{
    display: flex;
}
#siteFooter .icons a{
    display: flex; 
    font-size: 25px;
    background: #E8D9C1;
    text-decoration: none;
    color: #46705A;
    border-radius: 50px;
    text-align: center;
    margin: 10px;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
}
#siteFooter .right-footer .textwidget{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
#siteFooter .copyright{
    margin-bottom: 1rem;
}
#siteFooter .navbar-toggler{
    background: #222B26;
}
#siteFooter .navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
#siteFooter .footer-wrapper{
    width: 100%;
    justify-content: space-between;
    flex-direction: column;
}
@media (min-width: 576px) {
    #siteFooter .footer-wrapper{
        flex-direction: row;
    }
}
@media (min-width: 768px){
    #siteFooter .responsive-footer-menu{
        display: none !important;
    }
}
@media (min-width: 1400px){
}
/*
END FOOTER 
*/