/*
Worldreader brand stylesheet
The following stylsheet applies the new 2018 Brand Guidelines
To avoid conflicts all styles are only applied to modules inside Visual Composer (vc_row)
Author: Guillem Santapau
*/


/* ============================================
	Generics Effect
=============================================== */

h1, h2, h3, h4, h4, p, a, span{
	font-family: 'Montserrat',sans-serif!important;
}

h1{
	font-size: 45px!important;
	line-height: 52px!important;
	text-transform: none!important;
	font-weight: 600!important;
}


h2{
	font-size: 32px!important;
	line-height: 40px!important;
	text-transform: none!important;
	font-weight: 600!important;
}

h3{
	font-size: 25px!important;
	line-height: 35px!important;
	text-transform: none!important;
	font-weight: 600!important;

}

p{
	font-size: 16px!important;;
	line-height: 28px!important;;
	font-weight: 300!important;;
}


.white-text p,
.white-text h1,
.white-text h2,
.white-text h3,
.white-text a{
	color:#FFF!important;
}

.z-index-10{
	z-index: 10;
}



/* ============================================
	Cookie Agreement CSS
=============================================== */



#cookie-law-info-bar{
 box-shadow:rgb(0 0 0 / 33%) 0px 5px 20px!important;
}


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

	#cookie-law-info-bar{
		left: 50%!important;
		transform: translateX(-50%);
	}

	#cookie-law-info-bar #wt-cli-settings-btn {
		margin: 25px 0px 0px 0px !important;
	}

	#cookie-law-info-bar #wt-cli-accept-btn {
		margin: 25px 0px 0px 4% !important;
	}
}



/* ============================================
	Mobile Frames
=============================================== */

.mobile-frame{
	background-color: #fff !important;
	border-radius: 20px !important;
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.mobile-frame iframe,
.mobile-frame .vc_single_image-wrapper,
.mobile-frame svg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.mobile-frame.landscape{
	padding: 3% 5% 3% 5%!important;
	border: 3px solid #eee;
}

.mobile-frame.landscape .wpb_wrapper,
.mobile-frame.landscape figure{
	position: relative;
	padding-bottom: 56.25%;
	width: 100%;
	overflow: hidden!important;
	border-radius: 10px;
}

.mobile-frame.portrait{
	padding: 5% 3% 5% 3%!important;
	border: 3px solid #eee;
}

.mobile-frame.portrait .wpb_wrapper,
.mobile-frame.portrait figure{
	position: relative;
	padding-bottom: 174.25%;
	width: 100%;
	overflow: hidden!important;
	border-radius: 10px;
}

/* ============================================
	CTA Button
=============================================== */

.cta-button .wpb_text_column,
.cta-button .wpb_single_image,
.cta-button .wpb_raw_html{
    margin-bottom: 0px!important;
}

.cta-button p{
    padding-bottom: 5px;
    line-height: 25px!important;
}

.cta-button{
    cursor: pointer;
    padding: 25px 15px 25px 15px;
    border-radius: 15px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.cta-button:hover{
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.cta-button.tale{
    background: #20C4CB;
}

.cta-button.pink{
    background: #EA356D;
}

.cta-button.blue{
	background: #104065;
}


/* ============================================
	WR Now
=============================================== */

/* Start here| Styles for new navigation on WR Now - June 2022 */
.wr-now .navigation{
	display: flex;
	justify-content: flex-end;
	padding: 35px 0 45px 0;
	align-items: center;
	width: 100%;
	max-width: 1170px;
	margin: 0% auto 0 auto;
}
.wr-now .home-link {
	font-weight: 600;
	text-transform: none;
	font-size: 16px;
	background: #104065;
	/* border: 2px solid #114065; */
	padding: 0.6rem;
	color: #FFF;
	box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
}
.wr-now .home-link:hover {
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.wr-now .home-link h4 {
	color: #FFF !important;
	margin-bottom: 0;
}

.wr-now .search-form {
	width: 20rem;
}
.wr-now .search-bar .search-form {
	border-radius: 30px !important;
}
.wr-now .search-bar .search-form .asp_main_container {
	border-radius: 30px!important;
}
#ajaxsearchpro2_1, #ajaxsearchpro2_2, div.asp_m.asp_m_2 {
	border-radius: 30px !important;
}
/* #ajaxsearchpro2_1 .probox, #ajaxsearchpro2_2 .probox, div.asp_m.asp_m_2 .probox {
	margin: 5px !important;
	height: 25px !important;
}
#ajaxsearchpro2_1 .probox .proinput input.orig, #ajaxsearchpro2_2 .probox .proinput input.orig, div.asp_m.asp_m_2 .probox .proinput input.orig {
	height: 25px !important;
} */
/* End here| Styles for new navigation on WR Now - June 2022 */

.wr-now .featured-items,
.wr-now .news{
	background: #F8F8F8;
	padding-bottom: 35px!important;
}
.wr-now .news{
	margin-top: 30px;
}
.wr-now .grid-item{
	background: #FFF;
	padding: 0px 0px 15px 0px;
	margin-bottom: 0px;
}


.wr-now .featured-items .other-featured{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	padding-bottom: 80px;
}
.wr-now .featured-blog-btn {
	position: relative;
	top: -4rem;
}

.wr-now .featured-items .main-item .thumbnail{
	width: 65%;
	float:left;
	margin: 0px;
}

.wr-now .featured-items .main-item > .vc_column-inner{
	padding-top: 15px;
	/* margin-top: -45px; */
}

.wr-now .featured-items .main-item .grid-item{
	background: #104065!important;
	padding: 0px;
}

.wr-now .featured-items .main-item .categories,
.wr-now .featured-items .main-item .title{
	float: left;
	width: 35%;
	box-sizing: border-box;
}

.wr-now .featured-items .main-item .categories{
	padding: 3% 2% 0% 2%;
}

.wr-now .featured-items .main-item .title{
	padding: 0.5% 2% 0% 2%;
}

.wr-now .featured-items .main-item .categories a,
.wr-now .featured-items .main-item .title{
	color: #FFF!important;
}


.wr-now .featured-items .main-item .title p{
	font-size: 33px!important;
	line-height: 40px!important;
	display: -webkit-box;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
	overflow: hidden;
	padding-bottom: 0px;
	margin-bottom: 10px!important;
	color: #FFF!important;
}

.wr-now .featured-items .title p,
.wr-now.archive .title p,
.wr-now.videos .title p,
.wr-now .booklists .title p,
.wr-now .related-posts .title p{
	padding-bottom: 0px;
	margin-bottom: 5px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-weight: 600!important;
	color: #104065;
	font-size: 15px!important;
	line-height: 25px!important;
}

.wr-now.videos .title p {
	color: #000;
}

.wr-now .featured-items .main-item .excerpt p{
	padding: 0px 15px!important;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 0px;
}

.wr-now .featured-items .main-item .excerpt p a.p-continue{
	display: none;
}

.wr-now .grid-item > .wpb_single_image,
.wr-now.archive .wpb_single_image{
	margin-bottom: 15px;
}

.wr-now .grid-item > .wpb_single_image a,
.wr-now.archive .wpb_single_image > a,
.wr-now.videos .thumbnail > a{
	width: 100%;
	padding-bottom: 54%!important;
	background-size: cover!important;
	background-position: center center!important;
	background-repeat: no-repeat!important;
	display: block;
}

.wr-now.archive .wpb_single_image > a.news {
	background-size: 80% !important;
}

.wr-now .grid-item > .categories,
.wr-now.archive .categories{
	margin-bottom: 10px;
	padding: 0px 15px;
	color: #969696;
}

.wr-now .grid-item > .categories a,
.wr-now.archive .categories a{
	font-weight: 600;
	color: #969696;
	font-size: 12px;
}

.wr-now .grid-item > .title,
.wr-now.archive .title{
	padding: 0px 15px;
	margin-bottom: 0px;
}

.wr-now .grid-item > .post-block-description,
.wr-now.archive .post-block-description{
	padding: 0px 15px;
	margin-bottom: 0px;
}

.wr-now .news h2 {
	color: #104065;
	padding-bottom: 35px;
	padding-top: 35px;
}

.wr-now .news .news-grid{
	padding: 35px 15px;
}
.wr-now .news .news-grid .new-news-grid {
	/* temporary fix for worldreader in the news to be in a grid formart */
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 2%;
}
.wr-now .news .vc_wr_button_outter {
	margin-top: 40px;
}

.wr-now .news .grid-item{
	background: #FFF;
	padding: 0px 0px 15px 0px;
	margin-bottom: 0px;
	/* background: transparent; */
}

.wr-now .news .grid-item > .title{
	padding: 0px 15px;
	margin-bottom: 0px;
	/* padding: 0px; */
}

.wr-now .news .grid-item > .title p{
	font-weight: 600!important;
	/* padding-bottom: 5px!important; */
	padding-bottom: 0px;
	margin-bottom: 5px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: #104065;
	font-size: 15px!important;
	line-height: 25px!important;
}

.wr-now .news .grid-item > .excerpt{
	padding-right: 5%;
	margin-bottom: 5px;
}

.wr-now .news .grid-item > .excerpt p{
	padding-bottom: 0px!important;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.wr-now .news .grid-item > .date p{
	color: #104065;;
}

.wr-now .news .p-continue{
	display:none;
}

.wr-now .news .read-more{
	font-weight: 600!important;
	color: #104065;
	font-size: 15px;
}

.wr-now .search-bar{
	/* padding: 80px 15px!important; */
}

.wr-now .search-bar h2{
	text-align: center;
	color: #104065;
}

.wr-now .search-bar .search-form{
	max-width: 800px;
	margin: auto;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.ajaxsearchpro.wpdreams_asp_sc{
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)!important;
	border: 0px!important;
}

.ajaxsearchpro.wpdreams_asp_sc h3{
	line-height: 11px!important;
}


.wr-now .search-bar .search-form .wpdreams_asl_container{
	overflow: visible;
}

.wr-now .search-bar .search-form input,
.wr-now .search-bar .search-form input::-webkit-input-placeholder{
	font-family: Montserrat!important;
	font-size: 16px!important;
}


.wr-now .search-bar .search-form .asp_main_container{
	border-radius: 0px!important;
	border: 1px solid #104065!important;
}

.wr-now .dive-deeper{
	padding: 10% 0% 0% 0%;
}

.wr-now .dive-deeper .grid{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 5%;
	grid-row-gap: 10%;
	text-align: center;
	width: 80%;
	margin: auto;
}

.wr-now .dive-deeper .grid p{
	color: #000;
	font-weight: 600!important;
}

.wr-now .dive-deeper h2,
.wr-now.videos h2,
.wr-now.twitter h2{
	text-align: center;
	padding: 0% 0% 55px 0%;
	color: #104065;
}

.wr-now.videos{
	background: #F8F8F8;
	text-align: center;
	padding: 85px;
	margin: 30px 0;
}

.wr-now.videos .grid p{
	padding-top: 10px;
}

.wr-now.videos .grid{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 5%;
	grid-row-gap: 10%;
	text-align: center;
	width: 80%;
	margin: auto;
}

.wr-now.videos .vc_wr_button_outter {
	margin-top: 8%;
}

.wr-now.videos .grid .element > .thumbnail {
	border: 1px solid #eee;
	padding: 15px 10px;
	border-radius: 10px;
	background: #FFF;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    box-sizing: border-box;
}

.cta-container.wr-now{
	display: table;
	width: 100%;
	max-width: 1050px;
	margin: auto;
}

.cta-container.wr-now .cta-box{
	padding: 2%;
}

.wr-now .video-play{
	background: #FFF;
	border-radius: 50px;
	width: 35px;
	height: 29px;
	padding-top: 11px;
	padding-left: 5px;
	border: 3px solid;
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	color: #104065;
	pointer-events: none;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.wr-now .entry-type-icon{
	position: absolute;
	max-width: 100px;
	left: 50%;
	top: 50%;
	margin-top: -50px;
	margin-left: -50px;
	pointer-events: none;
}

.wr-now .video-play:hover{
	color: #20C4CB;
}


.wr-now .booklists{
	background: #F8F8F8;
	padding:35px 15px 45px 15px;
	margin-top: 30px;
}

.wr-now .booklists h2{
	color: #104065;
	text-align: left;
	padding-bottom: 35px;
	padding-top: 35px;
}

.wr-now .booklists .vc_wr_button_outter{
	margin-top: 40px;
}

.wr-now .booklists-grid{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 2%;
}

.search-result-container .wr-now .search-bar{
	padding: 25px 15px 80px 15px!important

}




@media screen and (max-width: 700px) {
	/* Start here| Styles for new navigation on WR Now - June 2022 */
	.wr-now .navigation{
		flex-direction: column;
		padding: 0px 0 45px 0;		
		justify-content: center;
	}
	.wr-now .search-form {
		width: 100%;
	}
	.wr-now .home-link {
		margin-bottom: 1.5rem;
	}
	.wr-now .home-link h4 {
		text-align: center;
	}
	/* End here|  Styles for new navigation on WR Now - June 2022 */
	.wr-now .dive-deeper .grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 5%;
		grid-row-gap: 5%;
		text-align: center;
		width: 100%;
		margin: auto;
	}

	.wr-now .dive-deeper {
		padding: 10% 0% 20% 0%!important;
	}

	.wr-now.videos .grid {
		grid-template-columns: 1fr 1fr;
		grid-gap: 15px;
		grid-row-gap: 15px;
		width: 100%;
		margin: auto;
	}

	.wr-now .featured-items .main-item .grid-item,
	.wr-now .featured-items .main-item .thumbnail,
	.wr-now .featured-items .main-item .categories,
	.wr-now .featured-items .main-item .title {
		width: 100%;
		float: left;
	}

	.wr-now .featured-items .main-item .title p {
		-webkit-line-clamp: 4;
	}

	.wr-now .featured-items .other-featured {
		grid-template-columns: 1fr 1fr;
	}

	.wr-now .news .news-grid{
		box-sizing: border-box!important;
		/* padding: 8%!important; */
	}
	.wr-now .news .news-grid .new-news-grid {
		grid-template-columns: 1fr 1fr;
		grid-gap: 3%;	
	}

	.wr-now .booklists-grid {
		grid-template-columns: 1fr 1fr;
		grid-gap: 3%;
	}

	.wr-now .booklists{
		box-sizing: border-box!important;
		padding: 4%!important;
		margin-left:0px;
		margin-right: 0px;

	}
	
	/* .vc_row {
		margin-left: 0px !important;
		margin-right: 0px !important;
	} */


	.wr-now .featured-items .main-item .categories {
		padding: 5% 5% 0% 5%;
	}

	.wr-now .featured-items .main-item .title{
		padding: 1% 5% 3% 5%;
	}


	.wr-now .cta-button .vc_col-sm-9 .vc_column-inner{
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.wr-now .booklists-grid .title p {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		padding-bottom: 0px;
	}
	.wr-now .new-news-grid .title p {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		padding-bottom: 0px;
	}
	
}


/* ============================================
	WR Now - Header
=============================================== */

#header-wrap.wr-now-header{
	background-color: transparent!important;
	box-shadow: none!important;
	pointer-events: none;
}

#header-wrap.wr-now-header a.logo{
	pointer-events: all;
}

.wr-now-header .top-bar{
	display: none;
}

.wr-now-header #top-header{
	height: 70px!important;
	background: #FFF;
}

.wr-now-header #now-header{
	z-index: -5;
	overflow: hidden;
	width: 100%;
	background: transparent;
}

.wr-now-header #now-header .now-title{
	float: left;
	width: 20%;
	display: block;
	z-index: 10;
	position: relative;
	pointer-events: all;
	color: #FFF!important;
	font-size: 20px!important;
	padding-top: 10px;
}

.wr-now-header #now-header .now-title img{
	max-width: 180px;
	float: left;
}

.wr-now-header #now-header .now-title .title{
	float: left;
	line-height: 21px;
	border-left: 1px solid #FFF;
	padding-left: 10px;
	margin-left: 10px;
	margin-top: 0px;
	letter-spacing: -1px;
}

.wr-now-header #now-header nav{
	float: left;
	width: 80%;
	display: block;
}


.wr-now-header #now-header .now-title a{
	font-size: 24px;
	font-weight: 600;
	color: #FFF;
	line-height: 40px;
}

.wr-now-header .header-diagonal{
	background: #104065;
	transform: skewY(-2deg);
	box-shadow: 0 1px 4px rgb(0 0 0 / 16%), 0 0px 4px rgb(0 0 0 / 23%);
}

.wr-now-header .header-diagonal .items-holder{
	transform: skewY(+2deg);
	width: 100%;
	max-width: 1170px;
	margin: -5% auto 5% auto;
	height: 100px;
	padding-top: 8%;
}

.wr-now-header #now-header .mega-menu-wrap{
	background: transparent!important;
}

.wr-now-header #now-header .mega-menu{
	background: transparent!important;
	max-width: 1170px;
	margin: auto!important;
}

.wr-now-header #now-header ul.mega-menu > li > a {
	line-height: 130px !important;
	margin-top: -45px !important;
	display: block !important;
	height: 140px !important;
}


.wr-now-header #now-header ul.mega-menu > li:first-of-type{
	display: none!important;

}

.wr-now-header #now-header ul.mega-menu > li:last-of-type {
	transform: skewY(-2deg)!important;
	background: #F2711C!important;
	height: 160px!important;
	margin-top: -93px!important;
	padding-top: 78px!important;
	margin-left: 10px!important;
	padding-left: 15px!important;
	padding-right: 15px!important
;

}

.wr-now-header #now-header ul.mega-menu > li:last-of-type > a{
	transform: skewY(+2deg)!important;
}

.wr-now-header #now-header .mega-menu a{
	font-size: 15px!important;
}

.wr-now-header #now-header .mega-menu a:hover{
	background: transparent!important;
}
.wr-now-header #now-header .mega-current-menu-item a {
	/* border-top: 5px solid #FFF !important; */
	text-decoration: underline !important;
}

html.js_active #container.wr-now{
	top: 185px!important;
	padding-bottom: 190px!important;
}

.wr-now-mobile{
	display: none;
}

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

	html.js_active #container.wr-now{
		top: 140px!important;
		float: left;
		z-index: 1;
	}

	.wr-now .booklists {
		margin-left: 0;	
		margin-right: 0;
	}


	.wr-now-mobile{
		display: block;
	}

	.wr-now-header #top-header{
		display: none;
	}

	.wr-now-header #now-header .now-title{
		padding-top: 30px;
		padding-left: 15px;
		width: 75%;
	}

	.wr-now-header #now-header ul.mega-menu > li:last-of-type > a,
	.wr-now-header #now-header ul.mega-menu > li > a.mega-menu-link:hover,
	.wr-now-header #now-header ul.mega-menu > li:last-of-type{
		background: transparent!important;
	}

	.wr-now-header #now-header{
		overflow: visible;
	}

	.wr-now-header .header-diagonal .items-holder {
		width: 100%;
		max-width: 1170px;
		margin: -20% auto 5% auto;
		height: 100px;
		padding-top: 13%;
	}

	.wr-now-header #now-header nav{
		display:none;
	}

	.wr-now-mobile .mega-menu-toggle{
		z-index: 15!important;
		padding-top: 2px;
	}

	#now-header{
		z-index: 10!important;
	}

	.wr-header.wr-now-header .mega-menu-toggle .mega-toggle-block.mega-menu-toggle-block::after{
		color: #FFF!important;
	}

	.wr-header header.wr-now-mobile nav .mega-menu-toggle + ul > li:last-of-type{
		display: block!important
	}

	.wr-header.wr-now-header header nav .mega-menu-toggle + ul{
		margin-top: 70px!important;
	}

}

@media screen and (max-width: 1190px) {
	.wr-now .booklists {
		margin-left: 0;	
		margin-right: 0;
	}
}

@media screen and (max-width: 640px) {
	.wr-now-header .header-diagonal .items-holder {
		padding-top: 5%;
	}

	#mega-menu-wrap-main-navigation-now .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block{
		margin-top: 20px!important;
	}
}


/* ============================================
	WR Now - Single
=============================================== */



#content.single.wr-now{
	background: #FFF;
	z-index: 2;
}

.single-wr-now{
	float: left;
	display: block;
	background: #f9f9f9;
	margin-top: 0px;
	padding: 5%;
	box-sizing: border-box;
	width: 100%;
}

.single-wr-now .header{
	border-bottom: 1px solid #104065;
    display: flex;
	float: none;
	width: 100%;
	padding-bottom: 10px;
	max-width: 650px;
	min-height: 15px;
	margin: auto;
}

.single-wr-now .header .meta{
	float: left;
	display: block;
	max-width: 70%;
	float: left;
 }

.single-wr-now .header .social-sharing{
    display: flex;
    right: 0px;
    position: absolute;
}

.single-wr-now .header .social-sharing a{
	margin-left: 15px;
	display: block;
	float: right;
	z-index: 999999;
}

.single-wr-now .header .social-sharing i{
	font-size: 20px;
	color: #104065;
}

.single-wr-now .header .meta .categories a{
	font-weight: 600;
}

.single-wr-now .header .meta,
.single-wr-now .header .meta .categories a,
.single-wr-now .content .author,
.single-wr-now .content .author a{
	color: #104065;
}

.single-wr-now .content .author a{
	pointer-events: none;
}


.single-wr-now ul > li,
.single-wr-now ol > li{
	list-style: inside;
	list-style-position: inside;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	line-height: 27px;
}


.single-wr-now .content{
	display: block;
	box-sizing: border-box;
	width: 100%;
	max-width: 650px;
	margin: auto;
	float: none;
}

.single-wr-now .content .p-content a:not(.vc_wr_button){
	color: #285BD4!important;
}

.single-wr-now .content .wp-caption{
	width: 100%!important;
}


.single-wr-now .content h1{
	padding-top: 30px;
	width: 100%;
	display: block;
	float: left;
	font-size: 35px !important;
	line-height: 45px !important;
	margin-bottom: 10px!important;
}

.related-posts{
	padding: 0px 10%;
	float: left;
	width: 100%;
	display: block;
	box-sizing: border-box;
	margin-top: 75px;
}

.related-posts h2{
	text-align: center;
	color: #104065;
	padding-bottom: 20px;
}

.related-posts .grid-item{
	padding: 1%;
}

.single-cta-container{
	width: 100%;
	display: block;
	position: relative;
	float: left;
	margin: 0px 0px 10% 0px;
	opacity: 1!important;
	overflow-y: hidden!important;
	padding-top: 5%;
	padding-bottom: 15%;
}

.single-cta-container > div{
	max-width: 1000px;
	display: block;
	position: relative;
	margin: auto;
	float: none;
}

.single-cta-container .cta-box{
	padding: 10px;
}

.single-cta-container:before{
	z-index: 1;
}

.single-cta-container.diagonal-background.bottom:before {
	top: -85%!important;
	padding-bottom: 13%;
}

.single-now #footer-wrap{
	float: left;
	width: 100%;
}
.single-now .wr-footer,
.single-now .related-posts{
	margin-left: 0px;
	margin-right: 0px;
}

.single-now .content .wp-caption,
.single-now .content iframe{
	max-width: 100%!important;
}

.single-now .cta-box{
	z-index: 9!important;
}

.single-now .content h2,
.single-now .content h3,
.single-now .content h4,
.single-now .content li,
.single-now .content p{
	color: #434343;
}




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

	#footer-wrap{
		float: left;
		width: 100%;
	}

	.single-wr-now {
		margin-top: 0px;
	}

	#content.single.wr-now{
		padding: 0px 2%;
		box-sizing: border-box;
	}

}

/* ============================================
	WR Now - Archive
=============================================== */


.archive #container{
	display:flex;
	/* Added flex direction column so that the navigation and the content aren't on the same row on the archive page */
	flex-direction: column;
}


#content.archive-container{
	padding-top: 2%!important;
}

.wr-now.archive{
	width: 100%;
	background: #f9f9f9;
	padding: 5%;
	box-sizing: border-box;
}


.wr-now.archive .term-name{
	font-weight: 600!important;
	color: #104065;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

.wr-now.archive .term-description{
	color: #000;
	font-size: 16px;
	line-height: 27px;
}

.wr-now.archive .type{
	text-align: right;
	margin: 5px 0px;
}

.wr-now.archive .type a{
	color: #000;
	font-size: 12px;
}

.wr-now.archive .type .square {
	width: 15px;
	height: 15px;
	background: #eee;
	position: absolute;
	top: 0px;
	margin-left: -20px;
	margin-top: 2px;
}

.wr-now.archive .type .report .square{
	background: #EA356D!important;
}

.wr-now.archive .type .blog .square{
	background: #104065!important;
}

.wr-now.archive .type .video .square{
	background: #20C4CB!important;
}

.wr-now.archive .type .news .square{
	background: #BC33A9!important;
}

.wr-now.archive .type .press-release .square{
	background: #21BA45!important;
}


.wr-now.archive .post .vc_column-inner > .wpb_wrapper{
	background: #FFF;
}

.wr-now.archive .post,
.wr-now.archive .post .vc_column-inner,
.wr-now.archive .post .vc_column-inner > .wpb_wrapper,
.wr-now .featured-items .other-featured .vc_column-inner,
.wr-now .featured-items .other-featured .vc_column-inner > .wpb_wrapper,
.wr-now .featured-items .other-featured .vc_column-inner > .wpb_wrapper > .vc_grid-container-wrapper,
.wr-now .featured-items .other-featured .vc_column-inner > .wpb_wrapper > .vc_grid-container-wrapper > .grid-item{
	height: 100%;
}

.wr-now.archive .post .vc_column-inner{
	padding: 0px;
}


.wr-now.archive .title{
	padding-bottom: 5%;
}


.wr-now.archive > .grid{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 3%;
	grid-row-gap: 3%;
	margin-top: 5%;
	padding-bottom: 10%;
	z-index: 10;
}

.wr-now.archive > .reports-page .reports-item {
	display: flex;
	width: 100%;
	padding: 3rem 0;
}
.wr-now.archive > .reports-page .reports-item .image-wrapper {
	width: 22%;
}
.wr-now.archive > .reports-page .reports-item .image-wrapper img {
	width: 180px;
	height: auto;
	box-shadow: 0 0 25px #ccc;
}
.reports-page .reports-item .reports-title {
	padding-left: 0;
	padding-bottom: 0;
}
.reports-item .image-wrapper img{
	width: 12rem !important;
	box-shadow: 0 0 25px #ccc;
}
.reports-item .reports-title {
	padding: 15px 0 15px !important;
}
.reports-title a{
	color: #104065;
}
.reports-date .date {
	color: #7b7979  !important;
	font-weight: 600 !important;
}
.wr-now.archive > .reports-page .reports-item .reports-text {
	width: 65%;
	padding: 1.5rem 0 0 0;
}
.wr-now.archive > .reports-page .reports-item .reports-text .title a {
	font-size: 18px;
}
.reports-text .description {
	color: #000000;
}

.reports-text .cta a {
	text-decoration: underline;
	color: #104065;
	font-weight: 600;
	font-size: 15px;
}


.archive-container .pagination-container{
	text-align: center;
	display: flex;
	width: 100%;
	padding-top: 15%;
}

.archive-container .pagination-container .pagination{
	margin: auto;
}

.archive-container .pagination-container .pagination span.current{
	background: #104065;
	border-radius: 0px;
	margin: 4px 4px 4px 0;
}

.archive-container .pagination-container .pagination a {
	border-radius: 0px;
	background: #20C4CB;
	margin: 4px 4px 4px 0;
}


.archive-container .cta-container .cta-box{
	padding: 4%;
}



@media screen and (max-width: 700px) {
	.wr-now.archive > .grid{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 25px;
		grid-row-gap: 50px;
	}

	.wr-now.archive .term-description{
		color: #104065;
		max-width: 100%;
		font-size: 23px!important;
	}

	#content.archive-container {
		padding: 4% !important;
		box-sizing: border-box;
	}
	.wr-now.archive > .reports-page .reports-item {
		flex-direction: column;
	}

	.wr-now.archive > .reports-page .reports-item .image-wrapper {
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.wr-now.archive > .reports-page .reports-item .image-wrapper a {
		display: flex;
		justify-content: center;
	}
	.wr-now.archive > .reports-page .reports-item .image-wrapper img {
		width: 60%;
	}
	.wr-now.archive > .reports-page .reports-item .reports-text {
		width: 100%;
		padding: 2rem 0 0 0;
	}
	.wr-now.archive > .reports-page .reports-item .reports-text .title a {
		font-size: 16px;
	}

}

@media (min-width: 701px) and (max-width: 1200px) {
	.wr-now.archive > .reports-page .reports-item .reports-text {
		padding: 1rem 0 0 2rem;
	}
	.wr-now.archive > .reports-page .reports-item .image-wrapper img {
		margin-top: 1.5rem;
	}
 }
/* 
@media screen and (max-width: 1200px) {
	
} */


/* ============================================
	Mobile Banners
=============================================== */

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

	div.top-banner-mobile{
		background-image: none!important;
		padding-top: 10%!important;
		padding-bottom: 10%!important;
	}

	.top-banner-mobile a,
	.top-banner-mobile h1,
	.top-banner-mobile h2,
	.top-banner-mobile h3,
	.top-banner-mobile p{
		color: #FFF!important;
	}

	.top-banner-mobile:before{
		transform: skewY(-6deg);
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transform-origin: top left;
		z-index: 0;
		display: block!important;
		background:
			linear-gradient(180deg,
			rgba(19, 90, 245,0) 20%,
			rgba(19, 90, 245,.1) 20%,
			rgba(19, 90, 245,.1) 40%,
			rgba(19, 90, 245,.2) 40%,
			rgba(19, 90, 245,.2) 60%,
			rgba(19, 90, 245,.4) 60%,
			rgba(19, 90, 245,.4) 80%,
			rgba(19, 90, 245,.5) 80%),
			linear-gradient(45deg,
			rgba(19, 90, 245,.3) 20%,
			rgba(19, 90, 245,.4) 20%,
			rgba(19, 90, 245,.4) 40%,
			rgba(19, 90, 245,.5) 40%,
			rgba(19, 90, 245,.5) 60%,
			rgba(19, 90, 245,.6) 60%,
			rgba(19, 90, 245,.6) 80%,
			rgba(19, 90, 245,.7) 80%),
			linear-gradient(-45deg,
			rgba(19, 90, 245,0) 20%,
			rgba(19, 90, 245,.1) 20%,
			rgba(19, 90, 245,.1) 40%,
			rgba(19, 90, 245,.2) 40%,
			rgba(19, 90, 245,.2) 60%,
			rgba(19, 90, 245,.4) 60%,
			rgba(19, 90, 245,.4) 80%,
			rgba(19, 90, 245,.6) 80%),
			linear-gradient(90deg,
			rgba(97, 255, 233,0) 20%,
			rgba(97, 255, 233,.3) 20%,
			rgba(97, 255, 233,.3) 40%,
			rgba(97, 255, 233,.5) 40%,
			rgba(97, 255, 233,.5) 60%,
			rgba(97, 255, 233,.7) 60%,
			rgba(97, 255, 233,.7) 80%,
			rgba(97, 255, 233,.8) 80%),
			linear-gradient(-90deg,
			rgba(97, 255, 233,0) 20%,
			rgba(97, 255, 233,.4) 20%,
			rgba(97, 255, 233,.4) 40%,
			rgba(97, 255, 233,.5) 40%,
			rgba(97, 255, 233,.5) 60%,
			rgba(97, 255, 233,.6) 60%,
			rgba(97, 255, 233,.6) 80%,
			rgba(97, 255, 233,.8) 80%),
			linear-gradient(180deg,
			rgba(33, 254, 19,0) 20%,
			rgba(33, 254, 19,.4) 20%,
			rgba(33, 254, 19,.4) 40%,
			rgba(33, 254, 19,.6) 40%,
			rgba(33, 254, 19,.6) 60%,
			rgba(33, 254, 19,.8) 60%,
			rgba(33, 254, 19,.8) 80%,
			rgba(33, 254, 19,.9) 80%);
	}

}