/*
 Theme Name:   15Zine- Colgate Magazine
 Description:  Child theme of 15zine for Colgate Magazine website
 Author:       Gordon Brillon
 Template:     15zine
 Version:      0.6.7
*/


/*loading fonts*/

@font-face {
	font-family: "Nocturno";
	src: url(//news.colgate.edu/public_html/wp-content/fonts/NocturnoDisplayStd-Regular.otf);  
	font-weight: normal;  
	font-style: normal;
}

@font-face {
	font-family: "Post Grotesk";  
	src: url(//news.colgate.edu/public_html/wp-content/fonts/PostGrotesk-Book.eot?#iefix) format("extended-opentype"),
	     url(//news.colgate.edu/public_html/wp-content/fonts/PostGrotesk-Book.woff) format("woff"),
	     url(//news.colgate.edu/public_html/wp-content/fonts/PostGrotesk-Book.woff2) format("woff2");  
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Post Grotesk";  
	src: url(//news.colgate.edu/public_html/wp-content/fonts/PostGrotesk-BookItalic.eot?#iefix) format("extended-opentype")
	     url(//news.colgate.edu/public_html/wp-content/fonts/PostGrotesk-BookItalic.woff) format("woff"),
	     url(//news.colgate.edu/public_html/wp-content/fonts/PostGrotesk-BookItalic.woff2) format("woff2");  
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: "Post Grotesk";  
	src: url(//news.colgate.edu/public_html/wp-content/fonts/PostGrotesk-Medium.eot?#iefix) format("extended-opentype")
	     url(//news.colgate.edu/public_html/wp-content/fonts/PostGrotesk-Medium.woff) format("woff"),
	     url(//news.colgate.edu/public_html/wp-content/fonts/PostGrotesk-Medium.woff2) format("woff2");
	font-weight: 700;
	font-style: normal;
}

/*setting fonts for headers, body copy*/

.cb-module-header .cb-module-title, .textwidget h2, .cb-entry-header h1, .cb-post-title, .cb-sidebar h3 {
    font-family: "Nocturno", serif;
	font-variant-numeric: lining-nums;
}

article, h4, h5, h6, h7, p, .cb-top-nav a, .cb-main-nav a, .cb-contents a, .textwidget li, .cb-article-meta h2, .cb-footer-links a, .cb-excerpt, .cb-sidebar li, .cb-author, .cb-entry-content h3, .cb-entry-content ul, .cb-font-header, .cb-entry-content h2, #reply-title, input::placeholder {
    font-family: "Post Grotesk", Arial;
}

p strong {
    font-family: "Post Grotesk", Arial;
    font-weight: 700;
}

p em {
    font-family: "Post Grotesk", Arial;
    Font-style: italic;
}

/* fixing color picker */

.hide-color-picker { 
	display: inline-block!important; 
}

/* styling bullets*/
.cb-entry-content ul, .cb-sidebar ul {
	list-style-type: none;
	padding: 0 0 0 1em;
}
.cb-entry-content ul li::before, .cb-sidebar ul li::before {
	content: "•";
	width: 1em;
	display: inline-block;
	color: #821019;
	font-weight: 700;
	position: absolute;
	left: -1em;
}
.cb-entry-content ul li, .cb-sidebar ul li {
	position:relative;
}
.cb-entry-content li + li {
    margin-top: 1em;
}
.cb-entry-content .blocks-gallery-grid {
	padding: 0;
}
.cb-entry-content .blocks-gallery-item::before {
	content:none;
}
/*styling homepage sidebar headers*/

.textwidget h2 {
	font-size: 1.5em;
}
.textwidget h2:first-of-type {
	margin-top: 0;
}

/*styling footer*/
@media only screen and (min-width: 768px) {
	#cb-footer .cb-footer-lower {
    	padding: 50px 0 25px;
    	font-size: 12px;
    	letter-spacing: 4px;
	}
}

/*styling dividers for 13 bits*/
.cb-divider .cb-title:before {
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    top: 50%;
    width: 1920px;
    right: 100%;
    background: #000;
}
.cb-divider .cb-title:after {
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    top: 50%;
    width: 1920px;
    left: 100%;
    background: #000;
}
.cb-divider .cb-title {
    color: #821019;
    margin: 0;
    position: relative;
    display: inline-block;
    letter-spacing: 2px;
    line-height: 1.2;
    text-transform: uppercase;
    padding: 0px 30px;
    font-size: 32px;
    font-weight: 700;
    background: #fff;
    font-family: "Nocturno";
}

/*styling photo captions*/
Figcaption {
	font-weight: bold;
	font-size: 12px;
	text-align: center;
    Line-height: 1.8;
}
@media screen and (min-width: 768px){
	Figcaption {
		font-size: 16px;
	}
}
.wp-block-image .aligncenter>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image .alignright>figcaption, .wp-block-image.is-resized>figcaption {
	display:block;
}
/*styling top menu bar*/
.cb-tm-dark #cb-top-menu .cb-top-menu-wrap {
	background-color: #821019;
}
/*styling headlines in category/search pages*/
.cb-blog-style-roll .cb-post-title {
	text-transform: none;
}
/*styling headlines on front page*/
.cb-meta-style-4 .cb-article-meta h2 {
	text-transform: none;
}
/*styling headlines on global sidebar*/
.cb-module-block .cb-article-small .cb-post-title {
	text-transform: none;
	font-size: 16px;
}
/*styling front cover for issuu on sidebar */
img.alignright.wp-image-434.size-full {
    max-width: 225px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
/*adding rules for srOnly class */
.srOnly{
    display: block;
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
/*coloring text on Master Slider Captions*/
.ms-gallery-template .ms-gallery-botcont {
	color: #484848;
	font-family: "Post Grotesk", sans-serif;
}
/*styling Issue Dates*/
.gb-issue-date {
	font-family: "Post-Grotesk", sans-serif;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #888;
}
.cb-byline {
	margin: 0 0 4px;
}
/*styling excerpts on homepage */
.gb-excerpt {
	margin-top: -1em;
	line-height: 1.4;
	color: #fff;
	padding-left: 10px;
}
.cb-grid-feature .cb-article-meta h2{
	background-color: rgba(0,0,0,.6);
	padding: 10px;
	transition: background-color .25s linear;
}
@media only screen and (min-width: 1020px) {
	.gb-excerpt {
		font-size: 16px
	}
}
.cb-meta-style-4 .cb-article-meta {
	margin: 20px;
}
.cb-meta-style-4.cb-s .cb-article-meta {
	width: 85%;
}
/*Animating excerpts on homepage*/
.cb-grid-feature .gb-excerpt {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.5s linear;
}
.cb-grid-feature:hover .gb-excerpt {
	visibility: visible;
	opacity: 1;
}
.cb-grid-feature .cb-article-meta {
	margin-bottom: -50px;
	transition: margin-bottom .5s;
}
.cb-grid-feature:hover .cb-article-meta {
	margin-bottom: 20px;
}
.cb-grid-feature:hover .cb-article-meta h2 {
	background-color:transparent;
}
/*nullifying weird width forcing on center-aligned images on no-sidebar template*/
@media screen and (min-width: 1200px) {
	.cb-sidebar-none-narrow.cb-embed-out .aligncenter {
		width: auto !important;
		margin: auto !important;
	}
}
@media screen and (min-width: 1020px) {
	.cb-sidebar-none-narrow.cb-embed-out .aligncenter {
		width: auto !important;
		margin: auto !important;
	}
}
@media screen and (min-width: 768px) {
	.cb-sidebar-none-narrow.cb-embed-out .aligncenter {
		width: auto !important;
		margin: auto !important;
	}
}
/*standardizing size+case of h1 between articles with/without featured images*/
.cb-fis h1{
	text-transform: none;
}
@media screen and (min-width: 768px){
.cb-fis h1 {
    font-size: 25px;
	}
}
@media screen and (min-width: 1020px){
.cb-fis h1 {
    font-size: 35px;
	}
}
.cb-entry-header h1 {
	font-weight:700;
	letter-spacing:3px;
	font-size: 16px
}
@media screen and (min-width: 768px){
.cb-entry-header h1 {
    font-size: 25px;
	}
}
@media screen and (min-width: 1020px){
.cb-entry-header h1 {
    font-size: 35px;
	}
}
/*resizing h2 for posts w/ sidebar*/
.cb-sidebar-right h2 {
	font-size: 20px;
	font-family: "Post Grotesk";
}
@media screen and (min-width: 1020px){
.cb-sidebar-right h2 {
    font-size: 25px;
	}
}
/*establishing sidebar class*/
.gb_sidebar {
     background-color: #D2D4D6;
     padding: 20px 20px 20px 20px;
}

@media only screen and (min-width: 768px) {
     .gb_sidebar {
         width: 40%;
         float: right;
		 margin-left: 20px;
		 z-index:100;
		 position: relative;
     }
}
.gb_sidebar ul {
     padding: 20px 20px 20px 40px;
}
/*pull links to front for images used as links/aligned to one side*/
Figure a {
     z-index: 100;
     position: relative;
}
/*Hiding blockquotes on mobile - .quote and .source are user-added tags on old stories. future quotes will use blockquote tag*/
@media screen and (max-width: 768px){
	.quote, .source{
		display:none;
	}
	blockquote{
		display:none;
	}
}
/*reducing size of side-aligned images on mobile*/
.cb-entry-content .alignleft {
	max-width:50%;
	margin: 0 20px 0 0;
}
.cb-entry-content .alignright {
	max-width:50%;
	margin: 0 0 0 20px;
}
/*Styling h2 on no-sidebar template (features)*/
.cb-sidebar-none h2 {
    font-family: Nocturno;
	margin: 0;
	font-weight: bold;
	font-size: 30px;
    padding: 30px 0 10px 0;
}
@media screen and (min-width: 768px){
    .cb-sidebar-none h2 {
        font-size: 36px;
        padding: 36px 0 10px 0;
	}
}
@media screen and (min-width: 1020px){
    .cb-sidebar-none h2 {
        font-size: 50px;
        padding: 50px 0 10px 0;
    }
}
/*styling lead-in class*/
.gb-lead-in {
    color: #821019;
    text-align: center;
	font-size: 24px;
    margin: 1em .5em;
}
@media screen and (min-width: 768px){
    .gb-lead-in {
        font-size: 30px;
		margin: .5em 0;
	}
}
@media screen and (min-width: 1020px){
    .gb-lead-in {
        font-size: 36px;
		margin: 1em 0;
	}
} 
/*Styling blockquotes*/
blockquote {
    font-size: 30px;
    font-weight: bold;
    padding: 45px 0;
    margin: 0;
	font-style:normal;
	letter-spacing:normal;
	line-height:1.8;
}
blockquote p{
	margin:0;
	font-family:Nocturno;
	color: #821019;
}
blockquote cite{
	font-family: Nocturno;
	padding: 15px 0 0 0;
	font-size:16px;
	color:#E10028;
	font-weight:bold;
	margin:0;
	font-style:normal;
}
@media screen and (min-width: 1020px){
    blockquote {
        font-size: 36px;
		padding:60px 0;
	}
	blockquote cite{
		padding: 20px 0 0 0;
		font-size:18px;
		
	}
}