/***  Global ***/
/* @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;700&family=Roboto:wght@300;400&display=swap'); */

@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;700;900&family=Roboto:wght@300;400&display=swap');

#toolbar-administration {
   position: relative;
   z-index: 9999;
}
.contextual {
   z-index: 1000;
}
html {
   min-height: 100%;
   scroll-behavior: smooth;
}
body {
/*    
  background: rgb(233,226,164)!important;
  background: linear-gradient(90deg, rgba(233,226,164,1) 0%, rgba(206,232,229,1) 89%, rgba(184,202,227,1) 100%)!important;
   */
  
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}
img,
div,
iframe {
 max-width: 100%;
 height: auto;
}
#page {
 display: flex;
 min-height: 100vh;
 flex-direction: column;
}
.row,
#colorbox div {
   max-width: none;
}
#cboxLoadedContent {
   padding: 10px;
}
#main-wrapper {
 flex: 1;
 overflow: hidden;
}
.container {
 max-width: 1230px;
 width: 100% ;
 margin: 0 auto;
}
.blue-green {
  color: #8ee4df;
}
.purple {
 color: #5a53a3;
}
.default-title,
h1.title,
h2.title,
.field--name-node-title h2,
.field__label,
.field--name-field-title-step {
 font-size: 30px;
 font-weight: 900;
 text-transform: uppercase;
 margin-bottom: 15px;
 color: #8ee4df;
 font-family: 'Barlow', sans-serif;
}
h1.title,
.field--name-node-title h2 {
   margin: 0 0 50px;
}
.v-center {
 display: flex;
 align-items: center;
 justify-content: center;
 flex-wrap: wrap;
}
.btn,
.field--name-field-download-the-toolkit > a,
.global-link > a {
 color: #fff;
 background-color:#8ee4df!important;
 text-transform: uppercase;
 border-radius: 0;
 border: none;
 padding: 7px 30px;
 font-family: 'Barlow', sans-serif;
 font-weight: 900;
}
.btn:hover,
.field--name-field-download-the-toolkit > a:hover,
.global-link > a:hover {
 color: #fff;
 opacity: 0.7;
}
button:focus {
   outline: none;
   outline: none;
}
a:hover, 
a:focus, 
.link:hover, 
.link:focus {
 color: #8ee4df;
 opacity: 0.7;
}
:focus {
   outline: none;
}
.share-now-button {
   margin-top: 30px;
}

.navbar-toggler .navbar-toggler-icon {
   height: 30px;
   width: 25px;
   display: inline-block;
   margin: 5px 0 0;
   padding: 0;
   background: url(/themes/custom/bootstrap_barrio_subtheme/assets/icons-sprite-sheet.svg) no-repeat;
   background-position-x: 0%;
   background-position-y: 74%;
   background-size: 320px;
}


/*** Pop-up ***/

#block-popuphidden {
   font-size: 0;
   visibility: hidden;
   overflow: hidden;
   height: 0;
   width: 0;
}
.pop-up-content {
   text-align: center;
   font-size: 23px;
}
#block-popupmessage {
   height: 0;
   overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: center;
}
#cboxContent #block-popupmessage {
   height: 100%;
}


/*** Pop-up mini ***/

.pop-up-mini {
   position: absolute;
   right: 20px;
   bottom: 20px;
   width: 325px;
   border: 3px solid #6fcada;
   border-radius: 10px;
   padding: 15px;
   text-align: center;
   background: #fff;
   display: none;
}
.pop-up-mini p {
   margin: 0;
}

.pop-up-mini .close-button {
   position: absolute;
   right: 7px;
   bottom: 7px;
   height: 10px;
   width: 10px;
   background: url("/themes/custom/bootstrap_barrio_subtheme/assets/icons-sprite-sheet.svg") no-repeat;
   background-position-x: -102px;
   background-position-y: -102px;
   background-size: 171px;
}

/*** Nodeblock ****/

.nodeblock {
   margin: 50px 0 0;
}

/*** Table ***/

table {
   font-size: inherit;
}
tr td, tr th {
   padding: 0;
   border: none;
   text-align: left;
}
tr {
   border-bottom: none;
   padding: 0;
   background: transparent;
   background: transparent;
}

/*** About page ***/

.field--name-body .image-body {
   margin-right: 50px;
}
.field--name-body blockquote {
   color:  #8ee4df;
}


/*** Social media ***/

.social-media-link .nav-item {
 margin-right: 40px;
}

.social-media-link .nav-item .nav-link {
 font-size: 0;
 padding: 0;
 height: 16px;
 width: 16px;
 display: inline-block;
}
.social-media-link .nav-link::before {
 background: url("/themes/custom/bootstrap_barrio_subtheme/assets/icons-sprite-sheet.svg") no-repeat;
 background-position-x: 0%;
 background-position-y: 0%;
 background-size: auto;
 width: 16px;
 height: 16px;
 content: "";
 display: inline-block;
 vertical-align: middle;
 margin: auto 12px auto 0;
 background-size: 192px;
}
/***fb***/
.social-media-link .nav-item:nth-child(1) .nav-link::before {
   background-position: -64px -16px;
}
/***tw***/
.social-media-link .nav-item:nth-child(2) .nav-link::before{
   background-position: -96px -16px;
}
/***in***/
.social-media-link .nav-item:nth-child(3) .nav-link::before{
   background-position: -128px -16px;
}
/***ln***/
.social-media-link .nav-item:nth-child(4) .nav-link::before{
   background-position: -160px -16px;
}

/*** Header ***/
.header {
  /* background: rgb(233,226,164);
  background: linear-gradient(90deg, rgba(233,226,164,1) 0%, rgba(206,232,229,1) 89%, rgba(184,202,227,1) 100%); */
  background: rgb(9,9,121);
  background: linear-gradient(90deg, rgba(9,9,121,1) 0%, rgba(0,60,198,1) 48%, rgba(0,210,174,1) 100%);
  position: relative;
}
/* .header::before {
   position: absolute;
   width: 50%;
   height: 30%;
   left: 0;
   bottom: 0;
   display: block;
   content: "";
} */
.header > .navbar {
 max-width: 1230px;
 width: 100%;
 margin: 0 auto;
}
#navbar-main {
 background: transparent!important;
 padding: 0 15px;
}

/*** Logo ***/
.navbar-brand {
 max-width: 215px;
 width: 100%;
 padding: 0;
 margin-top: 13px;
}
.navbar-brand img {
 width: 100%;
}

/*** Main menu ***/

.menu--main .nav-item a.nav-link {
 padding: 20px 0;
 color: #fff;
 position: relative;
 font-size: 18px;
 font-weight: 400;
}
.menu--main .nav-item a.is-active:before {
 display: block;
 content: "";
 position: absolute;
 left: 0;
 bottom: 0;
 height: 5px;
 width: 100%;
 background: #c14491;
}

/* .menu--main .nav-item:nth-child(2) a.is-active:before {
   background: transparent;
} */


/*** Slick slider ***/
.slick-initialized div {
 max-width: none;
 height: 100%;
}
.slick-slide {
 float: left;
 height: 100%;
 min-height: 1px;
 overflow: hidden;
}
.slick-initialized {
 overflow: hidden;
 position: relative;
}
.slick-dots {
   width: 100%;
   padding: 0;
   z-index: 1000;
   text-align: center;
}
.slick-dots li {
   display: inline-block;
   height: 15px;
   width: 15px;
   font-size: 0;
   margin: 0 12px;
}
.slick-dots li button {
   height: 15px;
   width: 15px;
   border: 2px solid #fff;
   border-radius: 100%;
   padding: 0;
   margin: 0;
   background: transparent;
}
.slick-dots li.slick-active button {
   background: #fff;
}
.slick-dots li button:focus {
   outline: none;
}

/***  Main banner section ***/

.region-banner-section,
.region-banner-section .row,
.view-main-banner .view-content { 
 display: block;
 margin: 0;
}
.block-views-blockstories-block-1,
.block-views-blockmain-banner-block-2 { 
  background: rgb(9,9,121);
  background: linear-gradient(90deg, rgba(9,9,121,1) 0%, rgba(0,60,198,1) 48%, rgba(0,210,174,1) 100%);
}
.embedded-video {
 height: 0;
 /* padding-bottom: 37.25%; */
 padding-bottom: 53.25%;
 padding-top: 25px;
 position: relative;
 top: 0;
}
.embedded-video iframe {
 position: absolute;
 top: -10px;
 left: 0;
 width: 100%;
 height: calc(100vw/1.77777778);
}
.banner_section,
.full-bottom {
   position: relative;
   overflow: hidden;
}
.full-bottom .row {
   display: block;
}
.path-frontpage .scroll-down {
   display: none;
}
.with-video .scroll-down {
   position: absolute;
   left: 20px;
   top: 70vh;
   height: 60px;
   background: rgba(0,0,0, 0.1);
   border-radius: 3px;
}
.with-video .scroll-down a {
   padding: 5px 10px 20px;
   color: #fff;
   font-size: 18px;
   text-transform: uppercase;
   display: inline-block;
   background: url("/themes/custom/bootstrap_barrio_subtheme/assets/arrow.png") 50% 29px no-repeat;
   background-size: 30px 20px;
}
.with-video .scroll-down a:hover {
   text-decoration: none;
   opacity: 0.9;
}

/*** Main content ***/

#main-wrapper {
   position: relative;
}
#main-wrapper::before {
   position: absolute;
   left: 0;
   top: 10%;
   width: 100%;
   height: 700px;
   display: block;
   content: "";
   background: url("/themes/custom/bootstrap_barrio_subtheme/assets/line-2.png") 0 0 no-repeat;
}
.layout-main-wrapper > .container  {
 padding-top: 35px;
 padding-bottom: 50px;
}
.main-content > section {
 display: flex;
 flex-wrap: wrap;
 flex-direction: column;
}

/*** Default front page ***/

.path-frontpage .layout-main-wrapper > .container {
 max-width: 100%;
 padding-top: 0;
 padding-bottom: 0;
}
.view-home .slick-dots {
   position: absolute;
   bottom: 0;
   left: 0;
}
.path-frontpage h1.title {
 display: none;
}
.two-column-item > div {
 padding: 0;
}
.two-column-item img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}
.f-center {
 padding: 30px 15px;
}
.f-center > div {
 margin: 0 0 15px;
}
.two-column-description {
   background: #eff9fa;
}
.right-align-image .two-column-description {
/***  order: -1; ***/
 background: #fff;
}
.path-frontpage #main-wrapper::before {
   background: none;
}

/*** Join page ***/

.page-node-8 .column-link {
   display: none;
}
.node--type-custom-page .field__label {
 margin: 20px 0 35px;
 font-size: 25px;
}

.field--name-field-download-the-toolkit {
   margin-top: 40px;
}
/*** Old join steps ***/

.field--name-field-how-it-works- > .field__items {
   display: flex;
   flex-wrap: wrap;
   margin: 0 -10px 50px;
   counter-reset: section;
}
.field--name-field-how-it-works- > .field__items > div {
   flex: 0 0 33.3%;
   max-width: 33.3%;
   padding: 0 10px;
   margin: 0 0 20px;
}
.field--name-field-how-it-works- .field__items > .last-item-paragraph {
   max-width: 100%;
   flex-grow: 1;
}

.field--name-field-how-it-works- .paragraph {
 border: 1px solid transparent;
 border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
 border-image-slice: 1;
 padding: 20px;
}
.field--name-field-how-it-works- .paragraph .field--name-field-title {
 font-weight: 700;
 margin: -27px -21px 0;
 font-size: 20px;
 font-family: 'Barlow', sans-serif;
 font-weight: 900;
 color: #8ee4df;
 display: flex;
 padding: 20px 0;
}
.field--name-field-how-it-works- .paragraph .field--name-field-title::before {
 counter-increment: section;
 content: "0"counter(section)". ";
 font-size: 40px;
 background: #fff;
 height: 70px;
 width: 80px;
 display: inline-block;
 margin-top: -20px;
}

/*** New join steps ***/

.field--name-field-instruction > div {
   margin: 0 0 70px;
}

.custom-description {
   font-size: 21px;
   margin-top: 35px;
}

.field--name-field-how-it-works > .field__items {
   display: flex;
   flex-wrap: wrap;
   margin: 0 -10px;
   max-width: none;
   counter-reset: section;
}
.field--name-field-how-it-works > .field__items > div {
   padding: 0 10px;
   margin: 0 0 20px;
}
.field--name-field-how-it-works .field__items > .last-item-paragraph {
   max-width: 100%;
   flex-grow: 1;
}

.field--name-field-how-it-works .paragraph {
   border: 1px solid transparent;
   border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
   border-image-slice: 1;
   padding: 20px;
}
.field--name-field-how-it-works .paragraph .field--name-field-title {
   font-weight: 700;
   margin: -27px -21px 0;
   font-size: 20px;
   font-family: 'Barlow', sans-serif;
   font-weight: 900;
   color: #8ee4df;
   display: flex;
   padding: 20px 0;
}
.field--name-field-how-it-works .paragraph .field--name-field-title::before {
   counter-increment: section;
   content: "0"counter(section)". ";
   font-size: 40px;
   background: #fff;
   height: 70px;
   display: inline-block;
   margin-top: -20px;
   padding-right: 20px; 
}

/*** Toolkit page ***/

.page-node-27 .field--name-field-instruction .field__item table {
   margin-top: 35px;
}
.page-node-27 .field--name-field-instruction .field__item tbody > tr > td:nth-child(1) {
   width: 40%;
}
.page-node-27 .field--name-field-instruction .field__item tbody > tr > td:nth-child(2) {
   padding-left: 15px;
}

/*** Toolkit preview button ***/
form fieldset.form-type-webform-markup {
   flex: 0 0 217px;
   max-width: 217px;
}

/*** Subscribe ***/

.field--name-field-subscribe {
 position: relative;
}
.field--name-field-subscribe:before {
 position: absolute;
 left: -15%;
 bottom: -5%; 
 width: 80%;
 height: 90%;
 display: block;
 content: "";
 background: green;
 background: url("/themes/custom/bootstrap_barrio_subtheme/assets/dots.png");
 background-size: 16px 16px;
}
/* .page-node-8 #main-wrapper::after {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 350px;
   display: block;
   content: "";
   background: url("/themes/custom/bootstrap_barrio_subtheme/assets/line-3.png") 0 0 no-repeat;
} */
.page-node-8 .block-views-blockhome-block-1 {
   position: relative;
}
.page-node-8 .block-views-blockhome-block-1::before {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 430px;
   z-index: 1;
   display: block;
   content: "";
   background: url("/themes/custom/bootstrap_barrio_subtheme/assets/line-1.png") 0 0 no-repeat;
}
.page-node-8 .two-column-item > div p,
.page-node-8 .two-column-item > div img {
   position: relative;
   z-index: 2;
}

/*** Subscribe page ***/

.webform-submission-form {
  position: relative;
}
.webform-submission-form:before {
   position: absolute;
   left: 0;
   bottom: 0; 
   width: 80%;
   height: 90%;
   display: block;
   content: "";
   background: green;
   background: url("/themes/custom/bootstrap_barrio_subtheme/assets/dots.png");
   background-size: 16px 16px;
   z-index: -1;
  }
/*** Global views ***/

.global-views-list {
   margin: 0 0 30px;
}
.global-views-list > div {
   margin: 0 0 20px;
}
.global-title {
   font-family: 'Barlow', sans-serif;
   font-weight: 900;
   color: #8ee4df;
   font-size: 20px;
}
.global-video.video-thumbnail {
   position: relative;
}
.global-video.video-thumbnail:before {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   content: "";
   display: block;
   background: rgba(0,0,0,0.2);
}
.global-video.video-thumbnail:after {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   content: "";
   display: block;
   background: url("/themes/custom/bootstrap_barrio_subtheme/assets/banner-border.png") no-repeat;
   background-size: contain;
}

/*** latest stories ***/

.video-banner-item {
   position: relative;
}
.video-banner-link {
    margin-top: 24px;
}
.paragraph.paragraph--type--basic-paragraph.paragraph--view-mode--default {
    min-height: 460px;
    height: 100%;
}

.latest-video-sliding-banner .banner-info-wrapper {
   height: auto;
   font-family: 'Barlow', sans-serif;
   padding: 30px 15px;
}
.video-banner-title {
   font-weight: 900;
   color: #fff;
   font-size: 25px;
   text-transform: uppercase;
}
.video-banner-title span a {
   color: #fff;
   position: relative;
}
.video-banner-title span a::before {
   position: absolute;
   left: -15px;
   top: 90%;
   width: 125%;
   height: 50px;
   content: "";
   background: url("/themes/custom/bootstrap_barrio_subtheme/assets/underline.png") no-repeat;
   background-size: contain;
}
.video-banner-title span a:hover {
   text-decoration: none;
}
.video-banner-link > a {
   color: #fff;
   font-size: 25px;
   font-family: 'Roboto', sans-serif;
   font-weight: 400;
   display: inline-block;
   border-bottom: 1px solid #fff;
   line-height: 26px;
}
.video-banner-link > a:hover {
   text-decoration: none;
   color: #fff;
   opacity: 0.7;
}
.latest-stories:nth-child(1),
.latest-stories:nth-child(2) {
   flex: 0 0 50%;
   max-width: 50%;
}
.footer-link {
   text-align: center;
   margin-top: 30px;
}
.footer-link > a {
   font-family: 'Barlow', sans-serif;
   font-weight: 900;
   color: #8ee4df;
   font-size: 25px;
}

/*** Filter ***/
.bef-exposed-form {
   background: #e8f0f2;
   padding: 20px;
   margin: 0 0 30px
}
.bef-exposed-form > div {
   margin: 0;
}
.bef-exposed-form > div  > fieldset {
   width: 100%;
   margin: 0 0 20px;
}
.bef-exposed-form .form-actions {
   margin: 0;
   width: 100%;
}
.bef-exposed-form label {
   font-weight: 700;
}
.bef-exposed-form .form-text {
   margin: 0;
}

.bef-exposed-form .form-actions > button {
   width: 100%;
}

.bef-exposed-form .form-item-sort-bef-combine {
   order: -2;
}


/*** Pager ***/

.pagination {
  align-items: center;
  justify-content: center;
}
.pagination .page-item.active .page-link {
   background-color: #8ee4df;
   border-color: #8ee4df;
   border-radius: 0;
}
.pagination .page-link, 
.pagination .page-link:hover {
   color: #000;
   border: 1px solid #8ee4df;
}

/*** Node stories ***/

.node--type-stories .content h1.title {
   display: none;
}
h2.title {
   margin: 50px 0;
}
.sharethis-wrapper {
   margin: 30px 0 0;
}
.sharethis-wrapper::before {
   content: "Share";
   display: block;
   margin: 0 0 10px;
   color: #8ee4df;
}

.sharethis-wrapper .stButton .stLarge {
   background-image: url(/themes/custom/bootstrap_barrio_subtheme/assets/icons-sprite-sheet.svg)!important;
   background-position-x: 0%;
   background-position-y: 0%;
   background-size: auto;
   width: 16px;
   height: 16px;
   content: "";
   display: inline-block;
   vertical-align: middle;
   margin: auto 12px auto 0;
   background-size: 192px;
}
.st_facebook_large .stButton .stLarge {
   background-position: -64px -16px;
}
.st_facebook_large .stButton .stLarge:hover {
   background-position: -64px -16px;
}

.st_twitter_large .stButton .stLarge {
   background-position: -96px -16px;
}
.st_twitter_large .stButton .stLarge:hover {
   background-position: -96px -16px;
}

.st_linkedin_large .stButton .stLarge  {
   background-position: -160px -16px;
}
.st_linkedin_large .stButton .stLarge:hover  {
   background-position: -160px -16px;
}

/*** Form ***/

.webform-submission-form {
 display: flex;
 flex-wrap: wrap;
 flex-direction: row;
 margin: 0 -10px;
 max-width: none;
 position: relative;
 z-index: 1;
}
.webform-submission-form fieldset {
 padding: 0 10px;
 width: 100%;
}
.webform-submission-get-started-2-form .form-type-email,
.webform-submission-form .form-type-textarea {
 flex: 0 0 100%;
 max-width: 100%;
}
.webform-submission-form .form-control {
 background: #e5f3f4;
 border-radius: 0;
 border: none;
}
.webform-submission-form .form-actions {
 padding: 0 10px;
}

.node--type-form-page .layout-main-wrapper .field--name-body {
 margin-top: 50px;
}
.node--type-form-page .layout-main-wrapper .field--name-body img {
 width: 100%;
}

/*** Footer ***/
.site-footer {
 /* background: rgb(233,226,164)!important;
 background: linear-gradient(90deg, rgba(233,226,164,1) 0%, rgba(206,232,229,1) 89%, rgba(184,202,227,1) 100%)!important; 
 background: rgb(175,60,149)!important;
 background: linear-gradient(90deg, rgba(175,60,149,1) 0%, rgba(223,101,127,1) 48%, rgba(228,136,115,1) 100%)!important;*/
 padding: 20px 0;
 background: url("/themes/custom/bootstrap_barrio_subtheme/assets/footer-gradient.jpg") no-repeat!important;
 background-position: center!important;
}
.site-footer div,
.site-footer .region {
 margin: 0;
 padding: 0;
 border: none;
}
.site-footer .container {
 margin: 0 auto;
}
.site-footer__bottom .block-views-blockfooter-logo-block-1 {
 margin: 0 auto;
}
.site-footer .footer-logo-item {
 margin: 0 auto;
}
.site-footer__bottom .content {
   padding: 0;
}

/*** Copyrights ***/

#block-copyrights {
   margin: 0 auto;
}
.copyright {
   margin: 0;
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
   
   /*** Header ***/
   .navbar-brand {
      max-width: 320px;
      margin-top: 8px;
   }

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
   
   /*** Video banner ***/
   .banner_section .view-footer {
      left: 75px;
      top: 75vh;
   }

   /*** Join page ***/
   .field--name-field-how-it-works > .field__items > div {
      flex: 0 0 50%;
      max-width: 50%;
   }

   /*** All stories ***/
   .bef-exposed-form > div  > fieldset {
      width: 33.3%;
   }

   /*** Contact us ***/
   .webform-submission-contact-form fieldset {
      flex: 0 0 50%;
      max-width: 50%;
   }
      /*** Take the pledge ***/
      .webform-submission-take-the-pledge-form fieldset {
         max-width: 60% !important;
         flex: 60%;
      } 
}
.webform-submission-take-the-pledge-form .js-form-item.js-form-type-checkbox {
   width: 100%;
   padding: 0 0 24px 48px;
   font-size: 1.1em;
   font-weight: 400;
}
div#edit-description--description {
   font-size: 80%;
   margin: 0 0 0 12px;
}
div#links_table {
   margin: 16px 0 0;
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

   /*** Global ***/
   .default-title,
   h1.title,
   h2.title,
   .field--name-node-title h2,
   .field__label,
   .field--name-field-title-step {
      font-size: 40px;
      line-height: 45px;
   }

   /*** Main menu ***/
   .menu--main .nav-item {
      margin-left: 25px;
   }
   /*** Banner ***/
   .video-banner-item:before {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      content: "";
      display: block;
      background: rgba(0,0,0,0.3);
   }
   .video-banner-item.stories:after {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      content: "";
      display: block;
      background: url("/themes/custom/bootstrap_barrio_subtheme/assets/banner-border.png") no-repeat;
      background-size: contain;
   }
   .video-banner-title {
      font-size: 65px;
      line-height: 65px;
   }
   .latest-video-sliding-banner .banner-info-wrapper {
      position: absolute;
      top: 20%;
      max-width: 360px;
      padding: 0;
      z-index: 100;
   }
   .latest-video-sliding-banner .left-align .banner-info-wrapper {
      left: 10%;
   }
   .latest-video-sliding-banner .right-align .banner-info-wrapper {
      right: 10%;
   }
   /*** Slick ***/
   .slick-dots {
      position: absolute;
      bottom: 30px;
      left: 0;
   }
   .slick-dots li {
      height: 30px;
      width: 30px;
   }
   .slick-dots li button {
      height: 30px;
      width: 30px;
   }
   /*** default front***/
   .two-column-item {
      display: flex;
   }
   .right-align-image .two-column-description {
      flex: 0 0 44.5%;
      max-width: 44.5%;
   }
   .right-align-image .sliding-content {
      flex: 0 0 55.5%;
      max-width: 55.5%;
   }

   /*** Default front page ***/
   .view-home .slick-dots {
      bottom: 30px;
   }
   .page-view-home .column-title.blue-green.default-title {
      margin: 24px 0;
  }
  
   /*** Join page ***/
   .field--name-field-how-it-works > .field__items > div {
      flex: 0 0 33.3%;
      max-width: 33.3%;
   }

   /*** All stories ***/
   .bef-exposed-form > div  > fieldset {
      width: 29%;
      margin: 0;
   }
   .bef-exposed-form .form-actions {
      margin: 0;
      width: 13%;
   }

   /*** Footer ***/
   .site-footer .footer-logo-item {
      margin: 0 25px;
   }

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1024px) {
   
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
   .f-center {
      max-width: 88%;
      padding: 0;
   }
}
/* Submit your story form */
span.fieldset-legend {
   font-size: 16px;
   font-weight: 400;
}
div#edit-description-format {
   display: none;
}
div#edit-actions {
   width: 100%;
}
.form-item-links-add-more-items, .tabledrag-toggle-weight {
   display: none;
}
.webform-submission-get-started-form .js-text-format-wrapper.text-format-wrapper.js-form-item.form-item, div#links_table {
   width: 100%;
}
.webform-submission-get-started-form input, .webform-submission-get-started-form div#cke_edit-description-value, textarea#edit-description-of-photo-video, fieldset#edit-links, .webform-multiple-table.webform-multiple-table-responsive {
   max-width: 660px;
}
.font-400, #links_table label {
   font-weight: 400;
}
.js-form-item-links button {
   background: none !important;
   color: #8ee4df;
}
.js-form-item-links button:hover {
   color: #000;
}
/* Pledges */
.view-counter .views-field-nothing {
   font-size: 2em;
   margin: 0 0 0 15px;
}
.pledge-cert {
   padding: 64px;
   border: 1px solid;
   margin: 32px;
   text-align: center;
   background: url(/themes/custom/bootstrap_barrio_subtheme/assets/footer-gradient.jpg) no-repeat !important;
   color: #fff;
   max-width: 550px;
   margin: 0 auto;
}
p.pledge-title {
   font-size: 2em;
   font-weight: 600;
   margin: 0 0 1em;
}
.pledge-name {
   font-size: 1.5em;
   font-weight: 600;
}
.page-view-pledges div#block-socialsharingblock {
   text-align: center;
}
.path-webform div#block-socialsharingblock {
   display: none;
}
.page-view-pledges .views-row {
   margin: 0 auto;
}
.view-pledges .view-footer {
   text-align: center;
   font-size: 1.5em;
}
div#block-takethepledge {
   padding: 24px;
   margin: 24px 0 0;
}
#block-takethepledge h2 {
   font-size: 30px;
   font-weight: 900;
   text-transform: uppercase;
   margin-bottom: 15px;
   color: #8ee4df;
   font-family: 'Barlow', sans-serif;
   font-size: 40px;
}
div#block-views-block-counter-block-1 p {
   font-size: 1.1em;
}
fieldset#edit-processed-text-01 h3 {
   color: #8ee4df;
   text-transform: uppercase;
   font-weight: bold;
}
div#block-socialsharingblock {
   margin-top: 48px;
}
div#block-views-block-counter-block-1 ol {
   font-size: 1.1em;
}
.path-webform ul.nav.nav-tabs.primary {
   display: none;
}
.path-admin nav.tabs {
   display: none;
}
.path-admin div#main {
   display: none;
}
/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}
.site-footer .field--type-text-with-summary a {
    border: none;
}
.latest-textbox {
   padding: 32px;
}