@import url("custom.header.topbar.css");
@import url("custom.article.addon.css");
@import url("custom.megamenu.css");
/*custom css classess*/
/*used it in sectors */
.col-bd-left {
    border-left: 1px solid #eee;
}
.close-offcanvas {
    background: #fff;
    color: #27285d;
}
/*title - page title*/
/*.view-article .sp-page-title {
     display: block;
}*/
/*--------------------------*/
.sp-page-title .sp-page-title-heading {
    font-size: 28px;
}
.sp-page-title {
    padding: 61px 0 0 0;
    text-align: center;
    display: flex;
    height: 350px;
    align-items: center;
  background-size: cover;
    /*background-position: 0 -103px;*/
    background-repeat: no-repeat;
}
.sp-page-title  .container{
  z-index:1;
}
body:not(.transparent-header) .sp-page-title:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 485px;
    top: 0;
    left: 0;
    background-color: rgb(0 0 0 / 48%);
    opacity: 0.8;
    z-index: 0;
}
.transparent-header .sp-page-title:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 350px;
    top: 0;
    left: 0;
    background-color: rgb(0 0 0 / 48%);
    opacity: 0.8;
    z-index: 0;
}
/*inner pages nav with icons section*/ 
@media (max-width: 991px){  
.full-width .sppb-row-container {
    max-width: 100%;
}  
}
/*search module icon  */
.icon-top-wrapper i:hover {
    color: #f5c220;
}
/*search result page*/
/*number of results*/
.badge {
    font-size: 18px;
    color: #ffffff;
    background: #27285d !important;
}
/*select of number of results*/
#limit{
    padding: 10px;
    border: 1px solid #ced4da;
}
/*--------- offcanvas menu---------*/
.offcanvas-menu {
    z-index: 99999999;
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li a,
.offcanvas-menu .offcanvas-inner .sp-module ul>li span,
.offcanvas-menu .offcanvas-inner .sp-module ul>li ul li a{
    color: #000000;
 	font-size: 18px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li.active>a,
.offcanvas-menu .offcanvas-inner .sp-module ul>li.active>span {
    color: #161885;
    font-weight: bold;
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul>li a:focus,
.offcanvas-menu .offcanvas-inner .sp-module ul>li span:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul>li span:focus {
    color: #161885;
    font-weight: 700;
}
.offcanvas-menu .sp-module ul > li .menu-toggler{
	position:absolute;
  	width:100%;
  	right:0;
  	top:0;   
}
body.ltr .offcanvas-menu .sp-module ul > li .menu-toggler {
    position: absolute;
    right: 0;
    top: 0;
    left: auto;
    text-align: right;
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler,
.offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>.menu-separator>.menu-toggler {
    color: #000;
}
/*second submenu*/
.offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler:after,
.offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>.menu-separator>.menu-toggler:after {
    display:none;
}
.offcanvas-menu .offcanvas-inner {
    padding: 60px 0px 0px;
}
.offcanvas-menu .sp-module{ 
  	padding-left:30px !important;
	padding-right:30px !important;
}
.offcanvas-menu .sp-module:last-child{
  padding-bottom:30px;  
}
.offcanvas-menu .main-menu-mod{
  background:#fff;
  padding-top: 30px!important;
  border-top-left-radius:30px;
  border-top-right-radius:30px;
}
/*.sp-module ul > li > a:before, .sp-module ul > li > .nav-header:before,*/
.offcanvas-menu .sp-module ul > li .menu-toggler:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
  	content:"\f107";    
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*addon title*/
.sppb-nav-tabs>li>a {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}
/*-----buttons ------ */
.sppb-btn.sppb-btn-secondary {
    background-color: #274193;
    color: #fff;
}

.sppb-btn.sppb-btn-desecondaryfault:focus,.sppb-btn.sppb-btn-secondary:hover { 
    color: #274193;
    background-color: #fff;
}
/*accordion*/
.sppb-panel-title {
    font-size: 18px;
    font-weight: bolder !important;
}
.sppb-panel-modern>.sppb-panel-heading {
    background: #f5faff;
    color: #274193;
}
.sppb-panel-default,.sppb-panel-default>.sppb-panel-heading,
.sppb-panel-modern, .sppb-panel-modern>.sppb-panel-heading, 
.sppb-panel-primary,.sppb-panel-primary>.sppb-panel-heading,
.sppb-panel-success,.sppb-panel-success>.sppb-panel-heading,
.sppb-panel-info,.sppb-panel-info>.sppb-panel-heading,
.sppb-panel-warning,.sppb-panel-warning>.sppb-panel-heading,
.sppb-panel-danger,.sppb-panel-danger>.sppb-panel-heading{
    border-radius: 10px;
}
.sppb-panel-default>.sppb-panel-heading.active,
.sppb-panel-modern>.sppb-panel-heading.active,
.sppb-panel-primary>.sppb-panel-heading.active,
.sppb-panel-success>.sppb-panel-heading.active,
.sppb-panel-info>.sppb-panel-heading.active,
.sppb-panel-warning>.sppb-panel-heading.active,
.sppb-panel-danger>.sppb-panel-heading.active
{
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.sppb-panel-info {
    border-color: rgb(1 71 135 / 30%);
}
.sppb-panel-body {
    padding: 20px;
    border-top: 1px solid transparent;
}
/*carousel*/
.sppb-carousel-indicators li {
    border: 1px solid #27285d;
    width: 15px;
    height: 15px;
}
.sppb-carousel-indicators .active {
    background-color: #27285d;
 	width: 18px;
    height: 18px;
}
.sppb-carousel-inner>.sppb-item {   
  	padding:40px;
   	padding-top: 30px;
}
.sppb-carousel-indicators {
    position: absolute;
    bottom: 10px;
    padding: 0;
    margin: 0;
    z-index: 15;
    width: 100%;
  	left:auto;
    list-style: none;
    text-align: center;
}

/*custom classess*/
.z-index-5 {
    z-index: 5!important;
}

/*tabs all*/
.sppb-tab-content {
  padding: 0 25px;
}
/*Modern tab custom style by mai*/
/*
settings for the addon tab to work like this
1- choose modern
2- choose image not icon
3- add custom-tabs class to the addon
*/
.custom-tabs .sppb-tab-content{
	background: #f5faff;
    border-radius: 20px;
  	padding: 20px;
}

.custom-tabs ul.sppb-nav.sppb-nav-modern{
    display:flex;
    justify-content: center;
	flex-wrap: wrap;
}
.custom-tabs .sppb-nav-modern>li{
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
    margin:0;
    margin-bottom: 30px;
}
.custom-tabs .sppb-nav-modern>li>a {
    padding:0;
    background: transparent;
    border: none;
    color:#375EA2;
    font-size:16px;
    text-align:center;
    line-height:22px;
    margin: 0 10px;
}

.custom-tabs .sppb-nav-modern>li.active a {
   /* text-decoration-style: wavy;
    text-underline-offset: 4px;
    text-decoration-line: underline;*/
}
.custom-tabs .sppb-nav-modern>li>a:focus,
.custom-tabs .sppb-nav-modern>li>a:hover,
.custom-tabs .sppb-nav-modern>li.active a{
    background-color: transparent;
    color:#b38e19 !important;
}
.custom-tabs .sppb-nav-modern>li>a:focus img,
.custom-tabs .sppb-nav-modern>li>a:hover img,
.custom-tabs .sppb-nav-modern>li.active img{ 
    transition: 0.2s transform ease-out;
    transform: scale(1.3);
}
.custom-tabs .sppb-nav-modern>li>a:focus .sppb-tab-image-span,
.custom-tabs .sppb-nav-modern>li>a:hover .sppb-tab-image-span,
.custom-tabs .sppb-nav-modern>li.active .sppb-tab-image-span{ 
    transition: 0.2s transform ease-out;
    border: 3px solid #f4d36da1;
}

.custom-tabs .sppb-tab-image-span {
    transition: 0.2s transform ease-out;
    display:inline-block;
    border-radius: 32px;
    overflow:hidden;
    border: 3px solid #e1e1e1;
    margin-bottom: 10px;
}
.custom-tabs .sppb-tab-image.tab-image-block {
    border-radius: 32px;
    padding: 3px;
    width:100%;
    max-width:160px;
    transition: 0.2s transform ease-out;
    margin: 0 auto;
}

@media(max-width:768px){
  .custom-tabs .sppb-tab-content {
    padding: 0;
  }
  .custom-tabs .sppb-nav-modern>li>a {

  }
  .custom-tabs .sppb-tab-image-span {
    margin-bottom:0;
  }
  .custom-tabs .sppb-nav-modern>li {
    flex: auto; 
    max-width: 30%;
  }
}
/*for menu of faculties*/
.sp-megamenu-parent>li>a, 
.sp-megamenu-parent>li>span {
    padding-right: 30px;
}
#sp-menu .sp-module ul>li>a {
    color: #ffffff;
}
.sppb-slide-item-bg:before {    
    background-image: unset !important;
}
body.transparent-header #sp-header {
  position: absolute;
}
body.transparent-header #sp-header:before {
  opacity: 0;
}
body.transparent-header #sp-header.header-sticky {
  position: fixed;
}
.sp-megamenu-parent>li>span {
    color:#fff;
  	cursor:pointer;
}
/* Blog and article page*/
.artcile-details-wrap {
     max-width: none; 
}
.blog .article-info {
    margin-top: 0;
}
/*slider*/
/*.sppb-slide-item-bg:before {    
    opacity: 0.43;
    background: black;
}*/
.sppb-slider-fullwidth-wrapper .customNavigation .sppbSlideNext {
    float: left !important;
}
/*buttons*/
.sppb-btn.sppb-btn-primary {
    background: #b38e19;
    border: 1px solid #b38e19;
}
.sppb-btn.sppb-btn-primary:hover, .sppb-btn.sppb-btn-primary:focus {
    background: #27285d;
    border: 1px solid #fff;
}
.sppb-btn.sppb-btn-info:hover, .sppb-btn.sppb-btn-info:focus {
    color: #28349f;
}
.sppb-btn-primary.sppb-btn-outline {
    color: #fff;
}

.sppb-btn-secondary {
    color: #fff;
    background-color: #27285d;
    border-color: #27285d;
}
.sppb-btn-secondary:hover {
    color: #fff;
    background-color: #d1a312;
    border-color: #d1a312;
}
/*gallery*/
.sppb-addon-image-overlay-icon {
    line-height: 30px !important;
}

/*slider navigation*/
.sppb-slider-fullwidth-wrapper .owl-dots {
  z-index: 1000;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  bottom: 55px;
}
.sppb-slider-fullwidth-wrapper .owl-nav {
  z-index: 1000;
  position: absolute;
width:100%;
  margin: 0;
  top: 40%;
}
.sppb-slider-fullwidth-wrapper .owl-nav.disabled {  
  display:none;
}
.sppb-slider-fullwidth-wrapper .owl-dots .owl-dot, .sppb-slider-fullwidth-wrapper .owl-nav button {
    display: inline-block;
    margin: 0 8px;
    border: none;
    outline: none;
    background: transparent;
}

.sppb-slider-fullwidth-wrapper .owl-nav .owl-next{
  float:right;
}
.sppb-slider-fullwidth-wrapper .owl-nav button span {
    font-size: 100px;
    font-weight: 200;
    color: #fff;
}
.sppb-slider-fullwidth-wrapper  .owl-dots .owl-dot span {
  width: 80px;
  height: 4px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.4);
  display: inline-block;
  transition: 0.3s;
  position: relative;
}
.sppb-slider-fullwidth-wrapper  .owl-dots .owl-dot span:before {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #fff;
  transition: 0.5s;
  border-radius: 10px;
}
.sppb-slider-fullwidth-wrapper .owl-dots .owl-dot.active span:before,
 .sppb-slider-fullwidth-wrapper  .owl-dots .owl-dot:hover span:before {
  width: 100%;
}
/* article navigation - article footer*/
.pagenavigation .pagination a {
    display: inline-block;
    font-size: .785rem;
    padding: 5px 25px;
    border-radius: 4px;
    background: transparent;
    border: 1px solid #ededed;
    color: #272727;
}
.pagenavigation .pagination a:hover {
	border: 1px solid #b7b7b7;  
}

/*bolg navigatiion - pagination*/
.pagination-wrapper .pagination li.active span {
    border: none;
    width: 36px;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    text-align: center;
    border-radius: 20px!important;
    font-size: 18px;
    color: #fff;
}

/*footer - copyright*/
#sp-footer{
  text-align:center;
}
#sp-footer .container-inner {
    padding: 15px 0;
}