@charset "UTF-8";
/* CSS Document */
@-ms-viewport {
  width: device-width;
  zoom: 1;
}
:root {
  --charcoal: #333333;
  --blue: #00548e;
  --greyLight: #e6e6e6;
  --greyText: #595959;
  --greyTextLight: #7f7f7f;
  --red: red;
  --padding: clamp(10px, 4.1666666667vw, 32px);
  --paddingNeg: clamp(-32px, -4.1666666667vw, -10px);
  --paddingFixed: 32px;
  --sourceSansFS: Source Sans Pro, sans-serif;
  --playfairFS: Caladea, serif;
  --letterSpacing: 0.12em;
  --gridColumnSide: 1.13fr;
  --gridColumnMain: 2.73fr;
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

body {
  padding-top: 70px;
  font-size: 16px;
  font-family: var(--playfairFS);
  font-weight: 400;
  color: black;
}
body b, body strong {
  font-weight: 700;
}
body i, body em, body .ital {
  font-style: italic;
}

hr {
	border-top: 1px solid var(--charcoal);
	margin: 0px 0 15px 0;
}

ol, ul {
  list-style: none;
}

a {
  text-decoration: none;
  border: none;
  outline: none;
  color: inherit;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1);
}
a img {
  border: none;
  transition: opacity 0.4s cubic-bezier(0.86, 0, 0.07, 1);
}
a:hover img, a:active img {
  /* opacity: 0.5; */
}

p, .p {
  font: 400 1em/1.4666666667 var(--playfairFS);
  margin-bottom: 20px;
}
p a, .p a, .body li a {
  color: var(--blue);
}

address {
  font: 400 1em/1.4666666667 var(--playfairFS);
}

img {
  display: block;
  width: 100%;
  height: auto;
}

h1, .h1 {
  font: 700 clamp(36px, 4.39453125vw, 45px)/1.2 var(--playfairFS);
  text-transform: none;
  margin-bottom: 0.2222222222em;
}

h1 .volumeIss {
  font: 300 clamp(20px, 4.39453125vw, 30px)/1.2 var(--sourceSansFS);
}

h2, .h2 {
  font: 700 1.8666666667em/1.2857142857 var(--playfairFS);
  text-transform: none;
  margin-bottom: 0.3571428571em;
}

h3, .h3 {
  font: 400 1.2em/1.4444444444 var(--playfairFS);
  text-transform: none;
  margin-bottom: 0.1785714286em;
}

h4, .h4 {
  font: 300 1em/1.4666666667 var(--sourceSansFS);
  text-transform: none;
  color: var(--greyText);
  margin-bottom: 0.3333333333em;
  -webkit-text-size-adjust: none;
}

h5, .h5 {
  font: 700 14px/1.5714285714 var(--sourceSansFS);
  text-transform: uppercase;
  margin-bottom: 0.3571428571em;
  -webkit-text-size-adjust: none;
}

h6, .h6 {
  font: 400 1.0666666667em/1.25 var(--sourceSansFS);
  text-transform: none;
  margin-bottom: 0.625em;
}

.h6large {
  font: 700 1.4em/1.5 var(--sourceSansFS);
  text-transform: none;
  letter-spacing: 0.05em;
  margin-bottom: 0.4761904762em;
}

.subTitle {
  font: 300 2.1333333333em/1.09375 var(--sourceSansFS);
  color: var(--greyText);
  text-transform: none;
  margin-bottom: 0.625em;
}

.subTitle.small {
  font: 300 1.1333333333em/1.09375 var(--sourceSansFS);
}

.updatedDate {
  font: 300 1em/1.4666666667 var(--sourceSansFS);
  font-style: italic;
  color: var(--red);
  margin-bottom:10px;
}
p a:hover, p a:active, li a:hover, li a:active, h1 a:hover, h1 a:active, .h1 a:hover, .h1 a:active, h2 a:hover, h2 a:active, .h2 a:hover, .h2 a:active, h3 a:hover, h3 a:active, .h3 a:hover, .h3 a:active, h4 a:hover, h4 a:active, .h4 a:hover, .h4 a:active, h5 a:hover, h5 a:active, .h5 a:hover, .h5 a:active, h6 a:hover, h6 a:active, .h6 a:hover, .h6 a:active {
  color: var(--greyText);
}
p.greyText a:hover, p.greyText a:active, li.greyText a:hover, li.greyText a:active, h1.greyText a:hover, h1.greyText a:active, .h1.greyText a:hover, .h1.greyText a:active, h2.greyText a:hover, h2.greyText a:active, .h2.greyText a:hover, .h2.greyText a:active, h3.greyText a:hover, h3.greyText a:active, .h3.greyText a:hover, .h3.greyText a:active, h4.greyText a:hover, h4.greyText a:active, .h4.greyText a:hover, .h4.greyText a:active, h5.greyText a:hover, h5.greyText a:active, .h5.greyText a:hover, .h5.greyText a:active, h6.greyText a:hover, h6.greyText a:active, .h6.greyText a:hover, .h6.greyText a:active {
  color: black;
}

.podcastLabel {
  font: 300 .9em/30px var(--sourceSansFS);
  color: #7f7f7f;
  height: 30px;
  margin-top:5px;
  padding-left: 27px;
  background:url(/_images/headphones.svg) center left;
  background-size: 22px 22px;
  background-repeat: no-repeat;
  width:120px;
}
.podcastLabel.center {
  margin: 10px auto;
}
sup {
  vertical-align: super;
  font-size: .5em;
}

sub {
  vertical-align: sub;
  font-size: .5em;
}

figure {
	display: table;
}
figure img {
	max-width: 100% !important;
	height: auto !important;
}
figure figcaption {
	display: table-caption;
	caption-side: bottom;
	padding: 5px;
	font: 300 .9em/1.4666666667 var(--sourceSansFS);
}
figure.leftImageCaption {
	float:left;
	padding-right: 10px;
	padding-bottom: 10px;
}
figure.rightImageCaption {
	float:right;
	padding-left: 10px;
	padding-bottom: 10px;
}
figure.centerImageCaption {
	padding-bottom: 10px;
}

 input:not([type="submit"]) {
	display: inline-block;
	width: 100%;
	padding: 6px 20px;
	margin: 0;
 	font: 400 1em/42px var(--sourceSansFS);
 	border: 1px solid black;
 	border-radius: 0;
 	color: black;
 	outline: none;
 	background: transparent;
 	box-shadow: none;
	box-sizing: border-box;
 	&[type="checkbox"], &[type="radio"] {
		display: inline-block;
	 	+ label {
		 	display: block;
		 	padding: 2px 0 2px 26px;
		 	font: 400 1em/1.4666666667 var(--sourceSansFS);
		 	position: relative;
		 	&:before {
			 	content: "";
			 	display: inline-block;
			 	vertical-align: bottom;
			 	width: 12px;
			 	height: 12px;
			 	border: solid 1px black;
			 	box-sizing: border-box;
			 	background-color: white;
			 	position: absolute;
			 	left: 0;
			 	top: 8px;
				transition: background 0.2s $ease-in-out-quad;
		 	}
		 	&:hover, &:active {
		 		&:before {
			 		background-color: var(--greyDark);
		 		}
		 	}
	 	}
	 	&:checked {
		 	+ label {
			 	&:before {
				 	background-color: black;
			 	}
		 	}
	 	}
 	}
	&[type="radio"] {
		+ label {
			&:before {
				border-radius: 50%;
			}
		}
	}
}
textarea {
	display: block;
	width: 100%;
	padding: 7px 0;
	margin: 0;
	box-sizing: border-box;
 	font: 400 1.0666666667em/20px var(--sourceSansFS);
 	border: 1px solid black;
 	border-radius: 0;
 	color: var(--grey);
 	outline: none;
 	background: transparent;
 	box-shadow: none;
 	resize: none;
}
select {
	display: inline-block;
 	width: 100%;
 	padding: 6px 20px;
 	margin: 0;
	box-sizing: border-box;
 	font: 400 1em/42px var(--sourceSansFS);
 	border: 1px solid black;
 	border-radius: 0;
 	color: black;
 	outline: none;
	background: transparent url(/_images/arrow_select.svg) no-repeat calc(100% + 10px) center;
	background-size: 60px;
	-webkit-appearance: none;
	-moz-appearance: none;
	&::-ms-expand {
		display: none;
	}
}
label {
	display: block;
	font: 400 17px/23px var(--sourceSansFS);
	color: var(--charcoal);
	margin-bottom: 4px;
} 
label.required:after {
	content:"*";color:#d00;margin-left:5px;
}
.fieldText {
	margin-bottom: 15px;
}
.fieldText label + div {
	font: 400 14px/18px var(--sourceSansFS);
	font-style: italic;
	color: var(--greyText);
	margin-top: -4px;
	margin-bottom: 4px;
}
.fieldText.radio label input {
	width:auto;
	display:inline;
	margin-right: 10px;
}
/********* classes *********/
.hide {
  display: none;
}

.error, .sale, .errors {
  color: var(--red) !important;
}

.greyText {
  color: var(--greyText);
}
.greyText p a:hover, .greyText p a:active, .greyText li a:hover, .greyText li a:active, .greyText h1 a:hover, .greyText h1 a:active, .greyText .h1 a:hover, .greyText .h1 a:active, .greyText h2 a:hover, .greyText h2 a:active, .greyText .h2 a:hover, .greyText .h2 a:active, .greyText h3 a:hover, .greyText h3 a:active, .greyText .h3 a:hover, .greyText .h3 a:active, .greyText h4 a:hover, .greyText h4 a:active, .greyText .h4 a:hover, .greyText .h4 a:active, .greyText h5 a:hover, .greyText h5 a:active, .greyText .h5 a:hover, .greyText .h5 a:active, .greyText h6 a:hover, .greyText h6 a:active, .greyText .h6 a:hover, .greyText .h6 a:active {
  color: black;
}

.white {
  color: white;
}

.thin {
  font-weight: 300;
}

.cc {
  font: 400 10px/1 var(--sourceSansFS);
  -webkit-text-size-adjust: none;
}

button, .button, input[type=submit] {
  display: inline-block;
  vertical-align: middle;
  min-width: min(100%, 160px);
  max-width: 100%;
  padding: 10px 20px;
  margin: 0;
  box-sizing: border-box;
  border-radius: 5px;
  font: 400 18px/22px var(--sourceSansFS);
  text-transform: none;
  color: white;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1);
  position: relative;
  background-color: var(--blue);
}
.button.red, input[type=submit].red {
  background-color: #aa1f23;
}
.button.small, input[type=submit].small {
  min-width: min(100%, 120px);
  padding: 8px 18px;
  font-size: 14px;
  line-height: 18px;
}
.button.white, input[type=submit].white {
  min-width: min(100%, 120px);
  padding: 8px 18px;
  font-size: 14px;
  line-height: 18px;
  background-color: #ffffff;
  color:#000000;
  border:1px solid #cccccc;
}
.button.wide, input[type=submit].wide {
  min-width: min(100%, 230px);
}
.button.hundred, input[type=submit].hundred {
  min-width: 0;
  width: 100%;
}
.button.marginTop, input[type=submit].marginTop {
  margin-top: 20px;
}
.button.marginBottom, input[type=submit].marginBottom {
  margin-bottom: 20px;
}
button:hover, button:active, .button:hover, .button:active, input[type=submit]:hover, input[type=submit]:active {
  color: black;
  background-color: var(--greyLight);
}
.button.reverse, input[type=submit].reverse {
  color: black;
  background-color: var(--greyLight);
}
.button.reverse:hover, .button.reverse:active, input[type=submit].reverse:hover, input[type=submit].reverse:active {
  color: white;
  background-color: var(--blue);
}
.emailSubscribe {
background-color:#ffffff !important;
  width: 230px !important;
  margin-bottom:10px !important;
  padding: 0px 10px !important;
  border-radius: 5px !important;
  height:42px !important;
}
.center {
  text-align: center;
}
.center .flex {
  justify-content: center;
}

.leftAlign {
  text-align: left;
}

.img {
  position: relative;
  display: block;
}

.flex {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  -webkit-column-gap: var(--padding);
     -moz-column-gap: var(--padding);
          column-gap: var(--padding);
}
.flex.twoButton .button {
  min-width: min(50% - var(--padding) * 0.5, 160px);
}
.flex.twoButton .button.small {
  min-width: min(50% - var(--padding) * 0.5, 120px);
}
.flex.twoButton .button.wide {
  min-width: min(50% - var(--padding) * 0.5, 230px);
}

.categoryTag {
  display: inline-block;
  line-height: 18px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 120px;
  max-width: 100%;
  margin-bottom: 0;
  padding: 4px 16px;
  box-sizing: border-box;
  text-align: center;
  background-color: white;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 100;
}

/********* end classes *********/
/********* keyframes *********/
/********* end keyframes *********/
/********* layout *********/
div[id^=GenecyDFPAdWelcomerCont] > div > div:first-child {
  top: auto !important;
}

#mainContent {
  min-height: 100vh;
  box-sizing: border-box;
  overflow: hidden;
  will-change: padding;
  transition: padding 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  /* &.fullAd {
  	padding-top: min(100vh, calc(var(--maxAdHeight) + clamp(57px, 5vw + 63px, 136px)));
  } */
}
#mainContent header {
  width: 100%;
  height:70px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color:#ffffff;
  border-bottom: solid 1px black;
}
#mainContent header #mm {
  display: none;
  height: 16px;
  width: 22px;
  padding: 5px 0;
  margin: 15px 0 0 30px;
  cursor: pointer;
  position: relative;
}
#mainContent header #mm:before {
  content: "";
  display: block;
  border-top: solid 2px black;
  border-bottom: solid 2px black;
  height: 12px;
  transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transform-origin: 19px 5px;
          transform-origin: 19px 5px;
}
#mainContent header #mm:after {
  content: "";
  display: block;
  position: absolute;
  border-top: solid 2px black;
  width: 100%;
  left: 0;
  top: 12px;
  transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#mainContent header #mm:hover:before, #mainContent header #mm:hover:after {
  border-color: var(--greyText);
}
#mainContent header #mm.open:before {
  height: 0;
  border-bottom-width: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#mainContent header #mm.open:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#mainContent header .logo {
  position: absolute;
  width: 213px;
  height: 55px;
  left: 25px;
  top: 8px;
}
#mainContent header .logo img {
 height:55px;
 width:auto;
}
#mainContent header .search {
  position: relative;
}
#mainContent header .search a {
  display: block;
  width: 18px;
  height: 18px;
  background: url(/_images/icon_search.svg) no-repeat center;
  background-size: 16px;
}
#mainContent header .search a:hover, #mainContent header .search a:active {
  opacity: 0.5;
}
#mainContent header nav .social > * {
  margin-left:0 !important;
}
#mainContent header nav {
  background-color: white;
  height:60px;
}
#mainContent header nav > ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0 5px 0 20px;
  box-sizing: border-box;
  height:70px;
}
#mainContent header nav > ul > li {
  display: block;
  font: 400 14px/1 var(--sourceSansFS);
  position: relative;
}
#mainContent header nav > ul > li > a, #mainContent header nav > ul > li > span {
  cursor: pointer;
  display: block;
  padding: 15px 6px;
}
#mainContent header nav > ul > li ul {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 12px 20px 12px clamp(8px, 1.40625vw, 18px);
  text-align: left;
  position: absolute;
  left: 0;
  top: 41px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#mainContent header nav > ul > li ul li {
  display: block;
  font: 600 15px/1 var(--sourceSansFS);
  white-space: nowrap;
}
#mainContent header nav > ul > li ul li a {
  display: block;
  padding: 0 0 10px;
}
#mainContent header nav > ul > li:first-child a {
  padding-left: 0;
}
#mainContent header nav > ul > li:first-child ul {
  left: clamp(-18px, -1.40625vw, -8px);
}
#mainContent header nav > ul > li:last-child a {
  padding-right: 0;
}
#mainContent header nav > ul > li.dropList:hover ul, #mainContent header nav > ul > li.dropList:active ul {
  opacity: 1;
  pointer-events: auto;
}

#mainContent .topBrandBanner {
  height: 180px;
  padding: 0px;
  background-color: #cfd2d3;
  background-image: url('/_images/atBG.png');
}
#mainContent .topBrandBanner div {
	width: 800px;
  	height: 140px;
	text-align:right;
	padding-top: 40px;
	margin:auto;
  background-image: url('/_images/at-tagline.png');
  background-repeat: no-repeat;
  background-size: 529px 263px;
  background-position: left center;
}
section {
  padding: 0 var(--padding);
  background-color: white;
  position: relative;
  z-index: 5;
}

.content {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: var(--padding) 0;
  box-sizing: border-box;
}

.topSection .content {
  display: grid;
  grid-template-columns: var(--gridColumnSide) var(--gridColumnMain) var(--gridColumnSide);
  grid-template-rows: auto auto auto 1fr;
  grid-template-areas: "leftPanel feature rightPanel" "buttonLeft feature buttonRight";
  -webkit-column-gap: var(--padding);
     -moz-column-gap: var(--padding);
          column-gap: var(--padding);
  row-gap: var(--padding);
}
.topSection .content.article {
  grid-template-areas: "leftPanel feature rightPanel" "buttonLeft feature buttonRight" "sideLeft feature sideRight" "sideBottomLeft feature sideBottomRight";
}
.topSection .content.article .buttonLeft, .topSection .content.article .buttonRight {
  align-self: start;
}
.topSection .feature {
  grid-area: feature;
  border: dotted 1px black;
  padding-bottom: 20px;
  position: relative;
}
.topSection .feature .img {
  margin-bottom: var(--paddingFixed);
}
.topSection .feature .text {
  padding: 0 20px;
}
.topSection .feature .byLine {
  margin-top: var(--paddingFixed);
  margin-bottom: var(--paddingFixed);
}
.topSection .feature .body h4, .topSection .feature .body .h4 {
  margin-top: 20px;
  color: black;
}
.topSection .leftPanel {
  grid-area: leftPanel;
}
.topSection .rightPanel {
  grid-area: rightPanel;
}
.topSection .buttonLeft {
  grid-area: buttonLeft;
  align-self: end;
}
.topSection .buttonRight {
  grid-area: buttonRight;
  align-self: end;
}
.topSection .sideLeft {
  grid-area: sideLeft;
}
.topSection .sideRight {
  grid-area: sideRight;
}
.topSection .sideBottomLeft {
  grid-area: sideBottomLeft;
}
.topSection .sideBottomRight {
  grid-area: sideBottomRight;
}
.topSection .featureBottom {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}
.topSection .featureBottom .feedback {
  font-weight: 300;
}
.topSection .featureBottom .feedback a {
  color: var(--blue);
}
.topSection .featureBottom .share {
  width: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute;
  bottom: -20px;
  left: 50%;
}

.topSection .printPDF {
  width: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: relative;
  left: 50%;
}
.topSection .printPDF a {
	border-radius: 4px;
	border: solid 1px #ccc;
	cursor: pointer;
	display: inline-block;
	height: 26px;
	margin-right: 8px;
	padding: 6px 10px 0 10px;
	position: relative;
	text-align: center;
background: #ffffff;
}

.topSection .printPDF a img {
    height: 100%;
    max-height: 20px;
    width: auto;
}

.topSection .printPDF a:hover img {
	opacity: .6;
}

.sideAd {
  display: block;
}

.sideAd .cc {
  margin-bottom: 10px;
}

.sideAd.article {
  margin-top: calc(var(--padding) * 2);
}

.wideAd {
  border-top: solid 1px black;
  border-bottom: solid 1px black;
}
.wideAd .sideAd {
  margin: 0 auto;
  max-width: 730px;
}
.wideAd .sideAd img {
  display: inline-block;
}

.byLine {
  margin-top: var(--paddingFixed);
  margin-bottom: var(--paddingFixed);
}

.heading {
  text-align: center;
  position: relative;
  margin-bottom: var(--padding);
}
.heading .text {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  padding: 5px 34px;
  margin: 0 auto;
  font-weight: 800;
  letter-spacing: var(--letterSpacing);
  box-sizing: border-box;
  background-color: white;
  border-left: solid 1px black;
  border-right: solid 1px black;
  position: relative;
}
.heading:before {
  content: "";
  display: block;
  width: 100%;
  border-bottom: dotted 1px black;
  position: absolute;
  left: 0;
  top: 50%;
}

.sideBlock {
  margin-bottom: clamp(20px, 5vw, 255px);
}
.sideBlock p {
  font-family: var(--sourceSansFS);
  font-weight: 300;
}
.sideBlock.newsletter {
  padding-bottom: 20px;
  border-bottom: dotted 1px black;
}
.sideBlock.newsletter img {
  float: right;
  width: 35%;
  margin-left: 10px;
}
.sideBlock.newsletter .button {
  min-width: min(55% - 10px, 160px);
}

.nextPrev {
  clear: both;
}
.nextPrev h3, .nextPrev .h3 {
  font-family: var(--sourceSansFS);
}

article, .feature {
  /* &:last-child {
  	margin-bottom: 0 !important;
  } */
}
article .text + h4, article .text + .h4, .feature .text + h4, .feature .text + .h4 {
  margin-top: 5px;
  margin-bottom: 0;
}

.articleStack {
  position: relative;
  margin-bottom: 20px;
}
.articleStack .img {
  margin-bottom: 5px;
}
.articleStack .text > *:last-child {
  margin-bottom: 0;
}
.articleStack:after {
  content: "";
  display: block;
  width: 80px;
  margin-top: 20px;
  border-bottom: dotted 1px black;
}
.articleStack:last-child {
  margin-bottom: 0;
}
.articleStack:last-child:after {
  display: none;
}

.wideArticles {
  display: grid;
  grid-template-columns: var(--gridColumnSide) var(--gridColumnMain) var(--gridColumnSide);
  grid-template-areas: "theArticles theArticles rightPanel";
  -webkit-column-gap: var(--padding);
     -moz-column-gap: var(--padding);
          column-gap: var(--padding);
  row-gap: var(--padding);
  padding-top: calc(var(--padding) * 0.3);
}
.wideArticles .theArticles {
  grid-area: theArticles;
}
.wideArticles .theArticles .articleWide {
  display: grid;
  grid-template-areas: "imgCont head" "imgCont body";
  -webkit-column-gap: var(--padding);
     -moz-column-gap: var(--padding);
          column-gap: var(--padding);
  margin-bottom: calc(var(--padding) + 10px);
}
.wideArticles .theArticles .articleWide.trend {
  grid-template-columns: var(--gridColumnSide) var(--gridColumnMain);
}
.wideArticles .theArticles .articleWide.trend .imgCont {
  padding: 0 calc(var(--padding) * 0.65);
}
.wideArticles .theArticles .articleWide.picks {
  grid-template-columns: minmax(100px, 1fr) 6fr;
}
.wideArticles .theArticles .articleWide.picks .img .categoryTag {
  bottom: -26px;
}
.wideArticles .theArticles .articleWide .head {
  grid-area: head;
  align-self: start;
}
.wideArticles .theArticles .articleWide .imgCont {
  grid-area: imgCont;
}
.wideArticles .theArticles .articleWide .body {
  grid-area: body;
  align-self: start;
}
.wideArticles .theArticles .articleWide .body h3 {
  color: var(--greyText);
}
.wideArticles .rightPanel {
  grid-area: rightPanel;
}

.body form {
padding-bottom:40px;
text-align:left;
}
.body form h1, .body form h1, .body form h2, .body form h3, .body form h4 {
text-align:center
}

.social {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-end;
  text-align: right;
  position: relative;
}
.social > * {
  display: inline-block;
  margin-left: 20px;
  margin-bottom: 0;
  line-height: 20px;
}
.social .linkSocial {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.5;
}
.social .linkSocial:hover, .social .linkSocial:active {
  opacity: 1;
}
.social .linkSocial.twitter {
  background-image: url(/_images/twitter_blk.svg);
  background-size: 19px;
}
.social .linkSocial.facebook {
  background-image: url(/_images/facebook_blk.svg);
  background-size: 10px;
  margin-left: 12px;
}

blockquote:before {
  content: "“";
}
blockquote:after {
  content: "”";
}

section ul, section ol, article ul, article ol, main ul, main ol, aside ul, aside ol {
  text-align: left;
  margin-bottom: 20px;
}
section ul li, section ol li, article ul li, article ol li, main ul li, main ol li, aside ul li, aside ol li {
  font: 400 1em/1.4666666667 var(--playfairFS);
}
section ul li > *, section ol li > *, article ul li > *, article ol li > *, main ul li > *, main ol li > *, aside ul li > *, aside ol li > * {
  display: inline;
}
section ul li, article ul li, main ul li, aside ul li {
  padding-left: 19px;
}
section ul li:before, article ul li:before, main ul li:before, aside ul li:before {
  content: "•";
  display: inline-block;
  vertical-align: text-top;
  font-size: 120%;
  line-height: 1;
  margin-right: 10px;
  margin-left: -19px;
}
section ol, article ol, main ol, aside ol {
  list-style: decimal outside;
  padding-left: 25px;
}
section .wyktn ul li, section .wyktn ol li, article .wyktn ul li, article .wyktn ol li, main .wyktn ul li, main .wyktn ol li, aside .wyktn ul li, aside .wyktn ol li {
  font: 400 1.2em/1.4444444444 var(--playfairFS);
  text-transform: none;
  margin-bottom: 0.1785714286em;
}

footer .logoSection {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-end;
  padding: var(--padding) var(--padding) 10px;
}
footer .logoSection .logo {
  display: inline-block;
  width: clamp(230px, 38.4765625vw, 394px);
  opacity: 0.5;
}
footer .links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border-top: dotted 1px black;
  padding: var(--padding);
}
footer .links > div {
  width: 25%;
  padding: 0 10px;
  box-sizing: border-box;
}
footer .links .h6.small {
  font-size: 0.9333333333em;
}
footer .copyright {
  padding: 20px var(--padding);
}
footer .copyright .copy {
  margin-right: var(--padding);
}
footer .copyright .tc {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}
footer .copyright .tc a:after {
  content: "|";
  display: inline-block;
  padding: 0 calc(var(--padding) - 4px);
}
footer .copyright .tc a:last-child:after {
  display: none;
}

/* #fullPageAd {
	display: block;
	opacity: 0;
	pointer-events: none;
	width: 100%;
	height: min(calc(100vh - clamp(57px, 5vw + 63px, 136px)), 800px);
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain;
	position: fixed;
	left: 0;
	top: clamp(57px, 5vw + 63px, 136px);
	z-index: 1;
	//transition: opacity 0.4s $ease-in-out-quad;
	&.active {
		//opacity: 1;
		pointer-events: auto;
	}
	.imgCont {
		display: block;
		max-width: 1280px;
		margin: 0 auto;
		img {
			width: auto;
			max-width: 100%;
			max-height: min(calc(100vh - clamp(57px, 5vw + 63px, 136px)), 800px);
			margin: 0 auto;
			opacity: 1 !important;
			transition: none;
		}
	}
} */
/********* end layout *********/
/********* responsive *********/
@media (min-width: 1131px) {
  #mainContent header nav {
  margin-left: 260px;
  }
  #mainContent header nav > ul > li ul {

  }
}
@media (max-width: 1130px) {
  #mainContent {
    /* &.fullAd {
    	padding-top: min(100vh, calc(var(--maxAdHeight) + clamp(80px, 5vw + 45px, 136px)));
    } */
  }
  #mainContent header #mm {
    display: block;
  }
 #mainContent header .logo {
  position: absolute;
  width: 213px;
  height: 55px;
  left: 50%;
  top: 8px;
  transform: translate(-50%,0);
}
  #mainContent header .top .social {
    display: none;
  }
  #mainContent header .top .search {
    display: block;
  }
  #mainContent header nav {
    height: 0;
    overflow: hidden;
    position: relative;
    z-index: 12;
    margin-top: 10px;
  }
  #mainContent header nav > ul {
    display: block;
    max-height: calc(100vh - clamp(56px, 5vw + 20px, 92px));
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    height:auto;
  }
  #mainContent header nav > ul > li {
    border-bottom: solid 1px black;
  }
  #mainContent header nav > ul > li > a, #mainContent header nav > ul > li > span {
    padding: 12px 0;
  }
  #mainContent header nav > ul > li ul {
    height: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    position: static;
    opacity: 1;
    pointer-events: auto;
  }
  #mainContent header nav > ul > li ul li a {
    padding: 6px 0;
  }
  #mainContent header nav > ul > li ul li:last-child {
    margin-bottom: 10px;
  }
  #mainContent header nav > ul > li:nth-last-child(2) {
    border-bottom: none;
  }
  #mainContent header .search {
    display: none;
  }
  #mainContent header .social {
    float:left;
    padding-right:15px;
  }

  /* #fullPageAd {
  	height: min(calc(100vh - clamp(82px, 5vw + 46px, 136px)), 800px);
  	top: clamp(82px, 5vw + 46px, 136px);
  	.imgCont {
  		img {
  			max-height: min(calc(100vh - clamp(82px, 5vw + 46px, 136px)), 800px);
  		}
  	}
  } */
}

@media (max-width: 850px) {
	#mainContent .topBrandBanner div {
		width: 100%;
		height: 60px;
		text-align:center;
		padding-top: 120px;
	  background-image: url('/_images/at-tagline.png');
	  background-repeat: no-repeat;
	  background-size: 529px 263px;
	  background-position: center -60px;
	}
	#mainContent .topBrandBanner div  br {
		display:none;
	}
	.emailSubscribe {
	margin-top:2px !important;
	margin-bottom:0 !important;
	margin-right: 5px !important;
	}
	.button.red.wide {
	margin-bottom:5px !important;
	margin-left: 5px !important;
	}
}
@media (max-width: 768px) {
  .topSection .content {
    display: block;
  }
  .topSection .content > *:not(:last-child) {
    margin-bottom: 20px;
  }
  .topSection .content.article .feature {
    margin-bottom: 40px;
  }
  .topSection .content.article .buttonLeft, .topSection .content.article .buttonRight, .topSection .content.article .sideLeft {
    padding-bottom: 20px;
    border-bottom: solid 1px black;
  }

  .wideArticles {
    display: block;
  }
  .wideArticles > *:not(:last-child) {
    margin-bottom: 20px;
  }

  .sideBlock {
    border-bottom: solid 1px black;
    overflow: hidden;
  }

  article {
    display: block !important;
    clear: both;
    overflow: hidden;
  }
  article .imgCont, article > .img {
    float: right;
    width: 30%;
    margin-left: 20px;
    padding: 0;
  }

  .flex {
    display: block;
  }
  .flex > *:not(:last-child) {
    margin-bottom: 20px;
  }

  footer .logoSection .social h5, footer .logoSection .social .h5 {
    width: 100%;
    margin-bottom: 8px;
  }
  footer .links {
    align-items: flex-start;
    padding-bottom: calc(var(--padding) - 20px);
  }
  footer .links > div {
    width: 50%;
    margin-bottom: 20px;
  }
  footer .copyright {
    text-align: center;
    border-top: dotted 1px black;
  }
  footer .copyright .copy {
    margin-right: 0;
  }
  footer .copyright .tc {
    width: 100%;
    padding-top: 20px;
    border-top: dotted 1px black;
  }
  footer .copyright .cc {
    font-size: 14px;
    line-height: 1.7;
  }
}
@media (max-width: 600px) {
	#mainContent .topBrandBanner div {
		width: 100%;
		height: 60px;
		text-align:center;
		padding-top: 120px;
	  background-image: url('/_images/at-tagline.png');
	  background-repeat: no-repeat;
	  background-size: 400px 199px;
	  background-position: center -30px;
	}
	.emailSubscribe {
		width:170px !important;
	}
	.button.red.wide {
		min-width:170px !important;
		width:170px !important;
	}
}

@media (max-width: 420px) {
	#mainContent .topBrandBanner div {
	  background-size:310px 154px;
	  background-position: center -10px;
	}
	.emailSubscribe {
		width:150px !important;
	}
	.button.red.wide {
		min-width:150px !important;
		width:150px !important;
	}
}

/********* end responsive *********/