/* FONT CUSTOMIZATIONS */
/* h2, h3, h4 {font-weight:bold !important}
h1 {font-size:2.5rem !important}
h2 {font-size:1.5rem !important}
h3 {font-size:1.2rem !important}
h4 {font-size: 1rem !important; line-height: 1.5rem !important;}
h5 {font-size: .8rem !important;} */

/* body, p, li {
  font-family: "Interstate", Arial, sans-serif;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  font-weight: lighter;
} */

/* .btn-primary {
    color: #ffffff !important;
    background-color: #A05EB5 !important;
    border-color: #A05EB5 !important;
} */

/* .btn {
    border-radius: 10px !important;
} */

.lavender-table {border-bottom:#A05EB5 2px solid}
.orange-table {border-bottom:#ED8B00 2px solid}
.cyan-table {border-bottom:#00bdf2 2px solid}
.aqua-table {border-bottom:#00b0b9 2px solid}

.lavender-table .row:nth-child(even) {background-color:#ecdff0}
.orange-table .row:nth-child(even) {background-color:#fbe8cc}
.cyan-table .row:nth-child(even) {background-color:#ccf2fc}
.aqua-table .row:nth-child(even) {background-color:#cceff1}

.lavender-table h4, .orange-table h4, .cyan-table h4, .aqua-table h4 {margin:0}

.background-lavender-aqua-20 {
	background: rgb(236,223,240);
	background: linear-gradient(90deg, rgba(236,223,240,1) 0%, rgba(204,239,241,1) 100%)
}
.background-aqua-20 {background: rgba(204,239,241,1)}
.background-lavender-20 {background: rgba(236,223,240,1)}
.background-tangerine-20 {background: #fbe8cc}
.background-cyan-20 {background: #ccf2fc}
.background-aqua {background: #00B0B9}

.skew {
  transform: skewX(-7deg);
}
    
.skew-inner {
  transform: skewX(7deg);
}

.skewbox {
  overflow:hidden; 
  width: 100%-10px;
  padding: 10px;
  transform: skewX(-7deg);
  border-radius:20px;
}
    
.skewbox-inner {
  width: 100%-10px;
  padding: 5%;
  transform: skewX(7deg);
}

.rounded-20 {border-radius:20px;}

/* #main-header #blue-wave-inner #main-header-lob a {
    font-size: 1.6em;
} */

/* #dropdownMenu2.btn-secondary {background-color:#ffffff; 
    border-color: #ffffff;
    color: #53565a; font-weight:lighter} */

/* LAYERS - MOBILE FIRST */
/* This first section pertains to xs size and up. media queries ahead to cover any overrides needed for sm, md, lg, xl */
/* Note also that any mods will cascade up to next size in order listed below and may need to be overridden in each */

#hero {}
.mantle-cta img {width:100%;}
/*.mantle {position:relative; overflow:visible;  }
.mantle .row {overflow:visible; position: relative; }*/
.mantle-bg {overflow:visible; position: relative;}
.mantle-bg-inner {position:absolute; overflow:visible;}
.mantle-cta a {text-decoration:none;}
.mantle-cta h2 {margin:0; padding:0}

#module1 {overflow:hidden; }
.module1 img {width:100%}
.module1 {overflow:visible; position: relative; }
#module1-bg1 {transform: translateX(-20%); opacity:0; transition: all 1s; }
#module1-bg1.reset {transform: translateX(0px); opacity:1; }
#module1-text1 {transform: translateX(15px); opacity:0; transition: all 1s;}
#module1-text1.reset {transform: translateX(0px); opacity:1; }
#module1-bg2 {transform: translateX(-20%); opacity:0; transition: all 1s .25s;}
#module1-bg2.reset {transform: translateX(0px); opacity:1; }
#module1-text2 {transform: translateX(15px); opacity:0; transition: all 1s .25s;}
#module1-text2.reset {transform: translateX(0px); opacity:1; }


.icon-fade1 {transform: translateY(5%); opacity:0; transition: all 1s; }
.icon-fade1.reset {transform: translateY(5%); opacity:1; }

.icon-fade15 {opacity:0; transition: all 1.5s; }
.icon-fade15.reset {opacity:1.5; }

.icon-fade2 {opacity:0; transition: all 2s; }
.icon-fade2.reset {opacity:1; }


#module2 {overflow:hidden; }
.module2 img {width:100%}
.module2 {overflow:visible; position: relative; }
.module2-inner {position:absolute; overflow:visible;}
.module2-inner2 {overflow:visible; }
#module2-bg1 {transform: translateX(15px); opacity:0; transition: all 1s; }
#module2-bg1.reset {transform: translateX(0px); opacity:1; }
#module2-bg2 {transform: translateX(25px); opacity:0; transition: all 1.5s; mix-blend-mode: multiply;}
#module2-bg2.reset {transform: translateX(0px); opacity:1; }
#module2-bg3 {transform: translateX(-25px); opacity:0; transition: all 1.5s;}
#module2-bg3.reset {transform: translateX(0px); opacity:1; }
#module2-photo {transform: translateX(20px); opacity:0; transition: all 2s; }
#module2-photo.reset {transform: translateX(0px); opacity:1; }
#module2-text1 {transform: translateX(15px); opacity:0; transition: all 1s;}
#module2-text1.reset {transform: translateX(0px); opacity:1; }

#module3 {overflow:hidden; }
.module3 {overflow:visible; position: relative; }
.module3-inner {position:absolute; overflow:visible;}
.module3-inner2 {overflow:visible; }
.module3 img {width:100%}
#module3-bg1 {transform: translateX(10%); opacity:0; transition: all 1s; }
#module3-bg1.reset {transform: translateX(0px); opacity:1; }
#module3-bg2 {transform: translateX(20%); opacity:0; transition: all 1.5s; }
#module3-bg2.reset {transform: translateX(0px); opacity:1; }
#module3-bg3 {transform: translateX(20%); opacity:0; transition: all 2s; }
#module3-bg3.reset {transform: translateX(0px); opacity:1; }
#module3-bg4 {transform: translateX(30%) translateY(30%); opacity:0; transition: all 2s; }
#module3-bg4.reset {transform: translateX(0px) translateY(0px); opacity:1; }
#module3-text {transform: translateX(-20%); opacity:0; transition: all 1.5s;}
#module3-text.reset {transform: translateX(0px); opacity:1; }
.module3 li {margin-bottom: .5rem}

/*#module3 {overflow:hidden; }
.module3 img {width:100%}
.module3 {overflow:visible; position: relative; }
#module3-bg1 {opacity:0; transition: all 1s; }
#module3-bg1.reset {opacity:1; }
#module3-bg4 {opacity:0; transition: all 1.5s; }
#module3-bg4.reset {opacity:1; }
#module3-bg2 {transform: translateX(-15%); opacity:0; transition: all 1.5s; }
#module3-bg2.reset {transform: translateX(0px); opacity:1; }
#module3-bg3 {transform: translateX(15%); opacity:0; transition: all 1.5s; }
#module3-bg3.reset {transform: translateX(0px); opacity:1; }
#module3-bg5 {transform: translateX(-20%); opacity:0; transition: all 1.5s; }
#module3-bg5.reset {transform: translateX(0px); opacity:1; }
#module3-bg6 {transform: translateX(20%); opacity:0; transition: all 1.5s; }
#module3-bg6.reset {transform: translateX(0px); opacity:1; }

*/

#module5 {overflow:hidden; }
.module5 img {width:100%}
.module5 {overflow:visible; position: relative; }
#module5-bg1 {opacity:0; transition: all 1s; }
#module5-bg1.reset {opacity:1; }
#module5-bg2 {opacity:0; transition: all 1s; }
#module5-bg2.reset {opacity:1; }
#module5-bg3 {opacity:0; transition: all 1s; }
#module5-bg3.reset {opacity:1; }
#module5-bg4 {opacity:0; transition: all 1S; }
#module5-bg4.reset {transform: translateX(0px); opacity:1; }
#module5-bg5 {transform: translateX(-10%); opacity:0; transition: all 1.5s; }
#module5-bg5.reset {transform: translateX(0%); opacity:1; }
#module5-bg6 {transform: translateX(10%); opacity:0; transition: all 1.5s; }
#module5-bg6.reset {transform: translateX(0%); opacity:1; }

#module6 {}


#module9 {overflow:hidden; }
.module9 img {width:100%}
.module9 {overflow:visible; position: relative; }
#module9-bg1 {transform: opacity:0; transition: all 2s; }
#module9-bg1.reset {transform: opacity:1; }
#module9-bg2 {opacity:0; transition: all 2s; }
#module9-bg2.reset {opacity:1;}
#module9-bg3 {transform: opacity:0; transition: all 2s; }
#module9-bg3.reset {transform: translateX(0px); opacity:1; }
#module9-bg4 {transform: translateX(-10%); opacity:0; transition: all 2s; }
#module9-bg4.reset {transform: translateX(0px); opacity:1; }





#module4 {overflow:hidden; }
.module4 {overflow:visible; position: relative; }
.module4-inner {position:absolute; overflow:visible; width:100%; }
#module4-bg1 { width:100%; transform: translateX(-15%); opacity:0; transition: all 1s; mix-blend-mode: multiply;}
#module4-bg1.reset { transform: translateX(0px); opacity:1; }
#module4-bg2 { width:100%; transform: translateX(-25%); opacity:0; transition: all 1.5s; mix-blend-mode: multiply;}
#module4-bg2.reset { transform: translateX(0px); opacity:1; }
#module4-bg3 { width:100%; transform: translateX(-25%); opacity:0; transition: all 1.5s;}
#module4-bg3.reset { transform: translateX(0px); opacity:1; }
#module4-text { transform: translateX(10%); opacity:0; transition: all 1.5s;}
#module4-text.reset {  transform: translateX(0px); opacity:1; }


/* MEDIA QUERIES */
/* Extra small devices (portrait phones, less than 576px)
 No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 

}

/* Medium-Large devices (desktops, Tablet and up, 768px and up)  */
@media (min-width: 768px) { 

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

}



/* -------------- IE HACKS ------------------- */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /*.mantle-bg-wrapper { left:-480px; text-align:center }*/
}

/* IF NEEDED LATER - MORE MEDIA QUERIES FOR IE

@media all and (min-width: 768px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
}

@media all and (min-width: 1200px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
}
*/