.highlighted .container{
max-width: 100% !important;
}
#header{
background-image: url(/sites/default/files/styles/banner.JPG);
background-repeat: no-repeat;
background-size: cover;
-webkit-clip-path: polygon(0 0,100% 0,100% 80%,0% 100%);
clip-path: polygon(0 0,100% 0,100% 80%,0% 100%);
}
#page{

    background-image: url(/sites/default/files/styles/learning.png);
    background-repeat: repeat !important;
    background-position: top right;
    /* padding-top: 200px; */
    background-size: 72% !important;
    /* position: relative; */
}

/*
@media screen and (min-width: 1194px) {
	.node .field--name-field-goal-no.field--type-text{ 
	position: absolute;
    font-family: var(--il-source-sans);
    font-weight: bold;
    margin: 9.6rem 86px;
    text-shadow: 0px 0px 1px rgb(0 0 0 / 50%), 0px 0px 2px rgb(0 0 0), 0px 0px 8px rgb(0 0 0), 0px 0px 16px rgb(0 0 0 / 85%), 0px 0px 24px rgb(0 0 0 / 70%);
    font-size: 72px;
    color: white;
	}
*/
#navbar-main {
    /* background-color: #fff; */
    background: transparent;
    max-width: 1220px;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
    position: relative;
    z-index: 2;
}

#page, #main-wrapper, .region-primary-menu .menu-item a.is-active, .region-primary-menu .menu-item--active-trail a{
    background-color: #fff !important; 
    background-size: cover;
    background-repeat: no-repeat;
    
}

h1.page-title {
    color: #FFF;
    font-weight: 500;
    font-family: alegreyasans;
    font-size: 58px
}
h1 {
    display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
#block-intro{
    display: block;
    width: 100%;
}
@media (min-width: 992px){
.navbar-expand-lg {
    flex-wrap: wrap !important;
    justify-content: flex-start;
}}
#navbar-top{  display: none;} 

.home-menu {
  /*  width: 280px;
    max-width: 290px;
    min-width: 290px;  */
    width: 100%;
}
.home-menu ul li {
    list-style: none;
    display: inline-block;
    min-width: 221px;
    margin-bottom: 20px;
}
.home-menu ul li a {
    color: #FFF;
    font-size: 24px;
    font-family: lato;
    font-weight: bold;
}
a {
    text-decoration: none;
    background-color: transparent;
}
#navbar-main {
   padding-top: 40px;
}
#mybg{
    background-image: linear-gradient(11deg,rgba(0,0,0,0.19),rgba(0,0,0,0.57));
}
.main_options{
width: 30%;
float: left;
}
.options-wraper{
    float: right;
    width: 67%;
    margin-top: -426px;
    z-index: 100;
    position: relative;
}
.opptions{
padding: 10px;
}
.column{
    width: 30%;
    float: left;
    margin: 10px
}
.inner-card-wrap{
    background-color: #FFF;
    border-radius: 0 20px 20px 0;
    border-left: 6px solid #f1ba46;
    box-sizing: border-box;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.18);
    overflow: hidden;
    padding: 20px
}
.nav-link {
    color: #FFF;
    font-size: 20px;
    /* font-family: lato; */
    /* float: left; */
    margin-left: 10px;
}
.view-id-team .view-content .views-row{
    background-color: #FFF;
    border-radius: 0 20px 20px 0;
    box-sizing: border-box;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.18);
    overflow: hidden;
    width: 96%;
    margin-left: 31px;
    border-left: 6px solid #f1ba46;
    margin-bottom: 20px 
} 
.view-id-team .view-content .views-row .views-field-title, .view-id-team .view-content .views-row .views-field-field-responsibilities{
 display: block !important;
 font-size: 26px;
 font-weight: 700;
 }
.view-id-team .view-content .views-row .views-field-body{
  padding: 29px;
}
.tname{ color: #0071b3;}
.view-id-team .view-content .views-row .views-field-field-photo{
    width: auto;
    float: left;
    color: #1f3762;
    font-weight: 300;
    line-height: 2.3rem;
    font-size: 2.8rem;
    text-decoration: none;
    margin-right: 10px;
}

/*#block-bootstrap-barrio-subtheme-content > div{     display: none;    }*/
.featured-top{
margin-top: 20px;
margin-bottom: 30px;

}
#block-views-block-news-block-1, #block-views-block-events-updatees-block-1{  
 margin-bottom: 30px;
 margin-top: 30px;
 width: 47%;
 margin-right: 39px;
 }
@media (max-width: 600px){
#block-views-block-news-block-1, #block-views-block-events-updatees-block-1{
 width: 100%;
 }
.view-id-news .views-row .views-field-field-images, .view-id-events_updatees .views-row .views-field-field-images{
display: none;
}

}
.row-options{ display: inline-block;   }
.site-footer {
    background:#1e73be;
}
.view-id-featured_stories .view-content .views-row { 
    border-left: 6px solid #f1ba46;
    background-color: #FFF;
    border-radius: 0 20px 20px 0;
    box-sizing: border-box;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.18);
    overflow: hidden;
    width: 23%;
    margin-left: 15px;
    margin-right:6px;
    position: relative;

 }
.view-id-news .view-content .views-row, .view-id-events_updatees .view-content .views-row{   
  
    background-color: #FFF;
    border-radius: 0 20px 20px 0; 
    box-sizing: border-box;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.18);
    overflow: hidden;
    width: 96%;
    margin-left: 19px;
    border-left: 6px solid #f1ba46;
 /*  display: flex;   */
    margin-bottom: 20px;
    /*margin-bottom: 16px;*/
 }
.views-row .views-field-title{  
text-wrap: balance;
}
.view-id-news .views-row .views-field-field-images, .view-id-events_updatees .views-row .views-field-field-images{     
float: right;
margin-top: -128px;
}
.views-row .views-field-field-date{
padding-top: 49px;
}
.row-options {
    display: contents !important;
}
.card-one{border-left: 6px solid #f1ba46;}
.card-two{border-left: 6px solid #1e73be;}
.card-three{border-left: 6px solid #000000;}
.card-five{border-left: 6px solid #dc3545;}
.card-six{border-left: 6px solid #0d6efd;}
p {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 1.4;
    color: #4d4d4d;
}
h2 {
    font-family: alegreyasans;
    font-size: 24px;
    letter-spacing: 2.3px;
    color: #335b6b;
    font-weight: 800;
    margin-bottom: 25px;
}
.foota{ color: #fff;   }
b, strong {
    font-weight: bolder;
    font-size: 20px;
    color: #335b6b;
    line-height: 1;
    font-family: alegreyasans;
    font-weight: 800;
    margin-bottom: 15px;
}
.p{ color: #4d4d4d;
    font-size: 16px;
    line-height: 1.4;
 }
.home-menu ul li.cycle-pager-active .active:after {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right;
    display: block;
}

.home-menu ul li a:after  {
    margin-top: 5px;
    height: 4px;
    width: 100%;
    background-color: #f1ba46;
    content: '';
    -webkit-transform: scale3d(0,1,1);
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.075,.82,.165,1);
    transition: -webkit-transform .5s cubic-bezier(.075,.82,.165,1);
    -o-transition: transform .5s cubic-bezier(.075,.82,.165,1);
    transition: transform .5s cubic-bezier(.075,.82,.165,1);
    transition: transform .5s cubic-bezier(.075,.82,.165,1),-webkit-transform .5s cubic-bezier(.075,.82,.165,1);
}

.navbar-nav .nav-item .active:after{ 
   -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right;
    display: block;
}  
.navbar-nav  li a:after  {
    margin-top: 5px;
    height: 4px;
    width: 100%;
    background-color: #fff;
    content: '';
    -webkit-transform: scale3d(0,1,1);
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.075,.82,.165,1);
    transition: -webkit-transform .5s cubic-bezier(.075,.82,.165,1);
    -o-transition: transform .5s cubic-bezier(.075,.82,.165,1);
    transition: transform .5s cubic-bezier(.075,.82,.165,1);
    transition: transform .5s cubic-bezier(.075,.82,.165,1),-webkit-transform .5s cubic-bezier(.075,.82,.165,1);
}
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
     color: #FFF;
     font-size: 21px;
    font-weight: 700;
}
.row>* { padding-left: unset !important;  padding-right: unset !important;  }
#block-bootstrap-barrio-subtheme-content > div > article > div > div.clearfix.text-formatted.field.field--name-field-title.field--type-text.field--label-hidden.field__item{
   font-size: 37px;
   font-family: alegreyasans;
    /* letter-spacing: 2.3px; */
    color: #335b6b;
    font-weight: 800;
    margin-top: 30px;
    margin-bottom: 20px; 
    background-image: url(/sites/default/files/styles/learning.png);
    background-repeat: repeat !important;
  }
.view-id-news .view-content .views-row a, .view-id-events_updatees .view-content .views-row a{ 
    color: #335b6b;
    font-size: 19px;
    font-family: lato;
    font-weight: 500;
    line-height: 1.4;
  }
.view-id-featured_stories .view-content .views-row a{   
   
    text-align: right;
    margin-top: 13px;
    font-size: 18px;
    font-family: alegreyasans;
    color: #335b6b;
}
#main-wrapper{
   /* background-image: url(/sites/default/files/styles/learning.png);
    background-repeat: repeat !important;
    background-position: top right;
    background-size: 72% !important; */
}
@media (min-width: 992px){
.navbar-expand-lg .navbar-nav {
    flex-direction: row;
    float: right;
    margin-bottom: 13px;
    margin-top: -45px;
}
}
@media (max-width: 600px){
.view-id-featured_stories .view-content .views-row, .view-id-news .view-content .views-row{
    border-left: 6px solid #f1ba46;
    background-color: #FFF;
    border-radius: 0 20px 20px 0;
    box-sizing: border-box;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.18);
    overflow: hidden;
    width: 89%;
    margin-left: 15px;
    margin-right: 6px;
    position: relative;
    margin-bottom: 18px;
}
.options-wraper {
    width: 100%;
    margin-top: 1px;
}
.column {
    width: 100%;
    margin-top: 11px;
}


}
body{ 
background-image: url(/sites/default/files/styles/learning.png);
color: #ffffff !important;
background: #ffffff !important;
}
/*
#block-views-block-news-block-1, #block-views-block-events-updatees-block-1{width: 50%; margin-top: 32px;  }
*/
.views-field-field-date time { color: #3b3b3b; }

/* Restore main navigation on the homepage */
@media (min-width: 992px) {
  body.path-frontpage #navbar-main {
    position: relative;
  }

  body.path-frontpage #navbar-main #CollapsingNavbar {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute;
    top: 35px;
    right: 0;
    width: auto;
    z-index: 9999;
  }

  body.path-frontpage #navbar-main #CollapsingNavbar .navbar-nav {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.path-frontpage #navbar-main #CollapsingNavbar .nav-link {
    color: #fff !important;
    white-space: nowrap;
  }
}

/* Move the main navigation slightly higher */
@media (min-width: 992px) {
  body.path-frontpage #navbar-main #CollapsingNavbar {
    top: 10px !important;
  }
}

/* Move homepage navigation closer to the top */
@media (min-width: 992px) {
  body.path-frontpage #navbar-main #CollapsingNavbar {
    top: -50px !important;
  }
}

/* Reduce empty space at the top of the homepage */
@media (min-width: 992px) {

  /* Move the logo upward */
  body.path-frontpage #navbar-main .navbar-brand {
    transform: translateY(-60px);
  }

  /* Move the homepage heading, menu and cards upward */
  body.path-frontpage #block-intro {
    transform: translateY(-60px);
  }

}

/* Align homepage logo with horizontal navigation */
@media (min-width: 992px) {
  body.path-frontpage #navbar-main .navbar-brand {
    transform: translateY(-100px) !important;
  }
}

/* Final alignment of homepage logo and navigation */
@media (min-width: 992px) {
  body.path-frontpage #navbar-main .navbar-brand {
    transform: translateY(-85px) !important;
  }
}

/* Align logo and navigation on internal pages */
@media (min-width: 992px) {
  body:not(.path-frontpage) #navbar-main .navbar-brand {
    transform: translateY(-85px) !important;
  }

  body:not(.path-frontpage) #navbar-main #CollapsingNavbar {
    position: absolute;
    top: -50px;
    right: 0;
    width: auto;
    z-index: 9999;
  }

  body:not(.path-frontpage) #navbar-main #CollapsingNavbar .navbar-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    float: none !important;
    margin: 0 !important;
  }
}

/* Fix logo and navigation overlap on internal pages */
@media (min-width: 992px) {

  body:not(.path-frontpage) #navbar-main {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
  }

  body:not(.path-frontpage) #navbar-main .navbar-brand {
    transform: none !important;
    flex-shrink: 0;
    margin-right: 25px;
  }

  body:not(.path-frontpage) #navbar-main #CollapsingNavbar {
    position: static !important;
    top: auto !important;
    right: auto !important;
    width: auto !important;
    flex: 0 1 auto;
    margin-left: auto;
    display: flex !important;
    align-items: center;
  }

  body:not(.path-frontpage) #navbar-main #CollapsingNavbar .navbar-nav {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    float: none !important;
    margin: 0 !important;
    align-items: center;
  }

}

/* Consistent logo and navigation alignment on all internal pages */
@media (min-width: 992px) {

  body:not(.path-frontpage) #navbar-main {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
  }

  body:not(.path-frontpage) #navbar-main .navbar-brand {
    transform: none !important;
    margin: 0 30px 0 0 !important;
    padding: 0 !important;
    flex-shrink: 0;
  }

  body:not(.path-frontpage) #navbar-main #CollapsingNavbar {
    position: static !important;
    transform: none !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    width: auto !important;
    flex: 0 1 auto !important;
  }

  body:not(.path-frontpage) #navbar-main .navbar-nav {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

}

/* Consistent logo and navigation alignment on all internal pages */
@media (min-width: 992px) {

  body:not(.path-frontpage) #navbar-main {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
  }

  body:not(.path-frontpage) #navbar-main .navbar-brand {
    transform: none !important;
    margin: 0 30px 0 0 !important;
    padding: 0 !important;
    flex-shrink: 0;
  }

  body:not(.path-frontpage) #navbar-main #CollapsingNavbar {
    position: static !important;
    transform: none !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    width: auto !important;
    flex: 0 1 auto !important;
  }

  body:not(.path-frontpage) #navbar-main .navbar-nav {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

}

/* Consistent desktop header alignment on all internal pages */
@media (min-width: 992px) {

  body:not(.path-frontpage) #navbar-main {
    position: relative !important;
    display: block !important;
    min-height: 230px;
  }

  /* Logo on the left */
  body:not(.path-frontpage) #navbar-main > .navbar-brand {
    position: absolute !important;
    top: 30px !important;
    left: 0 !important;
    transform: none !important;
    margin: 0 !important;
    z-index: 10;
  }

  /* Main navigation container */
  body:not(.path-frontpage) #navbar-main #CollapsingNavbar {
    position: static !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    transform: none !important;
  }

  /* Menu on the right, aligned with logo */
  body:not(.path-frontpage) #block-bootstrap-barrio-subtheme-main-menu {
    position: absolute !important;
    top: 30px !important;
    right: 0 !important;
    z-index: 10;
  }

  body:not(.path-frontpage) #block-bootstrap-barrio-subtheme-main-menu .navbar-nav {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    float: none !important;
    margin: 0 !important;
  }

  /* Keep page headings below the header navigation */
  body:not(.path-frontpage) #CollapsingNavbar .block-content-basic {
    position: relative;
    padding-top: 115px;
    clear: both;
  }
}