/*
Theme Name: Marcus Stroke Network
Theme URI: http://paperplanes.digital
Author: Brandon Jones
Author URI: http://brandonjones.co/
Description: Custom Bootstrap theme for Marcus Stroke Network
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: bootstrap
Text Domain: msn

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/ 
html {
  scroll-behavior: smooth;
}
body{
    font-family: "proxima-nova";
    color:#1e275b;
    font-weight:300;
}
p{
    direction: ltr !important;
}
a:hover{
    color: #1e275b;
}
.text-red{
    color:#ea092a;
}
a.text-red:hover{
    color:white;
}
.affiliates a.text-red:hover{
    color:#1e275b;
}
.text-white{
    color:white;
}
html.scrolled{
    padding-top:76px;
}
.headernav{
    position:relative;
    z-index:2;   
}
#mobile_menu{
        display:none;
}
body.scrolled .headernav{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    z-index:2;
}
.row.main .col{
    max-height:100%;
}

.headernav .admin{
    background-color: #ea0a2a;
    height:42px;
    position:relative;
}
.headernav .admin .col{
    height:100%;
    display:flex;
    flex-direction:row;
    position:relative;
    justify-content: flex-end;
}

.headernav .main{
    background-color:white;
    height:100px;
}
.headernav .main .col{
    display:flex;
    flex-direction:row;
    align-content:space-between;
}
#site-logo{
    display:flex;
    max-width:150px;
    height:100%;
}
#site-logo img{
    display:block;
    align-self:center;
    height:75%;
    width:auto;
    
}
.headernav .admin .menu{
    display:flex;
    justify-content: flex-end;
    height:100%;
    align-items:center;
}
.headernav .admin .menu ul{
    display:flex;
    align-items:center;
    list-style: none;
    margin-bottom:0;
}
li.menu-item{
    position:relative;
}

.headernav .admin .menu a{
    margin-left:1.5em;
    color:white;
    font-size:1.1em;
}
.main .nav{
    flex:100%;
}
.headernav .main .menu{
    display:flex;
    justify-content: flex-end;
    height:100%;
    align-items:center;
    flex:100%;
}
.headernav .main .menu ul{
    display:flex;
    align-items:center;
    list-style: none;
    margin-bottom:0;
    justify-content:space-around;
}
.headernav .main .menu a{
    margin-left:2rem;
    margin-right:2rem;
    color:#707070;
    font-weight:600;
    font-size:1.1em;
    
}
li.menu-item-has-children>a:after{
    content:"";
    background-image: url(images/down.svg);
    margin-left:1rem;
    width:1rem;
    height:1rem;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display:inline-block;
}
li.menu-item-has-children:hover ul.sub-menu{
    display:flex !important;
}
.headernav .main .menu ul.sub-menu{
    position:absolute;
    top:100%;
    display:none;
    padding: 1rem .5rem;
    background-color:white;
    flex-direction: column;
    left: 50%;
    transform: translateX(-50%);
    min-width: 200px;
}
a.btn.outline{
    border:1px solid white;
    background:transparent;
    color:white;
    border-radius: 0;
    padding:.375rem 2rem;
}
a.btn.outline:hover{
    border:1px solid white;
    background:white;
    color:#1e275b;
}
a.btn.blue{
    border:1px solid #1e275b;
    background:#1e275b;
    color:white;
    border-radius: 0;
    padding:.375rem 2rem;
}
a.btn.blue:hover{
    border:1px solid #1e275b;
    background:#ffffff;
    color:#1e275b;
}
.intro_copy p{
    font-size:1.5rem;
}
.quote_with_image_background p{
    font-size:1.75rem;
    margin-bottom:0;
}
p.author{
    font-size:1.25rem;
    font-weight:700;
}
.hero_carousel{
    height:32.35vw;
}
.hero_carousel>.row {
    height: 100%;
    align-items: center;
}
.hero_carousel:before, .features_with_icons:before{
    display:block;
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(30, 39, 91, .5);
}
.quote_with_image_background:before{
    display:block;
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(30, 39, 91, .65);
}
.efficiency_stats:before{
    display:block;
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(30, 39, 91, .65);
}
.hero_carousel .page_title{
    text-transform: uppercase;
    text-decoration: underline;
    font-weight:300;
}
body.home .hero_carousel .page_title{
    font-weight:300;
}
.hero_carousel .subtext{
    font-style: italic;
}
h2{
    font-weight:400;
}
.bold{
    font-weight:700;
}
b{
    font-weight:700;
}
.icons{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.icons .icon{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    flex-basis:200px;
    padding:10px;
    align-items:center;
    text-align:center;
}
.efficiency_stats .icons .icon, .partnerships .icons .icon{
    flex-basis:360px;
}
.icon img{
    width:108px;
    height:108px;
    object-fit:contain;
    margin-bottom:2rem;
}
.partnerships .icons .icon img{
    width:150px;
    height:150px;
}
.video iframe{
    width:100%;
    height:56.25vw;
}
.section{
    position:relative;
}
.red-bg{
    background-color:#ea0a2a;
}
.red_content_section li{
    margin-left:1rem;
}
.timeline .milestones{
     display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.milestones .milestone{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    flex-basis:245px;
    padding:20px;
    align-items:center;
    text-align:center;
    color:white;
}
.milestone:after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: white;
    left: 50%;
    bottom: -7.5px;
    transform:translateX(-50%);
}
.milestone img{
    width:60%;
    margin-top:1rem;
    margin-bottom:1rem;
}
.milestones:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 75%;
    background-color: white;
    left: 12.5%;
}
.image-link h3{
    font-size:1.25rem;
}
.slick-initialized .slick-slide{
    display: flex;
}
.slick-slide:not(.slick-current){
    opacity:0;
}
.testimonial.slide{
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    width:565px;
}
.testimonial.slide img{
    width:300px;
}

.section.our_team{
    background-color:#1e275b;
}
img.headshot{
    display:block;
    width: 320px;
    height: 340px;
    object-fit: cover;
    margin:auto;
    
}
.team-info{
    width:320px;
    padding: 2rem 1rem 1rem;
    height:auto;
    background-color:white;
    margin:auto;
}
.team-info p{
    margin-bottom:0;
    padding-bottom:0;
    
}
.team-info h3{
    text-transform: uppercase;
    font-size:1.4rem;
}
.team-info .tier{
    text-transform: uppercase;
}
.card{
    background:transparent;
    color:white;
    height:auto;
    max-height: 320px;
    overflow-y: auto;
    padding-top:0;
    padding-bottom:0;
    padding-left:0;
    margin-top:1.25rem;
    margin-bottom:1.25rem;
    direction:rtl;
    border:none;
}
.our_team .card{
    padding-left:1.25rem;
    margin-left:-1.25rem;
}
/* width */
.our_team .card::-webkit-scrollbar {
  width: 6px;

}

/* Track */
.our_team .card::-webkit-scrollbar-track {
  background: #ffffff;
    border: 2px solid #1e275b;
}

/* Handle */
.our_team .card::-webkit-scrollbar-thumb {
  background: #ea092a;
}

/* Handle on hover */
.our_team .card::-webkit-scrollbar-thumb:hover {
  background: #ea092a;
}
a[data-toggle='collapse']:after{
    content:" - ";
    font-size:1.2em;
}
a[data-toggle='collapse'].collapsed:after{
    content:" + ";
}
.underline{
    text-decoration: underline;
}
.bb{
    border-bottom: 1px solid white;
}
div{
    background-size:cover;
    background-position: 50% 50%;
}
div.features_with_icons{
    padding-top:0;
    margin-top:150;
}
div.features_with_icons.no-overlap{
    margin-top:0;
}
div.features_with_icons .feature img{
    width:200px;
    height:200px;
    object-fit: contain;
    margin-top:-100px;
}
div.features_with_icons .feature .icon-container{
    background-color:#ea0a2a;
    border-radius: 100%;
    display:flex;
    justify-content: center;
    align-items: center;
    width:200px;
    height:200px;
    margin-top:-100px;
}
div.features_with_icons .feature .icon-container img{
    width:125px;
    height:125px;
    margin-top:0;
}
div.features_with_icons .feature {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    font-size: 1.2rem;
}
div.features_with_icons .feature img.icon-small{
    width:100px;
    height:100px;
}
img.graph{
    max-width:90%;
    display:block;
    margin:auto;
}
.anchor{
    scroll-margin-top: 142px;
}
.article .image img{
    max-width:100%;
    height:auto;
}
.accolade.slick-slide:not(.slick-current){
    opacity:.5;
}
.accolade{
    width:400px;
    height:140px;
    align-items:center;
    text-align:center;
    padding:2rem;
    margin:1rem;
    font-size:1.2rem;
    justify-content:center;
}
.accolade_slider .slick-prev{
    left:25px;
    z-index:1;
    display:none !important;
}
.accolade_slider .slick-next{
    right:25px;
    z-index:1;
    display:none !important;
}
.accolade_slider:hover .slick-prev{
    display:inline-block;
}
.accolade_slider:hover .slick-next{
    display:inline-block;
}
.faq{
    background-color:#1e275b;
    color:white;
}
.faq .photo img{
    width:100%;
    height:100%;
    object-fit: cover;
    display:block;
    position:absolute;
}
.faq .question{
    text-transform: uppercase;
}
footer{
    background-color:#1e275b;
    color:white;
}
footer .menu ul{
    list-style: none;
    display:flex;
    flex-direction: row;
    justify-content:center;
    flex-wrap: wrap;
    padding:0;
    margin: 10px 0;
}
footer .admin{
    background-color:#ea0a2a;
}
footer .menu li{
    margin-left:20px;
    margin-right:20px;
}
footer .menu a{
    color: #ffffff;
    font-size:1.3em;
}

@media only screen and (max-width: 600px){
    html, body{
        font-size: 12px;
    }
    body.menu #mobile_menu{
        display:flex;
    }
    .headernav{
        z-index:100;
        position:fixed;
        top:0;
    }
    html{
        padding-top:100px;
    }
    #mobile_menu{
        position:fixed;
        top:0;
        left:0;
        width:100%;
        z-index:99;
        height: auto;
        background-color:white;
        flex-direction:column;
        justify-content: space-between;
        padding-top:125px;
    }
    #mobile_menu ul{
        list-style:none;
    }
    #menu-main{
        font-size:1.75rem;
    }
    #menu-main a{
        color: #1e275b;
        font-weight:bold;
    }
    #menu-admin{
        font-size:1.6rem;
    }
    #mobile_menu div.admin{
        padding-top:2rem;
        padding-bottom:2rem;
        background-color: #1e275b;
    }
    #menu-admin a{
        color: white
    }
    li.menu-item-has-children>a:after{
        display:none;
    }
    #menu-toggle{
        width:3.5rem;
        height:3.5rem;
    }
    #menu-toggle .open{
        display:block;
    }
    #menu-toggle ._close{
        display:none;
    }
    body.menu #menu-toggle .open{
        display:none;
    }
    body.menu #menu-toggle ._close{
        display:block;;
    }
    .headernav .main .col {
        justify-content: space-between;
        align-items: center;
    }
    #site-logo{
        height:100%;
    }
}
@media only screen and (min-width: 1140px){
    body.page-our-team .hero_carousel{
        background-size: 55.5% auto;
        background-repeat: no-repeat;
        background-position: 100% 0;
        background-color: #1e275b;
    }
    body.page-our-team .hero_carousel:before{
        display:none;   
    }
}