﻿/*:root{
   
    --firstcolor:#04566F;
    --secoundcolor:#a86500;
    --thirdcolor:#444444;
}*/

    .search-bx.style-1 .input-group-btn button{
        background-color: var(--secoundcolor);
    }
 
    a, .text-primary, .primary li:before, .menu-links .nav > li.active > a, .menu-links .nav > li:hover > a, .menu-links .nav > li .mega-menu > li ul a:hover, .menu-links .nav > li .sub-menu li:hover > a, footer a:active, footer a:focus, footer a:hover, footer h1 a, footer h2 a, footer h3 a, footer h4 a, footer h5 a, footer h6 a, footer p a, .testimonial-1 .testimonial-position, .acod-head a:after, .acod-head a, .acod-head a:hover, .acod-head a.collapsed:hover, .ttr-tabs .nav-tabs > li > a i, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .btn.outline, .btn-link:hover {
        color: var(--secoundcolor);
    }
    .line {
    
        background-color: var(--secoundcolor);
      }
      .event-time {
      
        background-color: var(--firstcolor);
     
    }
    h1, h2, h3, h4, h5, h6 {
        color: var(--firstcolor);
      
    }
    .portfolio-bx .portfolio-info-bx, .btn.outline:hover, .course-info-list ul li a.active, .course-info-list ul li a:hover, .btn, .profile-tabnav .nav li a.active, button.back-to-top, .upcoming-event-carousel.owl-btn-1 .owl-prev, .upcoming-event-carousel.owl-btn-1 .owl-next, .courses-carousel .owl-nav .owl-next, .courses-carousel .owl-nav .owl-prev, .recent-news-carousel .owl-nav .owl-next, .recent-news-carousel .owl-nav .owl-prev, .testimonial-carousel .owl-nav .owl-next, .testimonial-carousel .owl-nav .owl-prev {
        background-color: var(--firstcolor);
     
    }
    .upcoming-event-carousel.owl-btn-1 .owl-prev,.upcoming-event-carousel.owl-btn-1 .owl-next{
        color: var(--firstcolor);
    }
    .course-info-list ul li a.active:hover, .course-info-list ul li a:hover, .btn:hover, .profile-tabnav .nav li a.active:hover, button.back-to-top:hover, .upcoming-event-carousel.owl-btn-1 .owl-prev:hover, .upcoming-event-carousel.owl-btn-1 .owl-next:hover, .courses-carousel .owl-nav .owl-next:hover, .courses-carousel .owl-nav .owl-prev:hover, .recent-news-carousel .owl-nav .owl-next:hover, .recent-news-carousel .owl-nav .owl-prev:hover, .testimonial-carousel .owl-nav .owl-next:hover, .testimonial-carousel .owl-nav .owl-prev:hover {
        background-color: var(--secoundcolor);
      
    }
    .college-header-menu .nav>li:after {
 
        background-color: var(--secoundcolor);

      }
      .card-links:nth-of-type(1),
  
.card-links:nth-of-type(3) {
  background-color: var(--firstcolor) !important;
}
.card-links:nth-of-type(2),
.card-links:nth-of-type(4) {
  background-color: var(--secoundcolor) !important;
}
.college-header-links {
    background-color: var(--firstcolor) !important;
 
  }
  .college-header-menu .nav>li>a:hover{
      background-color: var(--secoundcolor);
  }
    
  .news-hover-color {
    background-color: var(--firstcolor);
   
}
.event-left-section:hover>.event-left-side {
  
    border-left: 5px solid var(--secoundcolor);
}
.event-section .event-title, .event-section .event-month, .media-post {
    color: var(--secoundcolor);
}
.calender-year {
    background-color: var(--firstcolor);
  
}
.table .row .cell.active span {
    border-bottom: 5px solid var(--firstcolor);
   
}
button.back-to-top {

    background-color: var(--firstcolor) !important;
}
.firstcolor{
    color: var(--firstcolor)!important;
}
.firstcolor-bg{
    background-color: var(--firstcolor)!important;
}

.secoundcolor{
    color: var(--secoundcolor)!important;
}
.secoundcolor-bg{
    background-color: var(--secoundcolor)! important;
}
.list-inline .btn-link{
    background-color: var(--firstcolor);
    color: #fff;
}
.list-inline .btn-link:hover{
    background-color: var(--secoundcolor);
   
}
.pt-social-link .btn-link i:hover{
    color: #fff !important;
}
.ovpr-dark:after{
    background: var(--secoundcolor);
opacity: 50% ;
}
.bg-primary {
    background-color: var(--firstcolor);
}
.courses-search-bx .focused .input-group label,
.contact-bx .focused .input-group label{

	color:var(--secoundcolor);
}
.btn-link{
    color: var(--firstcolor);
}
.btn-link :hover
{
    color: var(--secoundcolor);
}
.b-bottom{
    border-bottom: var(--secoundcolor) solid 9px
  }
  .footer_widget ul li a:hover, [class*="ovbl-"] .counter-style-1 .counter-text, .header-transparent .secondary-menu .btn-link:hover, .header-transparent .menu-links .nav > li:hover > a, .header-transparent .menu-links .nav > li.active > a {
    color: #fff!important;
}
.fill-first {
    fill:var(--firstcolor)!important ;
}
.fill-secound {
    fill:var(--secoundcolor)!important ;
}
.fill-cl .cls-4{
    fill: var(--firstcolor);
}

/*.carousel-item{
	display:block !important;
}*/
.share {
    background: var(--firstcolor) !important;
    color: white;
  }
  
  .icon-bar a:hover + .college-quick-links , 
  .college-quick-links:hover{
    left: 0px !important;
  }
  
  .college-quick-links{
    background: var(--firstcolor);
   
  }
  .college-quick-links li:hover{
    background: var(--secoundcolor);
   
  }
  /* ========================= */
/* research */
/* ======================== */
.slider-info{
   background-color: var(--firstcolor);
   
   }
   .secoundcolor-bg{
    background-color: var(--firstcolor)! important;
}
.research .event-title a{
    color: var(--thirdcolor) !important;
}
.sort a:hover{
    color: var(--secoundcolor);
    
    }
    .sort a:active{
        color: var(--secoundcolor);
      
      }
      .research-box {
       
        background-color: var(--firstcolor);
    }
    .border-bottom-secound{
     

border-bottom-color: var(--secoundcolor) !important;
      }
      .arrow .fa-angle-right{
        color: var(--secoundcolor);

      }
      .cat{
        background-color: var(--thirdcolor);
        color: var(--firstcolor) !important;
      }
      .cat.active{
        background-color: var(--firstcolor);
        color: var(--thirdcolor ) !important;
      }
      .cat:hover{
        background-color: var(--firstcolor);
        color: var(--thirdcolor ) !important;
      }
      .bottom-arrow{
        color: var(--firstcolor);
      }
      .sub-cat{
       background-color: var(--thirdcolor);
      }
      .bootstrap-select .dropdown-toggle:active, .bootstrap-select .dropdown-toggle:focus, .bootstrap-select .dropdown-toggle:hover{
        background-color: var(--firstcolor) !important;
      }
    
      .pagination-bx.gray .pagination > li > a:hover, .pagination-bx.gray .pagination > li > span:hover, .pagination-bx.gray .pagination > li.active > span, .pagination-bx.gray .pagination > li.active > a {
        background-color: var(--firstcolor);
       
    }
    .pagination li.active a {
        background-color: #fff;
        color: var(--firstcolor);
    }
   
    .dropdown-menu > li >a:hover{
    
        background-color: var(--thirdcolor);
    }
      /* Honors */
      /* =========== */
      .border-red{
     border-color:  #A21E29; }
.border-yellow{
 border-color:  #E4A613;}

 .border-pink{
border-color:#BE3E7B;}

.border-blue1{
 border-color:#1937CB;}

 .border-green1{
border-color:#159888;}

.border-blue2{
    border-color:#159888;}

     .border-green2{  border-color:#59B03B;}

     .border-green3{  border-color:#0C7109;}



.bg-red{
 background-color: #A21E29;}

.bg-yellow{
 background-color: #E4A613;}

 .bg-pink{
 background-color: #BE3E7B;}

.bg-blue1{

background-color: #1937CB;}
.bg-blue2{ background-color: #2694FF;}

.bg-green1{
 background-color: #159888;}



 .bg-green2{ background-color: #59B03B;}

 .bg-green3{ background-color: #0C7109;}
/* =============== */
/* student afairs */
/* ============= */
.bg-green{
    background-color: var(--firstcolor) !important;
}
/* ================= */
   /* Alumni */
   /* ============= */
   .prog-card :hover>h4{
   color: var(--firstcolor);
    }
    
    
.SliderLinks{
	display:none !important;
}



.prog-card {
	    margin-bottom: 20px !important;
}


.prog-card h4 {
    text-align: center;
}

.section-sp1{
	padding-bottom: 30px !important;
}

.quick-facts-carsoul h6 {
    line-height: 1;
}

.share {
    
    color: white!important;
 }
 
 .featured-card-body{
	min-height: 130px!important;
}

#carouselHeaderControls {
    margin-top: 0px;
}

.top-utility .menu-links .nav>li .sub-menu li a:hover{
	background-color: var(--secoundcolor)!important;
}

.item {
	    position: relative;
    width: 100%;
    overflow: hidden;

}

.event-info .event-title {
    /* font-family: 'helvetica-md' !important; */
    text-align: inherit;
}

.event-info .event-title{
font-weight:bold;
color: var(--firstcolor)!important;
	
}


footer .pt-social-link li a:hover{
    color: #fff !important;
	background-color: var(--secoundcolor)!important;
}

.quick-facts .tittle {
    left: 60px;
    right: 50px;}
    
    .quick-facts{
	right: 0;
	left:0;
    position: absolute;
}
article {
    margin-top: -10px !important;
}


 .quick-facts-carsoul h6{
  line-height: 1.5;
      }
      
    html[dir="rtl"] .quick-facts .tittle {
    left: 60px;
    right: 97px;
}      

.carousel-control-next-icon{
	    width: 50px;
    height: 50px;
}

.carousel-control-prev-icon{
	   width: 50px;
    height: 50px;

}

.top-utility .menu-links .nav>li .sub-menu li :hover {
    background-color: #a86500!important;
  }
  .ms-siteicon-img{
	    filter: brightness(17) invert(0) saturate(0);
}
.container:not(.exclude):not(.rs-container):not(.Undergrad):not(.graduate):not(.slick_slider_container){
	padding-right:8% !important;
	padding-left:8% !important;
}
.featured-card-body{
    background-color: #8e1837;
}
.title-head,.title-head span {
    color: #fff ;
}
.quick-facts-conrol img{
	display:none;
}
.quick-facts-conrol{
	height: 155px;
}
.featured-card-body {
        background-image: none;
}


.prog-card {
    position: relative;
    overflow: hidden;
    /* Ensure the text is above the overlay */
    z-index: 0;
}

.prog-card .learn-more-btn {
    position: absolute;
    top: 50%; /* Center vertically */
    left: 50%;
    transform: translate(-50%, -50%);
    display: none; /* Hide the button by default */
    border:  solid 1px #fff; /* Button background */
    color: #fff; /* Button text color */
    padding: 10px 20px;
    border: 2px solid white;
    cursor: pointer;
    z-index: 3; /* Higher z-index to ensure it's above the overlay */
}

/* Hide the overlay by default */
.prog-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(142, 24, 55, 0); /* Transparent overlay */
    transition: background-color 0.5s; /* Smooth transition for the overlay */
    z-index: 2; 
        height: 86%;
}

/* Show overlay and button on hover */
.prog-card:hover::after {
    background-color: rgba(142, 24, 55, 0.8); /* Semi-transparent overlay */
}

.prog-card:hover .learn-more-btn {
    display: block; /* Show the button on hover */
}

.card-img {
    display: block;
    width: 100%; /* Make sure the image covers the card */
    height: auto;
    transition: transform 0.5s; /* Smooth transition for the image zoom */
    z-index: 1; /* Below the overlay */
}

/* Optional: Slight zoom effect on the image when hovering */
.prog-card:hover .card-img {
    transform: scale(1.05);
}

h4 {
    /* Ensure the header is above the overlay */
    position: relative;
    z-index: 3;
}
.prog-card h4 {
	color:#221f20
}

.quick-facts img{
	    height: 157px;
}
.college-news-date {
    background-color: var(--firstcolor);
}

.featured-card-body p{
	   color: white !important;
}
#ctl00_ctl68_g_6c7c2e0e_ae02_4fae_8ca2_a24989c4e00f_HeadTitle , #ctl00_ctl70_g_b81d9a35_e07f_467f_afbf_e9e054816e03_HeadTitle{display: none;}

.bg-green{
    height: 85px;
    display: flex;
    align-items: center;
}
.bg-green h3{
    color: #fff !important;
    margin-bottom: 0 !important;
}
/* section btn */
.heading-bx:has(.title-head){
    display: flex;
    justify-content: start;
    align-items: center;
    padding-bottom: 30px;
}
.heading-bx:has(.title-head) .title-head{
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}
.heading-bx:has(.title-head) .btn-section{
  position: relative !important;
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 35px;
    height: 35px;
    padding: 3px;
}
.heading-bx:has(.title-head) .btn-section:hover{
    background-color: var(--firstcolor) !important;
}
.heading-bx:has(.title-head) .btn-section .btn-dot{
    margin-top: 0 !important;  
}
html[dir="rtl"] .heading-bx:has(.title-head) {
   direction: rtl;
}
/* end section-btn */


/* li:has(a[title="EventsCurrently"] ) ul.dynamic a ul {
    left: 0px !important;
    top: 40px !important;  
}
ul:has(li a[title="Alumni Reunion 2018"] )  {
    left: 0px !important;
    top: 40px !important;  
} */
