/*! 
Theme Name: Theme Name: ipm-dig-1229v1.0(softlaunch)
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: digital-1229
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Digital 1229 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Navigation
	## Links 
	## Menus 
# Accessibility
# Alignments
# Clearings
# Widgets 
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
#Aaron's Styles
*/

html {
	height: 100%;
	box-sizing: border-box;
}


body {
  position: relative;
  margin: 0;
  min-height: 100%;
}

div#page{
    padding-top: 0;
    
}

h3, .h3 {
    font-size: 1.3rem;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
 div.microsite-header{
     max-width: 800px;
     margin: 0 auto;
     padding: 0 10px;
 }

 div#microsite-logo-container {
     margin-bottom: 20px; 
     margin-top: 60;
 }
 
 img#microsite-logo {
    display: block;
    max-width: 640px;
    width: 100%;
    height: auto;
    margin: 0 auto;
 }
 
 div.microsite-nav {
     
     margin: 0 auto;
 }
 
 ul#nav-list{
     list-style-type: none;
 }
 
 li.nav_item  {
     display: inline-block;
     margin: 10px 0;
 }
 
 div.microsite-nav ul {
	 text-align:center;
	 margin: 0 0 50px 0;
}
 
 div.microsite-nav ul li h4 {
	 padding: 5px 0px;
	 color: #666;
	 display: inline;
	 margin: 5px 8px;
	 font-size: 22px;
	 font-weight: 500;
	 text-transform: uppercase;
	 letter-spacing: 1px;
}
 div.microsite-fullwidth h4 {
	 font-size: 18px;
	 font-weight:300;
	 margin-bottom: 15px;
}
 div .microsite-fullwidth h1{
	 margin-bottom: 10px;
}
 div .microsite-fullwidth h4 {
	 font-size: 15px;
	 font-weight:300;
	 margin-bottom: 15px;
}
 div#page.microsite-page h4 {
	 font-size: 47px;
	 font-weight:300;
}
 div#page.microsite-page h4 {
	 font-size: 24px;
	 margin-top:10px;
	 margin-bottom:50px;
	 font-weight:300;
	 color:#333;
	 text-transform:uppercase;
}

.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/*ad style*/

div.sidebar-upper-underwritings.program-box {
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    height: auto;
}


/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media (max-width: 920px;){
    div.microsite-header{
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (min-width: 768px) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

@media (max-width: 600px){
    div#microsite-logo-container {
        margin-bottom: 0;
        padding: 0px 10px 10px 10px;
        width: 95%;
        margin-top:30px;
    }
    
     div.microsite-nav ul li h4 {
         padding: 0px 4px;
     }
     
     div.microsite-nav ul{
         margin-bottom: 0;
     }
     
     ul#nav-list li h3 {
         font-size: 1.3rem;
     }
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
 
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*********************Aaron's got Stylez for Milez********************/

div#page {
	background: #fff;
}


/***************Splash Section**********************/

article {
	margin: 0;
	padding: 0;
}



/*************Lead Story Styles******************/


.lead-section {
	margin: 6em auto 8em auto;
}


.lead-story-title {
	margin-top: -150px;
	color: white;
	position: relative;
	font-size: 26px;
	word-wrap: break-word;
	max-width: 640px;
	width: auto;
	background-color: rgba(105,105,105,.85);
	padding-left: .7rem;
	padding-bottom: .5rem;
}

.lead-vid-info {
    margin: 25px 0px;
}

.lead-vid-info h3 {
    font-size: 2rem;
}


@media (max-width: 660px) {
	.lead-story-image {
		padding-right:10px;
	}
	
}

@media(max-width: 1090px){
    .lead-story-image{
        width:96%;
        height: auto;
        margin: 0 auto;
    }
    
    
    .lead-story-title{
	    width:93%;
	}
    
}


@media (min-width: 1201px) {
	
	.lead-section {
		margin: 0 0 0 0 ;
	}

	.lead-story-image{
		margin-left: 5%;
		height: 496px;
		object-fit: cover;
		width: 580px;
	}

	.lead-story-title {
		margin-left: 5%;
		width: 568.5px;
	}
	
}

@media(max-width: 1200px) and (min-width: 1005px){
    .lead-story-image{
		height: 496px;
		object-fit: cover;
		max-width: 580px;
		min-width: 500px;
		width: 100%;
		margin-top: 0;
		margin-right: 10px;
	}
	
	 .lead-section {
        margin: 0 auto;
    }

	.lead-story-title {
		width: 568.5px;
	}
}

@media (max-width: 1095px){
    .lead-section {
        margin: 0em auto 8em auto;
    }
}



/*****************Child Styles************************/

div.other-section {
    margin: 0 auto;
    max-width: 700px;
    width: 100%;
}


.child-splash {
	width: 430;
	margin: 0 auto;
}


.child-entry-title {
	margin-top: -70px;
	display: flex;
	color: #fff;
	position: relative;
	font-size: 14px;
	word-wrap: break-word;
	width: 100%;
	padding:.3rem;
	background-color: grey;
	padding-left: .7rem;
	background-color: rgba(105,105,105,.85);
	padding: 2px;
}

h4.child-entry-title {
	padding-left: .7rem;
}

.child-splash article {
	max-width: 200px;
}


.second-child-row {
	margin-top: 1rem;
}

.child-row article:nth-child(odd){
	margin-right: 1rem;
}

.child-thumbnail img {
	height: 200px;
	width: 200px;
	object-fit: cover;
}

@media (max-width: 1078px){
    .child-entry-title{
        width:93%;
    }
    
    .child-row article:nth-child(odd){
        margin-right: .5em;
    }
    
    .second-child-row {
	margin-top: 1rem;
}
}

@media (max-width: 580px) {
	.child-splash {
	    display: none;
	}
	
	h1.entry-title{
	    font-size: 2rem;
	}
}

@media (min-width: 1000px) {

	.child-splash {
		width: 500px;
		margin: 0 auto;
		margin-left: 3.5%;
	}

	.child-thumbnail img{
		width: 240px;
		height: 240px;
		object-fit: cover;
	}

	.child-entry-title {
		margin-top: -100px;
		font-size: 18px;
		width: 227px;
	}

	.child-splash article {
		max-width: 240px;
		height: 240px;
	}

	.child-splash {
		margin-bottom: 2rem;
	}
}

@media (min-width: 1005px) and (max-width: 1200px){
    .child-splash{
        margin: 0 auto;
    }
}

@media (max-width: 1095px) {
    .child-splash{
      margin: 0 auto;
    } 
}

@media(max-width: 1106px) and (min-width: 1095px){
    .child-splash{
      margin-top: 100px;
    } 
}



/**************Single Post Style*************************/



.single-content-area {
	margin-top: 1rem;
}

.single-entry-header ul {
	list-style: none;
	padding-left: 0;
	margin-top: 7rem;
}

.single-entry-header ul li a {
	color: grey;
}

.post-author {
	margin-top: 1rem;
	color: gray;
}

.sidebar-up-next {
	list-style: none;
	float: right;
}

.single-content-area .entry-content {
	padding-left: -15px;
	display: inline-block;
}

.entry-content {
	max-width: 600px;
	width: 100%
}

.entry-content p {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

.entry-content p a {
    color: #660000;
    font-weight: 500;
    border-bottom: 1px solid #ccc;
}

a.url.fn.n {
	color: gray;
}


.single-post-container{
	width: 600px;
	margin: 0 auto;
}


.single-article {
		max-width: 800px;
		width: 100%;
	}

.single-post-thumbnail{
	width: 600px;
	object-fit: cover;
	}


figure figcaption{
    height: auto;
}

figure.image.align-left{
    float: left;
    width: 200px;
}

figure.image.align-right img {
    float: right;
}

figure.image.align-right figcaption {
    width: 200px;
    float: right;
    clear: both;
     margin: .5rem;
}

figcaption {
   margin-top: 5px;
}


@media (max-width: 600px) {
	.single-post-container {
		width: 95vw;
	}

	.single-post-container article {
		padding: 10px;
	}

	.single-post-thumbnail {
		width: 100%;
		height: auto;
		object-fit: cover;
	}

	.single-article{
		width: 90%;
	}

	.entry-title{
		width: 90%;
	}
	
}

.single-entry-header {
	margin-bottom: 5rem;
}

article header.single-entry-title {
	max-width: 600px;
	width: auto;
}

.single-entry-header a .cat-logo {
	margin: 2rem 0 2rem 0.2rem;
	width: 160px;
}
/**********archive.php***************************/


.archive-title {
	margin-bottom: 2.5rem;
}

.archive-loop-page  {
	margin: 1.5rem auto;
}

h2.entry-title .archive-header{
    font-size: 2.8rem;
}

.archive-header a, .author-desc {
	color: rgb(55,55,55);
}


.archive-header a:hover {
	text-decoration: none;
	color: rgb(55,55,55);
}


.archives .post-thumbnail .attachment-post-thumbnail, .author-desc, .page-entry-content img, .entry-content img {
	max-width: 600px;
	height: auto;
	object-fit: cover;
}

div.byline {
    margin-top: 20px;
}

@media (max-width: 700px) {
	.archives .post-thumbnail .attachment-post-thumbnail, .author-desc, .page-entry-content img, .entry-content img {
		max-width: 500px;
		width: 100%;
		height: auto;
		object-fit: cover;
	}

	.archive-loop-page  {
		max-width: 500px;
		width: 100%;
	}

	#player{
		width: 100%;
		margin: 0;
		height: auto;
	}

	.entry-content {
		width: 100%;
		max-width: 500px;
	}

	.entry-content p{
		width: 100%;
		max-width: 500px;
	}
	
 	.archive-teaser {
		max-width: 400px;
		width: 100%;
	}
	
	h2.entry-title .archive-header{
	    font-size: 1.8rem;
	}

}

@media (min-width: 701px) {
	.archives .post-thumbnail .attachment-post-thumbnail, .author-desc, .page-entry-content img, .entry-content img,  {
		width: 100%;
		max-width: 600px;
		object-fit: cover;
	}
}

.cat-logo {
	max-width: 300px;
	width: 100%;
}

hr.archive-story-seperation {
	border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
    margin-bottom: 2rem;
}

/*****************Archive Loop********************/

.archive-loop-page{
	padding: 15px;
}

.archive-loop-thumbnail{
	float: left;
    margin-right: 18px;
}

.archive-author {
	max-width: 150px;
	height: auto;
	word-break: break-word;
	margin: 10px 5px 5px 0;
 }

.archive-teaser p{
	display: inline;
	width: 100%;
	position: relative;
	clear: both;
	margin: 0;
	height: 150px;
	padding-left: 0;
}


/*****************page.php************************/

.page-view {
	max-width: 500px;
	width: 100%;
	margin: 0 auto;
}

@media (max-width: 600px){
    .page-view {
	max-width: 500px;
	width: 95%;
	padding:10px;
	margin: 0 auto;
}
}

.page-view article {
	margin-top: 1rem;
}

.page-entry-content{
	margin: 0 auto;
}


/******************Submit Page*******************/

textarea.wpcf7-form-control.wpcf7-textarea {
 width: 100%;
}

input.wpcf7-form-control.wpcf7-submit {
float: right
}

form.wpcf7-form {
margin: auto 10px;
}

.wp-image-228 {
height: 100%;
width: auto;

}

/**************Utility Class*********************/

@media (max-width:992px){ 

.invisible-below-large {
	display: none;
	}
 }

@media (max-width:992px){
 .invisible-at-large{
	display: none;
	}
}

@media (max-width:768px){ 

.invisible-at-portrait {
	display: none;
	}
 }

 @media (max-width:620px){ 

.invisible-at-small-portrait {
	display: none;
	}
 }

 @media (min-width: 1200px) {
 	.primary{
 		width: 1212px;
 		height: auto;
 		margin: 0 auto;
 	}
 	
    .primary-video{
 		width: 1000px;
 		height: auto;
 		margin: 0 auto;
 	}

 }
 
 @media(max-width: 1000px){
      article.embed-responsive{
          margin-right: 30px;
      }   
 }
 
 @media (max-width: 600px){
     .primary-video{
 		margin: 50px auto 0 auto;
 	}
 }



 /******Misc*********/

 
 .rpwwt-post-title {
 	color: rgb(49, 49, 58);
 }

 .rpwwt-widget {
 	max-width: 200px;
 	width: auto;
 }

aside .sidebar-up-next img {
	width: 100px;
	height: auto;
}
 figcaption {
 	color: gray;
 }

 .mejs-container {
 	margin-bottom: 20px;
 	max-width: 100%;
 	width: auto;
 }

 @media (max-width: 600px) {
 	.mejs-container {
 		width: 400px;
 	}
 }

 p img, figure img {
 	max-width: 624px;
 	height: auto;
 }

 body {
 	overflow-x: hidden;
 }

 @media (max-width: 402px) {
	.child-row {
		margin-left: 100px;
	}
}

.inbox-link{
	margin: 3rem 2rem;
}

div.inbox-link a {
	font-size: 44px;
	text-decoration: none;
	color: #A9A9A9;
}


/***************archive: archive-item******************/


div.archive-item{
    margin: 25px;
}

h4.toptag-alt{
    border: none;
}

div.centered-label{
    height: 50px;
    width: 100%;
}

div.centered-label{
    padding-top: 40px;
}


div.ep-info{
    display: inline-block;
    height: auto;
    margin-left: 20px;
}

div.ep-info.small-date {
    height 20px
}

h3.program-headline{
    margin-top: .5em;
}

div.archive-item img, div.archive-item iframe{
    width: 250px;
    height: 141px;
}

div.social-icons img{
    height:71.6px;
    width: 71.6px;
}

div.program-upper-content.grid_8{
    max-width: 620px;
    width: 100%;
}

div.program-bottom-content.grid_12{
    max-width: 940px;
    float: left;
}

div.read-more {
    margin-top: 8px;
}

div.read-more a {
    font-size: 1em;
}


 .ep-info h3 {
    font-size: 1.2em;
}    

.ep-info p {
    font-size: .8em;
    margin-top: .9em;
}

.ep-info .small-date{
    font-size: .9em;
}

.episode-name{
    margin-bottom: 15px;
}

h4.underline {
    	border-bottom: solid 2px #666;
        display: inline;
}

@media (max-width: 580px){
    div.index-archive-items {
        display: none;
    }
    
    div.archive-item{
        display: block;
        margin: 10%;
    }
    
    div.ep-info{
        margin: 10px 0;
    }
    
    /*div.archive-item img{*/
    /*    margin-left: 20px;*/
    /*}*/
    
    
}

@media (min-width: 580px){
    .mobile-archive-items{
     display: none;   
    }
    
    div.archive-item{
        display: flex;
    }
}

/***************Contact Form*******************/



.form-item{
    max-width: 400px;
    margin: 15px 0;
}

.form-item input{
    margin-top: 10px;
    width: 100%;
} 

textarea#texta{
    width: 100%;
    height: 150px;
}

h2.related_post_title {
    font-size: 1.5rem;
}

div.meta-columns.wide-meta-box.grid_8 {
    margin-left: 0;
    margin-right: 0;
}

a.wp_rp_title {
    color: #660000 !important;
}

#legal p {
    margin-bottom: 0;
}

.mega #legal {
    margin-bottom: 0;
}

.mega #mega-bottom-wrapper {
    height: 60px;
}