/*
 Theme Name:   15zine Child Theme
 Theme URI:    http://www.chsaanow.com/
 Description:  A 15zine child theme
 Author:       Ryan Casey
 Author URI:   http://www.chsaanow.com
 Template:     15zine
 Version:      1.0.0
*/


@import url("../../../15zine/library/css/style.css");

@import url('https://rsms.me/inter/inter-ui.css');

@import 'https://fonts.googleapis.com/css?family=Lato|Mukta+Vaani:400,500,600,700,800';

/* Sidebar image with header */
.image-header-side img {
    float: left;
	margin-right: 10px; }

.image-header-side h3 {
    border-bottom: 3px solid #161616;
    font-family: Karla, Arial;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 24px;
    text-transform: uppercase;
    text-rendering: optimizelegibility;
    padding-bottom: 10px;
    -webkit-font-smoothing: antialiased;
    display: inline;
    margin-left: 5px;
}

.image-header-side a:hover {
    color: #0088cc; }

/* Remove logo on small screens */
@media only screen and (max-width: 767px) {
#logo {
    display: none; }
}

/* Top menu no opacity */
.cb-stuck.cb-menu-light #cb-nav-bar .cb-nav-bar-wrap {
    background: #fff!important; }

/* Change UL style */
.cb-entry-content ul {
    list-style-type: disc; }

/* Lower case headlines */
.cb-module-block .cb-post-title {
    letter-spacing: normal!important;
    text-transform: none!important; }

/* Normal letter spacing in small homepage headlines */
.cb-module-block .cb-article-small .cb-post-title {
    letter-spacing: normal!important;
    font-size: 15px!important;
	text-transform: none;
	margin: 0!important; }

/* Divider */
.cb-divider .cb-title:before, .cb-divider .cb-title:after {
    height: 3px!important; }

.cb-divider .cb-title {
    padding: 0px 15px; }

.cb-divider {
    margin: 20px 0;
}

/* Ultimate Posts widgets & RSS aggregator */
.widget_ultimate_posts .upw-content, .rss-aggregator .feed-link {
    font-size: 14px;
    margin:0;
    font-weight:bold;
    line-height:1.3;
    font-family: Karla, Arial;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #ddd;
}

.widget_ultimate_posts .upw-content .post-title:before {
    content: "\f105";
    font-family: 'FontAwesome';
}

.upw-content .post-title {
	margin: 0;
}

/*rss aggregator */

.rss-aggregator .feed-link a:before {
    content: "\f105";
    font-family: 'FontAwesome';
	margin-right: 5px;
}

#text-14 {
    margin-bottom: 0px!important;
}

.wprss-feed-meta {
	color: #777;
	font-weight: normal;
}

#text-17 .page-numbers {
	display: none;
}

ul.rss-aggregator {
    margin: 0px;
	list-style-type: none;
}

/* Hover color on links */
.cb-meta a:hover {
    color:#0088cc; }

/* Regular links */
.cb-entry-content a {
	text-decoration: none;
	color: #08c;
	padding: 2px;
}

.cb-entry-content a:hover {
	text-decoration: none;
	color: #08c;
	border-bottom: #08c 2px solid;
}

.cb-entry-content a:visited:hover {
	color: #005580;
	text-decoration: none;
	border-bottom: #005580 2px solid;
}

.cb-entry-content a:visited {
	text-decoration: none;
	color: #005580;
}

@media only screen and (min-width: 768px) {
.cb-entry-content a:hover {
	text-decoration: none!important;
}
}

/* Blockquote */
blockquote {
    font-size: 1.0em!important;
    letter-spacing: normal!important;
    line-height: 1.8!important;
    font-style: normal!important;
    padding: 10px 20px 5px 20px!important;
    background-color: #f1f1f1!important;
    margin: 0 0 10px!important;
}

@media only screen and (min-width: 1020px) {
    blockquote {
    margin: 0 0 10px;
    font-size: 1.0em; }
}

.cb-body-light blockquote {
    color: #484848;
}

/* Caption */
.wp-caption-text {
    padding: 4px 0px!important;
    color: #999!important;
    font: 12px Karla,Sans-serif;
    text-align: left!important;
    font-style: normal!important;
}

.wp-caption {
	position: relative;
}

.cb-entry-content .aligncenter {
	padding: 20px 0 0 0!important;
}

/* Header sizes */
h1 {
    font-size: 2.4em!important;
	line-height:1.1!important;
}

h2 {
    font-size: 2em;
}

h4 {
    margin: 10px 0!important;
}

/* Tables */
.cb-entry-content table tr td {
    padding: 5px!important;
    font-family: Karla,Arial;
    font-size: 1em;
}

.head2 {
    font-family: Karla,Arial;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1em;
    color: #161616;
    background-color: #f0f0f0;
}

.cb-entry-content table tr th {
    background-color: #fff!important;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 1.1em;
    font-family: Karla,arial;
}

/* Big headline for top story on homepage */
.cb-module-d .cb-post-title {
    font-size: 1.3em;
	font-family: Karla, sans-serif;
	text-align: center;
    position: relative;
    top: -45px;
    margin: 5px auto 0 auto!important;
    width: 88%;
    padding: 1rem 1rem 0;
    background: white;
    border-top: #ddd 3px solid;
	text-transform: uppercase!important;
	letter-spacing: 1.5px!important;
	}

.cb-module-d .cb-excerpt {
    margin: 0 auto -15px;
    width: 80%;
}

.cb-module-d .cb-byline {
    margin: -35px auto 0;
    width: 80%;
}

.cb-big-thumb .cb-meta .cb-post-title {
    margin-top: 0px;
}

/* Post meta on the homepage */
.cb-module-block .cb-category, .cb-module-block .cb-comments, .cb-module-block .cb-lks {
	display: none;
}

/* Advertising header */
.ajdg_grpwidgets h3, .ajdg_bnnrwidgets h3 {
    color: #aeaeae!important;
    font-size: 10px;
    text-align: center;
    font-weight: normal;
    font-family: 'Source Sans Pro', Arial;
    letter-spacing: normal;
    border-bottom: none!important;
    margin: 0 0 5px;
    padding: 0;
    display: inherit; }

/* Byline */
.cb-body-light .cb-byline a {
	color: #08c;
}

.cb-body-light .cb-byline {
	font-size: 11px;
}

/* Post meta hover */
.cb-post-meta .cb-meta a:hover {
	color: #fff;
}

/* database sub menus */
.database-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #fff;
	border-bottom: 3px solid #ddd;
	font-family: 'Karla',Arial,sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 2px;
	font-weight: bold;
}

.database-menu li {
    float: left;
	list-style-type:none;
}

.database-menu li a:visited {
	color:#161616;
}

.database-menu li a, .database-dropbtn {
    display: inline-block;
    color: #161616;
    text-align: center;
    padding: 8px 12px;
    text-decoration: none;
}

.database-menu li a:hover, .data-base-dropdown:hover .database-dropbtn {
    background-color: #47d5ff;
	color:#fff;
	text-decoration: none;
}

.database-menu li.database-dropdown {
    display: inline-block;
}

.database-menu .dropdown-content {
    display: none;
    position: absolute;
    background-color: #ddd;
    min-width: 180px;
}

.database-menu .dropdown-content a {
    color: #161616;
    padding: 8px 12px;
    text-decoration: none;
    display: block;
    text-align: left;
	font-size: 14px;
}

.database-menu .dropdown-content a:hover {
	color: #aaa;
	background-color: #ddd;
	text-decoration: none;
}

.database-menu .database-dropdown:hover .dropdown-content {
    display: block;
}

#database-mobile {
	display: none;
}

@media screen and (max-width: 600px) {
	.database-menu li:nth-child(1n) {
		display:none;
	}

	#database-mobile {
		display: inline-block;
		width:100%;
		text-align:center;
	}

	#database-mobile a {
		width:100%;
		background-color: #47d5ff;
		color:#fff;
		border-bottom: 3px solid #0088cc;
	}

	.database-menu {
		border-bottom: none;
	}

	#database-mobile a:hover {
		background-color: #0088cc;
		color:#fff;
		border-bottom: 3px solid #47d5ff;
	}
}
/* end database submenu */

/* Google Custom Search */
.gsc-tabsArea > .gsc-tabHeader {
    height: 30px!important;
    width: 70px;
}

.gsc-input div {
    height: 40px;
}

.gsc-input-box table {
    margin-bottom: 0px;
	padding: 3px 0 3px 0;
}

.wgs_wrapper table tr td {
    border-bottom: none;
	padding: 0px;
	font-size: 1.1em;
}

.gsc-tabsArea {
	height: 30px!important;
}

.gsc-refinementsArea {
	border-bottom: none!important;
}

input.gsc-search-button {
	vertical-align: middle;
	margin-left: 0px!important;
}

.gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
    padding: 12px!important;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
	height: 40px!important;
	width: 40px!important;
	margin-top: 0px!important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 0px!important;
	height: 33px!important;
}

.cse input.gsc-search-button, input.gsc-search-button {
	border-radius: 0px 2px 2px 0px!important;
	-moz-border-radius: 0px 2px 2px 0px!important;
	-webkit-border-radius: 0px 2px 2px 0px!important;
}

.gsst_a {
	padding-top: 9px!important;
}
/*end google custom search */

/* FontAwesome search icon in widget
.cb-tab-3 li:last-child a:before {
    font-family: FontAwesome;
    content: "\f002";
}*/

/* MaxPreps logo */
.mplogo {
    float: right;
    text-align: right;
}

/* Scoreboards */
.scores-menu {
    font-size: 14px;
    margin-bottom: 10px;
    float: right;
    clear: right;
}

.game a {
    color:#0088cc;
    text-decoration: none;
}

.game-class {
	float: left;
	display: inline-block;
}
.info-bot {
    padding: 5px;
    color:#aaa;
    border-top: 1px dotted #ddd;
	font-size: 0.8em;
}

.info-top {
    padding: 5px;
    border-bottom: 1px dotted #ddd;
	overflow: hidden;
	border-collapse: collapse;
	font-size: 0.8em;
}

.game {
	margin-bottom: 20px;
	padding: 10px;
	clear: both;
	font-family: Karla, Arial;
    font-size: 0.9em;
    border-collapse: collapse;
    color: #161616;
	overflow: hidden;
	border: 1px solid #e6e6e6;
}

.game-status {
	float: left;
	color: #727272;
	text-transform: uppercase;
}

.game-loc {
	color: #727272;
	float: right;
	text-transform: uppercase;
}
.game-date {
	float: left;
	padding-left: 2px;
	color: #727272;
}

.home-game {
	padding: 5px;
	overflow: hidden;
	position: relative;
	clear: both;
}

.home-team {
	float: left;
	clear: none;
	line-height: 30px;
}

.home-score {
	font-weight: bold;
	float: right;
	position: relative;
	line-height: 30px;
}

.away-game {
	padding: 5px;
	overflow:hidden;
	position: relative;
	clear: both;
}

.away-team {
	float: left;
	clear: none;
	line-height: 30px;
}

.away-score {
	font-weight: bold;
	float: right;
	position: relative;
	line-height: 30px;
}

.game-type {
	float: left;
	padding-left: 3px;
}

.extra-info {
	float: right;
}

.extra-info a:after {
    font-family: FontAwesome;
    content: ' \f105';
    font-size: 0.9em;
}
/*end scoreboards */

/* Toggler */
.cb-toggler .cb-toggle {
	letter-spacing: 2px;
	text-transform: uppercase;
}

div.cb-toggler {
	border: 1px solid #e6e6e6;
	padding: 10px;
}

.cb-on a.cb-toggle {
    border-bottom: 3px solid #ddd;
}

a.cb-toggle {
	font-family: Karla, Arial;
}

.cb-toggler {
	margin-bottom: 0px;
}

.cb-toggler .fa {
    display: none;
}

.cb-toggler.cb-on .fa-minus {
    display: none;
}

a.cb-toggle:before {
	display:none;
}

.cb-on a.cb-toggle:before {
    display: none;
}

a.cb-toggle:hover {
    text-decoration: none;
}

/* end toggler styles */

/* Homepage Custom single link */
.cb-single-link h2 a {
    font-size: 50px;
}

.cb-single-link .cb-article-meta {
    left: 0;
    bottom: 50%;
    text-align: center;
}

.cb-meta-style-4 .cb-article-meta {
    padding: 20px;
}

/* Black button */
.cb-button a {
	padding: 0px 25px;
	-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
	color: #161616!important;
	font-size: 0.8em;
	text-transform: uppercase;
}

.cb-button.cb-black a, .cb-button.cb-black.cb-no-url {
	background-color: transparent;
	border: 1px solid #161616;
}

.cb-button.cb-black a:hover {
    background-color: #161616;
    color: #fff!important;
}

/* White button */
.cb-button.cb-white a {
	color: #161616!important;
	border-color: #161616;
	font-family: 'Karla',Arial,sans-serif;
	font-weight: bold;
}

/* Mobile headline/meta */
@media only screen and (max-width: 767px) {
	.cb-entry-header {
    	margin: 10px;
}

	.cb-entry-header .entry-title {
		font-size: 1.5em;
}
}

/* grid meta info */
.cb-grid-feature .cb-byline a, .cb-grid-feature .cb-byline {
    color: #ddd;
}

/* caspio forms */
#caspioform td {
    border-bottom: none;
}

#caspioform th {
    font-family: Karla,Arial;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1em;
    color: #161616;
    background-color: #f0f0f0;
	text-align: left;
}

#caspioform th a {
    color: #161616;
    font-weight: bold;
}

/* Sidebar lists */
ul.postseason a:visited {
    color: #08c;
}

ul.postseason a {
    color: #47d5ff!important;
}

ul.postseason {
    margin: 0;
	font-family: Karla, Arial;
	font-size: 14px;
	font-weight: bold;
}

.postseason li {
	border-bottom: 1px dotted #ddd;
}

.postseason li:before {
    content: "\f105";
    font-family: 'FontAwesome';
	margin-right: 5px;
}

/* page-level scoreboards*/
.logo {
	clear: left;
	padding-right: 7px;
	float: left;
}

.logo img {
	width: 30px;
	height: 30px;
}
/* end scoreboards*/

.head4 .ranking {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	background-color: #fff;
}

.head4 {
	background-color: #f3f3f3;
}


/* top scorebord */

@media only screen and (max-width: 800px) {
	.scoreboard-top {
		display: none;
	}
}

/* blue button */
.cb-button.cb-blue a, .cb-button.cb-blue.cb-no-url {
    background: #0088cc!important;
    color: #fff!important;
    font-weight: bold;
    font-family: Karla, Arial;
}

.cb-button a {
	padding: 5px 25px!important;
	width: 100%;
}

/* maxpreps galleries */
.mp-thumb {
	float: left;
	margin: 0 0 0 10px;
}

.mp-container {
	display: block;
}

/* Header 3 */

.head3 {
	background-color: #ccc;
   	text-transform: uppercase;
    color: #000;
}

/* sidebar articles */
.cb-module-block .cb-small-margin .cb-byline .cb-byline-short {
	margin: 5px 0 0!important;
}

.cb-sidebar-widget {
	margin-bottom: 30px!important;
}

@media only screen and (max-width: 767px) {
.cb-entry-header .entry-title {
    font-size: 1.5em!important;
}
}

/* Mobile Caption */
.alignnone.cb-fs-embed .wp-caption-text {
	color: #999!important;
	text-align: left!important;
}

.cb-body-light .cb-entry-content .alignnone.cb-fs-embed .wp-caption-text {
	background: none!important;
}

/* front page postseason lists */
ul.bracket-links a {
	color: #47d5ff!important;
	font-weight: bold;
}

ul.bracket-links li {
    background-repeat: no-repeat;
    background-size: 25px;
    padding-left: 35px;
	background-position: left;
}

li.tennis {
	background-image: url(/wp-content/uploads/2017/10/tennis.png);
}

li.softball {
	background-image: url(/wp-content/uploads/2017/10/softball.png);
}

li.cross-country {
	background-image: url(/wp-content/uploads/2017/10/cross-country.png);
}

li.field-hockey {
	background-image: url(/wp-content/uploads/2017/10/field-hockey.png);
}

li.football {
	background-image: url(/wp-content/uploads/2017/10/football.png);
}

li.soccer {
	background-image: url(/wp-content/uploads/2017/10/soccer.png);
}

li.volleyball {
	background-image: url(/wp-content/uploads/2017/10/volleyball.png);
}

li.golf {
	background-image: url(/wp-content/uploads/2017/10/golf.png);
}

li.gymnastics {
	background-image: url(/wp-content/uploads/2017/10/gymnastics.png);
}

li.spirit {
	background-image: url(/wp-content/uploads/2017/10/spirit.png);
}

li.hockey {
	background-image: url(/wp-content/uploads/2018/02/hockey.png);
}

li.skiing {
	background-image: url(/wp-content/uploads/2018/02/skiing.png);
}

li.swimming {
	background-image: url(/wp-content/uploads/2018/02/swimming.png);
}

li.wrestling {
	background-image: url(/wp-content/uploads/2018/02/wrestling.png);
}

li.basketball {
	background-image: url(/wp-content/uploads/2018/02/basketball.png);
}

li.baseball {
	background-image: url(/wp-content/uploads/2018/04/baseball.png);
}

li.lacrosse {
	background-image: url(/wp-content/uploads/2018/04/lacrosse.png);
}

li.track {
	background-image: url(/wp-content/uploads/2018/04/track.png);
}

li.nfhs {
	background-image: url(/wp-content/uploads/2018/05/nfhs_network.png);
}

li.tickets {
	background-image: url(/wp-content/uploads/2019/10/ticket.png);
}

li.app {
	background-image: url(/wp-content/uploads/2019/10/cellphone.png);
}

li.info {
	background-image: url(/wp-content/uploads/2021/02/iconfinder_Information_Circle_4781829.png);
}

/* Menu font */
.cb-font-header {
	font-family: 'Karla','Inter UI',Arial,sans-serif!important;
}

/* NFHS Network feed */
.nfhs-network {
	font-family: 'Inter UI','Source Sans Pro', Arial;
}

.event-stream {
	padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #ddd;
}

.nfhs-thumb {
	display:inline-block;
	margin: 0 20px 0 0;
	position: relative;
	cursor: pointer;
}

.nfhs-thumb:before {
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    content: "\f04b";
    font-family: FontAwesome;
    font-size: 40px;
    color: #fff;
    opacity: .8;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}

.upcoming:after {
	content: '\f017';
    font-family: fontawesome;
    font-weight: normal;
    font-style: normal;
    margin: 0 0 0 10px;
    text-decoration: none;
}

.on-demand:after {
	content: '\f021';
    font-family: fontawesome;
    font-weight: normal;
    font-style: normal;
    margin: 0 0 0 10px;
    text-decoration: none;
}

.nfhs-thumb:hover:before {
    color: #eee;
}

.nfhs-thumb img {
	width:150px;
}

.nfhs-content {
	display:inline-block;
    vertical-align: top;
}

.nfhs-sport {
	font-size: 12px;
	text-transform:uppercase;
	color: #999;
	font-weight: bold;
}

.nfhs-headline {
	font-size: 15px;
	font-weight: bold;
}

.nfhs-headline a {
	color: #161616!important;
	text-decoration: none;
}

.nfhs-subhead {
	font-size: 13px;
}

.nfhs-date {
	font-size: 11px;
    color: #777;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
}

/* new caption */
.wp-block-image figcaption {
    color: #999!important;
    font: 12px Karla,Sans-serif!important;
    text-align: right!important;
    font-style: normal!important;
}

/* dropcap */
p.has-drop-cap:not(:focus):first-letter {
	font-size: 6em!important;
	font-weight: bold!important;
	float: left!important;
	line-height:1!important;
	margin: 0 20px 0 0!important;
}

figure {
	margin: 0!important;
}

/* four ads */
.ads-top {
  margin-bottom: 5px;
}

.ads-bottom {
  clear: both;
  margin-top: 5px;
}

.ads-left {
  float: left;
  margin: 0 5px 10px 0;
}

.ads-right {
  float: right;
  margin: 0 0 10px 0;
}

#custom_html-4 h3 {
    color: #aeaeae;
    font-size: 10px;
    text-align: center;
    font-weight: normal;
    font-family: 'Source Sans Pro', Arial;
    letter-spacing: normal;
    border-bottom: none!important;
    margin: 0 0 5px;
    padding: 0;
    display: inherit;
}

/*nav bar change font size */
@media only screen and (min-width:1200px) {
  #cb-nav-bar {
  font-size:14px!important;
}
}

/* corporate partners ads */
#corporate {
	white-space: nowrap;
	text-align: center;
}

.partners-third {
	width: 30%;
	display: inline-block;
	margin: 10px 0;
	text-align: center;
}

.partners-half {
	width: 45%;
	display: inline-block;
	margin: 10px 0;
	text-align: center;
}

/* live results mobile vs. desktop */
#live-results-desktop {display: block;}
#live-results-mobile {display: none;}

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

#live-results-desktop {display: none;}
#live-results-mobile {display: block;}

}

/* live results new format */
ul.live-results {
  list-style-type: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow: scroll;
}

.live-results li {
  display: inline-block;
  background-color: #f2f2f2;
}

.live-results li a {
  display: inline-block;
  color: #444444!important;
  text-align: center;
  padding: 16px;
  text-decoration: none;
  font-weight: bold;
}

.live-results li a:hover {
  background-color: #ccc;
  color: #fff;
  border-bottom: none!important;
}

.live-results li:first-child {
  background-color: #0088cc;
}

.live-results li:first-child a {
  color: #fff!important;
  }
  
#result-type {
  background-color: #fff;
  display: inline-block;
  color: #444;
  text-align: center;
  padding: 16px;
  text-decoration: none;
  font-weight: bold;
  }

/* live results drop down */
.results-live {
  display: inline-block;
}

.results-live select {
  color: #444;
  background-color: #f2f2f2;
  display: inline-block;
}

/* change font after global change */
.cb-tabs, .tabbernav, .cb-module-header, .cb-alert, .cb-mob-menu-wrap, .cb-post-meta, .awsm-personal-info {
	font-family: 'Inter UI','Karla',Arial,sans-serif;
}