.wpfox_lp_header {
	padding: 30px 0 20px;
	
	&.header-style-bluebar::after {
		content: "";
		display: block;
		height: 30px;
		background-color: #002c77;
		margin: 20px calc(50% - 50vw);
	}
	
	&.header-style-bluebar.has-bluebar-heading::after {
		display: none;
	}
	
	.blue-bar {
		background-color: #002c77;
		margin: 20px calc(50% - 50vw);
		padding: 30px calc(50vw - 50%);
		
		& h2 {
			color: #ebb700;
			margin: 0;
		}
	}
	
	.vc_row.wpb_row.vc_row-fluid {
		display: flex;
		align-items: center;
	}
	
	.col-logo {
		& > .wrapper {
			max-width: 450px;
		}
	}
	
	.col-cta {
		& > .wrapper {
			display: inline-block;
			float: right;
			text-align: center;
			
			& h2.cta-heading {
				font-size: 2.2em !important;
				margin: 0;
				font-weight: 600;
			}
			
			& .cta-phone {
				font-size: 2.3em;
				margin: 0.1em 0 0;
				font-weight: 500;
				
				&::before {
					font-family: 'icomoon' !important;
					speak: never;
					font-style: normal;
					font-weight: normal;
					font-variant: normal;
					text-transform: none;
					line-height: 1;
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;
					content: "\e928";
					position: relative;
					top: 0.12em;
					font-size: 0.9em;
					margin-right: 0.5em;
					color: var(--color-yellow);
					display: inline-block;
					transform: scaleX(-1);
				}
			}
			
			& .cta-button {
				font-size: 1.4em !important;
				margin: 0.3em 0 0 0;
				/* text-transform: none; */
				/* border-radius: 3em; */
				/* margin-top: 0.4em; */
				/* font-weight: 500; */
			}
		}
	}
}

@media (max-width: 63.999em) {
	.wpfox_lp_header {
		padding: 25px 0 20px;
		
		.col-logo {
			& > .wrapper {
				max-width: 350px;
			}
		}
		
		.col-cta {
			& > .wrapper {
				
				& h2.cta-heading {
					font-size: 2em !important;
				}
				
				& .cta-phone {
					font-size: 2em;
				}
				
				& .cta-button {
					font-size: 16px !important;
				}
			}
		}
	}
}

@media (max-width: 39.999em) {
	.wpfox_lp_header {
		padding: 11px 0 20px;
		
		& .vc_row.wpb_row.vc_row-fluid {
			flex-direction: column;
			justify-content: center;
		}
		
		.col-logo {
			& > .wrapper {
				max-width: 50vw;
				max-width: 177px;
				margin: 0 auto;
				
				& img {
					display: block;
				}
			}
		}
		
		& .col-cta {
			
			& > .wrapper {
				float: none;
				margin: 0 auto;
				text-align: center;
				display: block;
				
				& > .cta-text {
					display: block;
					padding: 2em calc(50vw - 50% + 1px);
					margin: 11px calc(50% - 50vw - 1px) 0;
					background-color: var(--color-blue);
					color: #fff;
				}
				
				& h2.cta-heading {
					font-size: 16px !important;
					color: inherit;
					font-weight: 700 !important;
				}
				
				& .cta-phone {
					font-size: 20px;
					color: inherit;
					font-weight: 700;
				}
				
				& .cta-button {
					font-size: 16px !important;
					margin: 1.1em auto 0 !important;
					display: inline-block;
				}
				
			}
		}
		
		& .blue-bar {
			display: none;
		}
	}
}