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

/*************
TEXT
**************/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,600;1,400;1,600&family=Roboto+Slab:wght@400;600&display=swap');

body {
  font-family: 'Roboto Slab', Georgia, serif;
  font-size: 1.1rem;
  background: #fff;
}

.text-primary {
  color: #28a94e!important;
}


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

h2 {
  font-family: 'Poppins', Helvetica, Arial, sans-serif;
  font-weight: 700;
}

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


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

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

p {
  font-size: 1.2rem;
}

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

.bg-primary-gradient {
  background: rgb(40,169,78);
  background: radial-gradient(circle, rgba(40,169,78,1) 0%, rgba(26,142,63,1) 85%);
}

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

/*************
LINKS, BUTTONS and INPUT
**************/
a {
  box-shadow:inset 0 -2px 0 rgba(255,207,40,0.5), 0 2px 0 rgba(255,207,40,1);
  transition: box-shadow 0.30s;
  overflow: hidden;
  color: #28a94e;
}

a:hover {
  text-decoration: none;
  box-shadow:inset 0 -30px 0 rgba(255,207,40,0.2), 0 2px 0 rgba(255,207,40,1);
}

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

.btn {
  font-family: 'Poppins', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 0.85rem;
  margin: 5px 5px 5px 0px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 0.6rem 1.2rem;
  transition: 0.3s;
  box-shadow: none;
}

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

.btn-primary {
  background: #28a94e!important;
  color: #fff!important;
  border-color: #28a94e;
}

.btn-primary:hover {
  background: #1a8e3f!important;
  border-color: #1a8e3f;
}

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

.card {
  box-shadow: 0 0 5px #28a94e;
  padding: 5px;
}

.opacity-50 {
  opacity: 0.5;
}

hr {
  height: 30px;
  background: url(../img/hr.png) repeat-x 0 0;
  border: 0;
  max-width: 150px;
}

hr.left {
  margin: 1rem 0;
}

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

/*************
NAVIGATION
**************/
.navbar {
  font-family: 'Poppins', Helvetica, Arial, sans-serif;
}

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

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

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

/*************
FOOTER
**************/
footer ul {
  width: 100%;
}

footer ul li {
  list-style-type: none;
  display: inline-block;
  float: left;
}

footer ul li a {
  color: #777;
  box-shadow: none;
}

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

/*************
HEADERS
**************/
.home-header {
  border-bottom-left-radius: 50% 20%;
  border-bottom-right-radius: 50% 20%;
  padding: 10vh 0;
  background: url(../img/home-header-pattern.png), radial-gradient(circle, rgba(40,169,78,1) 0%, rgba(26,142,63,1) 85%);
}


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