body{
  word-wrap: break-word;
  background-color: #0b48a3;
}
a, a:active, a:hover{
  color: #0b48a3;
}
.dropdown-toggle .caret {
  border-top-width: 0;
}
.no-padding {
  padding: 0px !important;
  margin: 0px !important;
}
.top-container{
  background-color: white;
}
@media only screen and (min-width: 600px){
  .top-line{
    padding: 0.2em;
    color: white;
    font-weight: bold;
    height: 35px;
    background-color: #87CEEB;
  }
}
@media only screen and (max-width: 600px){
  .top-line{
    padding: 0.2em;
    color: white;
    font-weight: bold;
    /* height: 35px; */
    background-color: #87CEEB;
  }
}

.top-line .top-social-media-container img,
.top-line .top-contacts-container img{
  width: 25px;
  height: 25px;
  margin: 0.1em;
}
.top-line .top-profile-container a{
  color: white;
  font-size: 95%;
}
@media only screen and (min-width: 600px){
  .logo-container {
    height: 97px !important;
    box-shadow: #007bff;
  }
  .logo-container .logo{
    height: 80px;
    margin: 0.4em;
  }
  .logo-container .top-advert{
    margin: 0.2em;
  }
  .logo-container .top-advert img{
    max-height: 90px;
  }
  .logo-container .top-right-container{
    margin: 0.2em;
  }
  /* .logo-container .social-media-container{
    background-color: gainsboro;
    padding: 0.3em;
    box-shadow: 
       inset 0 -3em 3em rgba(0,0,0,0.1), 
             0 0  0 2px rgb(255,255,255),
             0.3em 0.3em 1em rgba(0,0,0,0.3);
  } */
  /* .logo-container .social-media-container img{
    width: 25px;
    height: 25px;
  } */
}
@media only screen and (max-width: 600px){
  .logo-container {
    /* height: 97px !important; */
  }
  .logo-container .logo{
    height: 80px;
    margin: 0.4em;
  }
  .logo-container .top-advert{
    margin: 0.2em;
  }
  .logo-container .top-advert img{
    max-height: 90px;
  }
  .logo-container .top-right-container{
    margin: 0.2em;
  }
  /* .logo-container .social-media-container{
    background-color: gainsboro;
    padding: 0.3em;
    box-shadow: 
       inset 0 -3em 3em rgba(0,0,0,0.1), 
             0 0  0 2px rgb(255,255,255),
             0.3em 0.3em 1em rgba(0,0,0,0.3);
  } */
  /* .logo-container .social-media-container img{
    width: 25px;
    height: 25px;
  } */
}

.top-menu {
  /* padding-left: 0.2em !important;
  padding-right: 0.2em !important; */
  /* background-color: #87CEEB; */
  background-color: #0b48a3;
  /* z-index: 10;
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.1); */
}
@media only screen and (min-width: 600px){
  top-menu{
    margin: 1em;
    padding: 1em !important;
  }
}
.top-menu .navbar-brand{
  color: #fcd319;
  font-weight: bold;
}
.top-menu li a,
.top-menu li span {
  padding-left: 1em !important;
  padding-right: 1em !important;
  cursor: pointer;
  color: white;
  text-transform: capitalize;
}
.top-menu li:hover .top-link {
  background-color: #fcd319;
  color: black;
  border-radius: 10px;
}
.top-menu .dropdown .dropdown-menu {
  margin: 0;
  background-color: white;
  color: #0b48a3 !important;
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.1);
  z-index: 10;
}
.top-menu .dropdown .dropdown-menu .dropdown-link {
  font-size: 100% !important;
  background-color: white;
  color: #0b48a3;
}
.top-menu .dropdown .dropdown-menu .dropdown-link:hover {
  color: black !important;
  background-color: #fcd319 !important;
}
.jtitle {
  font-size: 116%;
  font-weight: bold;
  color: #87CEEB;
  margin: 0.4em;
}
.jpanel {
  background-color: white;
}
.jpanel .jpanel-header {
  padding: 0.7em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.jpanel .jpanel-header .jpanel-title {
  font-size: 116%;
  font-weight: bold;
  color: #0b48a3 !important;
  margin-left: 0.4em;
}
.jpanel .jpanel-header .jpanel-header-body {
  text-align: right;
}
.jpanel-border {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.jpanel-round {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
.jpanel-padding {
  padding: 1em;
}
.jform-details .form-group {
  margin: 0.4em !important;
}


/* --------------------------------------------------------------------------- */
/* body */
.body-container{
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 1em;
  background-color: white;
  border-radius: 10px;
}
.body-container .admin-menu li{
  color: #0b48a3 !important;
}
.body-container .admin-menu li a{
  color: #0b48a3 !important;
  font-weight: bold;
}
.body-container .admin-menu li:hover{
  color: white !important;
  background-color: #0b48a3 !important;
  font-weight: bold;
}
.body-container .admin-menu li:hover a{
  color: white !important;
  background-color: #0b48a3;
  font-weight: bold;
}
@media only screen and (min-width: 600px){
  .main-slide-container img{
    height: 340px;
    width: 100%;
  }
  .main-slide-container .carousel-item .carousel-caption{
    padding: 1em;
    margin: 0;
    font-weight: bold;
    font-style: italic;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: rgba( 0, 0, 0,0.4);
    /* background-color: rgba(135,206,235,0.5); */
  }
  .main-slide-container .carousel-item .carousel-caption .carousel-caption-title{
    font-size: 150%;
  }
  .main-slide-container .carousel-item .carousel-caption-content{
    font-style: italic;
    text-align: justify;
    padding-top: 1em;
    font-size: 95%;
  }
}
@media only screen and (max-width: 600px){
  .main-slide-container img{
    height: 200px;
    width: 100%;
  }
  .main-slide-container .carousel-item .carousel-caption{
    padding: 0.6em;
    margin: 0;
    font-weight: bold;
    font-style: italic;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: rgba( 0, 0, 0,0.4);
  }
  .main-slide-container .carousel-item .carousel-caption .carousel-caption-title{
    font-size: 150%;
  }
  .main-slide-container .carousel-item .carousel-caption-content{
    text-align: justify;
    padding-top: 0.5em;
    font-size: 95%;
  }
}

.home-title{
  font-size: 120%;
  padding: 0.3em;
  font-weight: bold;
  margin-bottom: 1em;
  text-transform: uppercase;
  color: #87CEEB;
}

.home-links{
  padding: 0.7em;
}
.home-links .home-link-title{
  padding: 0.5em;
  margin: 0.5em;
  color: #87CEEB;
  font-weight: bold;
  background-color: white;
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 14px 1px rgba(0, 0, 30, 0.1);
}
.home-links .home-link{
  padding: 0.5em;
  margin: 0.5em;
  color: white;
  font-weight: bold;
  background-color: #87CEEB;
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 14px 1px rgba(0, 0, 30, 0.1);
}
.home-links .home-link a{
  color: white;
  font-weight: bold;
}

/* advert */
.advert-container{
  
}
.advert-container .advert{
  margin: 1em;
}
/* advert */

/* job */
.job-left-search-container{
  font-size: 95%;
  padding: 0.8em;
  border-radius: 10px;
}
.job-left-search-container .job-left-search-title{
  font-size: 120%;
  font-weight: bold;
  color: #fcd319;
}
.job-left-search-container ul{
  padding: 0px !important;
  margin: 0.7em;
  list-style-type: none;
}
.job-left-search-container li a{
  color: #0b48a3;
}
.home-list-container{
  margin: 1em;
  padding: 1em;
  background-color: white;
  border-radius: 10px;
}
.job-list-container a{
  color: black;
}
.job-list-container .job-list-container-row{
  margin-bottom: 1em;
  padding: 0.7em;
  border-radius: 10px;
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.1);
}
.job-list-container img{
  max-height: 100px;
  margin: 0.3em;
}
.job-list-container .home-title{
  color: black;/* #fcd319; */
  font-weight: bold;
  /* -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.1); */
  /* box-shadow: 0px 10px 15px -10px #fcd319;
  border-radius: 5px; */
  padding: 0.5em;
  font-size: 130%;
}
.job-list-container .job-title{
  font-weight: bold;
  font-size: 110%;
}
.job-list-container .job-title a{
  color: black;
}
.job-list-container .job-address{
  font-size: 95%;
  font-style: italic;
  color: #0b48a3
}
.job-details-container .job-title{
  font-size: 130%;
  font-weight: bold;
  margin: 0.5em;
  text-transform: uppercase;
}
.job-details-container .partner-name{
  color: #0b48a3;
  font-weight: bold;
  font-size: 120%;
  text-transform: capitalize;
}
.job-details-container .partner-logo{
  max-width: 150px;
  max-height: 150px;
}
.job-details-container .job-social-media-container{
  margin: 1em;
  padding: 0.7em;
}
.job-details-container .job-social-media-container img{
  width: 25px;
  height: 25px;
  margin: 0.1em;
}
.job-details-container .job-document-container{
  padding: 0.5em;
}
.job-details-container .job-document-container .job-document-title{
  /* color: #007bff; */
  font-weight: bold;
  font-size: 110%;
  text-transform: capitalize;
  margin: 0.3em;
}
.job-details-container .job-document-container li{
  font-style: italic;
}
.job-details-container .job-document-container li a{
  font-style: italic;
  color: #0b48a3;
}
/* job */

/* ---------------------------------------------------------------------------- */
/* gallery */
.public-gallery-container .card{
  margin: 0.3em;
  max-width: 11rem;
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.1);
}
.public-gallery-container .card .card-body{
  padding: 0.7em !important;
}
.public-team-container .card{
  margin: 0.3em;
  max-width: 15rem;
}
.public-team-container .card .card-body{
  padding: 0.7em !important;
}
.public-team-container .team-name{
  font-weight: bold;
}
.public-team-container .team-position{
  font-style: italic;
}

/* ---------------------------------------------------------------------------- */
/* article */
.public-article-list-container .card{
  border: none;
  border-radius: 15px;
  margin: 1em !important;
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.1);
}
.public-article-list-container .card-body{
  padding: 0.7em !important;
}
.public-article-list-container .article-title{
  font-size: 120%;
  color: #0b48a3;
  font-weight: bold;
  /* font-style: italic; */
}
.public-article-list-container .article-title a{
  color: #0b48a3;
  font-weight: bold;
  font-style: italic;
}
.public-article-list-container .card-body img{
  height: 120px;
  width: 150px;
  margin: 1em;
}
.public-article-list-container .read-more{
  color: #0b48a3;
  font-style: italic;
  font-weight: bold;
}
/* --------------------------------------------------------------------------- */
/* voting */
.public-voting-container .voting-category-title{
  font-size: 130%;
  font-weight: bold;
  color: #fcd319;
  margin: 1em;
}
.public-voting-container .voting-category-body{
  margin: 1em;
}
.public-voting-container .card{
  margin: 1em !important;
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.1);
}
.public-voting-container .voting-title{
  font-weight: bold;
}
.public-voting-container .card-body img{
  max-height: 150px;
}
.public-voting-container .voting-number{
  font-size: 140%;
  font-weight: bold;
}


/* body */
/* --------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/* bootom */

.bottom-container{
  padding: 1em;
  color: white !important;
  font-size: 95%;
  background-color: #0b48a3;
  font-weight: bold;
}
.bottom-container a{
  color: white;
  font-weight: bold;
}
.bottom-container .bottom-title{
  font-size: 120%;
  font-weight: bold;
  margin: 0.3em;
  color: #fcd319;
}
.bottom-container .bottom-social-media-container img{
  width: 25px;
  height: 25px;
  margin: 0.1em;
}
.bottom-menu{
  /* list-style-type: none; */
}

/* bottom */
/* -------------------------------------------------------------------------- */
/* main features */
@media only screen and (min-width: 600px){
  .main-features{
    padding: 1em;
  }
}
.main-features .title{
  font-weight: bold;
  font-size: 140%;
  color: #fcd319;
  margin: 0.5em;
}
.main-features .item{
  margin: 0.5em;
  padding: 1em;
  background-color: white;
  color: black;
  font-weight: bold;
  font-size: 100%;
  border-radius: 10px;
  width: 220px;
}
.main-features .item a{
  color: black;
}
/* main features */