/*
 Theme Name:   The Interval
 Description:  ColorMag Pro Child Theme
 Author:       Sarah Salenger
 Author URI:   http://sarahsalenger.com
 Template:     colormag-pro
*/

/* Basic Element Overrides */

blockquote,
.entry-content blockquote {
	padding: 20px 30px 20px 45px;
	background: #fff;
	color: #000;
}

blockquote p {
  font-family: 'Anonymous Pro' !important;
  padding-left: 0;
  margin-bottom: 0;
}

blockquote p:before {
	content: "";
	position: static;
}

.wp-caption
.wp-caption-text {
	margin: .8075rem auto;
	text-align: left;
	font-size: 14px;
}
.wp-caption {
	border: none;
}
.wp-caption-text {
	width: 98%
}
body.postid-1625 #primary {
	width:80%;
}
/* Nav Adjustments */

#menu-top-navigation {
	width: 100%;
}
#menu-top-navigation li {
	float:none;
	display:inline-block;
}
.fa.search-top {
	right:-20px;
}


/* Custom Homepage Widgets */

.widget_secondary_feature_posts .single-article .article-content .entry-title a,
.interval_widget_featured_posts .single-article .article-content .entry-title a {
   color: #232323;
}
.interval_widget_featured_posts .single-article {
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
   margin-bottom: 30px;
   padding: 15px;
}

.interval_widget_featured_posts figure {
	float: left;
	width: 70.17543859%;
}

.interval_widget_featured_posts figure img {
	margin-bottom: 0;
}

.interval_widget_featured_posts .article-content {
	float: right;
	width: 25.19298245%;
}

.widget_secondary_feature_posts .single-article:nth-child(2n+1) {
   float: left;
   width: 48.7013%;
   clear: both;
}
.widget_secondary_feature_posts .single-article:nth-child(2n) {
  float: right;
  width: 48.7013%;
}

.widget_secondary_feature_posts .single-article {
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.widget_secondary_feature_posts .single-article {
   margin-bottom: 30px;
}

.widget_secondary_feature_posts .single-article img {
   margin-bottom: 0;
}
.widget_secondary_feature_posts .single-article .article-content {
   padding: 15px;
}
.widget_secondary_feature_posts .single-article .article-content .above-entry-meta .cat-links a {
   background-color: #289dcc;
   border-radius: 3px;
   color: #ffffff;
   font-size: 12px;
   padding: 3px 10px;
   display: inline-block;
}
.widget_secondary_feature_posts .single-article .article-content .entry-title {
   padding: 5px 0 0;
   font-size: 32px;
}

.widget_secondary_feature_posts .single-article .article-content .below-entry-meta .single-articleed-on,
.widget_secondary_feature_posts .single-article .article-content .below-entry-meta .byline,
.widget_secondary_feature_posts .single-article .article-content .below-entry-meta .comments,
.widget_secondary_feature_posts .single-article .article-content .below-entry-meta .tag-links {
   padding-right: 10px;
}
.widget_secondary_feature_posts .single-article .article-content .below-entry-meta .single-articleed-on .fa {
   color: #888888;
   font-size: 10px;
   padding-right: 3px;
}
.widget_secondary_feature_posts .single-article .article-content .below-entry-meta .byline .fa,
.widget_secondary_feature_posts .single-article .article-content .below-entry-meta .comments .fa,
.widget_secondary_feature_posts .single-article .article-content .below-entry-meta .tag-links .fa,
.widget_secondary_feature_posts .single-article .article-content .below-entry-meta .edit-link .fa {
   color: #888888;
   padding-right: 5px;
   font-size: 11px;
}
.widget_secondary_feature_posts .single-article .article-content .below-entry-meta .single-articleed-on a,
.widget_secondary_feature_posts .single-article .article-content .below-entry-meta .byline a,
.widget_secondary_feature_posts .single-article .article-content .below-entry-meta .comments a,
.widget_secondary_feature_posts .single-article .article-content .below-entry-meta .tag-links a,
.widget_secondary_feature_posts .single-article .article-content .below-entry-meta .edit-link a {
  font-size: 12px;
}
.widget_secondary_feature_posts .single-article .article-content .below-entry-meta {
   padding-bottom: 20px;
}

.blog .post:first-child .featured-image img {
	object-fit: cover;
	height: 400px;
}

/* Related Posts */
.advertisement_above_footer h3.widget-title {
}
.advertisement_above_footer h3.widget-title .fa {
   color: #289dcc;
}
.advertisement_above_footer h3.widget-title span {
   font-size: 26px;
   padding-left: 10px;
}
.extrp-col {
   width: 32.5%;
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
   margin-right: 1.25%;
   float: left;
   margin-bottom: 25px;
}
.extrp-col img {
   margin-bottom: 0;
}
.related-posts .extrp-col:nth-child(3n+3) {
   margin-right: 0;
}
.extrp-col div:nth-child(2) {
   padding: 0 10px 5px;
}
.extrp-col .byline {
   display: none;
}
.extrp-col div:nth-child(2) h3 {
   padding: 10px 0 0;
   font-size: 18px;
}
.extrp-col div:nth-child(2) h3 a {
   color: #232323;
   text-shadow: none;
}
.extrp-col div:nth-child(2) h3 a:hover {
   color: #289dcc;
}
.extrp-col div:nth-child(2) .below-entry-meta .posted-on,
.extrp-col div:nth-child(2) .below-entry-meta .byline {
   padding-right: 10px;
}
.extrp-col div:nth-child(2) .below-entry-meta .posted-on .fa {
   color: #888888;
   font-size: 10px;
   padding-right: 3px;
}
.extrp-col div:nth-child(2) .below-entry-meta .byline .fa,
.extrp-col div:nth-child(2) .below-entry-meta .comments .fa {
   color: #888888;
   padding-right: 5px;
   font-size: 11px;
}
.extrp-col div:nth-child(2) .below-entry-meta .posted-on a,
.extrp-col div:nth-child(2) .below-entry-meta .byline a,
.extrp-col div:nth-child(2) .below-entry-meta .comments a {
   font-size: 12px;
}

#extrp img {
	max-width: 100% !important;
}

.extrp-inline .extrp-col {
	padding: 0;
}


/* Responsive adjustments */ 

@media screen and (max-width:768px) {
	.interval_widget_featured_posts figure,
	.interval_widget_featured_posts .article-content {
      float: none;
      width: 100%;
    }
    .blog .post:first-child .featured-image img {
		object-fit: initial;
		height: auto;
	}
	#menu-top-navigation li {
		display:block;
	}
}

@media screen and (max-width: 600px) {
	.widget_secondary_feature_posts .single-article:nth-child(2n+1), 
	.widget_secondary_feature_posts .single-article:nth-child(2n) {
      float: none;
      width: 100%;
    }
}