/*   
Theme Name: The Pedagogical Impulse
Theme URI: http://www.dessign.net
Description: Planographic Child Theme
Author: Michael Barker, Acme Art and Design (Child Theme) / Marios Lublinski (Parent Theme)
Author URI: http://www.acmeartanddesign.com
Template: planographictheme
Version: 1.0
*/

/* Import Responsive Styles */
@import url('../planographictheme/style.css');


/* ----- FOUNDATION ----- */

body, div {
    font-size: 16px;
    margin: 0;
    padding: 0;
    color:#555;
}

#main_container {
    background-color: #FFFFFF;
    margin: 40px auto 0px;
    padding: 5px 25px 25px;
    width: 964px;
}

/* Header */

.header_mid_cont {
    padding: 0;
}

.header_tagline {
    color: #C1310D;
    float: right;
    font-family: 'Crete Round',serif;
    font-size: 1em;
    font-style: italic;
    line-height: 1.15;
    margin-top: 5px;
    padding-left: 10px;
    padding-right: 10%;
    padding-top: 0.8%;
    width: 36%;
}

h1, h2, h3, h4, h5, h6, h7, h8 {

font-family: 'Oswald', sans-serif;
text-transform: uppercase;
}

#single_left h1 {
    color: #5E5E5E;
    font-family: 'Oswald',sans-serif;
    font-size: 2em;
    line-height: 1.1;
    margin-bottom: 30px;
    margin-top: 0;
}

p {
	font-family: 'Open Sans', sans-serif;
	    font-size: 1em;
    line-height:1.5;
}

.single_content p {
	margin-bottom:15px;
}

#single_left {
    color: #9C9C9C;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    line-height:1.5;
}

/* Nav Menu */

.cat_menu_cont ul li a {
    color: #5E5E5E;
    display: block;
    font-size: 18px;
    padding: 2px 3px;
    text-decoration: none;
}

.cat_menu_cont ul li {
    background: url("images/menu-divider.jpg") no-repeat scroll right center transparent;
    float: left;
    font-family: 'Open Sans', sans-serif;
    margin-right: 3px;
    margin-top: 5px;
    padding-right: 10px;
}

/* Secondary Navigation */

.cat_menu_cont ul li a {
    color: #5E5E5E;
    display: block;
    font-size: 1.2em;
    line-height: 1.2;
    padding: 0 5px;
    text-decoration: none;
}

/* Logo */

.logo {
    float: left;
    padding-bottom: 12px;
    padding-top: 10px;
}

/* ----- LINKS ----- */

a {
    text-decoration:none;
    color:#C1310D;
}

a:hover {
    color: #C1310D;
    text-decoration: underline;
}

a.home_post_box:hover {
    border-top: 3px solid #FF3300;
	text-decoration: none;
}



/* ----- TYPOGRAPHY ----- */

/* The Living Archive Introduction */

.introtext {
    color: #888888;
    font-family: 'Crete Round',serif;
    font-size: 1.33em;
    font-weight: 400;
    line-height: 1.3;
}

/* Footnotes */

sup {
    font-size: 75%;
    line-height: 100%;
    vertical-align: 60%;
    color: #C1310D;
}

.footnote {
font-size: .875em;
	
}

/* Lists */

ul, menu, dir {
    -moz-padding-start: 0;
    display: block;
    list-style-type: square;
    margin: 1em;
}

.single_content ul li {
	margin-bottom:1em;
}

/* Index Pages */

.home_post_box h3 {
    color: #5E5E5E;
    font-size: 1.35em;
    letter-spacing: 0.25px;
    line-height: 1.1;
    margin: 0;
    padding: 15px 0 0;
    text-align: left;
}
.home_post_box {
    display: block;
    float: left;
    margin: 25px 18px 25px 0; /* margin: 25px 18px 25px 0; */
    text-align: left;
    text-decoration: none;
    width: 309px;
}

.home_post_box_last {
    margin-right: 0;
    }

.home_post_box p {
    color: #9C9C9C;
    font-family: 'Open Sans', sans-serif;
    font-size: .875em;
    line-height: 1.5;
}

.home_post_box img, .home_post_img_cont {
    height: 234px;
    width: 309px;
}
.home_post_box {
    border-top: 3px solid #000000; /* added top rule */
}

a.home_post_box:hover {
    border-top: 3px solid #ff3300; /* added top rule */
    }

/* Category tags in index boxes */

.home_post_box .home_post_cat {
    border-top: 1px dotted #DDDDDD;
    font-family: 'Open Sans',sans-serif;
    font-size: 0.75em;
    padding-top: 5px;
}

/* Sidebar title */

.side_box h3.side_title {
    background-color: #FFFFFF;
    color: #666563;
    font-size: 15px;
    margin-top: 0;
    padding: 0;
}

/* Sidebar Style */

.side_box ul li {
    border-top: 1px solid #DDDDDD;
    font-size: 0.875em;
    margin-bottom: 10px;
    }
    .side_box {
    border-bottom: 1px solid #DDDDDD;
    color: #666666;
    margin-bottom: 25px;
}

blockquote p:before { content: open-quote; }

blockquote p:after { content: close-quote; }

blockquote.pullquoteright p {
	border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    color: #A5A4A4;
    float: right;
    font-family: 'Crete Round',serif;
    font-size: 1.75em;
    font-style: italic;
    line-height: 1.2;
    margin: 10px 0 10px 20px;
    padding: 15px;
    text-align: left;
    width: 45%;
}  

blockquote.pullquoteleft p {
   border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    color: #A5A4A4;
    float: left;
    font-family: 'Crete Round',serif;
    font-size: 1.75em;
    font-style: italic;
    line-height: 1.2;
    margin: 10px 20px 10px 0;
    padding: 15px;
    text-align: left;
    width: 45%;
} 
    
blockquote p {
   border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    color: #A5A4A4;
    font-family: 'Crete Round',serif;
    font-size: 2em;
    font-style: italic;
    letter-spacing: -0.5px;
    line-height: 1.2;
    padding: 15px;
}

.wp-caption {
  background: none repeat scroll 0 0 #FFFFFF;
    font-size: 0.75em;
    max-width: 100%; /* was 96% */
    padding: 10px 0 10px 0;
    text-align: center;
       border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-left:none;
    border-right:none;
    
}

.aligncenter, div.aligncenter {
    display: block;
    margin: 25px auto;
    padding: 20px 0;
}

.wp-caption p.wp-caption-text {
    margin: 0;
    padding: 15px 0 0;
}

.wp-caption.alignright {
    margin: 10px 0 10px 10px;
}
    
/* ----- Footer ----- */

/* Copyright notice */

#footer {
    color: #DDDDDD;
    font-size: 10px;
    height: 40px;
    margin: 10px auto;
    padding: 0;
    text-align: right;
    width: 970px;
}
    
/* Category List widget */

.wp-cpl-widget li {
    background: none repeat scroll 0 0 transparent !important;
    float: none !important;
    margin: 2px 0 !important;
    overflow: hidden !important;
    padding: 6px 0 !important;
}

/* Contact Form */

.wpcf7-form p {
	font-family: 'Open Sans',sans-serif;
    font-size: .875em;
    line-height: 1.5;
    text-transform:uppercase;
    padding-bottom:10px;
}

/* ----- HOMEPAGE SLIDESHOW ----- */

/* Responsive Slider Plugin */

.responsive-slider.flexslider {
    background: none repeat scroll 0 0 transparent !important;
    border: medium none !important;
    border-radius: 0 0 0 0 !important;
    margin-bottom: 25px;
}

#slider_container {
	border-bottom: 3px dotted #000000;
    padding: 25px 0 0;
}

.responsive-slider.flexslider .slide-title a {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    color: #000000;
    font-size: .75em;
    line-height: 1.3em;
    margin: 1.5%;
    padding: 0.5em 0.75em;
    position: absolute;
    text-shadow: none;
    right: 1;
    top: 0;
}

.responsive-slider.flexslider .slide-title a:hover {
    background: none repeat scroll 0 0 rgba(255, 0, 0, 0.8);
    color: #FFFFFF;
}

.responsive-slider.flexslider .flex-control-nav {
    bottom: 4% !important;
    margin: 0;
    padding: 0;
    right: 6.75%;
    width: 91% !important;
}

.slide_desc h3 {
    color: #5E5E5E;
    font-family: 'Oswald',sans-serif;
    font-size: 2em;
    font-weight: 700;
    letter-spacing: 0.25px;
    line-height: 1;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.slide_desc {
    color: #9C9C9C;
    float: left;
    font-family: 'Open Sans',sans-serif;
    font-size: 1em;
    line-height: 1.5;
    margin-left: 5%;
    margin-right: 0;
    padding-top: 5%;
    text-align: left;
    width: 35%;
}

.slide_desc p {
    line-height: 1.5;
}

.flex-control-nav {
    bottom: -30px;
    position: absolute;
    text-align: left;
    width: 100%;
}

/* Top Navigation (Pages) */

.top_menu_cont ul li a {
    border-top: 1px solid #FFFFFF;
    color: #9C9C9C;
    display: block;
    font-family: 'Open Sans',sans-serif;
    font-size: 1em;
    letter-spacing: 0.5px;
    padding-top: 15px;
    text-decoration: none;
    text-transform: uppercase;
}

#slideshow {
    background: url("images/slideshow-back.jpg") repeat scroll 0 0 transparent;
    height: 402px;
    position: relative;
}

/* Sidebar styles for text widget */

.oise {
	   font-family: 'Open Sans',sans-serif;
    font-size: .875em;
        line-height:1.5;
            color: #666666;
            }

.copyright {
	   font-family: 'Open Sans',sans-serif;
    font-size: .875em;
        line-height:1.5;
            color: #666666;
            margin-top:40px;
}

.textwidget {
    border-top: 1px solid #DDDDDD;
    font-size: 0.875em;
    margin-bottom: 0;
    padding: 10px 0;
}


/* ----- RULES ----- */

.home_post_divider {
    border-bottom: 3px dotted #000000;
}

.header_top_cont {
    border-bottom: 6px solid #000000;
    padding-bottom: 10px;
}

.cat_menu_cont {
    border-bottom: 3px dotted #000000;
     border-top: 3px solid #000000;
    /* border-top: 3px dotted #000000; */
    padding: 5px 100px 12px 0;
}

/* ----- PORTFOLIO SLIDESHOW PRO ----- */

.slideshow-wrapper {
    border-top: 1px solid #DDDDDD;
    display: block;
    margin: 0 0 20px;
    padding-top: 10px;
}

.slideshow-meta {
border-bottom:1px solid #BFBFBF;
        margin-bottom:20px;
}

.slideshow-title{
	   font-family: 'Open Sans',sans-serif;
    font-size: .75em;
        line-height:1.5;
        font-weight:700;
}

.slideshow-caption{
	   font-family: 'Open Sans',sans-serif;
    font-size: .75em;
        line-height:1.5;
}

.slideshow-description {
	   font-family: 'Open Sans',sans-serif;
    font-size: .75em;
        line-height:1.5;
}

/* ----- COMMENTS ----- */

.nocomments {
	display:none;
}

/* ----- RESPONSIVE ----- */

/* --- for tablet --- */



@media only screen and (min-width: 481px) and (max-width: 959px) {

#main_container { width: 688px; padding: 0 20px 25px; }


/* force image spacing in living archive */

.wp-caption.alignleft {
    margin: 5px 100px 20px 0;
}

.wp-caption p.wp-caption-text {
    margin: 0;
    padding: 15px 40px 0;
}

.wp-caption {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #CCCCCC -moz-use-text-color;
    border-style: solid none;
    border-width: 1px medium;
    font-size: 0.75em;
    max-width: 100%;
    padding: 10px 0;
    text-align: center;
}

/* null left and right align */

.wp-caption.alignleft {
    margin: 20px auto;
    padding: 20px 0;
}

.header_tagline {
    color: #C1310D;
    float: right;
    font-size: 0.875em;
    font-style: italic;
    margin-top: 0;
    padding-left: 0;
    padding-right: 10%;
    padding-top: 1.5%;
    width: 36%;
}

.slide_desc {
    margin-right: 0;
    padding-top: 5%;
    width: 40%;
}

.header_tagline {
    color: #C1310D;
    float: right;
    font-size: 0.875em;
    font-style: italic;
    margin-top: 0;
    padding-left: 10px;
    padding-right: 0;
    padding-top: 0.7%;
    text-align: right;
    width: 36%;
}

.second_home_post_box { float: right; margin-right: 0; }

.desktop_div { display: none; }

.ipad_div { display: block; }

#slideshow { height: 307px; }

.slide_cont img { float: left; height: 307px; width: 350px; }

.slide_desc {
    margin-right: 0;
    padding-top: 5%;
    width: 250px;
    font-size: 0.875em;
    line-height: 1.5;
}

.slide_prev { top: 135px; }

.slide_next { top: 135px; }



#single_left { width: 450px; }

#single_left .single_content img { max-width: 450px; height: inherit; }

.blog_box img, .blog_box_img_cont { width: 450px; height: 288px; }



#sidebar { width: 200px; }

.t1_search_cont { width: 190px; }

.t1_search_cont input[type=text] { width: 170px; }



#footer {
    padding: 15px 0;
    width: 728px;
}

}



/* --- for mobile --- */



@media screen and (max-width: 480px) {



#main_container { width: 300px; padding: 5px 10px 25px; margin: 0 auto; }

.logo { float: none; width: 100%; }

.top_social_cont { display: none; }

.header_tagline { display: none; }

#supersized {
    display: none;
}

body { background-color:#000;}

#slider_container { display: none; }

.cat_menu_cont ul li a {
    color: #5E5E5E;
    display: block;
    font-size: 1em;
    line-height: 1.2;
    padding: 0 2px;
    text-decoration: none;
}


.desktop_div { display: none; }

.ipad_div { display: none; }


.cat_menu_cont ul li {
    background: url("images/menu-divider.jpg") no-repeat scroll right center transparent;
    float: left;
    font-family: 'Open Sans',sans-serif;
    line-height: 1.25;
    margin-right: 0;
    margin-top: 5px;
    padding-right: 10px;
}

.cat_menu_cont {
    border-bottom: 1px solid #BFBFBF;
    border-top: 1px solid #BFBFBF;
    padding: 15px 0px 20px;
}


.home_post_box { float: none; margin: 0 auto 25px; width: 300px; }

.home_post_box img, .home_post_img_cont { width: 300px; }

.home_post_box_last { margin-right: auto; }



#single_left { width: 300px; float: none; }

#single_left .single_content img { max-width: 300px; height: inherit; }

#commentform textarea { max-width: 300px; }

.blog_box img, .blog_box_img_cont { width: 300px; height: 192px; }



#sidebar { display: none; }

#footer { display: none; }

blockquote.pullquoteleft p { display: none; }
blockquote.pullquoteright p { display: none; }

.wp-caption {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #CCCCCC -moz-use-text-color;
    border-style: solid none;
    border-width: 1px medium;
    font-size: 0.75em;
    max-width: 100%;
    padding: 10px 0;
    text-align: center;
}

}