/*
Title:	CSS for American Briefing
Author: Artifact
*/


/* =Reset default browser CSS. 
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, 
sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
img { border: 0px; }
li { list-style-type: none; }

/* { height:100%; overflow-y: scroll; }  */
:focus {/* remember to define focus styles! */ outline: 0; }


/* ================== EVERYTHING is BOX-SIZED - position relative ================== */
* { -webkit-text-size-adjust: none;  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;
	position: relative; }
/* ================== EVERYTHING is BOX-SIZED - position relative ================== */


* { -webkit-text-size-adjust: none; }

html { height:100%; } 
body { height: 100%; font-size: 14px; font-family: Inter, Helvetica, Arial, Sans-serif; color: #22252a; line-height: 1.5em; margin: 0; background: #fff; }
.clearfix:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
.clearright { clear: right; }


/* Titles, Text Sizing, Colors, Links, Buttons ============================================== */
	
/* Titles & Headings */
	strong, .strong { font-weight: bold; } 
	.lightweight { font-weight: 300; }
	.normalweight { font-weight: normal; }
	.midweight, .semiweight { font-weight: 600; }
	.heavyweight { font-weight: 800; }
	em, .italic { font-style: italic; }
	.underline { text-decoration: underline; }
	textarea { font-size: 14px; font-family: Inter, Helvetica, Arial, Sans-Serif; }
	h1, h2, h3, h4, h5, h6, .huge, .xxlarge, .xlarge, .large, .medium, .h1, .h2, .h3, .h4, .h5, .h6 { font-size: 16px; -webkit-font-smoothing: antialiased; 
		line-height: 1.4em; font-family: Inter, Inter, Helvetica, Arial, Sans-serif; letter-spacing: -.03em;  }
	h1, .huge, .h1 { font-size: 34px; font-weight: bold; }
	h2, .xxlarge, .h2 { font-size: 32px; }
	h3, .xlarge, .h3 { font-size: 28px; }
	h4, .large, .h4 { font-size: 24px; }
	h5, .medium , .h5 { font-size: 20px; }
	h6, .small, .h6 { font-size: 16px; letter-spacing: 0px; }
	
	.f14 { font-size: 14px !important; }
	.f12 { font-size: 12px; }
	.f10 { font-size: 10px; }
	.f8 { font-size: 8px; }
	.f6 { font-size: 6px; }
	
	.center, .centertext { text-align: center; }
	
	tt { font-family: 'Courier New', Courier, monospace; }
	.tight { letter-spacing: -.04em; }
	.tight2 { letter-spacing: -.08em; }
	.upper { text-transform: uppercase; }
	.lower { text-transform: none; }
	
	p { line-height: 1.7em; margin-bottom: 30px; }
	p:last-child { margin-bottom: 0; }
	p.nobot, p.mclear { margin-bottom: 0; }
	.strike { text-decoration: line-through; }
	
	blockquote { border-left: 10px solid #2266e3; padding-left: 40px; margin-bottom: 30px; font-family: Georgia, Sans-serif; font-style: italic; }
	blockquote p:last-child { padding-bottom: 0; }
	
	.indent { margin-left: 30px; margin-bottom: 25px; }
	
/* Colors / Color Palette */
    .blue { color: #2266e3; }

	/* Backgrounds */
	.bg-lightgray { background: #f5f7fa; }
	.bg-white { background: #fff; }
		
/* Table */
	
	table { width: 100%; float: left; border: none; border-collapse: collapse; border-radius: 0;
			box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; }
		table tr th { padding: 10px 10px; font-weight: bold; line-height: 14px; vertical-align: middle; background: #00ace6; color: #fff;
			text-align: left; font-size: 16px; }
		table tr { transition:background .15s linear; -webkit-transition:background .15s linear; -moz-transition:background .15s linear; -o-transition:background .15s linear; }
		table tr td { background: #fff; border: 1px solid #dcdee0; padding: 6px 10px; line-height: 16px; vertical-align: middle; 
			background: #fff; cursor: pointer; font-size: 16px; line-height: 1.2em;
			transition:background .15s linear; -webkit-transition:background .15s linear; -moz-transition:background .15s linear; -o-transition:background .15s linear;  }
		table tr td:first-child { vertical-align: middle; font-weight: bold; }
		table tr:nth-child(even) td{ background: #f5f5fa; }
		
	table.iframe-wrap { padding:0px; margin:0 auto; width:100%; height:100%; background: transparent; border: 0; padding: 0; float: left; }
	


	
/* Links */
	a, a:visited { color: #2266e3; text-decoration: none; cursor: pointer;
		transition:color .15s linear; -webkit-transition:color .15s linear; -moz-transition:color .15s linear; -o-transition:color .15s linear; }
	a:hover { color: #899399; transition:color .15s linear; -webkit-transition:color .15s linear; -moz-transition:color .15s linear; -o-transition:color .15s linear; }
	
	a.withicon, a.viewmore { padding-right: 27px; position: relative; }
	a.withicon i { position: absolute; top: 1px; right: 0; }
	
	
	.hide, .hidden { display: none; }
	.eclipse { height: 0; overflow: hidden; padding: 0; margin: 0; }
	
	.req, .required, .wpforms-required-label { color: #d23236; font-weight: bold; }
	.req:after, .required:after { content: " * "; }
	
	.eh { display: none; }

/* Buttons */
	button { padding: 0; margin: 0; border: 0; line-height: inherit; background: transparent; }

	input[type=submit], .button, a.button, a.button:visited, button[type=submit], input[type=submit].wpforms-submit { font-family: Inter;
		padding: 5px 15px 5px 15px; border-radius: 3px; font-size: 14px; line-height: 16px; text-align: center; overflow: hidden; border: 0px; margin: 0px; 
		color: #fff; font-weight: bold; display: inline-block; background: #2e3440; transition: .15s linear all; }
	input:hover[type=submit], a:hover button, .button:hover, a.button:hover, .btn-active, a.btn-active, .btn-active:visited, a.btn-active:visited, button[type=submit]:hover,
		input[type=submit].wpforms-submit:hover	{ cursor: pointer; background: #404959; transition: .15s linear all; }	

	input[type=submit].hidden, input[type=submit].hide { display: none; }		
	
	input[type=submit].blue, .button.blue, a.button.blue, a.button.blue:visited, button[type=submit].blue, input[type=submit].wpforms-submit.blue { 
		background: #2266e3; color: #fff; }
	input[type=submit].blue:hover, .button.blue:hover, a.button.blue:hover, button[type=submit].blue:hover, input[type=submit].wpforms-submit.blue:hover { 
		background: #2280e3; }
	
	input[type=submit].large, .button.large, a.button.large, a.button.large:visited, button[type=submit].large, input[type=submit].wpforms-submit.large {
		font-size: 20px; padding: 25px 45px; border-radius: 33px; }
		
	input[type=submit].rounded, .button.rounded, a.button.rounded, a.button.rounded:visited, button[type=submit].rounded, input[type=submit].wpforms-submit.rounded	{
		border-radius: 13px; }
		
	input[type=submit].clear, .button.clear, a.button.clear, a.button.clear:visited, button[type=submit].clear, input[type=submit].wpforms-submit.clear {
		background: transparent; color: #19acff; }
	input[type=submit].clear:hover, .button.clear:hover, a.button.clear:hover, button[type=submit].clear:hover, input[type=submit].wpforms-submit.clear:hover {
		color: #fff; }
		
	input[type=submit].tealtext, .button.tealtext, a.button.tealtext, a.button.tealtext:visited, button[type=submit].tealtext, 
		input[type=submit].wpforms-submit.tealtext { color: #00d4ff; }
	input[type=submit].clear:hover, .button.tealtext:hover, a.button.tealtext:hover, button[type=submit].tealtext:hover, 
		input[type=submit].wpforms-submit.tealtext:hover { color: #fff; }
		
	input[type=submit].withicon, .button.withicon, a.button.withicon, a.button.withicon:visited, button[type=submit].withicon, 
		input[type=submit].wpforms-submit.withicon { padding-right: 30px; }
	input[type=submit].withicon i, .button.withicon i, a.button.withicon i, a.button.withicon:visited i, button[type=submit].withicon i, 
		input[type=submit].wpforms-submit.withicon i { position: absolute; top: 8px; right: 10px; font-size: 12px; }

	input[type=submit].large.withicon, .button.large.withicon, a.button.large.withicon, a.button.large.withicon:visited, button[type=submit].largewithicon, 
		input[type=submit].wpforms-submit.large.withicon { padding-right: 60px; }
		input[type=submit].large.withicon i, .button.large.withicon i, a.button.large.withicon i, a.button.large.withicon:visited i, button[type=submit].largewithicon i, 
		input[type=submit].wpforms-submit.large.withicon i { top: 24px; right: 35px; font-size: 18px; }
		
	.button.large.b2 { float: left; margin-left: 15px; margin-top: 40px; }
	
	a.button.medium, button.button.medium, button.wpforms-submit.button.medium, button[type=submit].wpforms-submit.button.medium
		{ font-size: 16px; padding: 10px 25px; border-radius: 17px; position: relative; }
	a.button.medium.withicon, button.button.medium.withicon, button.wpforms-submit.button.medium.withicon, button[type=submit].wpforms-submit.button.medium.withicon
		{ padding-right: 35px; }
	a.button.medium i, button.button.medium i, button.wpforms-submit.button.medium i, button[type=submit].wpforms-submit.button.medium i
		{ position: absolute; top: 13px; right: 15px; }
	
	button.wpsubmit { background: #ff5056; color: #fff; font-size: 16px; padding: 10px 25px; border-radius: 17px; position: relative; }
	button.wpsubmit:hover { background: #ff363c; }
		
/* Form Basics */
	input[type=text], input[type=email], textarea { -webkit-appearance: none; } /* Rmemoves iOS Styling */
	
	::-webkit-input-placeholder { color:#bbc0c7; }
	::-moz-placeholder { color:#bbc0c7; } /* firefox 19+ */
	:-ms-input-placeholder { color:#bbc0c7; } /* ie */
	input:-moz-placeholder { color:#bbc0c7; }
	
	
	label:hover { cursor: pointer; }
	input[type=text], input[type=search], #loginwrap input[type=password], input[type=email], select, textarea, input#email, input#url { color: #222; 
		width: 100%; height: 38px; border-radius: 5px; padding: 7px 12px 3px 12px; background: #e0e5ec; font-size: 16px; border: 1px solid transparent;
		font-weight: 600; }
	textarea { height: auto; border-radius: 2px; -webkit-overflow-scrolling:touch; padding: 15px; }
	
	input[type=password] { padding: 8px 10px 8px 10px; }
	input[type=text].thin { padding: 5px 10px 5px 10px; }
	input.alignleft { float: left; }
	
	form p { margin: 0; padding: 0; }
	input.submit { margin-top: 20px; }
	
	::-webkit-search-cancel-button { display: none; } /* Removes the stupid clear / cancel / x "button" in the search field */
	
	.wpforms-confirmation-container { width: 100%; float: left; padding: 15px; border: 1px solid #d2d2d7; background: #e0e5ec; margin-bottom: 30px;
		text-align: center; font-weight: 600; font-size: 16px; }
		
	.row, .wpforms-field { width: 100%; float: left; }
		.labelwrap { width: 25%; float: left; padding-right: 10px; }
		.labelwrap.fill, .fill .labelwrap { width: 100%; }
		.fieldwrap { width: 75%; float: left; }
		.fieldwrap.fill, .fill .fieldwrap { width: 100%; margin-top: 5px; }
			label { cursor: pointer; font-weight: 600; line-height: 34px; font-size: 14px; }
			.wpforms-container label { line-height: 40px; }
			input[type=text], input[type=email], textarea, select { background: #e0e5ec; padding: 4px 10px; height: 34px; line-height: 24px;
				font-family: Inter; max-width: 100%; border-radius: 3px; }
			.wpforms-container input[type=text], .wpforms-container input[type=email], .wpforms-container textarea, .wpforms-container select { height: 40px;
				line-height: 30px; background: #e6ebf2; font-weight: 600; }
			textarea { width: 100%; padding: 15px; line-height: 1.3em; height: auto; min-height: 120px; }
			.wpforms-container textarea { height: auto; min-height: 120px; }
				.row.w300 input[type=text] { width: 300px;  max-width: 100%; }
				.row.times input[type=text] { width: 500px;  max-width: 100%; }
				.row.lines .labelwrap label { line-height: 14px; }
				
				.row.file { border-top: 1px dotted #d0d5de; width: 100%; max-width: 100%; float: left; padding-top: 10px; }
				.row.file .wpforms-field-description { float: left; clear: left; margin-bottom: 0; }
				.row.file.extra { color: #979492; }
				
				.row.fill .fieldwrap input, .row.fillfield .fieldwrap input { width: 100%; }
				
				.lines .labelwrap { margin-top: 10px; }
				.lines .labelwrap label { line-height: 19px; }
				
				.checkbox .fieldwrap input[type=checkbox] { float: left; margin-top: 11px; margin-right: 8px; width: 18px; height: 18px; }
				
				.wpforms-field-description { font-size: 13px; margin-bottom: 10px; margin-top: 0px; float: left; clear: left; }
				
				.entry-content .fieldwrap ul { width: auto; float: none; padding: 0; margin: 0; }
				.entry-content .fieldwrap ul li { list-style-type: none; padding: 0; margin: 0; width: auto; line-height: 1em; float: none; height: auto; }
				
				.wpforms-field-hp { display: none; }
				.wpforms-submit-container { float: left; margin-top: 20px; }
				
				.wpforms-error { padding-left: 20px; float: left; color: #d23236; }
				
				.magnet ::placeholder { color: #a1a1a6; }
				
			.siteinfo { font-size: 12px; }
				
		.row.checkboxes .labelwrap, .radios .labelwrap { width: 100%; float: left; }
		.row.checkboxes .fieldwrap, .radios .fieldwrap { width: 100%; float: left; padding-left: 10px;  }
		.row.checkboxes .fieldwrap input, .radios input { float: left; margin-right: 10px; margin-top: 11px; }
		
		.radios ul li, .entry-content .radios ul li { width: 100%; float: left; text-align: left; list-style-type: none; margin: 5px 0; height: auto; }
		.wpforms-container .radios label { height: auto; line-height: 20px; }
		.radios ul li input, .entry-content .radios ul li input { margin: 0; float: left; width: 20px; height: 20px; margin-right: 10px; margin-top: 5px; }
		
		
		.row.file input { margin-top: 5px; }
		
		.row.divider { width: 100%; float: left; margin-top: 20px; padding-top: 20px;  border-top: 1px solid #d0d5de; }
		.row.divider h3 { font-size: 22px; text-transform: uppercase; font-family: "Brandon Text Bold"; }
		
		.fw80 input, .fw80 select { width: 80px; }
		.fw120 input, .fw120 select { width: 120px; }
		.fw140 input, .fw140 select { width: 140px; }
		.fw200 input, .fw200 select { width: 200px; }
		.fw300 input, .fw300 select { width: 300px; }
		
		.wpforms-wrap { width: 100%; max-width: 740px; margin: 0 auto; margin-bottom: 25px; }
	
/* Radio & Checkboxes */
	a.radio, .radio, .selector { border-radius: 3px; background: #d2d2d2; padding: 10px 15px 10px 15px; display: inline-block; line-height: 14px; text-align: center; color: #555; 
			font-weight: bold; cursor: pointer;
			transition:background .15s linear; -webkit-transition:background .15s linear; -moz-transition:background .15s linear; -o-transition:background .15s linear; }
		a.radio:hover, .radio:hover, a.selector:hover, .selector:hover { background: #bac3ce; color: #444; 
			transition:background .15s linear; -webkit-transition:background .15s linear; -moz-transition:background .15s linear; -o-transition:background .15s linear; }
		a.radio.active, .radio.active, a.radio.active:hover, .radio.active:hover, a.selector.active, .selector.active { background: #00ace6; color: #fff; }
		
		.day.inline { font-size: 16px; letter-spacing: 0; margin-right: 10px; }
		.day.inline a.selector.med { width: auto; }
		.day.inline a.selector.med i { padding-bottom: 0; padding-right: 5px; }
		
		.selector.check { color: #bac3ce; }
		.selector.active, a.selector.active { background: #00ace6; }
		.selector.active:hover, a.selector.active:hover { background: #00BFFF; color: #fff; }
		.radio.form, .selector.form { margin-top: 5px; margin-right: 10px; }
	
/* Lightbox */
	.blackcover { position: fixed; top: 0; right: 0; bottom: 0; left: 0;  z-index: 100; display: none; 
		background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%);
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%);
		background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=0 ); }
		
	.lightbox { border-radius: 3px; top: 0; right: 0; bottom: 0; left: 0; position: fixed; background: #000; z-index: 210; top: 0; right: 0; bottom: 0; left: 0;
		display: none; margin: auto; opacity: 1; padding: 20px; max-width: 100%; max-height: 100%; overflow-y: auto; font-size: 14px; }
	.lightboximage img { max-width: 100%; max-height: 100%: }
	a.lightbox-close { margin-bottom: 10px; font-size: 18px; float: right; }
	

/* Stucture */
	#fill { width: 100%; height: 100%; margin: 0 auto; }
	#fill.noscroll { overflow-y: hidden; }
		
		#container { width: 100%; min-height: 100%; overflow: hidden; padding-bottom: 300px; margin-top: 100px; }
			
/*  Universals */
    .stripe {  }
        .stripe-inside { width: 1300px; padding: 0 40px; margin: 0 auto; }
		.stripe-inside:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }

	.page { padding: 0;  }
	.page:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }

	.page-inside { width: 1300px; margin: 0 auto; }
	.page.withsidebar .page-inside { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0; }

		.sidebar { width: 100%; height: 100%; float: left; border-right: 1px solid #e1e1e6; padding: 40px; }
			.sidebar-title, .sidebar h2.rounded { font-weight: 600; font-size: 24px; letter-spacing: -.04em; color: #626267; margin-bottom: 20px; }

		.primary { width: 800px; max-width: 100%; padding: 40px; margin: 0 auto; }
		.primary:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }

		.page.withsidebar .primary { width: 100%; float: left; grid-column: span 2; }


		

/* Header */
    header.mainheader { width: 100%; height: 100px; position: fixed; top: 0; z-index: 100; background: #fff;  }
	header.mainheader .stripe-inside { width: 1420px; height: 100%; border-bottom: 1px solid #e1e1e6; padding: 30px 100px; }

		button.hamburger { background: transparent; color: #424247; border: none; position: fixed; top: 11px; top: 10px; text-transform: uppercase; left: 10px; cursor: pointer; 
			height: 30px; margin: 0; padding: 0; display: none; z-index: 100; font-weight: 700; font-family: "Brandon Text", Inter, Helvetica, Arial, Sans-serif;
			font-size: 14px; padding-left: 15px; padding-right: 15px; transition: .15s linear all; background: #fff; border-radius: 3px; border: 1px solid #e1e1e6; }
		button.hamburger:hover { color: #d2d2d7; transition: .15s linear all; }
		button.hamburger i { font-size: 20px; float: left; margin-right: 10px; }

		.mobile-only { display: none; }

		a.logo { width: 200px; display: block; }
		a.logo img { width: 100%; float: left; }

		ul.menu { float: left; margin-left: 40px; }
		ul.menu li { float: left;  }
		ul.menu li a, ul.menu li.current_page_item a:hover { float: left; padding: 10px 20px; font-family: Inter, Helvetica, Arial, sans-serif; text-decoration: none; font-size: 16px; font-weight: 400;
			color: #626267; }
		ul.menu li a:hover, ul.menu li.current_page_item a { color: #2266e3; }

		/* Custom Sections Menu */
		.sections-wrap { background: #fff; position: fixed; top: 100px; visibility: hidden; opacity: 0; width: 100%; background: #fff;
			margin-left: 0; box-shadow: 0 10px 20px rgba(0,0,0,.1); left: 0; right: 0; display: none;
			transition: all 0.2s ease-in-out;  -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; }
		body.showmenu .sections-wrap { visibility: visible; opacity: 1; z-index: 10; display: block;
				transition: all 0.2s ease-in-out;  -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; }

		body.showmenu ul.menu li.sections a { color: #2266e3; }
		body.showmenu ul.menu li.sections a:hover { color: #626267; }

			ul.sections-menu { width: 1300px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); padding: 10px 40px 30px 40px; }
			ul.sections-menu:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }

			ul.sections-menu li { width: 100%; height: 100%; float: left; margin-top: 30px; }
			ul.sections-menu li a { font-size: 18px; color: #424247; font-weight: 600; }
			ul.sections-menu li a:hover { color: #2266e3; }

			ul.sections-menu li ul { width: 100%; float: left; visibility: visible; opacity: 1; margin-top: 10px; }
			ul.sections-menu li ul li { margin: 10px 0; }
			ul.sections-menu li ul li a { color: #525257; font-size: 16px; font-weight: normal; }
			ul.sections-menu li ul li a:hover { color: #2266e3; }

		/* Level 2 Menus */
			ul.menu li ul { background: #fff; position: absolute; top: 60px; visibility: hidden; opacity: 0; width: 100%; background: #fff;
				 padding: 10px 0; margin-left: 0; box-shadow: 0 10px 20px rgba(0,0,0,.1);
				transition: all 0.2s ease-in-out;  -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; }


	/* Search */
		.searchwrap { width: 300px; float: right; margin-top: 3px; transition: .15s linear all; }
			
			form.search-form { float: right; width: 30px; transition: .15s linear all; }
			form.search-form input { background: transparent; width: 100%; float: left; transition: .15s linear all; font-weight: 400; padding-left: 30px; border-radius: 0;
				border-bottom: 2px solid transparent; }
			form.search-form input:focus { border-bottom: 2px solid #2266e3; transition: .15s linear all; }
			form.search-form button[type="submit"] { position: absolute; color: #2266e3; left: 0; top: 6px; background: transparent; padding: 2px 5px; font-size: 16px;
				pointer-events: none; }

				a.searchexpand { cursor: pointer; z-index: 10; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; display: block; }
				body.showsearch a.searchexpand { display: none; }
				body.showsearch form.search-form { width: 100%; transition: .15s linear all; }
				body.showsearch form.search-form button[type="submit"] { pointer-events: unset; }
		
		.page.archive .post-wrap { border-top: 1px solid #e1e1e6; padding-top: 30px; margin-top: 30px; padding-bottom: 0; }
		.page.archive .post-wrap:first-child { margin-top: 0; }
		.page.archive .post-thumbnail-wrap { float: left; width: 177.778px; height: 100px; margin-right: 20px; z-index: 10; }
		.page.archive h1.post-title { font-size: 24px; margin-bottom: 0; }
		.page.archive .post-meta { font-family: Inter; margin-bottom: 0; }
		
		
/* Post & Page Elements */
	.post-wrap { border-top: 1px solid #e1e1e6; padding: 40px 0; }
	.post-wrap:last-child { padding-bottom: 0; }
	.post-wrap:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
	.post-wrap:first-child { border-top: 0; padding-top: 0; }

		.post-meta {  margin-bottom: 20px; }
			.post-author { font-size: 12px; color: #424247; font-weight: 500; }
			.post-date { font-size: 12px; color: #626267; }
			.post-cats { text-transform: uppercase; font-weight: 500; font-size: 11px; }
			.post-cats a { color: #22252a; }
			.post-cats a:hover { color: #2266e3; }

		h1.post-title { margin-bottom: 30px; font-weight: 600; line-height: 1.3em; display: block; }
		.post-title a { color: #22252a; }
		.post-title a:hover { color: #2266e3; }
		
		.post-thumbnail-wrap { margin-bottom: 20px; margin-top: 30px; }
		.post-thumbnail-wrap:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
			.post-thumbnail { width: 100%; float: left; }
			.post-thumbnail a { width: 100%; float: left; }
			.post-thumbnail img { object-fit: cover; width: 100%; float: left; }
			.post-thumbnail-caption { font-size: 12px; color: #525257; margin-top: 10px; width: 100%; float: left; }

		.archive .post-thumbnail-wrap { margin-top: 0; }

		.post-excerpt { font-size: 18px; font-family: Merriweather; line-height: 1.7em; margin-bottom: 20px; }
		a.post-readtime { color: #2266e3; font-size: 16px; }

		.post-footer { width: 100%; float: left; }
		.social-buttons-wrap { margin-bottom: 30px; }
		.social-buttons-wrap:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
			.social-buttons { float: right; text-align: center; z-index: 10; position: relative; }
			.social-buttons .sbutton, .social-buttons button, .social-buttons iframe.twitter-share-button { float: right; cursor: pointer; margin-left: 10px; }
			.social-buttons iframe.twitter-share-button { margin-top: 1px; }
			.social-buttons span.IN-widget { float: right; margin-top: 1px !important; margin-left: 10px; display: block; }
			.sbutton.email { height: 20px; line-height: 14px; padding: 3px 8px; border: 0; font-size: 11px; font-weight: 600; margin-top: 1px; border-radius: 2px; }
			button.clipboard { height: 20px; line-height: 14px; padding: 2px 7px; font-size: 11px; border: 1px dotted #d2d2d7; font-weight: 600; margin-top: 1px;
				border-radius: 2px; }


/* Sidebar */
	.sidebar .post-wrap { padding: 20px 0; }
	.sidebar h1.post-title, .tptn_title { font-size: 20px; margin-bottom: 10px; }

	.top-videos-wrap { margin-bottom: 20px; }
	.top-videos-wrap:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
		.video-wrap { width: 100%; float: left; border-top: 1px solid #e1e1e6; padding: 20px 0 20px 0; }
			.video-thumbnail { width: 106.667px; height: 60px; float: left; margin-right: 10px; z-index: 10; }
			.video-thumbnail a { display: block; width: 100%; height: 100%; float: left; }
			.video-thumbnail img { width: 100%; float: left; object-fit: cover; }
				.video-play-overlay { position: absolute; width: 30px; height: 30px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; text-align: center;
					color: #fff; line-height: 30px; z-index: 10; pointer-events: none; }
				.video-play-overlay i { font-size: 24px; text-shadow: 0 0 15px rgba(0,0,0,.50); }

			.sidebar h1.post-title.video { font-size: 20px; font-weight: 600; margin-bottom: 0; }
			span.post-date { float: none; width: auto; }


		/* WordPress Polls */
			.wp-polls { margin-bottom: 40px; }
			p.poll-question { font-style: italic; font-size: 16px; font-weight: 600; margin-bottom: 10px; }
			.wp-polls-ul { margin: 0 0 10px 0 !important; }
			.wp-polls-ul li { margin: 5px 0; }

		/* Top Stories */
			.tptn_title { color: #22252a; letter-spacing: -.03em; transition: .15s linear all; font-weight: 600; line-height: 1.3em; font-size: 20px; margin-bottom: 10px;
				width: 100%; float: left;  }
			a:hover .tptn_title { color: #2266e3; transition: .15s linear all; }
			.crp_author:after { content: " -" }
			.crp_author, .tptn_date { color: #626267; font-size: 12px; }

			.tptn_posts_widget { margin-bottom: 20px; }
			.tptn_posts_widget ul li { padding: 20px 0; border-top: 1px solid #e1e1e6; }

		/* Videos with Thumbnails */
		img.tptn_thumb { margin-right: 10px; }
		body.attachment.single .social-buttons-wrap.top, body.attachment.single .post-thumbnail-wrap { display: none; }

		.videos .tptn_posts_widget ul li:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
		.videos .tptn_posts_widget ul li a { float: left; margin-right: 10px; margin-bottom: 10px; }
		.videos .tptn_posts_widget ul li .tptn_after_thumb a { float: none; margin: 0; }
		.videos .tptn_posts_widget ul li a img { float: left; margin: 0; }
		.videos .tptn_title { float: none; }
		.videos .tptn_date { display: block; margin-top: 10px; }



	/* Page */
		.page-thumbnail-wrap { width: 100%; float: left; padding: 40px 40px 30px 40px; }
			.page-thumbnail { width: 100%; float: left; }
				.page-thumbnail img { object-fit: cover; width: 100%; float: left; }
				.page-thumbnail-caption { font-size: 12px; color: #525257; margin-top: 10px; width: 100%; float: left; font-family: Inter; font-size: 12px; }
				
		h1.page-title { font-size: 40px; font-weight: 300; margin-bottom: 20px; line-height: 1.3em; }

		.page-content, .post-content { width: 100%; float: left; font-size: 16px; font-family: Merriweather; line-height: 1.7em;  }

	/* Single Post */
		.thesingle h1.post-title { margin-bottom: 10px; }
		.thesingle .post-meta.two { margin-bottom: 30px; }

		.thesingle .social-buttons { float: left; width: 100%; }
		.thesingle .social-buttons .sbutton, .thesingle .social-buttons button, .thesingle .social-buttons iframe.twitter-share-button { float: left; margin-right: 10px; margin-left: 0; }
		.thesingle .social-buttons span.IN-widget { float: left; margin-right: 10px; margin-left: 0; }

		.single-readtime { font-size: 12px; color: #424247; margin-top: 5px; }

		.thesingle .post-footer { margin-top: 30px; }
		.thesingle .post-footer:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
		.thesingle .post-footer .social-buttons { margin-bottom: 0; }

		.post-single-vertis-snippet, .vertis-wrap { margin-bottom: 30px; }

		.post-set-nav { margin-top: 30px; float: left; width: 100%; }
		.post-set-nav:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
		.post-set-nav i { font-size: 12px; }

			a.button.prev { float: left; }
			a.button.next { float: right; }

	/* Video */
		.mejs-inner { width: 100%; height: 100%; }
			.mejs-layers { height: 100%; }

			.tptn_counter { font-size: 12px; font-family: Inter, Helvetica, Arial, Sans-serif; margin-top: 5px; display: none; }


/* Footer */
	footer.mainfooter { position: absolute; height: 300px; background: #f3f3f8; bottom: 0; width: 100%;  }
	footer.mainfooter .stripe-inside { display: grid; grid-template-columns: repeat(6, 1fr); padding-top: 40px; padding-bottom: 40px; height: 100%; }
		.column { width: 100%; float: left; height: 100%; }
		.column.first { grid-column: span 4; }

		.footer-logo { filter: grayscale(100%); opacity: .5; width: 200px; }
		.footer-logo img { width: 100%; float: left; }

		.site-tagline { max-width: 100%; width: 300px; margin-top: 30px; float: left; clear: left; font-size: 18px; font-weight: 500; line-height: 1.3em; }

		.copy { position: absolute; left: 0; bottom: 0; font-size: 12px; }

		ul.footmenu li { margin: 10px 0; font-size: 12px; }
		ul.footmenu li a { color: #626267; }
		ul.footmenu li a:hover { color: #2266e3; }

			
/* Begin Overrides */
	a > img.aligncenter { overflow: auto; display: block; float: none; }
	img.aligncenter { display: block; margin-left: auto; margin-right: auto;  margin-bottom: 10px;  }
	img.alignleft { float: left; margin-left: 0px; margin-right: 15px; margin-bottom: 10px; } /* Default is scaling */
	img.alignright, img.alignnone { float: right; margin-left: 20px; margin-bottom: 10px; }
	img.alignnone { margin: 0px; }
	img.imagefull { clear: both; float: left; width: 100%; margin-bottom: 30px; border: 0px; padding: 0px; margin: 0px; margin-bottom: 30px; }
	
	.reading-pane img { max-width: 100%; }
	.entry-content iframe { width: 100%; max-width: 100%; }
	
	figure { max-width: 100%; width: 100%; }
	figure img { width: 100%; object-fit: cover; }
	figcaption { font-size: 12px; margin-top: 0; margin-bottom: 30px; width: 100%; font-family: Inter; color: #626267; line-height: 14px; }
	
	figure.alignright { float: right; max-width: 50%; margin: 0; margin-left: 20px; margin-bottom: 30px; }
	figure.alignleft { float: left; max-width: 50%; margin: 0; margin-right: 20px; margin-bottom: 30px; }
	
	
	input[disabled] { background: #e8e8ed; }
	input.notop { margin-top: 0; }
	
	.nocursor { cursor: default; }
	
	.plus, .minus { cursor: pointer; }
	.plus:before { content: '+\00a0'; font-family: 'Courier New', Courier, monospace; }
	.minus:before { content: '\2013\00a0'; font-family: 'Courier New', Courier, monospace; }
	
	.aligncenter { display: block; margin-left: auto; margin-right: auto; }
	.alignright, a.button.alignright { float: right; }
	.alignleft { float: left; }
	.force-alignleft { float: left !important; }
	.aligntextleft { text-align: left; }
	.aligntextright { text-align: right; }
	.aligntextcenter { text-align: center; }
	.fill { width: 100%; }
	.inlineblock { display: inline-block; }
	
	/* Font Awesome Overrides */

	
	.mclear { margin-top: 0px; margin-bottom: 0px; }
	.mtop0 { margin-top: 0; }
	.mtop1 { margin-top: 1px; }
	.mtop2 { margin-top: 2px; }
	.mtop3 { margin-top: 3px; }
	.mtop4 { margin-top: 4px; }
	.mtop5 { margin-top: 5px; }
	.mtop10 { margin-top: 10px; }
	.mtop15 { margin-top: 15px; }
	.mtop20 { margin-top: 20px; }
	.mtop25 { margin-top: 25px; }
	.mtop30 { margin-top: 30px; }
	.mtop40 { margin-top: 40px; }
	.mtop60 { margin-top: 60px; }
	.mbot0 { margin-bottom: 0 !important; }
	.mbot5 { margin-bottom: 5px; }
	.mbot10 { margin-bottom: 10px; }
	.mbot15 { margin-bottom: 15px; }
	.mbot20 { margin-bottom: 20px; }
	.mbot25 { margin-bottom: 25px; }
	.mbot30 { margin-bottom: 30px; }
	.mbot40 { margin-bottom: 40px; }
	.mright3 { margin-right: 3px; }
	.mright5 { margin-right: 5px; }
	.mright10 { margin-right: 10px; }
	.mright15 { margin-right: 15px; }
	.mright20 { margin-right: 20px; }
	.mright25 { margin-right: 25px; }
	.mright30 { margin-right: 25px; }
	.mright40 { margin-right: 40px; }
	.mleft5 { margin-left: 5px; }
	.mleft8 { margin-left: 8px; }
	.mleft10 { margin-left: 10px; }
	.mleft15 { margin-left: 15px; }
	.mright20 { margin-right: 20px; }
	.mright30 { margin-right: 30px; }
	.mleft20 { margin-left: 20px; }
	.mleft30 { margin-left: 30px; }
	
	/* Lengths */
	.w40 { width: 40px; }
	.w50 { width: 50px; }
	.w60 { width: 60px; }
	.w70 { width: 70px; }
	.w80 { width: 80px; }
	.w100 { width: 100px; }
	.w125 { width: 125px; }
	.w150 { width: 150px; }
	.w200 { width: 200px; }
	.w300 { width: 300px; }
	.w350 { width: 350px; }
	.w400 { width: 400px; }
	.w435 { width: 435px; }
	.w500 { width: 500px; }
	.w650 { width: 650px; }
	.w850 { width: 850px; }
	.w50p { width: 50%; }
	.w60p { width: 60%; }
	.w70p { width: 70%; }
	.w80p { width: 80%; }
	.w90p { width: 90%; }
	.w100p { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; }
	
	/* Heighths */
	.h42 { height: 42px; line-height: 42px; }
	.h40 { height: 40px; line-height: 40px; }
	.h32 { height: 32px; line-height: 32px; }
	.h34 { height: 34px; line-height: 34px; }
	
	.lh24 { line-height: 24px; }
	.lh34 { line-height: 34px; }
	.lines { line-height: 16px; }
	
	/* CSS Loading Animation / Spinner */
	.spinner-circle { box-sizing: border-box; border-radius: 50%; border: 1.5px solid #c7e0f4; border-top-color: #3e403f; animation-name: spinner-anime; animation-duration: 1.3s;
		animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67); }
	.spinner-circle.white { border: 1.5px solid #6499df; border-top-color: #fff; } /* For Blue Background */
		.w10-h10 { width:10px; height: 10px; }
		.w20-h20 { width:20px; height: 20px; }
		.w30-h30 { width:30px; height: 30px; }
		.w40-h40 { width:40px; height: 40px; }
		@keyframes spinner-anime { 
			0% { transform: rotate(0deg); } 
			100% { transform: rotate(360deg); }
		}
		
		.spinner-circle.bookings { position: absolute; top: 140px; left: 0; right: 0; margin: 0 auto; }
	
/* End Overrides */
			
			
			
/* Media Queries */
@media (hover:none) {
	
	
}


/* 960 Grid - Small Desktop - Max content width = 960px with 20px gutters totalling 1000px */
/* Optimized for the 1024px CSS screen resolution */
@media only screen and (max-width: 1440px) {
	
	header.mainheader .stripe-inside { width: 1000px; padding-left: 40px; padding-right: 40px; }
	.stripe-inside, .page-inside { width: 1000px; }

	.page.withsidebar .page-inside { grid-template-columns: repeat(8, 1fr); }
		.sidebar { grid-column: span 3; }
		.page.withsidebar .primary { grid-column: span 5; }

	ul.sections-menu { width: 100%; }
	
	
}	

/* Tablet - Start Liquid */
@media only screen and (max-width: 1018px) {
	
	h1, .huge, .h1, h1.page-title { font-size: 30px; }
	h2, .xxlarge, .h2 { font-size: 28px; }
	h3, .xlarge, .h3 { font-size: 24px; }
	h4, .large, .h4 { font-size: 20px; }
	h5, .medium , .h5 { font-size: 18px; }
	h6, .small, .h6 { font-size: 16px; }

	header.mainheader .stripe-inside { width: 100%; padding-left: 30px; padding-right: 30px; }
		.searchwrap { width: auto; transition: .15s linear all; z-index: 10; background: #fff; position: absolute; right: 25px; top: 30px; }
		body.showsearch .searchwrap { width: 250px; box-shadow: 0 0 15px rgba(0,0,0,.1); transition: .15s linear all; right: 30px; }
		form.search-form button[type="submit"] { left: 4px; }

		ul.sections-menu { padding: 10px 30px 30px 30px; grid-gap: 20px; }

	.stripe-inside, .page-inside { width: 100%; }

	.page.withsidebar .page-inside { grid-template-columns: repeat(8, 1fr); }
		.sidebar { grid-column: span 3; }
		.page.withsidebar .primary { grid-column: span 5; }

		.primary { padding: 30px; }
			.post-excerpt { font-size: 16px; }
		.sidebar { padding: 30px; }

	footer.mainfooter .stripe-inside { grid-template-columns: repeat(8, 1fr); }
		.column.first { grid-column: span 4; }
		.column { grid-column: span 2; }

	
}


@media only screen and (max-width: 860px) {
	
	.page.withsidebar .primary { grid-column: span 8; }
	.sidebar { grid-row: 2; grid-column: span 8; }

		h1.post-title { margin-bottom: 20px; }

		ul.sections-menu li a { font-size: 17px; }

			
}


@media only screen and (max-width: 720px) {
	
	h1, .huge, .h1 { font-size: 28px; }
	h2, .xxlarge, .h2 { font-size: 26px; }
	h3, .xlarge, .h3 { font-size: 22px; }
	h4, .large, .h4 { font-size: 19px; }
	h5, .medium , .h5 { font-size: 16px; }
	h6, .small, .h6 { font-size: 16px; }

	body.showmenu { position: fixed; overflow-y:scroll; }
	
	header.mainheader { height: 50px; }
	#container { margin-top: 50px; padding-bottom: 0; }

		header.mainheader .stripe-inside { text-align: center; padding: 10px 30px; }
			a.logo { width: 160px; display: inline-block; }
			.searchwrap { top: 5px; }

	button.hamburger { display: block;  }
	.sections-wrap { width: 280px; right: auto; overflow-y: scroll; height: 100%; top: 0; }
		ul.sections-menu { grid-template-columns: repeat(1, 1fr); }	
		.menuwrap { display: none; }
		.mobile-only { display: block; width: 100%; float: left; padding: 50px 30px 0 30px; }
			ul.menu { width: 100%; float: left; margin: 0; }
			ul.menu li.sections { display: none; }
			ul.menu li { width: 100%; float: left; margin: 0; }
			ul.menu li a { padding: 10px 0; }

	.social-buttons, .post-readtime { width: auto; float: left; clear: left; }
	.social-buttons { margin-top: 25px; }
	.thesingle .social-buttons { margin-top: 0; }
	.social-buttons .sbutton, .social-buttons button, .social-buttons iframe.twitter-share-button { margin-left: 0; margin-right: 10px; margin-top: 5px; }
	.social-buttons span.IN-widget { float: left; margin-left: 0; margin-right: 10px; }
	button.clipboard { clear: left; }

	.page-thumbnail-wrap { padding: 30px 30px 20px 30px; }

	footer.mainfooter { height: auto; position: relative; bottom: auto; }
	footer.mainfooter .stripe-inside { padding: 30px; }
	.column.first, .column { grid-column: span 8; margin-bottom: 30px; }
	.column:last-child { margin-bottom: 0; }
		.site-tagline { width: 100%; }
		.copy { position: relative; left: auto; right: auto; bottom: auto; width: 100%; float: left; margin-top: 15px; }
	
		
}

@media only screen and (max-width: 600px) {
	
	.page.archive .post-thumbnail-wrap { width: 106.667px; height: 60px; }
	.page.archive h1.post-title { font-size: 20px; }

}

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

	h1, .huge, .h1 { font-size: 24px; }
	h2, .xxlarge, .h2 { font-size: 22px; }
	h3, .xlarge, .h3 { font-size: 20px; }
	h4, .large, .h4 { font-size: 18px; }
	h5, .medium , .h5 { font-size: 16px; }
	h6, .small, .h6 { font-size: 16px; }

	.post-excerpt, .page-content, .post-content { font-size: 14px; }
	
	
}

/*  */
@media only screen and (max-device-width: 415px) {
	#fill { width: 100%; } /* Width specified for iPhone 7s */
	#container { width: 100%; } /* Width specified for iPhone 7s */
	
	
}

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

	a.logo { width: 150px; right: 50px; position: absolute; top: 12px; }

	.mobile-only { padding: 50px 20px 0 20px; }
	.sidebar, .primary { padding: 20px; }
	ul.sections-menu { padding: 10px 20px 20px 20px; }
	.searchwrap { right: 15px; }
	body.showsearch .searchwrap { right: 20px; }
	button.clipboard { clear: none; }
	.page-thumbnail-wrap, footer.mainfooter .stripe-inside { padding: 20px; }


}

/* Mobile Landscape Only - Max content width = 696px with 20px gutters totalling 736px; */
@media only screen and (max-device-width: 737px) and (orientation: landscape) { 
	
	body.showmenu { position: fixed; overflow-y:scroll; }

	#fill { width: 100%; } /* Width specified for iPhone 7s */
	#container { width: 100%; } /* Width specified for iPhone 7s */
	
	#header-inside, #banner-inside, .thumb-wrap, .stripe-inside, #primary { width: 100%; }

	header.mainheader { height: 50px; }
	#container { margin-top: 50px; padding-bottom: 0; }

	header.mainheader .stripe-inside { text-align: center; padding: 10px 30px; }
		a.logo { width: 160px; display: inline-block; }
		.searchwrap { top: 5px; }

	button.hamburger { display: block;  }
	.sections-wrap { width: 280px; right: auto; overflow-y: scroll; height: 100%; top: 0; }
		ul.sections-menu { grid-template-columns: repeat(1, 1fr); }	
		.menuwrap { display: none; }
		.mobile-only { display: block; width: 100%; float: left; padding: 50px 30px 0 30px; }
			ul.menu { width: 100%; float: left; margin: 0; }
			ul.menu li.sections { display: none; }
			ul.menu li { width: 100%; float: left; margin: 0; }
			ul.menu li a { padding: 10px 0; }
	

 }