/* Solutions page additions ~ 2020-2-12 */

html {
	scroll-behavior: smooth;
}

body main {
	position: relative;
	z-index: 1;
}

body, 
#solutions * {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

header nav ul.menu li.current-menu-item  {
	background: url(../images/blue_arrow.svg) center bottom no-repeat;
	background-size: 30px 15px;
}

header nav ul.menu li a.contact-trigger {
	color: #ff8200; /* orange */
}

nav.details {
	position: fixed;
	top: 80px;
	width: 100%;
	height: 80px;
	background: #003b5c;
	z-index: 10;
}

body.admin-bar nav.details {
	top: 112px;
}

nav.details ul.menu {
	list-style: none;
	text-align: center;
}

nav.details ul.menu li {
	padding: 0 20px;
	display: inline-block;
}

nav.details ul.menu li a {
	font-family: AvenirBlk, "Helvetica Black", "Arial Black", sans-serif;
	font-size: 20px;
	line-height: 80px;
	color: white;
}

nav.details ul.menu li a:hover,
nav.details ul.menu li a:focus {
	color: #ff8200; /* orange */
}

#solutions {
	margin-top: 160px;
}

#solutions .wp-block-cover div.wp-block-cover__inner-container,
#solutions > .wp-block-columns {
	width: calc(100% - 70px);
	max-width: 1300px;
}

#solutions > p {
	width: calc(100% - 70px);
	max-width: 1300px;
	margin: 0 auto;
	padding: 87px 0 0 0;
	font-family: AvenirBlk, "Helvetica Black", "Arial Black", sans-serif;
	font-size: 40px;
	letter-spacing: -0.03em;
	line-height: 50px;
	text-align: left;
	color: #003b5c;
	margin-bottom: -57px;
}

#solutions > p em {
	font-style: normal;
	color: #ff8200;
}

#solutions hr {
	width: calc(100% - 70px);
	max-width: 1300px;
	border-bottom: 1px solid #707070;
	margin: 0 auto;
}

/* intro block */

#intro {
	min-height: 80vh;
	display: flex;
	margin-bottom: 0;
	align-items: center;
}

#intro div.wp-block-group__inner-container {
	width: calc(100% - 70px);
	max-width: 1300px;
	padding-top: 80px;
	margin: 0 auto;
}

#intro h1 {
	font-family: AvenirBlk, "Helvetica Black", "Arial Black", sans-serif;
	margin-bottom: 35px;
	font-size: 85px;
	line-height: 85px;
	color: #003b5c;
	letter-spacing: -0.03em;
}

#intro p {
	font-family: AvenirBlk, "Helvetica Black", "Arial Black", sans-serif;
	font-size: 32px;
	line-height: 42px;
	letter-spacing: -0.03em;
	text-align: left;
	color: #003b5c;
	margin-bottom: 42px;
}

#solutions.covid-19 #intro p {
	margin-bottom: 32px;
}

#intro p strong {
	font-family: AvenirBlk, "Helvetica Black", "Arial Black", sans-serif;
	color: #ff8200; /* orange */
}




/* cover blocks */

#solutions .wp-block-cover {
	height: 600px;
	min-height: 600px;
}

#solutions .wp-block-cover p {
	font-size: 40px;
	margin-bottom: 40px;
}

#solutions .wp-block-cover p.has-large-font-size {
	padding-right: 0;
	font-size: 70px;
	line-height: 1em;
}

#solutions .wp-block-cover p.has-large-font-size em {
	color: #ff8200;
}


/* column blocks */

#solutions .wp-block-column:not(:first-child) {
    margin-left: 60px;
}

#solutions > div.wp-block-columns {
	margin: 0 auto;
	padding: 87px 0;
}

#solutions div.wp-block-columns p {
	font-family: AvenirBlk, "Helvetica Black", "Arial Black", sans-serif;
	font-size: 40px;
	letter-spacing: -0.03em;
	line-height: 50px;
	text-align: left;
	color: #003b5c;
	margin-bottom: 30px;
}

#solutions div.wp-block-columns p em {
	font-style: normal;
	color: #ff8200;
}

#solutions div.wp-block-columns p a {
	position: relative !important;
	display: inline-block;
	font-family: AvenirBlk, "Helvetica Black", "Arial Black", sans-serif;
	/* color: white; */
	border-bottom: 3px solid #ff8200; /* orange */
	color: #003b5c;
}

#solutions div.wp-block-columns p a:after {
	display: inline-block;
	content: "";
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 0px;
	height: 3px;
	margin: 3px 0 0;
	transition: all 0.2s ease-in-out;
	transition-duration: 0.75s;
	background: #003b5c;
}

#solutions div.wp-block-columns p a:hover:after,
#solutions div.wp-block-columns p a:focus:after {
	width: 100%;
}

#solutions div.wp-block-columns ul {
	
}

#solutions div.wp-block-columns ul li {
	font-size: 32px;
	letter-spacing: -0.02em;
	line-height: 42px;
	text-align: left;
	color: #003b5c;
	margin-bottom: 30px;
}

#solutions div.wp-block-columns ul li::before {
    position: absolute;
    margin-left: -25px;
    margin-top: -2px;
	content: "\25A0";
    color: #ff8200;
    font-size: 20px;
}

#solutions div.wp-block-columns ul li strong {
	display: block;
	font-family: AvenirBlk, "Helvetica Black", "Arial Black", sans-serif;	
}

/* helper classes */

.wp-block-spacer {
	height: 0 !important;
	padding-top: 160px;
	margin-top: -160px;
}

p.demo {
	margin-top: -15px;
}

p.demo a {
	background: url(../images/arrow_circle.svg) 0 6px no-repeat;
	background-size: 48px;
	padding: 10px 0 10px 60px;
	border: none !important;
	color: #ff8200 !important;
	font-size: 32px;
}

p.demo a:after {
	display: none !important;
}

p.demo a:hover,
p.demo a:focus {
	background: url(../images/arrow_circle_filled.svg) 0 6px no-repeat;
	background-size: 48px;
	/* color: #ff8200; /* orange */
}


/* COVID-19 additions ~ Added by Honest Code, 2020-4-27 */

#solutions.covid-19 {
	margin-top: 0;
}

#solutions.covid-19 .wp-block-group {
	padding: 80px 0;
}

#solutions.covid-19 #intro.wp-block-group {
	padding: 0;
}

#solutions.covid-19 div.container,
#solutions.covid-19 .wp-block-group .wp-block-group__inner-container {
	margin: 0 auto;
}

#solutions.covid-19 #resources h2,
#solutions.covid-19 #support h2 {
	font-family: AvenirBlk, "Helvetica Black", "Arial Black", sans-serif;	
	font-size: 60px;
	letter-spacing: -0.03em;
	line-height: 58px;
	text-align: left;
	color: #fff;
	margin-bottom: 22px;
}

#solutions.covid-19 #resources h3 {
	font-family: AvenirBlk, "Helvetica Black", "Arial Black", sans-serif;	
	font-size: 28px;
	letter-spacing: -0.03em;
	line-height: 35px;
	text-align: left;
	color: #fff;
}

#solutions.covid-19 #resources hr {
	width: 100%;
	border: none;
	border-top: 2px solid #ff8200; /* orange */
	margin: 40px 0;
}

#solutions.covid-19 #resources p,
#solutions.covid-19 #support p {
	font-family: AvenirBlk, "Helvetica Black", "Arial Black", sans-serif;	
	font-size: 28px;
	letter-spacing: -0.03em;
	line-height: 35px;
	text-align: left;
	color: #ff8200;
	padding-right: 20%;
}

#solutions.covid-19 #support p {
	color: #003b5c;
	margin-bottom: 22px;
}

#solutions.covid-19 #resources ul {
	margin-left: 25px;
	margin-top: 20px;
}

#solutions.covid-19 #resources ul li {
	font-family: AvenirBlk, "Helvetica Black", "Arial Black", sans-serif;	
	font-size: 28px;
	letter-spacing: -0.03em;
	line-height: 35px;
	text-align: left;
	color: #fff;
	margin-bottom: 20px;
}

#solutions.covid-19 #resources ul li::before {
    position: absolute;
    margin-left: -25px;
    margin-top: -2px;
	content: "\25A0";
    color: #ff8200;
    font-size: 20px;
}

#solutions.covid-19 #support p a {
	color: white;
	position: relative;
}

#solutions.covid-19 #support p a:before {
	display: inline-block;
	content: "";
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 100%;
	height: 3px;
	margin: 3px 0 0;
	transition: all 0.2s ease-in-out;
	transition-duration: 0.75s;
	background: white;
}

#solutions.covid-19 #support p a:after {
	display: inline-block;
	content: "";
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 0px;
	height: 3px;
	margin: 3px 0 0;
	transition: all 0.2s ease-in-out;
	transition-duration: 0.75s;
	background: #003b5c;
}

#solutions.covid-19 #support p a:hover:after,
#solutions.covid-19 #support p a:focus:after {
	width: 100%;
}


div.blue-bg {
    background: #003b5c;
}

div.orange-bg {
	background: #ff8200;
}

div.blue-bg h3 {
	color: white;
}


/* Responsive Directives */

/* Large desktop */
@media (min-width: 1200px) {

	.wp-block-group .wp-block-group__inner-container {
		max-width: 1050px;
	}


	#solutions .wp-block-columns p {
		padding-right: 80px;
	}

	#intro h1 {
		font-size: 135px;
		line-height: 120px;
	}
		
	#intro p {
		font-size: 45px;
		line-height: 55px;
	}	
	
	p.demo a {
		margin-left: -30px;
	}	
	
	#swipebox-slider .slide .swipebox-video-container {
		padding: 80px !important;
	}

}

@media (min-width: 1200px) and (min-height: 979px) {

	#solutions.covid-19 #intro h1 {
		padding-right: 40%;
	}

	#solutions.covid-19 #resources h2,
	#solutions.covid-19 #support h2 {
		font-size: 80px;
		line-height: 80px;
	}
	
	#solutions.covid-19 #resources h3 {
		font-size: 45px;
		line-height: 45px;
	}
	
	#solutions.covid-19 #resources p,
	#solutions.covid-19 #support p {
		font-size: 45px;
		line-height: 55px;
	}
	
	#solutions.covid-19 #resources ul li {
		font-size: 45px;
		line-height: 55px;
	}


} 
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	
}


/* 13-inch MBP */
@media (max-height: 979px) {
	
	#solutions .wp-block-cover div.wp-block-cover__inner-container,
	#solutions .wp-block-group div.wp-block-group__inner-container,
	#solutions > .wp-block-columns {
		max-width: 935px;
	}


	#intro h1 {
		font-size: 85px;
		line-height: 85px;
	}
	
	#intro p {
		font-size: 28px;
		line-height: 32px;
		padding-right: 20%;
	}

	#solutions > p {
		font-size: 28px;
		line-height: 32px;
		margin: 35px auto 0 auto;
		padding: 0;
	}
	
	#solutions p.demo a {
		font-size: 28px;
		background-size: 38px;
		padding: 10px 0 10px 50px;			
	}

	#solutions div.wp-block-columns p {
		font-size: 28px;
		line-height: 32px;
		margin-bottom: 30px;
		padding: 0 20px 0 0;
	}
	
	#solutions div.wp-block-columns ul li {
		font-size: 18px;
		line-height: 24px;		
		margin-bottom: 15px;
	}
	
	#solutions .wp-block-cover p {
		font-size: 22px;
		margin-bottom: 26px;
	}

	#solutions .wp-block-cover p.has-large-font-size {
		padding-right: 0;
		font-size: 48px;
		line-height: 1em;
	}
	
}


/* small screen - landscape tablet */
@media (max-width: 979px) {
	
	body main {
		/* margin-top: -160px; */
		margin-top: -80px;
	}

	#intro h1 {
		font-size: 85px;
		line-height: 85px;
	}
	
	#intro p {
		font-size: 28px;
		line-height: 32px;
	}

		
	header nav ul.menu li {
		background: none !important;
	}

	nav.details {
		display: none;
	}
	
	header nav ul.sub-menu li {
		padding: 0 35px;
	}
	
	header nav ul.sub-menu li a {
		font-size: 22px;
		line-height: 30px;
	}
	
	.wp-block-spacer {
	/*
		padding-top: 80px;
		margin-top: 80px;
	*/
		padding-top: 0;
		margin-top: 0;
	}

	#solutions .wp-block-cover {
	    height: 400px;
	    min-height: 400px;
	}
	
	#solutions .wp-block-cover div.wp-block-cover__inner-container {
		padding-top: 0;
	}

	#solutions > p {
		font-size: 28px;
		line-height: 32px;
		margin: 35px auto 0 auto;
		padding: 0;
	}
	
	#solutions .wp-block-column:not(:first-child) {
		margin-left: 30px;
	}
	
	#solutions div.wp-block-columns.tight {
		padding-top: 35px;
	}

	
	#solutions div.wp-block-columns p {
		font-size: 28px;
		line-height: 32px;
		margin-bottom: 30px;
		padding: 0 20px 0 0;
	}
	
	#solutions div.wp-block-columns ul li {
		font-size: 18px;
		line-height: 24px;		
		margin-bottom: 15px;
	}
	
	#solutions .wp-block-cover p {
		font-size: 22px;
		margin-bottom: 26px;
	}

	#solutions .wp-block-cover p.has-large-font-size {
		padding-right: 0;
		font-size: 48px;
		line-height: 1em;
	}

	#solutions.covid-19 .wp-block-group .wp-block-group__inner-container {
		max-width: 100%;
		margin: 0 30px;
	}

	
	#solutions.covid-19 #intro h1 {
		padding-right: 40%;
	}

	#solutions.covid-19 #resources h2,
	#solutions.covid-19 #support h2 {
		font-size: 40px;
		line-height: 45px;
	}
	
	#solutions.covid-19 #resources h3 {
		font-size: 22px;
		line-height: 25px;
	}
	
	#solutions.covid-19 #resources p,
	#solutions.covid-19 #support p {
		font-size: 22px;
		line-height: 25px;
	}
	
	#solutions.covid-19 #resources ul li {
		font-size: 22px;
		line-height: 25px;
	}

	#solutions.covid-19 #resources ul li::before {
		font-size: 16px;
	}
}

 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

	body main {
		/* margin-top: -80px; */
	}	
			
	#solutions {
		margin-top: 0;
	}
	
	#solutions.covid-19 {
		margin-top: 160px;
	}
		
	#solutions .wp-block-cover {
	    height: 300px;
	    min-height: 300px;
	}
		
	#solutions .wp-block-group .wp-block-group__inner-container {
		max-width: 728px;
		margin: 0 30px;
	}

	#solutions .wp-block-cover p {
		font-size: 22px;
		margin-bottom: 15px;
	}
		
	#solutions .wp-block-cover div.wp-block-cover__inner-container {
		padding-top: 0;
	}
	
	#solutions .wp-block-cover p.has-large-font-size {
		padding-right: 0;
		font-size: 35px;
		line-height: 1em;
	}
	
	#solutions .wp-block-column:not(:first-child) {
		margin: 0;
	}
	
	#solutions > div.wp-block-columns {
		padding: 35px 0;
	}
	
	#solutions div.wp-block-columns ul {
	    margin: 0 1em 0 1.55em;
	}

	#solutions .wp-block-columns p.learn-more {
		margin-bottom: 35px;
	}

	#solutions.covid-19 #resources p,
	#solutions.covid-19 #support p {
		padding-right: 0;
	}


}
 
 
/* Landscape phones and down */
@media (max-width: 480px) {
	
	#intro {
		margin-top: 160px;
		min-height: 80vh;
	}
		
	#intro h1 {
		font-size: 35px;
		line-height: 1em;
		margin-bottom: 18px;
	}
	
	#intro p {
		font-size: 22px;
		line-height: 26px;
		margin-bottom: 18px;
		padding-right: 0;
	}		
	
	#solutions {
		padding: 0;
	}
	
	#solutions > p {
		font-size: 22px;
		line-height: 26px;
		margin: 35px auto 0 auto;
		padding: 0;
	}

	
	#solutions div.wp-block-columns p {
		font-size: 22px;
		line-height: 26px;
		margin-bottom: 15px;
		padding: 0;
	}
	
	#solutions div.wp-block-columns ul li {
		font-size: 18px;
		line-height: 24px;		
		margin-bottom: 15px;
	}
	
	.wp-block-group .wp-block-group__inner-container {
		max-width: 100%;
		margin: 0 30px;
	}
	
}


@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */  
      
   .wp-block-cover .wp-block-cover__inner-container,
   #intro div.wp-block-group__inner-container {
	   margin: 100px auto;
   }
   
   #intro {
	   padding-top: 80px;
   }
         
}

@supports (-ms-ime-align: auto) {
 	/* Microsoft Edge */
 	
}