@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  
*/

/* Isivuno colors
#107E00  dark green
*/

:root {
  --primary: #fff; /* yellow */
  --secondary: #0C6200; /* dark green */
  --warning: #6b2012; /* main brown */
  --danger: #4b0f1e; /* dark plum */
}

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

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

.bg-secondary {
  background-color: #0C6200 !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;
}

body {
    font-size:1.2rem;
}

p, a, .whitePg li, .pgPad li {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 1.5rem;
}

#b1 a, #b2 a, #b3 a, #b4 a, #b5 a, #b6 a, #b7 a, #b8 a {
    color: #fff;
}
.logo {
    height: 65px;
    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: 20px 100px;
}
/* CARD */
.card {
    border:none;
}
.card-img-overlay p {
	text-shadow: 1px 1px 5px #232323;
    text-align: center;
}
.card-img-overlay h2 {
    text-shadow: 1px 1px 5px #232323;
}
.card-img {
     border-top-left-radius:0;
     border-top-right-radius: 0;
}
.smallText {
    font-size: 1rem;
}

/* FINANCIAL INFO IN FOOTER */
.finInfo {
    
}

/* CONTACT PAGE ADDED FROM OLD TEMPLATE */
.contactPage {
	background-color: #FFF;
	padding: 30px;
	
}

.contactPage p {
    font-size: 1.2rem;
    line-height: 1.8rem;
}

.contactPage h2 {
    font-size:1.4rem;
    line-height:2rem;
}

.contactPage h3 {
    font-size: 1.2rem;
    line-height: 1.8rem;
}

.contactPage a:link, a:focus {
	color: #363636;
}

.contactLeadPg p {
    font-size: 2rem;
    line-height: 2.8rem;
}

/* ABOUT PAGE ID LINKS */
.idLinks a {
    text-decoration: none;
    color: #aeaeae;
}

/* LEAD PARAGRAPH */
.leadPg {
    padding: 35px;
    line-height: 2rem;
    font-weight:bold;
}
.leadPg2 {
    font-size: 1.7rem;
    line-height: 2.5rem;
    
}

/* TEXT */
.mdText {
     font-size: 3.2rem;
    line-height:4rem;
}
.lgText {
    font-size: 4rem;
    line-height:4.8rem;
}

/* PADDING */
.pad50 {
    padding-top: 50px;
}

.pgPad {
    padding: 50px 0;
}

.imgPad {
    padding: 30px 0;
}

.boxPad {
    padding: 30px;
}
/* DARK BACKGROUND AND WHITE TEXT */
.darkBg {
    color:#fff;
}
.darkBg h3 {
    font-size: 2.2rem;
    font-weight: 100;
    padding-top: 50px;
    padding-bottom: 10px;
}

/* COLORED BACKGROUND SECTIONS AND WHITE SECTIONS */
.partners p {
    font-size: 2.2rem;
    padding: 50px 30px 10px 170px;
}
.whitePg h3 {
    font-size: 2.2rem;
    padding: 50px 30px 10px 0;
    font-weight: 100;
}
.whitePg p {
    padding: 0 30px 10px 0;
    line-height: 2.2rem;
}
.partnerLogos {
    height: 50px;
    width: auto;
    padding:10px;
}
.partnerLogos2 {
   height: 100px;
    width: auto;
    padding:10px; 
}
.myContainer {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}
/* MISSION STATEMENT */
.missionstmt{
    font-size: 1.8rem;
    font-weight: bold;
}
.mStmtText {
    padding: 90px 20px;
    line-height: 2.2rem;
}
.mStmtImg {
    background-image: url("../images/missionstmt2.jpg");
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: contain;
}


/* FORM */
.myForm {
    background-color: #fff;
    padding: 30px;
    margin: 20px;
}

/* SUCCESS PAGE */
.successText {
    text-align: center;
    padding: 80px 30px;
    font-size: 2rem; 
}

/* 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;
} -------------------------------------------------------REMOVE-----------*/
.footerbottom {
    background-color: #26282C;
    color: #818181;
    padding-bottom: 10px;
}
.footertext {
    font-size: 0.7rem;
}
.sMedia {
    display: inline-block;
}
.sMediaIcon {
    height: 40px;
}
/* ------------------------------ MEDIA QUERIES ----------------------------------- */
@media (max-width:600px){
.mdText {
     font-size: 2rem;
    line-height:2.8rem;
}
.lgText {
    font-size: 2.8rem;
    line-height:3.2rem;
}
}
@media (min-width:500px){
.coupleBanner {
    margin-top:-150px;
}
.card-img-overlay h2 {
    font-size: 2.2rem;
    padding-top: 20px;
    }    
.card-img-overlay p {
    font-size: 1.2rem;  
    padding: 20px 40px;
    line-height: 2.8rem;
    }     
}
@media (min-width:576px){

.coupleBanner {
    margin-top:-250px;
}
    #s1, #s2, #s3 {
        padding: 20px;
    }
.card-img-overlay h2 {
    font-size: 2.2rem;
    padding-top: 60px;
    }    
.card-img-overlay p {
    font-size: 1.7rem;  
    padding: 20px 40px;
    line-height: 2.8rem;
    }    
.myContainer {
    max-width: 540px;
  }
.leadPg {
    padding: 10px 35px 35px 35px;
    }
}
@media (min-width:768px){
.card-img-overlay h2 {
    font-size: 2rem;
    padding-top: 10px;
    }    
.card-img-overlay p {
    font-size: 1.4rem;  
    padding: 0;
    line-height: 1.8rem;
    }    
.myContainer {
    max-width: 720px;
  }
.partnerLogos {
    height: 80px;
    width: auto;
    padding:10px;
}
.partnerLogos2 {
   height: 120px;
    width: auto;
    padding:10px; 
}
}
@media (min-width:992px){
.coupleBanner {
    margin-top:-280px;
}
.introPg h2 {
    font-size: 1.6rem;
    line-height: 2.1rem;
}
.card-img-overlay h2 {
    font-size: 2rem;
    padding-top: 5px;
    }    
.card-img-overlay p {
    font-size: 1.2rem;  
    padding: 0;
    line-height: 1.8rem;
    }    
#s1, #s2, #s3, #b1, #b2, #b3, #b4, #b5, #b6, #b7, #b8, #c1, #c2, #c3, #c4, #c5, #c6, #c7, #c8, #d1, #d2, #d3, #d4 {
    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, #c1:hover, #c2:hover, #c3:hover, #c4:hover, #c5:hover, #c6:hover, #c7:hover, #c8:hover, #d1:hover, #d2:hover, #d3:hover, #d4:hover {
    transform: scale(0.95);
}
.addressRight {
    text-align: right;
    }
.addressLeft {
    text-align: left;
    }
.leadPg p {
    font-size: 1.6rem;
    padding: 0 35px 15px 35px;
}
.myContainer {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
.coupleBanner {
    margin-top:-370px;
}
.myContainer {
    max-width: 1140px;
  } 
 .leadPg p {
    padding: 20px 35px 15px 35px;
}  
.card-img-overlay h2 {
    font-size: 2rem;
    padding-top: 5px;
    }    
.card-img-overlay p {
    font-size: 1.8rem;  
    padding: 50px;
    line-height: 2.4rem;
    }    
}