/*
CTC Separate Stylesheet
Updated: 2023-10-18 17:24:49
*/

@font-face {
    font-family: 'Calendas Plus';
    src: url('./fonts/Calendas-Plus.woff2') format('woff2'),
        url('./fonts/Calendas-Plus.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ArgestaDisplay-Regular';
    src: url('./fonts/ArgestaDisplay-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'ArgestaHeadline-Regular';
    src: url('./fonts/ArgestaHeadline-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'ArgestaText-Bold';
    src: url('./fonts/ArgestaText-Bold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'ArgestaText-Regular';
    src: url('./fonts/ArgestaText-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'BasierCircle-Regular';
    src: url('./fonts/BasierCircle-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Canela-Medium';
    src: url('./fonts/Canela-Medium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'MinionPro-Regular';
    src: url('./fonts/MinionPro-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Tomica-Bold';
    src: url('./fonts/Tomica-Bold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Tomica-Regular';
    src: url('./fonts/Tomica-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body{
    /*font-family: 'Calendas Plus';*/
    font-family: 'BasierCircle-Regular';
    color: #020000;
    font-size: 25px;
    line-height: 34px;
}

nav{
    letter-spacing:1px;
}


.site-main a {
    color: #000;
}
a:hover{
    color: #020000;
}

h1, h2,h3,h4,h5,h6{
    font-weight:bold;
    letter-spacing:2px;
    line-height:1.5em !important;
}

h2{
    font-size: 40px;
}
h2 span{
    font-weight: normal;
    letter-spacing:0 !important;
}

p{
    margin-bottom:2em;
}
.big-font p{
    margin-bottom:2.5em;
}
small {
    font-size: 20px;
    line-height: 25px;
}
p small {
    display: inline-block;
}

footer{
    /*background-color:#829a92;*/
    color: #000;
}
footer a{
    color: #000;
}

header .e-con-inner > .elementor-element{padding:0;}

.hfe-nav-menu__layout-horizontal li.menu-item,
.hfe-nav-menu__layout-horizontal > li.menu-item {
    font-size: 22px;
    padding: 8px 10px;
    border-left: 1px solid #000;
}

.big-font-2x p,
.big-font-2x div,
.big-font-2x{
    font-size: 75px;
    line-height:85px !important;
    font-family: 'ArgestaHeadline-Regular';
}

.big-font p,
.big-font div,
.big-font{
    font-size: 22px;
    line-height:2.5em !important;
}


.logo-div a {
    font-size: 34px !important;
    line-height: 34px !important;
    font-family: 'ArgestaHeadline-Regular';
}
strong{letter-spacing: 1px;}
.logo-div a > strong{
    letter-spacing: 2px;
}
.logo-div a span{
    position:relative;
    font-size: 38px !important;
    display: inline-block;
    vertical-align: top;
    padding-top: 8px;
    padding-bottom: 10px;
    padding-left: 25px;
}
.logo-div a span strong{
    letter-spacing: 1px;
}

.logo-div a span:before{
    content: ".";
    font-size: 45px;
    top: -2px;
    left: 0;
    position: absolute;
}

body .elementor-element {
    --widgets-spacing: 0;
}


header {
    background-color: #d1d2d4;
        border-bottom: 1px solid #000;
}
.hfe-nav-menu a{
    color: #000;
}
.hfe-nav-menu .submissions a:hover{
    color: rgb(237 150 37);
}
.hfe-nav-menu .books a:hover{
    color: rgb(114 134 96);
}
.hfe-nav-menu .our-mission a:hover{
    color: rgb(138 158 161);
}
.hfe-nav-menu .about-us a:hover{
    color: rgb(14 88 124);
}

#first-section{
    background-color: #ebe4d4;
}

.submission-color,
#submissions{
    /*background-color: rgb(237 150 37);*/
}

body .ArgestaHeadline-Regular h1, body .ArgestaHeadline-Regular h2, 
body .ArgestaHeadline-Regular h3, body .ArgestaHeadline-Regular h4, 
body .ArgestaHeadline-Regular h5, body .ArgestaHeadline-Regular h6,
body .ArgestaHeadline-Regular,
.site-main b, .site-main strong{
    font-family: 'ArgestaHeadline-Regular';
    /*font-weight: normal;*/
}

body .ArgestaText-Regular h1, body .ArgestaText-Regular h2, 
body .ArgestaText-Regular h3, body .ArgestaText-Regular h4, 
body .ArgestaText-Regular h5, body .ArgestaText-Regular h6,
body .ArgestaText-Regular{
    font-family: 'ArgestaText-Regular';
}

.footer-link{
    font-size: 16px;
    line-height: 24px;
}
.footer-link a{
    color: #000;
    display: inline-block;
    margin-bottom: 7px;
}
.footer-link a:hover{
    text-decoration: underline;
}

@media (min-width: 768px){
    
    
}

@media (min-width: 1241px){
    body .elementor-element {
        --widgets-spacing: 0;
    }
    .img-left img{width:49%;}
    .img-left img.alignleft  + p{
        float: right;
        width: calc( 51% - 1rem );
        margin-top: -5px;
    }
    .hide-on-device{display:none;}
}

@media (min-width: 768px) and (max-width: 1240px) {
    .logo-div a {
        font-size: 44px !important;
        line-height: 74px !important;
    }
    .logo-div a span {
        font-size: 30px !important;
    }
    
    .logo-div a span{display:none;}
    .hide-on-mobile{display:none;}
    
    .img-left img.alignleft{float:none;}
    
    
    .big-font-2x p,
    .big-font-2x div,
    .big-font-2x{
        font-size: 45px;
        line-height:58px !important;
    }
    
}



@media (max-width: 767px){
    
    
    .big-font-2x p,
    .big-font-2x div,
    .big-font-2x{
        font-size: 34px;
        line-height:48px !important;
    }
    
    .hfe-nav-menu__toggle {
        font-size: 30px;
    }
    footer h2 {
        font-size: 32px;
    }
    .img-left img.alignleft{float:none;}
    .logo-div a {
        font-size: 34px !important;
        line-height: 74px !important;
    }
    .logo-div a span{display:none;}
    .hide-on-mobile{display:none;}
    
    body{
        font-size: 20px;
        line-height:34px;
    }
    h1, h2,h3,h4,h5,h6{
        letter-spacing:1px !important;
    }
    strong{letter-spacing: 0;}
    
    
    .page-content > .elementor > .elementor-element{padding: 0 15px;}
    
    .menu-col{
        padding:0 !important;
        position: absolute;
    }
    .menu-col nav{
        /*padding: 50px 0 150px;*/
        background-color: transparent !important;
    }
    .hfe-nav-menu__breakpoint-mobile .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-horizontal .hfe-nav-menu {
        display: block;
        width: 100vw;
        height: calc( 100vh - 120px ) !important;
        padding-top:50px;
        margin-top:35px;
        background-color: #829A92;
    }
    .hfe-nav-menu__layout-horizontal li.menu-item, .hfe-nav-menu__layout-horizontal > li.menu-item {
        font-size: 25px;
        min-height: 60px;
    }
}