@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,800;1,300&family=Secular+One&display=swap');

*
{
	font-family: 'Open Sans';
}
h1, h2, h3, h4
{
	font-family: 'Open Sans';
	font-weight: bold;
}
.navbar-brand
{
	font-family: 'Secular One';
}

.jumbo
{
	width: 100%;
	height: 400px;
	object-fit: cover;
	object-position: 50% 50%;
}


.event_list_item_cover
{
	background-size: cover;
}
.event_list_item_date
{
	background-color: rgba(255, 255, 255, 0.6);
	color: #1d3002;
	font-weight: bold;
	position: absolute;
	top: 20px;
	left: -3px;
	border-left: 3px solid #ccc;
	text-transform: uppercase;
}
.event_list_item_limit
{
	background-color: rgba(255, 255, 255, 0.6);
	color: #1d3002;
	font-weight: bold;
	position: absolute;
	bottom: 20px;
	right: -3px;
	border-right: 3px solid #ccc;
	text-transform: uppercase;
}
.featured_event_frame
{
	background-size: cover;
	background-position: center center;
}
.gradient-frame
{
	transition: background-image 4s linear;
	
}
.minh-400
{
	min-height: 400px;
}
.white_to_left
{
	background-image: linear-gradient(to left, rgba(255,0,0,0) 15%, rgba(255,255,255,.8) 60%);
}
.white_to_bottom
{
	background-image: linear-gradient(to bottom, rgba(255,0,0,0) 40%, rgba(255,255,255,.8));
}
.dark_to_top
{
	background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,.8));
}
.thumb_frame
{
}
.photo_thumb
{
	object-fit: cover;
	object-position: 50% 50%;
	cursor: pointer;
}
.slogan
{
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Open Sans';
	opacity: .8;
	color: #fff;
}
.page-link, .page-link:hover
{
	color: #198754;
}
.page-link:active
{
	outline: none;
}
.page-item.active .page-link
{	
  background-color: #198754;
  border-color: #198754;
}

.col-square:before{
    content: "";
    display: block;
    padding-top: 100%;  /* initial ratio of 1:1*/
	
	justify-content: center;
	align-items: center
}

.bg-cover
{
	background-size:	cover;
	background-position: center center;
}