/*
    Theme Name: CIESC
    Theme URI:
    Author: Virk App
    Author URI: https://virkapp.com/
    Description:
    Version: 0.0.1
    Domain: ciesc
*/

@font-face {
    font-family: 'Social Media Circled Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Social Media Circled Regular'), url('./fonts/Social Media Circled.woff') format('woff');
}


:root{  
    --font-size:  16px;
    --primary-font: 'Noto Sans', sans-serif;
    --secondary-font: 'PT Sans', sans-serif;  
    --social-media: 'Social Media Circled Regular';  
    --blue-color: #1E4887;
    --blue-dark-color:#051340;
    --blue-ligth-color:#74A6DB;
    --blue-extra-ligh-color:#D2E6F6;    
    --gray-color: #BDBDBD;    
    --gray2-color:#D7D7D7;
    --gray3-color:#EBEBEB;
    --gray4-color:#F8F8F8;
    --gray5-color:#FBFBFB;
    --gray6-color:#303030;
    --text-color:#818181;
    --card-color:#F6F6F6;
    --cian-color:#0AA5AA;
    --cian2-color:#B1DFE0;
    --aqua-color:#F0FAFA;
}

body{
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; 
    font-family: var(--primary-font);
    font-size: var(--font-size);
    line-height: 29px;
    margin: 0px;
    padding: 0px;
    color: var(--gray6-color);
}

h1,h2,h3,h4, h5,h6{
    font-weight: bold;
    color:var(--gray6-color);
}

h1{
    font-size:40px;
    line-height: 48px;
}
h2{
    font-size:24px;
    line-height: 28.8px;
}
h3{
    font-size: 16px;
    line-height: 19.2px;
}

h4{
    font-size: 14px;
    line-height: 17px;
}

h5{
    font-size:20px;
    line-height: 24px;    
}

p{
    line-height: 30px;
}

p.small-text{
    font-size:14px;    
}
.upper{
    text-transform: uppercase;
}

@media all and (max-width: 767px){
    h1{
        font-size:30px;
        line-height: 38px;
    }

    body{
        max-width: 100vw;
        overflow-x:hidden;
    }
    .card-mobile-p{
        flex-direction: column;
        align-items: flex-start !important;
    }
    .publication-card .card-mobile-p img{
        width: 240px !important;
        object-fit: fill;
    }
}