/*
Theme Name: SimpleMag
Theme URI: http://themesindep.com/
Author: ThemesIndep
Author URI: http://themesindep.com/
Description: Magazine theme for creative things
Template: simplemag
Version: 2.0
*/


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

/* Your CSS code goes here
-------------------------------------- */

.contact-form {
    background:#efefef;
    padding:12px;
    width:280px;
}

.contact-form input[type="text"], .contact-form input[type="email"] {
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
border-top: 1px solid #CCC;


}

input[type="submit"] {
    color: #000;
    padding: 12px 30px 10px;
    border: 2px solid #ccc;
    position: relative;
    text-transform: uppercase;
    margin-top: 12px;
    font-weight: 300px;
    background:#fff;
}

input[type="submit"]:hover {
    background: #FFCC0D;
    box-shadow: none;
    }


/*.single-format-gallery .entry-media{
    margin-top: -40px;

}
*/

 /* Customizations for the 404 page - jim*/

article.error404{
        text-align:left;
}

article.error404 h1 {
    font-size: 50px;
    text-transform: uppercase;
    line-height:50px;
    margin-bottom:12px;

}

#frame404{
    margin-top:36px;
}


 /* Fixes for search page - jim*/

 .search-results .entry-list h2{
    text-transform:uppercase;
    line-height: 1.2em;
    margin-bottom:12px;
 }

 .search-results .entry-list h2 a{
    text-decoration: none;
 }

  .search-results .entry-list h2 a:hover{
    text-decoration: underline;
 }


 .search-results .entry-list article {
    padding: 30px 0px;
    border-bottom: 1px solid #333;
}

 .search-results .entry-summary a {
   font-size:12px;
   text-transform:uppercase;

}

#fancybox-overlay {
    background-color: #000000!important;
    opacity: 0.9!important;
}




 /* Changes text selection highlight color to grey - jim*/
::selection {
  background: #ccc!important; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #ccc!important; /* Gecko Browsers */
}


.widget_recent_entries a{
    text-transform: uppercase;
    font-weight:600;
} /*Increases font weight on sidebar text links - jim*/

.single .single-box.entry-media img {
    float:left;
}/*Floats single post image left*/


#author-box .avatar img {
    width: 150%;
    height: auto;
}/*bumps up the size of the author avatar*/


#third .widget {
    text-align: right;
}/*Text-aligned right widget to right. */


/*JIM'S CHANGES 07-28*/

/* GETS RID OF ANNOYING FIRST LETTER PARAGRAPH THING - jim*/
.single .entry-content > p:first-of-type:first-letter {
    font-size: inherit;
    float: none;
    line-height: inherit;
    padding: 0px 0px 0px 0px;
    font-weight:  inherit!important;
    font-family:'Lato', Arial, Verdana, 'Helvetica Neue', Helvetica, sans-serif!important;
}

.single .entry-content > p{
    font-weight:300!important;
    color:#000;
    font-size:16px;
}

.page .page-content p {
    font-weight:300!important;
    color:#000;
    font-size:16px;
}
   
 .single .sidebar {
    margin-top: -40px !important;/*Aligns sidebar vertically with post featured image*/
}
    

  .entry-summary p{
        line-height: 20px;
        font-weight:300;
        color:#111; /*font weight and line-height on post excerpts - jim*/
    }

.page-id-17 .latest-posts .section-header .title  {
    display: none; /*Hides the "More Stash title on the homepage - jim*/
}



.sidebar {
    border: 0 solid #000;
   /* padding: 8%;*/
    width: 92.5%; /*fixes the width on the sidebar - jim*/
}


#recent-posts-2 ul li a{
    text-transform:uppercase;/*sidebar text links are now uppercase - jim*/

}


.posts-slider .entry-header .entry-meta{
    display:none; /*Hides the meta on post sliders in categories - jim*/
}


/*Styles for the post slider nav buttons + rollover state - jim*/

.posts-slider .flex-direction-nav a {
    color:#fff; /*Changed color of carat - jim */
    border:2px solid #fff; /*Changed color of border - jim */
    background: none;/*Removed background from static state - jim*/
    font-size:28px;
    display:block;
    width:54px;
    height:54px;
    line-height:55px;
    text-align:center;
    margin-top:-27px;
    bottom: 20px;   
}
    .posts-slider .flex-prev {
        right:90px;
    }
    
    .posts-slider .flex-next {
        right:20px;
    }

    .posts-slider .flex-prev:hover,
    .posts-slider .flex-next:hover {
        box-shadow:none;
        text-shadow:none;
        background-color: rgba(255, 204, 13, 0.4); /*Added transparent background to rollover - jim*/
    }

/*Styles for the GALLERY slider nav buttons + rollover state - jim*/

#gallery-carousel .carousel-nav a{
     color:#fff; /*Changed color of carat - jim */
    border:2px solid #fff; /*Changed color of border - jim */
    background: none;/*Removed background from static state - jim*/
    font-size:28px;
    display:block;
    width:54px;
    height:54px;
    line-height:55px;
    text-align:center;
    margin-top:-27px;
    bottom: 20px;   
}

#gallery-carousel:hover .carousel-nav {

      box-shadow:none;
        text-shadow:none;
        background-color: rgba(255, 204, 13, 0.4); /*Added transparent background to rollover - jim*/    

    }

.author #author-box {
    background: none repeat scroll 0px 0px #EEEFF0;
    color: #666;
    font-size: 90%;
    padding: 0px;
    margin-top:130px; /*Moves author box out from under nav on author aggregation pages - jim*/
}


.category .entry-header .page-title {
    margin-top: 110px;/*Moves content of aggregation pages down to reveal the category title. - jim*/
    font-size:36px!important;  /*Adjusts font size of page title*/
}

.page .entry-header .page-title {
    margin-top: 120px;/*Moves content of aggregation pages down to reveal the category title. - jim*/
    font-size:36px!important;  /*Adjusts font size of page title*/
}

.category .entry-header .page-title h1  {
    margin-top: 110px !important;/*Moves content of aggregation pages down to reveal the category title. - jim*/
    font-size:36px!important;  /*Adjusts font size of page title*/
}

.tag .entry-header .page-title {
    margin-top: 110px !important;/*Moves content of aggregation pages down to reveal the TAG title. - jim*/
    font-size:36px!important;  /*Adjusts font size of page title*/
}

/*Adjustments to accommodate the social sidebar*/

#featurepost-2{
    padding-top:0px;
    padding-bottom:31px;
}

#text-9{
    padding-top:8px;
    padding-bottom:17px;
}

#text-8{
    padding-top:7px;
}

#recent-posts-3 {
    margin-top: 0px !important;
}

/*****************************/

.widget h3 {
    color: #121212;
    letter-spacing: 0;
    margin-bottom: 30px;

}

.widget_recent_entries li:before, .widget_recent_comments li:before {
color: #fff;

    left: 0;
    margin-top: -25px;
    opacity: 0.5;
    position: absolute;
    top: 50%;
}

.widget_recent_entries li, .widget_recent_comments li {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    padding-left: 0;
    position: relative;
    line-height: 14px; /*adjusts line height of sidebar text links - jim*/
}

.sidebar .widget {
   /* border-top: 11px solid #e6e7e8; 
    font-size: 13px;
    margin-top: 30px;
    padding-top: 30px;  Adjusted the spacing on the sidebar, vertical distance between widgets- jim*/
    border-top:none;
    margin-top:0;
}


.stsocial {
    float: left;
    padding: 8px;
}


.stsocial:hover {
  
   background-color: rgba(255, 204, 13, 0.9); 
}

.stsocials {
    height: 60px;
    margin: auto;
    margin-bottom: 36px;
    width: 300px;
}

.stsmall {
    font-size: 14px !important;
    margin-bottom: 11px !important;
    margin-top: -9px !important;
}


/*.single-title span {
    font-size: 50px !important;
}*/


.page-title span, .home-section .section-header .title span {
    background: none repeat scroll 0 0 #fff;
    display: inline-block;
    font-size: 20px;
    letter-spacing: 0;
/*    margin: 0 20px; */
    margin: 0; 
    padding: 0;
}

.page-title, .single-title, .home-section .section-header .title {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0)!important;
    text-align: left;
}

.home-section .section-header {
    margin-bottom: 0;
    text-align: left!important;
}

.latest-posts {
   /* margin-top: -70px;  */
     margin-top: -18px; /*Increased margin between slider and post aggregation */
}


.nav-single {
    border-bottom: 10px solid #efefef;
    border-top: 10px solid #efefef;
    padding: 30px 0;
    position: relative;
}


.nav-single .sep {
    border-left: medium none!important;
}



/* --- Footer changes --*/

.footer-sidebar .widget h3{
    padding:0!important;
    text-align:center;
}

.footer-sidebar .widget li {
   text-transform:uppercase!important;
   font-size:11px;


}

.footer-sidebar .widget li a{
   color:#fff!important;

}

.footer-sidebar .widget li a:hover{
   color:#ffcc0d!important;

}

.col-3 #first {
    width: 25%!important;
}
.col-3 #second {
    width: 49%!important;
    text-align:center;
}

#second, #third {
border:none!important;
}

#first, #third {
text-align:left!important;
}

.main-social-icons{
    margin-right: 10px;
    padding-top: 6px;
    height: 34px;
    float:right;

    
}

.main-social-icons > a {
     color: #fff !important;
    margin-right: 10px;
}

.main-social-icons > a:hover{
    color: #FFCC0D!important; /*Adds rollover state for nav social icons - jim*/
}

header h2.entry-title {
    font-size: 40px !important;
}

.posts-slider .entry-header {
    bottom:0 !important;
}




/* -- Nav -- */

.logo img {
    display: block;
    height: 55px;
    margin-left: 10px;
    margin-top: 2.5px;
    max-width: 100%;
}

#masthead .top-strip nav > ul > li a {
    padding: 10px 14px;
}

#masthead .main-menu {
    margin: auto;
    width: 50%;
}

#masthead .top-strip nav .sub-menu {
    margin-left: -265px;
    top: 57px;
    width: 1030px;
}

.color-site-dark a {
    color: #ffcc00;
}

#masthead .top-strip nav > ul > li a {
    font-size: 87%;
    font-weight: 400;
    letter-spacing: 0;
    color: #FFCC0D;
    -webkit-transition: color .5s; /* For Safari 3.1 to 6.0 */
    transition: color .5s; /*Added rollover state to main nav elements - jim*/
}


#masthead .top-strip nav > ul > li a:hover {
    color:#efefef!important; /*Added rollover state to main nav elements - jim*/
}

.color-site-dark, .color-site-dark .sub-menu, .color-site-dark .widget_ti_most_commented li h4 {
    background: none repeat scroll 0 0 #121212;
    color: #8c919b;
    padding: 12px!important;
}


#masthead .top-strip nav .sub-menu {
    top: 57px;
}

/* -- Slider --*/

/*.posts-slider:hover figure:before {
opacity: 0.!important;
}*/

.page-id-2 .posts-slider{
    margin-top:80px;
}

.page-id-2 .posts-slider .entry-header {
    bottom: 0 !important;
    left: 2%;
    top: 62%!important; /*Lowered the position of the headline & excerpt in the main slider - jim*/
    text-shadow: 1px 1px 1px #333; /*Added shadow to make text more readable - jim*/
}

.archive .posts-slider .entry-header {

    left: 3%;
    top: 52% !important; /*Lowered the position of the headline & excerpt in the main slider - jim*/
    text-shadow: 1px 1px 1px #333; /*Added shadow to make text more readable - jim*/
}


.page-title, .single-title, .section-header .title, .posts-slider .entry-title {
    letter-spacing: 0;
}


/* -- social icons -- */

.single-box{
    border-bottom:none!important;
}

#social-box{
    border-top:none;
    margin-bottom: 36px;
}


#social-box li:after {
    content: " ";
    font-size: 10px;
    padding-left: 0;
    position: relative;
    top: -1px;
}

#social-box li span {
    color: #000;
}

#social-box li {
    float: left;
    font-size: 12px;
    letter-spacing: 0.2em;
    text-align: center;
    text-transform: uppercase;
    padding:12px;
    width:36px;
}



.main-social-icons {
    margin: 10px 0 0 12px;
}

.color-site-dark a {
    color: #ffcc00;
    text-decoration: none;
}


/* -- Home -- */

/* .menu a, a:hover, a.read-more, .entry-title a, .widget_pages a, .widget_categories a, .comments li .vcard a, .widget_recent_entries a, .widget_recent_comments a { */



.page-id-17 .page-title span, .home-section .section-header .title span {
    font-size: 30px !important; /*Increased font-size - jim*/
}

/* .entry-title a {
    font-size: 12px!important;
    text-decoration: none;
    text-align:left;
} */


.entries article .entry-title  a:hover {
    text-decoration: underline;  /*Rollover state for post titles on aggregation - jim*/
} 

.entries article .entry-title {
    line-height: 130%!important;
    margin: 5px 0;
}

.entry-header {
    text-align: left!important;
}

.entries article {
    text-align: left;
}

.entries .entry-meta, .entries  .entry-author {
display:none!important; /*Hides tags and date, author on aggregation pages ONLY - jim*/
}

.single .entry-header .entry-meta {
    /*display:none;  /*Hides META on single post pages ONLY - jim*/
            margin-top:120px;  /*Increases top margin to reveal date and path meta - jim*/
             font-family: "Lato";
             letter-spacing:normal;
}

.entry-category a{
    text-decoration:none;
   
}

.entry-category a:hover{
    text-decoration:underline; /*Adds rollover state to breadcrumb*/
}

.entry-author{
    font-size:14px;
    line-height:40px;
    letter-spacing:0em;
    text-transform:uppercase;
    margin-bottom:18px;
    font-family: "Oswald",Arial,Verdana,"Helvetica Neue",Helvetica,sans-serif; /*Styles the byline - jim*/
}


.page-id-2 .grid-8 article {
position: relative;
height:360px;
}


.latest-posts .masonry-layout article, body:not(.home) .masonry-layout article {
    border-bottom: 0 solid #000;
    padding-bottom: 27px;
}



.sidebar {
    margin-top: -38px; /*decreased top margin of the whole sidebar  - jim*/
}

.page-id-2 .sidebar {
    margin-top: -31px; /*decreased top margin of the whole sidebar  - jim*/
}


.widget h3 {
    /*color: #121212;*/
    color:#FFCC0D;/*changed font color to yellow: - jim*/
    letter-spacing: 0;
    margin-bottom: 20px;
    margin-top: 14px;
    text-align:inherit!important;
    background-color: #111;
    font-size: 18px; /*Increased font size - jim*/
    padding:10px 0px 10px 10px; /*added padding - jim*/
    font-weight:400;
    
}

#masthead .main-menu .sub-menu .sub-links li a {
    color: #ffcc00;
    display: block;
    font-size: 18px!important;
    letter-spacing: 3px;
    line-height: 21px;
    padding: 6px 25px;
}



/* -- section header -- */

#masthead {
    margin-bottom: 20px;
    position: fixed;
    width: 100%;
    z-index: 100;
}



.page-title span, .home-section .section-header .title span {
    font-size: 50px;
    padding:0;
    margin:0;
}

#masthead .main-menu .sub-menu .sub-links a, #masthead .main-menu .sub-menu .sub-posts a {
    color: #ffcc00;
    letter-spacing: 2px;
    line-height: 17px;
}

/* -- single page -- */

.title span {
    font-size: 40px!important;
}


/* -- pagination -- */

.pagination ul {
    border-bottom: 0 solid #000;
}

.page-numbers .current {
    background-color: #FFCC0D !important;
    border:#333 solid thin;
    color: #333;
}

.page-numbers {
    letter-spacing: 0px;
}

/* -- search icon -- */

.icon-search:before {
    color: #ffcc00;
    border-right: thin solid #505050;
    padding-right: 11px;
}

/* -- footer -- */



.copyright {
    display: none;
    line-height: 2em;
    padding: 30px 0;
}



/* -- slide dock -- */
.slide-dock {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #000000;
    border-color: #000 #fff #000 #000;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 30px;
    bottom: 0;
    color: #fff;
    font-family: lato;
    position: fixed;
    right: -361px;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out 0s;
    width: 330px;
    z-index: 999;
}



#masthead .top-strip nav .sub-menu li:first-child {
    border-top: medium none;
    margin-left: -35px;
}
#masthead .main-menu .sub-menu .sub-posts li {
    border-bottom: medium none;
    float: left;
    height: 240px;
    margin: -58px -14px -14px -7px;
    padding: 0;
    width: 274px;
}

#masthead .main-menu .sub-menu .sub-posts figure {
    height: 146px;
    margin-bottom: 15px;
    overflow: hidden;
    width: 308px;
}

#masthead .main-menu .sub-menu .sub-links li:first-child {
    border-top: medium none;
    margin-left: 0;
}

#masthead .main-menu .sub-menu .sub-links a, #masthead .main-menu .sub-menu .sub-posts a {
    color: #fff;
    letter-spacing: 2px;
    line-height: 17px;
}




/* - -  inner background - - */

#masthead .main-menu .sub-menu {
    border-top-color: #000000;
}


#masthead .main-menu .sub-menu {
    background: none repeat scroll 0 0 #000;
}

#masthead .main-menu .sub-menu .sub-links {
    background: none repeat scroll 0 0 #121212;
    border-right: thin solid #2a2a2a;
    float: left;
    margin-bottom: -2000px;
    margin-top: -26px;
    padding: 30px 0 2030px;
    text-align: left;
    width: 256px;
}

#masthead .main-menu .sub-menu .sub-links li {
    border-top-style: none;
    border-top-width: 0;
    display: block;
    margin: 0;
}




/* featured widget  custom felix */

.fsfeatwid {
    height:190px;
    max-width:308px;
}


.fsfeatwidcont {
    width:76px;
    height: 76px;
    float:left;
    overflow:hidden;
    margin-top: 0px;
    background-color:#000;
}

.fsfeatwidcont img{
    width:90px!important;
    height:89px!important;
}

.fsfeatwidcont img:hover{
    opacity: .5;

}

/* -- footer -- */

#text-5 { text-align:left!important;}
.post-categories li { float:left;}


/* -- breadcrumb -- */

.breadcrumb { padding-top: 80px;}
.post-categories li:after {    content: "\00a0 \00a0 > \00a0 \00a0";}

/* -- author -- */

#author-box .inner {    border: 0 solid #000;    padding: 20px;}
#author-box {    background: none repeat scroll 0 0 #eeeff0;    color: #666;    font-size: 90%;    padding: 0;}

/* -- slider -- */
body.page-id-17 .flexslider {    overflow: hidden;    padding-top: 65px;    position: relative;
}


body.page-id-17 .entry-header {    padding-top: 0;}



#fancybox-outer {    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;}
#fancybox-content {
    border: medium none !important;}


.fsbox {
background:none;
color:#FFF;

border:none;
border-bottom: thin solid #ccc;
}


textarea, input[type="text"], input[type="email"], input[type="password"] {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    border-left: medium none;
    border-right: medium none;
    border-top: medium none;
    font-family: oswald;
    padding: 10px;
    width: 100%;
}


.entry-header {
    margin-top:0px!important;
}


.single-format-audio .single-box.entry-media img{
    height:1px!important;
    opacity:0;
    filter:Alpha(opacity=0);
    /*display: none;*/
} 

.single-format-video .single-box.entry-media img{
    height:1px!important;
    opacity:0;
    filter:Alpha(opacity=0);
    margin:0!important;
} 

/*Footer text links on mobile - jim*/

.fsmid{
    text-transform:uppercase;
}

a.fslnon2:hover{
    color: #FFCC0D;
}


/*slide dock text- jim*/

.slide-dock h4.entry-title a{
    color:#fff;
}

.slide-dock h3 {
    margin-bottom:12px;
}

.slide-dock .entry-summary p{
    color:#fff;
    text-transform:none;
    line-height: 16px;
}

a.close-dock{
    margin-top: 3px;
}


/* menuficatiton */

.menufication-menu-level-1 ul li a {
color:#FFF!important;
}

.sub-menu, .children
{
color:#FFF!important;
}


#menufication-nav .menufication-child-menu li a, #menufication-nav-non-css3-nav .menufication-non-css3-child-menu li a {
    color: #ccc !important;
}

ul#main-nav.menu.wp_menufication {width:570px !important;}
ul#main-nav {width:570px !important;}


/*Removes top border from tags box on single posts + reduces padding - jim*/

#tags-box {
    float: left;
    width: 100%;
    padding: 18px 0px 0px;
    line-height: 120%;
    border-top: none;
}




/* -- iPhone 5 -- */



@media screen and (device-aspect-ratio: 40/71) {

.page-id-2 .posts-slider {
    margin-top: 40px;
}

.wrapper {
    width: 100%;
}

.latest-posts {
    margin: auto;
    width: 90%;
}

.posts-slider .entry-header a, .posts-slider .entry-header .entry-meta {
    color: #fff;
    font-size: 40% !important;
    line-height: 5px;
    text-decoration: none;

}

.flexslider .slides img {
    display: block;
    width: 130%;
}

.posts-slider .slides li {
    height: 250px;
}


}