/*-----------------------------------------------------------------------------------

	

   
    Theme Name: twentytwelve-child
    Theme URI: http: //mysite.com/
    Description: This is a custom child theme I have created.
    Author: Lisa Thomasson
    Author URI: http: //mysite.com/
    Template: twentytwelve
    Version: 0.1
   

	
	

-----------------------------------------------------------------------------------*/

@import url("../twentytwelve/style.css");

body.custom-font-enabled{
     font-family: 'Roboto', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;

}

html {
  font-size: 62.5%; }
body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: 'Roboto', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222; 
   background-color:#fff;

  overflow-x: hidden;

}

@media (min-width: 1530px) {

    .container.header {
        margin-top: 80px!important;
    }
}


/*ROBOTOTO MEDIUM*/






.generic .entry-header h1.entry-title{
    color: #231f20;
    margin-top:20px;
    margin-bottom: 40px;
    position: relative;
    font-family: 'AbrilText_Light';
font-style: normal;
font-weight: 300;

}

.generic .entry-header h1.entry-title a{
    color: #231f20;
font-size: 3rem;

}

.generic .entry-header h1.entry-title:after{
    
   content: '';
position: absolute;
left: 0;
top: 100%;
margin-top: 15px;
width: 20px;
height: 3px;
background: #ffcf0f;
display: block;



}

a {
    color:#ffcf0f;
}
#content h2{
color: #ffcf0f;
font-weight: 800;
}

#content {
       max-width: 100%;
}

.single .entry-header h1
{
   font-size: 1.8em;
}
.archive .archive-header
{
    display: none;
}
.widget-area .widget p, .widget-area .widget li, .widget-area .widget .textwidget {
    font-size: 1.2rem;
    line-height: 1.84615;
}


.blogTitle{
position: relative;
width: 100vw;
left: calc(-50vw + 50%);
background-color: #364652;
}


/*ABRIL FATFACE*/


.blogTitle h1 {
    font-family: 'Abril Fatface', cursive;
    font-weight: 100;
    margin-bottom: 1em;
}

@media (min-width: 1530px) {

    .blogTitle h1 {
        font-size: 6rem!important;
    }
    .home .heroContent h1{

    }
}

@media (max-width: 700px) {


    .home .heroContent h1{
        font-size: 3rem;
    }
    .heroBlock .heroContent{
        top: 295px;
    }
}



.blogTitle
{
    padding: 80px 0px;
}

.blogTitle .container
{
    max-width:1024px;
}
.blogTitle strong,
.blogTitle h1,
.archive-title {
    text-align: center;

    line-height: 1.2;
     color: #fff;
      display: block;
      font-size: 200%;
        text-transform: none;
      font-weight: normal;
} 


#secondary .widget
{
    background-color: #ebecee; 
    padding: 9%;
    margin-bottom: 20px;
    box-sizing: border-box;
}

#secondary .widget h3
 {
    font-family: 'Roboto', sans-serif-medium;
    font-weight: 500;
    font-size: 150%;
    margin-top: 0px;
    margin-bottom: 20px;
    line-height: 1.2;
    color: #222;
    text-transform: none;
    text-transform: uppercase;

}
.blog #content,
.single #content,
.archive #content {
    padding-top: 0px;
    margin-top: 0px!important;
}




























.main-header .container
{
    border: none;
}
.site-content article
{
  border: none!important;
}

.blogTitle strong, 
.blogTitle h1, 
.archive-title
{
    color: #fff;
}
.single #main, .archive #main
{
    margin-top: 0px;
}

#content article:nth-child(odd)
{
    border: 1px solid red;
    clear: left;
}
.journal p
{
    color: #fff;
    text-align: center;
    font-size:130%;
}
 img.wp-post-image
 {
     border-radius: 0px;
    box-shadow: none;
 }
.section.footer li a:hover
{
    color: #fff;
}


.home #main #primary
{
    width:100%;
}

@media (min-width: 1024px) 
{
    .home #main .site-content article
{
    width:47%;
    float: left;
    margin-left: 2%;
}
.nav-single span a{
   font-size: 120%;
}
}



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){

.widget-area aside:nth-child(3),
.widget-area aside:nth-child(4){
display:none;
}
  


    .site-content
    {
        float: none;
        width:100%;
    }
    .home #main .site-content
    {
        float: none;
    }

}





@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.single #main.container
{
    padding-top: 0px;
}
.section.footer li 
{
    margin-bottom: 1rem!important;
    font-size: 110%;
}
.widget-area
{
       width: 100%;
       float: none;
       
}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {


.single #main.container
{
    padding-top: 0px;
}
.section.footer li 
{
    margin-bottom: 1rem!important;
      font-size: 110%;
}
.single #content
{
    width: 70%;
    float: left;
}
.widget-area
{
    margin-top: 0px;
}


}