/*
Theme Name: Feminist Response to COVID19
Theme URI: https://www.social-ink.net
Description: Architecture, custom code and templating created by Social Ink
Version: 1
Author: Social Ink
Author URI: https://www.social-ink.net
*/
/*****************
LAYOUT
***********************************************/
* {
    box-sizing: border-box;
}

body {
    background-color: #DD9459;
    background-image: url('images/Background2.b2024e0a.png');
    background-repeat: no-repeat;
    background-position: -500px 0;
    background-color: #e69652;
    background-size: 200%;
}

.container_inner {
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.femres-orange {
    color: #DD9459;
}

.onepage {
    clear: both;
    min-height: 100vh;
    background: #fff;
    padding: 2em;
    width: 75%;
    margin-left: auto;
}

.content {}

.socialink-module {
    margin: 1em 0;
}

.content .text {}

.content.nosidebar {
    float: none;
    width: 100%;
}

.pageinfo {}

p.about-intro {
    font-size: 1.2em;
    color: #888;
}

.about-intro.intro-small {
    font-size: 1em;
    color: #000;
    margin-top: 1.5em;
}

.about-intro.intro-small a {
    color: #ee553e;
}

/*****************
EXPANDERS
***********************************************/
.expander_section {}

.module-expanding h2:after,
.expander_section header a:after {
    content: ' +';
}

.module-expanding .activated h2:after,
.expander_section header a.activated:after {
    content: ' -';
}

.module-expanding .module_wys {
    display: none;
}

.module-expanding .activated .module_wys {
    display: block;
}

.module-expanding h2 {
    cursor: pointer;
    background-image: url('images/orange-blob.5ffb3c9e.png');
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center left;
    padding: .25em;
    padding-left: 0.25em;
    padding-left: 1.5em;
}

.module-expanding .activated h2 {
    background-color: #FEDDC5;
    display: inline-block;
}

.module_wys ul li {
    margin-left: 1em;
    margin-bottom: 5px;
}

/*****************
TYPE
***********************************************/
h1,
h2,
h3,
h4,
h5 {
    margin-top: 0;
    line-height: 1.2;
    color: #214451;
}

h1 {}

h2 {}

h3 {}

h4 {}

h5 {}

p {
    font-size: 1em;
    margin-bottom: 1em;
    margin-top: 0;
    line-height: 1.5em;
    margin-top: 0;
}

.fancyfont {}

.pageinfo h1 {

    font-size: 2.8em;
}

.text {}

.text p {}

.text p:last-child {
    margin-bottom: 0;
}

.text h1 {}

.text h2 {}

.text h3 {}

.text ul {
    margin-bottom: 1em;
    margin-left: 0;
}

.text ul li {
    list-style-type: disc;
    margin-left: 1em;
    line-height: 1.4em;
}

/*****************
IMAGECOVERS
***********************************************/
.backgrounded_image {
    background-position: center center;
    background-size: cover;
    min-height: 400px;
    position: relative;
    width: 100%;
}

.backgrounded_image:before {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.backgrounded_image>div {
    position: relative;
}

/*****************
FIXES FOR IE
***********************************************/
.ie8,
.ie9 {}

.ie7 {}

/*****************
BASIC INPUT AND FORMS
***********************************************/
input[type=text] {
    padding: .5em;
}

.wpcf7 input[type=submit],
input[type=submit],
.button {
    background: none repeat scroll 0 0 #44d1ff;
    border: 0 none;
    color: #fff;
    display: inline-block;
    padding: 0.5em 0.75em;
    background: #DD9459;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .02em;
}

input[type=submit]:hover,
.button:hover {
    box-shadow: 0 0 1px #111;
    text-decoration: none;
    color: #424242;
}

input[type=submit]:active,
.button:active {
    box-shadow: inset 0 0 1px #222;
    outline: 0;
    color: #424242;
}

input[type=submit]:focus,
.button:focus {
    outline: 0;
}

/*****************
MOBILE HEADER (used for search bar in mobile)
***********************************************/
.mobile_expansion {
    visibility: hidden;
}

.mobile_expansion+label.mobile_expand_search {
    border: none;
}

.mobile_expansion:checked+label {
    border: .2em solid;
    height: .78em;
    width: .78em;
    border-radius: 100%;
}

.mobile_expansion+label.icon-search {
    border: 0 !important;
    margin-top: -5px;
}

/*****************
NAV MENU MARKUP
***********************************************/
.menu_horizontal li {
    display: inline-block;
    list-style: none;
}

/*****************
HEADER
***********************************************/
#header {
    width: 100%;
    width: 20%;
}

.header_inner {}

.logo {
    margin-bottom: 2em;
    width: 100%;
}

.logo img {
    width: 100%;
    /* for ie */
    max-width: 200px;
}

.topmenu {}

.topmenu ul {}

.big-menu ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 4em;
}

.big-menu li,
.topmenu li {
    margin-right: 0;
    margin-left: 0;
    list-style: none;
    margin-bottom: .25em;
    font-family: 'Oswald', sans-serif;
    font-size: 2em;
    color: #424242;
}

.big-menu li {
    font-size: 1.1em;
    margin-right: 1em;
}

.topmenu li:after {}

.big-menu li.last_item,
.topmenu li.last_item {
    margin-right: 0;
}

.big-menu li a,
.topmenu li a {
    text-decoration: none;
    padding: .15em;
    display: inline-block;
    padding-bottom: .35em;
    line-height: 1.2;
    color: #204451;
    font-size: .75em;
}

.big-menu li:hover a,
.topmenu li:hover a {
    color: inherit;
    text-decoration: none;
    background-color: #FEDDC5;
}

.big-menu li[class*="current"] a,
.topmenu li[class*="current"] a {
    color: inherit;
    text-decoration: none;
    background-color: #FEDDC5;
    background-image: url('images/border-image.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom left;
    line-height: 1.2;
    padding: 8px 15px 21px;
}

.big-menu li[class*="current"] a,
.big-menu li[class*="current"] a:hover {
    background-color: #fff;
    padding: 10px;
}

.socialmedia {}

.socialmedia a {}

/*****************
HOME
***********************************************/
/*.home .container_inner {
    display: inherit;
}
.home .onepage {
    width: 100%;
    background: inherit;
    padding: 0;
}
.home #header .menu {
    display: none !important;
}
.button-open {
    border: 1px solid #214451;
    padding: .25em .5em;
        padding-left: 0.5em;
    font-family: 'Oswald', sans-serif;
    color: #214451;
    background-image: url('images/open-file.e0e89e23.png');
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 5px;
    padding-left: 50px;
    }*/
/*****************
BACKGROUNDS
***********************************************/
.herospot {
    background-position: center center;
    background-size: cover;
    height: 400px;
    height: calc(100vw / 2.5);
    overflow: hidden;
    position: relative;
    width: 100%;
}

.herospot.contained {
    /* use this instead of height if the image is not full bleed; where the first number is the image height and the second number is the image width */
    /* padding-top: calc((460 / 1040) * 100%);*/
}

.herospot.semantic:before {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.herospot.semantic>div,
.herospot.semantic>article,
.herospot.semantic>section {
    position: relative;
}

.slides li {
    margin: 0;
    list-style: none
}

.slideshow_area {
    max-height: 400px;
    height: calc(100vw / 3);
}

.slideshow_area div.slide {
    background-position: center center;
    background-size: cover;
    height: calc(100vw / 3);
    width: 100%;
    position: relative;
}

#header .slideshow_area {
    position: absolute;
    top: 0;
    height: 600px;
    left: 0;
    max-height: 600px;
}

#header .slideshow_area div.slide {
    max-height: 600px;
    height: 600px;
}

.slide_nav {
    color: #fff;
    font-size: 2em;
    left: 2%;
    position: absolute;
    z-index: 300;
    /* top: calc(100vw/5);*/
    top: 250px;
}

.slide_nav a:before {
    text-shadow: 1px 1px 3px #111;
}

.home .slide_nav {}

.slide_nav a {
    color: #fff;
}

.slide_nav a:hover,
.slide_nav a:active,
.slide_nav a:focus {
    text-decoration: none;
    color: #2D2C28;
}

.slide_nav.left {}

.slide_nav.right {
    left: auto;
    right: 2%;
}

/*****************
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 {
    clear: both;
}

.footer_inner {}

.footermenu {}

.footercredits {}

.footercredits a {}

.sitecredits {}

.sitecredits p {}

.sitecredits a {}

.sinkcredits {}

.sinkcredits p {
    margin-bottom: 0;
}

.sinkcredits a {}

/*****************
RELATED
***********************************************/
.related_content {
    text-align: center;
    margin: 2em 0;
}

.related_content .field_divlist {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 2em 0;
}

.related_content .field_divlist>div {
    background: #ccc none repeat scroll 0 0;
    border-right: 1px solid #fff;
    height: 250px;
    min-width: 25%;
    padding: 1em 2%;
}

.metadatum {
    margin-bottom: 2em;
}

.metadatum .meta_item {
    margin-bottom: 1em;
}

.metadatum .meta_item .lbl {}

.metadatum .meta_item .val {}

/*****************
ARCHIVE
***********************************************/
.content article.archive_post {
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 5px solid #feddc5;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

aside.readmore {
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 1em 0;
    letter-spacing: .03em;
    font-size: 1.1em;
    font-weight: 900;
}

.content article.archive_post.archivepost_last {
    border-bottom: 0;
}

.archive_post .featimg {
    margin-right: 1em;
    width: 200px;
}

.archive_post.thumb_exists .mainpost {}

.content article.archive_post h2 {
    margin-bottom: 0.5em;
}

.content article.archive_post p.post_header_meta {
    font-size: 90%;
}

.content article.archive_post .post_meta {
    border-top: 1px solid #eaeaea;
    padding-top: 5px;
    font-size: 90%;
}

.archive-resource .mainpost header {
    background-image: url('images/resource-image.png');
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: center left;
    padding-left: 50px;
}

.archive-response_tracker .mainpost header {
    background-image: url('images/restype-neutral.png');
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: center left;
    padding-left: 50px;
}

.archive-response_tracker.restype-regressive .mainpost header {
    background-image: url('images/restype-regressive.png');
}

.archive-response_tracker.restype-progressive .mainpost header {
    background-image: url('images/restype-progressive.png');
}

.item-meta {
    font-size: .8em;
    margin-bottom: 1.5em;
}

.item-term {
    background: #E69653;
    color: #fff;
    padding: .25em;
}

.content article.archive_post a.readmore {
    font-size: 90%;
    text-transform: uppercase;
}

.content article.archive_post a.readmore:after {
    content: '>';
    padding-left: 2px;
}

.relatedposts {
    clear: both;
    border-top: 5px solid #D2D2D2;
    padding-top: 1em;
    font-size: 1.5em;
    text-transform: uppercase;
}

.relatedposts ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 0;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.relatedposts li {
    list-style: none outside none !important;
}

.relatedposts .prev {
    margin-right: auto;
}

.relatedposts .next {
    margin-left: auto;
}

.single_relatedposts {}

.archive_relatedposts {}

p.readmore {
    margin-bottom: 0;
}

.plugin-clientlayer {
    border: 0;
}

.plugin-clientlayer fieldset {
    border-color: #eaeaea;
}

.plugin-clientlayer fieldset>legend {
    color: #214451;
    font-weight: 900;
}

.plugin-clientlayer textarea {
    max-width: 600px;
    min-height: 200px;
}

.plugin-clientlayer select,
.plugin-clientlayer textarea,
.plugin-clientlayer input:not([type='submit']) {
    border: 5px solid #eaeaea;
    background: #eaeaea;
}

.plugin-clientlayer select,
.plugin-clientlayer textarea:active,
.plugin-clientlayer textarea:focus,
.plugin-clientlayer input:not([type='submit']):active,
.plugin-clientlayer input:not([type='submit']):focus {
    background: #fff;
}

.plugin-clientlayer textarea.error,
.plugin-clientlayer select.error,
.plugin-clientlayer input.error {
    border: 3px solid #ff6060;
}

.plugin-clientlayer {
    background: #fff;
    padding: 1em;
    border: 2px solid #424242;
    color: #424242;
    margin: 2em 0;
    max-width: 840px;
}

@media (min-width: 1040px) and (max-width: 1440px) {
    #container {
/*         padding: 3em; */
    }
}

@media (min-width: 768px) and (max-width: 1040px) {
    #container {
        /* padding: 3em; */
    }
}

/* storytelling Submission */
.nf-response-msg {
    background: #e69652;
    color: #424242;
    padding: 1em;
    text-align: center;
}

#nf-field-14-container {
    display: none !important
}

.nf-form-content textarea.ninja-forms-field {
    font-family: inherit;
}

.nf-form-content label {
    color: #214451;
}

.nf-form-content a {
    color: #e69653;
}

.nf-field .checkbox-wrap .nf-field-description {
    margin-top: 1em;
}

.nf-field .file_upload-wrap .nf-field-description {
    margin-bottom: 1em;
}


.nf-field-description {
    font-size: 14px;
    margin-top: -5px;
    margin-bottom: 5px;
}

.nf-form-content .checkbox-container.label-above label {
    height: 30px;
    margin: 0;
    display: block;
}

.nf-field-description p:last-child {
    margin-bottom: 0;
}

/*****************
STORIES SINGLE
***********************************************/

.story_nav {
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-size: .7em;
    margin-bottom: 1.5em;
}

.submit-inner a, 
.submit .button {
    font-size: .7em;
    line-height: 1;
    padding: 1em 1.5em .9em 1em;
    letter-spacing: .08em;
}
.story_nav .sink_icon {
    width: 10px;
}

.story_nav a {
    text-decoration: none;
    color: #bb751c;
}

.story-meta {
    background: #F2F2F2;
    border-bottom: 1px solid #CFCFCF;
    margin: 2em 0;
    padding: .5em 2em;

}

.story-template .pageinfo h1 {
    margin-bottom: 0;
    font-size: 1.5em;
    color: #214451;
    font-weight: 400;
}

.fldlabel {
    color: #2f2f2f;
    font-family: 'Oswald', sans-serif;
    display: block;
    font-weight: 200;
}


.story-meta .sink_cfields p {
    margin-bottom: 0;
    margin-top: 3px;
    font-size: .8em;
    letter-spacing: -.03em;
}

.story-navigator {
    border-top: 1px solid #CFCFCF;
    margin-top: 3em;
    padding: 1em 2em;
}

.story-navigator>div {
    width: 50%;
}

.story-navigator>div.story-next {
    text-align: right;
    margin-left: auto;
}

.story-navigator>div h2 {
     color: #214451;
    font-weight: 400;
    font-weight: inherit;
    margin-bottom: .25em;

}

.story-navigator>div h2 a {
    text-decoration: none;
}

.story-navigator .excerpt {
    font-weight: bold;
    font-size: .9em;
    margin-top: 1em;
    color: #828282;
}

/* STORY DASH */

.onepage.fullbleed-template {
    padding: 0;
}

.onepage.fullbleed-template .story-text,
.onepage.fullbleed-template .map-filter-box,
.onepage.fullbleed-template .pageinfo {
    padding: 0 2em 0 2em;
}

.onepage.fullbleed-template .pageinfo {
    padding-top: 2em;
}

.onepage.fullbleed-template .map-filter-box {
    padding:  0 2em;
}

.onepage.fullbleed-template .map-intro {
    padding: 0 2em 0;
    display: none;
}

.storydash-template .pageinfo.flexible {
    flex-wrap: nowrap;
}

.storydash-template .col.maincol {
    width: 70%;
}

.text.storydash-intro {
    font-size: .9em;
    margin: 1em 0;
}

.storydash-template .map-container {
    margin: 1em 0;
}

.storydash-template .map-container h2 {
    font-size: 1.2em;
    font-weight: normal;
}

.featured-stories h3 {
    margin-bottom: 1em;
    font-size: 1.1em;
    padding: 0 2em 0;
}

.col.col-quote {
    margin-top: 1em;
    font-weight: 600;
    color: #828282;
}

.col.col-quote p:after,
.col.col-quote p:before {
    content: '"';
}

.featured-stories .story-navigator {
    margin-top: .5em;
    padding: 2em;
}