/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/




/****TEXT STYLING****/

/*p, h3, h4, h5 {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}*/

h2 {
    max-width: 600px;
}

.white-text h1,
.white-text p,
.white-text strong,
.white-text b
{
    color: white !important;
}
h1, h2 {
    font-weight: 100;
}

::marker {
    color: #27b195;
}
ul {
    list-style-type: disc;
    margin-left: 20px;
}
li {
    margin-bottom: 5px;
}
.list-content {
    margin-top: 10px !important;
}
ul > li > ul {
    list-style: circle !important;
}


.nav a {
    color: #000;
    font-family: "Manrope";
}
.nav #menu-primary-navigation li.menu-item a:hover,
.nav #menu-primary-navigation li.menu-item a:active,
.nav #menu-primary-navigation li.menu-item.active a {
    color: #27b195 !important;
}


.no-video-controls .mejs-layers, .no-video-controls .mejs-controls {
    display: none;
}




input.btn,
.menu-item.btn {
    background-color: #27b195 !important;
    color: #fff !important;
    border: none;
}

input.btn:hover,
.menu-item.btn:hover,
.menu-item.btn:focus,
.menu-item.btn:active {
    background-color: #fff !important;
    color: #27b195 !important;
    border: none;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 20%);
}




/****HEADER****/

/*BUY NOW BUTTON*/
.top-menu.mobile-hidden.tablet-hidden.navbar.menu-secondary {
    display: none;
}


.menu-container.style-color-jevc-bg {
    background-color: rgba(0,0,0, 0.7) !important;
    backdrop-filter: blur(3px) !important;
}

.page-header > div > div > div {
    background-repeat: no-repeat;
    background-position: 50% calc(30px) !important;
    background-size: auto 100%;
}

.page-header {
/*	background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 50%;*/
    height: 400px;
}

body.hmenu .menu-primary .menu-horizontal .menu-smart > li > a,
.navbar-cta ul.menu-smart > li > a {
    text-transform: uppercase;
}


.offset-top-outer {
    background: none;
}

.offset-top-outer > div {
    background: #fff;
    margin-top: -60px;
    padding-top: 10px !important;
}


/*SUBSCRIPTION CONFIRMATION*/
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    background-color: forestgreen;
    color: #fff;
}


/*COUPON BUTTON AT CHECKOUT*/
.woocommerce-info.wc-notice a {
    border: 1px solid #fff;
    border-radius: 2px;
    padding: 15px 30px;
    margin-left: 10px;
    color: #fff;
    background: #27b195;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
}
.woocommerce-info.wc-notice a:hover,
.woocommerce-info.wc-notice a:active,
.woocommerce-info.wc-notice a:visited {
    border: 1px solid #fff;
    color: #27b195;
    background: #fff;
}

.woocommerce-info.wc-notice {
    background: #27b195;
    color: #fff;
    padding: 30px;
    border-radius: 2px;
}



/****FOOTER****/


footer {
	background-color: #ebeaeb;
}

.footer h5,
.footer ul li,
.footer p,
.footer a {
    color: #707070;
}

footer .social-icons {

}

ul.social-icons  {
    text-align: center;
}
ul.social-icons li {
    display: inline;
}
ul.social-icons li img {
    padding: 10px;
    width: 70px;
}

img.footer-logo {
    max-width: 180px;
}

footer ul {
    list-style-type: none;
    margin-left: 0px;
}
footer li {
    margin-bottom: 5px;
}





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

    h2:not([class*="fontsize-"]), .h2:not([class*="fontsize-"]) {
        font-size: 40px;
    }

    .list-items {
        padding-top: 0px !important;
    }

    .offset-top-outer > div {
        margin-top: 0px;
    }

    .menu-horizontal-inner {
        text-align: right;
    }



    /*BUY NOW BUTTON*/

    .top-menu.mobile-hidden.tablet-hidden.navbar.menu-secondary {
        display: inherit !important;
        position: fixed;
        right: 70px;
        top: -2px;
        background: none;
    }

    ul#menu-buy-now-button {
        background: none;
    }
    ul#menu-buy-now-button-1 {
        display: none;
    }


}






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

	.offset-top-outer {
	    width: 100%;
	    z-index: 99999;
	}

    footer .uncode_text_column {
        margin-top: 18px !important;
    }

}






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

    .buy-now-button.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-101152.menu-btn-container.btn {
        padding: 15px 20px !important;
    }

}