/*
 Theme Name:   Literatum Child
 Description:  Literatum Child Theme
 Author:       Michelle Yong
 Author URI:   http://michelleyong.ca
 Template:     literatum
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  literatum-child
*/


/*--------------------------------------------------------------
1.0 Typography Customizations
--------------------------------------------------------------*/

article .entry-content > p,
article .entry-content section > p {
		margin: 22px auto;
        
}

/* h1-h3 are used for subheads. h6 is used for big pullquotes */

article h1 {
    font-size:1.6em;
    font-weight:700;
   
}
article h2 {
    font-size:1.2em;
    font-weight:600;
    color:#555555;
    
}
article h3 {
    font-size:1.2em;
    font-style: italic;
    font-weight:400;
    color:#59b45f;
    padding: 0 20px;
}

article h6 {
    font-size:2.1em;
    font-weight:500;
    line-height: 1.4em;
color:#59b45f;
}


article blockquote {
        color:#555555;
        border-color: #cccccc;
}



.question:before, .answer:before {
    font-size: 0.8em;
}

.reference {
    font-size:0.9em;
	line-height:1.5em;
	font-weight:100;
	text-decoration:none;
    list-style:none;
    padding:0 20px;

}

article ul li {
    margin-top: 12px;
}

.author-profile-info .author-desc {
    margin-top: 30px;
    font-size: 15pt;
}
    

/*--------------------------------------------------------------
Captions
--------------------------------------------------------------*/
*.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}
.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
  position: relative;
  width: 100%;
  background-color: rgba(0,0,0,0.6);
  bottom: 0px;
  font-family: 'pt sans', sans-serif;
  text-align: left;
  color: #fff;
  font-weight: 300;
  font-size: 13px;
  padding: 10px 15px;
  margin: 0;
  line-height: 2;*/
}

/*slider captions*/

.caption {
font-size:0.9em;
	font-family: 'pt sans', sans-serif;
	line-height:1em;
	font-weight:100;
	text-decoration:none;
	text-align:center;
}


/*--------------------------------------------------------------
2.0 Issue Colours
--------------------------------------------------------------*/

.issue02 {color: #e25100;}
.issue03 {color: #9e1518;}
.issue04 {color: #0e955e;}
.issue05 {color: #ff3f44;}
.issue06 {color: #00CDBD;}
.issue07 {color: #ef3e42;}
.issue08 {color: #5DB860;}

#nprogress .bar {
    background-color: #5DB860;
}


/*If you can figure out how to overwrite these stupid 
inline style without using !important, good on you*/

.issue08 > a:hover {
    color: #5DB860!important;
}

.image-cover {
	background-color:rgba(0,0,0,0)!important;
}

/*--------------------------------------------------------------
3.0 Images 
--------------------------------------------------------------*/

.alignleft {margin-bottom: 0.5em;}
.alignright {margin-bottom: 0.5em;}


/*Because the existing ones are frankly quite bad*/
.imgcaption {
    color: #555;
    font-size: 11pt;
    text-align: left;
    padding: 0 2em 20px 2em;

}

/*--------------------------------------------------------------
4.0 Video
--------------------------------------------------------------*/

.player .video-wrapper .video {background-repeat: space;}

.vimeo {
  position: relative;
  padding-bottom: 56.25%; /* 16/9 ratio */
  margin-top: 0px;
  padding-top: 0px; /* IE6 workaround*/
  height: 0;
  overflow: hidden;
  color: white;
  margin-bottom: 27px;
}
.vimeo iframe,
.vimeo object,
.vimeo embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*--------------------------------------------------------------
5.0 Masterslider customizations
--------------------------------------------------------------*/

.master-slider-parent {max-width: 640px;}

.caption {
font-size:0.7em;
	font-family: 'pt sans', sans-serif;
	line-height:1em;
	font-weight:100;
	text-decoration:none;
	text-align:center;
}

/*--------------------------------------------------------------
6.0 Things from YiLi
--------------------------------------------------------------*/

#topcontrols {display: none;}

.article-card > .inner  .inner .post-subtitle {
	display:block;
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	font-family:'helvetica neue', helvetica, arial, sans-serif;
	font-size:17px;
	line-height:1.2em;
	font-weight:100;
	color:rgba(255,255,255,1);
	text-decoration:none;
	cursor:pointer;
	padding:5px 50px;

	
	transition: color .15s ease-in-out;
    -moz-transition: color .15s ease-in-out;
    -webkit-transition: color .15s ease-in-out;
    
}

.article-card > .inner .inner .title {
	color:rgb(255,255,255,1);
	
	transition: color .15s ease-in-out;
    -moz-transition: color .15s ease-in-out;
    -webkit-transition: color .15s ease-in-out;
    
}

.article-card.square.double {
	width:66.66%;
}

.postnav {
  width: 100%;
}