/*
 Theme Name:     Child Theme for United Snow Pros
 Author:         Louise Street Marketing
 Author URI:     https://louisestreet.com
 Template:       Divi
 Version:        1.0
*/

/*-----------------------------------------------*/
/*-----  Root Variables  -----*/
/*-----------------------------------------------*/

:root {
    /* Colour Palette */
        --blue: #3C3B6E;
        --red:#b22234;
        --darkgrey:#808080;
        --lightgrey:#f4f4f4;
        --off-white:#f7f7f7;
        --almost-black:#1f1f1f;
    
    /* Fonts */
        --fs-1: clamp(2rem, 5vw, 4.4rem); /*60.8px*/
        --fs-2: clamp(2rem, 5vw, 3rem);  /*48px*/
        --fs-3: clamp(1.7rem, 3vw, 2.8rem);  /*44.8px*/
        --fs-4: clamp(1.5rem, 2vw, 2.5rem);  /*40px*/
        --fs-5: clamp(1.2rem, 2vw, 2rem);  /*32px*/
        --fs-6: clamp(1rem, 2vw, 1.5rem);  /*24px*/
        --fs-b: clamp(.8rem, 1vw, 1rem);  /*16px*/
    }
    
/*-----------------------------------------------*/
/*-----  Set Heading Defaults  -----*/
/*-----------------------------------------------*/

/* Change colours by adjusting the variable above and selecting it in the color: variable below */
    #page-container #main-content .et_pb_text h1 {font-size: var(--fs-1);text-transform: uppercase;}
    #page-container #main-content .et_pb_text h2 {font-size: var(--fs-2);}
    #page-container #main-content .et_pb_text h3 {font-size: var(--fs-3);}
    #page-container #main-content .et_pb_text h4 {font-size: var(--fs-4);}
    #page-container #main-content .et_pb_text h5 {font-size: var(--fs-5);} 
    #page-container #main-content .et_pb_text h6 {font-size: var(--fs-6);} 
    
    body {font-size: var(--fs-b);}

/*-----------------------------------------------*/
/*-----  Set Divi Defaults  -----*/
/*-----------------------------------------------*/

/*----- Set Defaul Button Styling -----*/
.et_pb_button {
    font-size: var(--fs-6);
}

/*----- Set Divi Module Margin -----*/
.et_pb_module {
    margin-bottom:0;
    margin-top:0;
}

/*----- Set Divi Text to Not Break -----*/
.et_pb_text {
    word-wrap: initial!important;
}

/*----- Vertically Center Modules when Equal Columns are Checked -----*/
.et_pb_equal_columns >.et_pb_column {
    margin-top:auto;
    margin-bottom:auto;
    }

/*-----------------------------------------------*/
/*-----  Header  -----*/
/*-----------------------------------------------*/
#main-header {
    box-shadow: none;
 }

/*----- Shopping Cart Icon -----*/
#et-top-navigation a.et-cart-info {
    margin: -12px 0 0 22px;
}

#et-top-navigation .et-cart-info span:before {
    font-size: 40px;
    margin-left: 25px;
}

/*----- Hide Title bar on Hopepage -----*/
.home .lsm-section-pagetitle {
    display:none
}

/*-----------------------------------------------*/
/*-----  Main Menu  -----*/
/*-----------------------------------------------*/
#top-menu li {
    padding: 0 2rem;
}

@media (max-width:1285px) {
#top-menu li {
    padding: 0 1rem;
}
}
@media (max-width:1145px) {
#top-menu li {
    padding: 0 .6rem;
}
#top-menu li a {
    font-size: 1rem !important;
}


}
/*-----------------------------------------------*/
/*-----  SubMenu  -----*/
/*-----------------------------------------------*/


/*-----------------------------------------------*/
/*-----  Mobile Menu  -----*/
/*-----------------------------------------------*/

.mobile_nav .mobile_menu_bar:before {
    color: #fff;
}

@media (max-width:980px) {
#et-top-navigation .et-cart-info span:before {
    font-size: 25px;
}

#et-top-navigation a.et-cart-info {
    margin: 0 20px 0 22px;
}
}

/*-----------------------------------------------*/
/*-----  Page Content  -----*/
/*-----------------------------------------------*/

/*-----------------------------------------------*/
/*-----  Footer  -----*/
/*-----------------------------------------------*/

/* ------- Vertical Footer Menu (Make sure to add the lsm-vert-menu class to the footer menu in Divi -------- */

/* remove default 11px padding on each side of list items */
.lsm-vert-menu .et-menu > li {
	padding-left: 0px;
	padding-right: 0px;
}

/* make the menu items fullwidth and add space between them */
.lsm-vert-menu nav ul li {
	display: block;
	width: 100%;
	margin: 10px 0;
}

.lsm-vert-menu nav ul li a {
    color: #fff;
}

/*----- Social Media Buttons -----*/
@media (min-width:981px) {
.et_pb_social_media_follow.lsm-icons-socialmedia li {
    display: block;
    margin-bottom: 20px;
}
}

@media (max-width:980px) {
    .et_pb_column_2_tb_footer {
        width: 100% !important;
    }
    }
    
/*-----------------------------------------------*/
/*-----  Gravity Forms  -----*/
/*-----------------------------------------------*/

/*----- Hide Required Description -----*/
.gform_required_legend {
    display: none;
}

form input[type=submit] {
    background-color: var(--red);
    border: 2 solid var(--red);
    border-radius: 50px;
    color: #fff;
    font-size: var(--fs-6);
    padding: .3em 1em;
}

form input[type=submit]:hover {
    background-color: #fff;
    border: 2px solid var(--red);
    border-radius: 50px;
    color: var(--red);
    font-size: var(--fs-6);
    padding: .3em 1em;
}

/*-----------------------------------------------*/
/*-----  Woocommerce  -----*/
/*-----------------------------------------------*/

/*---- Hide Category Title on Shop Page -----*/
.woocommerce-shop h2.woocommerce-loop-category__title {
    display: none;
}

.woocommerce #main-content .product h2.woocommerce-loop-product__title, .woocommerce #main-content .product h2.woocommerce-loop-category__title {
    font-size: 1.5rem;
}

.woocommerce #main-content li.product-category {
    text-align: center;
}

.woocommerce #main-content h1 {
    text-transform: uppercase !important;
}

/*----- Proceed to Checkout Button -----*/
body #page-container #main-content .et_pb_section .et_pb_wc_cart_totals_0_tb_body a.checkout-button {
    border-radius: 50px;
    font-size: var(--fs-6);
    padding: .3em 1em !important;
    border: 2px solid var(--red) !important;
}

body #page-container #main-content .et_pb_section .et_pb_wc_cart_totals_0_tb_body a.checkout-button:hover {
    color: var(--red) !important;
    border: 2px solid var(--red);
}

/*----- Update cart button -----*/
body #page-container #main-content .et_pb_section .et_pb_wc_cart_products_0_tb_body table.cart button[name="update_cart"] {
    color: #fff !important;
    background-color: var(--red);
    font-size: var(--fs-6);
    padding: .3em 1em;
    border-radius: 50px;
    border: 2px solid var(--red) !important;
}

body #page-container #main-content .et_pb_section .et_pb_wc_cart_products_0_tb_body table.cart button[name="update_cart"]:hover {
    color: var(--red) !important;
    background-color: #fff;
    border: 2px solid var(--red);
}

.woocommerce #page-container div.product form.cart .variations td select {
    background-color: #fff;
}

body #page-container .et_pb_section .et_pb_wc_cart_products_0_tb_body table.cart button[name="apply_coupon"] {
    background-color: var(--red) !important;
    border-radius: 50px !important;
}