/*
Theme Name: Disability Scoop
Theme URI: http://www.amberweinberg.com/super-hijinksified-lightweight-wordpress-theme
Description: This theme is a derivative of Super Hijinksified, custom coded for the client.
Author: Amber Weinberg
Author URI: http://www.amberweinberg.com
Version: 1.0

*/

/***************************************************************************************************************************************************************************************/

/*HTML5 BOILERPLATE MINIFIED*/

/***************************************************************************************************************************************************************************************/

*{box-sizing:border-box;}article{display:block}aside{display:block}details{display:block}figcaption{display:block}figure{display:block;margin:0}footer{display:block}header{display:block}hgroup{display:block}nav{display:block}section{display:block}audio{display:inline;zoom:1}canvas{display:inline;zoom:1}video{display:inline;zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif;color:#222}button{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;cursor:pointer;-webkit-appearance:button;overflow:visible;margin:0}input{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;margin:0}select{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;margin:0}textarea{font-family:sans-serif;color:#222;font-size:100%;overflow:auto;vertical-align:top;resize:vertical;margin:0}body{font-size:1em;line-height:1.4;margin:0}::-moz-selection{background:#333;color:#fff;text-shadow:none}::selection{background:#333;color:#fff;text-shadow:none}a{color:#00e}a:hover{color:#06e;outline:0}a:active{outline:0}abbr[title]{border-bottom:1px dotted}b{font-weight:700}strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}pre{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;white-space:pre-wrap;word-wrap:break-word}code{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}kbd{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}q{quotes:none}q:before{content:none}q:after{content:none}small{font-size:85%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline;bottom:-.25em}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-.5em}ul{margin:1em 0;padding:0 0 0 40px}ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul{list-style:none;list-style-image:none;margin:0;padding:0}nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;margin-left:-7px;white-space:normal;padding:0}input[type="button"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="reset"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="submit"]{cursor:pointer;-webkit-appearance:button;overflow:visible}button[disabled]{cursor:default}input[disabled]{cursor:default}input[type="checkbox"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="radio"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}input:invalid{background-color:none; box-shadow: none;}textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0}

/***************************************************************************************************************************************************************************************/

/*BODY STYLES*/

/***************************************************************************************************************************************************************************************/

html {
    font-size: 100%;
}

html.wordpress,
html body {
    height: 100% !important;
}

body { 
	background: #FFF; 
	color: #333; 
	font: 1em "Chronicle SSm A", "Chronicle SSm B", "Georgia", serif;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
	transition: margin .5s ease;
	position: relative;
	width: 100%;
}

h1,h2,h3 {
    font: 700 3.25em "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; /*52/16*/
}

h2 {
    font-size: 1.5em; /*24/16*/
    line-height: 1.08em; /*26/24*/
}

h3 {
    font-size: .875em; /*14/16*/
    margin-top: 0;
}

a { 
    color: #00a3da;
	text-decoration: none;
	transition: all .5s ease;
}

a:hover {
    color: #00a3da;
	text-decoration: underline;
}

.container {
	clear: both;
	margin: 0 auto; 
	max-width: 1036px;
	position: relative;
}

img {
	height: auto;
	max-width: 100%;
}

.browserwarning {
    background: #00739A;
    color: #fff;
    font-size: 1.125em;
    font-weight: bold;
    left: 0;
    line-height: 2;
    margin: 0;
    padding: 15px 20px;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 200;
}

.browserwarning a {
    color: #fff;
    text-decoration: underline;
}

/***************************************************************************************************************************************************************************************/

/*SVG ICONS*/

/***************************************************************************************************************************************************************************************/

.icons {
    background: url('svgs/icons.svg');
    background-size: 1000% auto;
    display: inline-block;
    text-indent: -99999px;
    transition: none;
}

.icon-facebook {
    background-position: 33.33333% 50%;
    height: 30px;
    width: 30px;
}

.icon-facebook:hover {
    background-position: 33.33333% 0;
}

.icon-facebook.white:hover {
    background-position: 33.33333% 100%;
}

.icon-twitter {
    background-position: 44.44444% 50%;
    height: 30px;
    width: 30px;
}

.icon-twitter:hover {
    background-position: 44.44444% 0%;
}

.icon-twitter.white:hover {
    background-position: 44.44444% 100%;
}

.icon-google {
    background-position: 55.55556% 50%;
    height: 30px;
    width: 30px;
}

.icon-google:hover {
    background-position: 55.55556% 0%;
}

.icon-google.white:hover {
    background-position: 55.55556% 100%;
}

.icon-linkedin {
    background-position: 66.66667% 50%;
    height: 30px;
    width: 30px;
}

.icon-linkedin:hover {
    background-position: 66.66667% 0%;
}

.icon-linkedin.white:hover {
    background-position: 66.66667% 100%;
}

.icon-pinterest {
    background-position: 77.77778% 50%;
    height: 30px;
    width: 30px;
}

.icon-pinterest:hover {
    background-position: 77.77778% 0%;
}

.icon-pinterest.white:hover {
    background-position: 77.77778% 100%;
}

.icon-rss {
    background-position: 100% 50%;
    height: 30px;
    width: 30px;
}

.icon-rss:hover {
    background-position: 100% 0%;
}

.icon-rss.white:hover {
    background-position: 100% 100%;
}

.icon-menu {
    background-position: 0 0;
    height: 60px;
    width: 60px;
}

.icon-menu:hover {
    background-position: 0 50%;
}

.icon-close,
.icon-close.white:hover {
    background-position: 11.11111% 50%;
    height: 40px;
    width: 40px;
}

.icon-close.white {
    background-position: 11.11111% 100%;
}

.icon-close:hover {
    background-position: 11.11111% 0;
}

.icon-search {
    background-position: 22.22222% 50%;
    height: 30px;
    width: 30px;
}

.icon-search:hover {
    background-position: 22.22222% 0%;
}

/***************************************************************************************************************************************************************************************/

/*HEADER STYLES*/

/***************************************************************************************************************************************************************************************/

header, section, footer {
	float: left;
	width: 100%;
}

header {
    background: #fff;
    border-bottom: 1px solid #B3B3B3;
    left: 0;
    position: fixed;
    transition: all 400ms ease;
    top: 0;
    z-index: 20;
}

header + * {
    margin-top: 61px !important;
}

.admin-bar header,
.admin-bar nav {
    top: 32px;
}

header .nav-open {
    float: left;
    height: 60px;
    margin-right: 12px;
    width: 60px;
}

header .icon-close {
    background-position: 11.11111% 0;
}

header .icon-close:hover {
    background-position: 11.11111% 50%;
}

header .logo {
    float: left;
    padding: 13px 0 8px;
}

header .logo:hover {
    text-decoration: none;
}

header .logo img {
    width: 215px;
}

header .logo span {
    color: #797979;
    display: inline-block;
    font: 300 .75em/1.25em "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; /*12/16, 15/12*/
    margin-left: 20px;
    vertical-align: middle;
    width: 180px;
}

/*Top Nav*/

header .right-menu {
    float: right;
    padding: 15px;
}

header ul {
    border-left: 1px solid #B3B3B3;
    display: inline-block;
    margin: 0 15px 0 0;
    padding: 0;
}

header li {
    display: inline-block;
    list-style: none;
}

header li a {
    border-right: 1px solid #B3B3B3;
    color: #333;
    display: block;
    font: 700 .875em "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; /*14/16*/
    padding: 5px 25px;
    text-transform: uppercase;
}

header li a:hover {
    color: #333;
    text-decoration: underline;
}

header .right-menu > a {
    vertical-align: top;
}

/*Search Dropdown*/

.search-dropdown {
    background: #F6F6F6;
    box-shadow: 0 5px 10px -4px rgba(0,0,0,0.5);
    display: none;
    left: 0;
    position: absolute;
    top: 61px;
    width: 100%;
}

.search-dropdown .container {
    max-width: 1036px;
}

.searchform {
    background: #fff;
    border: 1px solid #B3B3B3;
    float: left;
    margin: 10px 0;
    max-width: 976px;
    position: relative;
    width: 94.2%;
}

.searchform input[type=text] {
    background: none;
    border: none;
    color: #333;
    float: left;
    font: 700 2.25em "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; /*36/16*/
    height: 65px;
    padding: 0 20px;
    width: 92.72%; /*905px*/
}

.searchform ::-webkit-input-placeholder { 
	color: #797979; 
}

.searchform ::-moz-placeholder { 
	color: #797979; 
}

.searchform input[type=submit] {
    border: none;
    float: right;
    height: 60px;
    width: 60px;
}

input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
input::-ms-clear {display: none;}

.search-dropdown .icon-close {
    float: right;
    margin: 20px 10px 0 0;
}

/*Content Jump*/

.button-jump {
    background: #333;
    border: 2px solid #333;
    color: #fff;
    display: inline-block;
    font: 700 .75em "Gotham Narrow SSm A", "Gotham Narrow SSm B";
    margin: 10px 0 0 40px;
    padding: 8px;
    text-align: center;
    text-transform: uppercase;
    width: 130px;
}

.button-jump:hover {
    background: #fff;
    color: #333;
    text-decoration: none;
}

.content-jump {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.content-jump:active,
.content-jump:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  clip: auto;
  overflow: visible;
}

/***************************************************************************************************************************************************************************************/

/*NAV STYLES*/

/***************************************************************************************************************************************************************************************/

nav {
    background: #fff;
    box-shadow: 2px 0 4px rgba(0,0,0,.3);
    display: none;
    height: 100%;
    position: fixed;
    overflow: auto;
    transition: all 400ms ease;
    top: 61px;
    width: 286px;
    z-index: 19;
}

nav .close {
    padding: 15px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

nav li {
    display: block;
}

nav .sub-menu {
    padding-bottom: 8px;
}

nav li a {
    color: #333;
    font: 700 1.125em "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; /*18/16*/
    display: block;
    padding: 10px 30px;
}

nav #menu-main > li:first-child > a {
    padding: 20px 30px 10px;
}

nav .menu-item-has-children > a {
    background: #3C3C3C;
    color: #888;
    cursor: default;
    font-size: .75em;
    margin-bottom: 8px;
    padding: 5px 30px;
    text-transform: uppercase;
}

nav li a:hover {
    color: #333;
}

nav .menu-item-has-children > a:hover {
    color: #888;
    text-decoration: none;
}

/*Secondary Menu Items*/

#menu-secondary-main {
    margin-top: 12px;
}

#menu-secondary-main a {
    color: #888;
    font-size: .875em;
    padding: 8px 30px;
}

.social {
    display: block;
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 0 30px 60px 22px;
}

.social li {
    display: inline-block;
}

.social li a {
    padding: 0;
}

/***************************************************************************************************************************************************************************************/

/*FOOTER STYLES*/

/***************************************************************************************************************************************************************************************/

footer {
    background: #fff;
    border-top: 1px solid #B3B3B3;
    color: #79797C;
    font: 300 .8125em "Gotham Narrow SSm A", "Gotham Narrow SSm B"; /*13/16*/
    padding: 13px 0;
}

footer p {
    float: left;
    margin: 0;
}

footer ul {
    float: right;
    margin: 0;
    padding: 0;
}

footer li {
    display: inline-block;
    margin: 0 10px;
}

footer a {
    color: #79797C;
}

footer a:hover {
    color: #79797C;
    text-decoration: underline;
}

/*Newsletter*/

.newsletter {
    border-top: 8px solid #333;
    float: left;
    padding: 50px 0 110px;
    width: 100%;
}

.newsletter .container {
    max-width: 850px;
}

.newsletter h2 {
    color: #333;
    font-size: 3.25em; /*52/16*/
    line-height: 1.25;
    margin: 0;
}

.captcha-form {
    background: #ff7c0a;
    bottom: -45px;
    color: #fff;
    height: 95px;
    padding-top: 8px;
    position: absolute;
    right: 0;
    width: 66.666%;
}

.subscribe-form {
    background: #ff7c0a;
    bottom: -45px;
    color: #fff;
    height: 95px;
    padding: 30px;
    position: absolute;
    right: 0;
    width: 66.666%;
}

.subscribe-form .inner-form,
.subscribe-form .subscribe-form-inner {
    min-height: 35px;
    position: relative;
}

.subscribe-form .inner-form:before,
.subscribe-form .subscribe-form-inner:before {
    background: url('svgs/envelope.svg') no-repeat;
    content: '';
    height: 18px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 27px;
}

.subscribe-form .subscribe-form-inner p {
    margin: 0;
}

.subscribe-form input[type=email],
.subscribe-form input[type=text] {
    background: none;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    color: #fff;
    float: left;
    font: 300 1.25em "Gotham Narrow SSm A", "Gotham Narrow SSm B"; /*20/16*/
    height: 35px;
    padding: 0 20px 0 40px;
    width: 75.6%;
}

.subscribe-form ::-webkit-input-placeholder { 
	color: #fff; 
}

.subscribe-form ::-moz-placeholder { 
	color: #fff; 
	opacity: 1;
}

.subscribe-form input[type=submit] {
    background: none;
    border: 2px solid #fff;
    border-radius: 0;
    color: #fff;
    float: right;
    font: 300 1em "Gotham Narrow SSm A", "Gotham Narrow SSm B"; /*16*/
    height: 35px;
    padding: 0;
    text-transform: uppercase;
    width: 20.32%;
}

.subscribe-form input[type=submit]:hover {
    background: #fff;
    border: none;
    color: #ff7c0a;
}

.subscribe-form .news-thank-you {
    padding-left: 0;
}

.subscribe-form .news-thank-you:before {
    display: none;
}

.subscribe-form .news-thank-you h3 {
    font-size: 1.125em;
    margin: 0;
}

.subscribe-form .news-thank-you p {
    font: 1em "Gotham Narrow SSm A", "Gotham Narrow SSm B";
    margin: 0;
}

/* newsletter signup thank you footer section */

.news-footer-thank-you {
    display: none;
    padding: 20px 30px 0;
}

.news-footer-thank-you h3 {
    font-size: 1.125em;
    margin: 0;
}

.news-footer-thank-you p {
    font: 1em "Gotham Narrow SSm A", "Gotham Narrow SSm B";
    margin: 0;
}

/***************************************************************************************************************************************************************************************/

/*HOME STYLES*/

/***************************************************************************************************************************************************************************************/

/***Top Stories***/

.pinned-articles {
    color: #fff;
    height: 480px;
    position: relative
}

.pinned-articles a {
    color: #fff;
}

.pinned-articles a:hover h2 {
    text-decoration: underline;
}

.pinned-articles h1 {
    color: #fff;
    font-size: 1.125em; /*18/16*/
    left: 35px;
    margin: 0;
    position: absolute;
    text-transform: uppercase;
    top: 35px;
    z-index: 3;
}

.pinned-articles .post {
    border-right: 1px solid #fff;
    float: left;
    height: 100%;
    position: relative;
    width: 33.3333333%
}

.pinned-articles .post:nth-child(2) {
    background-color: #0090c0;
}

.pinned-articles .post:nth-child(3) {
    background-color: #00445a;
}

.pinned-articles .post:nth-child(4) {
    background-color: #00a3da;
}

.pinned-articles .post:nth-child(5) {
    background-color: #00739a;
}

.pinned-articles .post .featured-image:before {
    background: rgba(0,0,0,.45);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.pinned-articles .post.no-image .featured-image:before {
    display: none;
}

.pinned-articles .post:nth-of-type(3),
.pinned-articles .post:nth-of-type(4),
.pinned-articles .post.custom-message {
    border: none;
    height: 240px;
}

.pinned-articles .post:nth-of-type(3) {
    border-bottom: 1px solid #fff;
}

.pinned-articles .featured-image {
    display: block;
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.pinned-articles .featured-image img {
    height: auto;
    left: 50%;
    max-height: 480px;
    max-width: none;
    min-height: 100%;
    min-width: 100%;
    position: relative;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    width: auto;
    z-index: 0;
}

.pinned-articles .post:nth-of-type(3) .featured-image img,
.pinned-articles .post:nth-of-type(4) .featured-image img {
    max-height: 350px;
} 

.pinned-articles .headings,
.posts .grid-full .headings {
    bottom: 20px;
    left: 0;
    padding: 0 35px 35px;
    position: absolute;
    z-index: 3;
}

.pinned-articles .headings a,
.posts .grid-full .headings a,
.pinned-articles .custom-message h2,
.pinned-articles .custom-message h3,
.pinned-articles .custom-message p {
    color: #fff;
}

.pinned-articles h2 {
    font-size: 1.5em; /*22/16*/
    line-height: 1.08em; /*26/22*/
    margin: 0;
}

.pinned-articles h3,
.posts .grid-full .headings h3 {
    color: #fff;
    margin: 0 0 10px;
}

.pinned-articles a:hover,
.posts .grid-full:hover {
    text-decoration: none;
}

.pinned-articles a:hover h2 {
    text-decoration: underline;
}

.pinned-articles a:hover h3,
.posts .grid-full:hover .headings h3 {
    text-decoration: none;
}

/***Regular Posts***/

.posts {
    margin-top: 20px;
    padding-bottom: 60px;
}

.home .posts .container {
    -webkit-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
}

.posts h1 {
    border-bottom: 1px solid #b3b3b3;
    color: #333;
    font: 400 2.25em "Chronicle SSm A", "Chronicle SSm B"; /*36/16*/
    margin: 0 0 40px;
    text-align: center;
    width: 100%;
}

.posts h1 span {
    background: #fff;
    display: inline-block;
    padding: 0 15px;
    position: relative;
    top: 20px;
}

.posts hr {
    border: none;
    border-bottom: 1px solid #b3b3b3;
    float: left;
    margin: 34px 0;
    width: 100%;
}

.posts .post {
    float:left\0; /*tiny little ie9 hack for flexbox*/
    position: relative;
}

.posts .post,
.read-more .post {
    margin: 0 3.28%;
}

.posts .post:before,
.read-more .post:before {
    border-left: 1px solid #b3b3b3;
    content: "";
    height: 100%;
    left: -34px;
    position: absolute;
    top: 0;
    width: 1px;
}

.post .featured-image {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    color: #fff;
    float: left;
    margin-bottom: 15px;
    width: 100%;
}

.posts .post h2 {
    margin: 0 0 10px;
}

.posts .post.no-image h2 {
    font-size: 2.125em; /*34/16*/
    line-height: 1.11em; /*38/34*/
}

.posts .post h2 a {
    color: #333;
}

.posts .post h3 {
    color: #00a3da;
    margin-bottom: 5px;
}

.post p {
    color: #797979;
    line-height: 1.375em; /*22/16*/
    margin: 0 0 10px;
}

.post .meta-date {
    color: #b3b3b3;
    font: .875em "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
}

/*Lazy Load Fading*/

.lazyload {
    color: #fff;
    font-size: 0px;
    height: 0;
    opacity: 0;
    width: 0;
}

.lazyloaded {
    overflow: hidden;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.lazyloaded {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}


/*Thirds Grid*/

.posts .grid-thirds {
    width: 28.95%; /*300*/
}

.posts .grid-thirds.post1,
.posts .grid-thirds.post14,
.posts .grid-half.post3,
.posts .grid-half.post10,
.posts .grid-thirds.post5,
.posts .grid-two-thirds.post12 {
    margin-left: 0;
}

.posts .grid-thirds.post1:before,
.posts .grid-thirds.post14:before,
.posts .grid-half.post3:before,
.posts .grid-half.post10:before,
.posts .grid-thirds.post5:before,
.posts .grid-two-thirds.post12:before {
    display: none;
}

.posts .post14,
.posts .post15,
.posts .post16 {
    margin-bottom: 40px;
}

/*Half Grid*/

.posts .grid-half {
    width: 46.71%;
}

.posts .grid-half.post4,
.posts .grid-two-thirds.post6,
.posts .grid-thirds.post9,
.posts .grid-thirds.post16,
.posts .ad1,
.posts .ad2,
.posts .ad3,
.posts .grid-half.post11 {
    margin-right: 0;
}

/*Two Thirds Grid*/

.posts .grid-two-thirds {
    width: 64.47%;
}

/*Full Grid*/

.posts .grid-full {
    margin: 0;
    width: 100%;
}

.posts .grid-full:before {
    display: none;
}

.posts .grid-full .featured-image {
    margin: 0;
}

.posts .grid-full .featured-image:before {
    background: rgba(0,0,0,.45);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.posts .grid-full:before {
    z-index: 2;
}

.posts .grid-full .headings {
    z-index: 3;
}

.posts .grid-full.no-image {
    height: auto;
    min-height: 0;
}

.posts .grid-full.post7.no-image {
    background: #00445a;
}

.posts .grid-full.post13.no-image {
    background: #00a3da;
}

.posts .grid-full.no-image .featured-image {
    
}

.posts .grid-full.no-image .featured-image:before {
    display: none;
}

.posts .grid-full.no-image .headings {
    padding: 35px;
    position: static;
}

.posts .grid-full h2 {
    color: #fff;
    font-size: 2.875em; /*46/16*/
    line-height: 1.04em; /*48/46*/
}

.posts .grid-full:hover h2 {
    color: #fff;
    text-decoration: underline;
}

.posts .grid-full h3 {
    color: #fff;
}

/*Ads*/

.home .post.ad1 p,
.home .ad-full p,
.home .post.ad3 p {
    display: none;
}

.ad-full {
    width: 100%;
}

.ad-full > div {
    margin: 0 auto;
    max-width: 728px;
}

/*Job Listings*/

.posts .job-listings {
    margin-left: 0;
    padding-top: 10px;
}

.posts .job-listings:before {
    display: none;
}

.posts .job-listings h2 {
    margin: 0;
}

.posts .job-listings .content {
    float: right;
    max-width: 300px;
    width: 100%;
}

.job-listings .content {
    border: 1px solid #b3b3b3;
    padding: 0 20px 20px;
    text-align: center;
}

.job-listings h2 {
    background: #fff;
    color: #797979;
    display: inline-block;
    font: 600 1.5em "Chronicle SSm A", "Chronicle SSm B", "Georgia", serif; /*24/16*/
    margin: 0;
    padding: 0 15px;
    position: relative;
    top: -16px;
}

.job-listings ul {
    margin: -10px 0 10px;
    padding: 0;
}

.job-listings li {
    border-bottom: 1px solid #b3b3b3;
    display: block;
    list-style: none;
    text-align: left;
}

.job-listings li:last-child {
    border: none;
}

.job-listings li a {
    display: block;
    font: 700 .875em/1.42em "Gotham Narrow SSm A", "Gotham Narrow SSm B"; /*14/16, 20/14*/
    padding: 10px 0 9px 20px;
    position: relative;
}

.job-listings li a:before {
    border-right: 0 solid transparent;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #333;
    content: " ";
    height: 0;
    left: 5px;
    position: absolute;
    top: 14px;
    width: 0;
    vertical-align: top;
}

.job-listings .btn {
    background: #333;
    border: 2px solid #333;
    color: #fff;
    display: inline-block;
    font: 700 .75em "Gotham Narrow SSm A", "Gotham Narrow SSm B"; /*12/16*/
    padding: 8px;
    text-transform: uppercase;
    width: 48%;
}

.job-listings .btn + .btn {
    float: right;
}

.job-listings .btn:hover {
    background: #fff;
    color: #333;
    text-decoration: none;
}

/*Load More Button*/

.btn-more {
    background: #888;
    border: 2px solid #888;
    clear: both;
    color: #fff;
    display: block;
    font: 700 1.125em "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; /*18/16*/
    margin: 0 auto;
    max-width: 850px;
    padding: 16px 10px;
    text-align: center;
    text-transform: uppercase;
    transition: all .5s ease;
    width: 100%;
}

.btn-more:hover {
    background: #fff;
    color: #888;
    text-decoration: none;
}

.btn-more.done {
    cursor: default;
    opacity: .3;
}

.btn-more.done:hover {
    background: #888;
    color: #fff;
}

/*Email Popup*/

html .spu-bg {
    background-color: rgba(0,0,0,0.45) !important;
}

html .spu-box {
    background: #fff !important;
    border-radius: 0 !important;
    left: 50% !important;
    margin-left: -300px !important;
    padding: 0 !important;
    width: 600px !important;
}

html .spu-box .spu-content {
    padding: 40px 40px 20px;
}

html .spu-box .spu-content h1 {
    color: #333;
    font-size: 2.625em; /*42/16*/
    margin: 0 0 10px;
}

html .spu-box p,
html .spu-box ul {
    color: #797979;
    font: 400 1.125em/1.122em "Gotham Narrow SSm A", "Gotham Narrow SSm B"; /*18/16, 22/18*/
    margin: 0 0 40px;
}

html .spu-box .spu-close {
    display: block;
    right: -10px;
    top: -10px;
    width: 80px;
    height: 80px;
    padding: 5px;
    opacity: 1;
}

html .spu-box .spu-close i {
    background: url(svgs/icons.svg) no-repeat;
    background-position: 11.11111% 50%;
    background-size: 750% auto;
    background-position: 8.33333% 53% !important;
    display: block;
    height: 100%;
    text-indent: -999999px;
    width: 100%;
}

html .spu-box .spu-close i:before {
    content: "Close module";
}

html .spu-box ul {
    margin: 0 0 50px !important;
    padding: 0 12px 0 40px !important;
    text-align: center;
}

html .spu-box li {
    float: left;
    list-style: none;
    padding: 0 0.5em 0 30px;
    position: relative;
    text-align: left;
    width: 50%;
}

html .spu-box .spu-content ul.arrow-bullets.centered li:last-child {
    display: inline-block;
    margin: 0 auto;
    float: none;
    clear: left;
    width: 40%;
}

html .spu-box li:before {
    content: " ";
    display: inline-block;
    position: absolute;
    left: 14px;
    top: 4px;
    width: 0;
    height: 0;
    border-right: 0 solid transparent;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 7px solid #333;
    vertical-align: top;
}

html .spu-box .spu-content form {
    float: left;
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
    bottom: 0;
    height: 120px;
    left: 0;
    right: 0;
    margin: 1.5em -40px -20px !important;
    padding: 20px;
    position: relative;
    width: 600px;
}

html .spu-box .spu-content .subscribe-form {
    padding: 40px 20px;
}

html .spu-box .spu-content form br {
    display: none;
}

html .spu-box .spu-content .subscribe-form:before {
    left: 20px;
    top: 28px;
}

form.subscribe-form label {
    color: #797979;
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
    font-style: normal;
    font-weight: 400;
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    display: block;
    visibility: hidden;
    font-size: 12px;
    line-height: 0;
    padding: 0;
}

.ajax-loader {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 60px;
    background: url(svgs/loading-white.svg);
    background-position: -4px -2px
}

.spu-close-popup.my-custom-close {
    background: none;
    border: none;
    bottom: 70px;
    color: #ff7c0a;
    font: 300 1em "Gotham Narrow SSm A", "Gotham Narrow SSm B";
    position: absolute;
    right: 10px;  
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
}

/***Thank You Screen***/

html .spu-box .news-thank-you p {
    margin: 0 0 25px;
    padding-bottom: 125px;
}

html .spu-box .news-thank-you.news-confirmation p {
    padding-bottom: 80px;
}

.news-thank-you form {
    background: #FF7C0A;
    color: #fff;
    margin-top: 20px;
    padding: 40px 20px !important;
    text-align: center;
}

.news-thank-you form a {
    display: inline-block;
    color: #fff;
    border: none;
    border-radius: 9999px;
    width: 40px;
    height: 40px;
    padding: 5px;
    vertical-align: middle;
    margin-left: 15px;
}

.social-link.circle-icon.facebook {
    background-color: #3A579C;
}

.social-link.circle-icon.twitter {
    background-color: #4AC6F8;
}

.social-link.circle-icon .icon {
    display: block;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    width: 30px;
    height: 30px;
    background: no-repeat;
    background-image: url(svgs/icons.svg);
    background-size: 1000% auto;
}

.social-link.circle-icon.facebook .icon {
    background-position: 33.33333% 100%;
}

.social-link.circle-icon.twitter .icon {
    background-position: 44.44444% 100%;
}

/***************************************************************************************************************************************************************************************/

/*DEFAULT PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

.alignleft { 
	float: left; 
	margin: 7px 15px 0 0; 
}

.alignright { 
	float: right; 
	margin: 7px 0 0 15px; 
}

.aligncenter {
    display: block;
    margin: 0 auto 20px;
    max-width: 100%;
}

/***Parallax Header***/

.hero {
    height: 480px;
    position: relative;
}

.hero:before {
    background: rgba(0,0,0,.4);
    content: "";
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

.hero h1 {
    color: #fff;
    font-size: 3.75em; /*60/16*/
    margin: 0;
    padding: 0 20px;
    position: relative;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/***Page Styles***/

article {
    float: left;
    padding: 35px 0;
    width: 100%;
}

.page-content .container {
    max-width: 668px;
}

.page-content h1,
.secondary-content h2,
.subscription-types h2,
.read-more h1 {
    border-top: 1px solid #b3b3b3;
    font: 400 2.25em "Chronicle SSm A", "Chronicle SSm B", Georgia, serif;
    margin: 30px 0 20px;
    text-align: center;
}

.page-content h1 span,
.page-content h2 span,
.secondary-content h2 span,
.subscription-types h2 span,
.read-more h1 span {
    background: #fff;
    display: inline-block;
    padding: 0 20px;
    position: relative;
    top: -24px;
}

article p,
.secondary-content p {
    font-size: 1.125em; /*18/16*/
    line-height: 1.75em; /*28/18*/
    margin: 0 0 20px;
}

/***Callout Box***/

.callout-box {
    border: 1px solid #b3b3b3;
    float: left;
    margin: 40px -40px;
    padding: 40px;
    position: relative;
    width: 746px;
}

.callout-box h2 {
    font: 400 2.25em "Chronicle SSm A", "Chronicle SSm B", Georgia, serif;
    left: 0;
    margin: 0;
    position: absolute;
    text-align: center;
    top: -2px;
    width: 100%;
}

.callout-box h2 span {
   background: #fff;
   display: inline-block;
   padding: 0 20px;
}

.callout-box ul {
    margin: 0;
    padding: 0;
}

.callout-box li {
    border-top: 1px solid #B3B3B3;
    list-style: none;
}

.callout-box li:first-child {
    border: none;
}

.callout-box li a {
    display: block;
    font: 700 1.125em/1em "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; /*18/16*/
    padding: 15px 0 15px 30px;
    position: relative;
}

.callout-box li a:before {
    border-right: 0 solid transparent;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #333;
    content: " ";
    display: inline-block;
    height: 0;
    left: 10px;
    position: absolute;
    vertical-align: top;
    top: 17px;
    width: 0;
}

/***Secondary Content***/

.secondary-content {
    background: #f6f6f6;
    padding: 40px 0;
}

.secondary-content h2 span {
    background: #f6f6f6;
}

.secondary-content .container {
    max-width: 668px;
}

/***************************************************************************************************************************************************************************************/

/*404 PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

.error404 article {
    padding-bottom: 50px;
}

.secondary-page h1 {
    border-bottom: 1px solid #b3b3b3;
    margin: 13px 0 25px;
    padding-bottom: 5px;
}

.error404 article .searchform {
    margin: 0;
    max-width: 100%;
    width: 100%;
}

.error404 .footers,
.search-no-results .footers {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
}

/***************************************************************************************************************************************************************************************/

/*ADVERTISE PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Stats Bar***/

.stats-bar {
    background: #f6f6f6;
    padding: 20px 0 10px;
}

.stats-bar .container {
    max-width: 668px;
}

.stats-bar .stat {
    float: left;
    width: 48%;
}

.stats-bar .stat + .stat {
    float: right;
}

.stat h2 {
    color: #333;
    font-size: 1.5em; /*24/16*/
    margin: 0 0 5px;
}

.stat p {
    color: #797979;
    font: 1em "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 
    margin: 0;
}

.stat span {
    float: left;
    margin: 8px 15px 0 0;
}

.stat:nth-of-type(1) span {
    background: url('svgs/icon-monitor.svg') no-repeat;
    height: 37px;
    width: 43px;
}

.stat:nth-of-type(2) span {
    background: url('svgs/icon-mail.svg') no-repeat;
    height: 30px;
    width: 45px;
}

/***Advertise Form Styles***/

.page-template-page-advertise .secondary-content .container,
.page-id-21183 .secondary-content .container {
    max-width: 850px;
}

.secondary-content .wpcf7 {
    padding: 20px 0 40px;
}

.wpcf7 .row {
    float: left;
    margin: 0 0 40px;
    width: 100%;
}

.wpcf7 .left {
    border-right: 1px solid #b3b3b3;
    float: left;
    padding-right: 34px;
    width: 50%;
}

.wpcf7 .left span:first-of-type,
.wpcf7 .right span:first-of-type {
    display: block;
    margin-bottom: 40px;
}

.wpcf7 .right {
    float: right;
    padding-left: 34px;
    width: 50%;
}

.secondary-content .wpcf7 p {
    clear: both;
    margin: 0;
    position: relative;
}

.secondary-content .wpcf7 label {
    display: none;
}

.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 textarea,
.wpcf7 select {
    background: #fff;
    border: none;
    border-radius: 4px;
    color: #797979;
    font: 1em "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 
    height: 40px;
    padding: 0 10px;
    width: 100%;
}

.wpcf7 ::-webkit-input-placeholder { 
	color: #797979; 
}

.wpcf7 ::-moz-placeholder { 
	color: #797979; 
	opacity: 1;
}

.wpcf7 select {
    padding-right: 0;
}

.wpcf7 textarea {
    height: 256px;
    padding: 10px;
}

.wpcf7 input[type=submit] {
    background: #FF7C0A;
    border: 2px solid #FF7C0A;
    border-radius: 0;
    color: #fff;
    float: left;
    font: 1em "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
    height: 44px;
    text-transform: uppercase;
    transition: all .5s ease;
    width: 202px;
}

.wpcf7 input[type=submit]:hover {
    background: #fff;
    color: #FF7C0A;
}

.wpcf7 span.wpcf7-not-valid-tip {
    color: #FF7C0A;
    padding-top: 5px;
}

.wpcf7 div.wpcf7-response-output {
    border: 1px solid #B3B3B3;
    background: #fff;
    color: #797979;
    float: left;
    margin: 30px 0 0;
    padding: 30px;
    width: 100%;
}

.wpcf7 .wpcf7-mail-sent-ok {
    display: none !important;
}

.wpcf7-form.sent h2 {
    border: none;
    font: 700 2em/1.25 "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
    margin: 15px 0;
}

.wpcf7-form.sent p {
    color: #797979;
    font: 1.125em "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; /*18/16*/
    margin: 0;
    text-align: center;
}

div.wpcf7 img.ajax-loader {
    background: none;
    left: 220px;
    right: auto;
    top: 1px;
}

/***************************************************************************************************************************************************************************************/

/*POSTS ARCHIVE STYLES*/

/***************************************************************************************************************************************************************************************/

.archive-posts h1 {
    font: 700 3.25em "Gotham Narrow SSm A", "Gotham Narrow SSm B"; /*52.16*/
    margin: 48px 0 0;
    padding-bottom: 5px;
    text-align: left;
}

/*Posts*/

.archive-posts .post {
    border-bottom: 1px solid #b3b3b3;
    float: left;
    min-height: 0;
    margin: 0;
    padding: 35px 0;
    width: 100%;
}

.archive-posts .post:before {
    display: none;
}

.archive-posts .post .featured-image {
    float: right;
    margin-left: 20px;
    width: 200px;
}

.archive-posts .post h2 {
    font-size: 1.625em; /*26/16*/
    max-width: 70%; /*600*/
}

.archive-posts .post p {
    clear: left;
    max-width: 70%; /*600*/
}

.alm-btn-wrap {
    float: left;
    width: 100%;
}

.archive-posts.posts .btn-more {
    margin-top: 20px;
}

/*Ads*/

.archive-posts .ad {
    border-bottom: 1px solid #b3b3b3;
    float: left;
    padding: 25px 0;
    text-align: center;
    width: 100%;
}

.ad p,
.post-content .ad p,
.ad-full p,
.ad1 p,
.ad2 p,
.ad3 p {
    color: #797979;
    font: 300 10px "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif !important;
    margin: 0 0 2px;
    text-align: center;
}

/***************************************************************************************************************************************************************************************/

/*SEARCH ARCHIVE STYLES*/

/***************************************************************************************************************************************************************************************/

.search-results .posts,
.search-no-results .posts {
    padding: 50px 0 60px;
}

.search-results .posts .searchform,
.search-no-results .posts .searchform {
    margin: 0;
    max-width: 100%;
    width: 100%;
}

.results-info {
    border-bottom: 1px solid #b3b3b3;
    color: #797979;
    float: left;
    font: 300 1em "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
    padding: 10px 0 15px;
    width: 100%;
}

.results-info .sorting {
    float: right;
    font-weight: 400;
}

.results-info .sorting a {
    color: #888;
}

.results-info .sorting span {
    color: #333;
}

.no-posts {
    float: left;
    font-size: 1.5em;
    margin: 20px 0 0;
    text-align: center;
    width: 100%;
}

/***************************************************************************************************************************************************************************************/

/*SUBSCRIBE PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

.page-template-page-subscribe {
    background: #F6F6F6;
}

/***Hero***/

.subscribe-hero {
    padding: 50px 0 30px;
}

.subscribe-hero h1 {
    margin: 0 0 5px;
    text-align: center;
}

.subscribe-hero h2 {
    color: #00a3da;
    font-size: 1.875em; /*30/16*/
    font-weight: normal;
    margin: 0 0 40px;
    text-align: center;
}

.subscribe-hero img {
    color: #F6F6F6;
    float: left;
    width: 44.2%; /*458*/
}

.subscribe-hero ul {
    color: #333;
    float: right;
    margin: 30px 0 0;
    padding: 0;
    width: 50%;
}

.subscribe-hero li {
    color: #333;
    font: 300 1.375em/1.272em "Gotham Narrow SSm A", "Gotham Narrow SSm B", Arial, sans-serif; /*22/16,28/22*/
    margin: 0 0 20px;
}

.subscribe-hero li span {
    color: #888;
}

.subscribe-hero li strong {
    font-weight: bold;
}

/***Subscription Types***/

.subscription-types {
    background: #fff;
    padding: 60px 0 0;
}

.subscription-types h2 {
    margin: 0;
}

.subscription-choices {
    border-bottom: 1px solid #b3b3b3;
    float: left;
    margin-bottom: 30px; /*60px*/
    padding: 0 0 25px;
    width: 100%;
}

.subscription-choices .subscription {
    float: left;
    padding: 20px;
    text-align: center;
    width: 50%;
}

.subscription-choices .subscription:first-child {
    border-right: 1px solid #b3b3b3;
}

.subscription h3 {
    font-size: 2.25em; /*36/16*/
    margin: 0 0 5px;
}

.subscription p {
    color: #00a3da;
    font: 300 1.375em/1.272em "Gotham Narrow SSm A", "Gotham Narrow SSm B", Arial, sans-serif; /*22/16,28/22*/
    margin: 0 0 8px;
}

.subscription .btn {
    background: #ff7c0a;
    border: 2px solid #ff7c0a;
    color: #fff;
    display: inline-block;
    font: 400 1.125em "Gotham Narrow SSm A", "Gotham Narrow SSm B", Arial, sans-serif; /*18/16*/
    padding: 13px 46px 13px 36px;
    position: relative;
    text-transform: uppercase;
}

.subscription .btn:after,
.subscription .btn:before {
    content: '';
    top: 0;
    right: 15px;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(svgs/caret-right.svg);
    background-position: 95% center;
    background-repeat: no-repeat;
    background-size: auto 18px;
    opacity: 1;
    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.subscription .btn:before {
    background-image: url(svgs/caret-right-orange.svg);
}

.subscription .btn:hover {
    background: #fff;
    color: #ff7c0a;
    text-decoration: none;
}

.subscription .btn:hover::after {
    opacity: 0;
}

.group-subscriptions {
    color: #333;
    font: 400 1.375em/1.272em "Gotham Narrow SSm A", "Gotham Narrow SSm B", Arial, sans-serif; /*22/16,28/22*/
    margin: 0 0 30px;
    text-align: center;
}

/***Bottom Content***/

.bottom-subscription-content {
    padding: 50px 0 20px;
}

.bottom-subscription-content p {
    font: 400 1.375em/1.272em "Gotham Narrow SSm A", "Gotham Narrow SSm B", Arial, sans-serif; /*22/16,28/22*/
    margin: 0 0 20px;
    text-align: center;
}

/***************************************************************************************************************************************************************************************/

/*SINGLE ARTICLE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Posts Slider***/

.posts-slider {
    background: #f6f6f6;
    height: 70px;
    padding: 0 50px;
    position: relative;
}

.posts-slider .flex-viewport {
    height: 94px;
}

.posts-slider ul {
    margin: 0;
    padding: 0;
}

.posts-slider li {
    list-style: none;
}

.posts-slider .slides li {
    display: none;
    float: left;
    height: 70px;
}

.posts-slider .slides a {
    border-bottom: 3px solid transparent;
    color: #333;
    display: block;
    font: 700 .875em/1.285em "Gotham Narrow SSm A", "Gotham Narrow SSm B"; /*14/16,18/14*/
    height: 70px;
    padding: 0 0 0;
    position: relative;
}

.posts-slider .slides span {
    color: #888;
    float: left;
    font: 600 2.85em/.8 "Chronicle SSm A", "Chronicle SSm B"; /*40/14*/
    margin: 17px 20px 17px 30px;
    text-align: right;
}

.posts-slider .slides .title {
    position: relative;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}

.posts-slider li.active a {
    border-color: #888;
}

.posts-slider li.active a:after {
    border-color: #888 transparent transparent transparent; 
    border-style: solid; 
    border-width: 12px;
    bottom: -24px;
    content: "";
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}

/*Carousel Nav*/

.flex-prev,
.flex-next {
    background: #888;
    height: 100%;
    position: absolute;
    top: 0;
    width: 30px;
}

.flex-prev:hover,
.flex-next:hover {
    background: #333;
}

.flex-prev.disabled,
.flex-next.disabled,
.flex-prev.disabled:hover,
.flex-next.disabled:hover {
    background: #888;
    cursor: default;
    opacity: .5;
}

.flex-prev {
    left: 0;
}

.flex-next {
    right: 0;
}

.flex-prev span,
.flex-next span {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    border: solid transparent;
    pointer-events: none;
    border-color: transparent;
    border-width: 6px;
    margin: -6px 0 0 -3px;
}

.flex-prev span {
    border-right-color: #fff;
    border-left-width: 0;
}

.flex-next span {
    border-left-color: #fff;
    border-right-width: 0;
}

/***Ad***/

.leaderboard-ad {
    float: left;
    margin-top: 40px;
    text-align: center;
    width: 100%;
}

/***Top Content***/

.single-article {
    margin-top: 40px;
}

.single-article h1 {
    margin: 0 0 10px;
}

.single-article .meta {
    color: #797979;
    font-size: .875em; /*14/16*/
    font-weight: 600;
    margin: 0 0 20px;
}

.single-article .meta span {
    color: #b3b3b3;
    font-weight: 400;
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
}

.single-article article {
    float: left;
    padding: 0;
    position: relative;
    width: 64.47%; /*668*/
}

article .featured-image {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}

.wp-caption-text,
.post-content .wp-caption-text {
    color: #b3b3b3;
    font: .6875em/1.36em "Gotham Narrow SSm A", "Gotham Narrow SSm B", Arial, sans-serif; /*11/16, 15/11*/
    margin: 5px 0 25px;
    padding-right: 10px;
}

/*Post Content Styles*/

.post-content {
    float: right;
    width: 86.52%; /*578*/
}

.post-content p,
.post-content ol,
.post-content li {
    color: #333;
    font-size: 1.125em; /*18/16*/
    line-height: 1.55em; /*28/18*/
    margin: 0 0 25px;
}

.post-content blockquote {
    border-top: 7px solid #333;
    border-bottom: 1px solid #b3b3b3;
    margin: 0 0 20px;
    padding: 15px 0;
}

.post-content blockquote p {
    color: #333;
    font-size: 1.375em; /*22/16*/
    line-height: 1.36em; /*30/22*/
    font-weight: 600;
    margin: 0;
}

.post-content .ad {
    float: left;
    margin: 10px 0 30px;
    text-align: center;
    width: 100%;
}

.comments-open {
    float: left;
    padding: 0 0 20px 90px;
    width: 100%;
}

.more-category {
    color: #ff7c0a;
    float: left;
    font: 700 1.375em "Gotham Narrow SSm A", "Gotham Narrow SSm B", Arial, sans-serif; /*22*/
}

.more-category:hover {
    color: #ff7c0a;
}

.more-category .chevron {
    background: url('svgs/chevron.svg') no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 32px;
    vertical-align: middle;
    width: 30px;
}

.view-comments {
    color: #333;
    float: right;
    font: 700 1.375em "Gotham Narrow SSm A", "Gotham Narrow SSm B", Arial, sans-serif; /*22*/
}

.view-comments:hover {
    color: #333;
    text-decoration: underline;
}

.view-comments:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 9px;
    position: relative;
    top: -3px;
    border-style: solid;
    border-width: 9px 9px 0 9px;
    border-color: #333 transparent transparent transparent;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.view-comments.active:before {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
} 

/*Sharing Links*/

.sharing-links {
    position: absolute;
    left: auto;
    top: auto;
    width: 40px;
    z-index: 5;
}

.sharing-links.mobile,
.print-tagline {
    display: none;
}

.sharing-links a {
    display: block;
    margin-bottom: 10px;
}

.sharing-links a:hover {
    opacity: .5;
    text-decoration: none;
}

.sharing-links span {
    display: block;
    color: #fff;
    border: none;
    border-radius: 200%;
    width: 40px;
    height: 40px;
    padding: 5px;
    text-indent: -99999px;
    background: no-repeat;
    background-image: url(svgs/icons.svg);
    background-size: 1000% auto;
}

.sharing-links .facebook span {
    background-position: 33.33333% 100%;
    background-color: #3A579C;
}

.sharing-links .twitter span {
    background-position: 44.44444% 100%;
    background-color: #4AC6F8;
}

.sharing-links .google span {
    background-position: 55.55556% 100%;
    background-color: #dd4b39;
}

.sharing-links .linkedin span {
    background-position: 66.66667% 100%;
    background-color: #0077b5;
}

.sharing-links .pinterest span {
    background-position: 77.77778% 100%;
    background-color: #Be2126;
}

.sharing-links .email span {
    background-color: #fff;
    background-position: 88.88889% 50%;
    position: relative;
}

.sharing-links .email span:before {
    border: 1px solid #B3B3B3;
    border-radius: 200%;
    content: "";
    height: 100%;
    left: -1px;
    position: absolute;
    top: 0;
    width: 100%;
}

.sharing-links .share-count {
    display: block;
    color: #797979;
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    padding: 0.25em 0 0;
}

/*Comments*/

#comments {
    display: none;
    float: left;
    max-width: 668px;
    width: 100%;
}

#comments .notice {
    border-top: 2px solid #EBEEEF;
    border-bottom: 2px solid #EBEEEF;
    color: #CCD3D7;
    font: 400 .75em "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; /*12/16*/
    text-transform: uppercase;
    margin-bottom: 10px;
    padding: 10px 0;
}

/***Sticky Sidebar***/

.mobile-sidebar,
.ad .mobile {
    display: none;
}

.sticky-container {
    float: left;
    position: relative;
    width: 100%;
}

aside {
    float: right;
    width: 28.95%; /*300*/
}

aside .ad {
    float: left;
    height: 250px;
    margin-bottom: 50px;
    width: 100%;
}

aside .job-listings {
    background: #fff;
    max-width: 300px;
    margin-bottom: 30px;
    right: auto;
    position: absolute;
    top: 300px;
    width: 100%;
}

/***Read More***/

.read-more {
    background: #f6f6f6;
    padding: 40px 0 60px;
}

.read-more .container {
    -webkit-align-items: stretch;
    align-items: stretch;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.read-more h1 {
    border-bottom: none;
    margin-bottom: 0;
}

.read-more h1 span {
    background: #f6f6f6;
}

.read-more .post {
    margin-bottom: 40px;
}

.read-more .post:first-of-type {
    margin-left: 0;
}

.read-more .post:first-of-type::before {
    display: none;
}

.read-more .post:last-of-type {
    margin-right: 0;
}

/***************************************************************************************************************************************************************************************/

/*MQ MIN-WIDTH 1300*/

/***************************************************************************************************************************************************************************************/

@media only screen and (min-width: 81.25em) {
    
    /*Homepage*/
        
    .pinned-articles .featured-image img,
    .pinned-articles .post:nth-of-type(3) .featured-image img, .pinned-articles .post:nth-of-type(4) .featured-image img {
        max-height: none;
    }
    
}

/***************************************************************************************************************************************************************************************/

/*MQ MIN-HEIGHT 1200*/

/***************************************************************************************************************************************************************************************/

@media only screen and (min-height: 75em) {
    
    .page-template-page-subscribe article {
        padding-bottom: 50px;
    }
    
    .page-template-page-subscribe .footers {
        bottom: 0;
        left: 0;
        position: absolute;
        width: 100%;
    }
    
}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 1100*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 68.75em) {
    
    .container {
        padding: 0 22px;
    }
    
    .stats-bar .container,
    .newsletter .container,
    .page-content .container,
    .secondary-content .container {
        padding: 0;
    }
    
    .page-template-page-advertise .secondary-content .container, 
    .page-id-21183 .secondary-content .container {
        padding: 0 20px;
    }

    /*Header*/
    
    header li a {
        padding: 5px 15px;
    }
    
    /*Footer*/
    
    footer .container {
        padding: 0 10px;
    }
    
    /*Home*/
    
    .posts .post, 
    .read-more .post {
        margin: 0 2.04%;
    }
    
    .posts .post.grid-full {
        margin: 0;
    }
    
    .archive-posts.posts .post {
        margin: 0;
    }
    
    .posts .grid-thirds {
        width: 30.61%;
    }
    
    .posts .grid-half {
        width: 47.95%;
    }
    
    .posts .grid-two-thirds {
        width: 65.3%;
    }
    
    .posts .ad1,
    .posts .ad3 {
        margin-right: 0;
    }
    
    .posts .post:before, 
    .read-more .post:before {
        left: -20px;
    }
    
    .posts .job-listings {
        margin-left: 0;
    }
    
    .btn-more {
        margin-top: 35px;
    }
    
    /*Single Post*/
    
    .single-article article {
        width: 64.89%;
    }
    
    .read-more .post {
        margin-bottom: 0;
    }
    
    aside {
        width: 30.61%;
    }
    
    /*Sub Pages*/
    
    .hero {
        background-attachment: scroll !important;
        background-position: center !important;
    }

}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 980*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 61.25em) {
    
    .container {
        padding: 0 20px;
    }
    
    /*Header*/
    
    #menu-top {
        display: none;
    }
    
    .searchform {
        width: 88%;
    }
    
    .searchform input[type=text] {
        width: 85%;
    }
    
    /*Homepage*/
    
    .pinned-articles h1 {
        left: 20px;
    }
    
    .pinned-articles .post,
    .pinned-articles .post:nth-of-type(3), 
    .pinned-articles .post:nth-of-type(4) {
        height: 50%;
        width: 50%;
    }
    
    .pinned-articles .post:nth-of-type(1),
    .pinned-articles .post:nth-of-type(2) {
        border-bottom: 1px solid #fff;
    }
    
    .pinned-articles .post:nth-of-type(2) {
        border-right: none;
    }
    
    .pinned-articles .post:nth-of-type(3) {
        border-bottom: none;
        border-right: 1px solid #fff;
    }
    
    .pinned-articles .post:nth-of-type(3) .featured-image img,
    .pinned-articles .post:nth-of-type(4) .featured-image img {
        max-height: 480px;
    } 
    
    .pinned-articles .headings,
    .posts .grid-full .headings {
        padding: 20px;
    }
    
    .posts .grid-full .headings h2 {
        margin-bottom: 0;
    }
    
    .home .posts h1 {
        -webkit-order: 0;
        order: 0;
        width: 100%;
    }
    
    .posts .post.no-image h2,
    .posts .grid-full h2 {
        font-size: 1.5em;
        line-height: 1.08em;
    }
    
    .posts .post, 
    .read-more .post {
        margin: 0 2.74%;
    }
    
    .read-more .post {
        margin-bottom: 0;
    }
    
    .posts .post:before, 
    .read-more .post:before {
        left: -21px;
    }
    
    .posts .grid-thirds {
        width: 29.67%;
    }
    
    .post .featured-image img {
        width: 100%;
    }
    
    /*Row 1*/
    
    .home .posts .post1 {
        -webkit-order: 1;
        order: 1;
        width: 47.25%;
    }
    
    .home .posts .ad1 {
        margin-right: 0;
        -webkit-order: 2;
        order: 2;
        width: 47.25%;
    }
    
    .home .posts hr:first-of-type {
        -webkit-order: 3;
        order: 3;
    }
    
    /*Row 2*/
    
    .home .posts .post2 {
        margin-left: 0;
        -webkit-order: 4;
        order: 4;
        width: 29.67%;
    }
    
    .home .posts .post2:before {
        display: none;
    }
    
    .home .posts .grid-half.post3 {
        margin-left: 2.74%;
        -webkit-order: 5;
        order: 5;
        width: 29.67%;
    }
    
    .home .posts .grid-half.post3:before {
        display: block;
    }
    
    .home .posts .post4 {
        -webkit-order: 6;
        order: 6;
        width: 29.67%;
    }
    
    .home .posts hr:nth-of-type(2) {
        -webkit-order: 7;
        order: 7;
    }
    
    /*Row 3*/
    
    .home .posts .post5 {
        -webkit-order: 8;
        order: 8;
        width: 29.67%;
    }
    
    .home .posts .post6 {
        -webkit-order: 9;
        order: 9;
        width: 64.83%;
    }
    
    .home .posts hr:nth-of-type(3) {
        -webkit-order: 10;
        order: 10;
    }
    
    /*Row 4*/
    
    .home .posts .ad-full {
        -webkit-order: 11;
        order: 11;
    }
    
    .home .posts hr:nth-of-type(4) {
        -webkit-order: 12;
        order: 12;
    }
    
    /*Row 5*/
    
    .home .posts .post7 {
        -webkit-order: 13;
        order: 13;
    }
    
    .home .posts hr:nth-of-type(5) {
        -webkit-order: 14;
        order: 14;
    }
    
    /*Row 6*/
    
    .home .posts .job-listings {
        margin-left: 0;
        -webkit-order: 15;
        order: 15;
        width: 47.25%;
    }
    
    .home .posts .post8 {
        margin-right: 0;
        -webkit-order: 16;
        order: 16;
        width: 47.25%;
    }
    
    .home .posts hr:nth-of-type(6) {
        -webkit-order: 17;
        order: 17;
    }
    
    /*Row 7*/
    
    .home .posts .grid-thirds.post9 {
        margin: 0 2.74% 0 0;
        -webkit-order: 18;
        order: 18;
        width: 29.67%;
    }
    
    .home .posts .grid-thirds.post9:before {
        display: none;
    }
    
    .home .posts .grid-half.post10 {
        margin-left: 2.74%;
        -webkit-order: 19;
        order: 19;
        width: 29.67%;
    }
    
    .home .posts .grid-half.post10:before {
        display: block;
    }
    
    .home .posts .post11 {
        margin-right: 0;
        -webkit-order: 20;
        order: 20;
        width: 29.67%;
    }
    
    .home .posts hr:nth-of-type(7) {
        -webkit-order: 21;
        order: 21;
    }
    
    /*Row 8*/
    
    .home .posts .post12 {
        -webkit-order: 22;
        order: 22;
        width: 47.25%;
    }
    
    .home .posts .ad3 {
        margin-right: 0;
        -webkit-order: 23;
        order: 23;
        width: 47.25%;
    }
    
    .home .posts hr:nth-of-type(8) {
        -webkit-order: 24;
        order: 24;
    }
    
    /*Row 9*/
    
    .home .posts .post13 {
        -webkit-order: 25;
        order: 25;
    }
    
    .home .posts hr:nth-of-type(9) {
        -webkit-order: 26;
        order: 26;
    }
    
    /*Row 10*/
    
    .home .posts .post14 {
        -webkit-order: 27;
        order: 27;
    }
    
    .home .posts .post15 {
        -webkit-order: 28;
        order: 28;
    }
    
    .home .posts .post16 {
        -webkit-order: 29;
        order: 29;
    }
    
    .home .posts .btn-more {
        -webkit-order: 30;
        order: 30;
        width: 100%;
    }
    
    /*Single Post*/
    
    .single-article article {
        width: 100%;
    }
    
    .single-article .container {
        max-width: 668px;
        padding: 0;
    }
    
    .sharing-links,
    .post-content {
        width: 100%;
    }
    
    .sharing-links {
        margin-bottom: 20px;
        position: static !important;
    }
    
    .sharing-links.mobile,
    .ad .mobile {
        display: block;
    }
    
    .sharing-links a {
        display: inline-block;
        margin-right: 10px;
        vertical-align: top;
    }
    
    .single-article .wp-post-image {
        display: block;
        margin: 0 auto;
    }
    
    .comments-open {
        padding-left: 0;
    }
    
    aside {
        display: block;
        float: none;
        margin: 0 auto;
        max-width: 640px;
        width: 100%;
    }
    
    aside .ad {
        float: left;
        width: 300px;
    }
    
    aside .job-listings {
        float: right;
        position: static !important;
        width: 300px;
    }
    
    .read-more {
        margin: 0;
        padding-top: 20px;
    }
}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 900*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 56.25em) {
    
    /*Footer*/
    
    .newsletter .container {
        padding: 0 20px;
    }
    
    .subscribe-form,
    .captcha-form {
        right: 20px;
        width: 55%;
    }
    
    .news-footer-thank-you {
        padding: 12px 20px 0;
    }
    
    .subscribe-form .news-thank-you {
        margin-top: -15px;
    }
    
    .subscribe-form input[type=email], 
    .subscribe-form input[type=text] {
        width: 70%;
    }
    
    .subscribe-form input[type=submit] {
        width: 28%;
    }
    
    /*Archive*/
    
    .archive-posts .post h2,
    .archive-posts .post p {
        max-width: 100%;
    }
    
    /*About*/
    
    .hero h1 {
        font-size: 2.25em; /*36/26*/
    }
    
    article p, 
    .secondary-content p,
    .callout-box li a {
        font-size: 1em;
    }
    
    .callout-box {
        margin: 20px 0;
        width: 100%;
    }
    
    /*Subscribe*/
    
    .subscribe-hero h1 {
        font-size: 2em;
    }
    
    .subscribe-hero h2 {
        font-size: 1.5em;
    }
        
    .subscription-types h2 {
        font-size: 1.8em;
    }
    
    .subscription h3 {
        font-size: 1.5em;
    }
    
    .subscribe-hero li,
    .subscription p,
    .group-subscriptions,
    .bottom-subscription-content p {
        font-size: 1em;
    }
    
}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 750*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 46.875em) {
    
    h2,
    .pinned-articles h2,
    .posts .post.no-image h2,
    .posts .grid-full h2 {
        font-size: 1em;
        line-height: 1.125em; /*18/16*/
    }
    
    h3 {
        font-size: .75em; /*12/16*/
    }
    
    /*Header*/
    
    header + * {
        margin-top: 51px !important;
    }
    
    header .logo {
        display: block;
        float: none;
        margin: 13px auto 6px;
        padding: 0;
        width: 190px;
    }
    
    header .logo span,
    header .right-menu {
        display: none;
    }
    
    header .nav-open {
        height: 50px;
        width: 50px;
    }
    
    nav,
    .search-dropdown {
        top: 52px;
    }
    
    /*Footer*/
    
    footer p,
    footer ul {
        text-align: center;
        width: 100%;
    }
    
    footer ul {
        margin-top: 20px;
    }
    
    /*Homepage*/
    
    .posts,
    .search-results .posts,
    .search-no-results .posts {
        padding-bottom: 40px
    }
    
    .pinned-articles {
        height: auto;
    }
    
    .pinned-articles .post, 
    .pinned-articles .post:nth-of-type(3), 
    .pinned-articles .post:nth-of-type(4) {
        border-right: none;
        border-bottom: 1px solid #fff;
        height: 200px;
        width: 100%;
    }
    
    .pinned-articles .post:nth-of-type(4) {
        border: none;
        height: 199px;
    }
    
    .pinned-articles .featured-image img,
    .pinned-articles .post:nth-of-type(3) .featured-image img,
    .pinned-articles .post:nth-of-type(4) .featured-image img {
        max-height: none;
    } 
    
    .home .posts h1 {
        font-size: 2em; /*32/16*/
        -webkit-order: 1;
        order: 1;
    }
    
    .home .posts hr {
        display: none;
    }
    
    .home .posts .post:not(.grid-full),
    .home .posts .ad-full,
    .read-more .post {
        border-bottom: 1px solid #b3b3b3 !important;
        min-height: 0 !important;
        margin: 0 0 20px !important;
        padding: 0 0 20px !important;
        width: 100% !important;
    }
    
    .posts .post:not(.grid-full):before,
    .home .posts .ad-full:before {
        display: none;
    }
    
    .posts .post.grid-full {
        margin-bottom: 40px;
    }

    .posts .post.grid-full:before {
        background: none;
        border-left: 0;
        border-bottom: 1px solid #b3b3b3;
        bottom: -20px;
        content: "";
        display: block;
        height: auto;
        left: 0;
        position: absolute;
        top: auto;
        width: 100%;
    }
    
    .home .posts .post.ad1 {
        border: none !important;
        padding: 0 !important;
        text-align: center;
    }
    
    .home .posts .ad1 {
        -webkit-order: 0;
        order: 0;
    }
    
    .home .posts .post7 {
        -webkit-order: 11;
        order: 11;
    }
    
    .home .posts .post8 {
        -webkit-order: 12;
        order: 12;
    }
    
    .home .posts .ad-full {
        -webkit-order: 13;
        order: 13;
    }
    
    .home .posts .post.ad3 {
        border: none !important;
        margin: 0 !important;
        padding: 20px 0 40px !important;
        text-align: center;
        -webkit-order: 31;
        order: 31;
    }
    
    .home .post.ad1 p,
    .home .ad-full p,
    .home .post.ad3 p {
        display: block;
    }
    
    .home .posts .post.job-listings {
        border: none !important;
        margin: 0 auto !important;
        max-width: 300px;
        padding: 0 !important;
        -webkit-order: 32;
        order: 32;
    }
    
    .home .posts .ad-full {
        text-align: center;
    }
    
    .post p {
        font-size: .8125em; /*13/16*/
        line-height: 1.23em; /*16/13*/
    }
    
    .post .meta-date {
        font-size: .75em; /*12/16*/
    }
    
    .posts .post:not(.grid-full) .featured-image {
        float: right;
        margin: 0 0 20px 20px;
        max-width: 135px;
        width: 48.21%;
    }
    
    .home .posts .btn-more {
        margin: 0 0 20px;
    }
    
    /*Default Pages*/
    
    article h1,
    .single-article h1 {
        font-size: 2em;
    }
    
    /*About*/
    
    .hero {
        height: 250px;
    }
    
    .page-content .container,
    .secondary-content .container {
        max-width: 100%;
        padding: 0 20px;
    }
    
    .page-content h1, 
    .secondary-content h2,
    .callout-box h2,
    .subscription-types h2 {
        font-size: 1.8em;
    }
    
    .page-content h1 span, 
    .page-content h2 span, 
    .secondary-content h2 span,
    .subscription-types h2 span {
        top: -19px;
    }
    
    .callout-box h2 {
        top: -4px;
    }
    
    /*Advertise*/
    
    .stats-bar {
        padding: 10px 0 0;
        text-align: center;
    }
    
    .stats-bar .stat {
        display: inline-block;
        float: none;
        margin-bottom: 10px;
        padding: 0 10px;
        text-align: center;
        width: auto;
    }
    
    .stats-bar .stat + .stat {
        float: none;
    }
    
    .stat span {
        background-size: 32px auto !important;
        display: block;
        float: none;
        margin: 0 auto;
        width: 32px !important;
    }
    
    .stat h2 {
        font-size: 1.2em;
        margin: 0;
    }
    
    .stat p {
        font-size: .875em;
    }
    
    .wpcf7 .left,
    .wpcf7 .right {
        border: none;
        padding: 0;
        width: 100%;
    }
    
    .wpcf7 .left {
        margin-bottom: 40px;
    }
    
    /*Posts Archive*/
    
    .archive-posts h1 {
        font-size: 2em; /*32/16*/
        margin-top: 20px;
    }
    
    .archive-posts .btn-more {
        margin-top: 20px;
    }
    
    .archive-posts .post,
    .archive-posts .ad {
        padding: 20px 0;
    }
    
    .archive-posts .post h2 {
        float: none;
        font-size: 1em;
        line-height: 1.125em; /*18/16*/
    }
    
    .archive-posts .post .featured-image {
        float: right;
        margin-left: 20px;
        position: static;
        width: 135px;
    }
    
    .archive-posts .post p {
        max-width: 100%;
    }
    
    /*Subscribe*/
    
    .subscription-types {
        padding-top: 30px;
    }
    
    .subscribe-hero {
        padding-top: 20px;
    }
    
    .subscribe-hero img {
        display: block;
        float: none;
        margin: 0 auto;
        max-width: 100%;
        width: auto;
    }
    
    .subscribe-hero ul {
        padding: 0 30px;
        width: 100%;
    }
    
    .subscription-choices {
        border: none;
        padding: 0;
		/*margin-bottom: 30px;*/
    }
    
    .subscription-choices .subscription {
        border-bottom: 1px solid #b3b3b3;
        width: 100%;
    }
    
    .subscription-choices .subscription:first-child {
        border-right: none;
        padding-top: 0;
    }
    
    /*Single Posts*/
    
    .posts-slider {
        display: none;
    }
    
    .leaderboard-ad {
        margin-top: 72px;
    }
    
    .view-comments,
    .more-category {
        display: block;
        float: none;
    }
    
    .view-comments {
        margin-top: 20px;
    }
    
    .view-comments:before {
        left: -4px;
    }
    
    .read-more {
        padding-bottom: 20px;
    }
    
    .read-more .btn-more {
        margin-top: 0;
    }
        
    .mobile-sidebar {
        margin: 20px 0 40px;
    }
    
    aside .ad,
    aside .job-listings {
        clear: both;
        display: block;
        float: none;
        margin: 0 auto;
        max-width: 300px;
        width: 100%;
    }
    
    aside .ad {
        margin-bottom: 56px;
    }
    
    /*Search*/
    
    .search-results .posts,
    .search-no-results .posts {
        padding-top: 20px;
    }
    
    .results-info .sorting {
        margin-top: 10px;
        width: 100%;
    }
}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 700*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 43.75em) {
    
    /*Footer*/
    
    .newsletter {
        padding: 30px 0;
    }
    
    .subscribe-form,
    .captcha-form {
        bottom: 0;
        margin-top: 30px;
        position: relative;
        right: 0;
        width: 100%;
    }
    
    /*nav*/
    
    nav {
        width: 100%;
    }
    
    /*Single Post*/
    
    .single-article h1,
    .single-article .meta,
    .sharing-links,
    article > .wp-caption-text,
    .post-content,
    .comments-open,
    #comments {
        padding: 0 20px;
    }
    
    .comments-open {
        margin-top: 0;
        padding-bottom: 30px;
    }
    
    .sharing-links {
        margin-bottom: 15px;
    }
    
    .post-content .alignleft .wp-caption-text,
    .post-content .alignright .wp-caption-text {
        padding: 0;
    }
    
    .mobile-sidebar {
        display: block;
        float: left;
        margin: 18px 0 38px;
        padding: 0 20px;
        width: 100%;
    }
    
    /*Advertise*/
    
    .stats-bar .stat {
        width: 100%;
    }
    
    .stats-bar .stat:first-of-type {
        margin-bottom: 15px;
    }
}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-HEIGHT 675*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-height: 42.1875em) {

    .error404 .footers,
    .search-no-results .footers {
        position: static;
    }
}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 650*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 40.625em) {
    
    /*Home*/
    
    html .spu-box {
        left: 0 !important;
        margin: 0 2% !important;
        width: 96% !important;
    }
    
    html .spu-box .spu-content {
        padding: 30px 0 0;
    }
    
    html .spu-box .spu-content h1 {
        font-size: 2em;
        padding: 0 20px;
    }
    
    html .spu-box p, 
    html .spu-box ul {
        font-size: 1em;
        padding: 0 20px;
    }
    
    html .spu-box .spu-content form {
        margin: 0 !important;
        width: 100%;
    }
    
}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 530*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 33.125em) {
    
    /*Nav*/
    
    .search-dropdown .icon-close {
        position: absolute;
        right: 0;
    }
    
    /*Home*/
    
    html .spu-box li,
    html .spu-box .spu-content ul.arrow-bullets.centered li:last-child {
        width: 100%;
    }
    
    /*Footer*/
    
    .newsletter .subscribe-form {
        height: auto;
        min-height: 95px;
        padding: 10px 20px;
    }
    
    .newsletter .subscribe-form .inner-form {
        margin-top: 20px;
    }
    
    .news-footer-thank-you {
        padding: 10px 20px;
    }
    
    .newsletter .ajax-loader {
        right: 10px;
        top: 0;
    }
    
    .newsletter .subscribe-form .news-thank-you {
        margin: 0;
    }
    
    
    .newsletter h2 {
        font-size: 2.5em;
    }
    
    .newsletter input[type=email], 
    .newsletter input[type=text] {
        width: 68%;
    }
    
    .newsletter input[type=submit] {
        width: 30%;
    }
    
    /*404*/
    
    .searchform input[type=text] {
        font-size: 1.5em;
        width: 75%;
    }
    
    /*About*/
    
    article {
        padding-top: 15px;
    }
    
    .hero h1 {
        font-size: 1.5em;
    }
    
    .page-content h1, 
    .secondary-content h2, 
    .callout-box h2,
    .subscription-types h2 {
        font-size: 1.3em;
    }
    
    .page-content h1 span, 
    .secondary-content h2 span, 
    .subscription-types h2 span {
        top: -14px;
    }
    
    .page-content h2 span {
        top: -10px;
    }
    
    .callout-box {
        padding: 40px 20px 20px;
    }
    
    article p, 
    .secondary-content p, 
    .callout-box li a {
        font-size: .875em;
    }
    
    /*Single Posts*/
    
    .alignleft,
    .alignright {
        max-width: 135px;
    }
    
    .sharing-links a {
        margin-right: 4px;
    }
    
    .sharing-links a:last-of-type {
        margin-right: 0;
    }
    
}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 400*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 25em) {
    
    /*Header*/
    
    header .logo {
        width: 175px;
    }    
    
    nav,
    .search-dropdown {
        top: 51px;
    }
    
    /*Footer*/
    
    .newsletter .container {
        padding: 0;
    }
    
    .newsletter h2 {
        font-size: 1.5em;
        padding: 0 20px;
    }
    
    .newsletter input[type=email], 
    .newsletter input[type=text],
    .subscribe-form input[type=email], 
    .subscribe-form input[type=text] {
        font-size: 16px;
        height: 35px;
        padding: 0 10px 0 35px;
    }
    
    .newsletter form:before {
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }
    
    .newsletter input[type=submit],
    .subscribe-form input[type=submit] {
        font-size: .75em;
    }
    
    .news-footer-thank-you p {
        font-size: .875em;
    }
    
    footer li {
        margin: 0 5px;
    }
    
    footer a,
    footer p {
        font-size: .875em;
    }
    
    /*Home*/
    
    html .spu-box p {
        margin-bottom: -10px;
    }
    
    html .spu-box {
        height: 354px !important;
    }
    
    html .spu-box .spu-content form {
        bottom: -10px;
        height: 88px;
        left: 0;
        position: absolute;
    }
    
    html .spu-box .spu-content .news-confirmation form {
        padding: 26px 20px !important;
    }
    
    html .spu-box .spu-content .subscribe-form {
        padding: 30px 20px;
    }
        
    html .spu-box .spu-content #captcha-popup {
        padding: 5px 0;
        text-align: center;
    }
    
    html .spu-box .spu-content.news-thank-you form {
        margin-top: 0 !important;
        padding: 26px 20px !important;
    }
    
    html .spu-box .news-thank-you p {
        margin: 0;
        padding-bottom: 97px;
    }

}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 330*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 20.625em) {
    
    /*Nav*/
    
    .searchform input[type=text] {
        width: 70%;
    }
    
    /*Home*/
    
    .home .posts .post.ad1 > div,
    .home .posts .post.ad3 > div,
    .posts .post.ad1 > div,
    .posts .post.ad3 > div,
    .post-content .ad > div,
    aside .ad > div,
    .archive-posts .ad > div {
        margin-left: -10px !important;
        min-width: 300px;
    }
    
    .home .posts .ad-full > div,
    .posts .ad-full > div {
        margin-left: -20px !important;
    }
}

/***************************************************************************************************************************************************************************************/

/*IOS*/

/***************************************************************************************************************************************************************************************/

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select:focus,
  textarea:focus,
  input:focus {
    font-size: 16px;
  }
}

/***************************************************************************************************************************************************************************************/

/*PRINT STYLES*/

/***************************************************************************************************************************************************************************************/

@media print {
    
    html.wordpress, 
    html body {
        height: auto !important;
        margin: 0;
        min-height: auto !important;
    }
    
    html body {
        padding: 0 5%;
    }
    
    html.wordpress, 
    html body,
    html body * {
        color: #333 !important;
        float: none !important;
        font: 1em Georgia, serif !important;
        overflow: visible !important;
        position: static !important;
        max-width: 100% !important;
    }
    
    .container {
        margin: 0;
        max-width: 100%;
    }
    
    header {
        border-top: 10px solid #333;
        border-bottom: 2px solid #b3b3b3;
        margin: 20px 0 0;
        padding: 15px 0;
        position: static;
    }
    
    header .nav-open,
    header .right-menu,
    .posts-slider,
    .leaderboard-ad,
    .ad,
    aside,
    .sharing-links,
    .read-more,
    .comments-open,
    .newsletter,
    footer,
    .single-article img ,
    nav,
    .wp-caption-text,
    .content-jump,
    header .logo span {
        display: none;
    }
    
    .single-article article,
    .post-content {
        width: 100%;
    }
    
    html body .print-tagline {
        display: block;
        float: left;
        font: 1em Georgia, serif !important;
        width: 100%;
    }
    
    html body .single-article h1 {
        font: 700 2em Arial, sans-serif !important;
    }
    
    html body .single-article h2 {
        font: 700 1.5em Arial, sans-serif !important;
    }
    
    html body .meta {
        color: #797979;
    }
    
    html body .meta span {
        color: #b3b3b3;
    }
}