/* MIXINS */
html, body {
  font-family: "Open Sans", sans-serif;
	font-size: 16px;
	padding: 0px;
	margin: 0px;
}

/* reset some bootstrap styles */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: unset;
	font-size: unset;
}

p {
	margin: unset;
	margin-block-start: 1em;
	margin-block-end: 1em;
}

/* end bootstrap style reset */

h2 {
  font-size: 21px;
  font-family: "Merriweather", serif;
  color: #213a7a;
  margin: 0;
  padding: 0;
}

.center {
	text-align: center;
}

.btn {
	padding: 5px 20px;
  display: inline-block;
  background: #5ac5e9;
  border-radius: 5px;
  color: #fff;
	text-decoration: none;
	border: none;
	font-size: 16px;
}

.btn:hover {
	background: #ff6551;
}

.italics {
	font-style: italic;
}

label {
	width: 100%;
	display: block;
	margin-bottom: 3px;
	color: #888;
  font-size: 13px;
}

input {
	border: none;
	padding: 8px 12px;
	border-radius: 8px;
	background-color: #eee;
	box-sizing: border-box;
	transition: all .25s ease;
}

textarea, select, input, button { outline: none; }

select {
	padding: 8px 12px;
  border-radius: 8px;
}

input:focus { }

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover, 
textarea:-webkit-autofill:focus, 
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover, 
select:-webkit-autofill:focus, 
select:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}


input.filled {
	padding: 8px 0px;
	background-color: #fff;
	border-radius: 0px;
	font-size: 16px;
	font-weight: bold;
}

input.incomplete {
	border: solid 1px #ff5050;
}

/*--- GRID ELEMENTS ---*/

.logo img {
	max-width: 250px;
}

.topImg {
	background: url(/img/domain/tonyperkins/backgrounds/_capitol_dome.jpg) center top no-repeat;
	background-size: cover;
	position: relative;
	border-bottom: solid 5px #ff6551;
	/*
	resize: both;
	text-align: left;
	position: relative;
	margin: 0;
	padding: 0;
	height: 350px !important;
	max-height: 350px !important;
	*/
}

.blue-fade {
 background-color: rgba(35, 60, 122,.7);
}

.blue-fade iframe {
	border: none;
}

.bannerPlayerWrap {
	max-width: 900px;
	margin: 0 auto;
	padding: 80px 20px;
}

.bannerPlayerWrap .guestList {
	margin-bottom: 10px;
}

.bannerPlayerWrap .guestDiv {
	color: #fff;
}

.bannerPlayerWrap .guestDiv img {
	width: 130px;
	max-width: 130px;
}

.bannerPlayerWrap .guestDiv p {
	font-size: 16px;
	line-height: 1.3;
}

	.topImg button.alert-btn {
		background: #ff6551;
		font-family: "Open Sans", sans-serif;
		color: white;
		text-decoration:none;
		text-transform:uppercase;
		margin: 0;
		padding: 5px 30px;
		border: none;
		font-size: 24px;
		font-weight: 800;
		position: absolute;
		bottom: 0;
		width: 100%;
		max-width: 300px;
		border-bottom: solid 5px #ff6551;
	}

.radioShow {
  background-color: #213a7a;
  padding: 20px;
}
	
	.showPlayer {
	  margin: 0;
	  padding: 0;
	}

	.showPagePlayerWrap {

	}

	.showPagePlayerWrap div.video-js {
		width: 100%;
    height: 65px;
	}
	
	.telNum {
		font-family: "Open Sans", sans-serif;
		margin: 0;
		padding: 0;
		align-self: center;
	}
	.showPlayer b, .telNum b {
		display: block;
		text-align: center;
		font-size: 30px;
		color: #5ac5e8;
		font-weight: 800;
		text-transform:uppercase;
		margin: 0;
		padding: 0;
		line-height: 25px;
		font-family: "Merriweather", serif;
	}
	.telNum > b:first-child { margin-bottom: 13px; }
	.telNum b a {
		color: #fff;
    text-decoration: none;
    font-size: 20px;
    vertical-align: top;
	}
	.telNum b a:hover {
		color: #5ac5e8;
	}
	.telNum b span {
		color: white;
	}

.showPlayer h2 {
	display: inline-block;
	margin-left: 30px;
	vertical-align: top;
	margin-top: 7px;
}

.banners {
	background-color: #444a4a;
	padding: 20px;
}
	
.meetTony {
	margin: 0;
	padding: 20px;
}
	
	.tonyImg img {
		margin: 0;
		padding: 0;
		max-height: 310px;
		max-width: 100%;
		border-radius: 20px;
	}
	
	.tonyText {
		margin: 0;
		padding: 0;
	}

.offtheclock {
  background-color: #213a7a;
  padding: 20px;
}

.daily_devo h2 { color: #fff; }

.daily_devo {
	text-align: center;
	color: #fff;
	padding: 15px 0px 30px;
}

.daily_devo iframe {
	border: none;
}

.gray-line {
	background-color: #444a4a;
	height: 2px;
}

.otcTitle {
		text-align: left;
		position: relative;
		margin: 0;
		padding: 0;
	}
	
	.otcTitle h2 {
		color: white;
		font-size: 21px;
		font-weight: 700;
		margin: 0;
		padding: 0;
	}
	
	.otcTitle i {
		color: white;
		position: absolute;
		bottom: 0;
		right: 0;
		font-size: 35px;
		margin: 0;
		padding: 0;
	}
	.otcTitle i:hover {
		color: #5ac5e9;
	}

.updateSignup {
	padding: 20px;
	background-color: #d5f0f9;
	display: grid;
	grid-gap: 20px;
}

.hp_update_header {
	display: grid;
	grid-gap: 40px;
	color: #fff;
	background-color: #1e4974;
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 10px;
}

.updateSignup .fullBtn, .daily_devo .fullBtn {
	text-align: center;
	background-color: #1e4974;
	color: white;
	font-size: 21px;
	font-weight: 700;
	margin: 0 auto;
	width: 100%;
	padding: 20px;
	-webkit-border-radius: 10px;
	-moz-border-left: 10px;
	border-radius: 10px;
	display: block;
	text-decoration: none;
	box-sizing: border-box;
	white-space: normal;
	border: solid 1px #fff;
}

.updateSignup .fullBtn:hover, .daily_devo .fullBtn:hover {
	background-color: #5ac5e9;
	cursor: pointer;
}

.wu_lead_image {
	text-align: center;
	align-self: center;
}

.wu_lead_image h2 {
	color: #fff;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-size: 30px;
}

.wu_lead_image p {
	margin: 0px;
	font-style: italic;
	font-size: 20px;
	font-family: "Merriweather", serif;
	font-weight: 300;
}

.hp_update_listing {
	display: grid;
	grid-gap: 20px;
}

.hp_update_listing h3 {
	font-size: 16px;
  font-family: "Merriweather", serif;
  color: #213a7a;
  margin: 0;
  padding: 0;
}

.hp_update_listing p {

}

.hp_update_listing p > a.more {
	color: #ff6551;
	text-decoration: none;
	font-weight: bold;
}


.featured_update {

}

.featured_update p > a.more {
	display: block;
	text-align: right;
	margin-top: 10px;
	padding-right: 10px;
}

.featured_update h3 {
	font-size: 26px;
}

.recent_updates {
	display: grid;
	grid-gap: 20px;
}

a.recent_article {
	position: relative;
	padding-bottom: 30px;
	border: solid 1px #036;
	border-radius: 10px;
	padding: 30px;
	background: #eaf8fb;
	text-decoration: none;
	transition: transform .2s ease;
}

a.recent_article:hover {
	transform: scale(1.02);
}

a.recent_article:after {
	content: "";
	position: absolute;
	display: block;
	width: 0px;
	height: 0px;
	right: 13px;
	bottom: calc(50% - 8px);
	border-left: solid 15px #036;
	border-top: solid 8px transparent;
	border-bottom: solid 8px transparent;
}

.recent_article p > a.more {
	position: absolute;
  right: 10px;
	bottom: 10px;
}

.formLoadingMask {
	
}

.loadingDiv {
	margin: 0 auto;
	border: 5px solid #EEE;
	border-top: 5px solid #036;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	-webkit-animation: spin 1s ease-in-out infinite;
	animation: spin 1s ease-in-out infinite;
}

@-webkit-keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@-moz-keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@-ms-keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* WASHINGTON SUB MODAL AJAX FORM */

.modalWrap  {

}

.modal_form_div, .subConfirmation {
  background: #fff;
  padding: 30px;
  border-radius: 15px;
}

.subConfirmation {
	text-align: center;
}

.modalDiv h3 {
	text-align: center;
	margin-top: 0px;
	color: #036;
}

.modalDiv h3 strong {
	color: #ff6551;
}

.wu_sub {

}

.grid_form {
	display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px 30px;
}

#modal-x.btn-close {
	position: absolute;
	left: 15px;
	top: 10px;
}

.simple_form_div {

}

.simple_form_div label {
	color: #111;
}

.simple_form_div select {
	color: #000;
}

.simple_form_div input {
	width: 100%;
	display: block;
	color: #000;
}

/* overriding simple pagination css */
.light-theme a, .light-theme span {
	font-size: 0px;
  width: 20px;
  height: 20px;
  display: inline-block;
  line-height: 0px;
  min-width: 0px;
  padding: 0px;
  border-radius: 24px;
	margin: 0 3px;
	background: #5ac5e9;
	border: none;
	box-shadow: none;
}

.light-theme .current {
	background: #ff6551;
}

.simple-pagination {
	text-align: center;
	overflow: unset;
	margin-top: 30px;
	position: relative;
}

.simple-pagination ul {
	display: inline-block;
}

.light-theme a:hover, .light-theme li:not(.disabled):not(.active) span:hover {
	background: #ff6551;
}

.pagination-page li > .next, .pagination-page li > .prev {
	width: 0px;
	height: 0px;
	margin: 0px;
}

.pagination-page li > .next:before, .pagination-page li > .prev:before {
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	position: absolute;
	top: -2px;
}

.pagination-page li > .next:before {
	border-left: 16px solid #5ac5e9;
	right: 10px;
}

.pagination-page li > .prev:before {
	border-right: 16px solid #5ac5e9;
	left: 10px;
}

.light-theme .current.prev:before {
	border-right: 16px solid #ff6551;
}

.light-theme .current.next:before {
	border-left: 16px solid #ff6551;
}

.archiveShows {
  padding: 20px;
}
	
	.archiveTitle {
	  text-align: left;
	}
	
	.archiveTitle h2 {
		font-size: 21px;
		font-weight: 700;
		margin: 0;
		padding: 6px;
	}
	
	.archiveLinkDiv {
		margin-top: 15px;
	}

	.archiveLinkDiv .btn {
		
	}

	.showTextBox {
		padding: 15px;
		align-self: end;
	}

	.showTextBox p {
		margin: 0px;
		font-size: 14px;
	}
	
	.indivShow {
		margin: 0 0 30px;
		padding: 0;
		background-color: #eee;
		border-radius: 10px;
	}
		
		.showTitle, 
		.showBttn {
			float: left;
		  background-color: #036;
		  font-size: 14px;
		  font-weight: bold;
		  text-transform: uppercase;
		  margin: 0;
		  padding: 0;
		}
		.showTitle {
			color: white;
			-webkit-border-top-left-radius: 10px;
			-moz-border-radius-topleft: 10px;
			border-top-left-radius: 10px;
		}
		.showTitle h2 {
			color: white;
			font-size: 14px;
			font-weight: 800;
			margin: 0;
			padding: 0;
			text-transform: uppercase;
		}			
		.showBttn {
			-webkit-border-top-right-radius: 10px;
			-moz-border-radius-topright: 10px;
			border-top-right-radius: 10px;
		}

		.showBttn h2 a, .indivShowHeader h2 a {
			text-decoration: none;
			color: #fff;
		}

		.showBttn h2 a:hover {
			color: #ff6551;
		}

		.showBttn h2 {
			text-align: right;
			color: white;
			font-size: 14px;
			font-weight: 800;
			margin: 0;
			padding: 0;
			text-transform: uppercase;
		}
		
		.guestDiv img {
			margin: 0 0 5px;
			padding: 0;
			width: auto;
			max-width: 100px;
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
			border-radius: 50%;
		}
		.guestDiv p {
			font-size: 12px;
			font-weight: 700;
			line-height: 14px;
			margin: 0;
			padding: 0;
		}
		
		.topicText {
			padding: 10px;
			color: #fff;
			background-color: #036;
			margin: 0px;
			border-radius: 0px 0px 10px 10px;
		}

		.tonyPublication .indivShowHeader, .tonyPublication .showTitle, .tonyPublication	.showBttn, .tonyPublication .topicText {
			background-color: #ff6551;
		}

		.tonyPublication .topicText {
			text-align: right;
		}

		.tonyPublication .showBttn h2 {
			text-transform: initial;
			font-weight: 400;
		}

		.tonyPublication .topicText a {
			text-decoration: none;
			font-weight: bold;
			color: #036;
		}

		.tonyPublication .showTextBox {
			align-self: unset;
		}

		.tonyPublication .indivShowHeader {
			grid-template-columns: 1fr;
		}

		.tonyPublication .indivShowHeader .showTitle {

		}

		.tonyPublication .indivShowHeader .showBttn {
			border-radius: 0px;
		}

		.tonyPublication .showBttn h2 {
			text-align: center;
		}

		p.pub_type {
			font-size: 12px;
			font-style: italic;
			text-align: center;
			padding-top: 20px;
		}


.footer {
  background-color: #213a7a;
  margin: 0;
	padding: 20px;
	color: #fff;
}
	
	.ftrNav,
	.ftrContact,
	.ftrBnnr{
		text-align: center;
	}

footer h3 {
	margin-bottom: 0px;
}

footer ul {
	list-style: none;
	padding-left: 0px;
	margin-top: 5px;
}

footer a {
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}

.ftrNav ul a {
	color: #5ac5e9;
}

.ftrNav ul a:hover {
	color: #fff;
}

.ftrPhoneNum {
	color: #ff6551;
	font-size: 2em;
}

footer .social {
	overflow: hidden;
	margin: 20px auto;
	width: auto;
	border: 0px solid #69C;
}

footer .social li {
	display: inline-block;	
}
footer .social a {
	background: url(../../img/domain/frc/soc_icons.png) no-repeat 0 0;
	display: block;
	float: left;
	height: 55px;
	margin: 0 8px;
	text-indent: -9999px;
	width: 28px;
}
footer .social .facebook {
	width: 55px;
}
footer .social .twitter {
	background-position: 0 -55px;
	width: 55px;
}
footer .social .youtube {
	background-position: 0 -110px;
	width: 51px;
}
footer .social .email {
	background-position: 0 -165px;
	width: 52px;
}
footer .social .instagram {
	background-position: 0 100%;
	width: 55px;
}

/*-------- STATION LISTING CSS -------*/

ul.stationNav {
	display: grid;
	text-align: center;
	grid-gap: 5px;
	margin-top: 30px;
}

ul.stationNav::before,
ul.stationNav::after {
	display: none;
}

.stationNav .nav-item a {
	color: #000;
	background: #eee;
	border-radius: 10px 10px 0px 0px;
	font-size: 20px;
}

.stationNav .nav-item a.active {
	background: #ff6551;
	color: #fff;
}

@media (min-width: 300px) {
	ul.stationNav {
		grid-template-columns: 1fr;

	}
}
@media (min-width: 768px) {
	ul.stationNav {
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 1fr;
	}
}
@media (min-width: 980px) {
	ul.stationNav {
		grid-template-rows: 1fr;
	}
}
@media (min-width: 1200px) {
}

/* STATION LISTING UPDATE BEING */

.watch-partners-wrapper {
	margin-top: 30px;
}

.watch-partners-pdf {
	text-align: center;
	margin: 60px 0px 0px;
}

.watch-partners-pdf p {
	margin-bottom: 30px;
}

.watch-partners-pdf a {
	color: #ff6551;
	font-size: 60px;
}

.watch-partner-links {
	/*display: grid;*/
	/*grid-gap: 20px;*/
	/*grid-template-columns: 1fr 1fr;*/
	/*align-items: center;*/
	/*justify-items: center;*/
	text-align: center;
}

.watch-partner-links a {
	display: inline-block;
	text-align: center;
	width: 38%;
	margin: 20px 15px;
}

.watch-partner-links img {
	max-width: 100%;
	/*width: 100%;*/
}

.partner-dove {
	padding: 8px 15px 15px;
	background-color: #A5C7F6;
}

.partner-coacb {
	/*padding: 18px 26px;*/
	/*background-color: #333;*/
	/*color: #fff;*/
	/*font-size: 24px;*/
	/*font-weight: bold;*/
}

.partner-salem {
	border-radius: 3px;
	background-color: lightgrey;
	margin: 0;
	padding: 20px 10px;
}

a.partner-hischannel {
	font-family: 'Open Sans','Helvetica Neue', Arial, sans-serif;
}

a.partner-auntb {
	font-family: 'Montserrat', sans-serif;
}


@media (min-width: 768px) {
	.watch-partner-links {
		/*grid-template-columns: 1fr 1fr 1fr;*/
	}
	.watch-partner-links a {
		width: 26%;
	}
}
@media (min-width: 980px) {
	.watch-partner-links {
		/*grid-template-columns: repeat(6,1fr);*/
	}
	.watch-partner-links a {
		width: 15%;
	}
}


/* STATION LISTING UPDATE END */
.tab-content {
	padding: 30px;
}

/*--------- BEGIN GRID CSS ----------*/

#tonyperkins {
	padding: 0;
	margin: 0 auto;
	display: grid;
	grid-template-areas:
		"masthead"
		"topImg"
		"radioShow"
		"showInfo "
		"banners"
		"meetTony"
		"archiveShows"
		"footer";
	width: auto;
}

.content-area {
	max-width: 1160px;
	margin: 0 auto 80px;
	padding: 20px;

}

.content-area-small {
	max-width: 1050px;
	margin: 0 auto;
}

.masthead {
	padding: 20px;
	border-bottom: solid 1px #036;
	display: grid;
	grid-template-columns: 1fr auto;
	grid-gap: 20px;
}

.header-donate-wrap {
	align-self: end;
}

.header-donate {
	padding: 6px 15px;
	font-size: 14px;
	font-weight: bold;
}

.topImg {
	grid-area: topImg;
}
	
.radioShow {
	grid-area: radioShow;
	display: grid;
	grid-gap: 20px;
}

.showInfo {
	grid-area: showInfo;
	padding: 20px;
}

.homePageRadioWrap {
	position: relative;
	display: block;
	padding-top: 65px;
}

.offlineRadio {
	background-color: #202321;
	color: #fff;
	padding: 1px 20px;
}

.readMoreBox {
	max-height: 110px;
	transition: all .3s ease;
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
}

.readAll {
	max-height: 4000px;
	height: auto;
}

.banners {
	grid-area: banners;
	display: grid;
	grid-gap: 15px;
	justify-content: center;
}

.banners-2 {
	grid-template-columns: 1fr;
}

.banners-3 {
	grid-template-columns: 1fr;
}
	
.banner {
	margin: 3px 0px 0px;
	justify-self: center;
}

.banner p {
	margin: 0px;
}

.banner a img {
	transition: transform .2s ease;
	width: auto !important;
  height: auto !important;
}

.banner a img:hover {
	transform: scale(1.02);
}

.banner img {
	object-fit: cover;
}

.banner * {
	object-fit: cover;
	max-width: 100%;
}

.banner > * {
	display: block;
	object-fit: cover;
}

.banner > * > img {
	width: 100%;
}

.meetTonyGrid {
	grid-area: meetTony;
	display: grid;
	grid-gap: 20px;
}
	
	.tonyImg {
		text-align: center;
		box-sizing: border-box;
	}
	
	.tonyText {
		align-self: center;
	}

.offtheclockGrid {
	grid-area: offtheclock;
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 20px;
	padding: 0px;
}
	
.updateSignup {
	grid-area: updateSignup;
}

.archiveShow {
	border-radius: 10px;
	background: #eee;
	overflow: hidden;
	display: grid;
	grid-template-rows: auto 1fr auto;
	border: solid 1px #ddd;
}

#homepageListing .archiveShow {
	background: url(/img/domain/tonyperkins/19_WW_watermark_mob_500x550.png) center top no-repeat;
}

#homepageListing .archiveShow.moreThan4 {
	background: url(/img/domain/tonyperkins/19_WW_watermark_mob_500x700.png) center top no-repeat;
}

#archiveListing .archiveShow {
	display: block;
}

.archiveHeader {
	margin-bottom: 20px;
	text-align: center;
}

.archiveListing {
	margin-top: 30px;
}

.archiveHeader, .archiveListing {
	/*grid-template-columns: 1fr 1fr;*/
	grid-gap: 20px;
	display: grid;
}
	.indivShowHeader {
		display: grid;
    grid-template-columns: 1fr 1fr;
	}

	.guestList {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: inherit;
	}

	.guestFlex {
		display: flex;
	}

	.guestDiv {
		text-align: center;
    margin: 15px;
	}

	.showTitle {
		padding: 10px;
	}
	.showBttn {
		text-align: right;
		padding: 10px;
	}

.footer {
	display: grid;
	grid-template-rows: auto;
	grid-gap: 20px;
	width: 100%;
}

.show_page_wrapper {
	margin: 0 auto;
  max-width: 1000px;
  padding: 30px;
}

.show_page_grid {
	display: grid;
	grid-gap: 20px;
}

.show-guest-grid {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(2,1fr);
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}

.show-guest-grid img {
	border-radius: 50%;
	margin-bottom:  15px;
}

.download_link_wrap {
	text-align: center;
	margin-top: 30px;
}

.download_link_wrap a {
	display: inline-block;
	font-size: 18px;
}

.download_link_wrap a:hover {
	text-decoration: none;
}

.download_link_wrap i {
	font-size: 32px;
	margin-left: 10px;
}

.airDateWrap {
	font-size: 21px;
	font-weight: bold;
	font-family: "Merriweather", serif;
	color: #213a7a;
	margin: 0;
	padding: 0;
}

@media (min-width: 450px) {
}

@media (min-width: 600px) {
	.meetTonyGrid {	grid-template-columns: 1fr 2fr; }
	.topImg button.alert-btn {
		padding: 15px 30px;
		width: 40%;
		right: 15px;
		-webkit-border-top-left-radius: 10px;
		-moz-border-radius-topleft: 10px;
		border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topright: 10px;
		border-top-right-radius: 10px;
	}
	.guestList {grid-template-columns: repeat(3, 1fr);}
	#homepageListing .archiveShow { background: url(/img/domain/tonyperkins/19_WW_watermark_dktp_700x250.png) center top no-repeat; }
	#homepageListing .archiveShow.moreThan4 { background: url(/img/domain/tonyperkins/19_WW_watermark_dktp_700x400.png) center top no-repeat; }
	.wu_lead_image h2 { font-size: 36px; }
	.show-guest-grid {	grid-template-columns: repeat(3,1fr); }
	.recent_updates { grid-template-columns: 1fr 1fr; }
}

@media (min-width: 700px) {
	.hp_update_header { grid-template-columns: 1fr 1fr; }
	.wu_lead_image {text-align: right;}
	.banners-2 { grid-template-columns: 1fr 1fr; }
	.banners { grid-gap: 25px; }
	.archiveListing {grid-template-columns: 1fr 1fr;}
	.guestList {grid-template-columns: repeat(2, 1fr);}
	.grid_form { grid-template-columns: 1fr 1fr; }
	#homepageListing .archiveShow { background: url(/img/domain/tonyperkins/19_WW_watermark_mob_500x550.png) center top no-repeat; }
	#homepageListing .archiveShow.moreThan4 { background: url(/img/domain/tonyperkins/19_WW_watermark_mob_500x700.png) center top no-repeat; }
	.hp_update_listing { grid-template-columns: 1fr 1fr; }
	.recent_updates { grid-template-columns: 1fr; }
	.show-guest-grid {	grid-template-columns: repeat(4,1fr); }
	.logo img { max-width: 275px; }
}

@media (min-width: 900px) {
	.banners-3 { grid-template-columns: 1fr 1fr 1fr; }
	.radioShow {grid-template-columns: 1fr 1fr;}
	.tonyPublication .showBttn h2 { text-align: right; }
	.guestList {grid-template-columns: repeat(3, 1fr);}
	.guestDiv img {max-width: 100px;}
	.footer {	grid-template-columns: 1fr 1fr 1fr;}
	#homepageListing .archiveShow { background: url(/img/domain/tonyperkins/19_WW_watermark_mob_500x550.png) center top no-repeat; }
	#homepageListing .archiveShow.moreThan4 { background: url(/img/domain/tonyperkins/19_WW_watermark_mob_500x550.png) center top no-repeat; }
	.hp_update_listing { grid-template-columns: 5fr 2fr; }
	.show_page_grid {
		grid-template-columns: 1fr 150px;
		grid-template-areas: "text authors";
	}
	.show-guest-grid {
		display: block;
		grid-area: authors;
	}
	.show-guest-grid .author { margin-bottom: 15px; display: block; }
	.show-text {
		grid-area: text;
	}
	.bannerPlayerWrap {
		padding: 80px 0px;
	}
}

@media (min-width: 1200px) {
	.guestList {grid-template-columns: repeat(4, 1fr);}
}