/*
Theme Name: <strong>Clark Capital</strong>
Author: <a href="https://dariengroup.com" style="cursor: pointer;">Darien Group</a>
Version: 1.0001
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

# Normalize
# Common
# Custom Styles

--------------------------------------------------------------*/

@font-face {font-family: 'BlackerSans-Regular'; src: url(fonts/BlackerSans-Regular.woff);font-display: swap;}
@font-face {font-family: 'BlackerSans-Bold'; src: url(fonts/BlackerSans-Bold.woff);font-display: swap;}
@font-face {font-family: 'MinervaModern-Regular'; src: url(fonts/MinervaModern-Regular.woff);font-display: swap;}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,table,caption,tbody,tfoot,thead,tr,th,td,del,dfn,em,font,img,ins,kbd,q,s,samp,small,
strike,strong,sub,sup,tt,var,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend {
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

a {
    color: inherit;
    text-decoration: none;
    transition: 0s;
}
p,ul,td,h1,h2,h3,h4,h5,h6,span {
    cursor: default;
}
html{
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
}

body {
    background-color: #888A8B;
    font-size: 62.5%;
    font-family: 'Blacker Sans Regular',sans-serif;
    font-weight: 400;
    font-style: normal;
    overflow-x: hidden;
    color: #FFFFFF;
}

*{
    box-sizing: border-box;
}

/*--------------------------------------------------------------
# Common
--------------------------------------------------------------*/

.flex {
    display: flex;
    position: relative;
}

.flex.justifysb {
    justify-content: space-between;
}

.flex.justifyc {
    justify-content: center;
}

.flex.justifyend {
    justify-content: flex-end;
}

.flex.valignc {
    align-items: center;
}

.flex.valignend {
    align-items: flex-end;
}

.flex.valignstart {
    align-items: flex-start;
}

.flex > * {
    width: 100%;
}

.fauto > * {
    width: auto;
}

.wrap {
    flex-wrap: wrap;
}

.img_box > *,
.plaintext img.size-full,
.plaintext img.alignnone,
.img_box > a *{
    display: block;
    width: 100%;
    height: auto;
}

.upper {
    text-transform: uppercase;
}

.cursor *,
.cursor {
    cursor: pointer;
}

.cursor_def *,
.cursor_def {
    cursor: default;
}

.tcenter {
    text-align: center;
}

.tright {
    text-align: right;
}

.stretch {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
}

.b_cover {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

h1,h2,h3,h4,h5,h6 {
    position: relative;
}

.margin_b.mxl > *   {margin-bottom: 80px;}
.margin_b.ml > *    {margin-bottom: 60px;}
.margin_b.msl > *   {margin-bottom: 50px;}
.margin_b.mm > *    {margin-bottom: 35px;}
.margin_b.ms > *    {margin-bottom: 25px;}
.margin_b.mxs > *,
.text ul > li       {margin-bottom: 15px;}
.margin_b.mxxs > *  {margin-bottom: 8px;}
.margin_b.mxxxs > * {margin-bottom: 5px;}

.margin_b > *:last-child,
script {
    margin-bottom: 0 !important;
}

*:not(div).plaintext,
div.plaintext p,
div.plaintext li,
article.text li,
article.text p {
    font-size: 2em;
    line-height: 1.5em;
    color: #FFFFFF;
}

div.banner_info p{
    font-size: 1.8em;
    line-height: 1.36em;
    color: #DADADA;
}

div.banner_info p.link_wrap span{
    font-family: "BlackerSans-Bold", sans-serif;
    color: #ffffff;
}

div.banner_info p.link_wrap a{
    text-decoration: underline;
    transition: color .3s ease-in-out;
    color: #ffffff;
}

div.banner_info p.link_wrap a:hover{
    color: #858282;
}

*:not(div).plaintext.light,
div.plaintext.light p,
div.plaintext.light li{
    color: #fff;
}

h1{
    font-family: "MinervaModern-Regular", serif;
    font-size: 4.8em;
    line-height: 1.33em;
    letter-spacing: 0.3px;
}

/*--------------------------------------------------------------
# Page
--------------------------------------------------------------*/
.splash_page{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

html.ie .splash_page{
    height: 100vh;
}

.splash_top_part{
    flex-grow: 1;
}

.splash_info_part,
.bottom_empty_space{
    width: 160%;
}

.splash_info_inner{
    padding: 80px 130px 0 130px;
}

.splash_banner_part{
    opacity: 0;
    transition: .4s ease-in-out .8s;
}

.splash_page.show .splash_banner_part{
    opacity: 1;
}

.splash_banner{
    height: 100%;
}

.logo_box{
    width: 300px;
    opacity: 0;
    transition: .5s ease-in-out;
}

.splash_page.show .logo_box{
    opacity: 1;
}

.banner_info_box{
    background-color: #3B3B3C;
    opacity: 0;
    transition: .4s ease-in-out .8s;
}

.splash_page.show .banner_info_box{
    opacity: 1;
}

.banner_info{
    padding: 50px 60px;
}

.link_box .link_wrap{
    margin-right: 40px;
}

.link_box .link_wrap:last-of-type{
    margin-right: 0;
}

.icon_box .icon_reference{
    width: 38px;
}

.icon_box .icon_reference > * {
    width: 100%;
    display: block;
    height: auto;
}

.icon_box .icon_reference svg rect{
    transition: fill .3s ease-in-out;
}

.icon_box .icon_reference:hover svg rect{
    fill: #858282;
}

.text_box{
    padding: 70px 0;
    position: relative;
}

.text_box:before,
.text_box:after{
    position: absolute;
    content: '';
    transition: .6s ease-in-out .2s;
    background-color: #DADADA;
    width: 0;
    height: 3px;
}

.text_box:before{
    left: 0;
    top: 0;
}

.text_box:after{
    right: 0;
    bottom: 0;
}

.splash_page .text_box > *{
    opacity: 0;
    transition: opacity .5s ease-in-out .5s;
}

.splash_page.show .text_box > *{
    opacity: 1;
}

.splash_page.show .text_box:before,
.splash_page.show .text_box:after{
    width: 100%;
}


@media screen and (max-width: 1600px){
    body{
        font-size: 53%;
    }

    .margin_b.mxl > *   {margin-bottom: 40px;}
    .margin_b.ml > *    {margin-bottom: 40px;}
    .margin_b.msl > *   {margin-bottom: 30px;}
    .margin_b.mm > *    {margin-bottom: 30px;}
    .margin_b.ms > *    {margin-bottom: 20px;}

    .margin_b > *:last-child,
    script {
        margin-bottom: 0 !important;
    }

    h1{
        font-size: 5.0em;
    }

    .splash_info_inner {
        padding: 80px 70px 0 70px;
    }

    .text_box{
        padding: 40px 0;
    }

    .splash_title{
        margin-bottom: 20px!important;
    }

    .logo_box {
        width: 270px;
    }

    .link_box .link_wrap{
        margin-right: 30px;
    }
}

@media only screen and (max-width: 1366px) {
    body{
        font-size: 51%;
    }
}


@media only screen and (max-width: 1231px) {
    *:not(div).plaintext,
    div.plaintext p,
    div.plaintext li,
    article.text li,
    article.text p{
        font-size: 1.8em;
    }

    div.banner_info p {
        font-size: 1.4em;
    }

    .banner_info {
        padding: 40px 40px;
    }

    h1{
        font-size: 4.3em;
    }

    .logo_box {
        width: 250px;
    }

    .splash_info_inner {
        padding: 60px 60px 0 60px;
    }
}

@media only screen and (max-width: 1023px){
    h1{
        font-size: 3.8em;
    }

    .logo_box {
        width: 230px;
    }
}

@media only screen and (max-width: 992px) {
    .splash_page{
        min-height: auto;
    }

    html.ie .splash_page{
        height: auto;
    }

    .splash_info_inner {
        padding: 40px 40px;
    }

    .text_box{
        padding: 40px 0 0 0;
    }

    .text_box:after{
        display: none;
    }

    .text_box:before{
        height: 2px;
    }

    .splash_banner{
        min-height: 50vw;
    }

    .splash_top_part{
        flex-flow: row wrap;
    }

    .bottom_empty_space{
        display: none;
    }

    .icon_box .icon_reference{
        width: 30px;
    }
}


@media only screen and (max-width: 640px) {
    body{
        font-size: 48%;
    }

    .logo_box {
        width: 180px;
    }

    .splash_info_inner {
        padding: 30px 30px;
    }

    .margin_b.mxl > *   {margin-bottom: 30px;}
    .margin_b.ml > *    {margin-bottom: 30px;}
    .margin_b.msl > *   {margin-bottom: 25px;}

    .margin_b > *:last-child,
    script {
        margin-bottom: 0 !important;
    }

    .text_box {
        padding: 30px 0 0 0;
    }

    .banner_info {
        padding: 30px 30px;
    }

}


@media only screen and (max-width: 520px) {
    .splash_banner{
        min-height: 80vw;
    }
}