/*
Theme Name: GBV-2017
Description: GBV-2017 Based on ET Divi
Author: Dayspring Technologies, Inc.
Template: Divi
*/

/*CUSTOM POST TYPE STYLES FROM ET*/
/*Replace “POST_TYPE” with the slug for your new CPT created with CPTUI.
___________________________________________________________*/
 
.et_pb_pagebuilder_layout.single-POST_TYPE #page-container .et_pb_row {
width: 100%;
}
.et_pb_pagebuilder_layout.single-POST_TYPE #page-container .et_pb_with_background .et_pb_row {
width: 80%;
}


/*TYPOGRAPHY*/
.buckets h4 {
  font-size:24px;
  line-height:1.2em;
}
.et_pb_title_container h1,
body.single .et_post_meta_wrapper h1.entry-title {
  font-size:38px;
}

body.small-title #content-area .entry-title {
  font-size:24px;
  line-height:30px;
}

a:hover {
  color:#004666;
}

p.resource_type {
  font-size:smaller;
  line-height:1.4em;
  margin-top:-5px;
}


/*TOP NAV STYLING*/
#top-menu .current-page-ancestor a {
  color:#006999;
}
#top-menu li.current-menu-ancestor > a,
#top-menu li.current-menu-item > a {
  color:#006999 !important;
}

#top-menu li li {
  padding:0 10px;
}

#top-menu li li a {
  padding:6px 10px;
  font-weight:normal;
  width:220px;
}
#top-menu li.current-menu-item > a,
#main-header .et-fixed-header #top-menu li.current-menu-item > a{
  color:#006999 !important;
}
@media all and (max-width: 980px) {

  .et_header_style_left #logo {
    max-height:80px;
  }

}


/*
#top-menu li li a {
  padding:.3em .2em;
}
*/

/*SIDE NAVIGATION STYLING*/
.sideNav li {
  display:none;
  line-height:1.2em;
  margin-bottom:.6em;
}
.sideNav li a {
  font-size:1em;
}
.sideNav ul li.page_item.current_page_item ul li a:hover,
.sideNav li a:hover {
  color:#004666;
}
.sideNav li.current_page_ancestor,
.sideNav li.current_page_ancestor ul li,
.sideNav li.current_page_item,
.sideNav li.current_page_item li {
  display:block;
}
.sideNav li ul.children {
  margin:.8em 0 .8em .8em;
}

.sideNav li.current_page_ancestor a { /*STYLES FOR NAME OF MAIN SECTION IN SIDE NAV*/
  color:#000;
  display:block;
}
.sideNav li.current_page_ancestor ul li a {
  background-color:transparent;
  color:#666;
  font-weight:normal;
}
.sideNav ul li.page_item.current_page_item a {
  color:#006999;
}
.sideNav ul li.page_item.current_page_item ul li a {
  color:#666;
}

/*SIDEBAR WIDGETS*/
#sidebar .widget_recent_entries {
  font-size:14px;
  line-height:1.4em;
}
#sidebar .widget_recent_entries a:hover {
  color:#006999;
}

/*FOOTER WIDGETS*/
.et_pb_gutters2.et_pb_footer_columns3 .footer-widget:first-child {
  width:25%;
}
.et_pb_gutters2.et_pb_footer_columns3 .footer-widget {
  width:40%;
}
.et_pb_gutters2.et_pb_footer_columns3 .footer-widget #text-5 {
  width:100%;
}

.et_pb_gutters2.et_pb_footer_columns3 .footer-widget:last-child {
  width:25%;
}

/*FOOTER MENU*/
#menu-footer-nav {
  padding:3px 0;
}
#et-footer-nav .bottom-nav li {
  padding-right:20px;
}
#et-footer-nav .bottom-nav li a {
  font-size:12px;
  font-weight:600;
}

/*RESOURCE DETAIL PAGE*/
article.resource .et_post_meta_wrapper img {
  margin-bottom:25px;
}
article.resource .entry-content .et_pb_section_0 {
  padding-top:0;
}
article.resource .et_post_meta_wrapper,
article.resource .et_pb_row,
article.resource .et_pb_row.et_pb_row_fullwidth {
  width:100% !important;
  max-width:100% !important;
}

article.type-post .et_pb_row.et_pb_row_fullwidth {
  width:100% !important;
  max-width:100% !important;
}

/*RESOURCE TYPE STYLING*/
.resourceTypeHeading {
  margin-top:-10px;
  font-size:smaller;
  margin-bottom:.2em;
}

@media all and (max-width: 980px) {
  .resourceTypeHeading {
    margin-top:0 !important;
  }
}

/*BLOG MODULE GRID*/
.et_pb_blog_grid article.category-new,
.et_pb_blog_grid article.category-updated {
  position:relative;
}
.et_pb_blog_grid article.category-new .entry-title:after,
.et_pb_blog_grid article.category-updated .entry-title:after {
  font-size: 18px;
  height: 20px;
  line-height: 22px;
  vertical-align: middle;
  margin-left: 10px;
  padding: 2px 5px;
  position:absolute;
  right: 0;
  top: 0;
  width: auto;
  background-color: #ef7a00;
  color: #fff;
  content: 'NEW';
}
.et_pb_blog_grid article.category-updated .entry-title:after {
  background-color: #006999;
  content: 'UPDATED';
}
.et_pb_blog_0 .et_pb_post .et_pb_image_container {
  border-left:1px solid #ccc;
  border-top:1px solid #ccc;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ddd;
}
.et_pb_blog_grid .et_pb_image_container {
  overflow:hidden; /*fix for disappearing borders*/
}

/*FEATURED RESOURCES ALT LAYOUT-1*/
#et-main-area .altLayout-1 .et_pb_blog_grid article {
  margin-bottom:.4em;
}

/*POST SHARE AREA*/
#postDetailShareArea h5 {
  float:left;
  line-height:30px;
  margin-right:10px;
}
#postDetailShareArea .et_pb_column {
  margin-bottom:0;
}

/*POST META AREA*/
#postMeta .et_pb_widget_area .et_pb_widget {
  width:100% !important;
}

@media all and (max-width: 980px) {

  #postMeta .et_pb_widget_area .et_pb_widget {
    margin-bottom:0 !important;
    width:100% !important;
  }

}

.single-post .et_social_inline:before,
article.resource .et_social_networks:before {
  width:160px;
  height:40px;
  float:left;
  color:#333;
  content:'Share this page:';
  font-family:'Yanone Kaffeesatz', Helvetica, Arial, Lucida, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size:24px;
  line-height: 35px;
  text-transform: uppercase;
  text-decoration: none;
  vertical-align:middle;
}

/*ARCHIVE TEMPLATE OVERRIDES*/
body.search #content-area #left-area {
  padding-bottom:75px;
}
body.search h2.entry-title,
body.archive h2.entry-title {
  font-size:30px !important;
  line-height:1.2em;
  padding-bottom:0;
}
body.search .post-meta,
body.archive .post-meta {
  margin-bottom:0;
  padding-bottom:10px;
}
body.search article,
body.archive article {
  margin-bottom:20px;
}
body.search .resourceTypeHeading,
body.archive .resourceTypeHeading {
  margin-top:-1.2em;
  margin-bottom:.6em;
}
@media all and (max-width: 980px) {

  body.search #content-area #left-area {
    border-bottom:1px solid #ccc;
    margin-bottom:50px;
    padding-bottom:50px;
  }

}


/*BLOG - Smaller Card Widths*/
.smallerCardWidths {
  
}

/*SWAPPING RESOURCE CTA CONTENT*/
body.single-post .entry-content {
  display:flex;
  flex-direction:column-reverse;
}
body.single-post .entry-content .et_pb_section {
  display:flex;
  flex-direction:column;
}
body.single-post .entry-content h2 {
  margin-top:0;
}

/*SIDEBAR AREA*/
.tagcloud a {
  line-height:1.6em;
}

/*Remove sidebar categories and tags on mobile*/
@media all and (max-width: 980px) {

  body.single-post #sidebar #tag_cloud-2,
  body.single-post #sidebar #tag_cloud-3 {
    display:none;
  }

}

/*SHADOW CSS*/
.shadow img {
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
  box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
}

/*RESOURCE CTA SECTION*/
.resourceMetaArea {
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding-top:25px;
  padding-bottom:15px;
}

.resourceMetaArea a:hover {
  color:#ef7a00;
}
.resourceMetaArea dt {
  clear:both;
  float:left;
  width:100px;
}
.resourceMetaArea dd {
  float:left;
  margin-left:10px;
}

@media all and (max-width: 980px) {
  .resourceMetaArea dl {
    margin-bottom:0;
  }
  .resourceMetaArea dl h4 {
    margin-bottom:0;
    padding-bottom:0;
  }
  .resourceMetaArea dd {
    clear:left;
    margin-left:0;
    margin-bottom:20px;
  }
  .resourceCta img {
    max-height:25vh; /*Limit CTA image to 25% of the height of the screen.*/
  }
}

.loader {
	border: 6px solid #f3f3f3; /* Light grey */
	border-top: 6px solid #ef7a00; /* Orange */
	border-radius: 50%;
	width: 30px;
	height: 30px;
	animation: spin 1s linear infinite;
	margin-left: 15px;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.d-flex {
	display: flex;
}


/*SECONDARY MENU STYLING*/
#et-secondary-menu {
  width:100%;
}
#et-secondary-menu .et-social-icons {
  float:left;
}
#et-secondary-menu #et-secondary-nav {
  float:right;
}

/*BLOG GRID MORE MENU*/
a.more-link {
  display:block;
  margin-top:10px;
  text-transform: capitalize;
}

/*INTERPRETATION GLOSSARY*/
.glossaryContent select {
  height:30px;
}
#interpretation-glossary dt {
  float:left;
  line-height:1.3em;
  width:25%;
}
#interpretation-glossary dt strong {
  display:block;
  margin-bottom:.3em;
}
#interpretation-glossary dt a {
  display:block;
  font-weight:normal;
  font-size:14px;
  line-height:18px;
}
#interpretation-glossary dd,
#interpretation-glossary dt {
  margin-bottom:15px;
}
#interpretation-glossary dd {
  float:right;
  width:70%;
}
#interpretation-glossary hr {
  clear:both;
  margin:10px 0;
}

@media all and (max-width:980px){
  #interpretation-glossary dt {
    width:25%;
  }
  #interpretation-glossary dd {
    width:60%;
  }
}

/*PRINT STYLES*/
@media print {
  h1.entry-title:before {  /*ADD SOME TEXT BEFORE THE TITLE WHEN PRINTING*/
    content:'Asian Pacific Institute on Gender-Based Violence';
    display:block;
    font-size:small;
    font-weight:normal;
  }
  .page-template-default .et_section_specialty .et_pb_column_single,
  .page-template-default #postDetailShareArea,
  .post-template-default #main-header,
  .page-template-default #main-header,
  .page-template-default #main-footer,
  .post-template-default #main-footer,
  .post-template-default .postDetailShareArea {
    display:none;
  }
  .post-template-default .resourceCta img {
    max-height:300px;
    max-width:32%;
    float:left;
  }
  .post-template-default .et_pb_column {
    float:left;
    width:30%;
    display:inline;
  }
}

#et-footer-nav .bottom-nav li a {
font-size:12px;
}
#footer-widgets .footer-widget a, #footer-widgets .footer-widget li a {
color:#fff;
}
#footer-widgets .footer-widget a, #footer-widgets .footer-widget li a:hover {
color:#e5eff0;
}


/* For iPad landscape layouts only */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  .et-fixed-header #top-menu li.menu-item,
  #top-menu li.menu-item {
    padding-right:10px;
  }

  .et-fixed-header #top-menu li.menu-item a,
  #top-menu li.menu-item a {
    font-size:15px;
  }
}



/****************************************************
 ****************************************************
                  ENHANCEMENTS 2018
*****************************************************
*****************************************************/


/**************************
        DIVI FIXES
**************************/

/*SWAPPING RESOURCE CTA CONTENT*/
body.single-post .entry-content .et-boc .et_builder_inner_content{
  display:flex;
  flex-direction:column-reverse;
}
.postDetailShareArea p {
 padding-bottom: 0;
}
.et_pb_post .entry-featured-image-url {
    margin-bottom:0;
}
.et_pb_search {
  border:0;
}
body .et_pb_bg_layout_light.et_pb_blog_grid .et_pb_post p {
  font-size:13px;
  line-height:1.4em;
}
#main-content .et_pb_blog_grid .et_pb_post h2 {
  font-size:18px;
  line-height:1.2em;
}
.resourceMetaArea {
  margin-bottom:30px;
}

/*NEWS & EVENTS BLOG GRID STYLING*/
.et_pb_blog_grid .category-news .post-content .et_pb_section,
.et_pb_blog_grid .category-news .post-content .et_pb_column,
.et_pb_blog_grid .category-news .post-content .et_pb_row{
padding:0;
}
.et_pb_blog_grid .category-news .post-content .et_pb_row{
width:100%;
}
#main-content .et_pb_blog_grid .et_pb_post h2 {
    font-size:24px;
}

/*NEWS & EVENTS DETAIL PAGE*/
body.single-post .category-news .entry-content {
  flex-direction:column;
}

/*HELPER STYLES*/

.et_pb_blog_grid .hideOnCards{
  display:none !important;
}

/*
.et_pb_blog_grid .category-news .eventTime{
border-bottom:1px solid #ccc;
padding-bottom:20px !important;
padding-top:0 !important;
width:100%;
margin-bottom:20px
}
.et_pb_blog_grid .category-news .eventTime .et_pb_text {
  margin-bottom:4px;
}

@media (max-width: 980px){

  .et_pb_blog_grid .category-news .et_pb_section,
  .et_pb_blog_grid .category-news .et_pb_row{
    padding:0;
  }
  .resourceCta.et_pb_row .et_pb_column:last-child {
    margin-bottom: 30px;
  }
  .et_pb_blog_grid .category-news .eventTime .et_pb_module {
    margin-bottom:0;
  }

}

@media (max-width: 479px){
  
  .et_pb_blog_grid .category-news h2 {
    padding-bottom:10px;
  }
  
}