/*
 Theme Name:     Biographic
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
/* BIOGRAPHIC */

/* =Theme customization starts here
------------------------------------------------------- */

/****** story type classes:

.story_type-immersive
.story_type-photo-essay
.story_type-spotlight


/************ SITE STRUCTURE ************/


h1,h2,h3,.title {
  font-family: "Archer A", "Archer B", Serif !important;
}
body,p,span {
  font-family: "Whitney SSm A", "Whitney SSm B", sans-serif !important;
  font-weight: 400;
}

#content-area ul {
  margin-left:1.5em;
}
#content-area ol {
  margin-left:1.5em;
}
@media only screen and (max-width: 500px) {
  body {
    line-height: 1.5rem;
  }
}

.single #sidebar {display: none;}
.single #left-area {width: 100%;}
.single #main-content .container:before {width: 0;}
.single .et_post_meta_wrapper{display: none;}


.page #main-content {
  padding-bottom: 15vh;
}

.standard_one_em_padding {
  padding:1em!important;
}


.light {
  color:white!important;
}
.dark {
  color: #000!important;
}
/*.left {
  float:left;
}
.right {
  float:right;
}*/

.background-image-positioning.top .et_parallax_bg {
  background-position: top;
}
.background-image-positioning.bottom .et_parallax_bg {
  background-position: bottom;
}
.background-image-positioning.center .et_parallax_bg {
  background-position: center;
}
.background-image-positioning.twenty .et_parallax_bg {
  background-position: center 20%;
}
.background-image-positioning.right .et_parallax_bg {
  background-position: right;
}
.background-image-positioning.horizontal_seventy .et_parallax_bg {
  background-position: 70% center;
}
.background-image-positioning.left .et_parallax_bg {
  background-position: left;
}



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

/* FULL SCREEN MENU */

/* Logo */
img#logo {
  position:relative;
  top:0px;
}

/* Search icon */
#et_search_icon:before {
  font-size:1.6rem;
  font-weight:900;
  top:-10px;
}
@media only screen and (max-width: 980px) {
  #et_search_icon:before {
    top:5px;
  }
}
/* Search input container */
@media only screen and (max-width:800px) {
  #top-menu li a, .et_search_form_container input {
    width:70vw;
  }
}


/* quick load header to prevent header jump */
#page-container {
  padding-top: 64px!important;
}
#main-header {
  top:0px!important;
}
@media only screen and (max-width: 980px) {
  #main-header .container.clearfix.et_menu_container {
    height: 65px;
  }
  #et-top-navigation {
    padding-top:20px!important;
  }
  #logo {
    top:-5px!important;
  }
}
/*.admin-bar #page-container {
  padding-top: 0px!important;
}*/
.admin-bar #main-header {
  top:30px!important;
}



.menu-item {
  display: inline-block!important;
}
#mobile_menu .menu-item {
  display: block!important;
}
.menu-item a {
  font-weight:700!important;
}
#et-top-navigation {
  float:left;
  margin-left:0px;
  padding-left:220px!important;
}
/* gives styles for main nav menu */
#et-top-navigation #top-menu li a {
  font-weight: 600!important;
}
/* */

#top-menu-nav {
  padding-left:0;
}
.et_fixed_nav #et-top-navigation {
  transition: none;
}
.logo_container {
  transition:none;
  right:0px;
}

#et_top_search {
  position:absolute!important;
  right:2rem!important;
}
@media only screen and (max-width:600px){
  #et_top_search {
    position:absolute!important;
    right:.3rem!important;
  }
}

/* MOBILE MENU */
.mobile_menu_bar:before {
  color:white!important;
}

/* remove margin-left for mobile menu */
ul#mobile_menu {
  margin-left:0;
}

/* make mobile menu sticky */
@media only screen and (max-width: 980px) {
.et_fixed_nav #main-header,
.et_fixed_nav #top-header,
.et_non_fixed_nav.et_transparent_nav #main-header,
.et_non_fixed_nav.et_transparent_nav #top-header {
    position: fixed;
}
}
.et_mobile_menu {
    overflow: scroll !important;
    max-height: 80vh;
}
.mobile_nav.opened #mobile_menu.et_mobile_menu {
  background-color: #e00f7b!important;
  width:80vw;
}

/* add 'x' to mobile menu when opened */
.mobile_nav.opened .mobile_menu_bar:before {
 content: '\4d';
 position: absolute;
 left:5px;
}

/* slide in mobile menu */
/**** Nesting Menu ****/

    /* when mobile menu is open, change hamburger icon to x icon */

    #et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
        content: '\4d';
    }
    /* makes sub sub menu icon be right arrow instead of down arrow */

    #top-menu .menu-item-has-children .menu-item-has-children > a:first-child::after,
    #et-secondary-nav .menu-item-has-children .menu-item-has-children > a:first-child::after {
        content: '5';
    }
    /* - mobile menu toggling elements, injected via jQuery - */
    /* make menu list item be relative, to be able to position toggle within this item */

    #main-header #mobile_menu.et_mobile_menu .menu-item-has-children {
        position: relative;
    }
    /* the new toggle element, which is added via jQuery */

    #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle {
        position: absolute;
        z-index: 1;
        width: 36px;
        height: 36px;
        line-height: 36px;
        border-radius: 50%;
        top: 5px;
        right: 30px;
        cursor: pointer;
        text-align: center;
    }
    /* the new toggle element when popped */

    #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped {
        background-color: rgba(255,255,255, 0.2);
    }
    /* toggle icon */

    #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle::before {
        font-family: "ETmodules" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 36px;
        font-size: 24px;
        text-transform: none;
        speak: none;
        content: '\33';
        color: #E00F7B;
    }
    /* toggle icon when triggered */

    #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped::before {
        content: '\32';
    }
    /* hide sub menus by default */

    #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle ~ ul.sub-menu {
        display: none !important;
        padding-left: 0;
    }
    /* show sub menu when triggered via jQuery toggle, and add slight bg color */

    #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped ~ ul.sub-menu {
        display: block !important;
    }
    /* remove sub menu list item left padding, since padding will be on anchors */

    #main-header #mobile_menu.et_mobile_menu li li {
        padding-left: 0;
    }
    /* adjust mobile menu anchors side paddings */

    #main-header #mobile_menu.et_mobile_menu li a {
        padding-left: 20px;
        padding-right: 20px;
    }
    /* indent sub sub menus further */

    #main-header #mobile_menu.et_mobile_menu li li li a {
        padding-left: 60px;
        padding-right: 20px;
    }

    #main-header #mobile_menu.et_mobile_menu .menu-item-has-children > a {
        background-color: transparent;
        font-weight: inherit;
    }
    /* make the current page's mobile menu link be different */

    #main-header #mobile_menu.et_mobile_menu li.current-menu-item > a {
        font-weight: bolder;
    }

    /****** Code Style: Menu Slide-In ******/

    /* Font Awesome */
    .fa {
        margin-right: 15px ;
      }

    @media only screen and (max-width: 980px){
    #mobile_menu {
        display: block !important;
        min-height: 100vh;
        height: 100%;
        top: 0;
        right: 0;
        position: fixed;
        z-index: 9998;
        overflow: scroll;
        border-top: none;
        padding-top: 60px !important;
    }

    .et_mobile_menu li a {
        color: #FFFFFF !important;
        width: 100%;
        float: left;
        text-align: left;
        border-bottom: 0px solid #ddd;
        margin: 5px;
        transition: .2s;
        text-transform: uppercase;
    }
    .mobile_nav ul#mobile_menu .current_page_item > a {
        color: #fff !important;
    background-color: rgba(255, 255, 255, 0.1);
    }

    .mobile_nav.closed #mobile_menu {
        background: rgba(51,51,51,0.9) !important;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: -webkit-transform 0.4s 0s;
        -moz-transition: -moz-transform 0.4s 0s;
        transition: transform 0.4s 0s;
        background: rgba(51,51,51,0.9) !important;
    }

    .mobile_nav.opened #mobile_menu {

        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        -webkit-overflow-scrolling: touch;
        -webkit-transition: -webkit-transform 0.4s 0s;
        -moz-transition: -moz-transform 0.4s 0s;
        transition: transform 0.4s 0s;
    }

    #main-header .container.clearfix.et_menu_container {
        width: 100%;
    }

    .mobile_menu_bar:before {
        color: #white !important;
    }
    .mobile_nav.opened .mobile_menu_bar:before {
        content: '\4d';
        color: #fff !important;
        z-index: 9999;
    }
    }

    @media only screen and  (max-width: 980px) {
      .et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar {
        z-index: 9999;
      }
      #et-top-navigation {
        padding-right: 5px;
      }
    }

    @media only screen and (min-width: 481px)  {
      #mobile_menu {
        width: 100vw;
        /*margin-left: calc(100% - 340px);*/
      }
    }
    @media only screen and (max-width: 480px)  {
      #mobile_menu {
        width: 100vw;
        /* margin-left: calc(100% - 290px);*/
      }
    }

/* switch logo/menu order on mobile */
@media only screen and (max-width: 980px){
  #et_mobile_nav_menu {
    position:absolute;
    left:.5em;
  }
  #logo {
    position: absolute!important;
    left:4em!important;
    margin-top:1.2em;
  }
}




/* remove logo when search is engaged */
@media only screen and (max-width: 980px) {
  .container.clearfix.et_menu_container.et_pb_menu_hidden.et_pb_no_animation #logo {
    display:none;
    animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
  }
  .container.et_search_form_container.et_pb_search_visible
}




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

 #main-footer {
  background-color: #4a4c4a;
  position: relative;
 }

.sm_icon_row {
  width:100%!important;
}
.sm_icon_row .container {
  padding: 2em auto;
  display:grid;
  grid-template-columns:auto auto auto auto;
  place-items:center;
  max-width:500px;
}
.sm_icon_row img {
  margin-right:3em;
  border:1px solid transparent;
  border-radius: 100px;
  background-color: rgb(74, 76, 74);
  padding:.6em;
  width:3.5em;
}
@media only screen and (max-width: 480px) {
  .sm_icon_row .container {
    grid-template-columns: auto auto;

  }
  .sm_icon_row img {
    margin:1em 1.2em;
  }
}

#about_contact_subscribe_row {
  max-width: 800px;
}

#about_contact_subscribe_row h4 {
  font-size: .9rem;
  font-weight: 700;
  font-family: "Whitney SSm A", "Whitney SSm B", sans-serif;
}

.footer_subscribe_form input[type=text] {
  border: solid 1px #c3c3c3 !important;
  border-radius: 4px !important;
  padding-right: 5px !important;
  margin-bottom: 5px !important;
  padding-left: 10px !important;
  padding-bottom: 8px !important;
  padding-top: 8px !important;
  padding-right: 10px !important;
  cursor: auto !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: .9rem;
  font-family: "Whitney SSm A", "Whitney SSm B", sans-serif;
}
.footer_subscribe_form input[type="submit"] {
  background-color: #4a4c4a;
  border:0px #4a4c4a solid;
  color: #1dc58d;
  font-size: .9rem;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Whitney SSm A", "Whitney SSm B", sans-serif;
}

#footer-widgets {
  width:85%;
  margin: 0 auto 2em;
}
#footer-widgets img {
  width: 60%;
}

/* Bottom Bar */
#footer-info .bottom_bar_item {
  margin-right: 2em!important;
}

/************ SECTIONS ************/
#post-title-info {
  display:grid;
  grid-template-rows: min-content min-content 1fr;
  align-items: start;
}
@media only screen and (max-width: 980px) {
  #byline_section .byline_row {
    padding-top:0px!important;
  }
  #byline_section .byline_row .et_pb_column {
    margin-bottom: 0px!important;
  }
} 



@media only screen and (max-width: 980px) {
  #after_content_share_section {
    padding-bottom: 2em;
  }
}
#after_content_share_section .et_pb_row {
  padding:0px!important;
}
#after_content_share_section .et_pb_column {
  margin-bottom:0px!important;
}

/* related content section that appears below posts */
#related_content_section {
  padding-bottom:3em;
}
#related_content_section h4 {
  padding-bottom:.5em;
  font-family: "Whitney A", "Whitney B", sans-serif;
}
#related_content_section h6 {
  padding-bottom:.2em;
  font-family: "Whitney A", "Whitney B", sans-serif;
}


/************ ROWS & COLUMNS ************/
/*
.et_pb_row {
  margin: 0 auto!important;
  padding: 0!important;
}
*/
/* flex-columns & twobytwo styles for logos to display them well on mobile */
/* floats columns on mobile to keep from tall column of images, etc. */
@media (max-width: 980px) {
.flex-columns .et_pb_row {
  display: flex; }
.flex-columns .twobytwo .et_pb_row {
  display: flex; }
.flex-columns .twobytwo .et_pb_row {
  flex-wrap: wrap; }
.flex-columns .twobytwo .et_pb_row .et_pb_column {
  width: 50% !important; }
}
@media (max-width: 480px) {
.flex-columns.twobytwo .et_pb_row {
  flex-wrap: wrap; }
.flex-columns.twobytwo .et_pb_row .et_pb_column {
  width: 50% !important; }
}


/* center content in a column */
/* see https://divisoup.com/quick-snack-vertically-center-any-content-in-divi/ */
.ds-vertical-align,.vertical-align-in-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


/************ MODULES ************/

/* adds shadow under words that are above an image so that they are more legible */
.text_over_image {
  text-shadow: rgba(0, 0, 0, 0.75) 0px 0px 25px;
}

/* Post Listing Card Meta */
.post_card_category,.post_card_date {
  float:left;
  font-size:.9rem;
  font-weight: 600;
}
.post_card_date {
  padding-left:.5em;
}
.post_card_category .et_pb_text_inner:after {
  content:"|";
  padding-left:.5em;
  padding-right: 0px;
}
.post_card_title {
  clear:both;
  font-size:2rem;
  font-weight: 700;
}
@media only screen and (max-width:767px) {
  .post_card_title h1 {
    font-size:2.5rem!important;
  }
}
.post_card_excerpt {
  padding-top:1em;
  font-size:1rem;
  font-weight:400;
}





.mfp-fade.mfp-bg.mfp-ready {
  opacity:1;
}
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
  opacity:1;
  font-size:2rem;
}
.mfp-close {
  position: fixed;
  top:15px!important;
  right:15px!important;
}
.contributor_attribution_module h6  {
  font-size:1.1rem;
  font-weight: 600;
  line-height: 2rem;
}
.contributor_attribution_module h6 a {
  color: #1dc58d!important;

}


/* zoom images in place */
/* for gallery images */
.image_zoom {
  overflow: hidden;

}
.image_zoom .et_pb_gallery_item {
  transition: transform 0.5s ease;
  display: block;
}
.image_zoom .et_pb_gallery_item:hover {
  transform: scaleX(1.03) scaleY(1.03);
  transition: transform 0.5s ease;
}

.image_zoom:before {
  color:white;
  bottom:15px;
  right:15px;
  top:auto;
  left:auto;
  content:"+"!important;
  font-size:2.5rem;
  font-weight:300;
  position: absolute;
  transform:none;
  z-index: 9;
}

/* for slider images e.g. photo gallery like big picture */

.story_type-photo-gallery #photo_gallery_type .et_pb_slide_content .photo_gallery_image {
  overflow: hidden;
}
.story_type-photo-gallery #photo_gallery_type .et_pb_slide_content .photo_gallery_image img {
  transition: transform 0.5s ease;
  display: block;
  margin-left:0px!important;
  margin-right:0px!important;
  width:100%;
}
.story_type-photo-gallery #photo_gallery_type .et_pb_slide_content img:before{
  color:white;
  bottom:150px;
  right:150px;
  top:auto;
  left:auto;
  content:"+"!important;
  font-size:2.5rem;
  font-weight:300;
  position: absolute;
  transform:none;
  z-index: 9;
}
.story_type-photo-gallery #photo_gallery_type .et_pb_slide_content .photo_gallery_image img:hover {
  transform: scaleX(1.03) scaleY(1.03);
  transition: transform 0.5s ease;
}


/* positions background images when not in frame */
.background-image-positioning.right .et_parallax_bg {
  background-position: right center;
}
/* .background-image-positioning.left .et_parallax_bg {
  background-position: 30% center;
} */


/* makes fullwidth video backgrounds parallax-like */
.parallax_video_background,.parallax_video_background_section {
  position:sticky!important;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
}
@media only screen and (max-width:480px) {
  .parallax_video_background {
    height:120vh!important;
  }
}

/* image caption */
.mfp-title {
  font-size: .8rem;
}

.et_pb_post .et_pb_text strong {
  font-size:1.6rem;
  font-weight:400;
}


/* Contributor Section for bottom of content */
/*
#contributor_bios_section
.contributor_bio_author_row
.contributor_bio_photographer_row
.contributor_bio_videographer_row
.contributor_bio_producer_row

.contributor_bio_module
*/

/* Adds title to authors */
.post #contributor_bios_section .contributor_bio_author_row .contributor_bio_module .et_pb_testimonial_description:before {
  content: 'About the Author';
  font-weight: bold;
  text-transform: uppercase;
}
/* Adds title to photographers */
.post #contributor_bios_section .contributor_bio_photographer_row .contributor_bio_module .et_pb_testimonial_description:before {
  content: 'About the Photographer';
  font-weight: bold;
  text-transform: uppercase;
}
/* Adds title to videographers */
.post #contributor_bios_section .contributor_bio_videographer_row .contributor_bio_module .et_pb_testimonial_description:before {
  content: 'About the Videographer';
  font-weight: bold;
  text-transform: uppercase;
}
/* Adds title to producers */
.post #contributor_bios_section .contributor_bio_producer_row .contributor_bio_module .et_pb_testimonial_description:before {
  content: 'About the Producers';
  font-weight: bold;
  text-transform: uppercase;
}

.post .mono_image img {
  filter:saturate(0%) invert(100%);
}

/* DISPLAY POSTS */
/* Related Posts */
/* Grid style */

/* For Posts—see For Pages below */
.display-posts-listing.grid {
  display: grid;
  grid-gap: .5em;
  grid-template-columns: 1fr;
  padding:0;
}

.display-posts-listing.grid .listing-item {
  display: grid;
  grid-template-columns: max-content 1fr 40px;
  grid-template-rows: 40px 1fr min-content min-content;
  align-items: end;
  height: 100%;
  width:100%;
  text-shadow: rgba(0, 0, 0, 0.75) 0px 0px 25px;
}
.display-posts-listing.grid .image {
  grid-row:1 / -1;
  grid-column: 1/-1;
  z-index: 999;
}
.display-posts-listing .listing-item .excerpt {
  grid-row: 1/2;
  grid-column: 1/3;
  z-index: 9999;
  align-self: start;
  font-size:1.1rem;
  padding: .5rem;
  max-width: 300px;
}
@media only screen and (max-width: 400px) {
  .display-posts-listing .listing-item .excerpt {
    font-size: 1rem;
    padding:.1rem;
    max-width:300px;
  }
}

.listing-item .excerpt {
  display:none;
}
.listing-item:hover .excerpt {
  display:block;
}
.listing-item .excerpt-dash {
  display:none;
}

.display-posts-listing .listing-item .title {
  font-family: "Archer A", "Archer B" !important;
  font-size:1.9rem;
  font-weight: 700;
  grid-row: 3 / 4;
  grid-column: 1/3;
  z-index: 9999;
  margin-left:.5rem;
  margin-right:.5rem;
  margin-bottom: .5rem;

  line-height: 2rem;
}
.display-posts-listing .listing-item .date {
  grid-row: 2 / 3;
  grid-column: 2/3;
  z-index: 9999;
  font-size: .8rem;
  font-weight: 700;
  padding-left:.5rem;
}
.display-posts-listing .listing-item a .date {
  padding-left: 0px;
}
.display-posts-listing .listing-item .category-display {
  grid-row:2/3;
  grid-column:1/2;
  z-index: 9999;
  padding-left: .5rem;
  font-size: .8rem;
  font-weight: 700;
  color:white;
  text-transform: uppercase;
}
.display-posts-listing .listing-item .category-display:after {
  content:"|";
  padding-left:.5em;
}
.display-posts-listing .listing-item img {
  display: block;
  width:100%;
  height:300px;
  object-fit: cover;
}

/* adds hover darkening effect on hover over display post listing-items */
.listing-item:hover .image {
background-color:black
}
.listing-item:hover img {
  opacity:.5;
}

.display-posts-listing .title, .display-posts-listing .date, .display-posts-listing .category-display, .display-posts-listing .excerpt {
  color: white!important;
}


@media only screen and (min-width: 980px) {
  .display-posts-listing.grid {
    grid-template-columns: repeat( 3, 1fr );
  }
}
@media only screen and  (max-width:1200px) and (min-width: 890px) {
  #related_content_section .et_pb_row {
    padding: 2em .7em!important;
  }
}

/* adds icon to story type */
.listing-item.opinion:before {
  position: relative;
  width: 100%;
  height: 100%;
  top: 20px;
  right: 20px;
  background-image: url('/wp-content/uploads/2019/09/opinion_icon.png');
  background-size: 20px;
  background-position: 99% 1%;
  content: '';
  z-index: 9999;
  background-repeat: no-repeat;
  grid-column: -1/-2;
  grid-row: 1/2;
}
.listing-item.article:before {
  position: relative;
  width: 100%;
  height: 100%;
  top: 20px;
  right: 20px;
  background-image: url('/wp-content/uploads/2019/09/article_icon.png');
  background-size: 20px;
  background-position: 99% 1%;
  content: '';
  z-index: 9999;
  background-repeat: no-repeat;
  grid-column: -1/-2;
  grid-row: 1/2;
}
.listing-item.spotlight:before {
  position: relative;
  width: 100%;
  height: 100%;
  top: 20px;
  right: 20px;
  background-image: url('/wp-content/uploads/2019/09/spotlight_icon.png');
  background-size: 20px;
  background-position: 99% 1%;
  content: '';
  z-index: 9999;
  background-repeat: no-repeat;
  grid-column: -1/-2;
  grid-row: 1/2;
}
.listing-item.infographic:before {
  position: relative;
  width: 100%;
  height: 100%;
  top: 20px;
  right: 20px;
  background-image: url('/wp-content/uploads/2019/09/infographic_icon.png');
  background-size: 20px;
  background-position: 99% 1%;
  content: '';
  z-index: 9999;
  background-repeat: no-repeat;
  grid-column: -1/-2;
  grid-row: 1/2;
}
.listing-item.brilliantideas:before {
  position: relative;
  width: 100%;
  height: 100%;
  top: 20px;
  right: 20px;
  background-image: url('/wp-content/uploads/2019/09/brilliantideas_icon.png');
  background-size: 20px;
  background-position: 99% 1%;
  content: '';
  z-index: 9999;
  background-repeat: no-repeat;
  grid-column: -1/-2;
  grid-row: 1/2;
}
.listing-item.video:before {
  position: relative;
  width: 100%;
  height: 100%;
  top: 20px;
  right: 20px;
  background-image: url('/wp-content/uploads/2019/09/video_icon.png');
  background-size: 20px;
  background-position: 99% 1%;
  content: '';
  z-index: 9999;
  background-repeat: no-repeat;
  grid-column: -1/-2;
  grid-row: 1/2;
}
.listing-item.immersive:before {
  position: relative;
  width: 100%;
  height: 100%;
  top: 20px;
  right: 20px;
  background-image: url('/wp-content/uploads/2019/09/immersive_icon.png');
  background-size: 20px;
  background-position: 99% 1%;
  content: '';
  z-index: 9999;
  background-repeat: no-repeat;
  grid-column: -1/-2;
  grid-row: 1/2;
}
.listing-item.photogallery:before {
  position: relative;
  width: 100%;
  height: 100%;
  top: 20px;
  right: 20px;
  background-image: url('/wp-content/uploads/2019/09/photo_gallery_icon.png');
  background-size: 20px;
  background-position: 99% 1%;
  content: '';
  z-index: 9999;
  background-repeat: no-repeat;
  grid-column: -1/-2;
  grid-row: 1/2;
}
.listing-item.photoessay:before {
  position: relative;
  width: 100%;
  height: 100%;
  top: 20px;
  right: 20px;
  background-image: url('/wp-content/uploads/2019/09/photo_essay_icon.png');
  background-size: 20px;
  background-position: 99% 1%;
  content: '';
  z-index: 9999;
  background-repeat: no-repeat;
  grid-column: -1/-2;
  grid-row: 1/2;
}



/* For Pages— see For Posts above */
.page .display-posts-listing.grid {
  grid-template-columns: repeat( 2, 1fr );
}
@media only screen and (max-width:890px) {
  .page .display-posts-listing.grid {
    grid-template-columns: repeat( 1, 1fr );
  }
}

/* For homepage */
.home .display-posts-listing.grid {
  grid-template-columns: repeat(4, 1fr);
}
.home .display-posts-listing .listing-item:nth-child(4n+1) {
  grid-column: span 3;
}
.home .display-posts-listing .listing-item:nth-child(4n+2) {
  grid-column: span 1;
}
.home .display-posts-listing .listing-item:nth-child(4n+3) {
  grid-column: span 1;
}
.home .display-posts-listing .listing-item:nth-child(4n+4) {
  grid-column: span 3;
}
@media only screen and (min-width: 1151px) and (max-width: 1375px) {
  .home .display-posts-listing.grid {
    grid-template-columns: repeat(10, 1fr);
  }
  .home .display-posts-listing .listing-item:nth-child(4n+1) {
    grid-column: span 7;
  }
  .home .display-posts-listing .listing-item:nth-child(4n+2) {
    grid-column: span 3;
  }
  .home .display-posts-listing .listing-item:nth-child(4n+3) {
    grid-column: span 3;
  }
  .home .display-posts-listing .listing-item:nth-child(4n+4) {
    grid-column: span 7;
  }
}
@media only screen and (min-width: 801px) and (max-width: 1150px) {
  .home .display-posts-listing.grid {
    grid-template-columns: repeat(5, 1fr);
  }
  .home .display-posts-listing .listing-item:nth-child(4n+1) {
    grid-column: span 3;
  }
  .home .display-posts-listing .listing-item:nth-child(4n+2) {
    grid-column: span 2;
  }
  .home .display-posts-listing .listing-item:nth-child(4n+3) {
    grid-column: span 2;
  }
  .home .display-posts-listing .listing-item:nth-child(4n+4) {
    grid-column: span 3;
  }
}
@media only screen and (max-width: 800px) {
  .home .display-posts-listing.grid {
    grid-template-columns: 1fr;
  }
  .home .display-posts-listing .listing-item:nth-child(4n+1) {
    grid-column: span 1;
  }
  .home .display-posts-listing .listing-item:nth-child(4n+2) {
    grid-column: span 1;
  }
  .home .display-posts-listing .listing-item:nth-child(4n+3) {
    grid-column: span 1;
  }
  .home .display-posts-listing .listing-item:nth-child(4n+4) {
    grid-column: span 1;
  }
}




.home #featured_post.display-posts-listing.grid {
  grid-template-columns: 1fr;
}

/* for Contributor pages */
.single-contributor .display-posts-listing.grid {
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width:890px) {
  .single-contributor .display-posts-listing.grid {
    grid-template-columns: repeat( 1, 1fr );
  }
}
.single-contributor #topic_page_header {
  padding: 3em 0em 1em 0em;
}
.single-contributor #topic_page_content_listing_area {
  padding: 1em .5em!important;
}
.single-contributor .container {
  width:100%;
  max-width:none;
  padding-top: 0px!important;
}
.single-contributor #main-content {
  padding-bottom: 15vh;
}




/* related topics list */
.related_topic_list a {
  color:white;
  margin-right:2em;
  text-transform: uppercase;
  font-weight: 600;
  font-size:.9rem;
}

/* Quote Text */
.quote_text p {
  font-family: "Archer A", "Archer B", Serif!important;
  font-weight: 800!important;
  padding-bottom:.6em!important;
  color: #4a4a4a;
}
.quote_text.light p {
  color:white;
}
.quote_text p strong {
  font-size: 2rem!important;
  font-style: italic;
  font-weight: 800!important;
  line-height: 1.1em!important;
}
@media only screen and (max-width: 980px) {
  .quote_text strong {
    font-size:1.5rem!important;
  }
}


/* Donate Button */
.donate_button {
  padding:.7em;
  background-color: rgb(29, 197, 141);
  color:white;
  width:250px;
  text-align:center;
  border-radius:5px;
}
@media only screen and (max-width:350px) {
  .donate_button {
    width: 200px;
  }
}


/* Social Share Module */

.social_share_module_new  {
  display:grid;
  grid-template-columns: repeat(4,max-content);
  grid-gap: 15px;
  align-items: center;
}
.social_share_module_new_outer {
	float: right;
}
@media only screen and (max-width: 767px) {
	.social_share_module_new_outer {
		clear: both;
	}
}


/*@media only screen and (max-width:980px) {
  .social_share_module_new.right {
    float:left!important;
  }
}*/
.social_share_module_new h6 {
  font-size:.8rem;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom:0px;
  color:#bbbbbb!important;
}

.social_share_module_new img {
  width:30px;
}
.social_share_module_new img:hover {
  opacity:.6;
}




/********** INDEX PAGES ***********/

/* removes sidebar separator line */
#main-content .container:before {
  width:0px;
}
body.archive #main-content .container {
  margin-bottom: 100px;

}
body.archive #main-content .container {
  max-width: none;
  width:100%;
  padding: .5em;
}
#archive-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap:.5em;
}
@media only screen and (max-width: 890px) {
  #archive-grid {
    grid-template-columns: 1fr;
}
} 
#archive-grid article {
  background-size:cover;
  height:300px;
  margin-bottom:0px;
  display:grid;
  grid-template-columns: 1fr;
  grid-template-rows: 40px 1fr min-content min-content;
  align-items: end;
}
#archive-grid .post_title a h1,#archive-grid .post_main_topic a,#archive-grid .post_date a,#archive-grid .post_excerpt a {
  color:white;
} 
#archive-grid .post_image {
  grid-row:1/-1;
  grid-column: 1/-1;
  align-self:start;
}
#archive-grid .post_image img {
  display: block;
  width:100%;
  height:300px;
  object-fit: cover;
}
#archive-grid .post_title {
  grid-row:3/4;
  grid-column: 1/-1;
  padding-bottom:.5em;
  padding-left:.5em;
  padding-right:.5em;
  z-index: 9;
}
#archive-grid .post_title h1 {
  font-size: 1.9rem;
}
#archive-grid .post_meta {
  grid-row:2/3;
  grid-column:1/-1;
  padding-left:.5em;
  padding-right:.5em;
  z-index: 9;
}
#archive-grid .post_main_topic {
  float:left;
  font-size: .8rem;
  font-weight: 700;
  text-transform: uppercase;
}
#archive-grid .post_main_topic:after {
  content:' | ';
  color:white;
  font-size:.8rem;
}
#archive-grid .post_date {
  float:left;
  font-size:.8rem;
  font-weight: 700;
  text-transform: uppercase;
}
#archive-grid .post_excerpt {
  grid-row: 1/2;
  grid-column: 1/-1;
  font-size: 1.1rem;
  align-self: start;
  opacity:0;
  max-width: 300px;
  padding-top:.5em;
  padding-left:.5em;
  padding-right:.5em;
  z-index: 9;
}
@media only screen and (max-width: 400px) {
  #archive-grid .post_excerpt {
    font-size: 1rem;
    padding:.1rem;
    max-width:300px;
  }
}
#archive-grid .et_pb_post:hover .post_excerpt {
  opacity:1;
}
/* adds hover darkening effect on hover over display post listing-items */
#archive-grid .et_pb_post:hover .post_image {
background-color:black;
}
#archive-grid .et_pb_post:hover img {
  opacity:.5;
}


/* adds icons to archive/index various story types */
#archive-grid article.story_type-opinion:before {
  position: relative;
  width: 100%;
  height: 100%;
  top: 20px;
  right: 20px;
  background-image: url('/wp-content/uploads/2019/09/opinion_icon.png');
  background-size: 20px;
  background-position: 99% 1%;
  content: '';
  z-index: 9999;
  background-repeat: no-repeat;
  grid-column: -1/-2;
  grid-row: 1/2;
}
#archive-grid article.story_type-article:before {
  position: relative;
  width: 100%;
  height: 100%;
  top: 20px;
  right: 20px;
  background-image: url('/wp-content/uploads/2019/09/article_icon.png');
  background-size: 20px;
  background-position: 99% 1%;
  content: '';
  z-index: 9999;
  background-repeat: no-repeat;
  grid-column: -1/-2;
  grid-row: 1/2;
}
#archive-grid article.story_type-spotlight:before {
  position: relative;
  width: 100%;
  height: 100%;
  top: 20px;
  right: 20px;
  background-image: url('/wp-content/uploads/2019/09/spotlight_icon.png');
  background-size: 20px;
  background-position: 99% 1%;
  content: '';
  z-index: 9999;
  background-repeat: no-repeat;
  grid-column: -1/-2;
  grid-row: 1/2;
}
#archive-grid article.story_type-infographic:before {
  position: relative;
  width: 100%;
  height: 100%;
  top: 20px;
  right: 20px;
  background-image: url('/wp-content/uploads/2019/09/infographic_icon.png');
  background-size: 20px;
  background-position: 99% 1%;
  content: '';
  z-index: 9999;
  background-repeat: no-repeat;
  grid-column: -1/-2;
  grid-row: 1/2;
}
#archive-grid article.story_type-brilliant-ideas:before {
  position: relative;
  width: 100%;
  height: 100%;
  top: 20px;
  right: 20px;
  background-image: url('/wp-content/uploads/2019/09/brilliantideas_icon.png');
  background-size: 20px;
  background-position: 99% 1%;
  content: '';
  z-index: 9999;
  background-repeat: no-repeat;
  grid-column: -1/-2;
  grid-row: 1/2;
}
#archive-grid article.story_type-video:before {
  position: relative;
  width: 100%;
  height: 100%;
  top: 20px;
  right: 20px;
  background-image: url('/wp-content/uploads/2019/09/video_icon.png');
  background-size: 20px;
  background-position: 99% 1%;
  content: '';
  z-index: 9999;
  background-repeat: no-repeat;
  grid-column: -1/-2;
  grid-row: 1/2;
}
#archive-grid article.story_type-immersive:before {
  position: relative;
  width: 100%;
  height: 100%;
  top: 20px;
  right: 20px;
  background-image: url('/wp-content/uploads/2019/09/immersive_icon.png');
  background-size: 20px;
  background-position: 99% 1%;
  content: '';
  z-index: 9999;
  background-repeat: no-repeat;
  grid-column: -1/-2;
  grid-row: 1/2;
}
#archive-grid article.story_type-photo-gallery:before {
  position: relative;
  width: 100%;
  height: 100%;
  top: 20px;
  right: 20px;
  background-image: url('/wp-content/uploads/2019/09/photo_gallery_icon.png');
  background-size: 20px;
  background-position: 99% 1%;
  content: '';
  z-index: 9999;
  background-repeat: no-repeat;
  grid-column: -1/-2;
  grid-row: 1/2;
}
#archive-grid article.story_type-photo-essay:before {
  position: relative;
  width: 100%;
  height: 100%;
  top: 20px;
  right: 20px;
  background-image: url('/wp-content/uploads/2019/09/photo_essay_icon.png');
  background-size: 20px;
  background-position: 99% 1%;
  content: '';
  z-index: 9999;
  background-repeat: no-repeat;
  grid-column: -1/-2;
  grid-row: 1/2;
}



/********** SEARCH PAGE ***********/

body.search #main-content {
  padding-bottom: 100px;
}
body.search #main-content .container {
  max-width: none;
  width:100%;
  padding:.5em;
}
/* pagination buttons */
.pagination {
  margin-top:1em;
  margin-bottom:1em;
}
.pagination .alignleft a,.pagination .alignright a{
  background-color: #1dc58d !important;
  padding: .5em 1em;
  color:white;
}
.pagination .alignright {
    position: absolute;
    right: .5em;
}






/************ HOMEPAGE ************/

/* Homepage special header styles */
.home.et_fixed_nav #main-header, .home.et_fixed_nav #top-header {
  position: sticky;
}
.home #page-container {
  padding-top: 0px!important;
  margin-top: 0px!important;
}
.home .homepage_pre-header {
  height:150px;
}
@media only screen and (max-width:800px) {
  .home .homepage_pre-header {
    display:none;
  }
}
.home .homepage_pre-header .left_image {
  bottom:0;
  left:0;
}
.home .homepage_pre-header .right_image {
  position: absolute;
  top:0;
  right:0;
}
.home .homepage_pre-header .grey_mark {
  position: absolute;
  top: 13px;
  left: 80px;
  z-index: -1;
}
.home .homepage_pre-header .cas_attribution {
  position: absolute;
  top: 113px;
  left: 80px;
  z-index: 1;
  font-size: .8rem;
  color:black;
}
.home .homepage_pre-header .tag_line {
  position: absolute;
  top: 113px;
  left: 50%;
  z-index: 1;
  font-size: 1.3rem;
  font-weight: 400;
}




/* styles for featured image section at top of page */
#featured_blog_module {
  background-color:black;
}

.et_pb_column:hover #featured_blog_module .et_pb_section_video_bg   {
  opacity: .5;
}
#featured_blog_module:hover {

}
#featured_blog_module:before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 20px;
  right: 20px;
  background-image: url('/wp-content/uploads/2019/09/immersive_icon.png');
  background-size: 20px;
  background-position: 99% 1%;
  content: '';
  z-index: 9999;
  background-repeat: no-repeat;
  grid-column: 2/3;
  grid-row: 1/2;
}
#featured_blog_module .et_pb_ajax_pagination_container {
  display: grid;
  align-items: baseline;
  grid-template-columns: 1fr minmax(300px, 650px) 1fr;
}

#featured_blog_module article {
  grid-column: 2/3;
  margin-bottom: 0px;
  display:grid;
  grid-template-rows: 1fr max-content;
  align-items: end;
  padding: 1em 1em 3em 1em;
  z-index: 1;
}
#featured_blog_module article h2 {
  font-size: 3rem;
  font-weight: 700;
  text-shadow: rgba(0, 0, 0, 0.75) 0px 0px 25px;
  grid-row: -2/-3;
}
#featured_blog_module article .post-content {
  font-size: 1.1rem;
  font-weight: 400;
  text-shadow: rgba(0, 0, 0, 0.75) 0px 0px 25px;
  grid-row:-1/-2;
}
#featured_blog_module article .post-meta, #featured_blog_module .clearfix:after {
  display:none!important;
}
@media only screen and (max-width:768px) {
  #featured_blog_module article h2 {
    font-size: 2.2rem!important;
  }
}

/**********  CONTRIBUTOR PAGES **********/

#contributor_page_header {
  padding: 1em 0em!important;
}
#contributor_page_header h1 {
  font-family: "Whitney A", "Whitney B", sans-serif !important;
  font-weight: 600!important;
  font-size: 1.5rem!important;
}
#contributor_page_header p {
  font-size: .8rem;
  font-weight: 400;
  color:#000;
}

.test_bio_grid_row .et_pb_column {
  display:grid;
  grid-template-rows:  max-content repeat(4,fit-content(2rem)) max-content;
  grid-template-columns: minmax(350px, 600px) 180px 1fr;
  align-items:end;
  padding:.5em .5em .5em 0em;
}
.test_bio_grid_row .test_bio_name {
  grid-row:1/2;
  grid-column:1/2;
}
.test_bio_grid_row .social a {
  font-size:.8rem!important;
  font-weight: 900!important;
  float:left;
  margin-bottom:0px!important;
}
.test_bio_grid_row .test_bio_twitter {
  grid-column:1/2;
  grid-row:2/3;
}
.test_bio_grid_row .test_bio_twitter:before {
  content:'';
  background-image: url('/wp-content/uploads/2019/09/twitter_icon_for_bio.png');
  background-repeat: no-repeat;
  background-size: 20px;
  width:20px;
  height:20px;
  float:left;
  padding-right:.3em;
}
.test_bio_grid_row .test_bio_instagram {
  grid-column:1/2;
  grid-row:3/4;
}
.test_bio_grid_row .test_bio_instagram:before {
  content:'';
  background-image: url('/wp-content/uploads/2019/09/instagram_icon_for_bio.png');
  background-repeat: no-repeat;
  background-size: 20px;
  width:20px;
  height:20px;
  float:left;
  padding-right:.3em;
}
.test_bio_grid_row .test_bio_facebook {
  grid-column:1/2;
  grid-row:4/5;
  margin-top: 10px;
}
.test_bio_grid_row .test_bio_facebook:before {
  content:'';
  background-image: url('/wp-content/uploads/2019/09/facebook_icon_for_bio.png');
  background-repeat: no-repeat;
  background-size: 20px;
  width:20px;
  height:20px;
  float:left;
  padding-right:.3em;
}
.test_bio_grid_row .test_bio_website {
  grid-column:1/2;
  grid-row:5/6;
}
.test_bio_grid_row .test_bio_website:before {
  content:'';
  background-size: 20px;
  width:20px;
  height:20px;
  float:left;
  padding-right:.3em;
}
.test_bio_grid_row .test_bio_image {
  grid-column:2/3;
  grid-row:1/-1;
  align-self: center;
}
.test_bio_grid_row .test_bio_description {
  grid-column:1/2;
  grid-row:-2/-1;
  margin-top:.5em;
  font-size: .8rem;
  font-weight: 400;
  color:#000;
  padding-right:5px;
}
.single-contributor .test_bio_description .do_not_include_on_contributor_page {
  display:none;
}
@media only screen and (max-width:890px) {
  .single-contributor .test_bio_grid_row .et_pb_column {
    grid-template-columns: 1fr;
  }
  .single-contributor .test_bio_image img {
    display:none;
  }
  .single-contributor .test_bio_grid_row .test_bio_name,.single-contributor .test_bio_grid_row .social,.single-contributor .test_bio_grid_row .test_bio_image {
    margin-bottom:0!important;
  }
}

/* For post pages */
.post #contributor_bios_section:last-of-type {
  padding-bottom:120px;
}
.post #contributor_bios_section .test_bio_grid_row {
  padding-left:0px!important;
  max-width:650px;
  width:80%!important;
  max-width:1080px!important;
  padding-right:0px!important;
  padding-bottom:0px!important;
}
.post.story_type-spotlight #contributor_bios_section .test_bio_grid_row,.post.story_type-video #contributor_bios_section .test_bio_grid_row {
  padding-top: 0px;
}
.post #contributor_bios_section .test_bio_grid_row:before {
  content:'';
  background-image: url('/wp-content/uploads/2019/08/lined_bg.png');
  background-repeat:repeat-x;
  filter: brightness(0%);
  display: inline-block;
  width: 75%;
  height:10px;
}
.post.story_type-spotlight #contributor_bios_section .test_bio_grid_row:before,.post.story_type-video #contributor_bios_section .test_bio_grid_row:before, .post.story_type-photo-gallery #contributor_bios_section .test_bio_grid_row:before {
  content:'';
  filter: brightness(200%)!important;
  backface-visibility: hidden;
}
.post #contributor_bios_section .test_bio_grid_row .et_pb_column {
  display:grid;
  grid-template-columns: 180px minmax(350px, 600px)1fr;
  grid-gap:.3em;
  align-items:start;
  width:75%;
}
@media only screen and (max-width:980px) {
  .post #contributor_bios_section .test_bio_grid_row .et_pb_column {
    width:100%;
  }
  .post #contributor_bios_section .test_bio_grid_row:before {
    width:100%;
  }
}
@media only screen and (max-width:767px) {
  .post #contributor_bios_section .test_bio_grid_row .et_pb_column {
    grid-template-columns: 1fr;
    grid-gap:.3em;
  }
  .post #contributor_bios_section .test_bio_grid_row .test_bio_image {
    grid-column:1/2!important;
    grid-row:1/2!important;
    width:180px;
  }
  .post #contributor_bios_section .test_bio_grid_row .test_bio_description {
    grid-column:1/2!important;
    grid-row:2/3!important;
  }
}
.post #contributor_bios_section .test_bio_grid_row {

}
.post #contributor_bios_section .test_bio_grid_row .test_bio_image {
  grid-column:1/2;
  grid-row:1/-1;
}
.post #contributor_bios_section .test_bio_grid_row .test_bio_description {
  grid-column:2/3;
  grid-row:1/-1;
  margin-top:.5em;
  margin-left:1em;
  font-size: .8rem;
  font-weight: 400;
  color:#000;
}
.post.story_type-spotlight #contributor_bios_section .test_bio_grid_row .test_bio_description,.post.story_type-video #contributor_bios_section .test_bio_grid_row .test_bio_description,.post.story_type-photo-gallery #contributor_bios_section .test_bio_grid_row .test_bio_description {
  color:white;
}
/*.post #contributor_bios_section .test_bio_grid_row .test_bio_description:before {
  content:'About the Author';
  font-weight:800;
  text-transform: uppercase;
}*/
.post #contributor_bios_section.author .test_bio_description:before {
  content:'About the Author';
  font-weight:800;
  text-transform: uppercase;
}
.post #contributor_bios_section.authors .test_bio_description:before {
  content:'About the Authors';
  font-weight:800;
  text-transform: uppercase;
}
.post #contributor_bios_section.author_and_photographer .test_bio_description:before {
  content:'About the Author and Photographer';
  font-weight:800;
  text-transform: uppercase;
}
.post #contributor_bios_section.writer .test_bio_description:before {
  content:'About the Writer';
  font-weight:800;
  text-transform: uppercase;
}
.post #contributor_bios_section.writers .test_bio_description:before {
  content:'About the Writers';
  font-weight:800;
  text-transform: uppercase;
}
.post #contributor_bios_section.photographer_and_writer .test_bio_description:before {
  content:'About the Photographer and Writer';
  font-weight:800;
  text-transform: uppercase;
}
.post #contributor_bios_section.director_and_photographer .test_bio_description:before {
  content:'About the Director and Photographer';
  font-weight:800;
  text-transform: uppercase;
}
.post #contributor_bios_section.photographer_and_filmmaker .test_bio_description:before {
  content:'About the Photographer and Filmmaker';
  font-weight:800;
  text-transform: uppercase;
}
.post #contributor_bios_section.co-writer .test_bio_description:before {
  content:'About the Co-Writer';
  font-weight:800;
  text-transform: uppercase;
}
.post #contributor_bios_section.producer .test_bio_description:before {
  content:'About the Producer';
  font-weight:800;
  text-transform: uppercase;
}
.post #contributor_bios_section.producers .test_bio_description:before {
  content:'About the Producers';
  font-weight:800;
  text-transform: uppercase;
}
.post #contributor_bios_section.photographer .test_bio_description:before {
  content:'About the Photographer';
  font-weight:800;
  text-transform: uppercase;
}
.post #contributor_bios_section.photographers .test_bio_description:before {
  content:'About the Photographers';
  font-weight:800;
  text-transform: uppercase;
}
.post #contributor_bios_section.producers_photographers .test_bio_description:before {
  content:'About the Producers / Photographers';
  font-weight:800;
  text-transform: uppercase;
}
.post #contributor_bios_section.videographer .test_bio_description:before {
  content:'About the Videographer';
  font-weight:800;
  text-transform: uppercase;
}
.post #contributor_bios_section.videographers .test_bio_description:before {
  content:'About the Videographers';
  font-weight:800;
  text-transform: uppercase;
}
.post #contributor_bios_section.scientist .test_bio_description:before {
  content:'About the Scientist';
  font-weight:800;
  text-transform: uppercase;
}
.post #contributor_bios_section.contributor .test_bio_description:before {
  content:'About the Contributor';
  font-weight:800;
  text-transform: uppercase;
}
.post #contributor_bios_section.contributors .test_bio_description:before {
  content:'About the Contributors';
  font-weight:800;
  text-transform: uppercase;
}

.post #contributor_bios_section .test_bio_grid_row .social,.post #contributor_bios_section .test_bio_grid_row .test_bio_name {
  display:none;
}



/************ Policies ************/
.page-id-29 ul, .page-id-37 ul {
  list-style-image: url('/wp-content/uploads/2019/08/double_arrow_bullet.png');
  }



/************ IMMERSIVE ************/
/*
.story_type-immersive
#header_section
.header_row
#byline_section
.byline_row
.text_section
.text_row
.text_column_right_images
.images_only_section
.images_only_row
.images_only_column    .right_column
.quote_column
.quote_text
.quote_attribution
.interactive_section
#donate_cta_section
#after_content_share_section
.after_content_share_row
#contributor_bios_section
.test_bio_grid_row (global)

*/
.story_type-immersive .social_share_module_new h6 {

  color:#333333;
}
.story_type-immersive #byline_section {
  padding-top: 2em;
}
.story_type-immersive .images_only_column {
  padding:.5em!important;
}
.story_type-immersive .images_only_column.right_column .et_pb_gallery:last-of-type {
  padding-top:.5em;
}


/************ ARTICLE ************/
/* padding for columns with text */
/*
.story_type-article
#header_section
.header_row
#byline_section
.byline_row
.background_image_with_caption         .bottom        .top
.text_section
.text_row
.text_column_right_images
.images_only_section
.images_only_row
.images_only_column    .right_column
.quote_column
.quote_text
.quote_attribution
.interactive_section
#donate_cta_section
#after_content_share_section
.after_content_share_row
#contributor_bios_section
.test_bio_grid_row (global)
.vertical-align-in-column
*/
.story_type-article {
  color:#000;
}
.story_type-article #header_section {
  display:grid;
  padding-bottom:60px;
  height:92vh!important;
}
.story_type-article #header_section .header_row {
  align-self:end;
}
.story_type-article #header_section .header_row .et_pb_column {
  max-width:550px;
}
.story_type-article #header_section .header_row .post_card_excerpt {
  line-height:1.4em;
  padding-top:1em!important;
}
.story_type-article #byline_section .byline_row {
  padding:1.4em 0em 0em 0em!important;
}
@media only screen and (max-width:980px) {
  .story_type-article #byline_section .byline_row {
    margin-bottom:.5em!important;
  }
  .story_type-article #byline_section .byline_row .et_pb_column {
    padding:.5em .5em .5em .5em!important;
    margin-bottom:.5em;
  }
}
.story_type-article #byline_section .social_share_module_new {
  position: absolute!important;
  right:0px!important;
}

.background_image_with_caption.bottom:before {
  position:absolute;
  bottom:1em;
  top: auto;
  right: 1em;
  color:white;
  z-index: 1;
  font-size: .9rem;
}
.background_image_with_caption.bottom:after {
  position:absolute;
  bottom:1em;
  top: auto;
  right: 1em;
  color:white;
  z-index: 1;
  font-size: .9rem;
}
.background_image_with_caption.top:before {
  position:absolute;
  bottom:auto;
  top:1em;
  right: 1em;
  color:white;
  z-index: 1;
  font-size: .9rem;
}
.background_image_with_caption.column.top:before {
  position:absolute;
  bottom:auto;
  top:-2em;
  right: 1em;
  color:white;
  z-index: 1;
  font-size: .9rem;
}
.background_image_with_caption.column.bottom:before {
  position:absolute;
  bottom:auto;
  bottom:-2em;
  right: 1em;
  color:white;
  z-index: 1;
  font-size: .9rem;
}
.text_section_heading h6 {
  font-family: 'Archer A', 'Archer B', serif; 
  font-size: 1.5rem; 
  font-weight: 800; 

  color: black;
}
.text_section,.text_row, .images_only_section {
  padding:0px!important;
  padding-top:0px!important;
  margin-top:0px!important;
  margin-bottom:0px;
}
.story_type-article .text_section {
  padding:0px 0px 1.5em 0px!important;
}
.story_type-article #byline_section {
  padding:0px!important;
}
.text_column, .text_column_right_images {
  padding:1em 2em 1em 2em!important;
  margin-bottom:0px!important;
}
@media only screen and (max-width:980px) {
  .text_column, .text_column_right_images {
    padding:.5em!important;
  }
}
.text_column_right_images img {
  padding-top:.5em;
}
.et_pb_row .text_column_right_images .et_pb_gallery {
  margin-top:0px!important;
}
.images_only_section {
  padding-bottom:.5em!important;
}
.images_only_row {
  padding-top:0px!important;
  padding-bottom:0px!important;
}
.images_only_column {
  padding:.5em;
}
.images_only_column.right_column {
  padding-left: .1em!important;
}
.images_only_row .images_only_column .et_pb_gallery{
  margin-top: 0px!important;
  margin-bottom: 0px!important;
}
.text_row .text_column_right_images .et_pb_gallery {
  margin-bottom: 8px!important;
}
.quote_column {
  padding: 1em .1em!important;
}
.quote_column .quote_attribution {
  padding-left:1.2em;
  margin-top:-.2em;
}
.story_type-article .interactive_section {
  padding-top:.5em!important;
}
.text_over_bgimage_align_bottom {
  position:absolute!important;
  bottom:0;
  left:10%;
}
.align_text_bottom_of_bg_image /* add to column */ {
  position:absolute!important;
  bottom:3em;
}
@media only screen and (max-width: 768px) {
  .align_text_bottom_of_bg_image {
    bottom:0em;
  }
}
@media only screen and (max-width: 400px) {
  .text_over_bgimage_align_bottom {
    position:relative!important;
    left:0%;
  }
}

/************ SPOTLIGHT ************/
/*
.story_type-spotlight
#header
#byline_section
.byline_row
#spotlight_image_section
.spotlight_image_row
#spotlight_text_section
.spotlight_text_row
#after_content_share_section
#contributor_bios_section
.test_bio_grid_row (global)
*/
.story_type-spotlight .social_share_module_new h6 {
  color:white;
}
.story_type-spotlight
#spotlight_image_section {
  padding-top:1em;
}
.story_type-spotlight .et_pb_section,.story_type-spotlight {
  background-color: #4a4c4a;
}
.post.story_type-spotlight #contributor_bios_section {
  padding-bottom:75px;
}
.story_type-spotlight .et_pb_row,.post.story_type-spotlight #contributor_bios_section .test_bio_grid_row {
  max-width: 1200px!important;
}
.post.story_type-spotlight #contributor_bios_section .test_bio_grid_row:before {
  max-width: 780px!important;
}
.spotlight_image_row {
  padding:0px;
}
.map_title h4 {
  font-family: "Archer A", "Archer B" !important;
  font-weight: 700;
}

.et_pb_audio_0.et_pb_audio_module .et_pb_audio_module_content {
  padding: 0px 50px 40px 0px!important;
}


/************ PHOTO GALLERY ************/
/*
.story_type-photo-gallery
#header
#byline_section
#photo_gallery_section
#after_content_share_section
#related_content_section
*/
/*
article.story_type-photo-gallery {
  padding: 1em;
}
*/

.story_type-photo-gallery, .story_type-photo-gallery .et_pb_section {
  background-color: #4a4c4a;
}
.story_type-photo-gallery .et_pb_section, .story_type-photo-gallery #header, .story_type-photo-gallery #after_content_share_section {
  padding-left: 1em!important;
  padding-right:1em!important;
}

.story_type-photo-gallery .social_share_module_new h6 {
  color:white;
  font-weight: 800;
}

.story_type-photo-gallery .et_pb_section  {
    max-width: 1200px!important;
    margin: 0px auto!important;
}

.story_type-photo-gallery .et_pb_section .et_pb_row {
  width:100%!important;
  max-width: none;
}

/* Slider styles */
.story_type-photo-gallery #photo_gallery_section .et_pb_slide {
  padding:0px;
}
.story_type-photo-gallery #photo_gallery_section .et_pb_slide .et_pb_slide_description {
  padding: 0px;
}

#photo_gallery_type .container {
  margin-top: 3em;
  display: grid;
  grid-template-columns: minmax(400px,550px) 1fr minmax(200px,350px);
}
@media only screen and (max-width:890px) {
  #photo_gallery_type .container {
    grid-template-columns: 1fr;
  }
}
#photo_gallery_type .right {
  text-align: center;
}
#photo_gallery_type p {
  font-size: .9rem;
  line-height: 1.4rem;
}
#photo_gallery_type .et-pb-arrow-prev  {
  opacity: 1;
  left: .3em;
  font-size: 4em;
}
#photo_gallery_type .et-pb-arrow-next {
  opacity: 1;
  right: .3em;
  font-size: 4em;
}
@media only screen and (max-width: 600px) {
  #photo_gallery_type .et-pb-arrow-prev  {
    left: 0px;
    font-size: 3em;
  }
  #photo_gallery_type .et-pb-arrow-next {
    right: 0px;
    font-size: 3em;
  }
}
#photo_gallery_type a img {
  object-position: -1px -2px;
}


/* styles for gallery row and gallery panels */
#photo_gallery_section .showSlide {  
    display: none;
}  
#photo_gallery_section .showSlide img {  
    width: 100%;  
}  
#photo_gallery_section .slidercontainer {  
    max-width: 1200px;  
    position: relative;  
    margin: auto; 
}  
#photo_gallery_section .slide_grid {
    display: grid;
    grid-template-columns: minmax(400px,550px) 1fr minmax(200px,350px);
    grid-gap: 1em;
}


#photo_gallery_section .slide_nav {
    grid-column: 3/4;
    grid-row: 2/3;
    height: 30px;
    display:grid;
    grid-template-columns: max-content max-content max-content;
    justify-self: right;
    align-items:center;
}
#photo_gallery_section .slide_count {
    color: white;
    padding: 0em 1em;
    font-size: .8rem;
    font-weight: 700;
    padding-top: 5px;
}
#photo_gallery_section .left, #photo_gallery_section .right {  
    cursor: pointer;  
    color: white;  
    font-weight: normal;  
    font-size: 2em;  
    transition: 0.3s ease;  
}  
#photo_gallery_section .right {  

        border-radius: 3px 0 0 3px;  
    }  
#photo_gallery_section .left:before {
  content:"‹";
}
#photo_gallery_section .right:before {
  content:"›";
}
#photo_gallery_section .left:hover, #photo_gallery_section .right:hover {  
  color: rgba(115, 115, 115, 0.8);  
}  
#photo_gallery_section .slide_image {
  grid-column: 1/-1;
  grid-row: 1/2;
  overflow: hidden;
  height: 95%;
  align-self: end;
  display: grid;
  justify-items: center;
}
#photo_gallery_section .slide_image img {
  transition: transform 0.5s ease;
  display: block;
  margin-left:0px!important;
  margin-right:0px!important;
  width:100%;
  object-position: -1px -2px;
}
#photo_gallery_section .slide_image img.tall {
  max-height: 700px;
  width:auto;
}

.slide_image:after {
  color:white;
  bottom:1em;
  left:95%;
  content:"+"!important;
  font-size:2.5rem;
  font-weight:300;
  position: relative;
  transform:none;
  z-index: 9;
}
#photo_gallery_section .slide_image img:hover{
  transform: scaleX(1.03) scaleY(1.03);
  transition: transform 0.5s ease;
}



#photo_gallery_section .slide_text_column {
    grid-column: 1/2;
    grid-row: 3/5;
}
#photo_gallery_section .slide_title {  
    color: #fff;  
    font-size: 1.2rem;  
    font-weight:600;
    width: 100%;  
    text-align: left;  
    line-height: 1.7rem;
}  
#photo_gallery_section .slide_award {
  font-size: .8rem;
  font-style: italic;
  font-weight: 800;
  color:white;
  padding:1em 0em;
}
#photo_gallery_section .slide_text {
  font-size:.8rem;
  font-weight: 800;
  color: white;
}
#photo_gallery_section .map_column {
    grid-column: 3/4;
    grid-row: 3/5;
}
#photo_gallery_section .slide_map {
  width:100%;
}
@media only screen and (max-width: 800px) {
  #photo_gallery_section .slide_map {
    max-width: 500px;
    margin: 0px auto;
  }
}
#photo_gallery_section .slide_map_description {
  font-family: "Archer A", "Archer B", serif;
  font-size:1.2rem;
  font-weight: 800;
  color:white;
  text-align:center;
}
#photo_gallery_section .active {  
    background-color: #717171;  
}  
/* Fading animation */  
#photo_gallery_section .fade {  
    -webkit-animation-name: fade;  
    -webkit-animation-duration: 1.5s;  
    animation-name: fade;  
    animation-duration: 1.5s;  
}  
@-webkit-keyframes fade {  
    from {  
        opacity: .4  
    }  
    to {  
        opacity: 1  
    }  
}  

@keyframes fade {  
    from {  
        opacity: .4  
    }  
    to {  
        opacity: 1  
    }  
}  

@media only screen and (max-width: 800px) {
  #photo_gallery_section .slide_grid{
    grid-template-columns: 1fr;  
  }
  .slide_image:after {
    left:95%;
  }
  #photo_gallery_section .slide_nav {
    grid-column:1/-1;
  }
  #photo_gallery_section .slide_text_column {
    grid-column: 1/-1;
    grid-row: 3/4;
  }
  #photo_gallery_section .map_column {
    grid-column: 1/-1;
    grid-row: 4/5;
  }
}
@media only screen and (max-width: 600px) {
  .slide_image:after {
    left:90%;
    font-size:2rem;
  }
}

/* after content share section*/
.story_type-photo-gallery #after_content_share_section {
  padding:2em 0em;
}
.story_type-photo-gallery #after_content_share_section .et_pb_row {
  margin:0px;
}

/* related content section*/
.story_type-photo-gallery .et_pb_section#related_content_section {
  max-width: none!important;
}
.story_type-photo-gallery .et_pb_section#related_content_section .et_pb_row {
  max-width: 1200px!important;
  margin:0px auto!important;
}


/* contributor bio section styles */
.post.story_type-photo-gallery #contributor_bios_section .test_bio_grid_row {
  max-width: 1200px!important;
  margin:0px;
}
.post.story_type-photo-gallery #contributor_bios_section .test_bio_grid_row:before {
  max-width: 780px!important;
  width: 100%;
}
.post.story_type-photo-gallery #contributor_bios_section .test_bio_grid_row .et_pb_column {
  width:100%;
}
/* styles lightbox */
.mfp-bg {
  opacity:1;
}
.mfp-figure figure {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr min-content;
  align-items: end;
}
.mfp-figure figure figcaption {
  grid-row: 2/3;
  grid-column: 1/2;
  align-self: end;
  padding: 1em;
  background-color: rgba(0,0,0,.7);
  position: absolute;
  bottom: 0;
  width:100%;
}
@media only screen and (max-width:800px) {
  .mfp-figure figure figcaption {
    bottom: -20vh;
  }
}
.mfp-figure figure figcaption .mfp-bottom-bar {
  position:relative;
  margin-top: 0;
}
/*.mfp-figure figure img {
  object-position: -1px -2px;

}*/

/************ PHOTO ESSAY ************/
/*
.story_type-photo-essay
#header_section
.header_row
#byline_section
.byline_row
.text_section
.text_row
.text_column
.images_only_section
.images_only_row
.images_only_column    .right_column
.quote_column
.quote_text
.quote_attribution
.interactive_section
.background-image-positioning
.background-image-text-at-bottom
#donate_cta_section
#after_content_share_section
.after_content_share_row
#contributor_bios_section
.test_bio_grid_row (global)
.vertical-align-in-column
*/
.story_type-photo-essay {
  color:#000;
}
.story_type-photo-essay .social_share_module_new h6 {
  color:#333333;
}

.story_type-photo-essay #header_section {
  display:grid;
  padding-bottom:110px;
  height:92vh!important;
}
.story_type-photo-essay #header_section .header_row {
  max-width: 640px;
  align-self:end;
  margin:0px auto;
}
.story_type-photo-essay #header_section .header_row .et_pb_column {
  max-width:550px;
}
.story_type-photo-essay #header_section .header_row .post_card_excerpt {
  line-height:1.4em;
  padding-top:1em!important;
}
.story_type-photo-essay #byline_section .byline_row {
  padding:1.4em 0em 0em 0em!important;
}
@media only screen and (max-width:980px) {
  .story_type-photo-essay #byline_section .byline_row {
    margin-bottom:.5em!important;
  }
  .story_type-photo-essay #byline_section .byline_row .et_pb_column {
    padding:.5em .5em .5em .5em!important;
    margin-bottom:.5em;
  }
}
.story_type-photo-essay .contributor_attribution_module h6  {
  font-size:1rem;
  font-weight: 800;
}

.story_type-photo-essay .text_section {
  padding:0px 0px 0px 0px!important;
}
.story_type-photo-essay .text_section .text_row {
  max-width:600px;
}
.story_type-photo-essay #byline_section {
  padding:0px!important;
}
.story_type-photo-essay .images_only_row .images_only_column {
  margin-right:0px!important;
}
.story_type-photo-essay .background-image-text-at-bottom {
  max-width:400px!important;
}
.story_type-photo-essay .background-image-text-at-bottom p {
  font-family: "Archer A", "Archer B", serif!important;
  font-weight: 700;
}
.after_content_share_row .et_pb_column {
  padding-top:0px;
  padding-bottom:0px;
}
.post.story_type-photo-essay #contributor_bios_section .test_bio_grid_row {
  max-width:600px!important;
}
.post.story_type-photo-essay #contributor_bios_section .test_bio_grid_row .et_pb_column {
  width:100%;
}
.post.story_type-photo-essay #contributor_bios_section .test_bio_grid_row:before {
  width: 100%;
}
.post.story_type-photo-essay #contributor_bios_section .test_bio_description {
  line-height: 1.2em;
  padding-right:5px;
}

/************ PHOTO ESSAY — WIDE LAYOUT ************/

.post.story_type-photo-essay .text_section.wide_layout .text_row {
  max-width:1080px!important;
}
.post.story_type-photo-essay #header_section.wide_layout .header_row {
  max-width:1080px!important;
}
.post.story_type-photo-essay #header_section.wide_layout .header_row .et_pb_column {
  padding: 1em 0em!important;
}
.post.story_type-photo-essay #contributor_bios_section.wide_layout .test_bio_grid_row {
  max-width:1080px!important;
}
.post.story_type-photo-essay.post #contributor_bios_section.wide_layout .test_bio_grid_row:before {
  max-width: 800px!important;
}


/************ VIDEO ************/
/*
.story_type-video
#header
#byline_section
.byline_row
#video_section
.video_row
#video_text_section
.video_text_row
#after_content_share_section
#contributor_bios_section
.test_bio_grid_row (global)
*/
.story_type-video {
  color:white;
}
.story_type-video .social_share_module_new h6 {
  color:white;
}
.story_type-video .et_pb_section, .story_type-video {
  background-color: #4a4c4a;
}
.post.story_type-video #contributor_bios_section {
  padding-bottom: 75px;
}
.story_type-video .et_pb_row,.post.story_type-video #contributor_bios_section .test_bio_grid_row, .post.story_type-video #donate_cta_section .et_pb_row {
  max-width: 1200px!important;
}
.post.story_type-video #contributor_bios_section .test_bio_grid_row {
  width:67%;
}
.post.story_type-video #donate_cta_section .et_pb_column {
  width:67%;
}
@media only screen and (max-width: 980px) {
  .post.story_type-video #donate_cta_section .et_pb_column {
    width:100%;
  }
}
.post.story_type-video #contributor_bios_section .test_bio_grid_row:before {
  max-width: 780px!important;
}
.story_type-video #donate_cta_section p {
  color:black;
}



/************ ABOUT ************/
.about-logo-grid .et_pb_gallery_items.et_post_gallery.clearfix {
  display:grid;
  grid-gap:1em;
  grid-template-columns: auto auto auto;
}


/*********** OPINION *************/
/*
#donate_cta_section
#after_content_share_section
.after_content_share_row
#contributor_bios_section
.test_bio_grid_row (global)
*/
body .story_type-opinion {
  color:#000;
}
.story_type-opinion .social_share_module_new.right {
    float:right!important;
  }
@media only screen and (min-width: 650px) and ( max-width:980px) {
  .story_type-opinion .social_share_module_new.right {
    float:right!important;
  }
}
@media only screen and (max-width: 649px) {
  .story_type-opinion .social_share_module_new.right {
    float:left!important;
    clear:both!important;
  }
}
.post.story_type-opinion #donate_cta_section .et_pb_column, .story_type-opinion #contributor_bios_section .test_bio_grid_row .et_pb_column {
  width:60%;
}
#after_content_share_section .et_pb_column {
  padding-top:0px;
  padding-bottom:0px;
}
.post.story_type-opinion #contributor_bios_section .test_bio_grid_row:before {
  width:60%;
}
.post.story_type-opinion .et_pb_column {
  margin-bottom:0px;
}
@media only screen and (max-width:980px) {
  .post.story_type-opinion #donate_cta_section .et_pb_column, .story_type-opinion #contributor_bios_section .test_bio_grid_row .et_pb_column {
    width:100%;
  }
  .post.story_type-opinion #contributor_bios_section .test_bio_grid_row:before {
    width:100%;
  }
}


/********** TOPIC PAGES *********/
#topic_title_column {
  display:grid;
  grid-template-columns: max-content 1fr;
  grid-gap:1em;
  align-items:baseline;
}
@media only screen and (max-width:890px) {
  #topic_title_column {
    grid-template-columns: 1fr;
  }
}

#topic_page_header {
  padding: 3em 0em 1em 0em!important;
}

#topic_page_header h1 {
  font-family: "Whitney A", "Whitney B", sans-serif !important;
  font-weight: 600!important;
  font-size: 1.5rem!important;
}
#topic_page_header p {
  font-size: .8rem;
  font-weight: 400;
  color:#000;
}
#topic_page_content_listing_area {
  padding:1em .5em;
}
