@charset "UTF-8";
 @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@100;200;300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Tiro+Devanagari+Hindi:ital@0;1&display=swap");
.webdescription{
background: #0055e2;
padding: 10px;
color: #fff;
font-size: 0.8rem;
a{
color:#fff !important;
&:hover{
text-decoration: underline;
}
}
.container {
width: 100%;
max-width: 1140px;
margin: 0 auto;
}
.flex-container {
display: flex;
justify-content: space-between; .box{
display: inline-block;
}
}
@media screen and (max-width:530px) {
display: none;
}
}
.header{
min-height: 200px;
position: absolute;
display: block;
width: 100%;
padding: 0 0 25px 0;
a:active,
a:hover {
outline-width: 0;
text-decoration: none
}
.main {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 20px;
//min-height: 100vh;
}
main {
display: block;
}
.main__content {
-ms-flex-positive: 1;
flex-grow: 1;
}
.nav {
position: relative;
z-index: 1002;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
height: 55px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-webkit-tap-highlight-color: transparent;
transition: opacity .2s ease;
}
.logo__div {
position: absolute;
width: auto;
max-width: 110px;;
left: 50%;
margin-left: -55px;
top: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 10;
}
.nav__link {
-webkit-tap-highlight-color: transparent;
transition: opacity .2s cubic-bezier(.645, .045, .355, 1);
opacity: 1;
}
.snlogo {
width: 110px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
background-repeat: no-repeat;
background-position: 50% 50%;
z-index: 3;
width: 110px;
height: 140px;
//ackground-image: url(http://localhost/internew/wp-content/themes/hello-elementor-child/assets/ic-white-logo.png);
//background-image: url(http://localhost/internew/wp-content/themes/hello-elementor-child/assets/ic-color-logo.png);
background-image : url(https://www.inter.cmru.ac.th/wp-content/uploads/2024/03/ic-color-logo.png) !important; background-size: contain;
transition: 200ms;
&:hover{
transform: scale(1.05);
}
}
.container {
width: 100%;
max-width: 1140px;
margin: 0 auto;
}
.row {
box-sizing: border-box;
display: -ms-flexbox;
display: flex;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -.5rem;
margin-right: -12.5px;
margin-left: -.5rem;
margin-left: -12.5px;
}
.col {
box-sizing: border-box;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: .5rem;
padding-right: 12.5px;
padding-left: .5rem;
padding-left: 12.5px;
}
.col {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.nav__list {
list-style: none;
padding: 0;
margin: 0;
position: relative;
z-index: 3;
display: -ms-flexbox;
display: flex;
justify-content: flex-end;
padding: 0 100px 0 0 ;
li{
padding: 5px;
order: 3;
a {
font-family: "Tiro Devanagari Hindi", Sans-serif;
position: relative;
display: block;
cursor: pointer;
color: #fff;
text-decoration: none;
@media screen and (max-width:1170px) {
color: #0055e2;
}
@media screen and (min-width:1170px) {
&:hover{
color: #fff;
text-decoration: none;
}
&:before, &:after {
content: '';
position: absolute;
width: 0%;
height: 2px;
bottom: -2px;
background: #fff;
}
&:before {
left: 0;
}
&:after {
right: 0;
background: #fff;
transition: width 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}
&:hover:before {
background: #fff;
width: 100%;
transition: width 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
&:hover:after {
background: transparent;
width: 100%;
transition: 0s;
}
}
}
}
}
.nav__list li:first-child {
margin-left: -11px;
}
.nav__list li:last-child {
margin-right: -11px;
}
.nav__list__link {
font-size: 1em;
letter-spacing: .04rem;
font-weight: 500;
text-transform: uppercase;
text-decoration: none;
text-align: center;
color: #fff;
padding: 5px 0px;
margin: 0 10px;
display: block;
opacity: 1;
}
.nav__list__link:active,
.nav__list__link:hover {
color: #0059ff;
opacity: 1
}
.nav__list__rightaligned {
-ms-flex-pack: end;
justify-content: flex-start;
padding: 0 0 0 100px;
@media screen and (min-width: 1170px) {
li:last-child a{
background: linear-gradient(to right, #0177fd, #1854c8);
border-radius: 5px;
transition: 200ms;
padding: 5px 12px;
margin: 0;
&:before, &:after {
display: none !important;
}
&.nav__list__link:active,
&.nav__list__link:hover {
color: #fff;
}
&.nav__list__link:hover {
transform: scale(1.05);
}
}
}
@media screen and (max-width: 1170px) {
&.nav__list li:last-child {
//text-decoration: underline; }
}
.staff-link{
display: none;
@media screen and (max-width: 1170px) {
display: block;
order:99;
}
}
}
.center {
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (min-width: 1170px) {
.col__sm {
box-sizing: border-box;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
flex-basis: auto;
padding-right: .5rem;
padding-right: 12.5px;
padding-left: .5rem;
padding-left: 12.5px;
}
.col__sm {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
} @media screen and (max-width: 1170px) {
.nav__link__selected,
.nav__link__selected:hover {
color: #5f656d;
opacity: 1;
}
.nav-mobile__open {
opacity: 1 !important;
}
.logo__div {
z-index: 9000;
}
.mobile__toggle {
width: calc(2rem + 22px + 2rem);
height: 55px;
position: absolute;
top: 0;
z-index: 9005;
-webkit-tap-highlight-color: transparent;
cursor: pointer;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
right: 65px;
@media screen and (max-width:420px) {
right: 0;
}
}
.mobile__toggle__container {
width: 119px;
height: 34px;
position: relative;
@media screen and (max-width:420px) {
width: 40px;
height: 34px;
}
}
.mobile__open {
position: absolute;
width: 119px;
height: 34px;
background-image: url(https://www.inter.cmru.ac.th/wp-content/themes/hello-elementor-child/assets/menu-open.png);
background-size: auto auto;
background-size: 100% 100%;
opacity: 1;
@media screen and (max-width:420px) {
width: 40px;
height: 34px;
background-size: cover;
background-position: right;
}
}
.mobile__toggle__container-closeIconVisible .mobile__open {
opacity: 0;
}
.mobile__close {
position: absolute;
width: 119px;
height: 34px;
left: 3px;
background-image: url(https://www.inter.cmru.ac.th/wp-content/themes/hello-elementor-child/assets/menu-close.png);
background-size: auto auto;
background-size: 100% 100%;
opacity: 0;
@media screen and (max-width:420px) {
width: 40px;
height: 34px;
background-size: cover;
background-position: right;
}
}
.mobile__toggle__container-closeIconVisible .mobile__close {
opacity: 1;
}
.mobile__close,
.mobile__open {
transition: opacity 185ms cubic-bezier(.645, .045, .355, 1);
}
.nav__mobile__container {
background: hsla(0, 0%, 100%, .985);
position: absolute;
top: 0;
left: 0;
right: 0;
padding-top: 40px;
padding-bottom: 3.5rem;
z-index: 9001;
box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .2);
opacity: 0;
transform: translateY(-20px);
pointer-events: none;
}
.nav__mobile__container__default {
transition: opacity 225ms cubic-bezier(.4, 0, 1, 1), transform 225ms cubic-bezier(.4, 0, 1, 1);
}
.nav__mobile__container-visible {
transition: opacity 225ms cubic-bezier(.4, 0, .2, 1), transform 225ms cubic-bezier(0, 0, .2, 1);
display: block;
visibility: visible;
visibility: initial;
opacity: 1;
transform: translateY(0);
pointer-events: auto;
z-index: 9000;
margin: -10px 10px 10px 10px;
border-radius: 10px;
}
.nav__list {
padding: 0 !important;
display: flex;
flex-direction: column;
}
.nav__list li,
.nav__list li:first-child,
.nav__list li:last-child {
display: block;
margin: 0;
margin: initial;
border-bottom: 1px solid rgba(0, 0, 0, .075);
transform: translateY(-20px);
opacity: 0;
transition: transform 225ms cubic-bezier(0, 0, .2, 1), opacity 225ms cubic-bezier(0, 0, .2, 1);
}
.nav__mobile__container-visible .nav__list li {
transform: translateY(0);
opacity: 1;
}
}
.content h1 {
font-size: 2em;
text-align: center;
color: #fff;
}
.content h2 {
font-size: 1.2em;
text-align: center;
color: #fff;
}
.content a {
color: #fff;
}
}
.single-post,.blog,.error404 {
.webdescription{
background: #3a3a3a;
}
.header{
position: static;
background: #0059ff;
min-height: unset;
height: 100px;
.logo__div{
background: #0059ff;
border-radius : 0 0 60px 60px;
.snlogo{
background-image: url(https://www.inter.cmru.ac.th/wp-content/themes/hello-elementor-child/assets/ic-color-logo.png);
//background-image: url(http://localhost/internew/wp-content/themes/hello-elementor-child/assets/ic-white-logo.png);
}
}
}
.site-main  {
width: 100%;
max-width: 1140px;
margin: 0 auto;
padding-top: 100px;
padding-bottom: 30px;
border-bottom: 1px solid #cccccc;
}
.page-header {
.entry-title{
padding-bottom: 25px;
border-bottom: 1px solid #cccccc;
}
}
}
.blog{
main{
.page-content{
ul{
margin-bottom: 70px;
list-style-type: none;
margin-left: 0;
padding-left: 0;
li.list-ic-news{
display: flex;
width: 100%;
flex-direction: column;
span{
font-family: "Tiro Devanagari Hindi", "IBM Plex Sans Thai" ,sans-serif;
display: block;
font-size: 1rem;
font-weight: 500;
color: #c5c5c5;
display: block;
}
.entry-title{
margin-top: 0;
padding-top: 0;
a{
text-decoration: none;
}
}
}
}
}
}
}
footer.site-footer{
padding-top: 0;
padding-bottom: 10px;
}
.footer-inner.footer-wraper {
display: flex;
flex-wrap: wrap; //justify-content: space-between; 
justify-content: center;
font-size: 0.85rem;
padding-top: 40px;
.column {
flex-basis: 30%; padding: 10px; box-sizing: border-box; &:first-child{
flex-basis: 40%;
}
&.fullcontent{
flex-basis: 100%;
text-align: center;
padding-bottom: 0;
border-top: 1px solid #cccccc;
.show{
font-size: 0.75rem;
}
p{
margin: 0;
padding: 0;
}
}
.footerlogo{
width: 100%;
max-width: 370px;
margin-top: -8px;
}
.socialicon{
a{
display: inline-block;
margin: 3px 3px 3px 0;
padding: 3px 3px 3px 0;
color: #363636;
font-size: 2rem;
transition: 200ms;
&:hover{
transform: scale(1.2);
}
}
}
h3,h3.titlemenufooter{
font-family: "Tiro Devanagari Hindi", Sans-serif;
font-weight: 400;
font-size: 1.5rem;
text-transform: uppercase;
margin-top: 0;
line-height: 1.4rem;
margin-bottom: 9px;
}
ul {
list-style: none; 
padding-left: 0px; 
li::before {
content: "»"; 
margin-right: 7px; 
}
}
}
}
.register-form{
font-size: 18px;
line-height: 30px;
p {
margin-block-start: 0 !important;
margin-block-end: 0.9rem !important;
}
ul{
margin-block-start: 1em !important;
margin-block-end: 1em !important;
list-style-type: circle;
li{
line-height: 1.5 !important;
}
}
}
.admission-link-section{
transition: 300ms;  
.elementor-widget-container{
border: 1px solid #fff;
border-radius: 10px;
padding: 20px;
button{
background-color: #002069;
border : 1px solid #002069;
border-radius: 5px;
color: #fff;
transition: 200ms;
font-weight: 600;
text-transform: uppercase;
&:hover{
transform: scale(1.1);
}
}
}
&:hover{
.elementor-widget-container{
background-color: #fff;
color:#202020;
button{
}
}
}
}
.post-columns {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
.post {
flex-basis: calc(33.33% - 20px); margin-bottom: 20px;
}
}
.single-post{
.elementor-image-gallery{
img{
border-radius: 10px;
transition: transform 200ms;
&:hover{
transform: scale(1.05) ;
}
}
}
}
.mou-map{
.description {
max-width: 600px;
margin: 0 auto;
color: rgba(229, 229, 229, 0.7);
}
div, img, footer {
position: relative;
box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 20px;
text-transform: uppercase;
font-family: "Roboto Condensed", Helvetica, sans-serif;
font-weight: 300;
}
h1 {
font-size: 36pt;
}
h2 {
font-size: 24pt;
}
h3 {
font-size: 18pt;
}
h4 {
font-size: 16pt;
}
h5 {
font-size: 14pt;
}
h6 {
font-size: 12pt;
}
p {
font-size: 12pt;
margin-bottom: 12pt;
}
strong {
font-weight: 900;
font-family: "Roboto Condensed", Helvetica, sans-serif;
color: #e5e5e5;
}
a {
transition: color 0.25s ease-in-out;
font-family: "Roboto Condensed", Helvetica, sans-serif;
text-transform: uppercase;
text-decoration: none;
color: #dff3fd;
}
a:visited {
color: #dff3fd;
}
li.active a, a:hover, a:active {
color: #e5e5e5;
}
.centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.centered-y {
position: absolute;
width: 100%;
top: 50%;
transform: translateY(-50%);
}
.distribution-map {
position: relative;
width: 100%;
padding: 20px;
box-sizing: border-box;
margin: 0 auto;
}
.distribution-map > img {
width: 100%;
position: relative;
margin: 0;
padding: 0;
}
.distribution-map .map-point {
cursor: pointer;
outline: none;
z-index: 0;
position: absolute;
width: 40px;
height: 40px;
border-radius: 20px;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
transform: translate(-50%, -50%);
-moz-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
-o-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
-webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out, z-index 0.25s ease-in-out;
-webkit-transition-delay: 0.25s, 0.25s, 0.25s, 0.25s;
transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
background: rgba(26, 26, 26, 0.85);
border: 2px solid #7f95f7;
}
.distribution-map .map-point .content {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
transition: opacity 0.25s ease-in-out;
width: 100%;
height: 100%;
left: 50%;
transform: translateX(-50%);
overflow: overlay;
}
.distribution-map .map-point:active, .distribution-map .map-point:focus {
margin: 0;
padding: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
width: 300px;
height: 220px;
color: #e5e5e5;
z-index: 1;
transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out;
}
.distribution-map .map-point:active .content, .distribution-map .map-point:focus .content {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
-moz-transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
-o-transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
-webkit-transition: opacity 0.25s ease-in-out, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
-webkit-transition-delay: 0.25s, 0s, 0s;
transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
overflow: hidden;
}
.distribution-map .map-point:active .content a:hover, .distribution-map .map-point:active .content a:active, .distribution-map .map-point:focus .content a:hover, .distribution-map .map-point:focus .content a:active {
color: #afe1fa;
}
}
.mou-map{
a{
text-decoration: none;
outline: none;
}
a:hover, a:focus {
color: #373e18;
}
section {
float: left;
width: 100%;
padding-bottom:3em;
}
h2 {
color: #1a0e0e;
font-size: 26px;
font-weight: 700;
margin: 0;
line-height: normal;
text-transform:uppercase;
}
h2 span {
display: block;
padding: 0;
font-size: 18px;
opacity: 0.7;
margin-top: 5px;
text-transform:uppercase;
}
#float-right{
float:right;	
} .ScriptTop {
background: #fff none repeat scroll 0 0;
float: left;
font-size: 0.69em;
font-weight: 600;
line-height: 2.2;
padding: 12px 0;
text-transform: uppercase;
width: 100%;
} .ScriptTop ul {
margin: 24px 0;
padding: 0;
text-align: left;
}
.ScriptTop li{
list-style:none;	
display:inline-block;
}
.ScriptTop li a {
background: #6a4aed none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 600;
padding: 5px 18px;
text-decoration: none;
text-transform: capitalize;
}
.ScriptTop li a:hover{
background:#000;
color:#fff;
} .ScriptHeader {
float: left;
width: 100%;
padding: 2em 0;
}
.rt-heading {
margin: 0 auto;
text-align:center;
}
.Scriptcontent{
line-height:28px;	
}
.ScriptHeader h1{
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
color: #6a4aed;
font-size: 26px;
font-weight: 700;
margin: 0;
line-height: normal;
}
.ScriptHeader h2 {
color: #312c8f;
font-size: 20px;
font-weight: 400;
margin: 5px 0 0;
line-height: normal;
}
.ScriptHeader h1 span {
display: block;
padding: 0;
font-size: 22px;
opacity: 0.7;
margin-top: 5px;
}
.ScriptHeader span {
display: block;
padding: 0;
font-size: 22px;
opacity: 0.7;
margin-top: 5px;
}  .rt-container {
margin: 0 auto;
padding-left:12px;
padding-right:12px;
}
.rt-row:before, .rt-row:after {
display: table;
line-height: 0;
content: "";
}
.rt-row:after {
clear: both;
}
[class^="col-rt-"] {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
padding: 0 15px;
min-height: 1px;
position: relative;
}
@media (min-width: 768px) {
.rt-container {
width: 750px;
}
[class^="col-rt-"] {
float: left;
width: 49.9999999999%;
}
.col-rt-6, .col-rt-12 {
width: 100%;
}
}
@media (min-width: 1200px) {
.rt-container {
width: 1170px;
}
.col-rt-1 {
width:16.6%;
}
.col-rt-2 {
width:30.33%;
}
.col-rt-3 {
width:50%;
}
.col-rt-4 {
width: 67.664%;
}
.col-rt-5 {
width: 83.33%;
}
}
@media only screen and (min-width:240px) and (max-width: 768px){
.ScriptTop h1, .ScriptTop ul {
text-align: center;
}
.ScriptTop h1{
margin-top:0;
margin-bottom:15px;
}
.ScriptTop ul{
margin-top:12px;		
}
.ScriptHeader h1,
.ScriptHeader h2, 
.scriptnav ul{
text-align:center;	
}
.scriptnav ul{
margin-top:12px;		
}
#float-right{
float:none;	
}
}
.map-point{
.content{
color: #fff;
h1,h2,h3,h4,h5,h6{
color: #fff;
}
.centered-y{
text-wrap: wrap;
}
}
}
.container-mou {
display: flex;
.image {
flex: 1;
max-width: 30%;
img{
min-width: 50px;
width: 100%;
height: auto;
}
}
.text {
flex: 1;
max-width: 100%;
text-align: left;
p{
font-size: 8pt;
}
}
}
}
// Font Awesome core compile (Web Fonts-based)
// -------------------------
<!-- 404 -->
<!-- 404 -->
<!-- 404 -->
<!-- 404 -->
<!-- 404 -->
<!-- 404 -->
<!-- 404 -->
<!-- 404 -->
<!-- 404 -->
<!-- 404 -->
<!-- 404 -->
<!-- 404 -->
<!-- 404 -->
body {
font-family: "IBM Plex Sans Thai", sans-serif;
}
.entry-title {
font-family: "Tiro Devanagari Hindi", "IBM Plex Sans Thai", sans-serif;
}
table {
font-size: 1em;
}
.textBallon {
animation: waviy 6s infinite;
animation-delay: 1.5s;
}
@keyframes waviy {
0% {
transform: translateY(0);
}
5% {
transform: translateY(-10px);
}
10% {
transform: translateY(0px);
}
15% {
transform: translateY(-10px);
}
20% {
transform: translateY(0px);
}
100% {
transform: translateY(0px);
}
} body a {
color: #002069;
transition: 200ms;
}
body a:hover {
color: #1854C8;
}
.ic-news {
transition: transform 0.3s ease;
}
.ic-news .thumbnail-news {
display: block;
background-position: center center;
background-size: cover;
border-radius: 10px;
margin-bottom: 15px;
}
.ic-news:hover {
transform: scale(1.03);
}
.ic-news h3 {
font-size: 1.2rem;
}
.container-404 {
position: relative;
width: 100%;
height: fit-content;
min-height: 520px;
}
.page404 .image-1 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.page404 .image-2 {
position: absolute;
top: 30%;
left: 50%;
width: 100%;
transform: translate(-50%, -50%);
z-index: 1;
transition: all 0.3s ease-in-out;
}
.page404 .image-3 {
position: absolute;
top: 70%;
left: 50%;
width: 100%;
transform: translate(-50%, -50%);
z-index: 0;
transition: all 0.3s ease-in-out;
}
.page404:hover .image-2 {
left: calc(50% + 50px);
}
.page404:hover .image-3 {
left: calc(50% - 50px);
}
.download-listing span.subtitle {
display: block;
width: 100%;
font-size: 11px;
color: #1854C8;
height: 12px;
}
.download-listing .download-list ul li {
transition: 200ms;
border-radius: 5px;
}
.download-listing .download-list ul li:hover {
transform: scale(1.05);
background-color: #f3f3f3;
}
.download-listing .elementor-widget.elementor-widget-heading {
border-bottom: 1px solid #dfdfdf;
padding-bottom: 10px;
}
.doc-quicklink li {
margin-bottom: 5px;
}
.doc-quicklink li a {
padding: 7px 10px 5px;
border: 2px solid #002069;
border-radius: 5px;
transition: 200px;
}
.doc-quicklink li a:hover {
background-color: #002069;
}
.doc-quicklink li a:hover span {
color: #fff !important;
}
.doc-quicklink li a:hover svg {
fill: #fff !important;
}
.sectiongroup-news article.elementor-post {
transition: 200ms;
}
.sectiongroup-news article.elementor-post:hover {
transform: scale(1.03);
}
#ic-calendar .mv-dayname {
color: #000;
}
.staff-section .staff-listing h4 {
font-size: 18px;
}
.staff-section .staff-listing h5 {
font-size: 16px;
}
.mou-map .container-mou {
padding: 15px 25px;
}
.mou-map .container-mou img {
min-width: unset;
width: 34px;
height: 20px;
}
.section-news .elementor-posts-container .elementor-post {
border-bottom: 1px solid #e6e6e6;
margin-bottom: 12px;
}
.section-news .elementor-posts-container .elementor-post a.elementor-post__thumbnail__link {
display: none;
}
.section-news article.elementor-post {
transition: 200ms;
}
.section-news article.elementor-post .elementor-post__title a::before {
content: "»";
}
.section-news article.elementor-post .elementor-post__title a:hover {
text-decoration: underline;
}
.section-news article.elementor-post .elementor-post__meta-data {
padding-left: 11px;
}
.navigationMenu {
position: fixed;
display: flex;
justify-content: center;
align-items: center;
z-index: 99999;
right: 22px;
bottom: 110px;
}
.navigationMenu .menuToggle {
position: relative;
width: 60px;
height: 60px;
background-color: #fff;
border-radius: 70px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 15px 25px rgba(0, 0, 0, 0.15);
}
.navigationMenu .menuToggle::before {
content: "+";
position: absolute;
font-size: 2.8em;
font-weight: 550;
color: #087fe0;
transition: 1.5s;
}
.navigationMenu .menuToggle.active::before {
transform: rotate(315deg);
}
.navigationMenu .menu {
position: absolute;
width: 30px;
height: 30px;
background: #fff;
border-radius: 70px;
z-index: -1;
transition: transform 0.5s, width 0.5s, height 0.5s;
transition-delay: 1s, 0.5s, 0.5s;
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.navigationMenu .menuToggle.active ~ .menu {
width: 70px;
height: 193px;
z-index: 1;
transform: translateY(-140px);
transition-delay: 0s, 0.5s, 0.5s;
box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
}
.navigationMenu .menu::before {
content: "";
position: absolute;
width: 16px;
height: 16px;
background: #fff;
left: calc(50% - 8px);
bottom: 4px;
transform: rotate(45deg);
border-radius: 2px;
transition: 0.5s;
}
.navigationMenu .menuToggle.active ~ .menu::before {
transition-delay: 0.5s;
bottom: -6px;
}
.navigationMenu .menu ul {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: auto;
padding-left: 0;
padding-top: 20px;
}
.navigationMenu .menu ul li {
list-style: none;
cursor: pointer;
opacity: 0;
visibility: hidden;
transform: translateY(-30px);
transition: 0.25s;
transition-delay: calc(0s + var(--i));
}
.navigationMenu .menuToggle.active ~ .menu ul li {
opacity: 1;
visibility: visible;
transform: translateY(0px);
transition-delay: calc(0.75s + var(--i));
}
.navigationMenu .menu ul li a {
display: block;
font-size: 2.2em;
transition: 150ms;
}
.navigationMenu .menu ul li a:hover {
transform: scale(1.2);
}