@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@100;200;400;500;600;700;800;900&display=swap');

/*------------------------
Welcome Statement Style
--------------------------*/
 
.welcome.col{
    padding-top: 4em;
    background-color:#F0F0F0;
}


.welcome.col h2 {
    font-weight: 700;
    text-align:center;
}

.welcome.col h3 {
    font-weight: 600;
    text-align:center;
}

/*------------------------
Scholarship Cards Homepage
--------------------------*/
section.section.row-scholarships-homepage.solid-color.no-color.default-text.py-5 {
    margin-top:4em;
    max-width: 60%;
    height:auto;
    margin-right: auto;
    margin-left: auto;
}

.card.h-100.border-0.transparent-bg:hover {
    background-color: #10233F!important;
}
    
/*------------------------
Cards Style
--------------------------*/

.homeScholarships {
    background-color:#F7F7F7!important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.homeScholarships a{
    text-decoration:none!important;
}

.scholarships-homepage.col .card-body a {
    color: white!important;
}

.homeScholarships a:hover{
    text-decoration:underline!important;
    color:#CD451F;
}


/*------------------------
Mobile Style
--------------------------*/   

@media only screen and (min-width: 3200px) {

/*------------------------
Welcome Statement Style
--------------------------*/
.welcome.col h2 {
    font-size: 4vw!important;
    margin-right:15%;
    margin-left:15%;
    width:70%;
}

.welcome.col h3 {
    font-size: 2vw!important;
    margin-right:15%;
    margin-left:15%;
    width:70%;
}

.welcome.col p{
    font-size: 1vw!important;
    margin-right:10%;
    margin-left:10%;
    width:80%;
}
}

 @media only screen and (max-width: 3199px) {
/*------------------------
Welcome Statement Style
--------------------------*/
.welcome.col h2 {
    font-size: 4vw!important;
    margin-right:15%;
    margin-left:15%;
    width:70%;
    color:#212529!important;
}

.welcome.col h3 {
    font-size: 2vw!important;
    margin-right:15%;
    margin-left:15%;
    width:70%;
}

.welcome.col p{
    font-size: 1vw!important;
    margin-right:10%;
    margin-left:10%;
    width:80%;
    text-align:center;
}
}

 @media only screen and (max-width: 1800px) {
/*------------------------
Welcome Statement Style
--------------------------*/
.welcome.col p {
    font-size: 1.3em!important;
}
}

 @media only screen and (max-width: 1135px) {
/*-------------Welcome Statement--------------------------*/

.welcome.col h2 {
    font-size: 3.5em!important;
}

.welcome.col p {
    font-size: 1.2em;
}
}

 @media only screen and (max-width: 991px) {
/*-------------Welcome Statement--------------------------*/
.welcome.col h3 {
    font-size: 1.8em!important;
    text-align:center;
}
}

 @media only screen and (max-width: 450px) {

/*------------------------
Welcome Statement Style
--------------------------*/
.welcome.col h2 {
    font-size: 1.5em!important;

}

.welcome.col h3 {
    font-size: 1.3em!important;
}
}

 @media only screen and (max-width: 450px) {
/*------------------------
Welcome Statement Style
--------------------------*/

.welcome.col p {
    margin-right: 2%;
    margin-left: 2%;
    width: 96%;
    font-size: 1em!important;
}
}