/*
	Theme Name: Helastel
	Theme URI: https://designbull.co.uk/
	Description: Helastel WordPress Theme
	Version: 1.0.5
	Author: Lee Harris - Vivid
	Author URI: https://www.vividcontentagency.com/
*/

/*Imported from inline styles that were added ~July 2020 to includes/helpers.php*/

h5 {
	font-size: 120%;
	line-height: 1.3; /* HEL-44 */
}

/* It's for a local setting of a background */
.mainSection .blackBg a:not(.button):not(.page-numbers):not(.callCircle):not(.iconBoxes):not(.iconBox) {
	color: #5bf9b5;
}
.blackBg a:not(.button):not(.page-numbers):not(.callCircle):not(.iconBoxes):not(.iconBox) {
	color: #5bf9b5;
	text-decoration: unset;
}
.blackBg a:not(.button):not(.page-numbers):not(.callCircle):not(.iconBoxes):not(.iconBox):hover {
	text-decoration: underline;
}
/* The end: HEL-41 */
.mainSection .callBlock a.callCircle {
	color: white; /* Added 31.07.2020 by Roman Khrustalev */
}

.intro{
	margin-bottom: 0;
}
.block, .textBlock {
	padding-top: 100px; /* Added 24.07.2020 by Roman Khrustalev (HEL-21) */
	padding-bottom: 70px; /* Added 24.07.2020 by Roman Khrustalev (HEL-21) */
}
.intro.rBottPadd {
	padding-top: 40px; /* Added 24.07.2020 by Roman Khrustalev (HEL-21) */
	padding-bottom: 70px; /* Added 24.07.2020 by Roman Khrustalev (HEL-21) */
}
.block.outlineGrid {
	padding-top: 100px; /* Added 24.07.2020 by Roman Khrustalev (HEL-21) */
	padding-bottom: 50px; /* Added 24.07.2020 by Roman Khrustalev (HEL-21) */
}

.outlineGrid .box{
	padding-top: 50px; /* Added 24.07.2020 by Roman Khrustalev (HEL-21) */
	padding-bottom: 50px; /* Added 24.07.2020 by Roman Khrustalev (HEL-21) */
}
.outlineGrid .box.evenBoxes {
	padding-top: 50px; /* Added 24.07.2020 by Roman Khrustalev (HEL-21) */
	padding-bottom: 50px; /* Added 24.07.2020 by Roman Khrustalev (HEL-21) */
}
.outlineGrid .box:nth-child(1), .outlineGrid .box:nth-child(2){
	padding-top:0;
	border-top: 0;
}
.outlineGrid.evenTotal .box:nth-last-child(1), .outlineGrid.evenTotal .box:nth-last-child(2){
	margin-bottom: 50px;
}
.outlineGrid .box.hasButton .button{
	left: -7px; /* HEL-53 */
}
.textBlock.flexQuote {
	padding-top: 100px; /* Added 24.07.2020 by Roman Khrustalev (HEL-21) */
	padding-bottom: 100px; /* Added 24.07.2020 by Roman Khrustalev (HEL-21) */
}
.callBlock .content {
	padding-top: 100px; /* Added 24.07.2020 by Roman Khrustalev (HEL-21) */
	padding-bottom: 32px; /* Added 24.07.2020 by Roman Khrustalev (HEL-21) */
	max-width: none; /* HEL-51 */
}
.callBlock.greenBg form label {
	color: #1b1b1d!important;/* HEL-43 */
}
.callBlock.greenBg form input:not([type="submit"]), .callBlock.greenBg form textarea, .callBlock.greenBg form select, .callBlock.greenBg form textarea, .callBlock.greenBg form select{
	background-color: #5bf9b5!important;/* Added 30.07.2020 by Roman Khrustalev (HEL-20) */
	color: #1b1b1d!important;/* HEL-43 */
}
.callBlock.greenBg form .hs-richtext {
	color: #1b1b1d!important;/* HEL-43 */
}
.callBlock.orangeBg form input:not([type="submit"]), .callBlock.orangeBg form textarea, .callBlock.orangeBg form select, .callBlock.orangeBg form textarea, .callBlock.orangeBg form select{
	background-color: #fc614a!important;/* Added 30.07.2020 by Roman Khrustalev (HEL-20) */
}

.callBlock.whiteBg form input:not([type="submit"]), .callBlock.whiteBg form textarea, .callBlock.whiteBg form select, .callBlock.whiteBg form textarea, .callBlock.whiteBg form select{
	background-color: #fff!important;/* Added 30.07.2020 by Roman Khrustalev (HEL-20) */
	border-bottom-color: #1b1b1d!important;/* Added 30.07.2020 by Roman Khrustalev (HEL-20) */
}
.callBlock.whiteBg form label{
	color: #1b1b1d!important;/* Added 30.07.2020 by Roman Khrustalev (HEL-20) */
}
.callBlock.whiteBg form input:not([type="submit"]), .callBlock.whiteBg form textarea, .callBlock.whiteBg form select, .callBlock.whiteBg form textarea, .callBlock.whiteBg form select{
	color: #1b1b1d!important;/* HEL-43 */
}
.callBlock.whiteBg .legal-consent-container p, .callBlock.whiteBg .legal-consent-container .hs-richtext{
	color: #1b1b1d!important;/* Added 30.07.2020 by Roman Khrustalev (HEL-20) */
}
.callBlock.lBlueBg form input:not([type="submit"]), .callBlock.lBlueBg form textarea, .callBlock.lBlueBg form select, .callBlock.lBlueBg form textarea, .callBlock.lBlueBg form select{
	background-color: #eff8ff!important;/* Added 30.07.2020 by Roman Khrustalev (HEL-20) */
	border-bottom-color: #1b1b1d!important;/* Added 30.07.2020 by Roman Khrustalev (HEL-20) */
	color: #1b1b1d!important;/* Added 30.07.2020 by Roman Khrustalev (HEL-43) */
}
.callBlock.lBlueBg form label{
	color: #1b1b1d!important;/* Added 30.07.2020 by Roman Khrustalev (HEL-20) */
}
.callBlock.lBlueBg .legal-consent-container p, .callBlock.lBlueBg .legal-consent-container .hs-richtext{
	color: #1b1b1d!important;/* Added 30.07.2020 by Roman Khrustalev (HEL-20) */
}
.callBlock.yellowBg form input:not([type="submit"]), .callBlock.yellowBg form textarea, .callBlock.yellowBg form select, .callBlock.yellowBg form textarea, .callBlock.yellowBg form select{
	background-color: #ffe700!important;/* Added 30.07.2020 by Roman Khrustalev (HEL-20) */
	border-bottom-color: #1b1b1d!important;/* Added 30.07.2020 by Roman Khrustalev (HEL-20) */
	color: #1b1b1d!important;/* HEL-43 */
}
.callBlock.yellowBg form label{
	color: #1b1b1d!important;/* Added 30.07.2020 by Roman Khrustalev (HEL-20) */
}
.callBlock.yellowBg .legal-consent-container p, .callBlock.yellowBg .legal-consent-container .hs-richtext{
	color: #1b1b1d!important;/* Added 30.07.2020 by Roman Khrustalev (HEL-20) */
}
.relatedGuides {
	padding-top: 100px; /* Added 24.07.2020 by Roman Khrustalev (HEL-21) */
	padding-bottom: 50px; /* Added 24.07.2020 by Roman Khrustalev (HEL-21) */
}
.block.clientBlock {
	padding-top: 100px; /* Added 24.07.2020 by Roman Khrustalev (HEL-21) */
	padding-bottom: 100px; /* Added 24.07.2020 by Roman Khrustalev (HEL-21) */
}
.splitBox .contentBox .content {
	padding-top: 100px; /* Added 24.07.2020 by Roman Khrustalev (HEL-21) */
	padding-bottom: 70px; /* Added 24.07.2020 by Roman Khrustalev (HEL-21) */
	padding-left: 100px; /* Added 30.07.2020 by Roman Khrustalev (HEL-38) */
	padding-right: 100px;/* Added 30.07.2020 by Roman Khrustalev (HEL-38) | 07.08.20 HEL-51 */
	max-width: none;/* Added 30.07.2020 by Roman Khrustalev (HEL-38) | HEL-51 */
}

.guideCTA{
	padding-bottom: 100px; /* Added 24.07.2020 by Roman Khrustalev (HEL-21) */
}
.iconBoxes {
	padding-bottom: 60px; /* Added 24.07.2020 by Roman Khrustalev (HEL-21) */
}
.signup form {
	padding-bottom: 0; /* Added 24.07.2020 by Roman Khrustalev (HEL-21) */
}
.content p iframe, .content iframe{
	padding-bottom: 0; /* Added 24.07.2020 by Roman Khrustalev (HEL-21) */
}
.alignnone {
	margin-bottom: 0; /* Added 24.07.2020 by Roman Khrustalev (HEL-21) */
}

footer {
	padding-left: 93px; /* HEL-40 */
	padding-right: 70px; /* HEL-40 */
}
@media (max-width: 2039.99px) {
	footer {
		padding-right: 40px; /* HEL-40 */
	}
}
@media (max-width: 1819.99px) {
	footer {
		padding-right: 70px; /* HEL-40 */
	}
}
footer h3 {
	padding-bottom: 10px;
	text-transform: none; /* HEL-49 */
	font-size: 24px;/* HEL-49 */
}
footer .newsletter{
	margin-bottom: 20px;
}
footer .newsletter .hbspt-form form{
	display: flex;
}
footer .newsletter .hbspt-form .submitted-message{
	overflow: hidden;
}
footer .newsletter .hbspt-form .hs_error_rollup{
	display: none;
}
footer .newsletter .hbspt-form form .hs_email{
	flex: 1;
	flex-basis: 100%;
}
footer .newsletter .hbspt-form form .hs_email label{
	display: none;
}
footer .newsletter .hbspt-form form .hs_email input{
	border-radius: 24px;
	padding-top: 12px;
	padding-bottom: 12px;
	font-family: archia; /* HEL-48 */
}
footer .newsletter .hbspt-form form .hs-input:not([type="checkbox"]):not([type="radio"]){
	font-size: 80% !important; /* HEL-48 */
}
footer .newsletter .hbspt-form form .hs_submit{
	flex: 1 60px;
	padding-left: 9px;
}

/* HEL-49 */
footer>div.accreditations {
	width: 35%;
}
footer>div.accreditations .footer-logo {
	display: flex;
	flex-wrap: wrap;
}
footer>div.accreditations .footer-logo img{
	height: 100px;
	width: auto;
}

footer>div.accreditations .footer-logo div:not(:first-child){
	padding-left: 10px;
}

footer>div.accreditations .footer-logo div {
    flex-basis: 25%;
}

footer>div.accreditations .footer-logo .logo-fill {
    flex-basis: 100%;
	margin-bottom: 15px;
}

.logo-fill > div {
    padding: 15px;
    display: inline-block;
}

footer>div.accreditations .footer-logo .logo-fill img {
	max-width: 100%;
	width: auto;
}

footer>div.accreditations .footer-logo .logo-fill + div {
    padding-left: 0;
}

@media (max-width: 1200px){
	footer>div.accreditations .footer-logo img{
		height: 80px;
		width: auto;
	}

}
@media (max-width: 767.99px){
	footer {
		padding-left: 80px;
		padding-right: 80px;
	}
	footer>div.accreditations {
		width: 100%;
	}
	footer>div.accreditations .footer-logo img{
		height: 60px;
		width: auto;
	}

}
/* HEL-49 */

.content li:last-of-type{
	padding-bottom: 0;/* Added 31.07.2020 by Roman Khrustalev HEL-12 */
}

.intro.caseIntro {
	padding-bottom: 100px; /* Added 31.07.2020 by Roman Khrustalev HEL-29 */
	margin-bottom: unset; /* Added 31.07.2020 by Roman Khrustalev HEL-29 */
}

@media (min-width: 1296px) {
	.midContainer ~ div.sContainer {
		padding-top: 100px; /* Added 31.07.2020 by Roman Khrustalev HEL-29 */
	}
}

/* Ticks and Crosses */
.ul-tick-cross li.tick{
	background: url(https://www.helastel.com/wp-content/uploads/2020/08/tick-1.png) no-repeat 7px 7px transparent;
	list-style-type: none;
	margin: 0;
	padding: 3px 0px 1px 40px;
	vertical-align: middle;
}
.ul-tick-cross li.cross{
	background: url(https://www.helastel.com/wp-content/uploads/2020/08/cross.png) no-repeat 7px 7px transparent;
	list-style-type: none;
	margin: 0;
	padding: 3px 0px 1px 40px;
	vertical-align: middle;
}
.ul-tick-cross li.cross:after{
	content: none;
}
.ul-tick-cross li.tick:after{
	content: none;
}

.custom-ticks-and-crosses {
	display: flex;
	flex-direction: column;
}
.custom-ticks-and-crosses-item {
	display: flex;
}
.custom-ticks-and-crosses-item .tick, .custom-ticks-and-crosses-item .cross {
	flex-grow: 1;
	flex-basis: 50%;
	min-width: 150px;
}
.custom-ticks-and-crosses-item .tick div.tick-item{
	display: flex;
	padding-top: 20px;
	height: 100%;
}
.custom-ticks-and-crosses-item .tick div.tick-item .tick-item-icon img{
	width: 70px;
}
@media screen and (max-width: 500px) {
	.custom-ticks-and-crosses-item .tick div.tick-item .tick-item-icon img{
		width: 30px;
	}
}
.custom-ticks-and-crosses-item .tick div.tick-item .tick-item-content{
	padding-left: 5px;
	padding-right: 10px;
}
.custom-ticks-and-crosses-item .tick div.tick-item .tick-item-content h4{
	padding-bottom: 5px;
	color: #00AF50;
	text-transform: uppercase;
}
.custom-ticks-and-crosses-item:not(:first-child):not(:last-child) .tick div.tick-item {
	border-right: 1px solid #838383;
}
.custom-ticks-and-crosses-item .cross div.cross-item{
	display: flex;
	padding-left: 10px;
	padding-top: 20px;
	height: 100%;
}
.custom-ticks-and-crosses-item .cross div.cross-item .cross-item-icon img{
	width: 70px;
}
@media screen and (max-width: 500px) {
	.custom-ticks-and-crosses-item .cross div.cross-item .cross-item-icon img{
		width: 30px;
	}
}
.custom-ticks-and-crosses-item .cross div.cross-item .cross-item-content{
	padding-left: 5px;
}
.custom-ticks-and-crosses-item .cross div.cross-item .cross-item-content h4{
	padding-bottom: 5px;
	text-transform: uppercase;
	color: #BE0000;
}
.custom-ticks-and-crosses-item:nth-child(1) div.tick {
	position: relative;
	border-bottom: 1px solid transparent;
	border-image: linear-gradient(to left top, #838383 10%,  transparent 50%, transparent 70%, #838383 100%);
	border-image-slice: 1;

}
.custom-ticks-and-crosses-item:nth-child(1) .tick .tick-item {
	position: relative;
	border-right: 1px solid transparent;
	border-image: linear-gradient(to top, #838383 10%,  transparent 100%, transparent 70%, #838383 100%);
	border-image-slice: 1;

}
.custom-ticks-and-crosses-item:not(:first-child):not(:last-child) div.tick {
	position: relative;
	border-bottom: 1px solid transparent;

	border-image: linear-gradient(to left top, #838383 10%,  transparent 50%, transparent 100%, #838383 100%);
	border-image-slice: 1;

}
.custom-ticks-and-crosses-item:nth-last-child(1) .tick .tick-item{
	position: relative;
	border-right: 1px solid transparent;
	border-image: linear-gradient(to bottom, #838383 10%,  transparent 100%, transparent 70%, #838383 100%);
	border-image-slice: 1;
}

.custom-ticks-and-crosses-item:not(:last-child) div.tick:after {
	position:absolute;
	bottom:-8px;
	left:auto;
	right: -7.5px;
	height:15px;
	width:15px;
	background:#838383;
	content:"";
	border-radius:10px;
}
.custom-ticks-and-crosses-item:not(:last-child) div.cross {
	border-bottom: 1px solid transparent;
	border-image: linear-gradient(to right, #838383 10%,  transparent 100%, transparent 70%, #838383 100%);
	border-image-slice: 1;
}

.insights .introBlock h1 {
	text-transform: none; /* HEL-27 */
}

/* HEL-30 */
.caseIntro p {
	font-weight: 300;
	font-size: 40px;
	line-height: 1.5;
}
/* The end HEL-30 */

/* HEL-45 */
.table-dotted{
	display: grid;
}
.table-dotted > div{
	border-right: none;
	border-bottom: none;
	padding-bottom: 20px;
	padding-top: 20px;
}
.table-dotted > div:first-child{
	border: none;
	padding-top: 0;
}
.table-dotted.col-1{
	grid-template-columns: 1fr;
}
.table-dotted.col-1 div:not(:nth-of-type(1)){
	border-left: none;
	border-top: 4px dotted #d6d6d6;
}
.table-dotted.col-1 div:last-child {
	padding-bottom: 0;
}
.table-dotted.col-2{
	grid-template-columns: 1fr 1fr;
}
.table-dotted.col-2 > div:nth-of-type(2){
	border-left: 4px dotted #d6d6d6;
	border-top: none;
}
.table-dotted.col-2 > div:nth-of-type(2n-1){
	padding-right: 20px;
}
.table-dotted.col-2 > div:nth-of-type(2n){
	padding-left: 20px;
}
.table-dotted.col-2 > div:nth-of-type(1){
	padding-top: 0;
}
.table-dotted.col-2 > div:nth-of-type(2){
	padding-top: 0;
}
.table-dotted.col-2 > div:nth-last-child(1){
	padding-bottom: 0;
}
.table-dotted.col-2 > div:nth-last-child(2){
	padding-bottom: 0;
}
.table-dotted.col-2 > div:not(:nth-of-type(2)):nth-of-type(2n){
	border-left: 4px dotted #d6d6d6;
	border-top: 4px dotted #d6d6d6;
}
.table-dotted.col-2 > div:not(:first-child):nth-of-type(2n-1){
	border-left: none;
	border-top: 4px dotted #d6d6d6;;
	border-right: none;
	border-bottom: none;
}
.table-dotted.col-3{
	grid-template-columns: 1fr 1fr 1fr;
}
.table-dotted.col-3 > div{
	border-left: 4px dotted #d6d6d6;
	border-top: 4px dotted #d6d6d6;
}
.table-dotted.col-3 > div:nth-of-type(3n+4){
	border-left: none;
	padding-right: 20px;
}
.table-dotted.col-3 > div:nth-of-type(3n){
	padding-left: 20px;
}
.table-dotted.col-3 > div:nth-of-type(3n+2){
	padding-left: 20px;
	padding-right: 20px;
}
.table-dotted.col-3 > div:nth-of-type(1){
	border-left: none;
	padding-right: 20px;
}
.table-dotted.col-3 > div:nth-of-type(1), .table-dotted.col-3 > div:nth-of-type(2),.table-dotted.col-3 > div:nth-of-type(3){
	border-top: none;
	padding-top: 0;
}
.table-dotted.col-3 > div:nth-last-child(1){
	padding-bottom: 0;
}
.table-dotted.col-3 > div:nth-last-child(2){
	padding-bottom: 0;
}
.table-dotted.col-3 > div:nth-last-child(3){
	padding-bottom: 0;
}
/* HEL-45 */

/* HEL-50 */
nav.mainNav ul.sub-menu li.current-menu-item>a{
	color: #ffe700;
}
nav.mainNav ul.menu>li ul.sub-menu li.current-menu-parent>a{
	color: #fff;
}
/* The end HEL-50 */

/* HEL-52 */
.filterLinks a {
	margin-right: 4px;
}
@media (max-width: 849.99px){
	.filterLinks a.button {
		margin-right: 4px;
	}
}
/* The end HEL-52 */

.iconBox p {
	margin-top: 10px;
}

/*End helpers.php import*/

footer .hs-form .hs-button {
    white-space: pre;
}

.callBlock form input[type="checkbox"], .applyForm form input[type="checkbox"] {
    position: relative;
    margin-left: 7px;
    top: 0;
}

/*Guide landing page*/

#guideBlock.has-fixed-form .hbspt-form .hs-button.primary.large {
    width: 100%;
}

#guideBlock.has-fixed-form .hbspt-form input {
    padding: 8px;
}

.guideCTA.whiteBg {
	padding: 60px 0 0 0;
}

.guide-details .content {
	padding: 25px 0;
}

@media (min-width: 600px) {
	.content-container {
		padding: 0 60px;
		float: left;
	}
	.guide-details .content {
		padding: 45px 40px;
	}
}

.guideCTA.whiteBg .content {
    margin-bottom: 30px;
}

.guide-logo {
    margin-bottom: 22px;
	padding: 12px;
	background: white;
}

.graphic-fullwidth {
	float:left;
}
.graphic-fullwidth img {
    max-width: 100%;
    height: auto;
	box-shadow: 0px -2px 12px 1px #ccc;
	vertical-align: bottom;
}

@media (max-width:1199px) {
	.guide-details ul li:after {
		font-weight: 600;
		content: ":";
		display: block;
		line-height: 1;
	}
	.guideCTA.whiteBg .content, .guideCTA.whiteBg .content h1 {
		padding-bottom: 0 !important;
	}
	.guideCTA.whiteBg .graphic {
		display: none;
	}
	.guideCTA.whiteBg .content {
		width: 100%;
		padding-right:0;
	}
}

@media (min-width:1200px) {
	/*Dotted lines inline-block list style
	.guide-details li {
		list-style: none;
		display: inline-block;
		width: 27%;
		vertical-align: top;
		padding: 0 3%;
		font-weight: bold;
	}

	.guide-details .content ul {
		margin: 0;
	}

	.guide-details li+li {
		border-left: 2px dotted;
	}

	.guide-details li:first-child {
		padding-left: 0;
	}*/
	
	.relatedGuides.singleGuides {
		clear: both;
		position: relative;
		top: -1px;
	}
	
	.guideCTA.whiteBg h1 {
		padding-bottom: 0 !important;
		font-size: 60px;
		font-size: 3vw;
	}

	.guideCTA.whiteBg .graphic .imgHolder {
		width: 360px;
		width: 34vh;
	}

	.guideCTA.whiteBg .graphic {
		width: 35%;
	}

	.guideCTA.whiteBg .content {
		width: 65%;
	}
	
	.graphic-fullwidth img {
        box-shadow: 0px 3px 12px 1px #ccc;
    }
}

/*Desktop size*/
@media (min-width:1061px) {
	
	.guideSection .sContainer, .guide-post .textBlock .sContainer {
		max-width: 800px;
		width: auto;
		padding: 0 40px;
	}
	
	#guideBlock.notify {
		-webkit-animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
		animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-perspective: 1000px;
		perspective: 1000px;
	}
	
	#guideBlock.has-fixed-form {
		position: fixed;
		z-index: 99999;
		top: 0;
		bottom: 0;
		right: 0;
		width: 30%;
		width: 444px;
		padding-bottom: 0;
	}
	
	#guideBlock.has-fixed-form form {
		padding-bottom: 20px;
	}

	.atf-guide .slidePanel {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	.atf-guide #guideBlock .hbspt-form {
		padding: 30px 40px;
	}

	.atf-guide .guideCTA, 
	.atf-guide .relatedGuides, 
	.atf-guide .guideSection,
	.atf-guide .textBlock,
	.guide-details {
		width: 70%;
		width: calc(100% - 444px);
	}
	
	.atf-guide .hbspt-form h2 {
		padding-bottom: 20px;
	}

	.atf-guide #guideBlock.has-fixed-form form {
		margin-top: 15px;
	}
	
	#guideBlock.has-fixed-form.footer {
		position: absolute;
		bottom: 590px;
		top: auto;
	}
	
	#guideBlock.has-fixed-form {
		overflow-y: scroll;
		-ms-overflow-style: none;  /* IE and Edge */
  		scrollbar-width: none;  /* Firefox */
	}
	
	#guideBlock.has-fixed-form::-webkit-scrollbar {
		display: none;
	}
	
	#guideBlock.has-fixed-form .legal-consent-container .hs-form-booleancheckbox-display>span {
		margin-left: 40px;
		font-size: 17px;
	}
	
	#guideBlock.has-fixed-form form input[type="checkbox"] {
		top: 8px;
	}
	
	#guideBlock.has-fixed-form .legal-consent-container .hs-richtext {
		display: none;
	}

	#guideBlock.has-fixed-form .legal-consent-container .hs-richtext:first-child {
		display: block;
	}
}

@media (min-width: 1200px) {
    .atf-guide .guideCTA, .guide-details {
        float: right;
    }
	.atf-guide .guide-details .container, 
	.atf-guide .guideCTA .container {
	    margin: 0;
	}
    .atf-guide .guideCTA {
        width: 60%;
        order: 2;
        flex: 1;
        flex-basis: 15%;
    }
    .atf-guide .guide-details {
        width: 40%;
        flex: 1;
		max-width: 500px;
    }
    .atf-guide .guide-block-container {
        width: 70%;
        width: calc(100% - 444px);
        background: #fff;
        position: relative;
        float: left;
        display: flex;
    }
	.guideCTA.whiteBg .content {
		width: 100%;
		padding-right: 0;
		padding-bottom: 60px;
	}
	
	.atf-guide .guideCTA .container, .atf-guide .guideCTA .content-container {
		height: 100%;
		display: flex;
		flex-direction: column;
	}
}

@media (min-width:1500px) {
    .guideCTA.whiteBg .content {
        flex-grow: 1;
    }
	
	.graphic-fullwidth img {
        box-shadow: 0 -2px 12px 1px #ccc;
    }
}

/*Narrow desktop*/
@media (min-width: 1061px) and (max-height: 800px) {
	.has-fixed-form .hbspt-form .field legend {
		padding: 0 !important;
	}

	.has-fixed-form .hbspt-form label {
		padding-bottom: 0 !important;
	}

	.has-fixed-form .hbspt-form input {
		padding: 2px;
	}

	.has-fixed-form .callBlock form {
		margin-top: 15px;
	}

	#guideBlock.has-fixed-form .hbspt-form {
		padding: 30px 40px;
	}
	
	#guideBlock.has-fixed-form form .hs-richtext {
		padding: 0 !important;
	}
	
	#guideBlock.has-fixed-form form input[type="submit"] {
		margin-top: 0;
	}
	
	#guideBlock.has-fixed-form form {
		padding-bottom: 0;
	}
}

@media (min-width:1300px) and (max-width:1550px) {
    .guideCTA.whiteBg h1 {
        font-size: 45px;
        font-size: 3vw;
    }
}

@media (min-width: 1551px) {
    .guideCTA.whiteBg h1 {
        font-size: 60px;
    }
}

@media (max-width: 359px) {
    .guideCTA a.button {
        font-size: 1em;
    }
}

/*Thank you message*/

#guideBlock .submitted-message {
    padding-top: 40px;
}

#guideBlock .submitted-message p:first-child {
    font-size: 35px;
    padding-bottom: 40px;
    line-height: normal;
}

#guideBlock .submitted-message p a {
    display: inline;
}

#guideBlock .submitted-message p {
    padding-bottom: 30px;
    line-height: 1.2;
}

#guideBlock .submitted-message p:last-child a {
    width: 100%;
    text-align: center;
    cursor: pointer;
    padding: 16px 0;
    font-family: "archia" !important;
    display: inline-block;
    font-weight: 600;
    text-transform: none;
    background-color: #fc614a;
    color: #fff;
    border-radius: 24px;
    border: 0;
    text-shadow: none !important;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    text-decoration: none;
    font-size: 18px;
}

#guideBlock .submitted-message p:last-child a:hover {
    background-color: #b72910;
}

#guideBlock .submitted-message p:nth-child(2) a {
    color: #5bf9b5;
}

@-webkit-keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0);
  }
}

@keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0);
  }
}

/*Fix Insights button placement - align all to bottom*/
.insightBoxes .box .bottom-button {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    text-align:center;
}

.insightBoxes .box h2 {
    margin-bottom: 50px;
	font-size: 25px;
}

.insightBoxes .box .content {
    position: relative;
}

/*Cookie consent styling*/
div#hs-eu-cookie-confirmation.hs-cookie-notification-position-bottom {
    border: none !important;
    box-shadow: none !important;
    background: none !important;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
    background: #000 !important;
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
    max-width: 750px !important;
    padding: 24px 38px 10px 38px !important
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {
    color: #fff !important;
    font-family: "archia" !important;
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button {
    background-color: #5bf9b5 !important;
    color: #000 !important;
    border: 1px solid #5bf9b5 !important;
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button, body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button {
	font-family: "archia" !important;
	padding: 4px 32px!important;
	border-radius: 24px;
	font-weight: bold !important;
	font-size: 14px !important;
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button {
    border: 1px solid #5bf9b5 !important;
    color: #fff !important;
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button:hover {
    background: #000 !important;
    color: #fff !important;
    border-color: #5bf9b5 !important;
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button:hover {
    border-color: #000 !important;
    color: #000 !important;
    background: #5bf9b5 !important;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {
    margin-bottom: 0;
}

@media (max-width: 959px) {
    div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
        border-bottom-left-radius: 15px !important;
        border-bottom-right-radius: 15px !important;
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        padding: 24px 38px 24px 38px !important;
    }
}

/*FontAwesome social icons*/
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  src: url("fontawesome/webfonts/fa-brands-400.eot");
  src: url("fontawesome/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("fontawesome/webfonts/fa-brands-400.woff2") format("woff2"), url("fontawesome/webfonts/fa-brands-400.woff") format("woff"), url("fontawesome/webfonts/fa-brands-400.ttf") format("truetype"), url("fontawesome/webfonts/fa-brands-400.svg#fontawesome") format("svg"); }

/*Replace brands with smaller fontello.com generated set*/
@font-face {
  font-family: 'Fontello Brands';
  src: url('fontawesome/webfonts/fontello-brands.eot?21523454');
  src: url('fontawesome/webfonts/fontello-brands.eot?21523454#iefix') format('embedded-opentype'),
       url('fontawesome/webfonts/fontello-brands.woff2?21523454') format('woff2'),
       url('fontawesome/webfonts/fontello-brands.woff?21523454') format('woff'),
       url('fontawesome/webfonts/fontello-brands.ttf?21523454') format('truetype'),
       url('fontawesome/webfonts/fontello-brands.svg?21523454#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

.fab {
	font-family: 'Fontello Brands';
	speak: never;
}

.fa-facebook-f:before {
  content: "\f09a"; }
.fa-facebook:before {
  content: "\f308"; }
.fa-linkedin-in:before {
  content: "\f0e1"; }
.fa-linkedin:before {
  content: "\f30c"; }
.fa-twitter:before {
  content: "\f099"; }
.fa-twitter-square:before {
  content: "\f304"; }
.fa-instagram:before {
  content: "\f16d"; }

.applyForm .legal-consent-container {
    padding: 0 20px;
}

img.alignleft {
    float: none;
    margin: 0;
}

/*Team page*/
.teamBox .inner, .teamBox .bioSlide {
    background-color: #100E12;
}

.teamBox .inner:hover, .teamBox .inner:hover .bioSlide {
    background-color: #E43080;
}

.callBlock {
	min-height: 900px;
}

/*Form checkboxes*/
.callBlock form input[type="checkbox"], .applyForm form input[type="checkbox"] {
	width: 26px !important;
	height: 26px;
	margin-bottom: 15px;
    margin-top: 0;
}

/*Case Studies filters*/
.archive .introBlock {
    padding-top: 200px;
}

.filters-list {
    margin-top: -20px;
    margin-bottom: 30px;
    text-transform: uppercase;
	/*text-align: center;*/
	line-height: 1.5em;
}

.caseBox .filters-list {
	margin: 0 !important;
	text-align: left;
}

.filters-list li:after {
    content: ":";
    font-weight: bold;
    color: #e43080;
    margin: 0 5px;
	display: inline !important;
}

.filters-list li:last-child:after {
	content: "";
}

.filters-list li {
    display: inline-block;
}

.whiteBg .filters-list li a {
    color: #1b1b1d !important;
    font-weight: 600;
}

/*Mobile Menu Redesign April 2021*/

.hamburger {
  cursor: pointer;
  width: 30px;
  height: 30px;
  position: relative;
  margin: 0 auto;
  overflow: visible;
}

.hamburger .top, .hamburger .bottom, .hamburger .middle {
  content:' ';
  display: block;
  background: #fff;
  width: 30px;
  height: 4px;
  position: absolute;
  left: 0%;
  border-radius: 4px;
  transition: all 1s;
}

.hamburger .middle {
  top: 12px;
}

.hamburger .bottom {
  top: 24px;
}

.hamburger.expand .top {
  animation: first-bar-expand .7s ease 0s 1 normal forwards;
}

.hamburger.expand .middle {
  animation: middle-bar-expand .7s ease 0s 1 normal forwards;
}

.hamburger.expand .bottom {
  animation: bottom-bar-expand .7s ease 0s 1 normal forwards;
}

.hamburger.close .top {
	animation: first-bar-contract .7s ease 0s 1 normal forwards;
}

.hamburger.close .middle {
	animation: middle-bar-contract .7s ease 0s 1 normal forwards;
}

.hamburger.close .bottom {
	animation: bottom-bar-contract .7s ease 0s 1 normal forwards;
}

.hamburger.close .top, .hamburger.close .middle, .hamburger.close .bottom {
	animation-direction: reverse;
}

@keyframes first-bar-expand {
  0% {
    width: 100%;
    transform: rotate(0deg);
    right: 0;
    left: auto;
    margin-top:0px;
  }
  40% {
    width: 4px;
    transform: rotate(0deg);
    right: 0;
    margin-top:0px;
    left: auto;
  }
  65% {
    width: 4px;
    right: 0;
    left: auto;
    margin-top:0px;
    transform: rotate(-45deg);
  }
  100% {
    width: 20px;
    margin-top:5px;
    right: -2px;
    left: auto;
    transform: rotate(-45deg);
  }
}

@keyframes middle-bar-expand {
  0% {
    width: 100%;
    left: 0;
    transform: rotate(0deg);
  }
  40% {
    width: 4px;
    left: 50%;
    margin-left: -4px;
    transform: rotate(0deg);
  }
  65% {
    width: 4px;
    left: 50%;
    margin-left: -4px;
    transform: rotate(45deg);
  }
  100% {
    width: 40px;
    left: 0;
    margin-left: -4px;
    transform: rotate(45deg);
  }
}

@keyframes bottom-bar-expand {
  0% {
    width: 100%;
    transform: rotate(0deg);
    top: 24px;
  }
  40% {
    width: 4px;
    transform: rotate(0deg);
    top: 24px;
  }
  65% {
    width: 4px;
    transform: rotate(-45deg);
    left: 0;
    top: 24px;
  }
  100% {
    width: 23px;
    left: -3px;
    top: 18px;
    transform: rotate(-45deg);
  }
}

@keyframes first-bar-contract {
  0% {
    width: 100%;
    transform: rotate(0deg);
    right: 0;
    left: auto;
    margin-top:0px;
  }
  40% {
    width: 4px;
    transform: rotate(0deg);
    right: 0;
    margin-top:0px;
    left: auto;
  }
  65% {
    width: 4px;
    right: 0;
    left: auto;
    margin-top:0px;
    transform: rotate(-45deg);
  }
  100% {
    width: 20px;
    margin-top:5px;
    right: -2px;
    left: auto;
    transform: rotate(-45deg);
  }
}

@keyframes middle-bar-contract {
  0% {
    width: 100%;
    transform: rotate(0deg);
    left: 0;
  }
  40% {
    width: 4px;
    transform: rotate(0deg);
    left: 50%;
    margin-left: -4px;
  }
  65% {
    width: 4px;
    transform: rotate(45deg);
    left: 50%;
    margin-left: -4px;
  }
  100% {
    width: 40px;
    transform: rotate(45deg);
    left: 0;
    margin-left: -4px;
  }
}

@keyframes bottom-bar-contract {
  0% {
    width: 100%;
    transform: rotate(0deg);
    top: 24px;
  }
  40% {
    width: 4px;
    transform: rotate(0deg);
    top: 24px;
  }
  65% {
    width: 4px;
    transform: rotate(-45deg);
    left: 0;
    top: 24px;
  }
  100% {
    width: 23px;
    left: -3px;
    top: 18px;
    transform: rotate(-45deg);
  }
}
/*
.hamburger.expand .top {
    left: auto;
    right: -2px;
    width: 20px;
    margin-top:5px;
    transform: rotate(-45deg);
}

.hamburger.expand .middle {
    width: 40px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
}

.hamburger.expand .bottom {
  transform: rotate(-45deg);
  left: -3px;
  top: 18px;
  width: 23px;
}
*/

a.button.getstarted {
    background-color: #fc614a;
    padding: 6px 33px;
	margin-top: 20px;
}

a.button.getstarted:hover {
    background-color: #ca2f18;
}

/*Special blog post with tall infographic image*/

.single-post .left-image { 
	display: none;
}

.mobile-image {
    max-width: 600px;
    position: relative;
}

.mobile-image img {
    margin-bottom: 10px;
}

.search-icon {
    position: absolute;
    width: 20px;
    right: 10px;
    top: 10px;
    color: #fff;
    cursor: pointer;
	z-index: 10;
}

.search-icon:after {
    content: " ";
    width: 5px;
    height: 5px;
    display: block;
    position: absolute;
    left: 7px;
    top: 6px;
    background: #000;
    box-shadow: 1px 1px 11px 5px #000;
    opacity: .5;
    z-index: -1;
}

.search-icon-container {
    max-width: 600px;
    position: relative;
}
@media (max-width: 1023px) {
	.mobile-hide {
		display: none;
	}
}
@media (min-width: 1024px) {
	.single-post.postid-4103 .mainSection .sContainer {
		max-width: 95%;
		width: 1230px;
	}

	.single-post .left-image {
		display: inline-block;
		float: left;
		width: 48%;
	}

	.single-post .right-text {
		float: right;
		width: 48%;
	}

	.right-text + .postInfo {
		clear: both;
		width: 48%;
		float: right;
	}
	.mobile-only {
		display: none;
	}
}

.teamBox .bio {
    margin-top: 8px;
}

/*Insights & Guides page redesign 2021*/
.insightBoxes .box .content {
    padding: 35px;
}
.insightBoxes .box {
    width: 33.333333%;
}

.insightBoxes .box.doubleBox {
    width: 100%;
}

.insightBoxes .box .content {
	text-align: left;
}

.insightBoxes .box .bottom-button {
	text-align: left;
	left: auto;
}

.insightBoxes .box.doubleBox .inner {
    position: relative;
}

.insightBoxes .doubleBox .bottom-button {
    text-align: left;
    left: auto;
    position: relative;
    bottom: auto;
}

.insightBoxes .box.doubleBox h2 {
    font-size: 25px;
	margin-bottom: 33px;
}

.insightBoxes .box.doubleBox h3 {
	margin-bottom: 20px;
	padding-bottom: 0;
}

.insightBoxes .box .inner {
    background-color: rgb(27 27 27 / 100%) !important;
    color: #fff;
}

.insightBoxes .box.doubleBox .inner {
    background-color: rgb(27 27 27 / 90%) !important;
}

@media (min-width:1024px) {
	.insightBoxes .doubleBox .content {
		position: absolute;
		width: 100%;
		padding: 35px 0 30px;
		bottom: 0;
		background: rgb(0 0 0 / 66%);
		color: #fff;
	}
	
	.insightBoxes .box .inner {
		background-color: rgb(27 27 27 / 90%) !important;
	}
	
	.insightBoxes .box.doubleBox h3,
	.insightBoxes .box.doubleBox h2,
	.insightBoxes .doubleBox .bottom-button {
		padding: 0 70px;
	}

}

.insightBoxes .guide-box .button {
    background-color: #fc614a;
}

.insightBoxes .guide-box .button:hover {
    background-color: #ca3a25;
}

.insightBoxes .box h3 {
    font-size: 20px;
	color: #e43080;
}

.insightBoxes .guide-box h3 {
    color: #fc614a;
}

@media (max-width: 849.99px) {
	.insightBoxes .box {
		width: 50%;
	}
}

@media (max-width: 649.99px) {
	.insightBoxes .box {
		width: 450px;
		max-width: 100%;
		float: none;
		margin: auto;
	}
	.insightBoxes .container {
		margin: 0 20px;
	}
}

.book-meeting {
    display: none;
    position: fixed;
	background: rgb(0 0 0 / 60%);
    z-index: 99999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.close-meeting-container {
    max-width: 850px;
    margin: auto;
    position: relative;
	top: calc(50% - 420px);
}

.close-popup:before, .close-popup:after {
    content: " ";
    position: absolute;
    top: 8px;
    display: block;
    height: 2px;
    width: 20px;
    background: #000;
}

.close-popup:before {
    transform: rotate(45deg);
}

.close-popup:after {
    transform: rotate(-45deg);
}

.close-meeting-container .close-popup {
	position: absolute;
	right: 5px;
	top: 26px;
	color: #000;
	cursor: pointer;
	width: 20px;
	height: 20px;
	line-height: 20px;
	z-index: 1;
}

a.button.popup-trigger {
    margin-top: 0;
    margin-bottom: 30px;
}

.popup-open header {
	z-index: 11;
}

.popup-open .slidePanel {
    z-index: auto;
}

.meetings-iframe-container {
    position: relative;
    height: 100vh;
}

.meetings-iframe-container iframe {
    height: 840px !important;
    max-height: 100vh;
    padding: 0;
    top: 50%;
    transform: translateY(-50%);
    position: relative;
}

@media (max-width:789px) {
    .close-meeting-container .close-popup {
        left: 12px;
        top: 12px;
    }
	.meetings-iframe-container {
		background: #fff;
	}
}

@media (max-height: 880px) {
    .close-meeting-container {
        top: 0;
    }
}

.popup-open .slidePanel {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

/*New Guide single post style July 2021*/

#guideBlock.yellowBg {
    padding: 1px 30px;
    min-height: auto;
}

.guideCTA:not(.whiteBg) h1 {
    text-align: center;
}

.guideCTA:not(.whiteBg) .graphic {
	display: block !important;
}

.button.mob-only {
    display: none;
}

#guideBlock.yellowBg form input[type="submit"] {
    width: 100%;
    margin-top: 0;
}

#guideBlock h2 {
    color: #000 !important;
}

.guide-preview {
	margin-bottom: 15px;
}

@media (max-width: 1059.99px) {
	.guideCTA:not(.whiteBg) .graphic {
		float: none;
		margin: auto;
		width: 100%;
		max-width: 680px;
	}
	.button.mob-only {
		display: inline-block;
	}
}

@media (max-width: 768px) {
	#guideBlock.yellowBg .sContainer {
		margin: 0 25px;
	}
	#guideBlock.yellowBg {
		padding: 9px 0;
	}
}

@media (max-width:979.99px) {
	footer>div.links {
		display: flex;
		flex-direction: column;
		padding: 0;
		margin: 0;
	}

	footer>div.links h3 {
		order: 2;
	}

	footer>div.links nav {
		order: 3;
	}

	footer>div.links h3, footer>div.links nav {
		display: block;
	}

	footer>div.links .social {
		order: 1;
		margin: 0 -60px;
	}
}


.outlineGrid .box {
    width: 100%;
}
.outlineGrid .box:before {
     display: none;
}

.outlineGrid .box:nth-last-child(2):after {
    display: block !important;
}

.outlineGrid .detail:after {
	display: none;
}

@media (min-width: 480px) {
    .outlineGrid .box .blogpic + .detail {
        float: right;
        width: 50%;
    }

    .outlineGrid .box .blogpic {
        position: relative;
        display: block;
        float: left;
        width: 48%;
        height: auto;
    }
    .outlineGrid .box .blogpic img {
        width: 100%;
        height: auto;
    }
    .outlineGrid .box {
        float: left;
    }
}

@media (min-width:870px) {
	.outlineGrid .box h2 {
		font-size: 30px;
	}
	.outlineGrid .box {
		width: 100%;
	}
}

@media (min-width: 1024px) {
    .outlineGrid .box {
        width: 50%;
    }
    .outlineGrid .container {
        width: 1200px;
        margin: auto;
    }
    .outlineGrid .box:before {
         display: block;
    }
	.outlineGrid .box:nth-last-child(2):after {
		display: none !important;
	}
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .outlineGrid {
        padding: 100px 30px;
    }
	.outlineGrid .button {
		font-size: 15px;
	}
	.outlineGrid .box h2 {
		font-size: 22px;
	}
}

@media (min-width: 651px) and (max-width: 1023px) {
    .container {
        max-width: 596px;
        margin: auto;
    }
}

.smallTitle + h2 {
    margin-top: 10px;
}

.hbspt-form .grecaptcha-badge {
    box-shadow: none !important;
}

/*New page/post banner design - needs testing to check effect on worm graphic (e.g. homepage)
 * also needs to be combined with editing the template pages to remove the background image on mobile
 * single.php (posts) AND sitepage-banner.php (pages) */
@media (max-width:499px) {
    .no-mobile-hero .midContainer {
        width: 100%;
        margin: 0;
    }

    .no-mobile-hero .siteBanner {
        display: none;
    }

    .no-mobile-hero .intro.withImg {
        margin-top: 0;
    }
	.no-mobile-hero .heroImage.cover {
		display: none;
	}
	.no-mobile-hero .mainSection {
		padding-top: 0;
	}
}

body .mainBeam .wormGraphic img {
    margin-top: 0;
}

.boxImg.cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

/*Dropdown shortcode styling*/

.click-to-reveal .reveal-title {
	position: relative;
	padding-bottom: 19px;
    padding-right: 80px;
    cursor: pointer;
    /*background-image: url(../images/plus-yellow.svg);
    background-size: 30px;
    background-position: right 5px;
    background-repeat: no-repeat;*/
	-webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}

.click-to-reveal .reveal-title .expand:after {
    content: " ";
    background-image: url(images/plus-yellow.svg);
    background-size: cover;
    height: 30px;
    width: 30px;
    position: absolute;
    right: 0;
	top: 0;
	-webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    text-decoration: none;
}

.click-to-reveal.open .reveal-title .expand:after {
	background-image: url(images/cross-orange.svg);
}

.reveal-content {
    display: none;
}

.click-to-reveal .reveal-title h2 ~ .expand:after {
    width: 35px;
    height: 35px;
    top: 5px;
}

@media (max-width: 567.99px) {
	.click-to-reveal .reveal-title h3 ~ .expand:after,
	.click-to-reveal .reveal-title h4 ~ .expand:after {
		width: 25px;
    	height: 25px;
	}
}