/*
	Theme Name: Apollo
	Theme URI: http:/www.pureagency.co.uk
	Description: Apollo franchise Wordpress theme
	Version: 1.0
	Author: Chris Poole
	Author URI: http://www.pureagency.co.uk
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

@font-face {font-family: 'Swiss721BT-LightExtended';src: url('webfonts/2AE99C_1_0.eot');src: url('webfonts/2AE99C_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2AE99C_1_0.woff') format('woff'),url('webfonts/2AE99C_1_0.ttf') format('truetype');}
@font-face {font-family: 'Swiss721BT-BoldExtended';src: url('webfonts/2AE99C_2_0.eot');src: url('webfonts/2AE99C_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2AE99C_2_0.woff') format('woff'),url('webfonts/2AE99C_2_0.ttf') format('truetype');}

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font-family:azo-sans-web, sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: #444;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear::after {
  content: "";
  display: table;
  clear: both;
}
img {
	max-width:100%;
	vertical-align:bottom;
	height: auto;
}
a {
	color:#444;
	text-decoration: none;
	border-bottom: 1px dotted #D2D2D2;
}
a:hover {
	color:#444;
	border-bottom: 1px solid #808080;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
	text-decoration:underline;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width:1280px;
	width:95%;
	margin:0 auto;
	position:relative;
}

/* logo */
.logo {

}
.logo-img {

}
/* nav */
.nav {

}
/* sidebar */
.sidebar {

}

div.home-copy {

	background: #f9f7f2;
	color: #6B6B6B;

}

main {

	overflow: hidden;

}

div.page-right-images {

	padding: 0;

}

hr {

	border: none;
	background: #000;
	height: 1px;

}

div.boxed {

	border: 1px solid #909090;
  padding: 0.1em 1em;

}

div.section-inner {

	padding: 30px;
	margin: 0px 10px;
	height: 100%;

}

.section-inner p,
.section-inner ul {

	color: #ffffff;

}

.section-inner h3 {

	font-family: 'Swiss721BT-LightExtended';
	font-weight: 400;
	font-size: 27px;

}

.section-inner p {

	font-family: 'Swiss721BT-LightExtended';
	font-weight: 400;
	margin: 1em 0em 0.5em 0em;

}

.section-inner#area-available-form {

	background: #f3f3f3;

}

.section-inner#join-apollo-for {

	background: #676767;
	padding: 20px;

}

.section-inner#join-apollo-for ul,
.section-inner#three-things ul {

	font-size: 16px;
	font-family: 'Swiss721BT-LightExtended';
	font-weight: 400;

}

.section-inner#three-things {

	background:#dd8b86;
	padding: 20px;

}

.section-inner#be-part {

	background:#D56E68;
	padding: 20px;

}

.section-inner#be-part p {

	font-size:39px;
	line-height: 55px;

}

.equal-row {

	margin-bottom: 15px;

}

.swiss-bold {

	font-family: 'Swiss721BT-BoldExtended';
	font-weight: normal;

}

/*------------------------------------*\
    HEADER
\*------------------------------------*/

/* header */
.header {

}

.header-contact-details {

	padding: 0px 10px;
	background: #D56E68;
	text-align: center;
	overflow: hidden;
	margin-bottom: 10px;

}

.header-contact-details p {

	font-size: 14px;
	font-family: 'Swiss721BT-LightExtended';
	font-weight: 400;
	color: #fff;

}

.header-contact-details a {

  color: #ffffff;
	text-decoration: underline;

}

.header-upper-wrapper {

	overflow: hidden;

}

.header-basic {

	margin-bottom: 20px;

}

.header a, .footer a {

	border: none;

}
.header-buttons .textwidget a {
    height: 100%;
    display: flex;
    align-items: center;
	justify-content:center;
}
.header-buttons .textwidget {
    display: flex;
	gap:10px;
    flex-direction: row-reverse;
	justify-content: end;
    margin-top: 20px;
}

.header-buttons a {

	text-transform: uppercase;
	display: block;
	border: 1px solid #000;
	padding: 0.5em 2.5em;
	font-weight: bold;
	font-size: 0.8em;
	text-align: center;
	line-height:1.3rem;
}

.header-buttons a:hover {

	border: 1px solid #8EA0AA;
	background-color:#8EA0AA;
	color:#fff;

}

.nav.main-nav {

	display: none;

}

div.header-consumer {

	margin-right: 2%;
	min-height:35px;
}

div.header-apply {

	
	min-height:35px;

}
.logged-in div.header-login {
	display:none;
}

div.header-logout {
	display:none;
}
.logged-in div.header-logout {
	display:block;
}

.header-social ul {

	list-style: none;
	margin: 20px 0px 20px 0px;
	padding: 0;

}

.header-social ul li {

	display: inline-block;
	margin: 0px 0px 0px 10px;

}

.header-social ul li img {

	max-width: 19px;

}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/

.footer {

	margin: 1.75em 0em;
	padding: 3em 2em 5em 2em;
	background: #474640;
	color: #fff;
	overflow: hidden;
  clear: both;
	position: relative;

}

.footer a {

	color: #fff;

}

.footer ul {

	list-style: none;
	padding: 0em 1em;
	margin: 0;

}

.footer .footer-widget {

	margin-bottom: 1.5em;

}

.footer .footer-widget:last-child {

	margin-bottom: 0;

}

.footer-image-container {

	clear: both;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	margin: 30px 0px;

}

.footer-image-container img {

	margin-right: 15px;
	align-self: center;

}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

span.icon-bar {
    display: block;
    width: 33px;
    height: 3px;
    margin-bottom: 5px;
    background: #333;
}

span.mobile-menu-title {
    float: left;
    font-size: 1.4em;
		color: #000;
		cursor: pointer;
}

button.apollo-header-button {
    background: none;
    border: none;
    float: left;
}

div.mobile-wrapper {
		padding: 1em;
		background: #F3F3F3;
		overflow: hidden;
		margin-bottom: 2em;
}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/

div.page-right-images img {

	margin: 0px 0px 20px 0px;

}

.image-block img {

	padding: 5px;
	border: 5px solid #fff;

}


/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

h1 {

	font-size: 1.6em;
	margin: 1em 0em;
	line-height:1.2em;

}

h2 {

	font-size: 1.5em;
	margin: 1em 0em;
	line-height:1.2em;

}

h3 {

	font-size: 1.17em;
	margin: 1em 0em 0.5em 0em;
	line-height:1.2em;

}

h4 {

	font-size: 1.12em;
	margin: 1em 0em;
	line-height:1.2em;

}

h5 {

	font-size: .83em;
	margin: 1em 0em;
	line-height:1.2em;

}

h6 {

	font-size: .75em;
	margin: 1em 0em;
	line-height:1.2em;

}

h1 a, h1 a:hover, h2 a, h2 a:hover, h3 a, h3 a:hover, h4 a, h4 a:hover, h5 a, h5 a:hover {

	border: none;

}

.box-underlined {

	border-bottom: 1px solid #000000;
	margin-bottom: 1.2em;
	margin-top: 2.5em;

}

.box-underlined h3 {

	margin-bottom: 0.2em;

}

p {

	line-height: 1.6em;
	margin: 1em 0em;

}

.home-copy h1 {

	font-size: 1.3em;

}

ul {

	padding: 0.2em 2.5em;
  margin: 1em 0em;

}

li {

	margin-bottom: 0.3em;
	line-height: 1.6em;

}

.footer li {

	margin-bottom: 0.5em;
	line-height: 15px;

}

.page-home-boxes{
	margin-bottom:10px;
}

.page-home-boxes .img-cover img{
	object-fit:cover;
	max-height:450px;
	width:100%;
	margin:0 !important;
}

.box-strapline {

	position: absolute;
	font-family: 'Swiss721BT-LightExtended';
	font-weight: 400;
	font-size: 1.5em;
	bottom: 0;
	color: #000;
	background: rgba(255, 255, 255,0.6);
	width: 100%;
	text-align: center;
  padding: 0.8em 0em;
	margin: 0;
	cursor: pointer;
	margin: 1em 0em;

}

.box-strapline-linked {

	padding: 0;

}

.box-strapline-linked a {

	padding: 0.8em 0em;

}

.banner-title{
	display:flex;
	background:#67676799 !important;
	gap:15px;
	padding: 1.5em 0.5em !important;
	align-items:center;
	justify-content:center;
	margin:0 !important;
	flex-wrap:wrap;
}
.banner-title h1{
	margin:0 !important;
	font-family: 'Swiss721BT-LightExtended';
	font-weight:400;
}

h1.box-strapline, .box-strapline h1 {

	font-size: 29px;
	line-height: 29px;
	color: #fff;

}

h1.box-strapline span {

	color: #C64848;

}

.box-strapline-linked a {

	display: block;

}

.ninja-forms-required-items {

	margin-bottom: 1.8em;

}

.page-buttons img.button-bottom {

	display: none;

}

.page-buttons img.button-top {

	margin-bottom: 10px;

}

.page-buttons-medium{
	margin-bottom:0 !important;
	height:auto !important;
}
.page-buttons-medium a{
	min-height:auto !important;
	padding:15px !important;
}

a.styled-button {

	padding: 10px 20px;
	text-transform: uppercase;
	font-family: 'Swiss721BT-BoldExtended';
	font-weight: normal;
	font-size: 16px;
	background: #C64848;
	color: #ffffff;
	display: inline-block;
	border: none;

}
a.button-main.button-blue {
    background-color: #8EA0AA;
	border:1px solid #8EA0AA;
    color: #fff;
}
a.button-main.button-white {
    background-color: #fff;
	border:1px solid #fff;
    color: #676767;
}
a.button-main.button-green {
    background-color: #9C9F92;
	border:1px solid #9C9F92;
    color: #fff;
}
a.button-main {
    width: 100%;
    display: flex;
  	align-items: center;
  	justify-content: center;
    min-height: 70px;
	padding:16px 30px;
	line-height:15px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: -.5px;
    font-size: 15px;
    color: #8F9188;
}
a.button-main span {
  display: inline-block;
}
.page-buttons-large a.button-main{
    padding:26px 30px !important;
}
a.button-main:hover{
	background-color:#fff !important;
    color: #8F9188;
}

.slide-roundel {

	max-width: 90px;

}

.video-link {
	
	display: block;
	text-decoration: none;
	position: relative;
	
}

.video-link img {
	margin: 0!important;
}

.video-link:after {
	content: "";
	background: url(https://www.apolloblindsfranchise.co.uk/wp-content/uploads/2023/07/play-button.png) rgba(195, 195, 195,0.5) no-repeat center center;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
	left: 0;
    background-size: 50px 50px;
}


/*------------------------------------*\
    HOME PAGE
\*------------------------------------*/

.banner-buttons{
	display:flex;
	justify-content: space-around;
    width: 100%;
}
/* USPs */
.usp-bar {
    display: flex;
    justify-content: center;
    gap: 15px;
	margin:10px;
	flex-direction:row;
	align-items:center;
	text-align:center;
	flex-wrap:wrap;
}

.usp-bar .usp {
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 300px;
	flex-direction:column;
	align-items:center;
	text-align:center;
	width: 45%;
}

.usp-img {
    width: 100px;
}

.usp-text {
    max-width: 200px;
	font-weight:600;
	color:#676767;
}

.image-content {
    display: flex;
    align-items: center;
	flex-direction:column;
}

.image-accent {
    width: 100%;
    padding: 40px;
}
.image-accent .accent-image{
	position:relative;
}
.image-accent .accent-image img{
	width:100%;
	object-fit:cover;
}

.image-accent .accent-image:before{
	content:"";
	position:absolute;
	top:-20px;
	left:-20px;
	border: solid 1px #676767;
	width:100%;
	height:100%;
	
}

.content-block {
    width: 100%;
	padding: 40px;
}

.content-block h2, .full-content h2{
	font-size:33px;
	color:#676767;
	font-weight:400;
	font-family: 'Swiss721BT-LightExtended';
	margin-bottom: 0.5em;
}
.content-block .content-text{
	margin-bottom:20px;
}
.full-content{
	text-align:center;
}

.home-content-center *{
	text-align:center;
}
.home-content-center img, .home-content-center .usp-img{
	margin:10px auto;
}
.single-centered-button{
	margin:10px auto !important;
    position: relative;
    width: 252px;
}
.three-image-content{
	display:flex;
	padding: 40px 0;
	background: #f9f7f2;
	flex-direction:column;
}
.three-image-content .content-block{
	width:100%;
}

.three-image {
    display: flex;
    width: 100%;
    gap: 15px;
	padding: 0 40px;
}

.three-image img {
    object-fit:cover;
	width:100%;
	height:100%;
}

.image-large {
    width: 50%;
}

.image-small {
    width: 50%;
}

.image-small-one {
    margin-bottom: 15px;
	height: calc(50% - 15px);
}
.image-small-two{
	height:50%;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

		.wrapper {

			width: 750px;

		}

		.header-upper-wrapper {

			margin-top: 0.5em;

		}

		.nav {

			border-top: 1px solid #000000;
			border-bottom: 1px solid #000000;
			margin-top: 2em;
			margin-bottom: 1.5em;

		}

		.nav ul {

			margin: 0;
			padding: 0;
			list-style: none;
			text-align: center;

		}

		.logo {

			float: left;
			width:39%;
			max-width: 300px;

		}

		div.header-buttons,
		div.header-social {

			float: right;
			width: 64%;
			

		}
		.header-buttons .textwidget {
    		gap:10px;
			margin-bottom:10px;
		}

		.header-social ul {

			text-align: right;
			margin: 10px 0px 0px 0px;

		}

		div.page-right-images {

			padding: 0px 0px 0px 40px;
			margin-top: 1.5em;

		}

		.footer {

			margin: 2em 0em;

		}

		.footer .footer-widget {

			float: left;
			margin-bottom: 0;
			width: 16%;

		}

		.footer .footer-widget {

			margin-right: 2%;

		}

		.footer .footer-widget:last-child {

			margin-right: 0;

		}

		.page-buttons {

  	position:relative;
  	width: 159px;
  	height: 70px;
		float: left;
    margin-right: 10px;
		margin-bottom: 2em;

	}

.page-buttons.page-buttons-large {

		width: 216px;

	}

	.page-buttons:last-child {

		margin-right: 0;

	}

	.section-inner#be-part,
	.section-inner#three-things,
	.section-inner#join-apollo-for  {

		padding: 20px 80px;

	}

	#area-available-form h3 {

		margin-top: 40px;

	}
	.banner-buttons{
		display:block;
		width:auto;
	}
	.usp-bar, .usp-bar .usp {
		flex-direction:row;
		align-items:left;
		text-align:left;
	}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

	.slide-roundel {

		max-width: none;

	}

		.wrapper {

			width: 970px;

		}

		.header-upper-wrapper {

			margin-top: 2.0em;

		}

		.footer-widget {

			margin-right: 3%;

		}

		.footer-widget:last-child {

			margin-right: 0;

		}

		.nav.main-nav {

			display: block;
			position: relative;

		}

		div.mobile-wrapper {

			display: none;

		}

		.nav ul li {

			display: inline-block;
			margin: 0em 0.5em 0em 0em;
			font-size: 0.9em;
    	font-weight: bold;

		}

		.nav ul.sub-menu {

			display: none;

		}

		.nav.main-nav ul li {

			position: relative;
			font-size: 0.95em;

		}

		.nav ul li a {

			padding: 1.2em 0.6em;
			display: block;
			text-align: left;
			font-size: 0.9em;

		}

		.nav ul li:last-child {

			margin-right: 0;

		}

		.nav ul.sub-menu li {

			display: block;
			white-space: nowrap;

		}

		.nav li.menu-item-has-children:hover ul.sub-menu {

			display: block;
			position: absolute;
			z-index: 9999;
			margin: 0;
			border: 1px solid #ccc;
			border: 1px solid rgba(0,0,0,.15);
			border-radius: 4px;
			-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
			box-shadow: 0 6px 12px rgba(0,0,0,.175);

		}

		.nav li.menu-item-has-children:hover ul.sub-menu li a {

			background: rgba(255, 255, 255, 1);
			-webkit-transition: background 0.1s ease-in-out;
			-moz-transition: background 0.1s ease-in-out;
			-ms-transition: background 0.1s ease-in-out;
			-o-transition: background 0.1s ease-in-out;
			transition: background 0.1s ease-in-out;
			font-size: 0.95em;
			padding: 0.6em 2em;

		}

		.nav li.menu-item-has-children:hover ul.sub-menu li a:hover {

			background: rgba(245, 245, 245, 1);

		}

		div.header-apply {

			

		}

		div.header-consumer {
			margin-right: 0;

		}

		.header-buttons a {

			font-size: 1.1em;
			display: inline-block;
			padding: 0.7em 1.5em;
			float: right;
			letter-spacing: 5px;

		}

		.box-strapline {

		  padding: 1.5em 0em;
		  font-size: 2.0em;
			margin: 10px 0px;

		}

		.box-strapline-linked {

			padding: 0;

		}

		.box-strapline-linked a {

			padding: 1.5em 0em;

		}

		.box-strapline {

			background: rgba(255, 255, 255,0.6);
			-webkit-transition: background 0.5s ease-in-out;
			-moz-transition: background 0.5s ease-in-out;
			-ms-transition: background 0.5s ease-in-out;
			-o-transition: background 0.5s ease-in-out;
			transition: background 0.5s ease-in-out;

		}

		.box-strapline:hover {

			background: rgba(255, 255, 255,0.8);

		}

		.page-buttons img.button-bottom {

			display: block;

		}

		.page-buttons img.button-top {

			margin-bottom: 0px;

		}

		.page-buttons {

		position:relative;
		width: 208px;
			float: left;
		margin-right: 10px;
			margin-bottom: 2em;

	}

	.page-buttons.page-buttons-large {

		width: 290px;

	}

	.page-buttons:last-child {

		margin-right: 0;

	}

		.page-buttons img {

	  position:absolute;
	  left:0;
	  -webkit-transition: opacity 0.3s ease-in-out;
	  -moz-transition: opacity 0.3s ease-in-out;
	  -o-transition: opacity 0.3s ease-in-out;
	  transition: opacity 0.3s ease-in-out;

	}

	.page-buttons img.button-top:hover {

	  opacity:0;

	}
	
	.three-image-content, .image-content {
		flex-direction:row;
	}
	.image-accent, .content-block {
    	width: 50%;
	}
	.three-image-content .content-block{
		width:40%;
	}
	.three-image {
    	width: 60%;
	}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

	.wrapper {

		width: 1300px;

	}

	.nav.main-nav ul li {

		font-size: 13px;

	}

	.nav ul li {

		margin: 0em 1em 0em 0em;

	}

	ul.sub-menu li {

		margin: 0;

	}

	.nav ul li a {

		padding: 1.2em 1.1em;
		font-size: 13px;

	}

	.header-buttons a {

		padding: 0.7em 1.5em;

	}

	div.header-consumer {

    

}

.page-buttons {

	position:relative;
	width:252px;
	float: left;
	margin-right: 10px;

}

	.page-buttons.page-buttons-large {

		width: 355px;

	}

	.page-buttons:last-child {

		margin-right: 0;

	}

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

/*------------------------------------*\
    SHORTCODES GRID PLUGIN
\*------------------------------------*/

.full_width, .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {

	position: relative;

}


@media only screen and (min-width: 601px) and (max-width : 767px) {

	div.page-right-images {

		padding-left: 20px;
		margin-top: 1.5em;

	}

}


/*------------------------------------*\
    HOME PAGE GRID OVERRIDES
\*------------------------------------*/

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

	div.page-home-boxes > div {

		padding: 0!important;

	}

	div.page-home-box-nested {

		margin: 0!important;

	}

	h3.box-strapline {

		margin: 10px 0;

	}

}

/*------------------------------------*\
    NINJA FORMS PLUGIN
\*------------------------------------*/

.pure .nf-form-content {

	max-width: 100%;

}

input.ninja-forms-field[type="text"],
input.ninja-forms-field[type="email"],
textarea.ninja-forms-field {

	color: #6F6F6F;
	border: 1px solid #656565;
	padding: 0.5em 0.4em;

}

.ninja-forms-field[type="button"] {

	background: #6B6B6B;
  border: 1px solid #000;
  color: #FFF;
  padding: 0.6em 1.5em;

}

#ninja_forms_form_10 .ninja-forms-field[type="submit"] {

	width: 100%;
	border: none;
	background: #676767;
	font-size: 16px;
	font-family: 'Swiss721BT-BoldExtended';
	font-weight: normal;

}

#ninja_forms_form_10 label {

	font-size: 13px;
	font-family: 'Swiss721BT-LightExtended';
	font-weight: 400;

}

/*------------------------------------*\
    TABLEPRESS PLUGIN
\*------------------------------------*/

.apollo-table th {

	background: none!important;

}

.apollo-table tbody td {

	border-top: none!important;

}

.apollo-table thead th {

	border-bottom: 1px solid #7D7D7D!important;

}

.footer-image-container a:first-child img.footer-logo {
	right: 85px;
}

.footer-image-container img.footer-logo {
 	max-height: 70px;
}

/*------------------------------------*\
    PRETTYPHOTO IFRAME
\*------------------------------------*/

.pp_pic_holder {
	max-width: 100vw;
}
#pp_full_res iframe, .pp_content, .pp_content_container .pp_details{
    max-width: 93vw;
}

/*------------------------------------*\
    NINJAFORMS
\*------------------------------------*/

div#nf-form-1-cont {
    max-width: 500px;
    margin: 0 auto;
}

/*------------------------------------*\
    RESOURCE HUB
\*------------------------------------*/

.resource-hub{
	height:300px;
	position: relative;
	margin-bottom: 100px;
	margin-top: 15px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.resource-hub .main-title-wrapper{
	position: absolute;
	bottom:-100px;
	max-width:1070px;
	width:100%;
	margin:0 50px;
	padding:50px 40px;
	background-color: #fff;
	text-align: center;
}
.resource-hub .main-title-wrapper h2, .resource-hub .main-title-wrapper h1{
	font-family: 'Swiss721BT-LightExtended';
	font-weight: 400;
	font-size: 27px;
	margin:0;
	padding:0;
	color:#444;
	line-height: 1.3em !important;
}
.resource-categories-wrapper .resource-categories-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap:20px;
    max-width:1200px;
    margin:0 auto;
    padding:0 50px 50px 50px;
}
@media (max-width: 1200px) {
    .resource-hub .main-title-wrapper{
		margin: 0 10px;
		width:calc(100% - 20px);
	}
}
@media (max-width: 991px) {
    .resource-categories-wrapper .resource-categories-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 600px) {
    .resource-categories-wrapper .resource-categories-grid {
        grid-template-columns: 1fr;
        padding: 0 10px 30px 10px;
    }
	#resource-tag-filter{
		width:100% !important;
	}
}

.resource-categories-wrapper .resource-categories-grid a{
	border-bottom:none;
	position: relative;
}
.resource-categories-wrapper .resource-categories-grid .resource-category-thumb {
    aspect-ratio: 1 / 1;
}
.resource-categories-wrapper .resource-categories-grid .resource-category-thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.resource-categories-wrapper .resource-categories-grid .resource-category-info{
	position: absolute;
	bottom:0;
	left: 0;
	padding: 10px 20px;
	background: #fff;
	max-width: max-content;
}
.resource-categories-wrapper .resource-categories-grid h2{
	font-family: 'Swiss721BT-LightExtended';
	font-weight: 400;
	font-size: 15px;
	margin:0;
	padding:0;
	color:#444;
}
.resource-categories-wrapper .resource-categories-grid h2:after{
	content: "";
	background: url(/wp-content/themes/apollo/img/Arrow.svg) no-repeat center center;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-top: 7px;
	margin-left: 10px;
	background-size: contain;
	transition: all ease-in-out 0.3s;
}
.resource-categories-wrapper .resource-categories-grid .resource-category-card:hover .resource-category-info{
	background:#8EA0AA;
}
.resource-categories-wrapper .resource-categories-grid .resource-category-card:hover h2 {
	color:#fff;
}
.resource-categories-wrapper .resource-categories-grid .resource-category-card:hover h2:after{
	transform: translateX(5px);
	background: url(/wp-content/themes/apollo/img/Arrow-white.svg) no-repeat center center;
}

.resource-post-wrapper{
	max-width:1200px;
	margin:0 auto;
	padding:0 0 50px 0;
}
.resource-post-wrapper .resource-post-grid{
    display: masonry;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap:10px;
    /* fallback for browsers that don't support masonry */
    display: grid;
    grid-auto-rows: 1px;
	max-width: calc(4 * 1fr); /* effectively caps at 4 columns */
}
.resource-post-wrapper .resource-post-grid .resource-post-card{
	border-bottom:1px solid #D2D2D2;
	padding:15px;
	grid-row-end: span var(--row-span);
	
}
.resource-post-wrapper .resource-post-grid .resource-post-card .overlay{
	position: relative;
}
.resource-post-wrapper .resource-post-grid .resource-post-card .overlay:before{
	content: "";
	display: block;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background: rgba(0,0,0,0.35);
	pointer-events: none;
}
.resource-post-wrapper .resource-post-grid .resource-post-card .overlay:after{
	content: "";
	display: block;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	
	pointer-events: none;
	background-size: contain;
}
.resource-post-wrapper .resource-post-grid .resource-post-card img{
	width:100%;
	object-fit: cover;
}

.resource-post-wrapper .resource-post-grid .resource-post-thumb .overlay-img:after {
	background: url(/wp-content/themes/apollo/img/image.svg) no-repeat center center;
}
.resource-post-wrapper .resource-post-grid .resource-post-thumb .overlay-video:after {
	background: url(/wp-content/themes/apollo/img/youtube.svg) no-repeat center center;
}
.resource-post-wrapper .resource-post-grid .resource-post-thumb .overlay-pdf:after {
	background: url(/wp-content/themes/apollo/img/pdf.svg) no-repeat center center;
}
.resource-post-wrapper .resource-post-grid .resource-post-meta{
	padding:10px 0;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color:#676767;
}
.resource-post-wrapper .resource-post-grid .resource-post-title{
	font-family: 'arial', Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	margin:0 0 10px 0;
	padding:0;
	color:#444;
}
.resource-post-wrapper .resource-post-grid .resource-post-actions{
	display: flex;
	gap:10px;
	justify-content: space-between;
}
.resource-post-wrapper .resource-post-grid .download-button{
	display: inline-block;
	margin-top: 10px;
	padding: 8px 18px;
	font-family: 'Swiss721BT-BoldExtended';
	font-weight: 400;
	font-size: 14px;
	background-color:#8EA0AA;
	color:#fff;
	border-bottom: none;
}
.resource-post-wrapper .resource-post-grid .download-button:after{
	content: "";
	background: url(/wp-content/themes/apollo/img/download-icon.svg) no-repeat center center;
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-top: 5px;
	margin-left: 10px;
	background-size: contain;
	transition: all ease-in-out 0.3s;
}
.resource-post-wrapper .resource-post-grid .view-button{
	display: flex;
	align-items: center;
	margin-top: 10px;
	padding: 8px 18px;
	font-family: 'Swiss721BT-BoldExtended';
	font-weight: 400;
	font-size: 14px;
	
	color:#444444;
	border: solid 1px #444444;
}
.resource-post-wrapper .resource-post-grid .view-button:after{
	content: "";
	background: url(/wp-content/themes/apollo/img/view-icon.svg) no-repeat center center;
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-left: 10px;
	background-size: contain;
	transition: all ease-in-out 0.3s;
}
.resource-post-filter-bar{
	max-width:900px;
	margin:0 auto;
	padding:20px 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap:20px;
}
@media (max-width: 600px) {
    .resource-post-filter-bar {
        flex-direction: column;
        padding: 0 10px 30px 10px;
    }
}
.search-holder{
	width:75%;
	max-width:540px;
	position: relative;
}
#resource-search{
	background-color:#F9F7F2;
	padding: 10px 20px;
	width:100%;
	font-family: 'Swiss721BT-LightExtended';
	font-weight: 400;
	font-size: 14px;
	color:#444;
	border:none;
}
#resource-tag-filter{
	width: 23%;
	max-width: 270px;
	padding: 10px 20px;
	font-family: 'Swiss721BT-LightExtended';
	font-weight: 400;
	font-size: 14px;
	color:#444;
	border:1px solid #D2D2D2;
	background-color:#fff;
}
.search-holder:after{
	content: "";
	background: url(/wp-content/themes/apollo/img/search.svg) no-repeat center center;
	position: absolute;
	width: 15px;
	height: 15px;
	top:12px;
	right:10px;
	background-size: contain;
}
#resource-load-more{
	display: block;
	margin: 0 auto;
	padding: 10px 25px;
	font-family: 'Swiss721BT-BoldExtended';
	font-weight: 400;
	font-size: 13px;
	background-color:#9C9F92;
	color:#fff;
	border: 1px solid #9C9F92;
	margin-bottom: 50px;
}
#resource-load-more:hover{
	color:#9C9F92;
	background-color:#fff;
	border:1px solid #9C9F92;
}
#resource-video-popup{
	position: fixed;
    z-index: 9999;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.85);
    align-items: center;
    display: flex;
    justify-content: center;
}
#resource-video-popup-inner{
	position: relative;
    max-width: 90vw;
    max-height: 90vh;
    width: 800px;
    margin: auto;
    background: #000;
}
#resource-video-popup-close{
	position: absolute;
    top: -40px;
    right: 0;
    font-size: 30px;
    color: #fff;
    background: none;
    border: none;
    cursor: pointer;
}

/*------------------------------------*\
    WP LOGIN FORM (Resources Hub)
\*------------------------------------*/

.page-template-template-resources-hub .login {
    background: #fff;
    border: 1px solid #D2D2D2;
    border-radius: 0;
    max-width: 400px;
    margin: 40px auto;
    padding: 30px 30px 20px 30px;
    box-shadow: 0 2px 16px rgba(0,0,0,0.04);
}

.page-template-template-resources-hub .login h2{
	font-family: 'Swiss721BT-LightExtended', Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #444;
	margin-bottom: 20px;
	font-weight: 400;
	text-align: center;
}

.page-template-template-resources-hub .login label {
    display: block;
    font-family: 'Swiss721BT-LightExtended', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #444;
    margin-bottom: 8px;
    font-weight: 400;
}

.page-template-template-resources-hub .login input[type="text"],
.page-template-template-resources-hub .login input[type="password"] {
    width: 100%;
    padding: 10px 14px;
    margin-bottom: 18px;
    border: 1px solid #D2D2D2;
    border-radius: 0;
    font-size: 15px;
    font-family: 'Swiss721BT-LightExtended', Arial, Helvetica, sans-serif;
    background: #fff;
    color: #444;
    box-sizing: border-box;
}

.page-template-template-resources-hub .login input[type="checkbox"] {
    margin-right: 6px;
}

.page-template-template-resources-hub .login .login-submit input[type="submit"] {
    background-color: #8EA0AA;
    color: #fff;
    border: 1px solid #8EA0AA;
    font-family: 'Swiss721BT-BoldExtended', Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 400;
    padding: 10px 25px;
    border-radius: 0;
    cursor: pointer;
    margin-top: 10px;
    transition: background 0.2s, color 0.2s;
}

.page-template-template-resources-hub .login .login-submit input[type="submit"]:hover {
    background-color: #fff;
    color: #8EA0AA;
    border: 1px solid #8EA0AA;
}

.page-template-template-resources-hub .login .login-remember {
    margin-bottom: 18px;
}

.page-template-template-resources-hub .login .login-error,
.page-template-template-resources-hub .login .message {
    background: #D56E68;
    color: #fff;
    border-radius: 4px;
    padding: 10px 15px;
    margin-bottom: 18px;
    font-size: 14px;
}

.page-template-template-resources-hub .login .login-register,
.page-template-template-resources-hub .login .login-lost-password {
    margin-top: 18px;
    text-align: center;
}

.page-template-template-resources-hub .login .login-register a,
.page-template-template-resources-hub .login .login-lost-password a {
    color: #8EA0AA;
    text-decoration: underline;
    font-size: 14px;
}