/*
Theme Name: Barr STreet WP 2025
Theme URI: https://barrstreethigh.com/
Description: Custom theme for Saint Matthews website.
Author: Semaj Marsh
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: red, black, white, gray, responsive, custom-header, custom-menu
*/







p {
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
}



a.welcome {
	
	
color: #000;
}

a.welcome:hover {
	
	
color: #000;
}


.btn-red {
	
	Font-weight: bold;
color: #fff;
	
	background-color: darkred;

}
.link_white {
	color: #fff;
	text-decoration: none;
}


.link_white:hover {
	color: #fff;
	text-decoration: none;
}



.home_sections_hd{
	

	color: #DDA708;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
}




.sectionheader {
		
	color: #000;
	margin: 0 0 0.5em 0;
	font-weight: bold;
	padding:  10px;
	border-bottom: solid #ED0A0E 4px;
    font-size: 2rem;
	text-transform: uppercase;
	}

.quotetop {
	

	color: #eee;
	font-size: 2rem;
	font-weight: bold;
	text-shadow: 2px 2px 4px rgb(0 0 0 / 50%);
}


.lt_hd {
		font-size: 15px;
		padding: 5px 0;
                border-top: #ED0A0E 3px solid;
		border-bottom: #ED0A0E 3px solid;
		margin: 10px 0;
		text-align: center;
		font-weight:bold;
                text-transform: uppercase;

		
	}

.img-max {
	width:100%;
	 max-width: 500px;
  
}


.top_banner img {
	
	width: 100%;
}

.black {
	
	background-color: #000;
	
}

.aboutme {
	
	color: #ccc;
	font-size: 1rem;
}


.gray_box {
	background-color: #000;
	border-radius: 30px;
	border: #ddd 2px solid;
	color: #fff;
}





/*Nav Area*/

.sticky-top {
	
	margin: 0;
	padding: 0;
}


.testnav {
	
	display: flex;
	background-color: #fff;
	border-bottom: #ccc solid 10px;
	align-items: center;
	justify-content: flex-end;
	margin: 0;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 500;
  font-style: normal;
	
}



.testnavlogo {
	
	display: flex;
	align-items: center;
	margin-right: auto;
	margin-left: 30px;
	cursor: pointer;
	
	
}

.testnavlogo img {
	
	width: 350px;
	padding: 10px;
}


.main_nav {
	display: flex;
	list-style: none;
	align-items: center;
	margin: 0;
	flex-wrap: wrap;
}

.main_nav li {
	
	
	
	text-transform: uppercase;
	
	position: relative;
	
}

.main_nav li a {
	display: block;
	text-decoration: none;
	
	text-transform: uppercase;
	 font-size: 1.3rem;
	color: #000;
	  text-align: center;
 
  font-style: normal;
	padding: 30px 15px;
}
.main_nav li a:hover {
	display: block;
	text-decoration: none;
	
	text-transform: uppercase;
	 
	color: #fff;
	background-color: #000;
	 text-align: center;
  
  font-style: normal;
	border-top: #FCBE59 solid 4px;
	padding: 30px 15px;

	
}

.main_nav li.donate a:hover {
	display: block;
	text-decoration: none;
	
	text-transform: uppercase;
	 
	color: #fff;
	 text-align: center;
  
  font-style: normal;
	border-top: #000 solid 4px;
	padding: 30px 15px;
	background-color: #0BAD31;
	
}



.test_dropdown {
	
	position: absolute;
	background-color: #000;
	color: #fff;
	list-style: none;
	display: none;
	padding: 0;
	white-space: nowrap;
	
}

.test_dropdown li {
	
	width: 100%;
	

}
.main_nav li:hover .test_dropdown{
	
    color: #fff;
	display: block;
	
}


 
.main_nav li:hover .test_dropdown li a {
	
	border-top: none;
	
	font-weight: normal;
	
	font-size: 17px;
	color: #fff;
	padding: 20px;
}

.main_nav li:hover .test_dropdown li a:hover {
	
	background-color: #59030b;
	color: #DDA708;
}


.test_multi_dropdown {
	

	position: absolute;
	background-color: #000;
	color: #fff;
	display: none;
	padding: 0;
	white-space: nowrap;
	
	
}
.main_nav li:hover .test_multi_dropdown {
	
	display: flex;
	flex-direction: row;
	
}

.main_nav li:hover .test_multi_dropdown  a {
	
	border-top: none;
	font-weight: normal;
	
	font-size: 17px;
	color: #fff;
	padding: 20px;
	display: block;
}

.main_nav li:hover .test_multi_dropdown   a:hover {
	
	color: #DDA708;
	margin: 0;
	display: block;
   width: 100%;
	
}

.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  
  border-bottom: 15px solid #000;
}

/*top buttons*/

.test_top_buttons {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-left: 20px;
		white-space: nowrap;
}



.btn-dark {
	padding: 10px 20px;

font-weight: bold;
color: #fff;
	float: left;
	margin-right: 10px;
	height:50px;
	background-color: #0BAD31;
	
}



.btn-face {
	padding: 10px 20px;

font-weight: bold;
color: #fff;
	float: left;
	margin-right: 10px;
	height:50px;
	background-color: #488CE9;
	
}

span {
	font-size: 10px;
	
}



.bs_event {
	
	display: flex;
	flex-direction: row;
    margin-bottom: 40px;
	justify-content: space-between;
	
}
.bs_event_circle {
	
	
    background-color: #DCA70F;
      border-radius: 50%;
	padding: 20px;
	max-width: 35%;
	display: flex;
	flex-direction: column;
	margin: 20px 10px;
}




.date {
   
    text-transform: capitalize;
    color: #000;
    font-weight: bold;
    
    line-height: 1.7rem;
	font-size: 1rem;
	padding: 20px;
	
}




.date-month {
    font-size: 1.3rem;
    line-height: 1rem;
	text-align: center;
 
}

.date-day {
    font-size: 1.3125rem;
	text-align: center;
 
  
}

.bs_event_info {
	display: flex;
	flex-direction: column;
       align-items: flex-start;
	min-width: 0;
	position: relative;
	max-width: 65%;
}


.card_title {
	font-size: 1.3rem;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.event_more {
	
	padding: 10px 20px;
	margin-right: auto;
	background-color: #000;
	display: block;
	font-size: .6rem;
    font-weight: 600;
    letter-spacing: .2em;

    text-transform: uppercase;
    display: inline-block;
    
}

.event_more a {
	
	text-decoration: none;
	color: #fff;
	
}

#jumbotron {
	width: 100%;
	height: 700px;
	overflow: hidden;
	border-top: 4px solid #ED0A0E;
	border-bottom: 4px solid #ED0A0E;
}

.jumbotron {
	
	padding: 0;
	margin-bottom: 0;
	
}





.middle_border {
	
	border-left: dotted 1px #666;
	border-right: dotted 1px #666;
}

.br_white {
	border-right: solid 1px #ccc;
	padding-right: 10px;
}






.quotebottom {
	
color:#ccc;
	font-size: 1rem;
	font-weight: bold;
	text-shadow: 2px 2px 4px rgb(0 0 0 / 50%);
	
}

.card-img-top {
	
	
	background-color: #000;
	
}



.float-right {
	float: right;
}


.light_gray {
	
	background-color: #eee;
}


.sidebar {
	
	padding: 30px;
	font-size: 0.9rem;
}






.pagetitle {
	
	color: #F1D516;
	font-weight: bold;
	font-size: 1.5rem;
	float: left;
	display: block;
}
.social_container {
	display: block;
	float: right;
	
}

.social_icon {
	display: block;
	height: 30px;
}

.social_icon img {
	
	height: 100%;
	
}





img.banner {
    width: 100%;
	box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12);
	
	
}

.card {
	
	margin: 0 0 25px 0;
}




.ad_bar {
background-color: #777;
	height: 150px;
	margin-bottom: 20px;
}

.woman_pic {
    
	font-size: 1.4em;
	font-weight: bold;
	color: #003;
	position: absolute;
	bottom: 15px;
	left: 0px;
	z-index: 300;
	background-color: #ddd;
	width: 100%;
	padding: 3px 10px;
	
}



.carousel-item .col, .carousel-item .col-sm, .carousel-item .col-md {
  margin: 8px;
  
  background-size: cover;
  background-position: center center;
}

.carousel-indicators {
	
	bottom: -50px;
	
}

	.carousel-caption {

        max-width: 34%;
		top: 20%;
	    background-color:  rgba(0, 0, 0, 0.5); 
    border-radius: .3rem;
    padding: 20px;
		bottom:auto;
		align-items: stretch;

}
.carousel-caption h2 {
	
	font-family: 'Roboto', sans-serif;
    font-size: 3.2em;
	text-transform: uppercase;
	margin: 0 0 15px;
	padding: 30px;
	text-align: left;
	text-shadow: 0px 0px 8px rgb(0 0 0 / 90%);
	border-top:  #F3A108 solid 8px;
	
}


.cap_more  {
    font-size: 1.1em;
    font-weight: 600;
    letter-spacing: .2em;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-flex;
    padding: 10px 20px;
    color: #fff;
    background: #1a1a1a;
    -webkit-border-radius: 2px;
    border-radius: 2px;
	float: left;
	margin-left: 25px;
	
}

.cap_more  a {
   
    color: #fff;
    text-decoration: none;
	text-align: left;
}


.carousel-nav-icon {
  height: 48px;
  width: 48px;
	color: #ccc;
}


.full_banner {
	
	background-color: #ddd;
	width: 100%;
}

.videofront {
	
	width: 100%;
	height: 600px;
	positon: relative;
	padding: 20px;
}


.whitecolor {
	
	color: #fff;
}

.about img {
	
	width: 100%;
	border: 4px solid #999999;
	padding: 3px;
}


.readmore img {
    width: 100%;
}

.contact {
	
	background-color: #cccccc;
}

.btn-primary {
    color: #fff;
    background-color: #003;
    border: none;
	width: 100px;
	padding: 3px 0;
}

.btn-primary:hover {

    color: #000;
    background-color: #003;
    border: none;
	width: 100px;
	padding: 3px 0;
}


.dark_gray {
    background-color: #333;
    padding: 30px 0;
}

.blackbg {
	
	background-color: #000;
	
}



.contact_pic img {
	width: 100%;
}

.news_pic {
	
	background-color: #000;
	width: 20%;
}

.underline {
	
	border-bottom: 1px solid #000;
	width: 300px;
	margin: 0 auto;
	padding: 0 0 30px 0;
	text-align: center;
}

.sb_welcome img {
	
	width: 100%;
}


.card-title {
	
	font-size: 1.2em;
}


	.newsthumb {
		background-color: #fff;
		padding: 5px;
	 box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12)
;
	}

	
	.newsthumb img {
		width: 300px;
	
	}
	

.newsthumb2 {
		background-color: #fff;
		padding: 5px;
	 box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12)
;
	}

	
	.newsthumb2 img {
		width: 100px;
	
	}



.modal-body {
	padding: 0.8em;
}

section {
	
	background-image: url("http://barrstreethigh.com/wp-content/uploads/2025/11/bsh_bg.jpg");
	background-size: cover;
	height: 450px;
}



.sectionheader2 {
		
	color: #eee;
	margin: 0 0 0.5em 0;
	font-weight: 500;
	padding:  10px;
	border-bottom: solid #666 1px;
	font-family: 'Roboto', sans-serif;
    font-size: 1.3em;
	text-transform: uppercase;
	}




.modal-dialog {
      max-width: 800px;
      margin: 30px auto;
  }



.modal-body {
  position:relative;
  padding:0px;
  border: #fff solid 10px;
}
.close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}

.vid-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #000;
    border: 1px solid rgba(0, 0, 0, 0.125);
	color: #fff;
}

.vid_list a {
   
	color: #fff;
}



.sidebar_title {
	
	font-family: 'Roboto', sans-serif;
    font-size: 0.9rem;
	margin: 0 0 10px 0;
	
	
}
.news_text {
		
		font-size: 1em;
	}

.current_button {
    background-color: #333;
}



.fa-facebook, .fa-youtube-square, .fa-twitter, .fa-twitter-square, .fa-instagram {
	
	color: #ccc;
	font-size: 30px;
	text-align:center;
}

.fa-bars {
	
	
	color: darkred;
}

.social_container {
	
	margin: 0 auto;
}

.contact_icon {
	
	
	padding: 0 10px 0 0;
}
.about_title {
	
	font-size: 1.2rem;
	text-align: center;
	margin: 10px 0;
	color: #666;
	padding-bottom: 10px;
	border-bottom: 2px dotted #666;
}

.img-fluid {
	max-height: 250px;
	width: 100%;

}
.stephen_button {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .2em;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    background: #1a1a1a;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-top: 25px;
}

.stephen_button a {
   
    color: #fff;
    text-decoration: none;
}

h3 {
	
	font-weight: bold;
	margin: 20px 0;
}

footer {
    background-color: #000;
    color: #999;
    padding: 50px 0 0 0;
    font-size: 14px;
    letter-spacing: 4px;
}

footer a {
    
    color: #fff;
    
}




.bg-red {
	
	background-color: #59030b;
	display: flex;
	justify-content: center;
	text-align: center;
	background-image: url("images/bsh_bg.jpg");
	background-size: cover;
	
}

.navbar-brand {
		
		display: none;
	
	}
.navbar {
		display: none;
	}
.welcome_bold{
	
 font-family: "Bebas Neue", sans-serif;
  font-weight: 500;
  font-style: normal;
	color: #fff;
	font-size: 2.1rem;
	text-align: left;
}



@media (max-width: 1600px) { 

.cap_more  {
    font-size: 0.6em;
    font-weight: 600;
    letter-spacing: .2em;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-flex;
    padding: 10px 20px;
    color: #fff;
    background: #1a1a1a;
    -webkit-border-radius: 2px;
    border-radius: 2px;
	float: left;
	margin-left: 25px;
		
	
}
	
	.carousel-caption {

        max-width: 50%;
		top: 20%;
	
}
.carousel-caption h2 {
	
	font-family: 'Roboto', sans-serif;
    font-size: 2em;
	text-transform: uppercase;
	margin: 0 0 15px;
	padding: 10px;
	text-align: left;
	text-shadow: 0px 0px 8px rgb(0 0 0 / 90%);
	border-top:  #F3A108 solid 6px;
}

	
	.main_nav li a {
	display: block;
	text-decoration: none;
	
	text-transform: uppercase;
	 font-size: 1.2rem;
	color: #000;
	  text-align: center;
 
  font-style: normal;
	padding: 30px 15px;
}
	
.test_top_buttons {
		display: none;
	}	
	
	
}

@media (max-width: 1200px) { 
.testnavlogo img {
	
	width: 300px;
	padding: 0 10px;
}

}

@media (max-width: 992px) { 
	
	
	.main_nav {
		flex-direction: column;
		width: 100%;
	}
	
	.test_dropdown {
		
		
		position: relative;
	}
	
	.test_top_buttons {
		display: none;
	}
	
	.test_top_buttons_small {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	
	.testnavlogo img {
	
	width: 250px;
	padding: 0 10px;
}

	.testnav {
		display: none;
	}
	
	.verytop, .hornav, .top_hide {
	
	display: none;
	
}
	
	.vidheader img {
	width: 200px;
	
	}
.navbar {
	
	display:flex;
	background-color: #fff;
	border-bottom: 6px solid #ccc;
	font-family: "Bebas Neue", sans-serif;
  font-weight: 500;
  font-style: normal;
	}
	
	
	.navbar-brand {
		display: block;
	
	}
	
	
	
	.navbar-brand img {
	
	width: 300px;
}

	
	
	.main_nav li a {
	
	 font-size: 1rem;
	
	}
	
	
	.btn-dark {
	padding: 10px 20px;

font-weight: bold;
color: #fff;
	]
	margin: 10px 0;

	background-color: #0BAD31;
	
}

.btn-face {
	padding: 10px 20px;

font-weight: bold;
color: #fff;
	
	margin: 10px 0;
	
	background-color: #488CE9;
	
}
		
	
	
	
	#jumbotron {
	display: none;
}
	
	
	
	.newsthumb img {
		width: 150px;
	
	}
	
	h3 {font-size: 1rem}
	
	
		
	h6 {
	
	color: #ddd;
    font-size: 1.2rem;
    font-weight: 300;
    text-align: center;
    position: relative;
    margin: 10px auto;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}
	
	.home_sections_hd {
		
	font-size: 1rem;
	
}
	
	p {font-size: 0.9em}
	
	.sectionheader {
		
		color: #ED0A0E;
	text-transform: capitalize;
	font-size: 1.2em;
	margin: 0 0 1em 0;
	font-weight: 500;
	padding:  10px;
	border-bottom: solid #666 1px;
		
	
	}
	
	.welcome_bold{
	
 font-family: "Bebas Neue", sans-serif;
  font-weight: 500;
  font-style: normal;
	color: #fff;
	font-size: 2.1rem;
	font-weight: bold;
	
}
	
	.whiteab_bg {
	
	
	background-image: none ;
	
	
}
	
	.modal-dialog {
      max-width: 600px;
      margin: 30px auto;
  }

	
.fa-facebook, .fa-youtube-square, .fa-twitter, .fa-twitter-square, .fa-instagram {
	
	color: #ED0A0E;
	font-size: 55px;
	text-align:center;
}


	.news_text {
		
		display: none;
	}


	
	.social_icon {
	display: block;
	height: 20px;
}
	
	.quotetop {
	

	color: #eee;
	font-size: 1.3rem;
	font-weight: bold;
	text-shadow: 2px 2px 4px rgb(0 0 0 / 50%);
}

.quotebottom {
	
color:#ccc;
	font-size:.9rem;
	font-weight: bold;
	text-shadow: 2px 2px 4px rgb(0 0 0 / 50%);
	margin: 0 0 20px 0;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 20px;
}
	.middle_border {
	
	border-top: dotted 1px #ED0A0E;
	border-bottom: dotted 1px #ED0A0E;
		border-left: none;
	border-right: none;
}
	
	

	

}


@media (max-width: 850px) { 

.cap_more  {
    font-size: 0.4em;
    font-weight: 600;
    letter-spacing: .2em;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-flex;
    padding: 10px 20px;
    color: #fff;
    background: #1a1a1a;
    -webkit-border-radius: 2px;
    border-radius: 2px;
	float: left;
	margin-left: 25px;
	
}
	
	.carousel-caption {

        max-width: 65%;
		top: 15%;
	
}
.carousel-caption h2 {
	
	font-family: 'Roboto', sans-serif;
    font-size: 2em;
	text-transform: uppercase;
	margin: 0 0 15px;
	padding: 10px;
	text-align: left;
	text-shadow: 0px 0px 8px rgb(0 0 0 / 90%);
	border-top:  #F3A108 solid 6px;
}
	
	.testnavlogo img {
	
	width: 250px;
	padding: 0 10px;
}


}

	

@media (max-width: 700px) { 
	
	.navbar-brand img {
	
	width: 200px;
}
	

.cap_more  {
    font-size: 0.4em;
    font-weight: 600;
    letter-spacing: .2em;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-flex;
    padding: 10px 20px;
    color: #fff;
    background: #1a1a1a;
    -webkit-border-radius: 2px;
    border-radius: 2px;
	float: left;
	margin-left: 25px;
	
}
	
	.carousel-caption {

        max-width: 75%;
		top: 15%;
	
}
.carousel-caption h2 {
	
	font-family: 'Roboto', sans-serif;
    font-size: 1.4em;
	text-transform: uppercase;
	margin: 0 0 15px;
	padding: 10px;
	text-align: left;
	text-shadow: 0px 0px 8px rgb(0 0 0 / 90%);
	border-top:  #F3A108 solid 6px;
}

}


@media (max-width: 600px) { 

.cap_more  {
    font-size: 0.4em;
    font-weight: 600;
    letter-spacing: .2em;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-flex;
    padding: 10px 20px;
    color: #fff;
    background: #1a1a1a;
    -webkit-border-radius: 2px;
    border-radius: 2px;
	float: left;
	margin-left: 25px;
	display: none;
}
	
	.carousel-caption {

        max-width: 75%;
		top: 15%;
	
}
.carousel-caption h2 {
	
	font-family: 'Roboto', sans-serif;
    font-size: 1em;
	text-transform: uppercase;
	margin: 0 0 15px;
	padding: 10px;
	text-align: left;
	text-shadow: 0px 0px 8px rgb(0 0 0 / 90%);
	border-top:  #F3A108 solid 6px;
}

}