@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700;900&display=swap');
.text-darkpink { color: #c83a78; }
.text-fusia { color: #c94eac; }
.text-flatblue { color: #27739f; }
.text-darkblue { color: #0e3063; }
.text-black { color: #000; }
.text-light-green { color: #82bc41!important; }
.text-green { color: #547929!important; }
.bg-light { background-color: #f5f5f5!important; }
.bg-flatblue { background: #27739f; }
.bg-darkblue { background: #0e3063; }
.bg-darkest-blue { background: #182044; }
.bg-light-green { background: #82bc41; }
.bg-green { background: #547929; }
.bg-fusia { background: #c94eac; }
.bg-darkpink { background: #c83a78; }
.border-flatblue { border-color: #27739f!important; }
.border-darkblue { border-color: #0e3063!important; }
.border-darkest-blue { border-color: #182044!important; }
.border-light-green { border-color: #82bc41!important; }
.border-fusia { border-color: #c94eac!important; }
.border-darkpink { border-color: #c83a78!important; }
.gradient-flat { background: linear-gradient(to bottom,#2773a1 50%,#ff0 50%,#0e3063 50%); }
.alert-danger { background: #e31c3d!important; }

#site_content{
min-height:70vh;
}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6
{
	font-family: 'Inter', sans-serif;
	font-weight: 700 !important;
	text-transform: uppercase;
}

h1,.h1,h2,.h2,.font-weight-bold,.fw-bolder { font-weight: 900 !important; }

.navbar-brand{
   font-family: 'Inter', sans-serif;
    font-weight:700;
    font-style:italic;
    font-size: 0.8em;
}
.navbar-light .navbar-nav .nav-link
{
	 font-family: 'Oswald', sans-serif;
	font-weight: 700 !important;
	letter-spacing: 0.5px;
	text-transform:uppercase;
	color: rgba(0,0,0,1);
	font-size:0.8rem;
}

.dropdown-toggle::after
{
	border: 0;
	content: " ";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	vertical-align: 0;
}

.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link:active { color: rgba(0,0,0,0.5) !important; }

.navbar-dark .navbar-nav .nav-link
{
	font-family: 'Inter', sans-serif;
	letter-spacing: 0.5px;
	padding-left: 1rem;
	padding-right: 1rem;
	color: rgba(255,255,255,1);
}

.navbar-dark .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link:active { color: rgba(255,255,255,0.5) !important; }
.navbar-nav .dropdown-menu {
	border:0;
	background-color:#fff !important;
}

.dropdown-item,.in-page-nav .nav-link
{
	padding: 0.7rem 1.5rem;
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size:0.8rem;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #0c4166;
}
.in-page-nav .nav-link.active { color: #000000; }
a { color: #0c4166; }
.text-primary { color: #0c4166 !important; }
.text-light-blue { color: #007bff !important; }
.text-dark-blue { color: #0c4166 !important; }
.text-gray { color: #6c757d !important; }
a.text-secondary:hover { color: #ccb929 !important; }
a.text-secondary:active { color: #ccb929 !important; }
a.text-secondary:focus { color: #ccb929 !important; }
.logo { max-width: 150px; }

.nav-link {
font-family: 'Inter', sans-serif;
color: #003399;
font-weight: 700;
}
.nav-link.active{
	color:#0c4166 !important;
}
.border-primary {
border-color: #dcdfe2 !important;
}


.btn{
font-family: 'Inter', sans-serif;
font-weight: 600;
border-width: 2px;
}
.btn:not(.btn-sm)
{
	
	font-size: 15px;
	letter-spacing: .5px;
	
	
	padding: .5rem 1.3rem;
}

.btn-lg
{
	letter-spacing: 0.75px !important;
	font-weight: 900 !important;
}

.btn-shadow { box-shadow: 4px 4px 0px rgba(0,0,0,0.1); }
.btn-shadow:hover { box-shadow: none !important; }
.btn-link:hover { text-decoration: none; }
.btn-success{
	background-color:#547929;
	border-color:#547929;
}
.btn-primary
{
	background: #03a9f4;
	border-color: #03a9f4;
}

.btn-dark-blue
{
	background: #0c4166;
	border-color: #0c4166;
	color: #fff;
}

.btn-dark-blue:hover,.btn-dark-blue:active
{
	background: #03a9f4;
	border-color: #03a9f4;
	color: #fff;
}

.btn-secondary
{
	background: #edc731;
	border-color: #edc731;
	color: #000;
}

.bg-dark { background: #000000 !important; }
.bg-primary { background: #03a9f4 !important; }
.bg-secondary { background: #edc731 !important; }
.bg-dark-blue { background: #0c4166 !important; }
.bg-grayish { background: #414141 !important; }
.bg-spooky-ghost { background: rgba(255,255,255,0.1) !important; }

.bg-border-box
{
	border: 5px solid #edc731;
	background: rgba(237, 215, 49, 0.7) !important;
}

.border-secondary { border-color: #edc731 !important; }
.border-chunky { border-width: 2px !important; }
#content { min-height: 60vh; }

.card-link-block{
border: 4px solid rgba(0, 0, 0, 0.125);
}
.card-link-block:hover
{
	background: #000000;
	border-color: #000000;
}

.card-link-block a{
	text-transform:uppercase;
	font-weight:900;
	color:#000;
	font-size:1.1rem;
	font-family: 'Inter', sans-serif;
}
.card-link-block a:hover { color: #ffffff !important; }

.card-link-block:hover img{
	filter:invert(100);
}
.card-link-block-green{
border: 4px solid #547929;
}
.card-link-block-green:hover
{
	background: #547929;
	border-color: #547929;
	color:#fff;
}
.card-link-block-green a{
	font-size:1rem;
	color:#547929;
}
.collapse-expanded-custom
{
	position: absolute;
	z-index: 999999;
	background: #fff;
	width: 100%;
	max-width: 1140px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.shadow-sm { box-shadow: 0 1px 16px 0 rgba(37,33,94,0.05) !important; }
#footer { }

.footer-logo
{
	max-width: 78px;
	position: absolute;
	left: 0;
	right: 0;
	top: -35px;
}

.footer-nav li a
{
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
}

@media (min-width:64rem)
{
	.poly-clip
	{
		height: auto;
		-webkit-clip-path: polygon(100% 0%,100% 0%,100% 100%,100% 100%);
		clip-path: polygon(100% 0%,100% 0%,100% 100%,100% 100%);
		-webkit-animation: coming-soon-figure-anim .6s var(--ease-out) forwards;
		animation: coming-soon-figure-anim .6s var(--ease-out) forwards;
	}
}

@media(min-width:391px){
.navbar-brand{
	font-size: 1.15rem;
}
}
@media (min-width:1200px)
{
.navbar-expand-xl .navbar-nav .dropdown-menu {
    top:84px;
}

}



@-webkit-keyframes coming-soon-figure-anim {
 from {
  -webkit-clip-path:polygon(100% 0%,100% 0%,100% 100%,100% 100%);
  clip-path:polygon(100% 0%,100% 0%,100% 100%,100% 100%)
 }
 to {
  -webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,10% 100%);
  clip-path:polygon(0% 0%,100% 0%,100% 100%,10% 100%)
 }
}
@keyframes coming-soon-figure-anim {
 from {
  -webkit-clip-path:polygon(100% 0%,100% 0%,100% 100%,100% 100%);
  clip-path:polygon(100% 0%,100% 0%,100% 100%,100% 100%)
 }
 to {
  -webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,10% 100%);
  clip-path:polygon(0% 0%,100% 0%,100% 100%,10% 100%)
 }
}

figure.blog-card
{
	font-family: 'Inter', sans-serif;
	position: relative;
	overflow: hidden;
	min-width: 230px;
	width: 100%;
	color: #000000;
	-webkit-perspective: 50em;
	perspective: 50em;
	margin: 0;
}

figure.blog-card *
{
	-webkit-box-sizing: padding-box;
	box-sizing: padding-box;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

figure.blog-card img
{
	max-width: 100%;
	vertical-align: top;
}

figure.blog-card figcaption
{
	top: 50%;
	left: 20px;
	right: 20px;
	position: absolute;
	opacity: 0;
	z-index: 1;
}

figure.blog-card h2,
figure.blog-card h4 { margin: 0; }
figure.blog-card h2 { font-weight: 600; }

figure.blog-card h4
{
	font-weight: 400;
	text-transform: uppercase;
}

figure.blog-card i { font-size: 32px; }

figure.blog-card:after
{
	background-color: #ffffff;
	position: absolute;
	content: "";
	display: block;
	top: 20px;
	left: 20px;
	right: 20px;
	bottom: 20px;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	opacity: 0;
}

figure.blog-card a
{
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	z-index: 1;
}

figure.blog-card:hover figcaption,
figure.blog-card.hover figcaption
{
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 1;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

figure.blog-card:hover:after,
figure.blog-card.hover:after
{
	-webkit-transform: rotateX(0);
	transform: rotateX(0);
	opacity: 0.9;
}

.image-container {
  max-height: 260px; /* adjust as needed */
  overflow: hidden;
}

.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width:600px)
{
.image-container {
  max-height: 180px; /* adjust as needed */
  overflow: hidden;
}

.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

}