/**
 * @file
 * Subtheme specific CSS.
 */

/*************
TEXT
**************/
@import url('https://fonts.googleapis.com/css?family=Literata:400,400i|Nunito:400,700&display=swap');

body {
	font-family: 'Nunito', Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  background: #fff;
}

.text-primary {
  color: #0056A6!important;
}

h1 {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  font-weight: 700;
}

h2 {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

h3 {
  font-family: 'Literata', Georgia, serif;
  font-size: 1.5rem;
}


h6 {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9rem;
}

p.lead {
  font-size: 1.8rem;
  opacity: 0.9;
}

p {
  font-size: 1.2rem;
}

/*************
BACKGROUND COLORS
**************/
.bg-light {
  background: #f8f9fa !important;
}
.bg-primary {
  background: #0056A6!important;
}

.bg-primary-gradient {
  background: rgb(0,112,215);
  background: radial-gradient(circle, rgba(0,112,215,1) 0%, rgba(0,82,158,1) 85%);
}

.bg-secondary {
  background: #E4C042!important;
}

/*************
LINKS, BUTTONS and INPUT
**************/
a {
  box-shadow:inset 0 -2px 0 rgba(0,67,120,0.5), 0 2px 0 rgba(0,67,120,1);
  transition: box-shadow 0.30s;
  overflow: hidden;
  color: #0255a5;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: #0255a5;
  box-shadow:inset 0 -30px 0 rgba(0,67,120,0.2), 0 2px 0 rgba(0,67,120,1);
}

.view-media-assets a:hover,
.view-media-assets a {
  box-shadow: none;
  text-decoration: none;
}

.btn:hover {
  box-shadow: none;
}

/*** default button ***/
.btn {
	background: #0255a5;
	color: #fff;
	border-radius: 25px;
	padding: 15px 25px;
	font-family: 'Nunito', Helvetica, Arial, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 1rem;
	font-weight: bold;
	transition: 0.3s;
	box-shadow: 0!important;
}

	.btn:hover {
		background: #004378;
		color: #fff;
	}

	.btn:active, .btn:focus {
		background: #004378;
	}

	.btn:focus-visible {
		border-color: #222;
		box-shadow: 0 0 0 .25rem rgba(0,67,120,.25);
	}

.btn-primary {
  background: #0056A6!important;
  color: #fff!important;
  white-space: normal;
}

.btn-primary:hover {
  background: #043869!important;
}

/*************
MISC - BORDERS, EFFECTS, ETC
**************/
.img-outline {
  box-shadow: 0 0 5px #0056A6;
  padding: 5px;
}
.image-round_image {
  border-radius: 50%;
  box-shadow: 0 0 5px #0056A6;
  padding: 5px;
}

.card {
  padding: 0px;

  border: 0;
  transition: 0.3s;
}



	.press-card {
		min-width: 16rem;
    padding-bottom: 4rem;
	}

	 @media (min-width: 860px) and (max-width: 1145px) {
		.press-card {
			min-width: 10rem;
		}
	 }

.press-card .card-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

	.card:hover {
		box-shadow: 0 0 5px #0056A6;
	}

	.card .node__content {
		margin-top: 0px!important;
	}

.opacity-50 {
  opacity: 50%;
}

hr {
	background: #75cbe2;
	border: 2px solid #75cbe2;
	max-width: 200px;
}

.path-frontpage .col-auto {
	padding: 0!important;
}

.top-border {
	border-top: 10px solid #7BACED;
}

.bottom-border {
	border-bottom: 10px solid #7BACED;
}

hr.left {
  margin: 1rem 0;
}

img[data-insert-type="image"] {
  max-width: 100%;
  height: auto;
}

/*************
NAVIGATION
**************/
.navbar {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}

.navbar-brand {
  font-weight: 800;
}

.navbar a {
  transition: 0.3s;
  box-shadow: none;
  border: 0;
  font-size: 1.25rem;
}

.navbar a.btn {
	font-size: 1rem;
}

.navbar-light .navbar-nav .nav-link.is-active {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-toggler {
	background: #FFF;
  border: 1px solid #0255a5 !important;
	color: #fff;
	border-radius: 25px;
	padding: 15px 25px;
	font-family: 'Nunito', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	transition: 0.3s;
	box-shadow: 0!important;
}

/*************
FOOTER
**************/
footer ul.navbar-nav {
 display: block!important;
 text-align: center;
}

footer ul.navbar-nav li {
  list-style-type: none;
	display: inline-block;
	padding-right: .5rem;
	padding-left: .5rem;
}

	footer ul.navbar-nav li:last-child {
		list-style-type: none;
		display: inline-block;
		padding-right: .5rem;
		padding-left: .5rem;
	}

		footer ul.navbar-nav li:last-child a {
			background: #0255a5;
			color: #fff;
			border-radius: 25px;
			padding: 8px 15px;
			font-family: 'Nunito', Helvetica, Arial, sans-serif;
			font-weight: 700;
			text-transform: uppercase;
			letter-spacing: 1px;
			font-weight: bold;
			transition: 0.3s;
			box-shadow: 0!important;
			font-size: 1rem;
		}

			footer ul.navbar-nav li:last-child a:hover {
				color: #fff!important;
			}

footer ul.navbar-nav li a {
  color: #000;
  box-shadow: none;
   text-transform: uppercase;

}

footer ul.navbar-nav li a:hover {
  color: #555;
  box-shadow: none;
}

/*************
HEADERS
**************/
.home-header {
  padding: 2vh 0;
  /*background: url(../img/home-header-pattern.png), radial-gradient(circle, rgba(0,112,215,1) 0%, rgba(4,56,105,1) 85%);
  border-bottom-left-radius: 50% 20%;
  border-bottom-right-radius: 50% 20%;*/
}


/*************
DRUPAL-SPECIFIC STYLES
**************/
.alert-wrapper {
  position: relative;
}
