/* 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;
}