/*
 Theme Name:   sahifa-child
 Template:     sahifa
 Text Domain:  sahifa-child
*/
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans');


@font-face {
  font-family: 'DroidKufi';
  src: url('fonts/DroidKufi-Regular.eot'); /* متوافق مع اكسبلور 9 */
  src: url('fonts/DroidKufi-Regular.eot?#iefix') format('embedded-opentype'), /*متوافق مع اكسبلور 6 + 7  */
       url('fonts/DroidKufi-Regular.woff2') format('woff2'), /* متوافق مع المتصفحات الحديثة*/
       url('fonts/DroidKufi-Regular.woff') format('woff'), /*  متوافق مع المتصفحات الحديثة*/
       url('fonts/DroidKufi-Regular.ttf')  format('truetype'), /*متوافق مع متصفح سفاري، وأندوريد، وأيفون*/
       url('fonts/DroidKufi-Regular.svg#svgFontName') format('svg'); /* متوافق مع أيفون */
}


#wrapper.wide-layout .header-content, #wrapper.wide-layout .breaking-news, #wrapper.wide-layout .container, #wrapper.wide-layout #main-nav ul li.mega-menu .mega-menu-block
{
    width: 100%;
}

.sidebar-left .content {
    float: none;
}

.content {
    width: 100%;
}


.cat-box.recent-box.recent-default {
    background: #FFF;
    border-bottom: 4px solid #777777;
}

.cat-box-content, #sidebar .widget-container, .post-listing, #commentform {
    background: #FFF;
    border-bottom: none;
}

.recent-box .cat-box-content {
-webkit-box-shadow: none;
padding-bottom: 8%;
width: 80%;
margin-right: auto;
margin-left: auto;
padding-top: 0;
}
.stripe-line {
	background : none ;
}

.cat-box-title h2 {
    float: none;
    margin: 0;
    font-size: 2.5em;
}

#wrapper.wide-layout #theme-header {

    margin-top: 0;

}
#theme-header {
    margin-bottom: 3px;
}

#wrapper.wide-layout #main-content {
    margin-top: 0;
    padding-top: 0;
}

#main-nav {
    margin: 0 auto;
    box-shadow: inset -1px -5px 0px -1px #393939;
    border-bottom: 5px solid #dfddde;
    background: #dfddde none repeat scroll 0 0;
    width: 100%;
}

#main-nav ul li:hover > a, #main-nav ul:hover > a {
	color : #000;
}

#main-nav ul li , #main-nav ul li a {
	border: none;
}


#main-nav ul li {
    float: none;
    margin-right: auto;
    margin-left: auto;
}
.menu {
	display: flex;
}

#breaking-news {
    margin-top: -7px;
}

#theme-footer {
	border-top: 8px solid #777;
}

#main-nav .menu-sub-content {
background: #dfddde;
color: #000;
}
.menu-item:last-child  ul {
right: -33px;
}

.top-nav {
    border-bottom: 1px solid #ffffff;
    height: 33px;
    margin-top: 15px;
    background: #757575;
}
#top-nav {
    margin: 0;
}
#theme-header {
	border-top: none;
}

#main-nav ul li a {
	display: inline-block;
height: 42px;
position: relative;
line-height: 47px;
color: #000 ;
border-width: 0 0 0 1px;
font-family: DroidKufi,sans-serif,BebasNeueRegular;
font-size: 11px ;
font-weight: bold;
}

h3.post-box-title {
	font-size: 16px;
}

body {
    font-family: Tahoma, arial,tholoth;
}



#main-nav ul li.current-menu-item ul a, #main-nav ul li.current_page_parent ul a, #main-nav ul li.current-menu-parent ul a, #main-nav ul li.current-page-ancestor ul a {
	color : #000;
}

#main-nav ul li.current-menu-item a, #main-nav ul li.current-menu-item a:hover, #main-nav ul li.current-menu-parent a, #main-nav ul li.current-menu-parent a:hover, #main-nav ul li.current_page_parent a, #main-nav ul li.current_page_parent a:hover, #main-nav ul li.current-page-ancestor a, #main-nav ul li.current-page-ancestor a:hover {
	background: #777777;
}

#main-nav .main-menu li:hover {
	background-color :  #777777 !important ;
}

.breaking-news ul a {
	font-family: DroidKufi,sans-serif,BebasNeueRegular;
	line-height: 17px;

}

.breaking-news-title span {
    font-family: DroidKufi,sans-serif,BebasNeueRegular;
    font-size: 16px;
    line-height: 0px;
}

#mobile-menu .menu {
    flex-direction: column;
}

#slide-out-open {
	background-color : #777777  ;
}

#slide-out-open span, #slide-out-open span::after, #slide-out-open span::before {
	background : #fff;
}

.breaking-news span.breaking-news-title {
padding-top: 4px;
padding-bottom: 0;
}

#tie_lang_switcher a {
	opacity: 1;
}

/*  added for animated block */ 

.blocklinks .view-content {
background: rgb(116, 116, 116);
}

.su-heading.su-heading-style-default.su-heading-align-center {
    background: url(https://www.mediu.edu.my/wp-content/uploads/2017/11/hero_slider_4-e1509704522435.jpg);
}

.blocklinks .view-content {display: flex;justify-content: space-around;width: 100%;margin-right: auto;margin-left: auto;position: relative;padding-left: 9%;padding-right: 9%;height: 100px;}


.blocklinks .col-sm-3.text-center.views-row {
    text-align: center;
width: 100%;
}



.field-content {
    line-height: 21px;
 }

.field-content:hover span {
font-size: 17px;
transition: ease-in-out 0.2s;
color: #2d2727;
display: block;
width: 100%;
height: 5.5em;
position: absolute;
left: 1px;
padding-top: 30px;
margin-bottom: auto;
margin-top: 8px;
background: linear-gradient(to right, #dfddde , #d9effb);
}

.mtphr-dnt-tick-container {
    margin-top: auto !important;
    margin-bottom: auto !important;
}


.field-content:hover .portal-content {
    display: flex;
}

.portal-content {
    position: absolute;
    left: 1px;
    right: 1px;
    background: linear-gradient(to right, #dfddde , #d9effb);
    height: 5em;
    display: flex;
    top: 37px;
    display: none;
}

.portal-content a {
    font-size: 13pt;
    margin-top: auto;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
}

.portal-content a:hover {
    box-shadow: 0px 19px 1px #b4e3ff;
}


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

    .field-content:hover .portal-content {
    display: flex;
    flex-direction: column;
    z-index: 1000;
    height: 17em;
}
    
}

#main-nav ul ul a, #main-nav .mega-menu-block a {
color: #1e1414;
}
#main-nav ul li.mega-menu.mega-links a.mega-links-head {
font-size: 11px;
}

#main-nav ul li i.fa, #slide-out ul li i.fa, #mobile-menu li.menu-item-home a::before{

color: #ba0001;
}

.e3lan.home-e3lan {

    margin-top: 0;

}
.portal-content:hover {
    height: 100%;
}

.portal-content a i {
    color: #ba0001;
}

.field-content a {
    font-size: 16px;
    color: #fbfbfb;
}

.footer-widget-container .menu {
    display: block;
}
#theme-footer {
color: #020101;
background: #eeeeee;
}

#theme-footer a {
    color: #000;
}

#theme-footer a:hover {
    color: #000;
}

.social-icons-widget .social-icons i::before {
width: 41px;
height: 41px;
line-height: 41px;
font-size: 25px;
color: #fff;

}

/* prevent main menu Home icon from moving on hover */ 
#main-nav ul li.current-menu-item a, #main-nav ul li.current-menu-item a:hover, #main-nav ul li.current-menu-parent a, #main-nav ul li.current-menu-parent a:hover, #main-nav ul li.current_page_parent a, #main-nav ul li.current_page_parent a:hover, #main-nav ul li.current-page-ancestor a, #main-nav ul li.current-page-ancestor a:hover {
background-position: center 13px;
    background-color: #777;
}


a {
    color: #4073a6;
    
}

.wpml-ls-menu-item .wpml-ls-flag + span {
    color: #ffffff;
}


.field-content a {
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
}
.style2 {
    font-size: 10px;
    color: #d7eeff;
    text-transform: capitalize;
}



.col-sm-3.text-center.views-row {
    opacity: 0.9;
}

.home-e3lan {
    margin-bottom: 0;
}

.blocklinks .view-content {
height: 100px;
}


.field-content a {
    display: flex;
    flex-direction: column;
}

.field-content {
    padding-top: 19px;
}


#topcontrol {
z-index : 900000;
}

.portals p {
    font-size: 20px;
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
    flex-direction: row;
    flex-wrap: wrap;
}

.portals a {
    color: #ffb606;
    margin-left: auto;
    margin-right: auto;
}


@media only screen and (max-width: 1050px) {
.portals p {
    font-size: 15px;
}
}

@media only screen and (max-width: 1254px) {
.portals p {
    font-size: 17px;
}

}



@media only screen and (max-width: 1004px) {
.portals p {
    font-size: 15px;
}


}
@media only screen and (max-width: 888px) {
.portals p {
    flex-direction: column;
}

.su-heading.su-heading-style-default.su-heading-align-center {
background-image: none !important;
    background-color: #3c3c3c !important;
}

}




@media only screen and (max-width: 437px) {
.field-content a {
    font-size: 11px;
}

}

.portals p a i {
    margin-left: 5px;
    margin-right: 5px;
}

.post-thumbnail {
    border-top: 0px solid #01ffff;
    border-left: 0px solid #01ffff;
    border-right: 0px solid #01ffff;
    border-bottom: 0px solid #01ffff;

}

.post-thumbnail:hover { 
    
    animation-name: borderanimate;
    animation-duration: 1s;
        animation-iteration-count: 1;
        border-top: 6px solid #01ffff;
    	border-right: 6px solid #01ffff;
    	border-left: 6px solid #01ffff;
    	border-bottom: 6px solid #01ffff;

}


@keyframes borderanimate {
    0%   {border-top: 0px solid #01ffff;
    	border-right: 0px solid #01ffff;
    	border-left: 0px solid #01ffff;
    	border-bottom: 0px solid #01ffff;
    	}
    20%  {
    	border-top: 6px solid #01ffff;
    	border-right: 0px solid #01ffff;
    	border-left: 0px solid #01ffff;
    	border-bottom: 0px solid #01ffff;
    }
    45%  {
border-top: 6px solid #01ffff;
    	border-right: 0px solid #01ffff;
    	border-left: 0px solid #01ffff;
    	border-bottom: 6px solid #01ffff;
    	}
    100% {
border-top: 6px solid #01ffff;
    	border-right: 6px solid #01ffff;
    	border-bottom: 6px solid #01ffff;
    	border-left: 6px solid #01ffff;

    }


}


#mpfixedmenu {
position: fixed;
width: 100%;
z-index: 100000;
bottom: 0;
}


.su-heading-inner {
    opacity: 0.9;
    background: rgba(0,0,0,.6);
}
.portals a {
    color: #ffb606;
}
.portals a:hover {
    color: beige;
}


.externals {
    display: flex;
    flex-direction: column;
    margin-bottom: 21px;
}

.externals a {
    margin-right: auto;
    margin-left: auto;
    min-height: 91px;
}

#main-nav ,#main-nav .menu-sub-content {
    z-index: 20000;
}



#main-nav ul ul.sub-menu {
    z-index: 20000;
}

/* work on portal */

.portals-boxes .item {
    display: flex;
    height: 148px;
    width: 25%;
    background-color: #fbf9f3;
}

.portals-boxes {
    display: flex;
    flex-wrap: wrap;
}



.item:nth-child(5) ,.item:nth-child(6), .item:nth-child(7) ,.item:nth-child(8) {
    flex-flow: row-reverse;
}


.portals-boxes br {
    display: none;
}

.portals-boxes .image .item-image {
    max-width: none;
}

.portals-boxes .image {
    overflow: hidden;
    width: 50%;
    position: relative;
    background-color: #353535;
    color: #ffb606;
    font-size: 6em;
    text-align: center;
    display: flex;
    flex-direction: column;
    z-index: 10000;
}

.portals-boxes .image i {
    margin-top: auto;
    margin-bottom: auto;
    z-index: 50;
}

.portals-boxes .image .item-image {

    position: relative;
    left: -30em;
    top: -4em;

}


.arwr {
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #fbf9f3;
    z-index: 100;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.arwl {
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-right: 30px solid #fbf9f3;
    z-index: 100;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    right: 0px;
}

.item p {
    margin-top: auto;
    margin-bottom: auto;
    font-size: 12pt;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    font-weight: bold;
}


.bg {
    height: 100%;
    width: 100%;
    position: absolute;
    background-image: url(/wp-content/uploads/2017/11/hero_slider_4-1050x525-1.jpg);
    background-position-y: -311px;
    background-position-x: 642px;
    background-size: 13em;
}

.image p {
    display: none;
}

.bgc {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 20;
    opacity: 0.9;
    background: rgba(0,0,0,.6);
}

.item:hover > .image > .bg {
    background-size: 15em;
	transition: background-size 2s;

}

.portals-boxes .item:hover {
    background-color: #b7b7b7;
}

.item:hover .arwl {
    border-right: 30px solid #b8b8b8;
}
.item:hover .arwr {
    border-left: 30px solid #b8b8b8;
}

.item:hover .image {
    font-size: 7em;
}


@media only screen and (max-width: 1199px) {
.portals-boxes {
    flex-direction: column;
}

.item:nth-child(5), .item:nth-child(6), .item:nth-child(7), .item:nth-child(8) {
	flex-direction : row;
}

.arwr, .arwl {
display : none ;
    }
.portals-boxes .item {
	width : 100%;
}

.bg {
	background-image : none;
	border: 1px solid 
}
}

.portals-boxes a {
    color: #FFFFFF;
    background-color: #f88c00;
    padding: 10px 9px;
    border-radius: 3px 3px 3px 3px;
    font-size: 12px;
}
.portals-boxes a:hover {
    background-color: #0fbdbd;
}

html[lang="fr-FR"] .portals-boxes a {
    font-size: 10px;
}

nav#main-nav {
    background-position-x: 3em;
    background-size: 351em;
    background-position-y: -12em;
}

#mobile-menu .main-menu {
    background-color: rgb(226, 226, 226);
}

#main-nav ul li a{
	color:#6b6969;
}

.sub-menu.menu-sub-content a
{
    color : black !important;
}


#main-nav ul li.menu-item-has-children:after, #main-nav ul li.mega-menu:after {
    border-top-color: #6b6969;
}


.news-links {
    display: flex;
    justify-content: space-around;
}

.news-links a {
    font-size: 140%;
    display: block;
    height: 3em;
    width: 11em;
    padding-top: 0.8em;
}

.post-thumbnail img {
    height: auto;
    max-width: 100%;
width: auto;
	-webkit-transition: all .40s;
    -moz-transition: all .40s;
    -o-transition: all .40s;
    transition: all .40s;
    margin-right: auto;
    margin-left: auto;
    display: block;
}

.post-thumbnail a {
    display: block !important;
    background: #e4e4e4;
    font-size: 0;
}

/* faculity works  background: url(http://wwwdev2.mediu.edu.my/wp-content/uploads/2017/12/background-faculty.jpg); */
.facultiescontainer {
    background-color: whitesmoke;
    height: auto;
    width: auto;
    display: flex;
    flex-direction: column;
    padding-bottom: 56px;
}


.faculties {
    display: flex;
    flex-wrap: wrap;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
	justify-content: center;
}


a.faculty {
    color: white;
    height: 16em; 
	width: 28%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

a.faculty {
    color: white;
    height: 26.2vh;
    width: 26vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


a.faculty.lang {
    background-color: #9e0d0f;
}

a.faculty.islam {
    background-color: #f25a29;
}

a.faculty.it {
    background-color: #fcb040;
}

a.faculty.edu {
    background-color: #670004;
}
a.faculty.eng {
    background-color: #ed1b25;
}

a.faculty.bus {
    background-color: #bf1e2e;
}



a.faculty div {
    margin-right: auto;
    margin-left: auto;
}


a.faculty svg {
    margin-right: auto;
    margin-left: auto;
}


a.faculty.lang:hover div {
    color: #9e0d0f;
}

a.faculty.islam:hover div {
    color: #f25a29;
}

a.faculty.it:hover div {
    color: #fcb040;
}

a.faculty.edu:hover div {
   color: #670004;
}
a.faculty.eng:hover div {
    color: #ed1b25;
}

a.faculty.eng:hover rect {
	fill :  #ed1b25;
}

a.faculty.bus:hover div {
    color: #bf1e2e;
}




a.faculty:hover {
    background: #eee;
}

a.faculty:hover div {
    color: #463d3d;
}

a.faculty:hover path {
    fill: #463d3d;
}

a.faculty.lang:hover path {
    fill: #9e0d0f;
}

a.faculty.lang:hover g#language_copy path {
    stroke: #9e0d0f;
}

a.faculty.islam:hover path {
    fill: #f25a29;
}

a.faculty.it:hover path {
    fill: #fcb040;
}

a.faculty.edu:hover path {
   fill: #670004;
}
a.faculty.eng:hover path {
    fill: #ed1b25;
}

a.faculty.bus:hover path {
    fill: #bf1e2e;
}



a.faculty div {
     font-size: 118%;
    font-weight: bold;
    margin-top: 12px;
    font-family: 'Droid Sans', Arial, Verdana, sans-serif;
}

h2.mainpagetitle {
    float: none;
    margin: 0;
    font-size: 2.5em;
    font-family: BebasNeueRegular, arial, Georgia, serif;
    margin-top: 20px;
    margin-bottom: 9px;
}

.e3lan.home-e3lan {
    display: block !important;
}
@media only screen and (min-width: 1599px) {
	.facultiescontainer {
    background-color: whitesmoke;
    height: 100;
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-right: auto;
    margin-left: auto;
}
}

@media only screen and (max-width: 1169px) {
.facultiescontainer {
    height: auto;

}
}


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

a.faculty {
    width: 47vw;

}
	}

	

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

a.faculty {
    width: 46vw;

}
	}


/* mediu info */

.mediuinfocontainer {
    height: 100%;
    display: flex;
    width: 100%;
}

.mediuinfocontainer > div {
    width: 33.33333%;
    display: flex;
    flex-direction: column;
	position : relative;

}


.mediuinfocontainer div h2{
    margin-right: auto;
    margin-left: auto;
    color: #c66216;
}

.mediuinfocontainer div#aboutmediu {
	background-color : #d0d0d0
}


.mediuinfocontainer div#news {
	background-color : #dadada
}


.mediuinfocontainer div#announcements {
	background-color : #e3e3e3
}


.mediuinfocontainer div svg path {
	fill:#c66216
}

.mediuinfocontainer > div svg {
	margin-left : auto;
	margin-right: auto	;

}
.mediuinfocontainer h2 {
    font-family: BebasNeueRegular, arial, Georgia, serif;
    margin-top: 0px;
}

.mediuinfocontainer p {
    text-align: justify;
    padding-bottom: 10px;
    font-size: 12pt;
}

.mediuinfocontainer > div {
    overflow: hidden;
}

.mediuinfocontainer .head {
    display: flex;
    margin-right: auto;
    margin-left: auto;
	flex-direction: column;
}


 .excerpt  .readmore {
    color:  #f5deb3;
	font-weight: bold;
		font-family: 'Josefin Sans', sans-serif;

}

#announcements .announcement-item h3 {
    font-size: 12pt;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 45px;
    line-height: 25px;
	    text-align: justify;
	font-family: 'Josefin Sans', sans-serif;

}

.yellow-top-border {
    border-top: 2px solid #c66216;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
	    padding-bottom: 28px;
}

.fullnewsitem {
	    display: flex;
    flex-direction: column;
}


div#aboutmediu .yellow-top-border {
    padding-top: 19px;
}

.fullnewsitem .wrapperlink {
    margin-right: auto;
    margin-left: auto;
    width: auto;
    display: flex;
    flex-direction: column;
    margin-top: 4px;
	    font-size: 14pt;
	font-family:'Josefin Sans', sans-serif;
}

a.wrapperlink img {
    margin-right: auto;
    margin-left: auto;
}

.slid-layers.sp-layer {
    background-color: #00000096;
    color: #fff;
}
.slid-layers h3 {
    color: #f5deb3;
    margin-top: 0;
	    text-align: center;
}

.slid-layers.sp-layer {
bottom: -58px !important;
	top: auto !important;
		transition: bottom 0.5s;

}

.slid-layers.sp-layer p {
    padding-bottom: 0;
    margin-bottom: 0;
	    padding-right: 11px;
    padding-left: 11px;
}

.post-head:hover .slid-layers.sp-layer {
	    bottom: 0 !important;
} 

div#mediuslider {
    padding-top: 25px;
}
.announcements-container.yellow-top-border {
    padding-top: 23px;
}

a.infoboxbtn {
    display: inline-table;
    background-color: #efa552;
    color: #fff;
    text-align: center;
    font-size: 12pt;
    position: absolute;
    bottom: 1px;
    padding: 2px;
    width: 101%;
    border: solid 1px #e3e3e3;
}

a.infoboxbtn:hover {
    background-color: #50bbef;
}


	@media only screen and (max-width: 900px) {
		
		.mediuinfocontainer {
    height: auto;
    display: flex;
    width: 100%;
    flex-direction: column;
}
		
		.mediuinfocontainer > div {
			position: relative;
    width: 100%;
    height: 100%;		
		}
		
}


.excerpt {
    visibility: hidden;
    font-family: 'Josefin Sans', sans-serif;
	    font-size: 11pt;

}

.post-head:hover .excerpt  {
    visibility: visible;
} 


div#aboutmediu .yellow-top-border {
    padding-top: 19px;
    color: #424141;
    font-size: 14pt;
font-family: 'Josefin Sans', sans-serif;

}


.blocklinks .icons {
    color:#ffb606;
    font-size:36px;
    line-height:36px;
    vertical-align: middle;
}

.blocklinks .view-content {
    animation : animateBackGround 30s infinite ;
}


@keyframes animateBackGround {
	5% {
	background: #50bbef;
	}
	12% {
		background: rgb(116, 116, 116);
	}
    100% {
		background: rgb(116, 116, 116);
    }
}


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

        .logo h1 {
            display: none ; 
        }

        .logo { 
            height : 10em;
  			background: url(/wp-content/uploads/2018/01/mediu.png) no-repeat;
            background-position: center; 
            background-size: auto;


        }
	}

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

        .logo { 
         background-size: 52%,52%;
        }

	}

	@media only screen and (max-width: 328px) {
        .logo { 
         background-size: 70%,70%;
        }
	}

#slide-out #mobile-menu a {
    color: #2d2d2d;

}

#slide-out #mobile-menu ul ul a {
    color: #ccc !important;
}

.blocklinks .col-sm-3.text-center.views-row:hover {
    background-color: rgb(134, 134, 134);
}