/**
 * File: vbmma.css
 * Description: None
 * Created Date: Thursday August 29th 2019
 * Author: Joshua Bryan
 * -----
 * Last Modified: Wed Sep 04 2019
 * Modified By: Joshua Bryan
 * -----
 * Copyright (c) 2019 Verb Marketing
 */


 /* COMPONENT: HEADER */

 .page-container {
     max-width: 1326px;
     margin: 0 auto;
     padding: 0;
     position: relative;
 }

 .text-center {
     text-align: center;
 }

 .header-title {
     width: 100%;
     height: 500px;
     position: relative;
     overflow: hidden;
 }

 .header-title .title-wrap {
     width: 100%;
     height: 100%;
     display: table;
     position: relative;
     z-index: 2;
 }

 .header-title .bg-image {
     background-image: url('/wp-content/themes/hello-theme-child-master/assets/img/team_main.jpg');
     background-position: center center;
     background-size: cover;
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     z-index: 1;
 }

 .header-title.without-cap .content {
     padding-top: 80px;
 }

 .header-title .content {
     padding-top: 0px;
     position: relative;
     z-index: 2;
     display: table-cell;
     vertical-align: middle;
 }

 .header-title .wrap-container {
     padding: 0 15px;
 }

 .header-title h1.page-title {
     width: 100%;
     max-width: 900px;
     margin: 0;
     display: inline-block;
     color: #fff;
     text-align: inherit;
     font-weight: bold;
     font-size: 52px;
     line-height: 1.2;
 }

 @media screen and (max-width: 768px) {
     .header-title {
         height: auto;
     }
     .header-title .title-wrap {
         margin-top: 60px;
     }
     .header-title .content {
         display: table-row;
         padding-top: 0px;
     }
     .header-title .page-container {
         height: 230px;
         vertical-align: middle;
         display: table-cell;
     }
     .header-title .wrap-container {
         padding: 0 0 40px 0;
     }
     .header-title h1.page-title {
         font-size: 40px !important;
         line-height: 48px !important;
         padding: 0;
     }
     .header-title.without-cap .content {
         padding-top: 20px;
     }
 }

 /* !COMPONENT */

 /* COMPONENT: LIST ITEMS */

 .vbmma-location-list {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
     margin: 45px 0;
 }

 .vbmma-school-item {
     width: 30%;
     background: #c2c2c224;
     margin-bottom: 15px;
     border: solid 1px grey;
    }
    
@media only screen and (max-width:1182px){
    .vbmma-school-item {
        width: 45%;
    }
 }
@media only screen and (max-width:928px){
    .vbmma-school-item {
        width: 80%;
    }
 }

 .vbmma-school-item h5 {
     margin: 0;
     color: white;
 }

 vbmma-school-item .vbmma-item-head {
     background: #da0612;
 }

 .vbmma-school-item .vbmma-item-head {
     padding: 10px;
     background: #da0612;
 }

 .vbmma-item-head div {
     color: white;
     margin: 5px 3px 3px 3px;
 }

 .vbmma-item-tags .vbmma-item-tag {
     background: white;
     color: black;
     margin: 5px;
     border-radius: 25px;
     font-size: 10px;
     padding: 5px;
     -webkit-border-radius: 25px;
     -moz-border-radius: 25px;
     -ms-border-radius: 25px;
     -o-border-radius: 25px;
}

 .vbmma-item-tags {
     display: flex;
     position: absolute;
     border-top-left-radius: 15px;
     background: #da0612;
     padding: 1px;
     max-width: 75%;
     justify-content: flex-end;
     flex-wrap: wrap;
     bottom: 0px;
     right: 0px;
 }

 .vbmma-item-body {
     display: flex;
     min-height: 200px;
     justify-content: center;
     position: relative;
     background-size: cover;
 }

 a.vbmma-primary-button {
     background: #ecececde;
     width: 75%;
     padding: 10px 30px;
     align-self: center;
     text-transform: uppercase;
     text-align: center;
     font-weight: 500;
 }

 .vbmma-school-item.womans{
    background: url('/wp-content/themes/hello-theme-child-master/assets/img/home_5.jpg');
    background-position: left 50px;
    background-size: cover;
 }

 .vbmma-school-item.children{
    background: url('/wp-content/themes/hello-theme-child-master/assets/img/home_9.jpg');
    background-position: 0 30px;
    background-size: cover;
 }

 .vbmma-school-item,
 .vbmma-school-item.adult,
 .vbmma-school-item.general {
    background: url('/wp-content/themes/hello-theme-child-master/assets/img/home_main.jpg');
    background-position: 0 30px;
    background-size: cover;
 }

 .vbmma-sub-title.sub-level-2 {
     text-align: center;
     border-top: solid 1px;
     margin-top: 40px;
 }

 .vbmma-benefits-list ul {
     margin-left: 25px;
 }

 .vbmma-benefits-list ul li {
     position: relative;
     padding-left: 35px;
     color: #e11922;
     list-style: none;
     line-height: 28px;
     font-weight: 500;
 }

 .vbmma-benefits-list ul li:before {
     position: absolute;
     content: "";
     background: url('/wp-content/themes/hello-theme-child-master/assets/img/icon1.png');
     width: 22px;
     height: 20px;
     left: 0px;
     top: 8px;
     background-size: 100%;
 }

 .vbmma-benefit-segment {
     margin-right: 50px;
 }

 .vbmma-benefits-list {
     display: flex;
     /* width: 50%; */
     justify-content: flex-start;
 }

 .vbmma-onboarding-box {
     display: flex;
     justify-content: center;
 }

 .vbmma-signup-box a:hover {
    background: white;
    color: #da0612;
}
 .vbmma-signup-box a {
     background: #da0612;
     color: white;
     padding: 10px 20px;
     font-size: 20px;
     align-self: center;
 }

 .vbmma-signup-box {
     min-height: 100px;
     display: flex;
     width: 50%;
     justify-content: center;
    }
    
@media only screen and (max-width:1032px){
    .vbmma-signup-box {
        width: 35%;
    }
}
@media only screen and (max-width:782px){
    .vbmma-signup-box,
    .vbmma-benefits-list {
        width: 100%;
    }
    .vbmma-benefits-list {
        justify-content: center;
    }
    .vbmma-onboarding-box {
        justify-content: center;
        flex-direction: column;
    }
    .vbmma-onboarding-box {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .vbmma-benefit-segment {
        margin-right: 10px;
    }
 }

/* !COMPONENT: */
/* COMPONENT: ONBOARDING BANNER */
.vbmma-onboarding-banner {
    display: flex;
    background: url('/wp-content/themes/hello-theme-child-master/assets/img/home_main.jpg');
    width: 100%;
    flex-direction: column;
    justify-content: center;
    padding: 60px;
    background-size: cover;
    margin-top: 30px;
    min-height: 500px;
    background-position: center;
}

.vbmma-onboarding-banner * {
    align-self: center;
    color: white;
}

.vbmma-onboarding-banner a:hover {
    background: white;
    color: #da0612;
}
.vbmma-onboarding-banner a {
    background: #da0612;
    color: white;
    padding: 10px 20px;
    font-size: 15px;
    align-self: center;
}

.vbmma-onboarding-banner h3 {
    font-weight: 500;
    font-size: 40px;
}

.vbmma-onboarding-banner h4 {
    margin-top: 0px;
    text-transform: uppercase;
}
/* !COMPONENT: */