/*
 Theme Name:     N3B Divi
 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.1
*/


/* =Theme customization starts here
------------------------------------------------------- */
#top-menu>li:last-child ul {
    right: 0px!important;
    left: auto!important;
}

#news-list .dp-dfg-skin-default .dp-dfg-item{
  border: 0 !important;
  overflow: visible !important;
  background-color: unset;
}

.n3b-news{
  background-color: #ffffff;
/*  border-radius: 20px 20px 20px 20px;*/
  overflow: hidden;
  box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);
  transition: transform 300ms ease 0ms;
  display: flex;
}
.n3b-news:hover{
  transform: scaleX(1.01) scaleY(1.01);
}
.n3b-news-left{
  background-position: center !important;
  background-size: cover !important;
  transition: filter 300ms ease 0ms;
  filter: saturate(0.5);
  margin-right: 0 !important;
}
.n3b-news:hover .n3b-news-left{
  filter: saturate(1);
}
.n3b-news-right{
  padding: 20px;
  width: 63.3% !important;
}
.n3b-news-title h3{
  line-height: 1.5em;
}
.n3b-news-date{
  color: #a62039 !important;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.8em;
  white-space: nowrap;
}
.n3b-news-excerpt p{
  font-size: 18px;
  line-height: 1.8em;
  padding-bottom: 20px !important;
}

.n3b-news-more{
  text-transform: uppercase;
  color: #24366f !important;
  font-weight: 600;
}

.n3b-news-button a{
  color: #24366f!important;
  border-color: rgba(0,0,0,0);
  border-radius: 0px;
  background-color: #fad73c;
  font-size: 16px;
}
.n3b-news-button a:after{
  font-size: inherit;
  line-height: 1.8em;
}
.n3b-news-button a:hover:after{
  margin-left: .3em;
  left: auto;
  margin-left: .3em;
  opacity: 1;
}

.n3b-resource-bttn a{
  color: #24366f!important;
  border-color: rgba(0,0,0,0);
  border-radius: 0px;
  background-color: rgba(0,0,0,.05);
  /* font-size: 16px; */
}
.n3b-resource-bttn a:hover{
  background-color: #fad73c !important;
}
.n3b-resource-bttn a:after{
  font-size: inherit;
  line-height: 1.8em;
}
.n3b-resource-bttn a:hover:after{
  margin-left: .3em;
  left: auto;
  margin-left: .3em;
  opacity: 1;
}

#logo-grid article,
#factsheet-grid article,
#factsheet-protect article,
#factsheet-waste article,
#factsheet-land article{
  margin: 0;
  padding: 0;
}

#logo-grid .dp-dfg-custom-content{
  width: 100%;
  margin: 0;
  padding: 20px;
  position: relative;
  aspect-ratio: 3/2;
}
#factsheet-grid .dp-dfg-custom-content,
#factsheet-land .dp-dfg-custom-content,
#factsheet-waste .dp-dfg-custom-content,
#factsheet-protect .dp-dfg-custom-content{
/*  background-color: white;*/
  width: 100%;
  margin: 0;
  padding: 20px;
  position: relative;
  aspect-ratio: 2/1;
}

#factsheet-grid .dp-dfg-filter,
#factsheet-land .dp-dfg-filter,
#factsheet-waste .dp-dfg-filter,
#factsheet-protect .dp-dfg-filter{
  position: relative;
}


#factsheet-grid .dp-dfg-filter-link:not(.all),
#factsheet-land .dp-dfg-filter-link:not(.all),
#factsheet-waste .dp-dfg-filter-link:not(.all),
#factsheet-protect .dp-dfg-filter-link:not(.all){
  padding-left: 40px;
}
#factsheet-grid .dp-dfg-filter-link:not(.all)::before,
#factsheet-land .dp-dfg-filter-link:not(.all)::before,
#factsheet-waste .dp-dfg-filter-link:not(.all)::before,
#factsheet-proprotect .dp-dfg-filter-link:not(.all)::before{
  content: '';
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  background-size: contain;
  top: 5px;
  left: 5px;
}

#factsheet-grid .community-commitment::before,
#factsheet-land .community-commitment::before,
#factsheet-waste .community-commitment::before,
#factsheet-protect .community-commitment::before {
  background-image: url('/wp-content/themes/n3b-divi/img/community-commitment-icon.png');
}
#factsheet-grid .protect-water-quality::before,
#factsheet-land .protect-water-quality::before,
#factsheet-waste .protect-water-quality::before,
#factsheet-protect .protect-water-quality::before {
  background-image: url('/wp-content/themes/n3b-divi/img/protect-water-quality-icon.png');
}
#factsheet-grid .clean-up-the-land::before,
#factsheet-land .clean-up-the-land::before,
#factsheet-waste .clean-up-the-land::before,
#factsheet-protect .clean-up-the-land::before {
  background-image: url('/wp-content/themes/n3b-divi/img/clean-up-the-land-icon.png');
}
#factsheet-grid .reports::before,
#factsheet-land .reports::before,
#factsheet-waste .reports::before,
#factsheet-protect .reports::before {
  background-image: url('/wp-content/themes/n3b-divi/img/reports-icon.png');
}
#factsheet-grid .protect-water-quality::before,
#factsheet-land .protect-water-quality::before,
#factsheet-waste .protect-water-quality::before,
#factsheet-protect .protect-water-quality::before {
  background-image: url('/wp-content/themes/n3b-divi/img/protect-water-quality-icon.png');
}
#factsheet-grid .ship-waste-off-site::before,
#factsheet-land .ship-waste-off-site::before,
#factsheet-waste .ship-waste-off-site::before,
#factsheet-protect .ship-waste-off-site::before {
  background-image: url('/wp-content/themes/n3b-divi/img/ship-waste-off-site-icon.png');
}
#factsheet-grid .workforce-development::before,
#factsheet-land .workforce-development::before,
#factsheet-waste .workforce-development::before,
#factsheet-protect .workforce-development::before {
  background-image: url('/wp-content/themes/n3b-divi/img/workforce-development-icon.png');
}

.n3b-resource-title{
/*  text-align: center;*/
  color: #24366f;
}
.n3b-resource-body > img{
  display: block;
  margin: 20px auto;
}

.factsheet-icon-container{
/*  margin: auto;*/
  margin-bottom: 20px;
  display: table;
/*  width: 100%;*/
}
.factsheet-icon-container > img {
  max-width: 30px;
  display: table-cell;
  vertical-align: middle;
}
.factsheet-icon-container > span{
  display: table-cell;
  vertical-align: middle;
  margin-left: 40px;
  line-height: 1.1em;
}

.n3b-resource-link-container{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: right;
  padding: 20px;
}

.n3b-resource-link-container a{
  color: #24366f;
  font-weight: 600px;
  font-size: 14px;
}
.n3b-resource-link-container a:hover{
  color: #2ea3f2;
}
.n3b-resource-link-container a span{
  font-size: 14px;
}

/* SOLICITATION GRID */
.solicitations__section > h3{
  text-align: center;
}
.solicitation{
  padding: 40px;
  border-radius: 20px 20px 20px 20px;
  overflow: hidden;
  border-width: 0px;
  box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);
  margin-bottom: 20px;
}
.solicitation .body{
  margin-bottom: 10px;
}
.solicitation .body h3{
  font-size: 24px;
  color: #24366f!important;
  text-align: center;
}
.solicitation .body h4{
  font-weight: 600;
  color: #a62039!important;
  text-align: center;
}
.solicitation .body p{
  font-size: 20px;
  line-height: 1.8em;
}
.solicitation .et_pb_button{
  background-color: rgba(0,0,0,.05);
  color: #24366f!important;
  border: 0;
}
.solicitation .et_pb_button:hover{
  background-color: #fad73c!important;
  border: 0;
}

/* SOLICITATION ADDITIONAL FILES */
.n3b-additional-files{
  list-style-type: square !important;
  color: white;
}
.n3b-additional-files li a{
  color: white;
}
.n3b-additional-files li a:hover{
  text-decoration: underline;
}

/* SUBMIT BID SECTION */
.n3b-due-date .et_pb_text{
  margin-bottom: 20px !important;
}
.n3b-due-date h3{
  color: #a62039!important;
}
.n3b-due-date .et_pb_button{
  color: #24366f!important;
  border-width: 0px!important;
  background-color: rgba(0,0,0,0.05);
}
.n3b-due-date .et_pb_button:hover{
  background-image: initial!important;
  background-color: #fad73c!important;
}
.n3b-due-date .et_pb_button:after{
  line-height: inherit;
  font-size: inherit!important;
  margin-left: -1em;
  left: auto;
}
.n3b-due-date .et_pb_button:hover:after{
  left: auto;
  margin-left: .3em;
  opacity: 1;
}

/* NEW SOLICITATION FORM/PAGE */
.acf-form-submit{
  text-align: center;
}
.new-solicitation-btn{
  background-color: rgba(0,0,0,.05);
  color: #24366f!important;
  border: 0;
  border-color: 0;
}
.new-solicitation-btn:hover{
  background-color: #fad73c!important;
  border: 0;
  padding: .3em 1em !important;
}

/* PROCUREMENT FORM */
.procurement-form{
  padding: 30px;
}
.procurement-form h3{
  font-size: 22px;
  color: #24366f !important;
  text-align: center;
}

.fts-jal-fb-header{
  display: none !important;
}

/* REMOVE LOGO LEFT PADDING - Dustin Himes*/
.container.clearfix.et_menu_container{
  padding-left: 0 !important;
}
.logo_helper{
  width: 0;
  padding: 0;
  margin: 0;
  display: none !important;
}

/* remove text transform from menu - Dustin Himes */
#top-menu .sub-menu .menu-item a{
  text-transform: none !important;
}

/* styling social media 'feed them social' cards - Sera White */
.fts-slicker-facebook-posts .fts-jal-single-fb-post {
    width: auto;
    padding: 50px 50px 20px!important;
    border: 1px solid #fefefe;
    background-color: white;
    line-height: 17px;
  box-shadow: 0px 32px 80px -16px rgba(85,103,127,0.3)
}

/* additional style changes for contact form - Dustin Himes */
.c-forms-confirmation-message.c-html span{
  color: #fad73c !important;
}
.c-forms-template select, .c-forms-template input, .c-forms-template textarea{
  background-color: #24366f !important;
  color: white !important;
}
.cognito .c-dropdown:after, .c-select-input .chevron::before{
  color: white !important;
}

.n3b-submenu .et-menu.fullwidth-menu.nav{
     padding: 28px 0 !important;
}
.n3b-submenu .fullwidth-menu-nav .menu-item{
    margin: 0;
    padding: 0;
}
.n3b-submenu .fullwidth-menu-nav .menu-item a{
    border-right: #24366f 1px solid;
    padding: 0px 20px;
}
.n3b-submenu .fullwidth-menu-nav .menu-item:last-child a{
    border-right: 0;
}

/* NEW POP-UP STYLING */
.pum-overlay{
  background-color: #000000aa;
}
.pum-container{
  padding: 30px !important;
  background-color: #24366f !important;
}
.pum-container p{
  color: white !important;
  line-height: 1.8em;
  font-size: 18px;
}
.pum-container .pum-title{
  color: white !important;
  font-size: 42px;
  text-align: center;
  font-weight: bold;
}
.pum-container .pum-close{
  background-color: #fad73c !important;
  color: #24366f !important;
}

.ssba_share_link span{
    display: none;
}
.ssba_share_link {
    background-color: rgba(255,255,255,0) !important;
}

/* NEW ADDITIONAL FILES BOX */
.additional-files__container{
  background-color: #24366f;
  border-radius: 15px 15px 15px 15px;
  overflow: hidden;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);
}
.additional-files__container > h3{
  color: white;
  font-weight: bold;
  font-size: 20px;
}
.additional-files__container > hr{
  color: #fad73c;
  background-color: #fad73c;
  height: 3px;
}

.sfsi_widget.sfsi_shortcode_container{
  float: none;
}
.sfsi_widget {
  min-height: none;
}
.sfsi_widget.sfsi_shortcode_container .norm_row{
  float: none !important;
  margin: auto;
}
.et_post_meta_wrapper .post-meta {
  font-weight: 700 !important;
  font-size: 20px !important;
}
.social-icons{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* ACCOMPLISHMENT SECTION STYLES */
#accomplish-list .dp-dfg-custom-content{
  padding: 0 !important;
}
.accomplish__block{
  width: 100%;
  display: flex;
  background-color: #24366f;
  margin:20px 0px;
}
.accomplish__left{
  width: 33%;
  background-size: cover !important;
  background-position: center !important;
}
.accomplish__right{
  width: 67%;
  padding:20px;
}
.accomplish__button{
  color: #24366F!important;
  border-width: 0px!important;
  border-radius: 0px;
  font-weight: 700!important;
  background-color: #FAD73C;
  display: inline-block;
  transition: all 300ms ease 0ms;
  position: relative;
  font-size: 20px;
  padding: 0.3em 1em;
  line-height: 1.7em!important;
  cursor: pointer;
}
.accomplish__button:hover{
  background-color: #FAD73C;
}

}
/* styles ripped from the blurb on the page */
.accomplish__right .et_pb_blurb{
  padding-top: 25px !important;
}
.accomplish__right .et_pb_blurb .et_pb_main_blurb_image .et_pb_image_wrap {
  max-width: 25%;
}
.accomplish__right .et_pb_blurb.et_pb_blurb .et_pb_module_header,.accomplish__right .et_pb_blurb.et_pb_blurb .et_pb_module_header a {
  text-transform: uppercase;
  font-size: 27px;
  line-height: 1.6em;
  text-align: center;
}


@media screen and (max-width: 980px){
  #factsheet-grid .dp-dfg-custom-content{
    aspect-ratio: 1/1;
  }
  #main-header .container{
    width: 100%;
    margin-right: 5%;
  }
  #main-header .logo_container a{
    display: inline-block;
    height: 100%;
  }
  #main-header .logo_container #logo{
    height: 100%;
    max-width: none;
    max-height: none;
  }
}
@media screen and (max-width: 768px){
  .n3b-news{
    display: block;
  }
  .n3b-news-left{
    height: 150px;
    margin-bottom: 0;
    filter: none;
  }
  .n3b-news-right{
    width: 100% !important;
  }
  .factsheet-icon-container > span {
    font-size: 12px;
    line-height: 1.1em;
  }
  .n3b-resource-title{
    font-size: 14px;
  }
  #factsheet-grid .dp-dfg-custom-content, .n3b-resource-link-container{
    padding: 10px;
  }
}
@media screen and (max-width: 480px){
  #logo-grid article,
  #factsheet-grid article,
  #factsheet-protect article,
  #factsheet-waste article,
  #factsheet-land article{
      margin-bottom: 20px;
  }
  #factsheet-grid .dp-dfg-custom-content,
  #factsheet-protect .dp-dfg-custom-content,
  #factsheet-waste .dp-dfg-custom-content,
  #factsheet-grid .dp-dfg-custom-content{
    aspect-ratio: 2/1;
  }
  .accomplish__block{
    margin:10px 0px;
  }
  .accomplish__left{
    display:none;
  }
  .accomplish__right{
    width:100%;
  }
}

/* in the new list */
.in-the-news-item{
  border-bottom: 1px solid #666;
}
.in-the-news-link{
  color: #24366f;
  line-height: 1.1em;
  padding: 0;
  margin: 0;
}
.in-the-news-link:hover{
  color: #2ea3f2;
}
.news-source{
/*  font-size: 10px;*/
  font-style: italic;
  white-space: nowrap;
}

#news-list .dp-dfg-skin-default .dp-dfg-search{
  justify-content: left;
}