﻿@font-face {
    font-family: 'Poppins-Regular';
    src: url('/assets/common/fonts/Poppins/Poppins-Regular.eot');
    src: url('/assets/common/fonts/Poppins/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('/assets/common/fonts/Poppins/Poppins-Regular.woff2') format('woff2'),
        url('/assets/common/fonts/Poppins/Poppins-Regular.woff') format('woff'),
        url('/assets/common/fonts/Poppins/Poppins-Regular.ttf') format('truetype'),
        url('/assets/common/fonts/Poppins/Poppins-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Madani-Regular';
    src: url('/assets/common/fonts/Madani/MadaniArabic-Regular.eot');
    src: url('/assets/common/fonts/Madani/MadaniArabic-Regular.eot?#iefix') format('embedded-opentype'),
        url('/assets/common/fonts/Madani/MadaniArabic-Regular.woff2') format('woff2'),
        url('/assets/common/fonts/Madani/MadaniArabic-Regular.woff') format('woff'),
        url('/assets/common/fonts/Madani/MadaniArabic-Regular.ttf') format('truetype'),
        url('/assets/common/fonts/Madani/MadaniArabic-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


/***** fixes *****/

/*fix direction for arabic*/
/*#s4-workspace{direction:rtl;}*/
.aou-master{direction:ltr; background:url('/assets/strategic_plan/images/bg-content.jpg'); height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;}
.fa-ul{/*margin-left:1.5em;*/}
.fa-li{left:-2em;}


/** fixing ribbon after bootstrap **/
*{box-sizing:unset;}
.aou-master *{box-sizing:border-box;}

/* fix padding bottom on body */
#s4-bodyContainer{padding:0;}


/* fixing notification area margin*/
#pageStatusBar[class], .ms-status-msg{ margin-bottom: 0;}

.ms-signInLink{display:inline-block; line-height:unset; padding: 0px 0 0 0; vertical-align: middle; font-size:16px;}
@media(max-width:1200px){
	.ms-signInLink{padding: 3px 0 0 0;}
}

.ms-rtestate-field h4, h4.ms-rteElement-H4{color:unset;}
h1, h2, h3, h4, h5, h6{font-family:unset; color:unset;}

input[type="button"], input[type="reset"], input[type="submit"], button{min-width:unset;}
/***** fixes *****/


.aou-master{font-family:'Poppins-Regular', 'Madani-Regular', sans-serif; /*font-size:18px;*/ font-weight:500; color:#fff !important;}

.header .navbar-dark .navbar-nav .nav-link{color:#fff !important; font-size:15px;}
.header .dropdown-menu{font-size:14px !important;}
.header .dropdown-item{white-space: unset !important;}
.header .navbar .navbar-brand img{width:150px;}
.header .navbar-brand{font-size:18px !important; /*color: #b2b2b2 !important;*/}
.header .navbar-brand a{color: #fff !important;}
@media (min-width: 768px){
	.header .navbar-expand-md .navbar-nav .nav-link {padding-right: 1.5rem; padding-left: 0;}
}
@media (max-width: 768px){
	.header .navbar {padding-right:0 !important; padding-left:0 !important;}
	.header .navbar .navbar-brand img{width:100px;}
	.header .navbar-brand{font-size:13px !important; /*color: #b2b2b2 !important;*/}
}


.search-bar{ padding:7px 0; background-color:#28292b; display:none; color:#fff !important; font-size:23px;}
.search-bar .container{padding:0 10px;}
.search-txt{width:80%}
.search-txt input{background-color:transparent; border:0 !important; color:#fff; width:100%;}
.search-txt input:focus{outline:none;}
.search-btn{cursor:pointer;}


.header{/*color:#002356;*/ /*padding:13px 0 5px 0;*/}
.header a{color:#002356;}
.header a:hover{/*color:#9ca50d !important;*/ text-decoration:none; transition:all 0.4s ease 0s;}

.header .top-menu{/*padding-top:20px;*/ /*border-bottom:1px solid #d9d9d9;*/ font-size:13px;}
.header .top-menu ul{list-style:none; padding:0; margin:0; padding-bottom:10px;}
.header .top-menu ul li{float:left; margin-right:15px; }
/*.header .top-menu ul:first-child li:not(:last-child){padding-top:2px;}*/
.header .top-menu ul li a{}
.header .top-menu ul li a:hover{transition:all 0.4s ease 0s;}
.header .top-menu .fa-search{background-color:#002356; border-radius:50%; color:#fff; width:28px; height:28px; text-align:center; padding-top:6px; font-size:16px;}
.header .top-menu .fa-search:hover{background-color:#9ca50d; transition:all 0.4s ease 0s;}
.header .top-menu .lang-switch{ /*font-family:'Alegreya Sans', sans-serif;*/ font-size:16px; }

.header .top-menu ul.public-links li:not(:last-child){padding-top:4px;}

.header .top-menu ul.social-links{ padding-bottom:0px;}
.header .top-menu ul.social-links li{}
.header .top-menu ul.social-links li a{font-size:27px;}


.header .main-menu{padding-top:20px;}
.header .main-menu ul{list-style:none; padding:0; margin:0;}
.header .main-menu ul li{float:left; /*margin-right:25px;*/}
.header .main-menu ul li > a{font-size:16px; padding:12px 12px;}
.header .main-menu ul li a:hover{transition:all 0.4s ease 0s;}

.main-menu-sub{position:relative;}
.main-menu-sub .sub-menu{position:absolute; width:100%; background-color:rgba(255, 255, 255, 0.9); left: 0; top: 0; z-index: 1000; padding:20px 10px; font-size:14px; color:#292929; }
.main-menu-sub .sub-menu .row > div{padding-bottom:10px;}
.main-menu-sub .sub-menu a{color:#002356 !important;}
.main-menu-sub .sub-menu a:hover{color:#9ca50d !important; text-decoration:none; transition:all 0.4s ease 0s;}
.main-menu-sub .sub-menu .sub-menu-ul{list-style: outside none none; margin: 0; padding: 0;}
.main-menu-sub .sub-menu .sub-menu-ul li{padding:4px 0;}
.main-menu-sub .sub-menu .btn{border:1px solid #002356; font-size:15px !important; /*width:75%;*/}
/*.main-menu-sub .sub-menu .btn:hover{background-color:#002356; color:#fff !important; transition:all 0.4s ease 0s;}*/
.main-menu-sub .sub-menu .btn:hover{color:#9ba315 !important; border-color:#9ba315; transition:all 0.4s ease 0s;}
.main-menu-sub .sub-menu .cat-title {font-size:20px; padding:5px 0;}
.main-menu-sub .sub-menu .cat-img{width:75%; margin-bottom:10px; border-radius:5px;}
.main-menu-sub .sub-menu .img-flag{padding:10px; width:20%;}

.hovered-anchor{color:#9ca50d !important; /*background-color:rgba(255, 255, 255, 0.9) !important;*/ transition: all 0.4s ease 0s;}


.header-mob{}


.aou-footer{/*background:#28292b;*//*rgba(0, 0, 0, 0.7);*/ color:#fff !important; /*padding:20px 0;*/ font-size:14px; /*font-weight:400;*/}
.aou-footer .carousel{margin-top:20px;}
.aou-footer .carousel-indicators{position:relative; margin-top:13px;}
.aou-footer .footer-title{font-size:28px; margin-bottom:5px; color:#9ba315;}
.aou-footer .partner-title{text-align:center;}
.aou-footer .contact i{color:#9ba315; padding-right:5px;}
.aou-footer .contact p{/*margin-bottom:5px;*/}
.ft-location:before{ /*content:""; background-position-x:0%; background-position-y:0%; width:20px; height:25px; display:inline-block; margin-right:-35px; vertical-align:middle; padding-left: 35px;*/}
.ft-phone:before{}
.ft-fax:before{}
.ft-email:before{}

.aou-footer .contact ul{list-style:none; padding:0; margin:0;}
.aou-footer .contact ul li{margin-bottom:3px;}
.aou-footer .contact a{color:#fff;}
.aou-footer .contact a:hover{text-decoration:none; color:#9ba315; transition:all 0.4s ease 0s;}
.aou-footer .contact .fa-ul{margin-left:1.5em;}
.aou-footer .contact .fa-li{left:-2em;}

@media(max-width:1200px){
	.aou-footer .container > .row > div:not(:last-child){margin-bottom:30px;}
	.aou-footer .footer-logo{text-align:center;}
	.aou-footer .footer-logo img{width:150px;}
	.aou-footer .footer-title{font-size:25px; margin-bottom:5px;}
}
@media(max-width:992px){
	.aou-footer .carousel img{width:50% !important; margin:auto;}
	.aou-footer .partner-title{text-align:left;}
}


/*.aou-footer .partners{}
.aou-footer .partners img{height:102px; width:75%; border-radius:10px; margin-bottom:10px;}*/
/*.aou-footer .partners{}
.aou-footer .partners ul{list-style:none; padding:0; margin:0;}
.aou-footer .partners ul li{margin-bottom:10px;}
.aou-footer .partners ul li a{}
.aou-footer .partners ul li a img{width:50px; border-radius:5px;}*/


/*.aou-footer .memberships{}
.aou-footer .memberships img{padding:0px 42px; border-radius:20%;}*/

/*.aou-footer .connect{}
.aou-footer .connect i{color:#d8d8d8; font-size:65px;}
.aou-footer .connect .row > div{margin-bottom:30px;}*/

.copyright{/*background:#28292b;*/ color:#fff !important; font-size:13px; font-weight:300;}
.copyright .container{/*border-top:1px solid #767474;*/ /*padding:4px 0;*/}


#return-to-top {
    position: fixed;
    bottom: 10px;
    right: 30px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index:100;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

a.rounded-green-btn{background: #9ba315; color: #fff; border: 1px solid #9ba315; text-align: center; padding: 4px 20px; border-radius: 25px; /*font-size: 20px;*/}
/*a.rounded-green-btn i {color: #fff !important; }*/
a.rounded-green-btn:hover{background: none; color: #9ba315; transition:all 0.4s ease 0s; text-decoration:none;}

.clear{clear:both;}



/****** Mobile Classes *****/
.logo-mob{width:75px;}
.img-flag-mob{width:35px; margin-left:5px;}
.header-mob .bg-light{background-color:#fff !important;}
.header-mob a{color:#002356 !important;}
.header-mob .navbar-light .navbar-nav .nav-link{}
.header-mob a:hover{color:#9ca50d !important; text-decoration:none; transition:all 0.4s ease 0s;}
.header-mob .dropdown-item:focus, .header-mob .dropdown-item:hover{background-color:transparent;}
.header-mob .dropdown-menu{font-size:13px;}

.header-mob .top-menu{padding-top:5px; /*border-bottom:1px solid #d9d9d9;*/}
.header-mob .top-menu ul{list-style:none; padding:0; margin:0; padding-bottom:10px;}
.header-mob .top-menu ul li{float:left; margin-right:7px;}
.header-mob .top-menu ul li a{font-size:15px;}
.header-mob .top-menu ul li a:hover{transition:all 0.4s ease 0s;}
.header-mob .top-menu .fa-search{background-color:#002356; border-radius:50%; color:#fff; width:28px; height:28px; text-align:center; padding-top:6px;}
.header-mob .top-menu .fa-search:hover{background-color:#9ca50d; transition:all 0.4s ease 0s;}

.header-mob .top-menu ul.social-links{ padding-bottom:0px;}
.header-mob .top-menu ul.social-links li{}
.header-mob .top-menu ul.social-links li a{font-size:23px;}

hr{border-top: 1px solid rgba(255,255,255,.4) !important}