body.in-maintenance { background: none }

/* Cancel out the float on columns -- see: http://prntscr.com/f1l6gg */
header + section > .columns { float: none }

/* Main nav fix for width */
@media only screen and (min-width: 769px) and (max-width: 1074px) {
    nav > .contact i { width: 18px !important; }
    a.contact { padding: 0 !important; font-size: 0 !important; border: none !important; }
}

/* Logo */
@media only screen and (min-width: 48.0625em) {
    header .topbar-container > div.container .logo, body.mobile-nav-active header .topbar-container > div.container .logo, body.mobile-nav-hidden header .topbar-container > div.container .logo { padding-top: 8px !important; }
    header .logo a img { height: 50px; width: auto;}
}
@media only screen and (max-width: 48.0624em) {
    header .topbar-container > div.container .logo, body.mobile-nav-active header .topbar-container > div.container .logo, body.mobile-nav-hidden header .topbar-container > div.container .logo { padding-top: 4px !important; }
    header .logo a img { height: 40px; width: auto;}
}

/* About */

/* //START - Custom 3 Circles - https://jira.uhub.biz/browse/YRGAPPWUN-25 */

section.bg-primary { background: -webkit-radial-gradient(center,circle cover,#1685de 0%,#0075be 100%); background-color: #0075be; }

@media only screen and (min-width: 650px) {
	.content-element .circle3 { position: relative; }
	.content-element .circle3 > ol { padding: 245px 0 0; position: relative; }
	.content-element .circle3 > ol > li { text-align: center; position: static; padding: 0 }
	.content-element .circle3 > ol > li:before { display: none; }
	.content-element .circle3 h3 {
	    border-radius: 150px;
		height: 200px;
		width: 200px;
		display: flex;
		justify-content: center;
		flex-direction: column;
		vertical-align: bottom;
		text-align: center;
		box-sizing: border-box;
		position: absolute;
		padding: 0 34px !important;
		font-size: 19px !important;
		top: 28px !important;
		font-weight: bold;
		letter-spacing: 1px;
		text-transform: none;
	}
	.content-element .circle3 li:nth-child(4n+1) h3 { left: 50%; margin: 0 0 0 -284px; background: rgba(6, 107, 163, 0.9) }
	.content-element .circle3 li:nth-child(5n+2) h3 { left: 50%; margin: 0 0 0 -100px; background: rgba(254, 233, 2, .9); color: #000 }
	.content-element .circle3 li:nth-child(6n+3) h3 { left: 50%; margin: 0 0 0 88px; background: rgba(64, 172, 240, .9) }

	/* align the columns */
	.content-element .circle3 li:nth-child(4n+1) .collapse { position:relative;height:220px;  overflow:visible; }
	.content-element .circle3 li:nth-child(4n+1) .collapse ol { position:absolute; width: 180px; right:-45px;  }
	.content-element .circle3 li:nth-child(5n+2) .collapse { background: ;   padding: 0 44px 110px; margin: 0 0 0 12px    }
	.content-element .circle3 li:nth-child(6n+3) .collapse { position:relative; overflow:visible;   }
	.content-element .circle3 li:nth-child(6n+3) .collapse ol { position:absolute; width: 180px; left: -38px;  }

} /* @media only screen and (min-width: 650px) */

@media only screen and (min-width: 960px) {
    .content-element .circle3 > ol { padding: 290px 0 0; }
	.content-element .circle3 > ol > li { position: relative; }
	.content-element .circle3 h3 { font-size: 23px !important; top: -265px !important; width: 250px; height: 250px; padding: 0 48px !important; }
	.content-element .circle3 li:nth-child(4n+1) h3 { left: 148px; margin: 0; }
	.content-element .circle3 li:nth-child(5n+2) h3 { left: 49px; margin: 0; }
	.content-element .circle3 li:nth-child(6n+3) h3 { left: -49px; margin: 0; }
	.content-element .circle3 li:nth-child(4n+1) .collapse ol { right:-25px;  }
	.content-element .circle3 li:nth-child(6n+3) .collapse ol { left: -8px;  }
} /* @media only screen and (min-width: 960px) */

/* //End - Custom 3 Circles - https://jira.uhub.biz/browse/YRGAPPWUN-25 */

/* mobile view of the col 3 styles */
@media only screen and (max-width: 649px) {
    .about-what-we-do article.drawers.columns-3 { width: 120%; margin: 0 0 0 -10%; }
	.about-what-we-do.content-element .drawers h3[data-module="drawer"]:after { right: 20px; top: 24px }
	.about-what-we-do article.drawers.columns-3 li > h3 { border: 0; background: #41acf0; padding-left: 20px; padding-right: 20px; padding-top: 15px; }
	.about-what-we-do article.drawers.columns-3 li > h3 + div.collapse { padding-left: 20px; padding-right: 20px; }
}

/* Grid Teaser */
.full-bleed .content-summary .info h2 { line-height: 1.1em }
.link-tile .info h2 { letter-spacing: .1em }
.link-tile dl td { letter-spacing: 1px }
.link-tile dl dd:before { content: '/ ' }

/* News Byline */
.info.byline dl dt { float: none !important; }
.info.byline dl dd:before { content: '' !important; margin: 0 !important; top: 0 !important; }
.info.byline dl dd { margin: 0 !important; }
.info.byline dl { margin-bottom: 0.5rem !important; }

/* Case Study */
.single-img .marquee .bg { max-height: inherit }

.section-link { text-align: center; margin-top: 3% !important; margin-bottom: 9%; min-width: 320px; }
.section-link a { font-size: 25px; border: 1px solid #0075be; padding: 8px 70px; width: 300px; }


.feature > .cell { width: 100% !important; }

.feature > h2, 
.whats-new > h2 { font-size: 40px; font-weight: 300; margin: 5% auto; letter-spacing: 0; color: #2b7fb3; }

.feature .table { padding-top: 10%; padding-left: 10% !important; }
.feature .info dl { font-size: 35px; }
.feature .info h2 { font-size: 55px; line-height: 90px; }

.contact-form .inquiry-type span { display: block }

footer .legal { line-height: 25px !important }
footer .legal a { color: #2393da !important; }
footer .legal span { color: #FFF; }

/* Contact Form */
form .loading-spinner { display: none }