/*
Theme Name: Shabab FM
Theme URI: https://axiliumps.com
Author: Samer Hawari
Author URI: https://axiliumps.com
Description: Shabab FM custom theme developed by Auxilium Technology
Version: 1.0
*/

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}
body{
  font-family: 'Montserrat-Arabic';
  font-weight: 300;
}
.bg-dark-100{
  background-color: rgba(0,0,0,.10);
}
.bg-dark-200{
  background-color: rgba(0,0,0,.20);
}
.bg-dark-300{
  background-color: rgba(0,0,0,.30);
}
.bg-dark-400{
  background-color: rgba(0,0,0,.40);
}
.bg-dark-500{
  background-color: rgba(0,0,0,.50);
}
.bg-dark-600{
  background-color: rgba(0,0,0,.60);
}
.bg-dark-700{
  background-color: rgba(0,0,0,.70);
}
.bg-dark-800{
  background-color: rgba(0,0,0,.80);
}
.bg-dark-900{
  background-color: rgba(0,0,0,.90);
}

.text-shabab-green{
  color: #92c83e !important;
}

.text-shabab-green:hover{
  color: #668d27 !important;
}

.text-shabab-orange{
  color: #f27d21 !important;
}

.text-shabab-orange:hover{
  color: #ac5819 !important;
}
.text-shabab-blue{
  color: #3573b4 !important;
}
.text-shabab-blue:hover{
  color: #1d4b7c !important;
}

a {
  transition: all ease-in 0.15s;
  color: #f17d21;
}

a:hover {
  text-decoration: none;
  transition: all ease-in 0.15s;
  color: #b86019;
}

.bg-transparent {
  background-color: transparent;
}

.bg-dark {
  background-color: #0a0a0aed !important;
}

.text-orange {
  color: #f17d21 !important;
}

/*
  green: #92c83e
  dark: #0a0a0aed
  blue: #3573b4
*/
.text-muted-light{
	color:#cdd4db !important
}
/*--------------------------------------------------------------
# Navbar
--------------------------------------------------------------*/

#main-navbar {
  height: 75px;
  border-bottom: 0.25rem solid #92c83e;
  font-family: 'Exo 2', sans-serif;
  z-index: 100;
}

#main-navbar img{
  max-width:150px;
}

#main-navbar .nav-link {
  color: #fafafa;
  font-size: 1.2rem;
  font-weight: 600;
}

#main-navbar .nav-item {
  transition: all ease-out 0.15s;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

#main-navbar .nav-item:hover {
  background-color: #92c83e;
  transition: all ease-out 0.15s;
}

#main-navbar .dropdown-menu {
  color: #fafafa;
  background-color: #92c83e;
  border: none;
  border-radius: 0;
}

#main-navbar .dropdown-menu .dropdown-item {
  color: #fafafa;
  font-size: 1.1rem;
  font-weight: 600;
}

#main-navbar .dropdown-menu .dropdown-item:hover {
  color: #92c83e;
}

@media (min-width: 768px) {
  #main-navbar .navbar-collapse {
    height: 100% !important;
  }
  #main-navbar .nav-item {
    display: flex!important;
  }
}

@media (max-width:575px) {
  #main-navbar .navbar-collapse {
    background-color: #92c83e;
  }
  #main-navbar .nav-item:not(:last-child) {
    border-bottom: 1px solid #3573b4;
  }
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/

#hero {
  width: 100%;
  height: 50%;
  overflow: hidden;
  position: relative;
  background: linear-gradient(90deg, rgb(10 10 10 / 90%), rgb(0 0 0 / 86%)), url(./assets/images/hero-bg.jpg) center top no-repeat;
  background-size: cover;
  background-position: center;
}

/* #hero::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  z-index: 0;
}

#hero::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 130%;
  height: 100%;
  background: linear-gradient(to right, rgba(60, 76, 158, 0.36), rgba(14, 23, 72, 0.52)), url(./assets/images/hero-bg.jpg) center top no-repeat;
  background-size: cover;
  z-index: 0;
  transform: translateX(-50%) rotate(0deg);
}
 */


#hero .carousel-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#hero h2 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 48px;
  font-weight: 700;
}

#hero p {
  width: 80%;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  margin: 40px auto 30px auto;
  color: #fff;
}

#hero .carousel-control-prev, #hero .carousel-control-next {
  width: 10%;
}

#hero .carousel-control-next-icon, #hero .carousel-control-prev-icon {
  background: none;
  font-size: 48px;
  line-height: 1;
  width: auto;
  height: auto;
}

#hero .btn-get-started {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 32px;
  border-radius: 50px;
  transition: 0.5s;
  line-height: 1;
  margin: 10px;
  color: #fff;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  border: 2px solid #eb2027;
}

#hero .btn-get-started:hover {
  background: #eb2027;
  color: #fff;
  text-decoration: none;
}

@media (min-width: 1024px) {
  #hero p {
    width: 60%;
  }
  #hero .carousel-control-prev, #hero .carousel-control-next {
    width: 5%;
  }
}

@media (max-width: 768px) {
  #hero h2 {
    font-size: 28px;
  }
  #hero::after {
    width: 180%;
    height: 95%;
    border-radius: 0 0 50% 50%;
    transform: translateX(-50%) rotate(0deg);
  }
  #hero::before {
    top: 0;
    width: 180%;
    height: 94%;
    border-radius: 0 0 50% 50%;
    transform: translateX(-50%) translateY(20px) rotate(4deg);
  }
}

@media (max-width: 575px) {
  #hero::after {
    left: 40%;
    top: 0;
    width: 200%;
    height: 95%;
    border-radius: 0 0 50% 50%;
    transform: translateX(-50%) rotate(0deg);
  }
  #hero::before {
    left: 50%;
    top: 0;
    width: 200%;
    height: 94%;
    border-radius: 0 0 50% 50%;
    transform: translateX(-50%) translateY(20px) rotate(4deg);
  }
}

/*footer*/

.col_white_amrc {
  color: #FFF;
}

footer {
  width: 100%;
  background-color: #1b1b1b;
  min-height: 250px;
  padding: 10px 0px 25px 0px;
}

.pt2 {
  padding-top: 40px;
  margin-bottom: 20px;
}

footer p {
  font-size: 13px;
  color: #CCC;
  padding-bottom: 0px;
  margin-bottom: 8px;
}

.mb10 {
  padding-bottom: 15px;
}

.footer_ul_amrc {
  margin: 0px;
  list-style-type: none;
  font-size: 14px;
  padding: 0px 0px 10px 0px;
}

.footer_ul_amrc li {
  padding: 0px 0px 5px 0px;
}

.footer_ul_amrc li a {
  color: #CCC;
}

.footer_ul_amrc li a:hover {
  color: #fff;
  text-decoration: none;
}

.fleft {
  float: left;
}

.padding-right {
  padding-right: 10px;
}

.footer_ul2_amrc {
  margin: 0px;
  list-style-type: none;
  padding: 0px;
}

.footer_ul2_amrc li p {
  display: table;
}

.footer_ul2_amrc li a:hover {
  text-decoration: none;
}

.footer_ul2_amrc li i {
  margin-top: 5px;
}

.bottom_border {
  border-bottom: 1px solid #323f45;
  padding-bottom: 20px;
}

.foote_bottom_ul_amrc {
  list-style-type: none;
  padding: 0px;
  display: table;
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
}

.foote_bottom_ul_amrc li {
  display: inline;
}

.foote_bottom_ul_amrc li a {
  color: #999;
  margin: 0 12px;
}

.social_footer_ul {
  display: table;
  margin: 15px auto 0 auto;
  list-style-type: none;
}

.social_footer_ul li {
  padding-left: 20px;
  padding-top: 10px;
  float: left;
}

.social_footer_ul li a {
  color: #CCC;
  border: 1px solid #CCC;
  padding: 8px;
  border-radius: 50%;
}

.social_footer_ul li i {
  width: 20px;
  height: 20px;
  text-align: center;
}

.footer a, .footer i {
  color: #92c83e !important;
}

.footer p {
  color: #fafafa;
}
#main-ad-banner{
  position: absolute;
  bottom:0px;
}
#main-ad-banner{
  height: 150px;
}
.mh-100{
  max-height: 100% !important;
}
@font-face{
	font-family: 'Hacen Algeria';
    src: url('http://shabab.test/wp-content/themes/shabab/assets/fonts/hacen/Shabab-FM-Regular.otf');
}