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


 /* a lot of the following will need to be altered a and reveamped */

 .bg-main{
    background: #2B8381 !important;
 }

 /* fix for navbar id */

 .bg-main #navbar-main {
   background: #2B8381 !important;
   color: white;
 }

 #navbar-main a.nav-link.nav-link {
  color:white;
 }

#navbar-main a.nav-link.nav-link:hover {
  border-radius: var(--bs-border-radius)!important;
  color:white;
  background-color:#064646;
  
 }

 .site-footer .block {
   border:none;
 }

#block-cobc-solution-contact, #block-cobc-solution-servicetimesfooter{
   border:none;
}

 #block-cobc-solution-contact h2, #block-cobc-solution-servicetimesfooter h2{
   font-size:2.5rem;
   text-transform: unset;
   color:white;
 }

 #block-cobc-solution-contact p, #block-cobc-solution-servicetimesfooter p{
   color:white;
   font-size: 1rem;
 }

 /* basic-page */

 #basic-header{
  background-color: lightgray;
  padding: 2rem 0;
 }

 .node__content{
  margin-top:0;
 }

 .social-icons{
  color:white;
  font-size: 2.5rem;
 }

 .social-icons:hover{
  color: black;

 }

 .basic-subheader {
  background-color: #064646;
  color:white;

 }

 .basic-subheader p{
  font-size: 1.75rem;
  max-width: 80%;
  margin: auto;
  padding: 2rem 0;
  letter-spacing: 2px;
  line-height: 3rem;
 }

 p.contact{
  font-size:1.5rem;
 }

 /* temp btn */
 a.btn-primary {

  background-color:#064646;
  font-weight: bold;
  font-size: 1.2rem;
  letter-spacing: 3px;
  border-color:#2b8381;
 }

a.btn-primary:hover, a.btn-primary:focus{
  background-color: #2b8381;
  border-color:#064646;
}

p.statement{
font-size:1.5rem;
line-height:3rem;
}

a.event-card{
text-decoration: none;
color: #064646;
border-color:#064646;
}

a.event-card:hover .card-title{
text-decoration: underline;
color: #2B8381 ;
}

a.event-card:hover {
color: #2B8381;
}

a.event-card .card:hover{
box-shadow: 0 0 0 4px #2B8381;
}

.event-card .card{
border:none;
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}

.sidebar_second.sidebar{
background-color: lightgrey;
padding-left: 1.5rem;
padding-right: 1.5rem;
}

.font-larger{
font-size: larger;
}

.bg-cobc-dark{
background-color:#064646;
}

.node .event-card .card .field--type-image{ 
margin:0;
}

.btn-inner-bg{
  background-size:cover;
  min-height:225px;
}

.yummy-honey{
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}

.block-views-blockworships-block-1 {
  background-color:#0a1744;
  color:white;
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin-bottom: 1rem;
}

.block-views-blockworships-block-1 .row .col-md-4:nth-child(odd) .btn-img-teaser .btn-inner-bg{
  background-color: #064646;

}

.block-views-blockworships-block-1 .row .col-md-4:nth-child(even) .btn-img-teaser .btn-inner-bg{
  background-color: #2B8381;

}

.btn-inner-bg {
  border:solid white 1px;
  padding: 1rem;
}

a.btn-img-teaser{ 
  text-decoration:none;
}

figure.video-bg{
  position: relative;
  width:100%;
  min-height: 650px;
  max-height: 650px;
  overflow: hidden;
  margin:0;
}

.video-bg video{
  position: absolute;
  height: auto;
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;

}


.video-bg #hero-statement{
  position: absolute;
  z-index: 1;
  color: white;
  font-size: 2.5rem;
  bottom: 1rem;
  right: 1rem;
  max-width: 880px;
  margin: 1rem;
  text-shadow: -1px -1px 0 #000,  
  1px -1px 0 #000,
 -1px 1px 0 #000,
  1px 1px 0 #000;
  font-weight:bold;
}

.site-footer h2{
  font-size: 2.5rem;
  text-transform: unset;
  color: white;
}


.btn-inner-bg h3.card-title{
  text-align:center;
  line-height: 1.5;
}

.navbar-brand img{
  width:125px;

}

.card.staff-card {
  border:none;
}

.card.staff-card .staff-card-image img{
  width:100%;
  height:auto;
  margin:0;
  border-radius: 35% 10%;
  border-width: 81px;
  border: solid transparent;
  overflow: hiden;
  overflow: hidden;
  background-image: linear-gradient(to bottom left, #2b8381, #064646);
  border-width: .5rem;
  background-origin: border-box;
  background-size: cover;
  box-sizing: border-box;
  box-shadow: 3px 4px 5px 3px rgba(0,0,0, 0.5);
}

.card.staff-card .field--name-field-media-image-1{
  width:100%;
  margin:0;
  float:none;
}

.staff-card-image .field--name-field-portrait{
  margin:0;
}

/* 
.staff-card-image{
   background-clip: content-box, border-box;  
    border-radius: 35% 10%;
    border-width: 81px;
    border: solid transparent;
    overflow: hiden;
    overflow: hidden;
    background-image: linear-gradient(to bottom left, #2b8381, #064646);
    border-width: .5rem;
    background-origin: border-box;
    background-size: cover;
    box-sizing: border-box;
    box-shadow: 3px 2px 5px 5px rgba(0,0,0, 0.5);

} */

h2.staff-name {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 2px;
  color: #009a8e;
}

.card.staff-card .field--name-field-position {
  font-weight: 700;
  font-size: 1.2rem;
}

.card.card-info div{
  margin:0;
}

.region-featured-bottom-third {
  background-color:#064646;
}

.region-featured-bottom-third > p, .region-featured-bottom-third > h2, .region-featured-bottom-third > h3{
  color:white;
}

.card {
  overflow: hidden;
}