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



/* ---------------------------WorkOne Virtual Services-PingPilot--------------------------*/

/*@media (min-width:641px) {
div#pingpilot-master-container {
    right: 50px !important;
    bottom: 130px !important; 
}
}*/

/*@media (max-width: 640px) {
div#pingpilot-master-container {
    right: 50px !important;
    bottom: 170px !important;
}
}*/

.pingpilot-button svg {
  pointer-events: none;
}

h3:after {
content: none !important;
}

h2:after {
content: none !important;
}

h1:after {
content: none !important;
}

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

/* ---------------------------Marquee code from Stackoverflow-------------------------- */

/*.marquee {
  width: 100%;
  padding-top: 10px;
  margin: 0 auto;
  overflow: hidden;
  box-sizing: border-box;
}

.marquee span {
  display: inline-block;
  width: max-content;

  padding-left: 100%;
  /* show the marquee just outside the paragraph */
  will-change: transform;
  animation: marquee 20s linear infinite;
}

.marquee span:hover {
  animation-play-state: paused
}


@keyframes marquee {
  0% { transform: translate(0, 0); }
  100% { transform: translate(-100%, 0); }
}*/

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

/* --------------------------------Respect user preferences about animations------------------ */

/*@media (prefers-reduced-motion: reduce) {
  .marquee span {
    animation-iteration-count: 1;
    animation-duration: 0.01; 
    /* instead of animation: none, so an animationend event is 
     * still available, if previously attached.
     */
    width: auto;
    padding-left: 0;
  }
}*/

/* fix for brandportal image cards in 2022 template */
.card img {
    align-self: center;
    margin: 1rem;
}



.background-green {
    background-color: #73ac50;
}

.background-blue {
    background-color: #0a3255;
}