@charset "UTF-8";
/* DCC2020 CSS Document */

/* 	
#6b2012  main brown
#0d617e  teal
#f6b633  yellow
#e7ba86  flesh
#94411c  light brown
#4b0f1e  dark plum
#5e1616  plum brown
#813117  brown  
*/

:root {
  --primary: #f6b633; /* yellow */
  --secondary: #0d617e; /* teal */
  --warning: ##6b2012; /* main brown */
  --danger: #4b0f1e; /* dark plum */
}

.bg-primary {
  background-color: #f6b633 !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #f6b633 !important;
}

.bg-secondary {
  background-color: #0d617e !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #0d617e !important;
}

.bg-danger {
  background-color: #4b0f1e !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #4b0f1e !important;
}


p {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 1.2rem;
}

#b1 a, #b2 a, #b3 a, #b4 a, #b5 a, #b6 a, #b7 a, #b8 a {
    color: #fff;
}
.logo {
    height: 40px;
    width: auto;
}
/* Hover state on touch screens */
@media(hover: hover) and (pointer: fine) {
    nav a:hover {
        background: transparent;
    }
}
/* INFO BANNER */

.infoBanner {
    background-color: #D9D2D1;
    padding-top: 15px;
    line-height: 1rem;
    margin-top: -2px;
}
.coupleBanner {
    margin-top:-130px;
}
/* INTRO PARAGRAPH */
.introPg {
    padding: 80px 20px;
}
.introPg h2 {
    font-size: 1.3rem;
    font-weight: 200;
    line-height: 2rem;
}
.mysvg {
    width: 20px;
    height:auto;
    margin: 10px 5px;
}
#s1, #s2, #s3 {
    padding: 15px;
}
/* CARD */
.card {
    border:none;
}
.card-img-overlay p, h2 {
	text-shadow: 1px 1px 5px #232323;
    text-align: center;  
}
.card-img {
     border-top-left-radius:0;
     border-top-right-radius: 0;
}

/* MISSION STATEMENT */
.missionstmt{
    font-size: 1.8rem;
    font-weight: bold;
}

.mStmtText {
    padding: 90px 20px;
    line-height: 2.2rem;
}
.mStmtImg {
    background-image: url("../images/missionstmt.jpg");
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: contain;
}

/* LEADER BIOS */
.whitePg h3 {
    font-size: 2.2rem;
    padding: 50px 30px 10px 0;
    font-weight: 100;
}

/* FOOTER */
.addressLeft a, .footerbottom a {
    text-decoration: none;
    color:inherit;
}
.footertop {
    background-color: #313138;
    color: #BCBCBC;
    padding: 15px;
    text-align: center;
}
.addressLeft, .addressRight {
    text-align: center;
}
.footerbottom {
    background-color: #26282C;
    color: #818181;
    padding-bottom: 10px;
}
.footertext {
    font-size: 0.7rem;
}
.sMedia {
    display: inline-block;
}
.sMediaIcon {
    height: 40px;
}
/* ------------------------------ MEDIA QUERIES ----------------------------------- */
@media (min-width:500px){
.coupleBanner {
    margin-top:-150px;
}
}
@media (min-width:576px){
.coupleBanner {
    margin-top:-250px;
}
.card-img-overlay h2 {
    font-size: 2rem;  
    padding-top: 40px;
    }    
.card-img-overlay p {
    font-size: 1.6rem;
    line-height: 2rem;
}
.smallText {
    font-size: 1rem;
} 
}
@media (min-width:768px){
.card-img-overlay h2 {
    font-size: 1rem;    
    }    
.card-img-overlay p {
    font-size: 0.8rem;
    line-height: 0.9rem;
}
.smallText {
    font-size: 0.7rem;
}     
}
@media (min-width:992px){
.coupleBanner {
    margin-top:-280px;
}
.introPg h2 {
    font-size: 1.6rem;
    line-height: 2.1rem;
}
.card-img-overlay p {
    font-size: 0.9rem;
    line-height: 1.4rem;
}
.smallText {
    font-size: 0.7rem;
}    
#s1, #s2, #s3, #b1, #b2, #b3, #b4, #b5, #b6, #b7, #b8, #b9 {
    transition: all 0.8s ease-in-out;    
    }
#s1:hover, #s2:hover, #s3:hover, #b1:hover, #b2:hover, #b3:hover, #b4:hover, #b5:hover, #b6:hover, #b7:hover, #b8:hover, #b9:hover {
    transform: scale(0.95);
}
.addressRight {
    text-align: right;
    }
.addressLeft {
    text-align: left;
    }
}

@media (min-width: 1200px) {
.coupleBanner {
    margin-top:-370px;
}
.card-img-overlay h2 {
    font-size: 1.6rem;    
    }    
.card-img-overlay p {
    font-size: 1.3rem;
    line-height: 1.9rem;
}    
}