@charset "UTF-8";

/* ----------------------------------------
main-visual-section
---------------------------------------- */

section#main-visual-section{
	margin-top:0;
	margin-bottom:0;
	padding-top:12px;
	padding-right:;
	padding-bottom:20px;
	padding-left:;
}

#main-visual-1 .carousel-indicators{
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:0;
}

#main-visual-1 .carousel-indicators [data-bs-target]{
	border:none;
	border-radius:10px;
	width:10px;
	height:10px;
	background-color:#bc034a;
	opacity:0.5;
	box-shadow:0px 0px 7px rgba(255, 255, 255, 0.9);
}

#main-visual-1 .carousel-indicators [data-bs-target].active{
	opacity:0.9;
}

#main-visual-1 .carousel-control-next,
#main-visual-1 .carousel-control-prev{
	width:4%;
	opacity:0.5;
	text-shadow:0px 0px 6px rgba(255, 255, 255, 0.75);
}

#main-visual-1 .carousel-indicators [data-bs-target]:focus,
#main-visual-1 .carousel-indicators [data-bs-target]:hover,
#main-visual-1 .carousel-control-next:focus,
#main-visual-1 .carousel-control-next:hover,
#main-visual-1 .carousel-control-prev:focus,
#main-visual-1 .carousel-control-prev:hover{
	opacity:0.9;
}

#main-visual-1 .carousel-control-prev-icon{
	background-image:none;
	color:#bc034a;
	font-size:1.25rem;
	margin-top:-0rem;
}

#main-visual-1 .carousel-control-next-icon{
	background-image:none;
	color:#bc034a;
	font-size:1.25rem;
	margin-top:-0rem;
}


@media screen and (min-width: 0px) and (max-width: 767px){
	section#main-visual-section{
		padding-top:0;
		padding-bottom:0;
	}

	section#main-visual-section>.row>.col-12{
		padding:0;
	}

	#main-visual-1 .carousel-indicators{
		display:none;
	}

	#main-visual-1 .carousel-control-next,
	#main-visual-1 .carousel-control-prev{
		display:none;
		width:10%;
	}
}








/* ----------------------------------------
section
---------------------------------------- */

section.wrapper h2{
	margin-top:0;
	margin-bottom:0.75em;
	font-size:1.5rem;
}








/* ----------------------------------------
members-block
---------------------------------------- */

#members-block{
	margin-bottom:0;
	padding:0 20px 20px 20px;
}

.members-btn{
	border:solid 2px #dfa9e0;
	width:100%;
	max-width:300px;
	font-size:25px;
}

@media screen and (min-width: 0px) and (max-width: 767px){
	#members-block{
		margin:0 0 -20px 0;
		padding:20px 20px 20px 20px;
	}

	.members-btn{
		width:100%;
		max-width:200px;
		font-size:20px;
	}
}








/* ----------------------------------------
top-main-nav
---------------------------------------- */

#top-main-nav{
	margin-bottom:0;
	padding-bottom:20px;
}

#top-main-nav .main-nav-row>div{
}

#top-main-nav .main-nav-row .main-nav-item{
	display:block;
}

@media screen and (min-width: 0px) and (max-width: 767px){
	#top-main-nav{
		margin-bottom:20px;
		padding-top:20px;
		padding-bottom:0;
	}
	#top-main-nav .main-nav-row>div{
		padding:0;
	}
}








/* ----------------------------------------
top-banner-fluid
---------------------------------------- */

#top-banner-fluid{
	margin-bottom:20px;
	padding:0 12px 0 12px;
}

#top-banner-fluid .top-banner-fluid-item:last-child p{
	margin-bottom:0;
}

@media screen and (min-width: 0px) and (max-width: 767px){
	#top-banner-fluid{
/* 		margin-bottom:0; */
		padding:0 0 0 0;
	}

	#top-banner-fluid .top-banner-fluid-item p{
		margin-bottom:0;
	}

}








/* ----------------------------------------
top-topics
---------------------------------------- */

#top-topics{
	margin:0 0 1em 0;
	padding-right:12px;
	padding-left:12px;
}

#top-topics .topics-heading h2,
#top-topics .topics-heading a{
	margin:0;
	padding:0.325em 0.25em;
	text-decoration:none;
	font-size:1.0rem;
	color:#ffffff;
	line-height:1.5em;
}

#top-topics .topics-heading h2{
	font-size:1.09rem;
}

/* #top-topics .topics-heading a:hover{
	text-decoration:underline;
} */

#top-topics .topics-list-row .topics-item{
	display:block;
	margin:16px 0 4px 0;
	text-decoration:none;
	color:#333333;
}

#top-topics .topics-list-row .topics-item .topics-date-text{
	font-weight:bold;
}

#top-topics .topics-list-row .topics-item .topics-date .badge{
	transform:translateY(-0.25em)
}

#top-topics .topics-list-row .topics-item p{
	margin:0.125em 0 0 0;
}

@media screen and (min-width: 0px) and (max-width: 767px){
	#top-topics{
		margin:0 0 24px 0;
		padding-right:0;
		padding-left:0;
	}

	#top-topics .topics-list-row .topics-item{
		margin:12px 0 2px 0;
	}

	#top-topics .topics-list-row .topics-item .topics-date-text{
		display:block;
		padding-bottom:0.25em;
	}
}








/* ----------------------------------------
top-feature
---------------------------------------- */

#top-feature{
	margin:0 0 1em 0;
	padding-right:12px;
	padding-left:12px;
}

#top-feature .feature-heading{
	margin-bottom:0.5em;
}

#top-feature .feature-heading h2,
#top-feature .feature-heading a{
	margin:0;
	padding:0.325em 0.25em;
	text-decoration:none;
	font-size:1.0rem;
	color:#ffffff;
	line-height:1.5em;
}

#top-feature .feature-heading h2{
	font-size:1.09rem;
}

/* #top-feature .feature-heading a:hover{
	text-decoration:underline;
} */

#top-feature .feature-heading h2 small{
	font-size:0.81em;
	color:#eeee99;
}

#top-feature .feature-list-row{
	margin:0 -1.25em;
}

#top-feature .feature-list-row>div{
	padding:0.5em;
}

#top-feature .feature-list-row .feature-item{
	display:block;
}

#top-feature .feature-list-row .feature-item-img{
	width:100.1%;
	padding:100.1% 0 0 0;
	background-color:#f0f5f8;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
}

@media screen and (min-width: 0px) and (max-width: 767px){
	#top-feature{
		padding-right:0;
		padding-left:0;
	}

	#top-feature .feature-heading{
		margin-bottom:0;
	}

	#top-feature .feature-list-row{
		margin:0 -0.75em;
	}

	#top-feature .feature-list-row>div{
		padding:0;
	}

}








/* ----------------------------------------
top_banner
---------------------------------------- */

#top-banner{
	margin:0 0 8px 0;
	padding-right:12px;
	padding-left:12px;
	padding-bottom:12px;
}

#top-banner .banner-list-row{
	margin:-8px -1.25em;
}

#top-banner .banner-list-row>div{
	padding:0.5em;
}

#top-banner .banner-list-row .banner-item{
	display:block;
}

@media screen and (min-width: 0px) and (max-width: 767px){
	#top-banner{
		padding-right:0;
		padding-left:0;
		padding-bottom:0;
	}

	#top-banner .banner-list-row{
		margin:0 -0.75em 20px -0.75em;
	}

	#top-banner .banner-list-row>div{
		padding:0;
	}

}








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

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