/*
Theme Name: Gadsden City High School
Version: 1.0
Template: astra
*/
.interior-page-style h1 {
    color: #0D0D0D !important;
    font-family: 'Crimson Pro', sans-serif  !important;
    font-size: 40px  !important;
    line-height: 1.3  !important;
	  letter-spacing: 1px  !important;
    font-weight: 700  !important;
}

.interior-page-style h2 {
    color: #0D0D0D;
    font-family: 'Crimson Pro', sans-serif !important;
    font-size: 33px;
    line-height: 1.3;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 0.25em;
}

.interior-page-style h3 {
    color: #8C1C25;
    font-family: 'Crimson Pro', sans-serif !important;
    font-size: 27px;
    line-height: 1.3;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 0.25em;
}

.interior-page-style h4 {
    color: #0D0D0D;
    font-family: 'Crimson Pro', sans-serif !important;
    font-size: 23px;
    line-height: 1.3;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 0.25em;
}

.interior-page-style h5 {
    color: #8C1C25;
    font-family: 'Crimson Pro', sans-serif !important;
    font-size: 19px;
    line-height: 1.3;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 0.25em;
}

.interior-page-style h6 {
    color: #0D0D0D;
    font-family: 'Crimson Pro', sans-serif !important;
    font-size: 17px;
    line-height: 1.3;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 0.25em;
}

.interior-page-style ul li,
.interior-page-style ol li{
    color: #333;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 1.1px;
    font-weight: 400;
    margin-bottom: 0.5em;
}


.interior-page-style p {
    color: #333;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 1.1px;
    font-weight: 400;
}

.interior-page-style em{
    font-style: italic;
}

.interior-page-style strong {
    font-weight: bold;
}

.interior-page-style a:-webkit-any-link {
    cursor: pointer;
  	color: #8C1C25;
}

.interior-page-style a:hover {
    transition: all .2s ease;
    text-decoration: none;
}

.interior-page-style a.btn.button {
    color: #fff !important;
    background: #000 !important;
}

.interior-page-style .wrapper-buttons {
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
}

/* interior page button */
a.interior-btn{
  	background-color: #8C1C25;
    color: #fff !important;
    display: inline-block;
    padding: 8px 16px;
    margin-top: 8px;
  	font-size: 1rem !important;
}

a.interior-btn:hover{
	background-color: #B52431 !important;
}

/* removing default border radius of homebox image */
.uc_article_grid_style_six_holder .uc_article_grid_style_six_box .uc_image_box .uc_article_img{
	border-radius: 0 !important;
}

/**** MENU ****/
/* top bar */
.top-bar{
  	background-color: #000 !important;
}

.top-bar-menu ul li a.menu-link{
  	font-size: 14px !important;
  	color: #c3c3c3 !important;
  	font-family: "Roboto" !important;
  	font-weight: 400 !important;
}

/* main menu */
.main-header{
  	background-color: #8C1C25 !important;
}

/* .main-header .main-logo{} */
.main-menu ul li a.menu-link{
  	font-size: 1.4em !important;
  	color: #fff !important;
  	font-family: "Crimson Pro" !important;
  	font-weight: 400 !important;
}

/**** hero ****/
@media(max-width:767px) {
    .hero-slider .uc_fbps_slide.test {
        height: 150px !important;
        background-size: contain !important;
        background-color: #111;
    }	
    
    .hero-slider .uc_fbps_content {
        padding: 16px;
    }
    
    .hero-slider .uc_fbps_container_title{
        font-family: 'Philosopher', sans-serif;
        font-size: 1.4rem;
        text-shadow: 0 3px 6px #000;
    }
  
    .hero-slider .uc_fbps_container .owl-nav button{
          height: initial !important;
          line-height: initial !important;
          padding: 8px;
    }
        
    .hero-slider a.uc_fbps_cta {
        background: #fff !important;
        color: #02734A !important;
        box-shadow: 0 3px 6px #000;
        border-radius: 5px !important;
        font-size: 1em !important;
        padding: 0.5em 1.5em !important;
    }
  
  	.hero-slider .uc_fbps_container .owl-dots {
      	display:none !important;
  	}
  
  	.hero-slider .uc_fbps_container_secondary {
   		font-size:1.4rem !important;
    	top:0px !important;
  	}
  	
  	.hero-slider .uc_fbps_container_title {
    	top:0px !important;
  	}
}

@media(min-width:768px) and (max-width:1023px){
    .hero-slider .uc_fbps_slide.test {
        height: 450px !important;
    }
    
    .hero-slider .uc_fbps_content {
        padding-left: 4em !important;
    }
}

/**** ABOUT US ****/

/* about-us content */
.about-us-section h2{
	color: #8C1C25 !important;	
  	font-family: "Crimson Pro" !important;
  	font-size: 3.5em !important;
  	font-weight: 500 !important;
}

.about-us-content .uc_article_grid_style_six_box{
	box-shadow: none !important;
}

.about-us-content .uc_box_content{
  	background: transparent !important;
  	padding: 0 !important;
  	color: #0d0d0d !important;
  	font-family: "Roboto";
  	font-size: 1.2em !important;
  	font-weight: 400 !important;
}

/* about loop homebox */
.about-loop .uc_article_grid_style_six_holder .uc_article_grid_style_six_box .uc_box_content{
  	width: 100%;
  	height: 100%;
	position: absolute !important;
  	top: 0;
    left: 0;
    display: none;
  	text-align: center !important;
}

/* .about-loop .uc_article_grid_style_six_holder .uc_article_grid_style_six_box:hover .uc_box_content{
    display: block;
  	margin: 50%;
  	width: 100%; 
    transform: translate(-50%, -50%);
    background: transparent !important; 
} */

.about-loop .uc_article_grid_style_six_holder .uc_article_grid_style_six_box .uc_box_content .uc_title{
  	top: 50%;
    position: relative;
}

.about-loop .uc_article_grid_style_six_holder .uc_article_grid_style_six_box .uc_box_content .uc_title a{
    color: #fff !important;
    font-family: "Crimson Pro";
  	font-weight: 500;
    font-size: 1.2em;
}

.about-loop .uc_article_grid_style_six_holder .uc_article_grid_style_six_box .uc_image_box {
    position: relative;
  	border: 8px solid #fff;
}

.about-loop .uc_article_grid_style_six_holder .uc_article_grid_style_six_box .uc_image_box .uc_sub_title {
    position: absolute;
    bottom: 5%;
    right: 10%;
    color: #fff;
    font-family: "Roboto";
    font-size: 1.5em;
  	text-align: right;
}

/* .about-loop .uc_article_grid_style_six_holder .uc_article_grid_style_six_box:hover .uc_image_box .uc_sub_title {
	display: none;
} */

/* .about-loop .uc_article_grid_style_six .uc_article_grid_style_six_holder .uc_article_grid_style_six_box:hover .uc_overlay{
  	background: rgba(140, 28, 37,0.9);
} */

.about-loop .about-loop-anchor{
  	position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.about-loop .uc_article_grid_style_six .uc_article_grid_style_six_holder .uc_article_grid_style_six_box:hover .uc_image_box .uc_article_img{
	transform: none;
	-webkit-transform: none;
}

/**** NEWS and LIVE FEED ****/
.news-and-livefeed-section h2{
	color: #8C1C25 !important;	
  	font-family: "Crimson Pro" !important;
  	font-size: 2.5em !important;
  	font-weight: 500 !important;
}

.news-and-livefeed-section h3.uael-post__title {
    margin-bottom: 0.5em;
  	height: 36px;
    overflow: hidden;
}

.news-and-livefeed-section .uael-post__bg-wrap {
    height: 340px;
    overflow: hidden;
}


.news-and-livefeed-section .elementor-button{
	background-color: #8C1C25 !important;
}

.news-and-livefeed-section .uael-post__bg-wrap{
	height: 220px;
}

/* nav archive pagination */
.pagination .nav-links{
	text-align: center !important;
  	font-size: 1.6rem;
  	margin-bottom: 16px;
}

.pagination .nav-links .current{
  	background-color: #8C1C25;
    padding: 8px;
    color: #fff !important;
}

.pagination .nav-links .page-numbers{
	margin-left: 8px;
  	margin-right: 8px;
  	color: #0D0D0D;
}

/* live feed */
.live-feed{
	border-radius: 50%;
}

.live-feed .uc_post_list_image {
    display: none;
}

.live-feed .uc_post_list_date {
    text-align: right;
}

.live-feed .uc_post_list_box{
    border-bottom: 1px solid #ccc;
}

.live-feed .uc_post_list_box:nth-of-type(4){
    border-bottom: none !important;
}

/**** STATISTICS ****/
.stats-section .uc_article_grid_style_six_box{
	box-shadow: none !important;
}

.stats-section .uc_box_content{
	text-align: center !important;
  	background: transparent !important;
  	padding: 0 !important;
}

.stats-section .uc_box_content .uc_title{
	color: #0d0d0d !important;
  	font-size: 3em !important;
  	font-family: "Crimson Pro" !important;
  	font-weight: 600 !important;
}

.stats-section .uc_box_content .uc_sub_title{
	color: #333 !important;
  	font-size: 1.2em !important;
  	font-family: "Roboto" !important;
  	font-weight: 500 !important;
}

/**** CALENDAR OF EVENTS ****/

/* header */
.events-section h2{
  	color: #8C1C25 !important;	
  	font-family: "Crimson Pro" !important;
  	font-size: 3.5em !important;
  	font-weight: 500 !important;
}

/* button */
.events-section .elementor-button{
	background-color: #8C1C25 !important;
}

/* events loop */
.events article.mec-event-article.mec-clear {
    background-color: #fff;
    padding: 15px;
    display: flex;
    flex-direction: column;
}

.events .mec-single-event-novel.mec-event-article.dark{
 	background-color: transparent !important; 
}

.post-type-archive-mec-events .mec-calendar .mec-event-article.mec-single-event-novel{
  	background-color: #ffffff00 !important;
}

.post-type-archive-mec-events .mec-calendar .mec-event-article.mec-single-event-novel h4{
  	color: #fff !important;
}

.post-type-archive-mec-events h4.mec-event-title{
  	font-family: "Montserrat" !important;
}

.post-type-archive-mec-events dt.mec-calendar-day{
 	color: #000;
  	font-size: 30px;
}

.events article.mec-event-article.mec-clear:hover {
    background-color: #8C1C25;
}

.events article.mec-event-article.mec-clear:hover .mec-event-month{
	color: #fff !important;
}

.events article.mec-event-article.mec-clear:hover div.mec-event-day{
	color: #fff !important;
}

.events article.mec-event-article.mec-clear:hover .mec-event-content{
	background-color: #8C1C25;
}

.events article.mec-event-article.mec-clear:hover .mec-event-content h4.mec-event-title .mec-color-hover{
	color: #fff !important;
}

.events .mec-event-date.mec-bg-color-hover.mec-border-color-hover.mec-color {
    border: none;
    color: #fff;
  	background-color: #8C1C25;
}

.events .mec-event-date.mec-bg-color-hover.mec-border-color-hover.mec-color span{
	color: #fff;
}

.events .event-color{
    display: none
}

.events .mec-event-content .mec-event-title .mec-color-hover{
    font-size: 1em !important;
  	font-weight: 400 !important;
}

.events .event-detail-wrap h4.mec-event-title {
    padding: 25px 0px 0px;
  	height: 36px !important;
  	overflow: hidden;
}

.events  .mec-event-content{
   height: 36px !important;
   overflow: hidden;
}

.events .mec-event-share{
	display: none;
}

.events .mec-event-grid-modern .mec-event-article{
	border: 1px solid #333;
}

.events .mec-event-grid-modern .event-grid-modern-head .mec-event-day{
	color: #8C1C25 !important;
  	font-family: "Crimson Pro";
  	font-size: 1.2em !important;
}

.events .mec-event-footer .mec-booking-button{
	background-color: #000 !important;
  	color: #fff !important;
  	font-family: "Roboto" !important;
  	font-size: 1em !important;
  	font-weight: 600 !important;
}

.events .mec-event-grid-modern .mec-event-content{
	padding: 0 15px !important;
}

.events .mec-event-footer{
	padding: 0 !important;
  	height: 0 !important;
}

/**** TESTIMONIAL ****/
.testimonial .uc_article_grid_style_six_box .uc_box_content{
  	background-color: transparent !important;
}

.testimonial .uc_article_grid_style_six_box .uc_box_content .uc-image-icon img {
    width: 75px !important;
    height: 75px !important;
    border-radius: 50% !important;
    object-fit: cover;
}

.testimonial .uc_article_grid_style_six_box .uc_box_content .homebox-content{
    font-size: 1.3em;
  	font-family: "Roboto";
  	color: #fff;
}

.testimonial .homebox-content, .testimonial .uc-image-icon, .testimonial .uc_title{	
    padding: 10px 0px 0px;
  	margin: 0px !important;
}

.testimonial .homebox-content, .testimonial .uc-image-icon, .testimonial .uc_company_name{	
    padding: 10px 0px 0px;
 	color: #989898;
}

.testimonial .uc_article_grid_style_six_box .uc_box_content .uc_company_name{
	color: #ddd;
}

.testimonial .uc_article_grid_style_six_box{
	box-shadow: none !important;
}

/* 
.testimonial-section divider-one{}
.testimonial-section divider-two{}
*/

/**** FLIPBOX ****/
.spotlight .flip-box {
  background-color: transparent;
  height: 350px;
  perspective: 1000px;
}

/* This container is needed to position the front and back side */
.spotlight .flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.spotlight .flip-box:hover .flip-box-inner {
  transform: rotateX(180deg);
}

/* Position the front and back side */
.spotlight .flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* front side */
.spotlight .flip-box-front {
  background-size: cover;
  background-position: center;
  color: black;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
}

.spotlight .flip-box-front h2{
  font-family: "Crimson Pro";
  font-size: 3em;
  color: #fff;
  padding: 0 20px 10px;
  text-shadow: 2px 2px 10px #00000090;
  background-color: rgba(0,0,0,0.75);
  width: 100%;
  text-align: right;
}

/* back side */
.spotlight .flip-box-back {
  background-color: #8C1C25;
  color: white;
  transform: rotateX(180deg);    
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0px 40px;
}

.spotlight .flip-box-back h2{
    color: #fff;
    font-family: "Crimson Pro";
    font-size: 2em;
  	padding-bottom: 10px;
}

.spotlight .flip-box-back h3{
    color: #fff;
    font-family: "Roboto";
    font-size: 1em;
}

.spotlight .flip-box-back .homebox-button {
    position: relative;
    top: 8%;
}

.spotlight .flip-box-back .homebox-button a{
	background-color: #000;
  	padding: 15px;
	color: #fff;
  	font-size: 0.9em;
  	font-weight: 500;
}

.spotlight .flip-box-back .homebox-button:hover a{
	background-color: #fff;
  	color: #333;
}

/**** FOOTER ****/
.footer{
	background-color: #0d0d0d !important;
}

/* .footer .footer-logo{} */

.useful-links h4{
	color: #fff !important;
  	font-family: "Roboto" !important;
  	font-size: 1.2em !important;
  	font-weight: 500 !important;
}

.useful-links .icon-list .elementor-icon-list-text{
	color: #ffffffc9 !important;
  	font-family: "Roboto" !important;
  	font-size: 1em !important; 
  	font-weight: 400 !important;
}

.contact-us h4{
  	color: #fff !important;
  	font-family: "Roboto" !important;
  	font-size: 1.2em !important;
  	font-weight: 500 !important;
}

.contact-us .icon-list .elementor-icon-list-text{
	color: #ffffffc9 !important;
  	font-family: "Roboto" !important;
  	font-size: 1em !important; 
  	font-weight: 400 !important;
}

/* staff archive */
.staff-archive .uc_article_grid_style_six_box{
	box-shadow: none !important;
}

.staff-archive .title{
  	margin: 0 auto;
    width: 80%;
    background-color: #000;
  	position: relative;
    bottom: 26px;
  	padding: 8px 0;
 	box-shadow: 1px 1px 10px rgb(0 0 0 / 30%);
}

.staff-archive .title a{
	box-shadow: none !important;
  	font-size: 1.2rem;
    font-family: 'Poppins';  
    color: #fff;
}

.staff-archive .uc_article_grid_style_six_box .uc_image_box .uc_article_img{
	background-position: 0 24% !important;
}

/* gallery */
.gallery .gallery-item .gallery-icon{
  	border: none !important;
}

.gallery .gallery-item .gallery-icon a img{
	height: 350px;
  	object-fit: cover;
}

.page-id-68 .gallery .gallery-item .gallery-icon a img{
	height: 100px;
  	object-fit: cover;
}

/* single events page */
.single-mec-events .mec-events-meta-group-countdown{
	display: none;
}

.single-mec-events aside{
	display: none;
}

.single-mec-events .comments-area{
	display: none;
}

.single-mec-events .mec-single-title{
	color: #070707;
}

.single-mec-events .mec-event-content{
	padding: 0 !important;
}

.single-mec-events .mec-event-content p{
  	font-family: 'Manrope' !important;
    font-size: 1.2rem;
    color: #070707;
    font-weight: 400;
}

.single-mec-events .mec-date, .single-mec-events .mec-time{
	text-transform: capitalize !important;
    font-weight: 600;
    font-size: 1.2rem;
}

.single-mec-events .mec-container{
	width: 1280px !important;
  	padding-left: 0 !important;
  	padding-right: 0 !important;
  	/* padding-top: 64px !important; */
  	padding-bottom: 64px !important;
}

.mec-container h1.mec-single-title{
	font-family: 'Crimson Pro';
  	color: #730707;
} 

.mec-container{
  	margin-top: 48px;
  	margin-bottom: 48px;
}

.mec-container i.mec-sl-calendar::before, i.mec-sl-clock::before {
	color: #730707 !important;
}

.mec-frontbox-title::before {
	border-bottom: 4px solid #730707 !important;
}

.mec-container .mec-color{
  	border-color: #730707 !important;
	color: #730707 !important;
}

/* monthly calendar */
.mec-calendar .mec-calendar-table  .mec-event-title{
    background-color: #730707;
    padding: 8px;
  	border-radius: 4px;
    color: #fff;
    font-family: 'Poppins';
    font-size: 0.9rem;
    font-weight: 500;
}

.mec-calendar .mec-calendar-table  .mec-event-title:hover{
	color: #fff !important;
  	text-decoration: none !important;
}

.mec-container > h1 {
    display: none;
}

.interior-page-style iframe{
  	display: block !important;
  	margin: 0 auto !important;
	width: 854px !important;
  	height: 480px !important;
}

/* extra curricular loop interior */
/* services home */
.extra-curricular-loop .uc_article_grid_style_six_holder{
  	display: grid;
    grid-template-columns: repeat(3, 1fr) !important;
    grid-gap: 32px;
}

.extra-curricular-loop .uc_article_grid_style_six_box{
	box-shadow: none !important;
}

.extra-curricular-loop .title{
  	margin: 0 auto;
    width: 80%;
    background-color: #000;
  	position: relative;
    bottom: 26px;
  	padding: 8px 0;
 	box-shadow: 1px 1px 10px rgb(0 0 0 / 30%);
  	text-align: center;
}

.extra-curricular-loop .title a{
	box-shadow: none !important;
  	font-size: 1.2rem;
    font-family: 'Poppins';  
    color: #fff;
}

.extra-curricular-loop .uc_article_grid_style_six .uc_article_img{
	 position: relative;
    transition: ease 0.5s all;
    -webkit-transition: ease 0.5s all;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

ul#top-menu .nav li a {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

ul#top-menu .nav li ul {
    display: none !important;
  	transform: none !important;
    transform-origin: 0 !important;
    transition: none !important;
}

@media(max-width:767px){

  .interior-page-style h1 {
      font-size: 29px !important;
      line-height: 1.3;
	}
  .interior-page-style h2 {
      font-size: 26px !important;
      line-height: 1.3;
	}
  .interior-page-style h3 {
      font-size: 22px !important;
      line-height: 1.3;
	}
  .interior-page-style h4 {
      font-size: 20px !important;
      line-height: 1.3;
	}

  .interior-page-style h5 {
      font-size: 18px !important;
      line-height: 1.3;
	}

  .interior-page-style h5 {
      font-size: 17px !important;
      line-height: 1.3;
	}
  
  /* gallery */
  .gallery .gallery-item{
  		max-width: 100% !important;
  }
  
  /*events archive page and single page width css */
  .post-type-archive-mec-events .ast-container .mec-container, .single-mec-events .mec-container{
   width:auto !important;
  }
  
  .single-mec-events .mec-wrap .row {
    margin:0 !important;
  }
  
   /* district code */
  /*
  .district-shortcode .district-content{
      height: fit-content;
  }
  */
  
  .district-shortcode div.district-news{
      width: 100% !important;
  }
  
  .district-shortcode .district-content {
    height: 300px !important;
    overflow: hidden;
}
 
  .district-shortcode .district-content img {
    object-fit: contain !important;
    height: 275px !important;
}
 
  
  .interior-page-style iframe{
      height: auto !important;
      width: 100% !important;
  }
}

@media(min-width: 1600px){
  .constraint-1600{
  	max-width: 1600px;
    margin: auto;
  }
}

/* sample page css */

.sample  .mec-event-content {
    background: transparent;
} 

.sample  .mec-event-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    background-color: #fff;
}

.sample  .mec-event-image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    background-color: #070707;
    opacity: 0.4;
}

.sample  .mec-event-image > a > img{
	min-height: 100%;
    object-fit: cover;
}

.sample .event-grid-t2-head.mec-bg-color.clearfix {
    position: relative;
    z-index: 2;
    background-color: #8C1C25;
}

.sample  .mec-event-content{
    position: relative;
    z-index: 2;
}

.sample  h4.mec-event-title a.mec-color-hover{
	color: #fff;
  	font-family: 'Montserrat';
    font-weight: 500;
}

.sample  .mec-event-grid-clean .mec-event-content p{
	color: #fff;
  	font-family: 'Montserrat';
}

.sample .mec-event-sharing-wrap{
	display: none;
}

.sample .mec-event-footer .mec-booking-button{
	background-color: #111;
  	color: #fff;
  	font-family: "Montserrat";
  	font-size: 0.9rem;
  	font-weight: 500;
}

.sample article.mec-event-article.mec-clear {
    min-height: 350px;
}

.sample .mec-event-footer.mec-color {
    color: #8C1C25;
}