/*--------------------------------------------------------
	FONT ASSIGNMENTS
--------------------------------------------------------*/
body {
	font-family: 'Roboto', sans-serif;
	background: #000;
	font-size: 16px;
}

/* p {} */

#top-wrap {
	background: #FFFFFF;
	/* margin-top: -20px; */
}

.container {
	background: #FFFFFF;
}

/*--------------------------------------------------------
	H1 - H6
--------------------------------------------------------*/
h1,
h2,
h3,
h4 {
	margin: 0px;
	margin-bottom: .5em;
	padding: 0px;
	font-family: 'Roboto', sans-serif;
}

/* h1 {
	font-size: ;
	color: ;
}

h2 {
	font-size: ;
}

h3 {
	font-size: ;
}

h4 {
	font-size: ;
} */

h1.title {
	margin-top: 15px;
}

/*--------------------------------------------------------
	LINKS
--------------------------------------------------------*/
a {
	color: #A00707;
}

a:hover,
a:focus {
	color: #A00707;
}

a:is(:hover, :focus) {
    outline: 0px;
}

a:focus-visible {
    outline: 2px solid #bf2231; /*hex color can be replaced here with org color or link color*/
}

/*--------------------------------------------------------
	IMAGES, Objects
--------------------------------------------------------*/
img {
	border: 0px;
}

.responsive-iframe {
	position: relative;
	overflow: hidden;
	padding-bottom: 78.37%;
	max-width: 740px;
	margin: auto;
}

.responsive-iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* rows and columns margin inside grid+ */
#gm-canvas .row, #gm-canvas .column {
    margin-top: 1em;
    margin-bottom: 1em;
}

.embed-wrapper { display: contents; }

/*--------------------------------------------------------
						HEADER
--------------------------------------------------------*/

.top-header {
	padding: 5px 0px;
}

#logo-wrap img {
	width: 195px;
	margin-top: 10px;
}

/*----------------------------------Search Bar*/

/*--------------------------------------------------------
					Desktop Navigation
--------------------------------------------------------*/

.navbar-nav>li a {
	color: #fff;
	font-family: 'Roboto', sans-serif;
}

.nav>li>a:hover,
.nav>li>a:focus {
	background-color: transparent;
}


/*--------------------------------------------------------
	INDEX / MAIN BODY
--------------------------------------------------------*/
/*----------------Slideshow----------*/
#slide-row {
	margin-bottom: 10px;
}

.carousel-control.left,
.carousel-control.right,
.carousel-control:hover {
	background-image: none;
	/* font-size: ;
	font-weight: ; */
	z-index: 101;
}

/* .carousel-control {
	top: ;
	width: ;
} */

.carousel-caption {
	position: absolute;
	z-index: 100;
	background-color: rgba(0, 0, 0, 0.4);
	padding: 10px 15px;
	left: initial;
	bottom: initial;
	right: 0px;
	top: 305px;
	text-align: left;
	text-shadow: none;
}

@media (min-width: 990px) and (max-width: 1199px) {
	.carousel-caption {
		top: 241px;
	}
}

@media (max-width: 990px) {
	.carousel-caption {
		top: 289px;
	}

	/* #slide-row .col-md-12 {} */
}

@media (min-width: 768px) and (max-width: 990px) {
	.carousel-caption {
		top: 289px;
	}
}

@media (max-width: 767px) {
	.carousel-caption {
		top: 187px;
	}
}

@media (max-width: 480px) {
	.carousel-caption {
		top: 289px;
	}
}


.carousel-caption p:first-of-type {
	font-size: 28px;
	font-weight: 600;
	line-height: 33px;
	padding-bottom: 10px;
	border-bottom: 3px solid #FFE519;
	display: block;
	color: #FFE519;
	margin-bottom: 10px;
}

.carousel-caption p:last-of-type {
	font-size: 16px;
	font-family: serif;
	font-style: italic;
	color: white;
	margin-bottom: 10px;
}

.carousel-caption a {
	font-weight: 700;
	background-color: #FFE519;
	max-width: 215px;
	display: block;
	border-bottom: 5px solid #E0AB03;
	border-radius: 3px;
	padding: 13px 20px;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	margin: 0px auto;
	color: #333;
}

/*----------------End Slideshow------*/

/*---------- news_feed_pages function ----*/
div#news-button-container {
	margin: 10px 0px 0px 0px;
	text-align: right;
}

div#news-button-verbiage {
	margin-right: 10px;
	display: inline-block;
	color: #5DB2D7;
}

div#news-button-container:active {
	margin: 9px 0px 0px -1px;
	/* keeps buttons from jumping around when pressed*/
}

div.news-button {
	display: inline-block;
	padding: 5px 10px;
	background-color: #5DB2D7;
	color: black;
	border: 1px solid black;
	border-radius: 5px;
	margin: 0px;
}

div.nb-number:hover {
	opacity: 0.7;
	/*buttons move toward backgound color when hovered over*/
	cursor: pointer;
}

div.nb-number:active {
	/* make buttons look like they are being pressed when clicked*/
	opacity: 0.6;
	border-width: 2px 0px 0px 2px;
}

div.nb-selected {
	/* style the selected button */
	opacity: 0.5;
}

div#nb-ellipsis-left,
div#nb-ellipsis-right {
	background-color: transparent;
	color: #5DB2D7;
	border: 0px;
	margin: 0px;
	padding: 5px;
	font-weight: bold;
}

/*---------- END: news_feed_pages ----*/

/*----------------------------------Primary-Content*/

/*------CSS STYLE FOR TOP SECTION */

#search-input {
	border-radius: 0px;
	background-color: #fff;
	width: 100%;
	border: 1px solid;
}

#search-input input {
	border: 0;
	box-shadow: none;
}

#search-input button {
	margin: 2px 0 0 0;
	background: none;
	box-shadow: none;
	border: 0;
	color: #fff;
	padding: 0 12px 0 12px;
	border-left: 0px;
}

#search-input button:hover,
#search-input button:focus {
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

#search-input .glyphicon-search {
	font-size: 23px;
}

#mobile-menu .search-input-wrap {
	border: 1px solid;
	margin-top: 45px;
	margin-bottom: 20px;
}

.glyphicon-search:before {
	content: url("../images/search-icon.png");
}

input.search-button {
	background: url("../images/search-icon.png") no-repeat;
	border: 0px;
	width: 59px;
	height: 55px;
}

.social-media {
	margin-top: 25px;
}

.facebook-wrap {
	background: #305AC1;
	color: #fff;
	width: 164px;
	height: 48px;
	padding: 12px 10px;
	display: inline-block;
	text-align: center;
	font-size: 18px;
	margin-right: 28px;
}

.strava-wrap {
	background: #ED5520;
	color: #fff;
	width: 164px;
	height: 48px;
	padding: 12px 10px;
	display: inline-block;
	text-align: center;
	font-size: 18px;
}

#search-menu-wrap {
	margin-top: 15px;
}

#main-menu {
	margin-top: 30px;
}

/* Search Bar in Mobile */

.search-wrap input#q {
	border: 0;
	box-shadow: none;
}

.search-wrap button.btn.btn-info.btn-lg {
	background: none;
	box-shadow: none;
	border: 0;
	color: #fff;
}


/*--------------------------------------------------------
	CSS STYLE FOR Slideshow
--------------------------------------------------------*/

.carousel-caption p:first-of-type {
	color: #fff;
	font-weight: 100;
	padding-top: 0;
	border-bottom: 0;
	padding-bottom: 0;
}

.carousel-caption p:last-of-type {
	font-style: normal;
	font-family: 'Open Sans';
}

.carousel-control.left,
.carousel-control.right {
	display: none;
}

.carousel-caption {
	left: 20px;
	right: auto;
	height: 50px;
	text-align: center;
	padding-bottom: 0;
}

.carousel-caption h1 {
	font-size: 32px;
	font-weight: bold;
	padding: 25px 0px;
	text-align: center;
}

.carousel-caption a {
	color: #fff;
	display: none;
	font-size: 18px;
	margin-top: 30px;
	font-weight: 100;
	border-radius: 0px;
	border: 2px solid #fff;
	background: transparent;
}



/*--------------------------------------------------------
	CSS STYLE FOR HOME PAGE CONTENT

--------------------------------------------------------*/

.main-content .container {
	padding: 15px;
}

#slider-section {
	padding: 20px;
}

.slider-section {
	margin-bottom: 25px;
}

.slider-section .carousel-indicators {
	display: none;
}

#member-login-wrap h1 {
	color: #484949;
	font-size: 28px;
}

.login-inner-wrap #login {
	background: #DBDBDB;
	padding: 20px 15px;
	margin-top: 10px;
	padding-bottom: 10px;
}

.member-donate {
	background: #BF2231;
	color: #fff;
	font-size: 22px;
	text-align: center;
	padding: 10px 0px;
	margin: 15px 0px;
	cursor: pointer;
}

.member-donate a {
	color: #fff;
}

#featured-section {
	margin: 60px 0px 30px;
}

/* #featured-content .row {
	margin-bottom: 25px;
} */

/* #featured-one {
	background: url("../images/chapters.jpg") no-repeat;
	height: 298px;
	background-size: cover;
	position: relative;
}

#featured-two {
	background: url("../images/Join Us.jpg") no-repeat;
	height: 298px;
	background-size: cover;
	position: relative;
	background-position-y: -60px;
}

#featured-three {
	background: url("../images/about us.jpg") no-repeat;
	height: 298px;
	background-size: cover;
	position: relative;
}

#featured-four {
	background: url("../images/featured-four.JPG") no-repeat;
	height: 298px;
	background-size: cover;
	position: relative;
} */

.feature-row {
	margin-bottom: 25px;
	margin-inline: 0;
}

.feature-row:has(+ .feature-row) {
	margin-bottom: 0;
}

.feature-row:not(#gm-canvas .feature-row)>.column {
	position: relative;
	aspect-ratio: 1/1;
	padding: 0;
}

.feature-row:not(#gm-canvas .feature-row)>.column img:last-of-type {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	z-index: 0;
	object-fit: cover;
}

.feature-row:not(#gm-canvas .feature-row) h2 {
	position: absolute;
	bottom: 0%;
	width: 100%;
	padding: 13px 0px;
	background-size: contain;
	font-family: 'Montserrat', sans-serif;
	z-index: 2;
	margin-bottom: 0;
}

.feature-row h2 {
	background: rgba(53, 53, 53, 0.7);
	font-size: 40px;
	color: #fff;
	text-align: center;
}

.feature-row h2 a {
	color: #fff;
}

.feature-row h2 a:is(:hover, :focus) {
	text-decoration: none;
}

.feature-row:not(#gm-canvas .feature-row) h2 a::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.feature-row p:empty {
	display: none;
}

/* Calendar */

#event-column h2 {
	margin-top: 1em;
}

.calendar-events-section {
	padding-top: 25px;
}

.calendar-events-section h1 {
	font-size: 28px;
	color: #484949;
	padding-bottom: 20px;
}

.event-content {
	margin: 10px 0px;
}

.event-date-wrap {
	display: inline-block;
	border: 1px solid #A00707;
	color: #fff;
	margin-top: 7px;
}

.event-month {
	background: #A00707;
	padding: 4px 11px;
	text-transform: uppercase;
}

.event-date {
	color: #000;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	padding: 5px 11px;
	line-height: 1;
}

.event-details-wrap {
	display: inline-block;
}

a.ev-title-link {
	color: #000000;
	font-size: 18px;
}

p.event-blurb {
	color: #333333;
	font-size: 14px;
}

.event-blurb a {
	color: #A00707;
	font-size: 14px;
	font-weight: 500;
}

.all-events-link {
	text-align: right;
	padding-top: 25px;
}

.all-events-link a {
	color: #A00707;
	font-weight: 500;
}


/*--------------------------------------------------------
	CSS STYLE FOR INNER PAGES
--------------------------------------------------------*/


#content-section {
	font-size: 16px;
}


/*--------------------------------------------------------------
						Modal Log In
--------------------------------------------------------------*/
.modal {
	overflow-y: visible;
}

.modal-dialog {
	max-width: 250px;
	margin: 50px auto;
}

.modal-header {
	text-align: center;
}

#login {
	margin-top: 15px;
}

#login input {
	width: 100%;
	height: 38px;
	border-radius: 0px;
	margin: 0px auto;
	margin-bottom: 10px;
	padding: 3px;
}

#login input[type="submit"] {
	background: #A00707;
	color: #fff;
	border: 1px solid #A00707 !important;
	border-radius: 0px !important;
	padding: 0px;
	margin-top: 10px;
}

.login-inner-wrap #login a {
	padding-top: 20px;
	float: none;
}

#login input:last-of-type {
	margin: none;
}

h6.modal-title {
	color: #333;
	font-size: 18px;
	font-weight: 700;
}

input.submit-button-css-class {
	background: #A00707;
	color: #fff;
	width: 100% !important;
	font-size: 22px;
	text-transform: uppercase;
	text-align: center;
	padding: 10px 0px !important;
	margin: 10px 0px 15px !important;
	height: auto !important;
}

a.forgot-pass-css-class {
	color: #484949;
	font-weight: 500;
}

.modal-content {
	background-color: #DBDBDB;
}

#myModalLabel {
	color: #484949;
	font-size: 28px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
}

.modal-body #login a {
	color: #484949;
}

/*--------------------------------------------------------
	FOOTER
--------------------------------------------------------*/

/* #footer-row {} */

.footer-wrapper {
	padding-top: 50px;
}

#footer-wrap-right {
	text-align: right;
}

#footer-inner-wrap {
	border-top: 1px solid #BF2231;
	padding-top: 15px;
}

.mail-img {
	display: inline-block;
	max-width: 35px;
}

.mail-txt {
	display: inline-block;
	vertical-align: middle;
	padding-left: 10px;
	text-align: left;
}

.phone-img {
	display: inline-block;
}

.phone-txt {
	display: inline-block;
	padding-left: 10px;
}

#footer-social-media {
	text-align: right;
}

#footer-social-media img {
	display: inline-block;
	padding-left: 10px;
	height: auto;
	width: 40px;
}

.footer-text {
	padding: 15px 0px;
}



/*-----------------------------------Footer Menu*/

/*-------------------------------End-Footer Menu*/

/*--------------------------------------------------------
	UTILITIES
--------------------------------------------------------*/



/*----------- MEDIA QUERY --------------------*/

/* @media (min-width: 1000px) {
	.container {}
} */


@media (min-width: 990px) and (max-width: 1199px) {
	/* .container {} */

	.navbar-collapse.collapse {
		display: none !important;
	}

	#main-menu {
		margin-top: 0px;
	}

	.mobile-login {
		display: none;
	}
}

@media (max-width: 990px) {}

@media (min-width: 768px) and (max-width: 990px) {
	/* .container {} */

	#main-menu {
		margin-top: 0px;
	}

	#member-login-wrap {
		display: none;
	}

	#mail-wrapper,
	#phone-wrapper {
		margin-bottom: 15px;
	}

	#phone-wrapper {
		text-align: right;
	}

	#event-container {
		padding-left: 0px;
	}

	.search-wrap.hidden-md {
		display: none;
	}
}


@media (max-width: 767px) {
	/* .container {} */

	#search-menu-wrap {
		margin-top: 20px;
	}

	#main-menu {
		margin-top: 0px;
	}

	#member-login-wrap {
		display: none;
	}

	#featured-one,
	#featured-three {
		margin-bottom: 20px;
	}

	#mail-wrapper,
	#phone-wrapper {
		margin-bottom: 15px;
		text-align: center;
	}

	#footer-social-media {
		text-align: center;
	}

	.search-main-wrap {
		display: none;
	}
}


@media (max-width: 480px) {
	/* .container {} */

	#main-menu {
		margin-top: 0px;
	}

	#member-login-wrap {
		display: none;
	}

	#featured-one,
	#featured-three {
		margin-bottom: 20px;
	}

	#mail-wrapper,
	#phone-wrapper {
		margin-bottom: 15px;
		text-align: center;
	}

	#footer-social-media img {
		float: none;
	}

	#footer-social-media {
		text-align: center;
	}

	#nav-wrap {
		display: none;
	}

	#event-container {
		padding-left: 25px;
	}

	.search-main-wrap {
		display: none;
	}
}




/* small screen portrait */

@media (max-width: 321px) {

	.pull-right {
		float: none !important;
	}

}


/* small screen lanscape */

@media (max-width: 480px) {

	.pull-right {
		float: none !important;
	}

}