/* Agency Custom CSS */

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

/* 2019 Custom CSS */

@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;
}

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

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

.navitem 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;
    }
    
.dwddarkblue-text {
    color:#102f54!important;
    }
    
.dwdlightblue-text {
    color:##1a4f8c!important;
    }

.red-text {
    color:#FF0000!important;
    }
    
.id-green-text {
    color:#159F62 !important;
    }
    
.govgold-text {
    color:#ffc82d !important;
    }
    
.green-text {
    color:#228b22 !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.dwddarkblue {
    background-color: #102f54;
    }
    
.callout.dwdlightblue {
    background-color: #1a4f8c;
    }
    
.callout.dwdlightbluelight {
    background-color: #2267b7;
    }

/* Sticker */

.msg {
  color: black;
  text-align:center;
  font-family: 'Bree Serif', Courier, monospaced;
  font-size:3.5em;
  width:200px;
  position:absolute;
  margin:55px 0 0 2px;
  pointer-events: none; 
}

.sticker {
  width:200px;
  height:200px;
  position:absolute;
  animation: spin 10s linear infinite;
  animation-play-state:paused;
}

.sticker:hover {
  animation-play-state:running;
}

@keyframes spin {
  100%{transform: rotate(1turn);}
}

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

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

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

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

/* Full Width */

/* Row Background Color and Spacing*/
.dark-full {
background-color: #003963 !important;
margin-left:0px !important;
margin-right:0px !important;
width:100%;
padding:50px 0px !important;
}

/* Text Colors */
.dark-full p, .dark-full h2, .dark-full h3, .dark-full h4 {
color:#fff !important;
}