/*
 Theme Name:   Athletico
 Author:       Itsbudd
 Author URI:   https://www.budz.dev
 Template:     neve
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

html {
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1px;
    color: #152b3c;
}
body { line-height: 1.2;}
p {
    font-family: 'Didact Gothic', sans-serif;
    color: #152b3c;
   }
.onsale { background-color: #e32d40 !important}
.headline { font-size: 7vw; font-weight: 700;}
h2 { font-size: 3vw;}
h3 { font-size: 2vw; font-style: italic;;}
h4 { font-size: 0.9em; font-weight: 600;}
li { color: #152b3c;}
a {color: #152b3c;}
.box {
    box-shadow:
    0 2.8px 2.2px rgba(0, 0, 0, 0.034),
    0 6.7px 5.3px rgba(0, 0, 0, 0.048),
    0 12.5px 10px rgba(0, 0, 0, 0.06),
    0 22.3px 17.9px rgba(0, 0, 0, 0.072),
    0 41.8px 33.4px rgba(0, 0, 0, 0.086),
    0 100px 80px rgba(0, 0, 0, 0.12)
  ;}
  .nav-box {
    box-shadow:
    0 9.1px 14.3px rgba(0, 0, 0, 0.025),
    0 73px 114px rgba(0, 0, 0, 0.05)
  ;}
  .text {
    text-shadow:
    0 2.8px 2.2px rgba(0, 0, 0, 0.034),
    0 6.7px 5.3px rgba(0, 0, 0, 0.048),
    0 12.5px 10px rgba(0, 0, 0, 0.06),
    0 100px 80px rgba(0, 0, 0, 0.12)
  ;}
hr{ 
    width: 25%;
    margin: 0 auto;
    color: #e32d40;
    opacity: 1;
    }
hr:not([size]) { height: 5px;}
.container { padding-left: 30px !important;}
.shop-sidebar { background: #eaeaea; padding: 50px;}
.banner {
    height: 70vh;
    background-image:url('/content/home_banner.jpg');
    background-position: right;
    background-repeat: no-repeat;
    background-size:cover;
}
.cat_men, .cat_women { 
        width: 495px; 
        height: 495px; 
        margin: 30px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
.cat_men {background-image: url('/content/category_men.jpg');}
.cat_women {background-image: url('/content/category_women.jpg');}
.vest { background-image: url('/content/vest_cat.jpg')}
.short {background-image: url('/content/short_cat.jpg')}
.tshirt {background-image: url('/content/tshirt_cat.jpg')}
.accessories {background-image: url('/content/acc_cat.jpg')}
.categories { 
        width: 305px; 
        height: 250px; 
        margin: 0px 120px 20px 120px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .button { 
            background-color: #e32d40;
            color: white;
            border: none;
            padding: 10px;
            font-weight: 700;
            text-align: center;
            transition: 0.5s;
            font-size: 1em;

}
.button:hover { background-color: #152b3c;}
.solid_divider { margin-bottom: 20px;}
.category { padding: 50px 0 50px 0;}
.link_pages { letter-spacing: 1px;}
.link_pages:hover, .fab:hover {color: #e32d40;}
ul {list-style-type: none;}
ul {padding-inline-start: 0 !important;}
.facebook_link, .twitter_link, .instagram_link {font-size: 48px; margin: 0px 20px 0 20px; color: white;}
.facebook_link:hover, .twitter_link:hover, .instagram_link:hover {color: #e32d40;}
.newsletter {background: #152b3c; padding: 20px 0px 20px 0px;}
.newsletter-text {color: white; font-size: 2.5em; text-align: center; margin-left: 15px;}
.fas, .far {color: #e32d40; padding-left: 10px; text-shadow: 0px 0px 5px rgb(212, 211, 211);}
.rating {text-align: center;}
.testimonial {margin: 50px 20px 50px 20px; height: 180px;}
#mc_embed_signup .button { background-color: #e32d40 !important}
#mc_embed_signup .button:hover { background-color: white !important; color: #152b3c;}
#mc_embed_signup {background: transparent !important; justify-content: center;}
.email_input {width: 20vw;}
.submit_button {
    background-color: #e32d40!important;
    color: white;
    border: none;
    padding: 10px;
    width: 50%;
    font-weight: 700;
    text-align: center;
    transition: 0.5s;
}
.submit_button:hover { background-color: white !important; color: #152b3c !important;}
.woocommerce-product-search button[type=submit] { background: #e3d40 !important;}
.woocommerce-product-search button[type=submit]:hover { background: #152b3c !important;}
@media screen and (max-width: 1023px) {
    h1 {font-size: 15vw; font-weight: 700;}
    h2 {font-size: 5vw;}
    h3 {font-size: 3.5vw; font-style: italic;}
    .headline { font-size: 3em;}
}
@media screen and (max-width: 1024px){
    .category_mobile { display: none !important;}
}
@media screen and (max-width: 448px) {
    .cat_men, .cat_women { width: 295px; height: 295px;}
    .email_input { width: 50vw !important;}
    h4 {font-size: 1.1em;}
    .submit_button { width: 40%;}
}


/* contact page */
.left_col {
    background-image:url('/content/wake_workout.jpg');
    background-repeat: no-repeat;
    background-position: bottom left;
    text-align: center;
}
.left_text {
    margin: 50px;
}
.text2 { 
    color: white;
}
.fa-comments {
    font-size: 8em;
    color: white;
    text-shadow: none;
}
.overlay {
    background: rgba(0, 0, 0, 0.25);
    width: 100%;
}

.contact_form_block {
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
}
#form_inputs {
    width: 70%;
    margin-top: 5vh;
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-color: #152b3c;
    height: 20px;
    vertical-align: top;
}
#form_inputs_tell {
    width: 70%;
    margin-top: 5vh;
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-color: #152b3c;
    height: 100px;
}
.wpcf7 { margin-top: 50px;}
.wpcf7-submit {
    width: 30%;
}
.wpcf7-submit:hover {
    background-color: #152b3c !important;
}
textarea:focus, input:focus{
    outline: none;
}

/* Footer CSS */
.footer_copyright { padding-top: 10px; text-align: center; display:flex;}
.link_pages { text-decoration: none; color: #152b3c; font-size: 0.8em !important;}
.link_pages:hover {color: #e32d40 !important; text-decoration: none;}
.copyright_text { font-size: 15px;}
.social_footer_icons {font-size: 38px;}
.footer_columns {text-align: center; background: #eaeaea; padding: 20px 0px 20px 0px;}
.logo_footer { width: 50px;}
/* Footer CSS End */