/*
Theme Name: Pinkerton Foundation
Theme URI: http://social-ink.net
Description: By Social Ink
Version: 1
Author: yonatan reinberg, matt pinto
Author URI: http://social-ink.net
*/

@import "_css_resets/reset.css";

/*****************
INITS
***********************************************/

* {}

body {
    font-family: Georgia, "Times New Roman", Serif;
    font-size: 100%;
    color: black;
    background: #F5F5F5;
}


/*****************
CONTAINER AND COMMON DIVS
***********************************************/

#container {
    min-height: 600px;
}

.clearfix {
    clear: both;
}

.maincontent {
    min-height: calc(100vh - 330px);
}

.home .maincontent {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.onepage {
    top: 140px;
    box-shadow: 1px 1px 4px 2px #CCCCCC;
    clear: both;
    min-height: 400px;
    background: white;
}

.centering_box {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}

.debug {
    display: none;
}

.deprecated {
    display: none;
}


/*****************
COMMON DIV DECORATION
***********************************************/

.shadow_module {
    /* http://www.westciv.com/tools/boxshadows/index.html */
    box-shadow: 0 0 10px 0px #999;
}

.round_module {
    /* http://border-radius.com/ */
    border-radius: 5px;
}


/*****************
COMMON MARKUP
***********************************************/

h1,
h2,
h3,
h4,
h5 {
    font-family: "OpenSansRegular", Helvetica, Arial, Sans-serif;
    font-weight: normal;
}

h2,
h3,
h4,
h5 {
    text-transform: uppercase;
}

.flexible {
    display: -ms-flexbox;
    display: flex;
}

.fancyfont {
    font-family: "OpenSansRegular", Helvetica, Arial, Sans-serif;
    text-transform: uppercase;
    font-weight: normal;
}

h1 {
    font-size: 1.5em;
}

h2 {
    font-size: 1.125em;
}

h3 {
    font-size: 1em;
}

h4 {
    font-size: .8em;
}

a {
    color: inherit;
    color: #8C1722;
    text-decoration: none;
}

a:hover {
    color: inherit;
    color: #333;
}


/*
		Fixes for Internet Explorer?
		*/

.ie8,
.ie9 {}

.ie7 {}

.red_gradient {
    background: #5f0f16;
    /* Old browsers */
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: linear-gradient(to bottom, #5f0f16 0%, #8f1722 100%);
    background: #8f1722;
    /* W3C */
}

.wpcf7-text,
.wpcf7-textarea {
    background: none repeat scroll 0 0 #EEEFEF;
    border: 1px solid #E3E4E5;
    font-family: Georgia, "Times New Roman", Serif;
    margin-top: 5px;
    padding: 8px;
}

.wpcf7-textarea {
    width: 100%;
}

button,
input[type=submit],
a.button {
    background: none repeat scroll 0 0 #8C1722;
    border: 0 none;
    color: white;
    font-family: "OpenSansRegular", Helvetica, Arial, Sans-serif;
    padding: 5px 15px;
    text-transform: uppercase;
    box-shadow: 1px 1px 3px -1px #999;
}

button:hover,
input[type=submit]:hover {
    cursor: pointer;
}

button:active,
input[type=submit]:active {
    box-shadow: inset 0 0 3px #333;
}

.wpcf7 p {
    font-family: "OpenSansRegular", Helvetica, Arial, Sans-serif;
    text-transform: uppercase;
    font-size: .8em;
}

#page_contact-us .content_right strong {
    font-family: "OpenSansBold", Helvetica, Arial, Sans-serif;
    text-transform: uppercase;
    font-size: .8em;
    font-weight: normal;
}

.content.people .content_right {
    display: none;
}

.content.people .content_left,
.papers .content_left {
    width: 100%;
    box-sizing: border-box;
}

.content.people .staff_data {
    float: left;
    margin-left: 15px;
    width: 77%;
    padding-right: 2em;
    box-sizing: border-box;
    padding-left: 2em;
}


/**************
neww
***********/

#category_news .content h2 {
    font-family: "OpenSansRegular", Helvetica, Arial, Sans-serif;
    text-transform: none;
    margin-bottom: 0;
    font-size: 1.3em;
    line-height: 1.2;
    margin-bottom: .3em;
}

#category_news .post_meta {
    text-transform: uppercase;
    font-family: "OpenSansRegular", Helvetica, Arial, Sans-serif;
    font-size: .8em;
}

#category_news .content .post_meta ul li {
    margin-left: 1px;
}

.excerpt {
    margin-top: 10px;
    font-size: .9em;
    line-height: 1.3;
    margin-bottom: 2em;
    max-width: 740px;
}

.post-type-archive-video .excerpt {
	max-width: 600px;
}
.post-type-archive-video .vidsection {
	margin-right: 1em;
}
.post-type-archive-video .metasection {

}

.post-type-archive-video .sidebar {
    display: none;
}

.one_archive_post.type-video {
    padding: 1em 0;
}

#category_news .excerpt {
    display: none;
}


/***************
search
***************/

#search.onepage {
    padding: 20px;
}

.one_search_result {
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
}


/***************
404 not found
********************/

.page404 .content h3 {
    margin-bottom: 20px;
}

.page404 .menu-main-container ul {}

.page404 .menu-main-container ul li {
    list-style: none;
    margin-bottom: 10px;
    margin-left: 0;
}

.page404 .menu-main-container ul li ul {
    margin-top: 0;
}

.page404 .menu-main-container ul li ul li {
    margin-left: 20px;
    margin-bottom: 0;
}

.page404 #searchform input {
    background: none repeat scroll 0 0 #EEEFEF;
    border: 1px solid #E3E4E5;
    font-family: Georgia, "Times New Roman", Serif;
    margin-top: 5px;
    padding: 8px;
}

.page404 #searchform input#searchsubmit {
    background: none repeat scroll 0 0 #8C1722;
    border: 0 none;
    box-shadow: 1px 1px 3px -1px #999999;
    color: white;
    font-family: "OpenSansRegular", Helvetica, Arial, Sans-serif;
    padding: 7px 15px;
    text-transform: uppercase;
}

.page404 #searchform input#searchsubmit:hover {
    cursor: pointer;
}

.page404 #searchform input#searchsubmit:active {
    box-shadow: inset 0 0 3px #333;
}


/*****************
WP BASE MODIFICATION
***********************************************/

.singlepage {
    width: 600px;
    margin: 0 auto;
}

.singlepage .content {
    padding: 35px;
}

.singlepage .press_dl {
    margin-bottom: 25px;
}

.content {
    color: #414042;
}

.content p {
    line-height: 1.5em;
    font-size: 1em;
    margin-bottom: 20px;
}

.content h1 {
    color: #76030E;
    margin-bottom: 15px;
}

.content h2 {
    margin-bottom: 15px;
}

.content h2 a {
    color: #414042;
}

.content h2 a:hover {
    color: #76030E;
}

.content h3 {}

.content ul {
    margin-bottom: 15px;
}

.content ul li {
    list-style-type: disc;
    margin-left: 20px;
    line-height: 17px;
}

.content_left {
    border-right: 8px solid #EEEFEF;
    float: left;
    padding: 35px;
    width: 550px;
}

	.post-type-archive-video .content_left {
		border: 0 none;
		float: none;
		padding: 3%;
		width: 100%;		
        box-sizing: border-box;
	}

.more_pages {
    background: url("images/btn_expand_right.png") no-repeat scroll right center transparent;
    display: inline-block;
    padding-right: 24px;
}


/*****************
CONTENT RIGHT (PARTIAL SIDEBAR)
***********************************************/

.content_right {
    float: right;
    width: 260px;
    padding: 0 35px 35px;
}

.content_right_padding {
    padding: 35px;
}

.content_right h1 {
    font-size: 1.4em;
}

.content_right h2 {
    font-size: 1.2em;
}

.content_right h3 {
    color: #414042;
    font-size: 0.8em;
    text-transform: inherit;
    font-weight: bold;
}

.content_right h3 a {
    color: #414042;
}

.onepage.program .content_right h3 {
    font-size: 0.8em;
    text-transform: uppercase;
    font-family: "OpenSansRegular", Helvetica, Arial, Sans-serif;
    font-weight: normal;
}

.onepage.program .content_right h3 a {
    color: #8C1722;
}

.onepage.program .content_right h3 a:hover {
    color: #333;
}

.sidebar_header {
    letter-spacing: 0.15em;
    margin-bottom: 25px;
    padding: 10px;
    text-align: center;
}

.sidebar_header h3 {
    color: white;
    font-family: "OpenSansBold", Helvetica, Arial, Sans-serif;
    text-transform: uppercase;
}

.onepage.program .sidebar_header h3 {
    text-align: right;
    font-family: "OpenSansBold", Helvetica, Arial, Sans-serif;
    font-size: 1em;
}

h2.faq_header {
    font-family: "OpenSansBold", Helvetica, Arial, Sans-serif;
    font-size: 1em;
    color: #76030E;
    margin-bottom: 30px;
}

.faq {
    margin-bottom: 25px;
}

.faq p {
    font-family: Georgia, Times, Serif;
    font-size: .8em;
    font-style: italic;
    margin-top: 10px;
}

.faq h3 {
    font-family: Georgia, Times, Serif;
    font-size: .8em;
}

.faq h3 a {
    width: 225px;
}

.faq h3 a:hover {
    color: #76030E;
}

.faq_selector {
    background: url("images/btn_expand_right.png") no-repeat scroll right top transparent;
    display: inline-block;
    padding-right: 24px;
}

.faq_selector.open_answer {
    background: url("images/btn_expand_down.png") no-repeat scroll right top transparent;
    color: #76030E;
}

.faq_answer {
    display: none;
}


/*****************
FRONTPAGE
***********************************************/

#page_home .content {
    padding: 25px;
}

#page_home {
    margin-bottom: 41px;
        margin-top: 4em;
}

.program_slide {
    display: none;
}

.program_slide p {
    font-size: .875em;
}

.program_slide1 {
    display: block;
}

.program_images {
    float: left;
    width: 450px;
    height: 315px;
}

.program_images img {
    width: 450px;
    height: 315px;
}

.areas_desc {
    background: none repeat scroll 0 0 #F1F2F2;
    float: right;
    height: 271px;
    overflow: hidden;
    padding: 22px;
    width: 416px;
}

.areas_desc p {
    line-height: 2.2em;
    color: #58595B;
    font-size: 1.2em;
    font-style: italic;
    font-weight: bold;
    margin-top: 5px;
}

.areas_list {
    background: #F1F2F2;
    float: left;
    width: 450px;
    height: 196px;
}

.areas_list h2 {
    font-size: 1.5em;
    letter-spacing: 0.2em;
    margin-top: 5px;
    padding: 0 15px;
}

.areas_list ul li {
    list-style: none outside none;
    margin-bottom: 0;
    margin-left: 0;
}

.areas_list ul li a {
    color: #58595B;
    display: block;
    font-size: 1em;
    padding: 9px 15px;
}

.selected,
.areas_list ul li:hover {
    background: #E6E7E8;
}

.program_description {
    background: none repeat scroll 0 0 #E6E7E8;
    color: #58595B;
    float: right;
    font-size: 0.9em;
    height: 152px;
    overflow: hidden;
    padding: 22px;
    width: 416px;
}

.program_description h4 {
    background: url("images/arrow_right.png") no-repeat scroll right center transparent;
    display: inline-block;
    padding-right: 24px;
    text-align: right;
    width: 406px;
}

.program_description h4 a {
    color: #58595B;
}

.program_description h4 a:hover {
    color: #333;
}

#page_home .photo_credits {
    margin-top: -30px;
    padding-left: 10px;
    color: white;
    font-size: .75em;
    font-style: italic;
    text-shadow: 1px 1px 2px #999;
}


.billboard {
padding: 25px;
background: #fff;
clear: both;
margin-top: 10em;
box-shadow: 1px 1px 4px 2px #CCCCCC;
}

.billboard h3 {
  font-size: 2em;
  font-weight: 100;
  color: #8C1722;
  text-transform: none;
  margin: 0 0 .25em 0;
  line-height: 1;
}

.billboard h4 {
  font-family: Georgia, "Times New Roman", Serif;
  font-style: italic;
  margin-bottom: 1em;
  text-transform: none;
  font-size: 1em;
}

.billboard .image {
    margin-left: -25px;
    margin-right: -25px;
    margin-bottom: 1.5em;
}

.billboard .image img {
    width: 100%;
    height: auto;
}

.billboard .image a {
    display: block;
}

.billboard a.button {
    font-size: .8em;
}

/*****************
FEAT PROGRAMS
***********************************************/

.program .content_left {
    margin-top: 40px;
    margin-left: 30px;
    border: 1px solid #EAEAEA;
    float: left;
    padding: 20px;
    width: 240px;
}

.program .content_right {
    float: right;
    width: 560px;
    padding: 0 35px 35px;
}

.content_left h3 {
    color: #76030E;
    margin-bottom: 25px;
}

.program_cat_desc {}

.program_cat_desc p {
    font-size: 1.1em;
    font-style: italic;
}


/*****************
SLIDESHOW
***********************************************/

.slideshowarea {
    height: 400px;
}

#fp_slideshow {
    height: 300px;
    width: 900px;
}

.sink_frontpage_slide {
    height: 300px;
    width: 900px;
    display: none;
}

#sink_frontpage_slide1 {
    display: block;
}


/*****************
NAV MENU MARKUP
***********************************************/

.menu_horizontal li {
    display: inline;
    list-style: none;
}


/*****************
HEADER
***********************************************/

#header {
    position: fixed;
    height: 134px;
    border-bottom: 5px solid white;
    width: 100%;
    z-index: 15;
}

.header_inner {}

.logo {
    float: left;
    margin-top: 20px;
}

.logo img {}

.topmenu {
    height: 48px;
    margin-top: 10px;
    font-size: 1em;
    font-family: "OpenSansRegular", Helvetica, Arial, Sans-serif;
}

.topmenu #dc_jqmegamenu_widget-4-item ul li {
    font-size: 12px;
}

.topmenu #dc_jqmegamenu_widget-4-item ul li a.dc-mega {
    position: relative;
    padding: 12px 20px 12px 0;
}

.topmenu .current-menu-parent,
.topmenu .current-post-parent,
.topmenu .current-menu-item,
.topmenu li a:hover {
    background: #5F0F16;
}

ul#menu_main .topmenu .current-menu-parent,
ul#menu_main .topmenu .current-post-parent,
ul#menu_main .topmenu .current-menu-item,
ul#menu_main .topmenu li a:hover {
    background: #5F0F16;
}

.topmenu ul.sub-menu .current-menu-parent,
.topmenu ul.sub-menu .current-post-parent,
.topmenu ul.sub-menu .current-menu-item {
    background: transparent;
}

#header #dc_jqmegamenu_widget-4-item ul li .sub-container.non-mega .sub {
    width: 200px;
}

.topmenu li#menu-item-547 .sub-container {
    margin-left: -20px;
}

.topmenu .sub-menu {
    /*	display:none; */
}

.topmenu li {
    display: inline-block;
    margin-right: 20px;
    padding: 5px 0px;
}

.topmenu li a {
    color: white;
}


/*****************
SEARCHBAR
***********************************************/

.search_container {
    margin-top: 10px;
    float: right;
}

.search_container .search_input {
  border: 0;
  color: #8D8C8E;
  padding: 1em;
  min-width: 200px;
  text-align: right;
}


/*****************
SIDEBAR
***********************************************/

.sidebar {}

.sidebar_module {}

.sidebar_module .module_title {}

.sidebar_module .module_content {}


/*****************
LISTS
***********************************************/


/* single page view navigation */

div.next-post {}

div.prev-post {}


/* generated by wp_list_cat and wp_list_pages functions */

li.page_item {}

li.current_page_item {}

li.current_page_parent {}

li.cat-item {}

li.current-cat {}


/*****************
FOOTER
***********************************************/

#footer {
    top: 140px;
    clear: both;
    color: white;
    padding: 20px 0;
    font-size: 1em;
    min-height: 120px;
}


#footer a {
    color: white;
}

.footer_inner {}

.footermenu {
    margin-bottom: 15px;
}

.footermenu ul li {
    margin-right: 1.5em;
    font-family: "OpenSansRegular", Helvetica, Arial, Sans-serif;
    text-transform: uppercase;
    font-size: .8em;
}

.footercredits {}

.sitecredits {}

.sitecredits p {}

.sinkcredits {
    text-align: right;
}

.sinkcredits p {
    font-size: .75em;
}


/*****************
ARCHIVE
***********************************************/

.one_archive_post {
    border-bottom: 1px solid #E3E4E5;
    margin-bottom: 15px;
}

.archive_next {
    text-align: right;
}

.papers .archive_next {
    text-align: left;
}

.papers .content .archive_next ul li:first-child {
    margin-left: 0;
}

.archive_next a {
    color: #8C1722;
}

.archive_next a.button {
    color: #fff;
    font-size: .8em;
}

.archive_next a.button:hover {
    color: #fff;
}

.archive_next a:hover {
    color: #333;
}

.archive_next li {}

.relatedposts {}

.content .relatedposts li {
    list-style: none outside none !important;
    margin: 0px;
}

.prev {
    float: left;
}

.next {
    float: right;
}

.single_relatedposts {}

.archive_relatedposts {}

.staff_photo {
    float: left;
    width: 150px;
}

.staff_photo img {
    width: 150px;
    height: auto;
}

.staff_data {
    float: left;
    margin-left: 15px;
    width: 380px;
}

.one_staffer h2 {
    font-family: "OpenSansBold", Arial, Sans-serif;
}

.one_staffer h2 span.staff_role {
    font-family: "OpenSansRegular", Arial, Sans-serif;
}


/****************
WHAT WE BELIEVE
**********************/

#page_what-we-be .yc_slidemeta h2 {
    font-family: Georgia, Times, Serif;
    font-style: italic;
    font-size: .875em;
    text-transform: none;
    margin-bottom: 40px;
}


/*****************
Basic WordPress Blog Styles
***********************************************/

.entry-content img {
    margin: 0 0 1.5em 0;
}

.alignleft,
img.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

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

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

.wp-caption {
    text-align: center;
    margin-bottom: 1.5em;
}

.wp-caption img {
    border: 0 none;
    margin: 0;
    padding: 0;
}

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

.wp-smiley {
    max-height: 1em;
    margin: 0 !important;
}

.gallery dl {
    margin: 0;
}

.gallery-caption {
    margin: -1.5em 0 0 0;
}


/*****************
Pullquotes
***********************************************/

blockquote.left {
    float: left;
    margin-left: 0;
    margin-right: 20px;
    text-align: right;
    width: 33%;
}

blockquote.right {
    float: right;
    margin-left: 20px;
    margin-right: 0;
    text-align: left;
    width: 33%;
}

.wp-caption {
    border: none;
    font-size: .75em;
    text-align: center;
    background: transparent;
    padding: 0;
    margin: 10px;
}


/* comments */

.comments {
    padding: 2em;
}

.comments p.comment-form-comment label {
    display: block;
    margin-top: 1em;
    font-family: "OpenSansRegular", Helvetica, Arial, Sans-serif;
    text-transform: uppercase;
    font-size: .8em;
}

.comments textarea {
    width: 98%;
    padding: .5em;
    font-family: Georgia, "Times New Roman", Serif;
    box-sizing: border-box;
    font-size: 1em;
}

.comment-content {
    margin-top: 1em;
}

.comment-content p {
    line-height: 1.5em;
    margin-bottom: 1em;
}

.comment-author,
.reply {
    font-family: "OpenSansRegular", Helvetica, Arial, Sans-serif;
    text-transform: uppercase;
    font-size: .8em;
}

.comment.depth-1 {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 2em;
}

.reply {
    margin-bottom: 3em;
}

.comments h2 {
    margin-bottom: 1em;
}

.comment-author img {
    display: none;
}

.comments ol li {
    list-style: none;
}

.comments ul.children {
    padding-left: 2em;
    border-left: 1px solid #8C1722;
}

.comment-form-author,
.comment-form-url,
.comment-form-email {
    padding: .25em 0;
    font-family: "OpenSansRegular", Helvetica, Arial, Sans-serif;
    text-transform: uppercase;
    font-size: .8em;
}

.comment-form-author input,
.comment-form-url input,
.comment-form-email input {
    padding: .5em;
    border: 1px solid #eaeaea;
}

.form-submit {
    margin-top: 1em;
}

/* chapters and publications */

.content-inner {
    padding: 2em;
    min-height: 70vh;
}

section.toc {
    border-bottom: 1px solid #888;
    border-top: 1px solid #888;
    padding: 1em 0;
}

 h2.toc-header {  
    padding-bottom: 0;
    letter-spacing: .1em;
    font-size: .8em;
}

section.toc h3 {
    margin-bottom: 1em;
    letter-spacing: -.03em;
    text-transform: none;
    font-size: 1.1em;
}

    section.toc h3:nth-of-type(12) {
        margin-top: 2.5em;
    }

      section.toc h3:nth-of-type(12):before {
        content: 'Photo Essays';
        display: block;
        padding-bottom: 0;
        letter-spacing: .1em;
        font-size: .8em;
        margin-bottom: .7em;
        text-transform: uppercase;
      }

      .postid-656 .content_left h3 {
        margin-bottom: .2em;
      }

      .postid-656 .content_left p {
        font-size: .8em;
      }

section.toc h3:last-of-type {
    margin-bottom: 0;
}

section.toc span.title-label:after {
    content: ':';
}

.content_right .toc h3 {
    font-size: .8em;

}

.content_right .toc h3 a {
    color: #8C1722;
}

.content_right .toc h3 a.active {
    font-family: "OpenSansBold", Helvetica, Arial, Sans-serif;
    font-weight: bold;
}

.single-chapter .featured-image {
    margin-top: 3em;
    margin-left: -2.2em;
    margin-right: -2.2em;
    margin-bottom: -2.2em;
}

.single-chapter .featured-image img {
    max-width: 100%;
    height: auto;
}


/*****************
MEDIA QUERIES
***********************************************/

@media only screen and (min-width: 480px) {
    /* Style adjustments for viewports 480px and over go here */
}

@media only screen and (min-width: 768px) {
    /* Style adjustments for viewports 768px and over go here */
}