:root{
    --zevo-blue:#0031A7;
    --zevo-electric-blue: #76E9FF;
    --zevo-grey: #5B7A91;
    --zevo-blue-grey: #F2F6FC;
    --zevo-dark-grey: #4F454B;
    --medium-gray: var(--medium-gray);
    --header-marque-height: 0px;
    --header-nav-height: 64px;
    --header-height: calc(var(--header-marque-height) + var(--header-nav-height));
    --tab-selector-top-padding: 50px;
}

*{
    font-family: Roboto, sans-serif;
    box-sizing:border-box;
    line-height: 1.6;
    font-weight:100;
    color:inherit;

    padding:0;
    margin:0;
}

@media(max-width:768px){
    .desktop_only{
        display:none;
    }
}

@media(min-width:769px){
    .mobile_only{
        display:none;
    }
}

html{
    color:var(--medium-gray);
}

main{
    padding-top: var(--header-height);
}

a{
    text-decoration:none;
    color:inherit;
}

ul{
    list-style-type:none;
}

address{
    font-style:normal;
}

/* TODO */
h2, h3, h4, h5, h6,
.h2, .h3, .h4, .h5, .h6{
    font-family: "Montserrat";
}

h1, .h1{
    font-size:72px;
    font-weight:400;
    font-family:"Oswald";
    line-height:100%;
}
@media(max-width:767px){
    h1, .h1{
        font-size:42px;
    }
}

h2, .h2, h3, .h3{
    font-size:36px;
    font-weight:300;
}
@media(max-width:1260px){
    h2.responsive, 
    .h2.responsive, 
    h3.responsive,
    .h3.responsive{
        font-size:calc(2vw + 10.727793px);
        font-weight:200;
    }
}
@media(max-width:562px){
    h2.responsive, 
    .h2.responsive,
    h3.responsive,
    .h3.responsive{
        font-size:22px;
        font-weight:300;
    }
}
h4, .h4{
    font-size:24px;
    font-weight:300;
}
h5, .h5{
    font-size:16px;
    font-weight:500;
}

/*#region Font Sizes */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
    font-weight: 700;
    line-height: 120%;
}
h1, .h1{
    font-size: 72px;
}
h2, .h2{
    font-size: 40px;
}
h3, .h3{
    font-size: 32px;    
}
@media(max-width: 768px){    
    h3, .h3{
        font-size: max(24px, min(32px, 5.3vw));
    }
}
h4, .h4{
    font-size: 28px;
}
h5, .h5{
    font-size: 24px;
}
@media(max-width: 768px){    
    h5, .h5{
        font-size: max(18px, min(24px, 4vw));
    }
}
h6, .h6{
    font-size: 20px;
}

.p1, .p2, .p3{
    font-weight: 500;
    line-height: 120%;
}
.p1{
    font-size: 20px;
}
@media(max-width: 768px){    
    .p1{
        font-size: max(16px, min(20px, 2.6vw));
    }
}
.p2{
    font-size: 16px;
}
.p3{
    font-size: 14px;
}
.p4{
    font-size: 12px;
}
/*#endregion*/

/*#region Font Weights, Styles & Colors*/
.fw_400{
    font-weight: 400;
}
.fw_500{
    font-weight: 500;
}
.fw_600{
    font-weight: 600;
}

.bold{
    font-weight:bold;
}
.italic{
    font-style:italic;
}
.blue_text{
    color: var(--zevo-blue);
}
.white_text{
    color:white;
}
.grey_text{
    color: var(--zevo-grey);
}
.dark_grey_text{
    color: var(--zevo-dark-grey);
}
/*#ednregion*/

label{
    cursor:pointer;
}

input{
    background:white;
}

button{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;

    border:none;
    background:none;
    cursor: pointer;
}

button:focus:not(:focus-visible) {
    outline: none;
}

.default_link{
    text-decoration:underline;
    color:#00e;
}

.std_module{
    max-width:1400px;
    margin:60px auto;
    padding:0 20px;   
    overflow:hidden;
}

.std_button{
    display:inline-flex;
    align-items:center;
    width: fit-content;
    justify-content: center;
    padding:10px 22px;
    border-radius:100px;
    font-weight:bold;
    text-transform: uppercase;
    font-size:12px;
    transition:color .3s, background-color .3s;
    cursor:pointer;
    -webkit-user-select: none;  /*Guess who, safari!*/
    user-select: none;
}

.std_button.inverse{
    color:white;
    background-color:var(--zevo-blue);
    border: 1px solid var(--zevo-blue);
}

.std_button,
.std_button.inverse.hovered,
.std_button.inverse:hover,
.std_button.inverse:focus{
    color:var(--zevo-blue);
    background-color:white;
}
.std_button{
    border: 1px solid white;
}

.std_button.hovered,
.std_button:hover,
.std_button:focus{
    color:white;
    background-color:var(--zevo-blue);
}
.std_button.clear.hovered,
.std_button.clear:hover,
.std_button.clear:focus{
    background-color: transparent;
}

.std_button.jumbo{
    padding: 24px 60px;
    font-size:16px;
}

.std_button.outlined{
    border: 1.5px solid var(--zevo-blue);
}

.std_button.wide{
    padding:10px 50px;
}

.std_button[disabled],
.std_button[disabled]:hover{
    background-color:#eee;
    color:var(--medium-gray);
    border: 1px solid var(--medium-gray);
    cursor: not-allowed;
}

.std_anchor{
    color:var(--zevo-blue);
}



overlay-b{
    font-size:18px;
}

:root slideshow-a .slide_selector{
    border:1px solid var(--zevo-blue);
}

:root slideshow-a .slide_selector.selected{
    background-color:var(--zevo-blue);
}

drawer-a .drawer_face .icon{
    transition:transform .3s;
}

drawer-a[open] .drawer_face .icon{
    transform:rotate(90deg);
}

.fine-print{
    font-size:11px;
    font-weight:400;
    color:var(--medium-gray);
}

.svg_parent{
    width: min-content;
}
.svg_parent.zevo_blue{
    background-color: var(--zevo-blue);
}
.svg_parent.zevo_grey{
    background-color: var(--zevo-grey);
}
.svg_parent.zevo_dark_grey{
    background-color: var(--zevo-dark-grey);
}
.svg_parent img{
    display: block;
    background-color: white;
    mix-blend-mode: lighten;    
}