@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
@import url("https://fonts.googleapis.com/css2?family=Koulen&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Siemreap&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Gabarito&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Moul&display=swap');

@import url('style-responsive.css');

:root {
    --kh-title: 'Koulen', Arial;
    --kh-siemreap: 'Khmer OS Siemreap', Arial;
    --en-title: 'Gabarito', sans-serif;
    --kh-muol:'Moul', Arial;

    --text-blue: #167ED1;
    --text-dark: #6c757d;
    --text-green: #28B463;
    --text-koulen-dark:#1B2631;
    --text-old-red:#CB4335;
    --text-old-yellow:#FFBF00;

    --bg-blue: #167ED1;
    --bg-dark: #34495E;
    --bg-green: #28B463;
    --bg-old-red: #A93226;
    --bg-white: #FFFFFF;
    --bg-old-yellow:#FFBF00;
    /* --bg-table-blue:#0479c6; */
    --bg-pgs-blue:#ff5500;
}

.kh-muol{font-family: var(--kh-muol);}
.kh-title{font-family: var(--kh-title);}
.kh-siemreap{ font-family: var(--kh-siemreap);}
.en-title{font-family: var(--en-title);}

.text-blue{color:var(--text-blue);}
.text-dark{color:var(--text-dark);}
.text-green{color:var(--text-green);}
.text-old-red{color:var(--text-old-red);}
.text-phd{color:var(--text-php);}
.text-old-yellow{color:var(--text-old-yellow) !important;}

.text-en-bold{
    font-weight: 600;
    font-family: Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.bg-blue{background-color:var(--bg-blue);}
.bg-dark{background-color:var(--bg-dark);}
.bg-green{background-color:var(--bg-green);}
.bg-old-red{background-color:var(--bg-old-red);}
.bg-old-yellow{background-color: var(--bg-old-yellow);}
.bg-pgs-blue{background-color: var(--bg-pgs-blue);}


/* .text-shadow{text-shadow:0px 0px 0 rgb(230,230,230),1px 1px 0 rgb(214,214,214),2px 2px 0 rgb(199,199,199), 3px 3px 0 rgb(184,184,184),4px 4px 3px rgba(0,0,0,0),4px 4px 1px rgba(0,0,0,0.5),0px 0px 3px rgba(0,0,0,.2);} */


html {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0 auto;
    font-family: var(--kh-siemreap);
    background: #eaeff2;
}

.main{flex: 1 0 auto;}

.en-title-2024{
    font-family:Garamond, serif;
    line-height:1em;
    color:var(--text-blue);
    font-weight:bold;
    text-shadow:0px 0px 0 rgb(230,230,230),1px 1px 0 rgb(214,214,214),2px 2px 0 rgb(199,199,199), 3px 3px 0 rgb(184,184,184),4px 4px 3px rgba(0,0,0,0),4px 4px 1px rgba(0,0,0,0.5),0px 0px 3px rgba(0,0,0,.2);
}

header {
    width: 100%;
    border-bottom: 2px solid;
    border-image: linear-gradient(to left, #29088A, rgb(191, 0, 255) 50%, #29088A) 100% 0 100% 0/3px 0 3px 0 stretch;
    border-image-slice: 1;
}
header .navbar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0px auto !important;
    background-image: linear-gradient(to right, #435e93, #2f91c2, #476297, #476297);
}

.banner{
    background-color: var(--bg-white);
}

.custom-shadow{
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.custom-shadow:hover{
    /* box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); */
    box-shadow: 0px 2px 4px rgba(74, 145, 245, 0.2),
              0px 8px 8px rgba(74, 145, 245, 0.2),
              0px 16px 16px rgba(74, 145, 245, 0.2),
              0px 22px 22px rgba(74, 145, 245, 0.2);
  transform: translateY(-7px);
  transition: 0.5s;
}

.ul-box li{
    list-style-type: none;
}
.ul-box li a{
    text-decoration: none;
    font-size: 1.1rem;
    line-height: 2.3rem;
    color:var(--text-dark);
}
.ul-box .fst{
    font-size: 1.1rem;
    line-height: 2.1rem;
    color:var(--text-koulen-dark);
}
.ul-box li a:hover{
    color:var(--text-blue);
}
.ul-box .li-icon::before{
    content: "\f046";
    font-family: FontAwesome;
    display: inline-block;
    width: 1.3em;
    color: var(--text-dark);
    margin-left: -1.6rem;
}

.ul-box1 .li-icon::before{
    color: var(--text-koulen-dark) !important;
}

.ul-box2 .li-icon{
    list-style-type: square;
    font-size: 1.1rem;
    line-height: 2.3rem;
    color:var(--text-koulen-dark);
}

/* Faculty */
.box-banner{
    min-height:60px; width:100%;border-radius: 0px 0px 50px 0px;
}
.box-img img{
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    cursor: pointer;
}
.box-img img:hover{
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.title-line-height{line-height: 2rem;}
.box-faculty{min-height: 238px;}
/* end Faculty */

.box-table tr th{
    color:rgb(201, 3, 3);
    padding-left:1rem;
    padding-top:0.7rem;
    padding-bottom:0.5rem;
    text-shadow: 2px 2px 4px #f4eeee;
    font-weight: bold;
}
.box-table tr td{
    /* color:rgb(201, 3, 3); */
    padding:0.4rem;
    padding-left:1rem;
}

.box-table1 tr th{
    /* color: #fff; */
    padding-left:1rem;
    padding-top:0.7rem;
    padding-bottom:0.5rem;
    font-size: 1.1rem;
    /* text-shadow: 2px 2px 4px #f4eeee; */
    /* font-weight: bold; */
}
.box-table1 tr td{
    /* color:rgb(201, 3, 3); */
    padding:0.7rem;
    padding-left:1rem;
    font-size: 1.1rem;
}
.academic p{
    font-size: 1rem;
    line-height: 2rem;
}

/* index column */
.column{
    width: 200px;
    padding: 0px;
    margin: 0px;
}
/* .column-end{
    width: 143px;
    padding: 0px;
    margin: 0px;
    border: 1px solid;
} */


footer{
    background-image: linear-gradient(to top, #6d6d6d, #676869, #56585d, #34363a); color: #bbbbbb !important; flex: 0 0 auto;
}
.text-footer{font-size:0.7rem;}