/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .bcpa_post_excerpt_container {
    margin-bottom: 45px;
    position: relative;
 }

 @media (min-width: 768px) {
   .bcpa_post_excerpt_container {
     max-height: 400px;
     margin-bottom: 75px;
   }
 }

 .bcpa_post_headline {
    margin-top: -5px;
    font-size: 24px;
    margin-bottom: 10px;
    color: #3D75A3;
 }

 .bcpa_department {
    font-style: italic;
    margin-bottom: 15px;
 }


 .bcpa_post_excerpt {
    font-size: 16px;
    margin-bottom: 18px;

 }

 .bcpa_read_more_link {
    text-decoration: underline;
    position: relative;
    bottom: 10px;
 }

 .bcpa_read_more_link, .bcpa_post_headline {
    color: #3D75A3;
 }

 .bcpa_image_thumbnail img {
   width: 300px;
   height: 200px;
   object-fit: cover;
}


/* FEATURED POST DISPLAY */
#bcpa_featured_posts_container {
   width: 100%;
   /* border: red solid; */
   position: relative;
   
}

.bcpa_featured_post { 
   padding: 0px;
   position: relative;
   height: 300px;
}


.bcpa_featured_post {
   color: white;
   text-align: left;
   position: relative;
}



.bcpa_link_overlay {
   height: 100%;
   width: 100%;
   position: absolute;
   opacity: 1;
   z-index: 500;
   display: flex;
   flex-direction: column;

}


.bcpa_link_overlay a, .bcpa_link_overlay p a.bcpa_link_overlay_department {
   text-decoration: none;
   color: white !important;
   font-weight: bold;
}

.bcpa_link_overlay a:hover, .bcpa_link_overlay p a.bcpa_link_overlay_department:hover {
   text-decoration: underline;
}

.bcpa_featured_post_date {
   font-size: 14px;
   margin: 0px 30px 30px 30px;
  
}


.bcpa_featured_post_headline {
   margin: auto 30px 3px 30px;
  
}

.bcpa_link_overlay p a.bcpa_link_overlay_department {
   text-transform: uppercase;
}

.bcpa_hover_overlay {
   height: 100%;
   width: 100%;
   position: absolute;
   background-color: #22478b;
   border-radius: 3px;
   opacity: 0;
   z-index: 300;
}

.bcpa_color_overlay {
   height: 100%;
   width: 100%;
   position: absolute;
   opacity: 1;
   border-radius: 3px;
   background: linear-gradient(to bottom, #00000000 0%, #00000000 40%, #000000cf 90%); 
   z-index: 200;
}

.bcpa_color_overlay_2 {
   height: 100%;
   width: 100%;
   position: absolute;
   opacity: 0.65;
   border-radius: 3px;
   background-color: black;
   z-index: 250;
}


.bcpa_featured_post_image {
   position: absolute;
   height: 100%;
   object-fit: cover;
   border-radius: 3px;
   z-index: 100;   
}

.bcpa_color_overlay_hover {
   background-color: #22478b ;
   /* opacity: .6; */
}

#bcpa_carousel_info {
   position: relative;
   /* height: 300px; */
   display: flex;
   flex-direction: column;
   align-items: left;
   justify-content: end;
   margin-bottom: 30px;
}

#bcpa_info_textbox {
   /* position: absolute;
   bottom: 0px;
   left: 30px;
   right: 30px; */
   z-index: 300;
}


#bcpa_info_textbox h2 {
   color: #22478b;
}


.bcpa_more_posts_button {
   font-family: 'Open Sans', Arial, sans-serif;
   display: inline-block;
   padding: 5px 20px;
   line-height: normal;
   font-weight: bold;
   font-size: 14.6px;
   text-transform: uppercase;
   letter-spacing: 0.04em;
   text-decoration: none;
   border: 2px solid transparent;
   border-radius: 20px;
   color: #22478b;
   border-color: #22478b99;
   /* color: #2d93c5; */
   /* border-color: rgba(45, 147, 197, 0.6); */
   background-color: transparent;
}


.bcpa_more_posts_button:hover {
   border-color: unset;
}


/* svg path {
   stroke-width: 15px;
} */

#bcpa_lower_button {
   margin-top: 30px;
}

@media screen and (min-width: 1200px) {
   #bcpa_carousel_info {
      height: 254px;
      
   }
 }

#bcpa_featured_posts_heading {
   margin-bottom: 30px;
   margin-right: 25px;
   font-family: 'Merriweather', Arial, sans-serif !important;
   font-size: 40.5px;

}


/* FILTERS */ 
.bcpa_filter_container {
   padding-top: 15px;
   padding-bottom: 48px;
}

.bcpa_filter_container .bcpa_filters {
   display: inline;
}

.bcpa_filter_heading {
   margin: 0 0 15px 0;
   display: inline;
}


.bcpa_filter_heading_text {
   font-weight: bold;
   font-size: 16px !important;
   margin-bottom: 45px;


}

.bcpa_tag {
   font-weight:600;
   color: #8F8F8F;
   font-size: 16px !important;
   cursor: pointer;

}

.bcpa_tag:hover {
   color: #23487B;
}

.bcpa_active_tag {
   font-weight: 600;
   color: #23487B;
   font-size: 16px;
}

.bcpa_middot {
   font-size: 2em;
   line-height: 1;
   vertical-align: -0.2em;
   color: #8F8F8F;
}


#bcpa_no_posts_alert, .bcpa_alert {
   margin: 48px 0 30px 0;
   padding: 22px 20px 20px 50px;
   background-color: #e8f1f8;
   line-height: 1.5;
   font-size: 18px;
   font-weight: 400;
   display: none;

}

.bcpa_alert {
   display: block;
}

#bcpa_no_posts_alert_icon, .bcpa_alert_icon {
   position: absolute;
   transform: translateX(-100%);
   top: 5px;
   left: -5px;
}

#bcpa_no_posts_alert_inner, .bcpa_alert_inner {
   box-sizing: border-box;
   position: relative;
   
  
}

#bcpa_no_results_heading, .bcpa_alert_heading {
   font-family: 'Merriweather', Arial, sans-serif;
   color: #3d75a3;
   font-weight: bold;
   
}

#bcpa_no_results_text, .bcpa_alert_text {
   font-family: 'Open Sans', Arial, sans-serif;
   color: #265e88;
   
}