/*
Theme Name:	American Defense News 2022
Version: 1.0.20
*/


/* =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; }

:focus { outline: 0; }

:root { 
	/* Primary Colors */
	--adnRed: #e42826;
	--adnRedLight: #ff4240;
    --adnRedDark: #bf2220;
    --adnBlue: #2a3c55;
    --adnBlueLight: #3d577b;
    --adnBlueDark: #1d2a3b;
	--linkBlue: #0069FF;

	/* Secondary */
	--adnDark: var(--adnBlueDark); 
    --adnExtraDark: #111822;

	/* Tertiary */
	--graylight: #e0e5ec; 
	--graylightTint: #e0e5ec;
	--graylight2: #d2d2d7;
	--graylight3: #bbc0c7;
	--gray: #899399; 
	--graydark1: #22252a; 
	--graydark2: #2e3440;
	--graydark3: #404959;
	--graydark4: #566073;
	--graydark5: #616878;

	/* Other Neutrals */
	--white: #ffffff;
	--black: #000000;
	--twhite: #f8f9fa;
	--twhite2: #f6f7f8;
	--twhite3: #EEEFF0;

	--whiteTranslucent: rgba(255,255,255,.7);
	--whiteTranslucent2: rgba(255,255,255,.9);

	/* Most Used Colors */
	--primaryTextColor: var(--gradydark1); /* Used for regular text and headlines */
	--secondaryTextColor: var(--graydark4); /* Used on all sub headlines */

	--primaryColor: var(--adnRed); /* Primary Red */
	--primaryColorLight: var(--adnRedLight);
    --primaryColorDark: var(--adnRedDark);
	
	--secondaryColor: var(--adnBlue); /* Primary dark background and navy */
    --secondaryColorLight: var(--adnBlueLight);

    --tertiaryColor: var(--adnDark);
    --tertiaryColorDark: var(--adnExtraDark);

	/* Shadows */
	--primaryBoxShadow: 0 0 30px rgba(0,0,0,.15); 
	--secondaryBoxShadow: 0 0 30px rgba(0,0,0,.1);

	/* Fonts */
	--primaryFont: Inter, Helvetica, Arial, Sans-serif;
	--primaryMonospaceFont: 'Source Code Pro', 'Courier New', Courier, monospace;
	--blockquoteFont: Georgia, Sans-serif;
	
}


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

* { -webkit-text-size-adjust: none; } /* Disable iOS gettin' in muh business */

html { height: 100%; scroll-behavior: smooth; } 
body { height: 100%; font-size: 16px; font-family: var(--primaryFont); color: var(--primaryTextColor); line-height: 1.5em; margin: 0; background: var(--white); }

.clearfix:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; } /* On the rare occasion you need to use a float */
.clearright { clear: right; }


/* Titles, Text Sizing, Colors, Links, Buttons ============================================== */
	
	/* Headings & Text */
		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: var(--primaryFont); letter-spacing: -.03em; }
		h1, .huge, .h1 { font-size: 40px; 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; }

	/* Weights, Italics, Underlines, Strikes */
		strong, .strong, .weight700 { font-weight: bold; } 
		.lightweight, .weight300 { font-weight: 300; }
		.normalweight, .weight400 { font-weight: normal; }
		.midweight, .semiweight, .weight600 { font-weight: 600; }
		.heavyweight, .weight800 { font-weight: 800; }
		.blackweight, .weight900 { font-weight: 900; }

		em, .italic { font-style: italic; }
		.stritalic { font-weight: bold; font-style: italic; }
		.underline { text-decoration: underline; }
		.strike { text-decoration: line-through; }

	/* Character Spacing & Casing */
		tt { font-family: var(--primaryMonospaceFont); }
		.tight { letter-spacing: -.03em; }
		.tight2 { letter-spacing: -.06em; }
		.upper { text-transform: uppercase; }
		.lower { text-transform: none; }
		
	
	/* Text Alignment */
		.center, .centertext { text-align: center; }
		.indent { margin-left: 30px; margin-bottom: 30px; }

	/* Basic Paragraph Rules */
		p { line-height: 1.7em; margin-bottom: 30px; }
		p:last-child { margin-bottom: 0; }
		p.nobot, p.mclear { margin-bottom: 0; }
	
	
	/* Block Quote */
		blockquote { border-left: 10px solid var(--primaryColor); padding-left: 40px; margin-bottom: 30px; font-family: var(--blockquoteFont); font-style: italic; }
		blockquote p:last-child { padding-bottom: 0; }
		cite { font-size: 14px; font-style: normal; }
	
	
	/* Color Palette */
		.white { color: var(--white); } .whiteb { background: var(--white); }
		.black { color: var(--black); } .blackb { background: var(--black); }

		.twhite { color: var(--twhite); } /* Not Quite White */
		.twhite2 { color: var(--twhite2); } /* Not Quite White 2 */
		.twhite3 { color: var(--twhite3); } /* Definitely not White, but still fairly light */
		
		.red1, .bred1 { color: var(--primaryColor); } /* Red */
		.red2, .bred2 { color: var(--primaryColorLight); } /* Red Tint */
		.red3, .bred3 { color: var(--primaryColorDark); } /* Red Hover */

		.navy1 { color: var(--tertiaryColor); } /* Navy 1 */

		.graylight { color: var(--graylight); }
		.gray { color: var(--gray); }		
		.graydark1 { color: var(--graydark1); }
		.graydark2 { color: var(--graydark2); }
		.graydark3 { color: var(--graydark3); }
		.graydark4 { color: var(--graydark4); }
	
		
	/* Basic Table */
		table { width: 100%; float: left; border: none; border-collapse: collapse; border-radius: 0; }
		table tr th { padding: 10px 10px; font-weight: bold; line-height: 14px; vertical-align: middle; background: var(--primaryColorDark); color: #fff; text-align: left; }
		table tr { transition:background .15s linear; }
		table tr td { background: #fff; border: 1px solid var(--graylight); padding: 6px 10px; line-height: 16px; vertical-align: middle; background: #fff; cursor: pointer; 
			line-height: 1.2em; transition:background .15s linear; }
		
		table.alternating tr:nth-child(even) td{ background: var(--twhite2); }

	
	/* Links */
		a, a:visited { color: var(--linkBlue); text-decoration: none; cursor: pointer;	transition:color .15s linear; }
		a:hover { color: var(--gray); transition:color .15s linear; }
		
			.iconright { padding-right: 27px; position: relative; }
			.iconright i { position: absolute; top: 1px; right: 0; }

			.iconleft { padding-left: 27px; position: relative; }
			.iconleft i { position: absolute; top: 1px; left: 0; }
		
	/* Displays */
		.hide, .hidden { display: none; }
		.eclipse { height: 0; overflow: hidden; padding: 0; margin: 0; }
		
		.req, .required, .wpforms-required-label { color: var(--primaryColorLight); font-weight: bold; }
		/* .req:after, .required:after { content: " * "; } */

	/* Buttons */

		/* The 'button' HTML element is reset to look like text in case I need a button that looks like a normal link */
			button { padding: 0; margin: 0; border: 0; line-height: inherit; background: transparent; }

		/* Standard Button Dimensions - requires the class '.button', or be a Submit button */
			.button, a.button, button[type=submit], input[type=submit], input[type=submit].wpforms-submit { 
				padding: 8px 19px; border: 1px solid transparent; border-radius: 3px; font-size: 14px; line-height: 16px; text-align: center; overflow: hidden; margin: 0px; 
				color: var(--white); font-weight: bold; display: inline-block; background: var(--primaryColor); transition: .15s linear all; }
			.button:hover, a.button:hover, button[type=submit]:hover, input[type=submit]:hover, input[type=submit].wpforms-submit:hover { cursor: pointer; 
				background: var(--graydark3); transition: .15s linear all; }	
		
		/* Red Button Override */
			.button.red, a.button.red, button[type=submit].red, input[type=submit].red, input[type=submit].wpforms-submit.red { background: var(--primaryColor); color: #fff; }
			.button.red:hover, a.button.red:hover, button[type=submit].red:hover, input[type=submit].red:hover, input[type=submit].wpforms-submit.red:hover { 
				background: var(--primaryColorDark); }

		/* Disabled Button Override */
			.button.disabled, a.button.disabled, button[type=submit].disabled, input[type=submit].disabled, input[type=submit].wpforms-submit.disabled { opacity: .5;
				filter: grayscale(100%); pointer-events: none; }

		/* Medium Sized Button */
			.button.medium, a.button.medium, button[type=submit].medium, input[type=submit].medium, input[type=submit].wpforms-submit.medium { font-size: 16px; padding: 14px 29px; }

		/* Large Sized Button */
			.button.large, a.button.large, button[type=submit].large, input[type=submit].large, input[type=submit].wpforms-submit.large	{ font-size: 20px; padding: 24px 44px; }
			
		/* Rounded Buttons */
			.button.rounded, a.button.rounded, button[type=submit].rounded, input[type=submit].rounded, input[type=submit].wpforms-submit.rounded { border-radius: 17px; }
			.button.rounded.medium, a.button.rounded.medium, button[type=submit].rounded.medium, input[type=submit].rounded.medium, input[type=submit].wpforms-submit.rounded.medium
				 { border-radius: 24px; }
			.button.rounded.large, a.button.rounded.large, button[type=submit].rounded.large, input[type=submit].rounded.large, input[type=submit].wpforms-submit.rounded.large
				 { border-radius: 33px; }

		
/* Form Basics */
	textarea { font-size: 14px; font-family: var(--primaryFont); }
	input[type=text], input[type=email], textarea { -webkit-appearance: none; } /* Rmemoves iOS Styling */
	
	::-webkit-input-placeholder { color: var(--graylight3); }
	::-moz-placeholder { color: var(--graylight3); } /* firefox 19+ */
	:-ms-input-placeholder { color: var(--graylight3); } /* ie */
	input:-moz-placeholder { color: var(--graylight3); }
	
	
	label:hover { cursor: pointer; font-family: var(--primaryFont); }
	input[type=text], input[type=search], input[type=email], select, textarea, input#email, input#url { color: var(--primaryTextColor); width: 100%; line-height: 20px; border-radius: 5px; 
		padding: 6px 12px 6px 12px; background: var(--graylightTint); font-size: 16px; border: 1px solid transparent; font-weight: 600; }

	textarea { height: auto; border-radius: 2px; -webkit-overflow-scrolling:touch; padding: 15px; font-weight: normal; }
	
	::-webkit-search-cancel-button { display: none; } /* Removes the clear / cancel / x "button" in the search field */

	/* WP Forms */
		.wpforms-field { width: 100%; display: flex; margin-bottom: 20px; flex-wrap: wrap; }
		.wpforms-field input[type=text], .wpforms-field input[type=search], .wpforms-field input[type=email], .wpforms-field input#email, .wpforms-field input#url, 
		.wpforms-field textarea, .wpforms-field select { padding: 10px 20px; background: var(--twhite); border: 1px solid var(--graylight); 
			 align-self: start; }
		.wpforms-field label { width: 100%; line-height: 20px; padding: 15px 0; font-weight: bold; cursor: pointer; }

		.wpforms-field.wpforms-field-textarea { display: block; }
		.wpforms-field.wpforms-field-textarea label { width: 100%; display: block; padding-bottom: 15px; }
		.wpforms-field textarea { min-height: 160px; border-radius: 5px; width: 100%; min-width: 100%; padding: 20px; font-weight: normal; }

		.wpforms-field.wpforms-has-error { display: block; }
		.wpforms-field label.wpforms-error { font-weight: normal; font-size: 14px; color: var(--primaryColor); display: block; width: 100%; }

		.wpforms-field .iti {  }
		.wpforms-field input.wpforms-smart-phone-field { padding: 15px 20px; background: var(--white); border: 1px solid var(--twhite3); box-shadow: 10px 10px 20px rgba(0,0,0,.05); 
			align-self: start; font-size: 14px; font-family: var(--primaryFont); }

		.wpforms-field input.phone { max-width: 200px; align-self: start;  }

		.wpforms-field-description { width: 100%; font-size: 14px; line-height: 1.3em; display: block; padding-left: 35%; margin-top: 5px; }
		.wpforms-field-textarea .wpforms-field-description { padding-left: 0; }

		.wpforms-field-address { display: block; }
		.wpforms-field-address div { display: flex; flex-wrap: wrap; width: 100%; margin-top: 10px; flex-direction: row-reverse; }
		.wpforms-field-address div.wpforms-field-medium { flex-direction: row; }
		.wpforms-field-address div.wpforms-one-half { width: 50%; flex-direction: row-reverse; }
		.wpforms-field-address div.wpforms-field-medium div.wpforms-one-half:first-child { padding-right: 15px; }
		.wpforms-field-address div.wpforms-field-medium div.wpforms-one-half:nth-child(2) { padding-left: 15px; }

		div.wpforms-container div.wpforms-uploader { width: 100%; }
        .lightbox div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-container { width: 100%; }
		
		.wpforms-recaptcha-container { margin-bottom: 20px; }

		.wpforms-field label.wpforms-label-hide { position: absolute; top: -99999px; z-index: -999999; height: 0; overflow: hidden; }

/* Lightbox */
    .blackcover { position: fixed; top: 0; right: 0; bottom: 0; left: 0;  z-index: 2000; display: none; 
		background: rgb(0,0,0); background: linear-gradient(135deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%); }
		
	.lightbox { border-radius: 3px; position: fixed; z-index: 2005; background: var(--white); display: none; opacity: 1; padding: 20px; width: 414px; max-width: 100%; height: 600px; 
		max-height: 100%; overflow-y: auto; left: 50%; margin-left: -207px; top: 50%; -webkit-transform: translateY(-50%); color: var(--primaryTextColor);
		font-family: Inter, Helvetica, Arial, Sans-serif; }
    .lightbox.subscribe { height: 300px; }
		.lightbox-title { margin-bottom: 10px; line-height: 1.1em; width: 100%; padding-right: 40px; font-size: 24px; float: left;
			color: #000; font-weight: bold; letter-spacing: -.02em; }

        button.lightbox-close { position: absolute; font-size: 24px; top: 15px; right: 15px; padding: 5px; background: transparent; color: var(--primaryTextColor); 
            border: 0; font-weight: bold; transition: .15s linear all; cursor: pointer; }
        button.lightbox-close:focus { border: none; }
        button.lightbox-close:hover { color: var(--gray); background: transparent; transition: .15s linear all; }
	
/* STRUCTURE ============================================== */

	body.showmenu { overflow-y: hidden; }

	/* Wrappers */
		#fill { width: 100%; height: 100%; margin: 0 auto; display: flex; flex-direction: column; }
		#fill.noscroll { overflow-y: hidden; }
			
			#container { width: 100%; flex-grow: 1; padding-top: 181px; }

				.stripe { } /* Empty Wrapper */
				.stripe.center { text-align: center; }
					.stripe-inside { width: 1280px; padding-left: 30px; padding-right: 30px; margin: 0 auto; display: block; }

				#wrapper { width: 1280px; margin: 40px auto; }
					#primary { width: 100%; padding: 0 30px; }

	/* Columns */
		.columns { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 100px; }
		.columns.two { grid-template-columns: repeat(2, 1fr); }
		.columns.three { grid-template-columns: repeat(3, 1fr); column-gap: 80px; }
		.columns.four { grid-template-columns: repeat(4, 1fr); column-gap: 40px; }
		.columns.five { grid-template-columns: repeat(5, 1fr); column-gap: 20px; }
		.columns.six { grid-template-columns: repeat(6, 1fr); column-gap: 20px; }
			.column-wrap, .footer-column { width: 100%; height: 100%; }
			
	/* Header */
		header.main { height: 130px; position: fixed; top: 0; left: 0; right: 0; box-shadow: 0 0 0 rgba(0,0,0,.15); transition: .15s linear all; 
			background: var(--white); z-index: 1005; }
		header.main .stripe-inside { height: 100%; }
		body.scrolled header.main { box-shadow: var(--primaryBoxShadow); transition: .15s linear all; height: 60px; }

        header.main .search-form label span { display: none; }

			button.hamburger { background: var(--secondaryColor); color: var(--white); position: fixed; top: 24px; text-transform: uppercase; left: 30px; cursor: pointer; 
				height: 36px; margin: 0; padding: 0; font-weight: 700; font-size: 14px; padding-left: 35px; padding-right: 10px; 
				transition: .15s linear all; border: 1px solid var(--secondaryColor); border-radius: 3px; z-index: 1020; }
			button.hamburger:hover { background: var(--secondaryColorLight); transition: .15s linear all; }
			button.hamburger i { font-size: 20px; position: absolute; top: 5px; left: 10px; }

			body.scrolled button.hamburger { top: 13px; }

			.logo-wrap { display: inline-block; width: 200px; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; transition: .15s linear all;  }
				a.logo { width: 100%; display: block; transition: .15s linear all; position: absolute; top: 15px; left: 0; }
				a.logo img { width: 100%; float: left; }
				a.logo-icon { visibility: hidden; opacity: 0; width: 100%; transition: .15s linear all; position: absolute; top: 2px; left: 0; }
				a.logo-icon img { float: left; width: 100%; }

				body.scrolled .logo-wrap { width: 42px; transition: .15s linear all; margin-top: 10px; }
                body.scrolled a.logo { visibility: hidden; opacity: 0; transition: .15s linear all; }
                body.scrolled a.logo-icon { visibility: visible; opacity: 1; transition: .15s linear all; }

			/* Page Menu */
				.page-menu { top: 0; bottom: 0; background: var(--tertiaryColorDark); transition: .15s linear all; overflow: hidden; 
					position: fixed; left: -250px; width: 250px; z-index: 1010;  box-shadow: 0 0 0 #000; }

					.page-menu-inside { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow-y: scroll; width: 267px; padding: 80px 0 120px 0; }
					.watermark { position: absolute; bottom: 40px; left: 0; right: 0; margin: auto; width: 100px; filter: grayscale(100%) opacity(.3); }
					.watermark img { width: 100%; float: left; }
				body.showmenu .page-menu { left: 0; transition: .15s linear all; box-shadow: var(--primaryBoxShadow); }
				.page-menu ul.menu li { width: 100%; }
				.page-menu ul.menu li a { height: auto; text-align: left;  width: 100%; padding: 10px 30px; }
				.page-menu ul.menu li.current-menu-item > a, .page-menu ul.menu li.current-menu-ancestor > a { border-bottom: 0 solid var(--primaryColor);
					border-right: 5px solid var(--whiteTranslucent2); border-top: 0; border-bottom: 0; background: #333955; }


				h2.menutitle { font-size: 16px; font-weight: bold; border-top: 1px solid rgba(255,255,255,.2); padding-top: 20px; margin-top: 20px; width: 100%;
					color: var(--white); margin-bottom: 20px; padding-left: 30px; padding-right: 30px; }

			/* Subscribe */
				button.subscribe.button { padding: 8px 15px 8px 30px; height: 36px; line-height: 18px; font-size: 14px; font-weight: 500; position: fixed;
					left: 124px; top: 24px; background: var(--secondaryColor); color: var(--white); border: 1px solid var(--secondaryColor); z-index: 1020; font-size: 13px;
					transition: .15s linear all; font-family: var(--primaryFont); }
                button.subscribe.button:hover { background: var(--secondaryColorLight); }
                button.subscribe.button i { position: absolute; top: 11px; left: 10px; }

				body.scrolled button.subscribe.button { top: 13px; transition: .15s linear all; }

			/* Search Form */
				button.searchtoggle { position: fixed; top: 14px; left: 30px; font-size: 24px; cursor: pointer; color: var(--white);
				transition: .15s linear all; z-index: 1020; transform: translate3d(0,0,0); padding: 0; margin: 0; padding: 5px 10px; background: var(--secondaryColor);
				border: 1px solid var(--secondaryColor); border-radius: 3px; transition: .15s linear all; }
				
				button.searchtoggle { left: auto; right: 30px; display: block; top: 25px; }
				button.searchtoggle:hover { background: var(--secondaryColorLight); }
				button.searchtoggle i.ri-search-line { display: block; }
				button.searchtoggle i.ri-close-line { display: none; }

				body.scrolled button.searchtoggle { top: 13px; transition: .15s linear all; }

				form.search-form { width: 0; padding: 0; transition: .15s linear all; overflow: hidden; border: 1px solid transparent; border-radius: 3px;
					height: 36px; top: auto; position: fixed; top: 25px; right: 80px; line-height: 20px; font-size: 14px; }	
				form.search-form label { width: 100%; float: left; }
				form.search-form input.search-field { width: 100%; float: left; font-size: 14px; position: relative; height: 34px;
					background: transparent; color: #000; border: 0; padding: 0 0 0 15px; line-height: 34px; }
				form.search-form button { position: absolute; right: 10px; top: 9px; background: transparent; color: #777; font-size: 16px; 
					border: 0; display: none; padding: 0; margin: 0; cursor: pointer; }
				form.search-form button:hover { background: transparent; color: var(--secondaryColor); }

				body.showsearch form.search-form { width: 250px; transition: .15s linear all; background: var(--white); box-shadow: var(--primaryBoxShadow);
					border: 1px solid var(--graylight); border-radius: 3px; transition: .15s linear all; }
				body.showsearch form.search-form input.search-field { }
				body.showsearch form.search-form button { display: block; }

				body.scrolled.showsearch form.search-form { top: 13px; transition: .15s linear all; }
				
				body.showsearch button.searchtoggle i.ri-search-line { display: none; }
				body.showsearch button.searchtoggle i.ri-close-line { display: block; }
				
				button.searchmobile { background: transparent; position: absolute; right: 20px; top: 10px; font-size: 16px; padding: 4px 10px 6px 10px; color: #000; 
					border: 1px solid #929297; border-radius: 3px; display: none; }
				button.searchmobile:hover, button.searchmobile:focus { border: 1px solid #296dd9; background: transparent; }

			header.main .menuwrap { height: 50px; align-items: center; background: var(--secondaryColor); transition: .15s linear all; }
			header.main .menu-primary-container { height: 100%; display: inline-flex; }		

			body.scrolled .menuwrap { height: 0; opacity: 0; visibility: hidden; transition: .15s linear all; }
				
				/* Level 1 Menus */
					ul.menu { height: 100%; }
					ul.menu li { height: 100%; list-style-type: none; width: auto; display: block; width: auto; display: inline-flex; }
					ul.menu li a { line-height: 16px; color: var(--white); width: auto; height: 100%; display: block; font-size: 14px; display: inline-flex;
						font-weight: 400; -webkit-font-smoothing: antialiased; transition: .15s linear all; opacity: 1; border-bottom: 2px solid transparent; 
						border-top: 2px solid transparent; padding-bottom: 16px; padding: 15px 20px; font-family: var(--primaryFont); }

					ul.menu li a:hover { opacity: .7; transition: .15s linear all; }
					ul.menu li.current-menu-item > a, ul.menu li.current-menu-ancestor > a { border-bottom: 2px solid var(--secondaryColorLight); }

					ul.menu li.mobilehome { display: none; }

					.button.cta { display: inline-block; }

	
	/* Magazine Home */
		body.home main { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
		body.home main article:first-child { grid-column: span 3; display: flex; flex-direction: column; }

		body.home h1.entry-title { line-height: 1.3em; font-size: 24px; }
		body.home main article:first-child h1.entry-title { font-size: 40px; line-height: 1.3em; }
		body.home .entry-title a { color: var(--graydark1); }
		body.home .entry-title a:hover { color: var(--graydark4); }

		body.home article p { margin-bottom: 0; margin-top: 10px; }
		body.home article p > a, body.search article p > a, body.archive article p > a { display: none; }

			a.post-thumbnail { width: 100%; height: 0; padding-top: 56.25%; display: block; overflow: hidden; margin-bottom: 15px; }
			a.post-thumbnail img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
            body.home a.post-thumbnail { margin-bottom: 7px; }

			body.home main article:first-child a.post-thumbnail { padding-top: 50%; }

			body.home main article .entry-content p { text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; }
			body.home main article:first-child .entry-content p { text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; }
		
			.cat-wrap a { color: var(--primaryColorLight); font-size: 14px; font-weight: bold; text-transform: uppercase; }
			.cat-wrap a:hover { color: var(--primaryColor); }
			.entry-meta { color: var(--graydark4); font-size: 14px; margin-top: 10px; }

			.list-example { width: 100%; height: 200px; border: 1px solid #e1e1e6; position: absolute; top: 0; right: 30px; width: 380px; }
            .vertis-wrap { overflow: hidden; width: 100%; background: var(--twhite); border: 1px solid var(--graylight); padding: 20px; }
			.vertis-wrap:nth-child(2) { margin-top: 240px; }
            .vertis-wrap.wide { grid-column: span 2; }
            .vertis-wrap .wpforms-field input[type=text], .vertis-wrap .wpforms-field input[type=search], .vertis-wrap .wpforms-field input[type=email] { background: var(--white);
                box-shadow: 0 0 20px rgb(0 0 0 / 10%); }

            .vertis-wrap img { width: 100%; object-fit: cover; }

            h3.sidebar-title { font-size: 20px; font-weight: bold; margin-bottom: 10px; }


	/* Single Post */

		body.single article { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 40px; padding-right: 340px; }
		.comments-wrap { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 40px; padding-right: 340px; }
			#comments { grid-column-start: 2; grid-column-end: 4; margin-top: 30px; }

			textarea#comment { width: 100%; min-width: 100%; max-width: 100%; }

		/* Left Sidebar */
			.left-sidebar { width: 100%; height: 100%; grid-column: span 1; margin-top: 40px; }
				h2.left-title { font-size: 22px; font-weight: bold; margin-bottom: 10px; }

				/* Social */
				.social-buttons { padding-top: 20px; border-top: 1px solid var(--graylight); height: 40px; }
				.social-buttons iframe.twitter-widget-0 { position: absolute !important; top: 20px; left: 0; }
					.fb_iframe_widget { position: absolute !important; left: 78px; top: 16px; }
					a.sbutton.email { font-size: 12px; padding: 1px 10px 1px 20px; font-weight: normal; position: absolute; top: 20px; left: 150px; }
					a.sbutton.email i { font-size: 12px; position: absolute; top: 1px; left: 7px; }
                    button.ssb_linkedin-icon { font-size: 12px; padding: 1px 10px 1px 20px; }

				/* Recent Posts */
				.recent-wrap { margin-top: 20px; border-top: 1px solid var(--graylight); padding-top: 10px; }
				.rpwwt-post-title { font-size: 13px; letter-spacing: 0; line-height: 1.3em; }
				.rpwwt-widget ul li { margin-bottom: 1.3em !important; }
				.recent-wrap a { color: var(--primaryTextColor);  }
				.recent-wrap a:hover { color: var(--primaryColor); }
				#rpwwt-recent-posts-widget-with-thumbnails-4 img { width: 100%; height: 100%; object-fit: cover; }

		
		body.single article .entry-header { grid-column: span 3; }
		body.single article .thumb-wrap { grid-column: span 3; }
		body.single article .reading-pane { grid-column: span 2; }

		body.single article .thumb-wrap { margin-top: 20px; }
		body.single article .post-thumbnail { width: 100%; height: 0; padding-top: 56.25%; display: block; }
		body.single article .post-thumbnail img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; }

		/* Sticky Ad */
			.sticky-wrap { width: 300px; position: absolute; top: 0; right: 30px; bottom: 0; }
				.sticky-wrap-inside { width: 100%; height: 100%; float: left; }
					.vertis-sticky-outside { width: 100%; position: -webkit-sticky; position: sticky; top: 40px; }
					body.scrolled .vertis-sticky-outside { top: 100px; }
						.sticky-required-sibling-element { width: 100%; height: 0px; }

						.right-ad-example { width: 100%; height: 400px; border: 1px solid #e1e1e6; background: var(--twhite2); }
						.right-ad-example-text { text-transform: uppercase; font-size: 12px; color: var(--graydark5); text-align: center; width: 100%; height: 20px;
							line-height: 20px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }


		body.single h1.entry-title { margin-top: 10px; }

        .inline-vertis-wrap { width: 100%; margin-bottom: 30px; }
        .inline-vertis-wrap:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
        .inline-vertis-wrap img { max-width: 100%; }
        .inline-vertis-wrap table { max-width: 100%; }

		/* Reading Pane */
			.reading-pane { margin-top: 40px; }

				.inline-vertis { width: 100%; margin-bottom: 30px; }
					.inline-ad-example { width: 100%; height: 150px; border: 1px solid var(--graylight); text-align: center; }
					.inline-ad-text { font-size: 12px; font-weight: bold; width: 100%; text-align: center; top: 0; right: 0; bottom: 0; left: 0; margin: auto; position: absolute;
						height: 20px; color: var(--graydark5); text-transform: uppercase; }

				.reading-pane ul, .reading-pane ol { margin-bottom: 30px; }
				.reading-pane ul li, .reading-pane ol li { margin: 7px 0 7px 30px; }
				.reading-pane ul li { list-style-type: disc; }
				.reading-pane ol li { list-style-type: decimal; }

				.reading-pane p:last-child, .reading-pane ul:last-child, .reading-pane ol:last-child, .reading-pane blockquote:last-child { margin-bottom: 0; }

			body.single .navigation { display: none; }

	/* Search, Archive, Author */
		body.search article, body.archive article, body.author article { width: 100%; margin-top: 30px; padding-top: 30px; border-top: 1px solid var(--graylight); padding-right: 240px; }
		body.search a.post-thumbnail, body.archive a.post-thumbnail, body.author a.post-thumbnail { position: absolute; right: 0; top: 30px; width: 200px; height: 112.5px; padding: 0; overflow: hidden; margin: 0; }
		body.search a.post-thumbnail img, body.archive a.post-thumbnail img, body.author a.post-thumbnail img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; }

		body.search h2.entry-title, body.archive h2.entry-title, body.author h2.entry-title { font-size: 24px; margin-top: 10px; margin-bottom: 10px; }
		body.search h2.entry-title a, body.archive h2.entry-title a, body.author h2.entry-title a { color: var(--primaryTextColor); }
		body.search h2.entry-title a:hover, body.archive h2.entry-title a:hover, body.author h2.entry-title a:hover { color: var(--graydark5); }

		body.author .author-avatar, body.author h2.author-heading, body.author .author-description, body.author .author-title { display: inline; }
		body.author a.author-link { display: none; }

		body.author .author-avatar { display: none; }

		body.author h2.author-heading, body.author .author-description, body.author .author-title { font-size: 24px; font-weight: bold; letter-spacing: -.03em; }

		body.search main, body.archive main, body.author main { padding-right: 340px; }

	/* Navigation */
		body.single nav.navigation { display: none; }
		body.home nav.navigation .nav-links { border: none; }
		body.home .navigation { width: 100%; float: left; padding: 0 0; grid-column: span 3; }
            .navigation h2.screen-reader-text { display: none; }
		
		.nav-links { width: 100%; float: left; padding: 15px 0; border-top: 1px solid #d2d2d7; }
		
		.nav-links .page-numbers { line-height: 20px; padding: 5px 10px; text-align: center; float: left; border: 1px solid #e1e1e6; margin-right: 2px; float: left;
			font-family: Roboto,  'Open Sans', Helvetica, Arial, Sans-serif; background: #f7f7fc; }
		
		.nav-links a { padding: 0 10px; background: #fff; display: block; font-size: 14px; }
		.nav-links a.page-numbers { background: #fff; }
		.nav-links a:focus { background: #e1e1e6; color: #242429; }
			.nav-links { width: 100%; float: left; }
			.nav-links .nav-previous { float: left; width: 50%; padding-right: 20px;  }
			.nav-links .nav-previous a .meta-nav:after { content: "\00a0\00a0"; }
			.nav-links .nav-previous a .meta-nav:before { content: "\00ab\00a0\00a0"; }
			
			.nav-links .nav-next a .meta-nav { float: right; }
			.nav-links .nav-next a .meta-nav:before { content: "\00a0\00a0\00a0\00a0"; }
			.nav-links .nav-next a .meta-nav:after { content: "\00a0\00a0\00bb"; }
			.nav-links .nav-next { float: right; width: 50%; padding-left: 20px; text-align: right; }
			
			.post-navigation .nav-previous, .post-navigation .nav-next { background: transparent !important; }
			.post-navigation .nav-previous a, .post-navigation .nav-next a, .post-navigation .nav-previous a:visited, .post-navigation .nav-next a:visited, 
				.post-navigation .nav-previous a span, .post-navigation .nav-next a span { color: #296dd9 !important;
					transition:color .15s linear; -webkit-transition:color .15s linear; -moz-transition:color .15s linear; -o-transition:color .15s linear; }
			.post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, .post-navigation .nav-previous a:hover span,
				.post-navigation .nav-next a:hover span { color: #929297 !important;
					transition:color .15s linear; -webkit-transition:color .15s linear; -moz-transition:color .15s linear; -o-transition:color .15s linear; }

                .page-numbers span.meta-nav { display: none; } 

	/* Contact Page */
		body.page .reading-pane { width: 100%; max-width: 800px; margin: 0 auto; }
		body.page .entry-header { text-align: center; margin-bottom: 30px; }
		.sidebar { width: 100%; background: var(--twhite); padding: 30px; max-width: 800px; margin: 0 auto; margin-top: 60px; }

			.divider { width: 100%; height: 1px; background: var(--graylight); margin-bottom: 30px; }

			.form-bookmark { display: none; }

		/* Calendly Overrides */
		.calendly-inline-widget { margin-top: -66px; height: 800px; }

	/* Comments */
        body.single #comments article { display: block; padding: 0; }
        h2.comments-title { font-size: 24px; font-weight: bold;  }
        h3.comment-reply-title { font-size: 20px; font-weight: bold; margin-top: 30px; }

            .comment-meta { width: 100%; display: flex; align-items: center; flex-direction: column; padding-left: 66px; }
                .comment-author.vcard, .comment-metadata { width: 100%; text-align: left; }
                .comment-author.vcard img { border-radius: 50%; border: 4px solid #fff; box-shadow: 0 0 15px rgba(0,0,0,.1); position: absolute; top: 0; left: -66px; }
                    .says { padding-left: 5px; }

            .comment-content { margin-top: 20px; }

            ol.comment-list li.comment { padding-top: 20px; border-top: 1px solid #e1e1e6; margin-top: 20px; }

	/* Footer */
		.stripe.footer { background: var(--tertiaryColor); color: var(--whiteTranslucent); }
		.stripe.footer .stripe-inside { padding-top: 100px; padding-bottom: 100px; }
		.stripe.footer .footer-column:first-child { grid-column: span 4; display: flex; flex-direction: column; text-align: center; font-size: 14px; 
			font-size: 13px; }

		.footer-column a { color: var(--white); }
		.footer-column a:hover { color: var(--whiteTranslucent); }
        .footer-column p { margin-bottom: 5px; }
        .footer-column p:last-child { margin-bottom: 0; }

			
/* 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 { float: right; margin-left: 20px; margin-bottom: 10px; }
	img.alignnone { margin: 0px; }
	img.imagefull { clear: both; width: 100%; border: 0px; padding: 0px; margin: 0px; margin-bottom: 30px; }
	
	.reading-pane img { max-width: 100%; }
	.reading-pane img.alignright, .reading-page img.alignleft { max-width: 50%; height: auto; }
	.entry-content iframe { width: 100%; max-width: 100%; }

	.wp-block-image { margin-bottom: 30px !important; }
	
	figure { max-width: 100%; width: 100%; }
	figure img { width: 100%; object-fit: cover; }
	figcaption { font-size: 13px; margin-top: 5px; margin-bottom: 30px; width: 100%; }
	
	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; }

	figure.alignleft img, figure.alignright img { width: 100%; height: auto; }
	
	.reading-pane h1, .reading-pane h2, .reading-pane h3, .reading-pane h4, .reading-pane h5, .reading-pane h6 { margin-bottom: 10px; }
	
	input[disabled] { opacity: .5; }
	input.notop { margin-top: 0; }
	
	.nocursor { cursor: default; }
	
	.aligncenter { display: block; margin-left: auto; margin-right: auto; }
	.alignleft { float: left; }
	.alignright { float: right; }
	
	.aligntextleft { text-align: left; }
	.aligntextright { text-align: right; }
	.aligntextcenter { text-align: center; }

	.fill { width: 100%; }
	.inlineblock { display: inline-block; }

	
	.mclear { margin-top: 0px; margin-bottom: 0px; }
	.mtop0 { margin-top: 0; }
	.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; }
	.mtop50 { margin-top: 50px; }
	.mtop60 { margin-top: 60px; }

	.mbot0 { margin-bottom: 0; }
	.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; }
	.mbot50 { margin-bottom: 50px; }
	.mbot60 { margin-bottom: 60px; }

	
	/* 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; }
	.w50p { width: 50%; }
	.w60p { width: 60%; }
	.w70p { width: 70%; }
	.w80p { width: 80%; }
	.w90p { width: 90%; }

/* End Overrides */	
			
			
/* Media Queries */

/* Touch Screens */
@media (hover:none) {
	
	
}


/* Small Desktop - Max content width = 940px with 30px gutters totalling 1000px */
/* Optimized for the 1024px CSS screen resolution */
@media only screen and (max-width: 1400px) {

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

	#wrapper { width: 1020px; }

		body.home main article:first-child h1.entry-title { font-size: 34px; }
	
	/* Stripes */
		.stripe-inside { width: 1020px; }

	/* Single */
		.left-sidebar { grid-column: span 3; margin-top: 20px; padding-top: 0; border-top: 0; }
			.social-buttons { border-top: 0; padding-top: 0; height: 20px; }
				.fb_iframe_widget { top: -4px; }
				a.sbutton.email { top: 0px; }
		.sticky-wrap { width: 260px; }
		body.single article { padding-right: 300px; column-gap: 0; }

		.recent-wrap { display: none; }

	/* Buttons */
		.button.large, a.button.large, button[type=submit].large, input[type=submit].large, input[type=submit].wpforms-submit.large { font-size: 18px; padding: 18px 36px; }
		.button.rounded.large, a.button.rounded.large, button[type=submit].rounded.large, input[type=submit].rounded.large, input[type=submit].wpforms-submit.rounded.large {
			border-radius: 27px; }

	/* Contact Page */
		body.page-template-page-contact #primary.stripe-inside { width: 100%; padding-left: 0; padding-right: 0; }

	/* Single */
		body.single article, .comments-wrap { grid-template-columns: repeat(2, 1fr); }
			#comments { grid-column-start: 1; grid-column-end: 2; grid-column: span 2; }

	/* Archive Stuff */
		body.search main, body.archive main, body.author main { padding-right: 300px; }
	
}	

/* Tablet - Start Liquid */
@media only screen and (max-width: 1018px) {

	h1, .huge, .h1 { font-size: 30px; }
	h2, .xxlarge, .h2 { font-size: 26px; }
	h3, .xlarge, .h3 { font-size: 22px; }
	h4, .large, .h4 { font-size: 20px; }
	h5, .medium , .h5 { font-size: 18px; }
	h6, .small, .h6 { font-size: 16px; }
	
	/* Wrappers */
		#wrapper { width: 100%; }

	/* Header */

	/* Stripes */
		.stripe-inside { width: 100%; }

}

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

    /* Header */
        .stripe.menuwrap { display: none; }
        #container { padding-top: 150px; }

	/* Home */
		body.home main { grid-template-columns: repeat(2, 1fr); gap: 30px; }
		body.home main article:first-child { grid-column: span 2; }
        body.home main article:first-child a.post-thumbnail { padding-top: 56.25%; }
        body.home main article:first-child h1.entry-title { font-size: 24px; }
		body.home .navigation { grid-column: span 2; }

	/* Single */
		.sticky-wrap { display: none; }
		body.single article, .comments-wrap { padding-right: 0; }

	/* Archive Stuff */
		body.search main, body.archive main, body.author main { padding-right: 0; }

}

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

    button.subscribe.button { display: none; }
	

	.wpforms-field label { width: 100%; }
	.wpforms-field input[type=text], .wpforms-field input[type=search], .wpforms-field input[type=email], .wpforms-field input#email, .wpforms-field input#url, .wpforms-field textarea, .wpforms-field select
		{ width: 100%; max-width: 100%; }
}


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

    /* Header */
        header.main { height: 60px; }
        body .logo-wrap { width: 150px; margin-top: 10px; }
        body a.logo, body.scrolled a.logo { visibility: hidden; opacity: 0; display: none; }
        body a.logo-icon, body.scrolled a.logo-icon { visibility: visible; opacity: 1; }
        #container { padding-top: 60px; }
        body button.hamburger, body button.searchtoggle { top: 13px; }


	/* Home */
		body.home main { grid-template-columns: repeat(1, 1fr); }
		body.home main article:first-child { grid-column: span 1; }
            .vertis-wrap.wide { grid-column: span 1; }
		body.home .navigation { grid-column: span 1; }

	body.showsearch button.hamburger, body.showsearch button.subscribe.button { visibility: hidden; opacity: 0; }

	/* Archive Stuff */
		body.search article, body.archive article, body.author article { padding-right: 0; }
		body.search a.post-thumbnail, body.archive a.post-thumbnail, body.author a.post-thumbnail { position: relative; right: auto; top: auto; width: 100%; height: 0px;
			padding-top: 56.25%; margin-bottom: 15px; }

	
}

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

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

/* Mobile Landscape Only - Max content width = 696px with 20px gutters totalling 736px; */
@media only screen and (max-device-width: 737px) and (orientation: landscape) { 
	
	#fill { width: 100%; }
	#container { width: 100%; } 

}