/* Agency Custom CSS */

/* Fix for button boxes margin alignment */
.subpage-text-container .subpage-text-inner .row.expanded.button-wrapper .columns:first-child {
    margin-left: 0;
}
/* ------------------Custom Font Awesome CSS-------------------- */
.icon-color-1 { 
color: blue; 
}

.icon-color-2 { 
color: #1a4f8c; 
}

.icon-color-3 { 
color: #102f54; 
}

.icon-color-4 { 
color: #BF5210; 
}

.icon-color-5 { 
color: #fff; 
}

.icon-color-6 { 
color: #73ac50; 
}

.icon-color-JAG-Blue { 
color: #013e7e; 
}

.icon-color-JAG-Red { 
color: #cc2027; 
}
/* 2019 Custom CSS */
#prefooter {
    background-color: #fefefe;
    padding: 1rem 0;
}
#prefooter p {
    margin-bottom: 0;
}
#prefooter hr {
    margin: 0 auto 0.5rem auto;
}
@media screen and (max-width: 1024px) {
    .table-stack { display: block; }
    .table-stack tr {
        display: flex;
        flex: 1;
        flex-direction: column;
        width: 100%;
    }
    .table-stack tr th, .table-stack tr td {
        flex: 1;
        width: 100% !important;
    }
}
/* ----------------Image shadow-------------------------- */
img.hover-shadow {
  transition: 0.3s;
}
.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/* ----------------------Image enlarge (thanks to https://codepen.io/iclldnz)------------------- */
.image-box img:hover {
    transform: scale(1.1);
}
/* --------------Navigation Link Highlights----------------- */
.mainnav {
background-color: #1a4f8c;
border-radius: 25px;
margin: 5px;
}

.navitem {
background-color: #E8E8E8;
border-radius: 25px;
margin: 5px;
}

.navitem-1 {
background-color: #1a4f8c;
border-radius: 25px;
margin: 10px;
}

.navitem-2 {
background-color: #BF5210;
border-radius: 25px;
}

.navitem a:hover {
  background-color: lightgreen;
border-radius: 25px;
}

.navitem-1 a:hover {
  background-color: lightgreen;
border-radius: 25px;
}

.navitem-2 a:hover {
  background-color: lightgreen;
border-radius: 25px;
}

.mainnav a:hover {
  background-color: lightgreen;
border-radius: 25px;
}

.enlarge-box a:hover {
    transform: scale(1.02);
}

/* ----------Text Colors----------------- */

.white-text {
    color:#fff !important;
    }
    
.black-text {
    color:#000000 !important;
    }
    
.dwddarkblue-text {
    color:#102f54 !important;
    }
    
.dwdlightblue-text {
    color:#1a4f8c !important;
    }
    
.dwdMainBlue-text {
    color:#0a3255 !important;
    }
    
.dwdGreen-text {
    color:#73ac50 !important;
    }
    
.dwdTurquoise-text {
    color:#007a89 !important;
    }

.red-text {
    color:#FF0000 !important;
    }
    
.maroon-text {
    color:#700000 !important;
    }
    
.id-green-text {
    color:#159F62 !important;
    }
    
.govgold-text {
    color:#ffc82d !important;
    }
    
.green-text {
    color:#228b22 !important;
    }
    
.black-text {
    color:#000000 !important;
    }
    
.jagRed {
    color:#cc2027 !important;
    }
    
.jagBlue {
    color:#013e7e !important;
    }
    
.jagGrey {
    color:#dddddd !important;
    }
    
.wblBlue {
    color:#1a4f8c !important;
}

.wblGold {
    color:#FEC524 !important;
}

.gwecGold {
    color:#F7c05c !important;
    }
    
.gwecBlue {
    color:#032575 !important;
    }
    
.gwecGrey {
    color:#E7E7E8 !important;
    }
    
.BrgWdBlue {
    color:#00ADEE !important;
    }
    
.BrgKGreen {
    color:#84a845 !important;
    } 
    
.BrgHEPurple {
    color:#9E1F63 !important;
    }  
    
.BrgEDPurple {
    color:#736b8f !important;
    }  
    
.BrgCTERed{
    color:#e7585f !important;
    }  
    
.BrgCFOrange{
    color:#f69320 !important;
    } 

.BrgChamberBlue{
    color:#394c5d !important;
    } 
    
.BrgAEPink{
    color:#EB008B !important;
    } 
    
.BrgCCGreen{
    color:#397e8f !important;
    } 

/* ------------------Background Call Out Colors----------------------*/

.callout.orange {
    background-color: #ff6d00;
    }

.callout.lightblue {
    background-color: #3bb6d5;
    }

.callout.red {
    background-color: #FF0000;
    }
    
.callout.yellow {
    background-color: #FFFF00;
    }
    
.callout.green {
    background-color: #228b22;
    }
    
.callout.dwdmainblue {
    background-color: #0a3255;
    }

.callout.dwdmaingreen {
    background-color: #73ac50;
    }
    
.callout.dwddarkblue {
    background-color: #102f54;
    }
    
.callout.dwdlightblue {
    background-color: #1a4f8c;
    }
    
.callout.dwdlightbluelight {
    background-color: #2267b7;
    }
    
.callout.white {
    background-color: #ffffff;
    }
    
.callout.jagRed{
    background-color: #cc2027;
    }
    
.callout.jagBlue {
    background-color: #013e7e;
    }
    
.callout.jagGrey {
    background-color: #dddddd;
    }
    
.callout.wblGold{
    background-color: #FEC524;
    }
    
.callout.wblBlue {
    background-color: #1a4f8c;
    }
    
.callout.wblGreen {
    background-color: #A9D18E;
    }
    
.callout.gwecGold{
    background-color: #F7c05c;
    }
    
.callout.gwecBlue {
    background-color: #032575;
    }
    
.callout.gwecGrey {
    background-color: #E7E7E8;
    }


.image-box img:hover {
    transform: scale(1.1);
}
/*-----------------------------------AdobeAnimate Container-------------------------------*/

.animateContainer {
	position: relative;
	margin-bottom: 10px;
}
				
	.animateContainer iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

.button-3:hover {
	background-color: #f0c808;
}

.button-box:hover {
    transform: scale(1.1);
    transition: 0.3s;
}

.image-bucket-container .image-bucket .image-wrap a h3 {
    padding: 0.5rem 1.5rem;
    margin: 0.75rem 0;
    background-color: rgba(26,79,140,0.75);
    width: 100%;
    color: #fff;
}
/* ---------------------------Shapes-------------------------- */

.circle {
    border-radius: 50%;
    width: 34px;
    height: 34px;
    padding: 10px;
    background: #fff;
    border: 3px solid #000;
    color: #000;
    text-align: center;
    }
      
.dot {
  height: 25px;
  width: 25px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}

.numberCircle {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    padding: 8px;

    background: #fff;
    border: 2px solid #666;
    color: #666;
    text-align: center;

    font: 32px Arial, sans-serif;
}

/*Additional CSS*/
.callout.primary {
    background-color: #d7ecfa;
    color: #333;
}
.callout {
    position: relative;
    margin: 0 0 1rem 0;
    padding: 1rem;
    border: 1px solid rgba(51, 51, 51, 0.25);
    border-radius: 10px;
    background-color: white;
    color: #333;
}
.callout.success {
    background-color: #e1faea;
    color: #333;
}

.mainnav {
    background-color: #1a4f8c;
    border-radius: 25px;
    margin: 5px;
}

/* .menu {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: flex;
    flex-wrap: wrap;
} */
.align-middle {
    align-items: center;
}

body main article table:not([class]) tbody tr:nth-of-type(odd), body main article .table-sortable table tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0);
}
.background-green {
    background-color: #73ac50;
}

.buttonFr {
    background-color: #F2C94C;
    border: solid;
    border-color: #102f54;
    border-radius: 25px;
    color: black !important;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}
.callout.warning {
    background-color: #fff3d9;
    color: #333;
}
.callout.alert {
    background-color: #f7e4e1;
    color: #333;
}

/*Power Up*/
body main article section:has(.generic-content-wrap) .row>div[class*=col] .generic-content-wrap #bluebg {
    background-color:#16253f;
    border-radius: 25px;
    color: white;
    padding: 2rem;
}
.align-middle {
    align-items: center;
}

/*testing overrides*/
/* Agency Custom CSS */

header .left-menu { display: none !important; } /* Hiding navbar until they have pages to link to */


@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100..900&family=Rethink+Sans:ital,wght@0,400..800;1,400..800&display=swap');

body {
    font-family: "Rethink Sans", "Helvetica", Arial, sans-serif;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Kumbh Sans", "Rethink Sans", "Helvetica", Arial, sans-serif;
    font-style: normal;
    font-weight: 800;
    color: inherit;
    text-rendering: optimizeLegibility;
}

body.marketing article section .h1,
body.marketing article section .h2,
body.marketing article section .h3,
body.marketing article section .h4,
body.marketing article section .h5,
body.marketing article section .h6,
body.marketing article section h1,
body.marketing article section h2,
body.marketing article section h3,
body.marketing article section h5,
body.marketing article section h6 {
    color: #203A72;
}

body.marketing article section .h4,
body.marketing article section h4 {
    color: #14A0DE;
    font-size: 1.1rem;
}


body.marketing main article > .subpage-text-container {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

body.marketing article > .subpage-text-container .subpage-text-inner {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}

body.marketing article > .subpage-text-container:nth-child(odd), body.marketing article > .multi-column-container:nth-child(odd) {
    background-color: #DEE7F2;
}

body.marketing article > .multi-column-container .callout, body.marketing article > .subpage-text-container .callout {
    background-color: #DEE7F2;
    border: none;
}

body.marketing article > .multi-column-container:nth-child(odd) .callout, body.marketing article > .subpage-text-container:nth-child(odd) .callout {
    background-color: #fff;
}

body.marketing main section .row .callout h4 {
    margin-top: 0;
}

/* Updated: .columns → [class*="col-"] */
.multi-column-container [class*="col-"] {
    padding-bottom: 2rem;
}

/* Updated: section → .generic-content-wrap */
body.marketing article section.multi-column-container .generic-content-wrap {
    margin: 0 auto;
    padding-left: 2rem;
    padding-right: 2rem;
}

.multi-column-container.custom-wrapper-color {
    padding-bottom: 0;
}

/* Updated: .columns → [class*="col-"] */
.multi-column-container.custom-wrapper-color [class*="col-"] .custom-spacer {
    background-color: rgba(20, 160, 222, 0.25);
    padding: 1rem 2rem;
    border-radius: 0.75rem;
    height: 100%;
}

.columns-intro-content {
    margin-bottom: 2rem;
}

/* Updated: .columns → [class*="col-"] */
.multi-column-container.custom-wrapper-color [class*="col-"] .custom-spacer h3 {
    font-size: 1.2rem;
}

.multi-column-container.custom-wrapper-color-home {
    background-color: #DEE7F2;
    padding-bottom: 0;
}