/*
Theme Name: Straight Line Letting V2
Theme URI: https://www.ionic.digital/
Author: Dan Bacon
Author URI: https://www.ionic.digital/
Description: Theme for Straightline Letting
Version: 2.8
License: GNU General Public License v2 or later
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/



	



	.header {
		position: relative;
		padding:35px;
		background:#152a37;
		text-align: center;
		}

		.logo {
			position: relative;
			margin:auto 0;
			height:auto;
			width:380px;
			}


	.phoenix {
		position: absolute;
		top:0px;
		left:0px;
		padding:20px;
		height: 130px;
		background: revert;
		}

	.phoenix_image {
		display: block;
		height:100%;
		width: auto;
		}



	@media only screen and (max-width: 850px) {
		
		.header {
			padding:25px;
			}

			.logo {
				width:70%;
				}

			.phoenix {
				display: none;
				}

	}




	.hero {
		position: relative;
		text-align: center;
		padding:70px;
		padding-bottom:170px;
		background-image: url('images/hero.jpg');
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		color:#ffffff;
		}

		.hero h1 {
			position: relative;
			margin:0px auto;
			font-family: 'PT Serif', serif;
			background-color: #c82676;
			font-size: 18pt;
			padding:30px;
			box-shadow: 0 0 10px rgba(0,0,0,0.5);
			border-radius: 15px;
			width:80%;
			}

	.hero_icons {
		position: relative;
		display: flex;
		justify-content: space-between;
		align-items: center;
		align-content: center;
		margin-top:60px;
		}

		.hero_icons_item {
			width:30%;
			display: flex;
			align-items: center;
			align-content: center;
			}

			.hero_icons_item_icon {
				width:35%;
				}

			.hero_icons_item_icon img {
				width:70%;
				}

			.hero_icons_item h3 {
				width: 65%;
				position: relative;
				text-align: left;
				padding:0px;
				margin:0px;
				font-size:16pt;
				}

			.hero_icons_item p {
				position: relative;
				padding:0px;
				margin:0px;
				font-size:13pt;
				}


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

		.hero {
			padding:40px 20px;
			padding-bottom:140px;
			}

			.hero h1 {
				position: relative;
				padding:0px;
				margin:0 auto;
				padding:25px;
				font-size:16pt;
				width:80%;
				font-family: 'PT Serif', serif;
				}

		.hero_icons {
			position: relative;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			margin-top:0px;
			}

			.hero_icons_item {
				width:100%;
				margin-top:25px;
				}

			.hero_icons_item_icon {
				width:28%;
				}

			.hero_icons_item_icon img {
				width:60%;
				}


	}



	.home_interactive_box { 
		position: relative;
		display: flex;
		margin:0 auto;
		width:100%;
		height:300px;
		margin-top:-100px;
		box-sizing: border-box;
		border-radius: 10px;
		background: #ffffff;
		box-shadow: 0 0 10px rgba(0,0,0,0.5);
		border: 1px solid #989898;
		}


	.home_interactive_box_buttons { 
		position:relative;
		display: flex;
		width:35%;
		height: 100%;
		border-right: 1px solid #989898;
		}
		
		.home_interactive_box_buttons ul { 
			position: relative;
			width: 100%;
			padding: 0px;
			margin: 0px;
			list-style: none;
			}
		
		.home_interactive_box_buttons li { 
			position: relative;
			box-sizing: border-box;
			height:25%;
			width: 100%;
			border-bottom: 1px solid #989898;
			}

			.home_interactive_box_buttons li a {
				display: block;
				display: flex;
				align-items: center;
				align-content: center;
				width:100%;
				height:100%;
				padding: 10px;
				font-size:14pt;
				font-weight: bold;
				box-sizing: border-box;
				font-family: 'PT Serif', serif;
				}

		.home_interactive_box_buttons li:last-child { border-bottom:0px; } 

		#box_tabs a.inactive { opacity:0.4; }

		.box_tabs_icon {  width:45px; margin-right:10px; }
			.box_tabs_icon img { width:100%; }

		.home_interactive_box_buttons_arrow {
			position: absolute;
			right: -15px;
			top: 50%;
			transform: translateY(-50%);
			width: 0;
			height: 0;
			height:25px;
			width:15px;
			background-image:url('images/arrow.svg');
			background-repeat: no-repeat;
			background-position: center left;
			}

	.home_interactive_box_content {
		position: relative;
		width: 65%;
		}

	.box_container {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		align-content: flex-start;
		height:100%;
		width: 100%;
		box-sizing: border-box;
		padding: 30px;
		}

		.box_container h3 {
			font-family: 'PT Serif', serif;
			font-size: 22pt;
			padding: 0px;
			margin:0px;
			}

		.box_container p {
			padding: 0px;
			margin:0px;
			margin-top:18px;
			line-height: 1.6em;
			width:90%;
			}

		.box_container p a {
			display: inline-block;
			padding: 0px;
			margin:0px;
			background: #152a37;
			color: #ffffff;
			font-size: 9pt;
			padding:4px 17px;
			letter-spacing: 1px;
			text-transform: uppercase;			
			}

			.box_container_inner {
				width:63%;
				}

#box_tab_1_content {
	background-position: bottom right;
	background-size: 45%;
	background-repeat: no-repeat;
	background-image: url('images/sales_large.png');
	border-bottom-right-radius: 9px;
	}

#box_tab_2_content {
	background-position: bottom right;
	background-size: 45%;
	background-repeat: no-repeat;
	background-image: url('images/strategy_large.png');
	border-bottom-right-radius: 9px;
	}

#box_tab_3_content {
	background-position: bottom right;
	background-size: 45%;
	background-repeat: no-repeat;
	background-image: url('images/psychology_large.png');
	border-bottom-right-radius: 9px;
	}

#box_tab_4_content {
	background-position: bottom right;
	background-size: 45%;
	background-repeat: no-repeat;
	background-image: url('images/leadgen_large.png');
	border-bottom-right-radius: 9px;
	}



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


		#box_tab_1_content, #box_tab_2_content, #box_tab_3_content, #box_tab_4_content { background-size: 40%; }

			.box_container {
				padding: 20px;
				}

				.box_container h3 {
					font-family: 'PT Serif', serif;
					font-size: 17pt;
					}

				.box_container p {
					margin-top:12px;
					width:90%;
					}

			.box_container_inner {
				width:75%;
				}

		
		.home_interactive_box { 
			width:100%;
			height:auto;
			margin-top:-100px;
			flex-wrap: wrap;
			}

		.home_interactive_box_buttons { 
			position:relative;
			display: flex;
			width:100%;
			height: auto;
			border-right: none;
			}
		
		.home_interactive_box_buttons li { 
			width:50%;
			width: auto;
			border-bottom: 1px solid #989898;
			}
		.home_interactive_box_buttons li:last-child { border-bottom: 1px solid #989898; } 

		.home_interactive_box_buttons_arrow { width:0px; height:0px; opacity:0; }


	.home_interactive_box_content {
		position: relative;
		width: 100%;
		}

	}





.bullet_points {
	color:#ffffff;
	background:#7e1b52;
	padding:45px;
	margin:40px auto;
	width:80%;
	border-radius: 40px;
	box-shadow: 0 0 20px rgba(0,0,0,0.6);
	}

	.bullet_points ul {	
		margin:0px;
		padding:0px;
		column-count: 2;
		column-gap: 3rem;
		margin-left: 20px;
		}

		.bullet_points ul li {
			break-inside: avoid;
			text-align: left;
			margin-bottom: 20px;
			padding-left: 5px;
			padding-right: 20px;
			font-size: 14pt;
			}

		.bullet_points ul li:last-child { margin-bottom: 0px; }

			.bullet_points ul li i {
				font-size: 16pt;
				color: #ffffff;
				margin-top:4px;
				}


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

		.bullet_points {
			padding:35px;
			width: auto;
			}

			.bullet_points ul {	
				column-count: 1;
				column-gap: 0rem;
				margin-left: 20px;
				}

			.bullet_points ul li {
				break-inside: avoid;
				text-align: left;
				margin-bottom: 15px;
				padding-left: 5px;
				padding-right: 20px;
				font-size: 11pt;
				}

			.bullet_points ul li:last-child { margin-bottom: 0px; }

				.bullet_points ul li i {
					font-size: 14pt;
					color: #ffffff;
					margin-top:4px;
					}

	}




	.cta {
		position: relative;
		background-image: url('images/cta_background.png');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		box-shadow: 0 0 20px rgba(0,0,0,0.5);
		}

		.cta_inner {
			position: relative;
			padding:20px 0;
			display: flex;
			align-items: center;
			}

		.cta_inner_text {
			position: relative;
			width:78%;
			margin: 0 auto;
			padding:20px 0;
			text-align: center;
			}

		.cta_inner_text h3 {
			font-family: 'PT Serif', serif;
			font-size: 20pt;
			margin:0px;
			padding: 0px;
			}

		.cta_inner_text p {
			padding: 0px;
			margin:0px;
			margin-top:18px;
			line-height: 1.6em;
			}

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


		.cta_inner {
			position: relative;
			padding:20px 0;
			display: flex;
			align-items: center;
			width: 90%;
			margin: 0 auto;
			}

		.cta_inner_image {
			display: none;
			}

		.cta_inner_text {
			position: relative;
			width:100%;
			padding:20px 0;
			text-align: center;
			}

		.cta_inner_text p {
			width:100%;
			}


	}




	.page_content {
		position: relative;
		width: 85%;
		text-align: center;
		margin:0 auto;
		}

	.page_content_image {
		position: relative;
		float: right;
		width:270px;
		padding-left:20px;
		padding-bottom: 20px;
		margin-top: 4px;
		}

	.page_content h2 {
		font-family: 'PT Serif', serif;
		font-size: 18pt;
		margin:0px;
		padding: 0px;
		}

	.page_content h4 {
		font-family: 'PT Serif', serif;
		font-size: 18pt;
		color: #1865a6;
		margin:0px;
		padding: 0px;
		}



	.page_content p {
		padding: 0px;
		margin:0px;
		margin-bottom:18px;
		line-height: 1.6em;
		}

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

		.page_content {
			text-align: center !important;
			}

		.page_content_image {
			position: relative;
			float: none;
			width:100%;
			padding-left:0px;
			padding-bottom: 0px;
			}

		.page_content h2 {
			font-family: 'PT Serif', serif;
			font-size: 16pt;
			}

	}


	.cta2 {
		position: relative;
		background-image: url('images/cta2_background.png');
		background-repeat: no-repeat;
		background-size: cover;
		}

		.cta2_inner {
			position: relative;
			padding:40px 0;
			display: flex;
			align-items: center;
			}

		.cta2_inner_text {
			position: relative;
			width:80%;
			margin:0 auto;
			text-align: center;
			padding:20px 0;
			color: #ffffff;
			}

		.cta2_inner_text h3 {
			font-family: 'PT Serif', serif;
			font-size: 24pt;
			margin:0px;
			padding: 0px;
			}

		.cta2_inner_text p {
			padding: 0px;
			margin:0px;
			margin-top:18px;
			line-height: 1.6em;
			width:90%;
			}


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

	
		.cta2 {
			position: relative;
			background-position: center;
			}

		.cta2_inner {
			position: relative;
			padding:20px 0;
			margin:0 auto;
			width: 90%;
			display: flex;
			align-items: center;
			}

		.cta2_inner_image {
			display: none;
			}

		.cta2_inner_text {
			position: relative;
			width:100%;
			padding:20px 0;
			text-align: center;
			}

		.cta2_inner_text p {
			width:100%;
			}

	}




	.authority {
		position: relative;
		background: #e6e6e6;
		padding:60px 0;
		text-align: center;
		}
	
		.authority h3 {
			font-family: 'PT Serif', serif;
			margin-bottom:30px;
			font-size: 17pt;
			}
	
		.authority h4 {
			font-size:14pt;
			}
	
	.authority_inner {
		position: relative;
		}

		.award { width:40%; }

	@media only screen and (max-width: 850px) {
	
		.authority {
			padding:30px 0;
			}

		.award { width:70%; }

		.authority_inner {
			position: relative;
			}
		
	}	



	.projects {
		position: relative;
		background: #ffffff;
		padding:60px 0;
		text-align: center;
		}
	
		.projects h2 {
			font-family: 'PT Serif', serif;
			margin-bottom:30px;
			}
	
	.projects_inner {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		}
	
	.projects_inner_item {
		width:33%;
		padding:0 20px;
		text-align: center;
		}
	
		.projects_inner_item a {
			color:#202020;
			text-decoration: none;
			}
	
		.projects_inner_item img {
			margin-bottom:20px;
			width:200px;
			}


	@media only screen and (max-width: 850px) {
	
		.projects {
			padding:30px 0;
			margin-top:30px;
			}

		.projects_inner {
			position: relative;
			display: flex;
			justify-content: space-between;
			align-items: center;
			flex-wrap: wrap;
			}
		
		.projects_inner_item {
			width:100%;
			padding:0 20px;
			text-align: center;
			margin-bottom:40px;
			}
		
	}



	.cta3 {
		position: relative;
		background-image: url('images/cta3_background.png');
		background-repeat: no-repeat;
		background-size: cover;
		box-shadow: 0 0 20px rgba(0,0,0,0.5);
		}

		.cta3_inner {
			position: relative;
			padding:30px 0;
			display: flex;
			align-items: center;
			}

		.cta3_inner_text {
			position: relative;
			width:75%;
			margin:0 auto;
			text-align: center;
			padding:20px 0;
			color: #ffffff;
			}

		.cta3_inner_text h3 {
			font-family: 'PT Serif', serif;
			font-size: 20pt;
			margin:0px;
			padding: 0px;
			}

		.cta3_inner_text p {
			padding: 0px;
			margin:0px;
			margin-top:18px;
			line-height: 1.6em;
			width:100%;
			font-size: 14pt;
			}


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

	
		.cta3 {
			position: relative;
			background-position: center;
			}

		.cta3_inner {
			position: relative;
			padding:20px 0;
			display: flex;
			width: 80%;
			margin:0 auto;
			align-items: center;
			}

		.cta3_inner_image {
			display: none;
			}

		.cta3_inner_text {
			position: relative;
			width:100%;
			padding:20px 0;
			text-align: center;
			}

		.cta3_inner_text p {
			width:100%;
			}


	}




	.privacy {
		position: relative;
		font-family: 'PT Sans', sans-serif;
		font-size: 10pt;
		margin-top:20px;
		}

		.privacy a {
			color:#ffffff;
			text-transform: uppercase;
			font-weight:300;
			letter-spacing: 1px;
			}



	.footer {
		position: relative;
		padding:60px 0;
		background:#152a37;
		color:#ffffff;
		}

	.footer_inner {
		position: relative;
		display: flex;
		justify-content: space-between;
		align-items: center;
		}
	
	.footer_inner_logo {
		width:35%;
		text-align: center;
		}
		
		.footer_logo {
			width:90%;
			text-align: center;
			}
	
	.footer_inner_tagline {
		width:55%;
		font-family: 'PT Serif', serif;
		text-align: center;
		font-size:21pt;
		font-weight: 700;
		}

	@media only screen and (max-width: 850px) {
	
		.footer_inner {
			position: relative;
			display: flex;
			justify-content: space-between;
			align-items: center;
			flex-wrap: wrap;
			}
		
		.footer_inner_logo {
			width:100%;
			text-align: center;
			}
			
			.footer_logo {
				width:70%;
				text-align: center;
				}
		
		.footer_inner_tagline {
			width:100%;
			font-family: 'PT Serif', serif;
			text-align: center;
			font-size:15pt;
			font-weight: 700;
			margin-top:30px;
			}


	}





/* MAX WIDTH */

	body, html {
		margin:0px;
		padding:0px;
		font-family: 'PT Sans', sans-serif;
		font-weight: 300;
		color:#202020;
		}

	a { text-decoration: none; outline:none; }

	.mobile_hide { display:block; }
	.mobile_show { display:none; }

	.page_width {
		width:900px;
		box-sizing: border-box;
		margin:0 auto;
		}

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

		.mobile_width { }

		.page_width {
			width:100%;
			padding:0 4%;
			box-sizing: border-box;
			}

		.page_width_mini {
			width:95%;
			padding:0 4%;
			box-sizing: border-box;
			}

		.mobile_hide { display:none; }
		.mobile_show { display:block; }

	}