/*!
Theme Name: FreedomPay
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.14
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: freedompay
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

FreedomPay is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
# Navigation
	## Links
	## Menus
# Global Elements
# Forms
# Accessibility
# Alignments
# Content
	## Posts and pages
	## Comments
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/


body{
	font-family: 'Gentona';
	font-weight: 300;
	font-size:1em;
	margin-top:90px;
	transition: margin-top .4s ease;
}

body.alert-bar_margin{
	margin-top:155px;
}


@media screen and (max-width:1150px){
	body{
		margin-top:60px;
	}
}


h1{
	font-weight:300;
	font-size:3.125em;
	line-height: 1;
}


h2{
	font-weight:300;
	font-size:2.8em;
	line-height: 1;
	  margin:0;
}

h3{
	font-weight:normal;
	font-size:2em;
	line-height: 1;
	 margin:0;
}

strong{
	font-weight:bold;
}

.has-blue-color{
	color:#5E8AB4;
}

p a{
	  color:#5E8AB4;
		text-decoration: none;
		padding-bottom:3px;
		border-bottom:2px solid;
		transition: all .3s ease;
}

p a:hover{
	color:#000;
}


.btn, .wp-block-button a{
	text-transform: uppercase;
	text-decoration:none;
	border:2px solid #000;
	color:#000;
	font-weight:600;
	padding:15px 30px;
	display: inline-block;
	line-height: 1;
	transition: all .3s ease;
}

.wp-block-button a.wp-block-button__link{
		background: #000;
		font-size:16px;
		color:#fff;
}

.is-style-outline a.wp-block-button__link{
	border:2px solid #000;
	color:#000;
	background: transparent;
}

.is-style-outline .wp-block-button__link.has-white-color{
	border:2px solid #fff;
	color:#fff;
}




.btn:hover, .wp-block-button a:hover{
	border:2px solid #5E8AB4 !important;
	background: #5E8AB4;
	color:#fff;
}

.btn.filled, .is-style-fill a{
	background:#000;
	color:#fff;
}

.btn.filled:hover, .is-style-fill a:hover{
	background:#5E8AB4;
}


.has-blue-background-color .is-style-outline .wp-block-button__link:hover, .has-blue-background-color .btn:hover{
	background:#000;
	color:#fff;
}


.wp-block-button a.wp-block-button__link.has-blue-background-color{
		background:#5E8AB4;
		color:#fff;
		border-color:#5E8AB4;
}

.wp-block-button a.wp-block-button__link.has-blue-background-color:hover{
	background: #000;
	border-color: #000 !important;
}



figcaption{
	text-align: center;
	display: block;
	text-transform: uppercase;
	color:#5E8AB4;
}

.btn.white{
	border-color:#fff;
	color:#fff;
}

.txt-r{
	text-align: right;
}

.txt-c, .aligncenter{
	text-align: center;
}

.txt-l{
	text-align: left;
}

p{
	font-size:1.3em;
}
p.no-margin{
	margin:0;
	line-height: .9;
}

.wp-block-freedompay-title{
	color:#5E8AB4;
	font-weight:bold;
	font-size:1.2em;
	display: block;
	margin-bottom:10px;
	text-transform: uppercase;
	letter-spacing: .5px;
}

.has-blue-background-color .wp-block-freedompay-title{
	color:#fff;
}

.eyebrow{
	font-weight:bold;
	text-transform: uppercase;
	letter-spacing: .5px;
	font-size: 1.5em;
}

.has-white-color{
	color:#fff;
}

.has-black-color{
	color:#000;
}

.has-dark-blue-color{
	color:#2C536C;
}

.align-center{
	text-align: center;
}
 .alignright{text-align:right}

.wp-block-columns{
	margin-bottom:0px;
}

.wp-block-column .wp-block-group{
	padding:30px;
	margin:20px 0;
}



hr{
	border: 0;
height: 1px;
}

.large-numbers {
	margin: 30px 10%;
}

.large-numbers li{
	font-size:1.5em;
	margin:25px 0;
	line-height: 1.1;
}


@media screen and (max-width:640px){
	h1{
		font-size:2.25em;
	}
		h2{
				font-size:2.1em;
		}

	 .alignright{text-align:left}

	 h3{

	 	font-size:1.6em;

	 }

	 .mobile-to-black .is-style-outline .wp-block-button__link.has-white-color{
	 	border:2px solid #000;
		color:#000;
	 }



	 .large-numbers {
	 	margin: 0px 10%;
	 }

	 .large-numbers li{
	 	font-size:1.3em;
	 	margin:25px 0;
	 }

	 .eyebrow{
	 	font-size: 1.3em;
	 }
}

@media screen and (max-width:400px){
		h1{
			font-size:1.8em;
		}
			h2{
					font-size:1.6em;
			}
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.skip-link{
	display: none;
}



header.site-header{
	z-index: 1000;
	position: fixed;
	top:0;
	left:0;
	width:100%;
	background:#fff;
	height:90px;
	transition: margin-top .4s ease;
}

.alert-bar_margin header.site-header{
	margin-top:65px;
}

header.site-header nav{
	text-align: right;

}

header.site-header nav ul {
	margin:30px 0 0 0;
	padding:0;
	float:left;
}

header.site-header nav ul li{
	margin:0;
	padding: 0px 5px 30px 5px;
	list-style: none;
	display: inline-block;
}


header.site-header nav ul li a{
	color:#000;
	font-weight:600;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	font-size:.8em;
	transition: all .3s ease;
}

header.site-header nav ul li:hover a{
color:#5E8AB4;
}


.search-icon{
	margin-right:5px;
	display: inline-block;
	margin-top:10px;
}





.mobile-nav-btn{
	display: none;
	outline:none;
}


.mega-menu{
	position: absolute;
	width:100%;
	top:90px;
	left:0;
	background: #fff;
	padding: 0;
	text-align: left;
	box-shadow: 0px 4px 8px -4px rgba(0,0,0, .2);
	max-height: 0px;
	overflow: hidden;
	transition: all .4s ease-out;
}

header.site-header nav ul li:hover .mega-menu {
transition: all .8s ease-in .2s;
max-height:1200px;
}




.mega-menu .sub-menu:after{
	content:'';
	display: block;
	clear: both;
}

.mega-menu .sub-menu{
	width:100%;
	float:none;
	text-align: left;
	padding:10px 0 30px 0;
	margin:0;
}

.mega-menu .sub-menu li{
	width:25%;
	float:left;
	padding:15px;
	display: block;
	transition: all .3s ease;
	font-size:.9em;
	/*height:105px;*/
	height: 150px !important;
}

.mega-menu .sub-menu li:hover{
	background:#5F8DB1;
}

.mega-menu .sub-menu li a{
	color:#5F8DB1;
	text-transform: none;
	line-height: 1.1;
	margin-left: -1px;
	font-size:1.1em;
	transition: all .3s ease;
	text-decoration: none;
	font-weight:bold;
}

.mega-menu a .sub{
	color:#7E7E7E;
	font-weight: 300;
	transition: all .3s ease;
	font-size:14px
}

.mega-menu .sub-menu li:hover a{
	color:#fff;
}

.mega-menu .sub-menu li:hover a .sub{
	color:#fff;
}

.mega-menu .nav-section-title{
	font-size:2.4em;
	line-height: 1;
	display: block;
	padding:20px 0 15px 0;
}

header.site-header nav ul.utility-nav{
	display:inline-block;
	margin:0;
	padding:0;
	float:none;
	margin:0;
}

header.site-header nav ul.utility-nav > li{
	margin:0;
	padding:0;
	list-style: none;
	display: inline-block;
	vertical-align: middle;
}


.nav-btn{
	text-decoration: none;
	text-transform:uppercase;
	line-height: 1;
	padding:10px 15px;
	color:#000;
	border:2px solid #000;
	display: inline-block;
	font-weight:600;
	margin: 22px 3px;
	transition:all .3s ease;
	font-size:13px;
}

.nav-btn.fill{
	color:#fff;
	background: #000;
}

ul.utility-nav li:hover .nav-btn{
	background: #5E8AB4;
	color:#fff !important;
	border-color:#5E8AB4;
}

.site-logo{
	position: relative;
	z-index: 1000;
}

.mega-menu .sub-menu li.mobile-back{
	display:none;
	cursor: pointer;
}




@media screen and (min-width:1151px){
	header.site-header nav {
		display: block !important;
	}
}


@media screen and (max-width:1150px){
header.site-header nav ul
{
	margin-top:10px;
}
.mobile-nav-btn{
	display: block;
	float:right;
	position: relative;
	z-index: 1000;
}

header.site-header{
		height:60px;
	}

	header.site-header > .grid-container{
		padding:0 30px;
	}

	header nav.main-navigation{
		position: fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background: #fff;
		text-align: left;
		padding-top:80px;
		display: none;
	}

	header nav.main-navigation ul li{
		display: block;
		float:none;
		padding:10px 30px;
	}

	header nav.main-navigation ul li a{
		font-size:1.2em;
	}

	header nav.main-navigation .grid-container{
		padding:0;
	}


	header.site-header nav ul.utility-nav{
		display: block;
		position: absolute;
		padding:0 30px;
		bottom:5px;
		left:0;
		width:100%;
	}

	header.site-header nav ul.utility-nav > li{
		font-size: .8em;
	}

	.mega-menu{
		position: fixed;
		width:100%;
		height:100%;
		top:0;
		left:0;
		background: #fff;
		text-align: left;
		margin-top:0px;
		padding: 40px 0 0 0;
		display: block;
		transform: translateX(100%);
		transition: transform .3s ease;
		max-height: none;
	}

	header.site-header nav ul li:hover .mega-menu {
		max-height:none;
		transition: transform .3s ease;
	}

	.active .mega-menu, .mega-menu.active{
		transform: translateX(0%);
	}


	.mega-menu .nav-section-title{
		line-height: 1;
		display: block;
		padding:40px 30px 20px 30px;
		font-weight:200;
		border-bottom:1px solid #D9D9D9;
	}


	.mega-menu .sub-menu li{
		width:100%;
		float:none;
		padding: 10px 30px;
		font-size:1em;
		margin-top:0;
	}

	.mega-menu a .sub{
		display: none;
	}

	.mega-menu .sub-menu li.mobile-back{
		display:block;
	}

.mega-menu .sub-menu li.mobile-back:hover
{
	background: none;
}

/*
.alert-bar_margin header nav.main-navigation{
	padding-top:105px;
}
.alert-bar_margin .mega-menu{
 padding-top:75px;
}
*/

.alert-bar_margin header.site-header.is-open{
	margin-top:0;
}



}

@media screen and (max-width:640px){
	.mega-menu .sub-menu li a{
		font-size:1.1em;
		display: block;
		  line-height: 1.2;
	}

	.mega-menu .sub-menu li{
		padding:5px 30px;
	}

	.nav-section-title{
		font-size: 1.8em;
	}



}


/******* SEARCH *******/

.search-module{
	width:100%;
	background: #fff;
	position: absolute;
	top:0;
	left:0;
	top:100%;
	display: none;
	padding-bottom:30px;
	box-shadow: 0px 4px 8px rgba(0,0,0, .2);
}

.search-module .search-box{
	background:#F8F8F8;
	padding:20px;
}

.search-module .search-box .search-wrap{
	position:relative;
}

#datafetch .btn{
	font-size:.9em;
	margin-top:20px;
}


.search-module .search-box input[type="text"]{
	width:100%;
	font-size:2em;
	border:0;
	padding:20px;
	border-bottom:1px solid #000;
	background: none;
}

.search-module .search-box input[type="text"]:focus{
	outline:none;
}

.search-module .search-submit{
	position: absolute;
	right:0;
	display: block;
	top:45%;
}

#datafetch .section-title{
		color:#D9D9D9;
		text-transform: uppercase;
		font-size:1.3em;
		letter-spacing: .5px;
		font-weight: bold;
		display: block;
		margin-bottom: 10px;
}

#datafetch ul{
	margin:0;
	padding:0;
}

#datafetch ul li{
	margin:0;
	padding:10px 0;
	list-style: none;
	border-top:1px solid #979899;
}

#datafetch ul li a{
	color:#979899;
	text-decoration: none;
	font-weight:bold;
	display: block;
	line-height: 1.3;
}

.search-card{
background:#F8F8F8;
margin:20px 0;
padding:30px;
display: block;
height:100%;
color:#000;
text-decoration: none;
}

.search-card .title{
	font-size:1.3em;
	font-weight: bold;
	display: block;
	line-height:1;
}

.search-card p{
	font-size:1em;
}

.search-card .pt{
	text-transform: uppercase;
	font-weight:bold;
	color:#5E8AB4;
	display: block;
	margin-bottom:5px;
}


.search-mobile-back{
	display: none;
}


@media screen and (max-width:1150px){
.search-module{
	height:calc(100vh - 55px);
}
#datafetch ul li{
	display: none;
}

#datafetch ul li:first-child, #datafetch ul li:nth-child(2){
	display: block;
}

.search-mobile-back{
	position: absolute;
	bottom:40px;
	left:30px;
	transform: rotate(90deg);
	display: block;
}

}

/***** BREAD CRUMBS *****/

.breadcrumbs{
	padding:10px 0;
	border-top:2px solid #D9D9D9;
}




/*--------------------------------------------------------------
# ONPAGE SUB MENU
--------------------------------------------------------------*/
.page-sub-menu{
	width:100%;
	border-bottom: 1px solid #9B9B9B;
}



/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

footer{
	padding-bottom: 40px;
	margin-top:50px;
}

.footer-logo img{
	margin-top:40px;
	margin-bottom:40px;
	max-width: 100%;
	width:600px;
}

.footer-nav a{
	color:#000;
	text-decoration: none;
	font-weight:600;
	display: block;
	font-size: 1.2em;
}

.footer-nav .sub-menu{
	margin:5px 0;
	padding:0;
}


.footer-nav .sub-menu a{
	color:#9B9B9B;
	font-weight:500;
		font-size: 1.1em;
}

footer .newsletter .title{
	font-weight:600;
	font-size:1.8em;
	display: block;
	line-height: 1;
}

footer .newsletter form{
	margin-top:10px;
}

/*
footer .newsletter form input[type="email"]{
	width:100%;
	display: block;
	border:0;
	border-bottom:1px solid #000;
	padding:10px;
}
*/

footer .newsletter form input[type="email"]:focus{
	outline:none;
	border:0;
}

footer .newsletter form .gdpr{
margin:10px 0;
font-size:13px;
}

footer .newsletter button{
	/*position: absolute;
	top:5px;
	right:0px;
	*/
}

footer .menu-footer-secondary-container ul{
	margin:0;
	padding:0;
	text-align: right;
}

footer .menu-footer-secondary-container ul li{
	display: inline-block;
	list-style: none;
	padding:0px;
	margin:0;
}

footer .menu-footer-secondary-container ul li:after{
	content: '|';
	display: inline-block;
	padding: 0px 10px;
	color:#D9D9D9;
	font-weight: bold;
}

footer .menu-footer-secondary-container ul li:last-child:after{
	content:'';
	display: none;
}

footer .menu-footer-secondary-container ul li a{
	color:#D9D9D9;
	text-decoration: none;
	font-weight: bold;
}


.privacy-section{
	margin-top:20px;
}
.copyright{
	color:#D9D9D9;
	font-weight:bold;
}


@media screen and (max-width:640px){
	footer .newsletter {
		margin-top:20px;
	}

		.footer-nav{
			font-size: .9em;
		}

	.footer-nav a{
		display: block;
		line-height: 1;
		margin:10px 0;
	}

	.footer-nav > div > a{
		margin-top: 15px;
		display: block;
	}

	.footer-nav > div:last-child:nth-child(odd){
		width:100%;
	}

	.footer-nav > div:last-child:nth-child(odd) .sub-menu:after{
		content: '';
		clear:both;
		display: block;
	}

	.footer-nav > div:last-child:nth-child(odd) .sub-menu a{
		width: 50%;
		float:left;
		margin:5px 0;
	}

.footer-logo{
	width: 80%;
}

.privacy-section{
	font-size:.8em;
}

.privacy-section .copyright{
	line-height: 1.1;
	display: block;
}

footer .menu-footer-secondary-container ul{
	text-align: left;
	margin-top:10px;
}

}


/*--------------------------------------------------------------
# Global Elements
--------------------------------------------------------------*/


.wrap{
	padding-top:30px;
	padding-bottom:30px;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}



.cta{
	padding:200px 0 150px 0;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
}

.cta .title{
	color:#fff;
	display: block;
	font-weight:600;
	font-size:2.6em;
	letter-spacing: .8px;
	margin-bottom:30px;
	line-height:1.1;
}

.cta .eyebrow{
	color:#5E8AB4;
}

.cta .btn.filled{
	background: #fff;
	color:#000;
	border-color:#fff;
}

.cta .btn.filled:hover{
	background: #000;
	color:#fff;
	border-color:#000 !important;
}

.cta.text-color-black .title{
	color:#000;
}

.text-color-black .btn.filled{
	background: #000;
	color:#fff;
	border-color:#000;
}

.text-color-black .btn.filled:hover{
	background: #5E8AB4;
}

.wp-block-columns, .wp-block-group{
	padding:60px 0;
}

.wp-block-columns.no-pad, .wp-block-group.no-pad{
	padding:0px 0;
}

.wp-block-columns.is-style-no-pad, .wp-block-group.is-style-no-pad{
	padding:0px 0;
}

.wp-block-group__inner-container .wp-block-columns
{
	padding:0;
}

.size-full img{
	width:100%;
}

figure{
	margin:0;
}

.large-wrap, .is-style-large-wrap{
	padding:120px 0;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}


@media screen and (max-width:640px){
	.wp-block-columns, .wp-block-group{
			padding:30px 0;
	}

	.large-wrap, .is-style-large-wrap{
		padding:30px 0;
	}

	.wp-block-column{
		padding:5px 0;
	    flex-basis: 100%!important;
	}

	.cta{
		padding:100px 0 50px 0;
		background-size:cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.cta .title{

		font-size:2em;

	}

}

/*** HERO *****/

.hero .hero_content{
	padding:150px 0 60px 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height:calc(100vh - 90px);
}

.hero .hero_content .eyebrow{
	color:#fff;
	text-transform: uppercase;
	font-weight:600;
	font-size:1.5em;
	display: block;

}

.hero .hero_content p{
	font-size:1.5em;
}



.hero.color-black .eyebrow{
	color: #5F8DB1
}

.hero .hero_content .title, .hero .hero_content h1{
	font-weight:900;
	font-size:5.5em;
	line-height: .8;
	display: block;
	color:#fff;
	text-transform: uppercase;
	letter-spacing: .5px;
	margin:0;
}


.hero.color-white{
	color:#fff;
}

.hero.color-black h1{
	color:#000;
}


.short-hero{
  padding:80px 0;
  background-position:center;
  background-size:cover;
  background-repeat: no-repeat;
  color:#fff;
}

.short-hero h1{
  margin:0;
  font-size:3.5em;
}

@media screen and (max-width:640px){
.hero .hero_content .title, .hero .hero_content h1{
		font-size:2.5em;
}

.hero .hero_content{
	padding:50px 0 30px 0;
	min-height:0px;
}

.hero .hero_content .eyebrow{
	font-size:1.1em;
}
.hero .hero_content p{
	font-size:1.3em;
}

.short-hero{
	padding:60px 0;
}

.short-hero h1{
	font-size:2.2em;
}



}

/***** RELATED PRODUCTS *****/

.related-products{
	background:#F8F8F8;
	padding:60px 0;

}

.related-products .desc{
	line-height:1.2;
	font-size:1.7em;
}

.related-product{
	padding:20px;
	margin: 0 10px;
	display: block;
	color:#000;
	text-decoration:none;
}

.related-product .icon{
	text-align: center;
}

.related-product .icon img{
	width:183px;
	display: inline-block;
}

.related-product .product-title{
	text-transform: uppercase;
	font-weight: bold;
	font-size:1.1em;
	line-height: 1.1;
	color:#5E8AB4;
	border-top: 1px solid #000000;
	letter-spacing:.5px;
	display: block;
	margin-top:30px;
	padding-top:5px;
}

.related-product p{
	line-height: 1.3em;
	font-size:1em;
	font-weight:bold
}

.related-product:after{
	content: url('./images/arrow-right_link.svg');
	position:absolute;
	bottom:0;
	right:10px;
}

.slick-slide, .slick-slide *{ outline: none !important; }



.wp-block-columns.alignfull, .wp-block-group.alignfull {
    margin-left  : calc( -100vw / 2 + 100% / 2 );
    margin-right : calc( -100vw / 2 + 100% / 2 );
    max-width    : 100vw;
		padding-top:60px;
		padding-bottom:60px;
		padding-left:calc(100vw/2 - (1200px /2));
		padding-right:calc(100vw/2 - (1200px /2));

}


.wp-block-embed.alignfull{
	margin-left  : calc( -100vw / 2 + 100% / 2 );
	margin-right : calc( -100vw / 2 + 100% / 2 );
	max-width    : 100vw;
}

.wp-block-embed{
	margin:0;
}
.wp-embed-aspect-16-9{
	padding-top: 56.25%;
	height:0;
	position: relative;
}

.wp-embed-aspect-16-9 iframe{
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}


.wp-block-columns.alignfull > div, .wp-block-group.alignfull > div{
	padding:20px;
}



.wp-block-columns.alignfull + .wp-block-columns.alignfull{
	padding-top:0px !important;
	margin-top:-30px;
}


.wp-block-group.alignfull + .wp-block-group.alignfull{
	padding-top:0px !important;
	margin-top:-30px;
}


.wp-block-columns.has-blue-background-color, .wp-block-group.has-blue-background-color {
	background: #5F8DB1;
}

.wp-block-columns.has-light-gray-background-color, .wp-block-group.has-light-gray-background-color {
	background:#F8F8F8;
}

.is-style-icon{
	display: table;
	width: 100%;
}

.is-style-icon figure{
	display: table-cell !important;
	height:100%;
	width:100%;
	vertical-align: middle;
	text-align: center;
}


/*** POST LISTINGS *****/
.post-card{
	display: block;
	width:100%;
	background:#F8F8F8;
	  padding:30px 30px 60px 30px;
		margin-top:30px;
		color:#000;
		text-decoration: none;
		height:calc(100% - 30px);
		position:relative;
}

.post-card .post_type{
	font-weight: bold;
	color:#5E8AB4;
	text-transform: uppercase;
	letter-spacing: .5px;
}

.post-card .title{
	display: block;
	margin:20px 0;
	font-weight: bold;
	font-size: 1.6em;
	line-height:1.1;
	transition:color .3s ease;
}

.post-card:hover .title{
color:#5E8AB4;
}

.post-card p{
	font-size:.9em;
}

.post-card .bottom{
	position: absolute;
	width:100%;
	bottom:30px;
	left:30px;
	font-size:.9em;
}

.post-card .top{
	width:66px;
	height:66px;
	background: #5E8AB4;
	text-align: center;
	padding:13px 0;
	color:#fff;
	position: absolute;
	top:0;
	right:0;
}

.post-card .top span{
	display: block;
	line-height: 1;
}

.post-card .top .month{
	text-transform: uppercase;
	font-size: .85em;
}

.post-card .top .day{
	font-size:1.7em;
}

.post-card .arrow{
	position: absolute;
	right:30px;
	bottom:30px;
}

.post-card .date{
	color:#426276;
	font-weight: bold;
}

.pagination{
	text-align:center;
	width:100%;
	margin:20px 0;
	font-size:1.3em;

}

.pagination a{
	color:#707070;
	text-decoration: none;
	margin:0 5px;
}

.pagination .page-numbers.current{
font-weight:bold;
color:#5E8AB4;
}


.listing-menu{
	border-bottom:1px solid #9B9B9B;
	text-align: center;
	margin-top:40px;
	margin-bottom:40px;
	margin-left  : calc( -100vw / 2 + 100% / 2 );
	margin-right : calc( -100vw / 2 + 100% / 2 );

}
.listing-menu ul{
	margin:0;
	padding:0;
}

.listing-menu ul li{
	margin:0;
	padding:0;
	list-style: none;
	display: inline-block;
	padding:5px 5px;
	margin:0 5px;
	border-bottom:2px solid transparent;
}

.listing-menu ul li a{
	text-decoration: none;
	color:#9B9B9B;
	text-transform: uppercase;
	letter-spacing: .3px;
	font-weight:600;
}

.listing-menu ul li.current-menu-item, .listing-menu ul li.active{
	border-bottom-color:#5E8AB4;
}

.listing-menu ul li.current-menu-item a, .listing-menu ul li.active a{
	color:#5E8AB4;
}

.listing-posts-wrap{
	margin-top:50px;
	margin-bottom:50px;
}

.listing-menu .mobile-contact-nav{
	display: none;
}


@media screen and (min-width:641px){
	.listing-menu ul{
		display: block !important;
	}
}

@media screen and (max-width:640px){

.listing-menu{
	width:80%;
			margin:0 auto;
}

	.listing-menu .mobile-contact-nav{
		display: inline-block;
		background:#000;
		color:#fff;
		padding:10px 60px;
		width:100%;
		font-weight:bold;
	}

		.listing-menu .mobile-contact-nav:after{
			content:url('images/triangle-down.svg');
			display: inline-block;
			padding-left:15px;
		}

	.listing-menu ul{
		background:#f1f1f1;
		padding:10px;
		display: none;
	}

		.listing-menu ul li{
			display: block;
		}

		.listing-menu ul li.current-menu-item{
			display:none;
		}

			.listing-menu ul li a{
				color:#000;
			}

		.listing-menu{
			border-bottom:0;
		}

}


/************* OWL SLIDER ***************/

.owl-nav{
	width:100%;
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	margin:auto;
}

.owl-nav button{
	height:100%;
}
.owl-nav button:focus{
	outline:none;
	border:none;
}
.owl-next{
	float:right;
}



/*********** TEXT OVERHANG HERO ***********/


.overhang-hero{
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  height:400px;
  width:100%;
  margin-bottom:120px;
}

.overhang-hero-wrap{
  position: absolute;
  bottom:0;
}

.overhang-hero-title{
  font-size:5em;
  line-height: .75;
  display: block;
  text-transform: uppercase;
  font-weight:bold;
  color:#fff;
  margin-bottom:calc(-1em + .24em);
  position: relative;
}

.overhang-hero-title span{
  color:#000;
}

.overhang-hero-eyebrow{
  color:#fff;
  font-size:1.3em;
  text-transform: uppercase;
  letter-spacing: .4px;
}

@media screen and (max-width:640px){
	.overhang-hero-title{
		font-size:2.8em;
	}

	.overhang-hero{
	  height:300px;
	  margin-bottom:70px;
	}
}


@media screen and (max-width:400px){
	.overhang-hero-eyebrow{
	  color:#fff;
	  font-size:1.1em;
	  text-transform: uppercase;
	  letter-spacing: .4px;
	}
	.overhang-hero-title{
	  font-size:2.4em;
	}
	.overhang-hero{
		margin-bottom:40px;
	}
}

/******* PROOF POINTS ********/
.proof-points{
  padding:200px 39% 200px 0;
  position: relative;
}

.proof-points .bg{
  position: absolute;
  top:0;
  right:20%;
  max-width:none;
  max-height:110%;
}

.proof-points span{
  display: block;

}

.proof-points .stat{
  font-size:4em;
  color:#5E8AB4;
  line-height: .8;
	padding:0;
	margin:0;
	text-align:left;
}
.proof-points .desc{
  margin-top:20px;
  line-height: 1.3;
  font-size:1.2em;
}

@media screen and (max-width:640px){

	.proof-points{
	  padding:30% 10% 20% 10%;
	  position: relative;
		font-size:.9em;
		text-align:center;

	}

	.proof-points .bg {
    position: absolute;
    top: 0;
		right: -5%;
    width: 110%;
    max-height: 110%;
}

.proof-points .stat{
  font-size:3.6em;
	text-align: center;
}

}


/**** GENERAL PROOF POINTS *****/
.stats{
position: relative;
}

.stat{
  margin:30px 0;
  padding:30px;
  text-align: center;
}

.stat hr{
  width:60px;
  margin:0 auto;
  border:0;
  border-bottom:2px solid #D9D9D9;
}

.stat .number{
  font-weight:200;
  font-size:5.4em;
  color:#508EB5;
}

.stat p{
  font-size:1em;
}

.has-blue-background-color .stat .number{
	color:#fff;
}

.wp-block-group .stats.wrap{
	padding:0;
}


.main-slider-nav{
  position: absolute;
  width:100%;
  top:45%;
  left:0;
}

.main-slider-nav img:first-child{
  margin-left: 10px;
}

.main-slider-nav img:last-child{
  float:right;
  margin-right:10px;
}

@media screen and (max-width:640px){
	.stats{
		margin-top:0;
		margin-bottom:0;
	}

	.stats .stat .number{
		font-size:4.2em;
	}
}

/*--------------------------------------------------------------
# MARKETO FORMS
--------------------------------------------------------------*/

form.mktoForm{
  width:100% !important;
  display: none;
}

form.mktoForm .mktoField{
  width:100% !important;
}

.mktoLabel{
  position: relative;
  display: inline-block;
  width:auto !important;
  padding-right:10px;
  color:#9B9B9B;
  font-weight:bold;
}

form.mktoForm input.mktoField[type="checkbox"]{
	width:auto !important;
}

.mktoLabel .mktoAsterix{
  position: absolute;
  top:0;
  right:0;
  color:#5E8AB4;
}

.mktoField{
  padding:10px;
  border:1px solid #D9D9D9;
}
form.mktoForm .mktoButtonWrap.mktoInset{
		margin-left:0 !important;
}

form.mktoForm .mktoButtonWrap.mktoInset .mktoButton{
  text-transform: uppercase;
	text-decoration:none;
	border:2px solid #000 !important;
	font-weight:600;
	padding:15px 30px !important;
	display: inline-block;
	line-height: 1;
  background-color:#000 !important;
  color:#fff !important;
	background-image:none !important;
	box-shadow:none !important;
	border-radius: 0 !important;
}

.mktoForm .mktoButtonWrap.mktoRound .mktoButton{

	text-transform: uppercase;
	text-decoration:none;
	border:2px solid #000 !important;
	font-weight:600;
	padding:15px 30px !important;
	display: inline-block;
	line-height: 1;
	background-color:#000 !important;
	color:#fff !important;
	background-image:none !important;
	box-shadow:none !important;
	border-radius: 0 !important;
}

.mktoForm .mktoButtonWrap.mktoRound{
	margin:0 !important;
}



/*--------------------------------------------------------------
# HOMEPAGE TEMPLATE
--------------------------------------------------------------*/

.case-study-cta{
	padding:40px 0;
}

.cta-title{
	font-weight:600;
	font-size:4.2em;
	line-height: .9;
}

.cta-title span{
		color:#5F8DB1;
}

.case-studies{
	display: flex;
	flex: auto;
}

.case-study-card{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height:525px;
	width:33.333%;
}




/*--------------------------------------------------------------
# Featured Insights
--------------------------------------------------------------*/

.feature-insights.no-pad{
	padding:0;
}

.featured-insights .card{

	background-position: center;
	background-size:cover;
	background-repeat: no-repeat;
	width:100%;
	height:100%;
	padding:30px;
	text-decoration: none;
	display: block;
	margin:20px 0;
	position: relative;
}

.featured-insights .card p{
	font-size:1.15em;
}

.featured-insights .card{
	background-color:#F8F8F8;
	transition: all .3s ease;
	color:#000;
	text-align: left;
}

.featured-insights .card.has-bg:before{
	content:'';
	background: rgba(0,0,0,.3);
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 0;
	display: block;
	transition: all .3s ease;
}

.featured-insights .arrow-link{
	position: absolute;
	right:30px;
	bottom:30px;
	z-index: 10;
}

.featured-insights .card .type{
	color:#5F8DB1;
	text-transform: uppercase;
	font-weight:600;
	letter-spacing: .5px;
}

.featured-insights .card .title{
	display: block;
	line-height: 1;
	margin:20px 0;
	font-size:1.8em;
	font-weight:bold;
	transition: color .3s ease;
}
.featured-insights .card:hover .title{
	color:#5F8DB1;
}

.featured-insights .section-title{
	font-weight:bold;
	font-size:1.2em;
	display: block;
	padding:10px 0;
	margin:30px 0;
	border-bottom:2px solid #D9D9D9;
	text-transform: uppercase;
}

.featured-insights .card:hover{
/*	box-shadow: 3px 3px 6px rgba(0,0,0,.3); */
}


.featured-insights .card.has-bg:hover::before{
	background: rgba(0,0,0,.5);

}

@media screen and (max-width:1024px){
.featured-insights .card .title{
		font-size:1.4em;
}
.featured-insights .card p{
	font-size:1.1em;
}
}

@media screen and (max-width:640px){

	.feature-insights.no-pad{
		padding:0 20px;
	}

	.featured-insights .cell{
		margin-top:20px;
		margin-bottom:20px;
	}

	.feature-insights .card .title{
		font-size:1.5em;
	}

	.reverse-mobile {
				flex-wrap: wrap-reverse;
		}
}


/****
MODULE: TO From
******/

.tofrom table tbody tr td{
	position: relative;
}
.tofrom table tbody tr td span{
	opacity:0;
	transform: translateX(-50px);
	transition: all .4s ease;
	transition-delay: inherit;
	display: block;
}


.tofrom table tbody tr td:first-child::after{
	content: url('images/from-to-arrow.svg');
	position: absolute;
	right: -30px;
	top: 0px;
	bottom:0;
	height:30px;
	margin:auto;
	opacity: 0;
	display: block;
}

.tofrom table.show tbody tr td span{
	opacity:1;
	transform: translateX(0px);
}

.tofrom table.show tbody tr td:first-child::after{
	animation: fadeInOUT .8s ease;
	animation-delay: inherit;
}

@keyframes fadeInOUT {
	0% {
			opacity: 0;
	}

	25%  {
		opacity: 1;
	}
	75% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@media screen and (max-width:640px){
	.tofrom table tbody tr td:first-child::after{
		content: '';
		background-image: url('images/from-to-arrow.svg');
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
		right: -20px;
		top: 0px;
		bottom:0;
		height:30px;
		width:40px;
		margin:auto;
		opacity: 0;
		display: block;
	}
}




/************** SEARCH ICON ************/

 .search-icon:hover svg ellipse{
	stroke:#5F8DB1;
}

.search-icon:hover svg rect{
	fill: #5F8DB1;
}


/********* PLATFORM LINKS **********/


.platform-links{
  margin:40px 0 0 0;
  padding:0;
}
.platform-links li{
  margin:0;
  padding:10px 0;
  list-style: none;
  border-top:1px solid #9B9B9B;
	position: relative;
		 transition: all .3s ease;
}

.platform-links li a{
  font-size:1.4em;
  text-decoration: none;
}

.platform-links.grey li a{
   color:#9B9B9B;
}

.platform-links.blue li a{
   color:#5F8DB1;
}

.platform-links.dark-blue li a{
  	color:#2C536C;
}


.platform-links li:first-child{
  border-top:0px;
}

.platform-links li:first-child a{
    font-size:1em;
    color:#000;
    text-transform: uppercase;
}

.platform-links li:after{
	content:url('./images/arrow-right_link.svg');
	position: absolute;
	right:0;
	top:20px;
	display: block;

}

.platform-links li:first-child:after{
  content:url('./images/small-arrow-right_link.svg');
	position: relative;
	display: inline;
	top:0;
	margin-left:10px;
}


.platform-links li:hover{
	font-weight:bold;
}

.platform-links li:hover::after{
	animation: rightToLeft .8s ease;
	animation-iteration-count: infinite;
}

@keyframes rightToLeft {
 0% {
	 transform: translateX(0);
 }
 50% {
transform: translateX(-20px);
 }

100% {
transform: translateX(0);
}

}


/****************
BLOG
*****************/

.blog-hero{
	height:400px;
	width:100%;
	background-position: center;
	background-size:cover;
	background-repeat: no-repeat;
	padding:30px 0;
}

.blog-hero.cs h1{
	color:#fff;
	font-weight:bold;
	font-size:2.5em;
}

.blog-hero.cs{
	background-color:#5F8DB1;
}


.blog-date{
	margin-top:40px;
	margin-bottom:-30px;
	text-transform: uppercase;
	color:#5E8AB4;
	font-size:1.2em;
}

.blog-navigation{
	background:#F8F8F8;
	padding:15px 0;
	text-transform: uppercase;
}

.blog-navigation a{
		color:#9B9B9B;
		text-decoration: none;
}


.newsletter-cta{
	padding:80px 0;
	background:#5E8AB4;
	color:#fff;
	margin-left  : calc( -100vw / 2 + 100% / 2 );
	margin-right : calc( -100vw / 2 + 100% / 2 );
	max-width    : 100vw;
}

.newsletter-cta .title{
	display: block;
	font-size:1.8em;
	line-height: 1.3;
}

.newsletter-cta p{
	margin-top:10px;
}

.newsletter-cta form .flex{
	display: flex;
	width:100%;
}

.newsletter-cta form input[type="email"]{
	flex: 1 1 0px;
	width:auto;
	background: none;
	border:2px solid #fff;
	color:#fff;
	font-size:1.3em;
	padding-left:20px;
	margin-right:10px;
}

.newsletter-cta form input::placeholder{
	color:#fff;
}

.newsletter-cta .gdpr{
margin:10px 0;
font-size:13px;
}

.case-study-content{
	font-size:.85em;
}

.case-study-content h2{
	font-size:2.3em;
	margin-top:20px;
}


.case-study-content .eyebrow{
	color:#5E8AB4;
}

.cs-wrap{
	margin:30px 0;
}

.cs-quote{
	padding-right:40px;
	font-size:2em;
	margin-top:40px;
}

.cs-attr{
	margin-top:20px;
}

.cs-attr span{display: block;}

.cs-attr .name{
	font-weight:bold;
}

#share .title{
		display: block;
		font-weight:bold;
		color:#5E8AB4;
		margin-bottom:10px;
}

#share .title:before{
	content:'';
	display: block;
	margin-top:30px;
	margin-bottom:10px;
	height:1px;
	background:#ccc;
	width:50%;

}

#share a{
	padding:5px;
}

@media screen and (max-width:640px){
	.blog-date{
		margin-bottom:0px;
		font-size:1em;
	}

	.cs-quote{

		font-size:1.6em;

	}

	.blog-hero{
		height:300px;
	}
}


/********

SHOW HIDE CARDS

*******/

.feature-cards{
   margin-left  : calc( -100vw / 2 + 100% / 2 );
    margin-right : calc( -100vw / 2 + 100% / 2 );
    max-width    : 100vw;
		position: relative;
  }

.feat-card{
  height:530px;
  width:100%;
  position:relative;
  background-position: center;
  background-size:cover;
  background-repeat: no-repeat;
}

.feat-card .front{
  display: table;
  height:100%;
  width:100%;
}

.feat-card .front > span{
  color:#fff;
  font-weight:bold;
  font-size:1.6em;
  line-height: 1;
  text-align:center;
  display: table-cell;
  vertical-align: middle;
  padding:0 20%;
  text-shadow: 1px 1px 3px rgba(0,0,0, .3);
  transition: all .3s ease;
}

.feat-card:hover .front > span, .feat-card.active .front > span{
  opacity:0;
  transform: translate(0, -30px)
}

.feat-card .front span .smaller{
	font-size:.6em;
	text-transform: uppercase;
	display: block;
	margin-bottom:10px;
}



.feat-card .back{
  display: table;
  height:100%;
	width:100%;
	width: calc(100% + 1px);
  position: absolute;
  top:0;
  left:0;
  background: rgba(0,0,0,.7);
  transition: all .3s ease .1s;
  opacity: 0;
	text-decoration: none;
}

.feat-card a.back:after{
		content: url('images/arrow-right_link_white.svg');
		position: absolute;
		bottom:30px;
		right:30px;
}

.feat-card .back .back_inner{
  text-align:center;
  display: table-cell;
  vertical-align: middle;
    padding:0 10%;
    color:#fff;
    font-size:1.2em;
}

.feat-card .back .back_inner p .link-title{
	text-transform: uppercase;
	color:#5E8AB4;
	font-weight:bold;
	font-size:.65em;
	display: inline-block;
	padding-bottom:5px;
}


.feat-card .back p{
  transition: all .3s ease .4s;
  line-height: 1.1;
  transform: translate(0, 30px);
  opacity: 0;
}

.feat-card:hover .back, .feat-card.active .back{
  opacity: 1;
}

.feat-card:hover .back p, .feat-card.active .back p{
  transform: translate(0,0px);
  opacity: 1;
}

.slick-arrow.prev{
	position: absolute;
	left:10px;
	top:45%;
	z-index: 10;
}

.slick-arrow.next{
	position: absolute;
	right:10px;
	top:45%;
	z-index: 10;
}


@media screen and (max-width:640px){

	.feature-cards{
		padding:0 30px;
	}
	.feat-card{
		height:400px;
	}

	.slick-arrow.prev{
		left:-15px;
	}

	.slick-arrow.next{
		right:-15px;
	}

	.slick-slide{
		padding:0 20px;
	}

	.feat-card .back p{
	  font-size:1em;
	}


	.feat-card .front > span{

	  font-size:1.4em;

	}

}


/***
DOWNLOAD
****/

.download{
	padding:20px;
	height:100%;
}

.download img{
	max-width: 60%;
	margin:10px auto;
	display: block;
}

.download p{
	margin-top:5px;
}

.same-height > div{
	margin:20px 0;
}




/*****
JOBS
******/

#lever-jobs-container{
	font-family: 'Gentona' !important;
}

ul.lever-team{
	margin:10px;
	padding:0;
}

ul.lever-team li{
	padding:3px 0;
	margin:0;
	list-style: none;
}

ul.lever-team ul > li:nth-child(odd){
	background: #f5f5f5;
}
.lever-department{
	margin:40px 0;
}
.lever-department:first-child{
	margin-top:0;
}

.lever-department h4{
	margin-bottom:10px;
	margin-top:0;
}

.lever-department > ul{
	margin-left:40px;
}


ul.lever-team ul{
	padding:0;
}

ul.lever-team ul li{
	display: flex;
	padding:5px;
}

ul.lever-team ul li *{
		width:50%;
}

ul.lever-team ul li a{
		color:#5E8AB4;
		font-weight:bold;
		text-decoration: none;
}


/******
ALERT BAR
******/

.alert-bar{
	height:65px;
	background:#508EB5;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index: 100;
	padding:0px 40px 0px 0;
	z-index: 1000;
	max-height:0;
	overflow: hidden;
	transition: all .5s ease;
}

.alert-bar table{
	width:100%;
	height:100%;
	vertical-align: middle;
}

.alert-bar a{
	color:#fff;
	text-decoration: none;
	font-size: 1em;
	 vertical-align: middle;
	 	font-weight: bold;
		line-height: 1.3;
		display: block;
}
.alert-bar .link-title{
	padding-left:15px;
	font-size:.8em;
	text-transform: uppercase;
	color:#000
}

.alert-bar .link-title img{
	margin-left:5px;
}

.alert_close{
	position: absolute;
	right:20px;
	top:32px;
	font-size:1.1em;
	line-height: 0;
	font-weight:bold;
	color:#2C536C;
	transition: all .3s ease;
	cursor: pointer;
}

.alert_close:hover{
	color:#fff;
	transform:scale(1.3);
}

.alert-bar_margin .alert-bar{
	max-height: 100px;
}

@media screen and (max-width:1160px){
	body.alert-bar_margin {
    margin-top: 125px;
}
}

@media screen and (max-width:640px){

	.alert-bar{
		font-size:.9em;
		text-align: left;
	}

	.alert-bar .txt-c{
		text-align: left;
	}

	.alert-bar .link-title{
		padding-left:0px;
		display: block;
		margin-top:5px;
	}

	.alert-bar{
		height:100px
	}

	body.alert-bar_margin {
    margin-top: 160px;
}

.alert_close{
	top:50px;
}

.alert-bar_margin header.site-header {
    margin-top: 100px;
}

}


.logo-same-height{
	height:120px;
	text-align: center;
	margin:20px 0;
}

.logo-same-height img{
	height:120px;
	width:auto !important;
}


.gdpr-popup{
	position: fixed;
	width:100%;
	bottom:0;
	left:0;
	z-index: 100;
	background: #508EB5;
	padding:20px;
	color:#fff;
}

.gdpr-popup a.link{
	color:#fff;
	font-weight:bold;
	text-decoration: none;
	display: inline-block;
	border-bottom:2px solid #fff;
}
.gdpr-popup p{font-size:.9em;}

.gdpr-popup a.btn:hover{
	background: #fff;
	color:#000;
}

@media screen and (max-width:640px){
	.gdpr-popup .txt-r{
		text-align: left;
	}
}

@media (max-width: 781px) and (min-width: 600px){
  .wp-block-column:first-child:nth-last-child(3),
.wp-block-column:first-child:nth-last-child(3) ~ .wp-block-column {
    flex-basis: 100% !important;
		padding:0 20%;
		margin:0;
}
}
.pum-theme-2739, .pum-theme-default-theme {
    background-color: rgba( 255, 255, 255, 0.5 )!important;
}

.page-template-page-contact .overhang-hero {
	height: 320px;
	   margin-bottom: 90px;
}

.page-template-page-contact .listing-menu{
	margin-bottom:-20px;
}

.mktoAsterix{
	display:none;
}

.mktoRequiredField .mktoAsterix{
	display:block;
}