/**
 * @file
 * Subtheme specific CSS.
 */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* red tab bar  */
.highlighted {
  /* background-color: red; */
}

/* ORANGE #FF9160 */

/* FONTS */

p, a, h1, h2, h3, h4, li, select, option, button, label { font-family: Montserrat ! important; }
p, a, li, select, option, button, label { font-weight: 500; }
h1, h2, h3, h4 { font-weight: 700; color: #FF9160; }

p   { font-size: 16px; }
h1  { font-size: 24px; }
h2  { font-size: 22px; }
h3  { font-size: 20px; }
h4  { font-size: 18px; }
body { background: #FFFFFF ! important; }

/* ********* SEARCH RESULTS ************************************************* */

.search-page h2 {
  margin: 1rem 1em 1em 1em;
}
.search-page h2.top-header {
  margin: 1rem 1em 1em 0em;
}

.pager-container {
  margin-top: 1rem;
}

.no-results h3 {
  margin-top: 1rem;
}

/* ********* LOGIN SEARCH MENU ********************************************** */

ul.login-search img {
  max-width: 7px ! important;
  border: 1px solid red;
}
ul.login-search a {
  padding-top: 0px ! important;
  margin-top: 0px ! important;
  padding-bottom: 0px ! important;
  margin-bottom: 5px ! important;
}

ul.login-search li:nth-child(1),
ul.login-search li:nth-child(2) {
}


ul.login-search li:nth-child(1) {
  background: url(images/login-icon-small.png) no-repeat 0 0;
  background-size: auto;
  /* background-size: 21px 20px; */
  padding-left: 15px;
}
ul.login-search li:nth-child(2) {
  background: url(images/search-icon-small.png) no-repeat 0 0;
  background-size: auto;
  /* background-size: 26px 20px; */
  padding-left: 17px;
}
ul.login-search li:nth-child(3) {
  background: url(images/testimonial-icon-small.png) no-repeat 0 0;
  background-size: auto;
  /* background-size: 26px 20px; */
  padding-left: 17px;
}


/* ********* BUTTONS ******************************************************** */

button a {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: 700;
}
.btn-primary a {
  color: #FFFFFF ! important;
}
.btn-primary {
  border: none ! important;
  background-color: #FF9160 ! important;
}
.btn-primary:hover {
  background-color: #FF9160 ! important;
}

/* SPACE BETWEEN HEADER AND HERO */

.node__content {
  margin-top: 0px ! important;
}

/* ********* HEADER ********************************************************* */
/*
#header .container { border: 3px solid black  ! important; }
#header .row       { border: 3px solid red    ! important; }
#header .col-sm-12 { border: 3px solid green; ! important; }
#header .main-menu-row{background-color: pink ! important; border: 3px solid red ! important; }
#header .main-menu-col{padding: 0 0 ! important;background-color:lightblue ! important; border:3px solid blue ! important; }
#header > nav#navbar-main .container { border: 1px solid black; }
#header > nav#navbar-main .row       { border: 1px solid red; }
#header > nav#navbar-main .col,
#header > nav#navbar-main .col-sm-12,
#header > nav#navbar-main .col-xs-12 { border: 1px solid yellow; }
*/
/* LET'S TRY AND MAKE THIS BAD BOY STICKY #header { position: fixed ! important; position: relative; top: 0; left: 0; width: 100%; z-index: 1; } div.highlighted { margin-top: 140px; } END OF LET'S TRY AND MAKE THIS BAD BOY STICKY */
/* the new main menu location beneath the header */
/* #main-menu-new { /* background-color: #009CDE ! important; border-top: 1px solid white; } */

/*
#header { padding-top: 0px; padding-bottom: 0px; }
#header nav.navbar { padding-top: 0px; padding-bottom: 0px; }
#header .login-box { padding-top: 10px; }
#navbar-main { background-repeat: repeat-y; background-position: left; }

@media (max-width: 3199px) and (min-width: 1500px)  { 
  #navbar-main { background-image: url(/sites/default/files/2023-06/header-background-1280_0.png); }
  #header { background-color: #009CDE ! important; } }

@media (max-width: 1499px) and (min-width: 995px) { 
  #navbar-main { background-image: url(/sites/default/files/2023-06/header-background-870.png); }
  #header { background-color: #009CDE ! important; } }
*/

/* THIS IS WHEN THE MENU SWITCHES TO HAMBURGER */
/*
@media (max-width: 994px) and (min-width: 850px) { 
  #navbar-main { background-image: url(/sites/default/files/2023-06/header-background-870.png); }
  #header { background-color: #009CDE ! important; }
  .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1.0%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
  button.navbar-toggler { border: 1px solid white; margin-bottom: 5px; }
}
*/

/* THIS IS WHEN THE MENUS SHIFT UNDER THE LOGO */
/*
@media (max-width: 849px) { 
  #navbar-main { background-color: #009CDE; }
  .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1.0%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
  button.navbar-toggler { border: 1px solid white; margin-bottom: 5px; } }
*/

/*
#header .column-one { background-color: #FFFFFF; padding-right: 70px; }
@media (max-width: 850px) { 
  #header .column-two { height: 0px ! important; }
  #header .column-two img { display: none ! important; }
  #block-loginsearch { }
  .login-box { } }
#header .column-two { padding-left: 0px; }
#header .column-two img { height: 140px; width: auto; }
#header .login-box { color: #FFFFFF; }
#header .login-box a { color: #FFFFFF; text-decoration: none; }
#header .login-box a:hover { color: #FFFFFF; text-decoration: underline; }
#header ul.navbar-nav li { padding-right: 20px; font-family: Montserrat; font-weight: 400; }
#header ul.navbar-nav li a { padding-bottom: 0px ! important; color: #FFFFFF; border-bottom: 6px solid #009CDE; padding-right: 0px ! important; padding-left: 0px ! important; }
#header ul.navbar-nav li a:hover { border-bottom: 6px solid #FF9160; }
#header ul.navbar-nav li a.active { border-bottom: 6px solid #FF9160; }
*/


/* ********* HEADER END ***************************************************** */





/* ********* NEWS ARTICLE *************************************************** */

.node--type-article { }
.node--type-article .container { }
.node--type-article .container .row { }
.node--type-article .container .row .col-xs-12 { }
.node--type-article .field--type-image img { }
.node--type-article .container .field--name-field-body { }
.node--type-article .container .field--name-field-media-image .field__item { }
.node--type-article .container .field--name-field-body .field__item { }
.node--type-article .container .article-image { }
.node--type-article .container .article-text { }
.node--type-article .container .field--name-field-media-image .field__item,
.node--type-article .container .field--name-field-body .field__item { }

body.node--type-article article {
  margin-bottom: 20px;
  margin-top: 30px;
}

.node--type-article .container .field--name-field-media-image img {
  margin-bottom: 0px; 
}

/* ********** NEWS ARTICLE TEASER ******************************************* */

article.node--view-mode-teaser { }
article.node--view-mode-teaser > div > .container > .row { }
article.node--view-mode-teaser > div > .container > .row > .col-sm-12 { } 

article.node--view-mode-teaser h2 {
  color: #009CDE;
  padding-top: 0;
}
article.node--view-mode-teaser .field--name-field-short-description {
  line-height: 1.3;
}

article.node--view-mode-teaser > div > .container {
  padding-top: 13px;
  border: 1px solid #EFEFEF;
  border-bottom: 22px solid #FF9160;
  /* box-shadow: h-offset v-offset blur spread color; */
  box-shadow: 0px 0px 7px 7px #EFEFEF; 
}

/* ********** PARAGRAPHS **************************************************** */



/* ********** PARAGRAPH THREE BOXES ***************************************** */

.paragraph--type--three-boxes img {
  width: 100%;
  height: auto;
}


.paragraph--type--three-boxes .container-fluid {
  background-color: #D4EDF8;
  padding-top:    40px;
  padding-bottom: 40px;
}

.paragraph--type--three-boxes a {
  text-decoration: none;
}
.paragraph--type--three-boxes .copy {
  color: #000000;
}

.paragraph--type--three-boxes h2 {
  color: #009CDE;
}

.paragraph--type--three-boxes .container {
}

.paragraph--type--three-boxes .field--type-image {
  margin: 0 0 ! important;
}

.paragraph--type--three-boxes .box-one,
.paragraph--type--three-boxes .box-two, 
.paragraph--type--three-boxes .box-three { 
  background-color: #FFFFFF;
  padding: 10px 10px;
  border-bottom: 22px solid #FF9160;
  box-shadow: 0px 0px 7px 7px rgba(0, 0, 0, 0.05)
}

@media (max-width: 853px) {
  .paragraph--type--three-boxes .box-one,
  .paragraph--type--three-boxes .box-two { 
    margin-bottom: 25px;
  }
  .paragraph--type--three-boxes .box-three { 
    margin-bottom: 0px;
  }
}




/* PARAGRAPH BLOCK CONTAINER */

/*
.paragraph--type--block-container .container { border: 2px solid black; }
.paragraph--type--block-container .container .row { border: 2px solid red; }
.paragraph--type--block-container .container .row .col { border: 2px solid blue; }
.paragraph--type--block-container .views-col article { border: 2px solid red; }
.paragraph--type--block-container .views-col { border: 2px solid black; }
*/

.paragraph--type--block-container {
  margin-top: 30px;
  margin-bottom: 40px;
}

.paragraph--type--block-container .views-col { 
}

.paragraph--type--block-container .views-col article { 
  padding-left:  20px;
  padding-right: 20px;
}


/* *************************** HEADER AND COPY ****************************** */

.paragraph--type--header-and-copy {
  background-color: #DAF4FF;
  padding-top: 15px;
  padding-bottom: 35px;
  margin-botom: 0px ! important;
  background-image: url(/sites/default/files/2023-04/slash-bar.png);
  background-position: bottom;
  background-repeat: no-repeat
}


/* PARAGRAPH WELCOME - COMMON CSS ******************************************* */

/* FOR VISIBILITY
.paragraph--type--welcome-left-wide .container,
.paragraph--type--welcome-centered-wide .container,
.paragraph--type--welcome .container { 
  border: 2px solid black; 
}
.paragraph--type--welcome-left-wide .row,
.paragraph--type--welcome-centered-wide .row,
.paragraph--type--welcome .row       { 
  border: 2px solid red; 
}
.paragraph--type--welcome-left-wide .col-sm-12,
.paragraph--type--welcome-centered-wide .col-sm-12,
.paragraph--type--welcome .col-sm-12 { 
  border: 2px solid blue; 
}
*/

.paragraph--type--welcome-left-wide,
.paragraph--type--welcome-centered-wide,
.paragraph--type--welcome {
  padding-top:    20px;
  padding-bottom: 20px;
  padding-top:    60px;
  padding-bottom: 20px;
}


/* PARAGRAPH WELCOME ORIGINAL (NARROW, LEFT JUSTIFIED) ********************** */

@media (min-width: 1065px)  {
  .paragraph--type--welcome .container-fluid .row .col .container { max-width: 600px; }
}
@media (max-width: 1064px) and (min-width: 750px) {
  .paragraph--type--welcome .container-fluid .row .col .container { max-width: 600px; }
}
@media (max-width: 749px) {
  .paragraph--type--welcome .container-fluid .row .col .container { max-width: 600px; }
}

/* list in there */
.paragraph--type--welcome ul {
  list-style-type: disc; 
  margin-top: 10px;
  margin-bottom: 10px;
}
/* text aligned rigth */
.paragraph--type--welcome .field--name-field-copy-one p:nth-child(3) {
  text-align: right ! important;
}


/* PARAGRAPH WELCOME CENTERED WIDE ******************************************* */

/* to center the text paragraphs */
.paragraph--type--welcome-centered-wide p {
  text-align: center;
}


/* PARAGRAPH WELCOME CENTERED AND LEFT WIDE ********************************* */

/* left and centered paragraphs go wide - 960 */
@media (min-width: 1065px)  {
  .paragraph--type--welcome-left-wide .container-fluid .row .col .container { max-width: 960px; }
  .paragraph--type--welcome-centered-wide .container-fluid .row .col .container { max-width: 960px; }
}
@media (max-width: 1064px) and (min-width: 750px) {
  .paragraph--type--welcome-left-wide .container-fluid .row .col .container { max-width: 960px; }
  .paragraph--type--welcome-centered-wide .container-fluid .row .col .container { max-width: 960px; }
}
@media (max-width: 749px) {
  .paragraph--type--welcome-left-wide .container-fluid .row .col .container { max-width: 960px; }
  .paragraph--type--welcome-centered-wide .container-fluid .row .col .container { max-width: 960px; }
}




/* ************************ PARAGRAPH ICON AND TEXT ************************** */

/*
.paragraph--type--icon-and-text .container-fluid               { border: 3px solid black; }
.paragraph--type--icon-and-text .container-fluid > .row        { border: 3px solid red; }
.paragraph--type--icon-and-text .container-fluid > .row > .col { border: 3px solid blue; }
.paragraph--type--icon-and-text .container                     { border: 1px solid black; }
.paragraph--type--icon-and-text .container > .row              { border: 1px solid red; }
.paragraph--type--icon-and-text .container > .row > .col-sm-12 { border: 1px solid blue; }
*/




.paragraph--type--icon-and-text .container-fluid {  
  margin-top: 30px;
  margin-bottom: 30px;
}

@media (min-width: 1065px)  { 
  .paragraph--type--icon-and-text img { 
    /* border: 3px solid green ! important; */
    max-width: 100px ! important; 
    height: auto ! important
  } 
  .paragraph--type--icon-and-text p { 
    padding-right: 20em ! important;
  }
}
@media (max-width: 1064px) and (min-width: 750px) { 
  .paragraph--type--icon-and-text img { 
    /* border: 3px solid red ! important; */
    max-width:  80px ! important; 
    height: auto ! important
  } 
}
@media (max-width: 749px) { 
  .paragraph--type--icon-and-text img { 
    /* border: 3px solid purple ! important; */
    max-width:  60px ! important; 
    height: auto ! important
  } 
}

/* ********************** PARAGRAPH HALF PAGE MEDIA ************************* */

.paragraph--type--half-page-media-and-copy {
  padding-top:    15px;
  padding-bottom: 15px;
  margin-top:     25px;
  margin-bottom:  25px;
}
.paragraph--type--half-page-media-and-copy img {
  height: auto;
  width: 100%;
}
.paragraph--type--half-page-media-and-copy h2 {
  padding-top: 40px;
}





/* **************************** DASHED IMAGE ******************************** */

/* ON THE NEWS PAGE (/news) */

/* article.node--type-article .container .row .col-xs-12 .field--name-field-media-image .field__label .field__item img { */
/* article.node--type-article .container .row { border: 3px solid green; } */
/* article.node--type-article .container .row .col-xs-12 { border: 3px solid purple; } */

/* THIS IS THE BOX THAT HUGS THE IMAGE AND WHERE THE SLASHED BACKGROUND SHOULD GO */
/* article.node--type-article .field--name-field-media-image { border: 3px solid orange ! important; } */

@media (min-width: 900px) { 
  .dashed-image .field--name-field-media-image {
    padding: 30px ! important;
    background-image: url("/themes/custom/portal_barrio/css/images/striped-background-16-9.png");
    background-repeat: no-repeat;
    background-size: cover;
  }
  .dashed-image img {
  }
}
@media (max-width: 899px) and (min-width: 200px) { 
  .dashed-image .field--name-field-media-image {
    background-image: none ! important;
  }
  .dashed-image img {
    margin-top: 30px ! important;
  }
  .dashed-image {
  }
}

/* @media (max-width: 1064px) and (min-width: 900px) { .dashed-image .field--name-field-media-image { padding: 30px; background-image: url("/themes/custom/portal_barrio/css/images/striped-background-16-9.png"); background-repeat: no-repeat; background-size: cover; } } @media (max-width: 899px) { .dashed-image { background-image: none ! important; } } */ 


/* ON THE ARTICLE NODES (node/14 */

body.node--type-article .dashed-image { }
body.node--type-article .dashed-image .field--name-field-media-image { }
body.node--type-article .dashed-image img { }

@media (min-width: 1000px) { 
  body.node--type-article .dashed-image .field--name-field-media-image {
    padding: 30px ! important;
    background-image: url("/themes/custom/portal_barrio/css/images/striped-background-16-9.png");
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media (max-width: 999px) and (min-width: 200px) { 
  body.node--type-article .dashed-image .field--name-field-media-image {
    background-image: none ! important;
    padding: 0 0 0 0 ! important;
  }
  .dashed-image img {
    margin-top: 0px ! important;
  }
}

/* ON THE RESOURCE AND TRAINING/ECOURSE PAGES */

@media (min-width: 1100px) { 
  body.node--type-training .dashed-image .field--name-field-training-image,
  body.node--type-resource .dashed-image .field--name-field-training-image {
    padding: 20px ! important;
    background-image: url("/themes/custom/portal_barrio/css/images/striped-background-16-9.png");
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media (max-width: 1099px) and (min-width: 200px) { 
  body.node--type-training .dashed-image .field--name-field-training-image,
  body.node--type-resource .dashed-image .field--name-field-training-image {
    background-image: none ! important;
    padding: 0 0 0 0 ! important;
  }
  .dashed-image img {
    margin-top: 0px ! important;
  }
}




/*
@media (min-width: 1100px) { 
  body.node--type-resource .dashed-image .field--name-field-training-image {
    padding: 20px ! important;
    background-image: url("/themes/custom/portal_barrio/css/images/striped-background-16-9.png");
    background-repeat: no-repeat;
    background-size: cover;
  }
  .dashed-image img {
  }
}
@media (max-width: 1099px) and (min-width: 200px) { 
  body.node--type-resource .dashed-image .field--name-field-training-image {
    background-image: none ! important;
    padding: 0 0 0 0 ! important;
  }
  .dashed-image img {
    margin-top: 0px ! important;
  }
}
*/












/* *************************** PARAGRAPH HERO IMAGE ************************** */


/* BS breakpoints <576, >= 576, >= 768, >=992, >=1200, >=1400 */

.paragraph--type--hero-image {
  margin-top: 0px ! important;
}




@media (min-width: 1065px) { 
  h1 { font-size: 48px; }
  .paragraph--type--hero-image .container-fluid .container { height: 500px; } 
  .paragraph--type--hero-image .jumbotron                  { height: 500px; } 
}

@media (max-width: 1064px) and (min-width: 750px) { 
  h1 { font-size: 38px; }
  .paragraph--type--hero-image .container-fluid .container { height: 400px; } 
  .paragraph--type--hero-image .jumbotron                  { height: 400px; } 
}

@media (max-width: 749px) { 
  .paragraph--type--hero-image .container-fluid .container { height: 300px; } 
  .paragraph--type--hero-image .jumbotron                  { height: 300px; } 
}





.jumbotron-image {
  background-position: center center;
  background-repeat: no-repeat;
  /* let's try cover > contain */
  background-size: contain;
}




.paragraph--type--hero-image {
  position: relative;
}
.paragraph--type--hero-image h1 {
  position: absolute;
  bottom: 20px;
}

.paragraph--type--hero-image h1 {
  padding: 5px;
  color: #FFFFFF;
  background-color: rgba(255, 145, 96, 0.8);
  bottom: 10px;
}

/*
.paragraph--type--hero-image .container-fluid, .paragraph--type--hero-image .container { border: 2px solid black; }
.paragraph--type--hero-image .row { border: 2px solid red; }
.paragraph--type--hero-image .col-sm-12 { border: 2px solid blue; }
*/


/* PARAGRAPH HERO INTERNAL ***************************************************** */


.paragraph--type--icon-and-text img {
  width: 100%;
  height: auto;
  max-width: 200px;
}

.paragraph--type--hero-internal {
  margin-top: 0px ! important;
}
.paragraph--type--hero-internal h1 {
  font-size: 42px ! important;
  padding: 5px;
  color: #FFFFFF;
  background-color: rgba(255, 145, 96, 0.8);
}
.jumbotron-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 1065px) { 
  .paragraph--type--hero-internal .jumbotron { height: 200px; } 
}
@media (max-width: 1064px) and (min-width: 750px) { 
  .paragraph--type--hero-internal .jumbotron { height: 180px; } 
}
@media (max-width: 749px) { 
  .paragraph--type--hero-internal .jumbotron { height: 160px; } 
}

/*
.paragraph--type--hero-internal .jumbotron               { border: 5px dashed green; }
.paragraph--type--hero-internal .jumbotron > .row        { border: 5px dashed red; }
.paragraph--type--hero-internal .jumbotron > .row > .col { border: 5px dashed pink; }
.paragraph--type--hero-internal .container               { border: 5px solid green; }
.paragraph--type--hero-internal .container > .row        { border: 3px solid red; }
.paragraph--type--hero-internal .container > .col-sm-12  { border: 3px solid pink; }
*/

/* PARAGRAPH PARTNERSHIPS *************************************************** */


.paragraph--type--partnerships {
  padding-top: 15px;
  padding-bottom: 55px;
  background-color: #DAF4FF;
  margin-botom: 0px ! important;
  background-image: url(/sites/default/files/2023-04/slash-bar.png);
  background-position: bottom;
  background-repeat: no-repeat
}

.paragraph--type--partnerships img {
  height: auto;
  width: 100%;
}

.paragraph--type--partnerships .header-row { 
  padding-top: 15px;
}
.paragraph--type--partnerships .logo-row { 
  padding-top: 15px;
  padding-bottom: 60px;
}

/* PARAGRAPH PARTNER ******************************************************** */

/*
.paragraph--type--partner .container-fluid { border: 2px solid black; }
.paragraph--type--partner .row             { border: 2px solid red; }
.paragraph--type--partner .col             { border: 2px solid blue; }
*/

.paragraph--type--partner .container-fluid { 
  margin: 3px 3px ! important;
}
.paragraph--type--partner .col { 
  padding: 0 0 ! important;
}




/* TRAINING/ECOURSE PAGE **************************************************** */

/*
article.node--type-training .container  { border: 2px solid black; }
article.node--type-training .row        { border: 2px solid red; }
article.node--type-training .col-sm-12  { border: 2px solid blue; }
*/

article.node--type-training .short-description {
  font-weight: 700 ! important;
}

article.node--type-training span.field-name {
  font-size: 22px;
  font-weight: 700;
  color: #FF9160;
}

article.node--type-training span.field-value {
  font-size: 1.071em;
}

article.node--type-training img {
  width: 100%;
  height: auto;
}

article.node--type-training .training-image {
}

.training-tags {
  /* border: 1px solid black; */
  margin-bottom: 30px;
}
.training-tags a {
  font-family: Montserrat;
  font-weight: 400 ! important;
  padding: 8px 14px;
  margin-right: 10px;
}

/* RESOURCE PAGE ************************************************************ */


article.node--type-resource h2 {
}
article.node--type-resource p {
  /* font-size: 14px; */
}

article.node--type-resource img {
  width: 100%;
  height: auto;
}

article.node--type-resource .resource-image {
}

.resource-tags {
  /* border: 1px solid black; */
  margin-bottom: 30px;
}
.resource-tags a {
  font-family: Montserrat;
  font-weight: 400 ! important;
  padding: 6px 12px;
  margin-right: 10px;
  text-decoration: none ! important;
}


p.long-title {
  color: #000000 ! important;
  line-height: 1.3;
}

p.resource-format {
  margin-top: 8px ! important;
  color: #000000 ! important;
  line-height: 1.3;
}

.field--name-field-resource-link a {
  color: #000000 ! important;
}







/* PAGE EDIT TABS *********************************************************** */

/* This makes the page tabs, like 'Edit' and 'Delete' look the way they do */

nav.tabs, nav.tabs ul, nav.tabs ul li, nav.tabs nav.link, nav.tabs a {
  border: none ! important;
}

nav.tabs {
  margin-bottom: 1px ! important;
}

nav.tabs a {
  color: #000000 ! important;
}

nav.tabs a:hover {
  background-color: lightgray ! important;
}

nav.tabs .nav-link {
  border-top-left-radius: 0 ! important;
  border-top-right-radius: 0 ! important;
}




footer.site-footer {
  margin-top: 0px;
  padding-top: 0 ! important;
  padding-bottom: 0 ! important;
}
footer.site-footer .block {
  margin-top: 0px ! important;
  margin-bottom: 0px ! important;
}
footer.upper-footer { 
  padding: 0px 0px 0px 0px ! important; /* OVERRIDING site-footer.css */
  background: #009CDE; 
}
footer.upper-footer p, 
footer.upper-footer a { 
  color: #FFFFFF;
  font-weight: 500;
}
.site-footer ul.navbar-nav {
  list-style: none;
  margin-top: 10px;
}
.site-footer ul.navbar-nav li {
  padding-left: 10px;
}
.site-footer ul.navbar-nav li.active a.is-active {
  border-bottom: 6px solid #FF9160 ! important;
  color: #FFFFFF ! important;
}
.site-footer ul.navbar-nav li a:hover {
  border-bottom: 6px solid #FF9160 ! important;
  color: #FFFFFF ! important;
}
.site-footer ul.navbar-nav li a {
  color: #FFFFFF;
  border-bottom: 6px solid #009CDE;
}
.site-footer ul.navbar-nav li a {
  display: inline;
  padding: 0 0px 0 0px;
  /* border-left: solid 2px white; */
}
.site-footer ul.navbar-nav li:first-child a {
  border-left: none;
}
/*
.site-footer ul.navbar-nav li {
}
.site-footer ul.navbar-nav li a {
  color: #FFFFFF;
  border-bottom: 6px solid #009CDE;
}
.site-footer ul.navbar-nav li a:hover {
  border-bottom: 6px solid #FF9160;
}
.site-footer ul.navbar-nav li a.active {
  border-bottom: 6px solid #FF9160;
  color: #FFFFFF ! important;
}
*/









div#block-blockthatholdsthesocialmediaicons {
  border: 1px solid black ! important;
}

.social-media-links--platforms {
  padding-left: 0px ! important;
}

@media (min-width: 576px) and (max-width: 767px) {
  #block-footercontactinformation p {
    margin-left: 12px ! important;
    /* color: yellow ! important; */
  }
  #block-socialmedialinks {
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #block-footercontactinformation p {
    margin-left: 12px ! important;
  }
  #block-socialmedialinks {
    margin-top: 40px ! important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #block-footercontactinformation p {
    margin-left: 100px ! important;
  }
  #block-socialmedialinks {
    margin-top: 140px ! important;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  #block-footercontactinformation p {
    margin-left: 120px ! important;
  }
  #block-socialmedialinks {
    margin-top: 140px ! important;
  }
}
@media (min-width: 1400px) {
  #block-footercontactinformation p {
    margin-left: 141px ! important;
  }
  #block-socialmedialinks {
    margin-top: 140px ! important;
  }
}







/*
x-small     none <576px
small          sm 576px
medium         md 768px
large          lg 992px
extra large    xl 1200px
extra extralg xxl 1400px
*/














/*
footer.upper-footer .container { border: 1px solid black; }
footer.upper-footer .container .row { border: 1px solid red; }
footer.upper-footer .container .row section { border: 1px solid yellow; }
*/

footer.upper-footer .block { 
  border: none ! important; 
  padding-top: 0px ! important;
  padding-bottom: 0px ! important;
}



#block-footer ul {
  display: flex;
  flex-direction: row;
}
#block-footer li {
  display: block;
  position: relative;
  padding-right: 15px;
}


footer.lower-footer { 
  background: #00BDFF; 
}
footer.lower-footer #block-footercopyrightinformation { 
  margin: 0px 0px 0px 0px ! important;
}
footer.lower-footer p { 
  margin-bottom: 15px ! important;
  margin-top: 15px ! important;
  color: #FFFFFF;
  font-weight: 500;
}





/* MAINTENANCE */

body.maintenance-page { 
}
body.maintenance-page * { 

}
body.maintenance-page #main-wrapper,
body.maintenance-page #header { 
}

body.maintenance-page #page {
  margin: 20px 20px ! important;
}
body.maintenance-page h1 {
  font-style: italic ! important;
}

body.maintenance-page #header { 
  background-color: white ! important;
}



body.maintenance-page #page-wrapper { 
  border: 1px solid #bcbcbc ! important;
}


body.maintenance-page #site-name { 
}
body.maintenance-page #site-slogan { 
}



/* STICKY */

.node--view-mode-teaser.node--sticky {
  background: none;
  border: none;
  padding: 0px 0px;
}

.node--view-mode-teaser {
  border-bottom: none;
  margin-bottom: 30px;
  padding-bottom: 15px;
}



/* ********************************** VIEWS ********************************* */

/*
div#block-views-block-trainings-by-term-block-1 { border: 5px solid black; }
                        .view-trainings-by-term { border: 5px solid red; }
                                  .view-filters { border: 3px solid orange;
                                           form { border: 3px solid purple;
                                 .view-content { border: 5px solid green; }
div#block-views-block-trainings-by-term-block-1 .col, 
div#block-views-block-trainings-by-term-block-1 .col-sm-12 { border: 1px solid black; }
*/

/* Let's try to make the cards the same height */
.view-trainings-by-term article.node--type-training .node__content .container {
  min-height: 320px ! important;
}
.view-resources-by-term article.node--type-resource .node__content .container {
  min-height: 310px ! important;
}




.view-id-news .views-row {
  margin-top: 2em;
}

.view-resources-by-term a,
.view-trainings-by-term a {
  text-decoration: none ! important; 
}

div#block-views-block-trainings-by-term-block-1 .field--type-entity-reference,
div#block-views-block-resources-by-term-block-1 .field--type-entity-reference {
  margin-bottom: 0 ! important;
}

div#block-views-block-trainings-by-term-block-1 .orange-button {
  border: 2px solid #FF9160;
  background-color: #FF9160;
  color: #FFFFFF;
  padding: 4px 6px;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 8px;
}

/* this correct the right margin set in field.css line 33 */
.node .field--type-image {
  margin: 0 0 0 0 ! important;
}

div#block-views-block-trainings-by-term-block-1 article p,
div#block-views-block-trainings-by-term-block-1 article .row,
div#block-views-block-trainings-by-term-block-1 article .col-sm-12,
div#block-views-block-resources-by-term-block-1 article p,
div#block-views-block-resources-by-term-block-1 article .row,
div#block-views-block-resources-by-term-block-1 article .col-sm-12 { 
  padding-bottom: 0px ! important;
  margin-bottom: 0px ! important;
  /*
  padding-top: 0px ! important;
  margin-top: 0px ! important;
  */
}

div#block-views-block-trainings-by-term-block-1 article h2,
div#block-views-block-resources-by-term-block-1 article h2 { 
  font-size: 16px;
  padding-bottom: 10px;
}

div#block-views-block-trainings-by-term-block-1 article p.ecourse-level, 
div#block-views-block-trainings-by-term-block-1 article p.length,
div#block-views-block-trainings-by-term-block-1 article p.credential { 
  color: #000000;
}


div#block-views-block-trainings-by-term-block-1 article p.ecourse-level { 
  padding-top: 2px ! important;
  padding-bottom: 4px ! important;
  margin-top: 0px ! important;
}
div#block-views-block-trainings-by-term-block-1 article p,
div#block-views-block-resources-by-term-block-1 article p { 
  font-size: 12px;
}

div#block-views-block-resources-by-term-block-1 .js-form-item,
div#block-views-block-trainings-by-term-block-1 .js-form-item { 
  margin-right: 1rem; 
}

div#block-views-block-resources-by-term-block-1 .form-actions,
div#block-views-block-trainings-by-term-block-1 .form-actions { 
  /* padding-left: 1rem; border: 1px solid red; */
}

div#block-views-block-trainings-by-term-block-1 form,
div#block-views-block-resources-by-term-block-1 form { 
  padding-bottom: 10px;
}

@media (min-width: 276px) and (max-width: 767px) {
  .view-id-news .views-row {
    .field--name-title: margin-top: 5px;
  } 
}
@media (min-width: 768px) and (max-width: 991px) {
  .view-id-news .views-row {
    .field--name-title: margin-top: 5px;
  } 
}
@media (min-width: 992px) and (max-width: 1199px) { }
@media (min-width: 1200px) and (max-width: 1399px) { }
@media (min-width: 1400px) { }





/*
form#views-exposed-form-trainings-by-term-block-1 div.d-flex { 
  margin: 0 auto ! important;
}
@media (min-width: 276px) and (max-width: 767px) {
  form#views-exposed-form-trainings-by-term-block-1 div.d-flex { width: 80%; }
}
@media (min-width: 768px) and (max-width: 991px) {
  form#views-exposed-form-trainings-by-term-block-1 div.d-flex { width: 60%; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  form#views-exposed-form-trainings-by-term-block-1 div.d-flex { width: 45%; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  form#views-exposed-form-trainings-by-term-block-1 div.d-flex { width: 35%; }
}
@media (min-width: 1400px) {
  form#views-exposed-form-trainings-by-term-block-1 div.d-flex { width: 30%; }
}
*/

form#views-exposed-form-trainings-by-term-block-1 .form-type-select { }
form#views-exposed-form-trainings-by-term-block-1 .form-type-select select { }
form#views-exposed-form-trainings-by-term-block-1 .form-actions { }
form#views-exposed-form-trainings-by-term-block-1 .form-type-select,
form#views-exposed-form-trainings-by-term-block-1 .form-actions { }

form#views-exposed-form-trainings-by-term-block-1 .form-actions button,
form#views-exposed-form-resources-by-term-block-1 .form-actions button { 
  background-color: #009CDE;
  color: #FFFFFF;
}

#block-views-block-trainings-by-term-block-1 .view-content,
#block-views-block-resources-by-term-block-1 .view-content {
  padding-top: 20px;
}



/* ********************************** NEW FOOTER **************************** */

/* FOOTER */
footer.new-footer {
}
footer.new-footer .colone a { 
  font-weight: 700;
  color: #FFFFFF;
  text-decoration: none;
}
footer.new-footer .colone a:hover { 
  text-decoration: none;
  color: #F69062;
}
footer.new-footer .colone {
  margin-bottom: 8px;
}
footer.new-footer .coltwo a.facebook,
footer.new-footer .coltwo a.linkedin,
footer.new-footer .coltwo a.instagram,
footer.new-footer .coltwo a.youtube {
  height: 40px; 
  width:  40px; 
  margin-left: 5px;
  margin-right: 5px;
}
footer.new-footer .coltwo a.facebook:hover,
footer.new-footer .coltwo a.linkedin:hover,
footer.new-footer .coltwo a.instagram:hover,
footer.new-footer .coltwo a.youtube:hover {
}
footer.new-footer .coltwo a.facebook  { background-image: url("/themes/custom/portal_barrio/css/images/facebook_white.png"); }
footer.new-footer .coltwo a.linkedin  { background-image: url("/themes/custom/portal_barrio/css/images/linkedin_white.png"); }
footer.new-footer .coltwo a.instagram { background-image: url("/themes/custom/portal_barrio/css/images/instagram_white.png"); }
footer.new-footer .coltwo a.youtube   { background-image: url("/themes/custom/portal_barrio/css/images/youtube_white.png"); }
footer.new-footer .coltwo a.facebook:hover  { background-image: url("/themes/custom/portal_barrio/css/images/facebook_coral.png"); }
footer.new-footer .coltwo a.linkedin:hover  { background-image: url("/themes/custom/portal_barrio/css/images/linkedin_coral.png"); }
footer.new-footer .coltwo a.instagram:hover { background-image: url("/themes/custom/portal_barrio/css/images/instagram_coral.png"); }
footer.new-footer .coltwo a.youtube:hover   { background-image: url("/themes/custom/portal_barrio/css/images/youtube_coral.png"); }

/*
.facebook
.linkedin
.instagram
.youtube
*/

nav#block-portal-barrio-footer {
  margin-top: 5px ! important;
  margin-bottom: 5px ! important;
}

footer.new-footer { 
  padding-top:    10px;
  padding-bottom: 10px;
  background: #1E407C;
  color: #FFFFFF;
  font-family: Montserrat;
}
footer.new-footer a { color: #FFFFFF; text-decoration: none; }
footer.new-footer a:hover { text-decoration: underline; }
footer.new-footer .container .row div { 
  padding-left: 0px;
  padding-right: 0px;
  border: 1px solid white;
}

footer.new-footer .colone {
  font-size: 12px;
}

footer.new-footer .coltwo {
  font-size: 14px;
}
footer.new-footer .colthree {
  padding-top: 20px;
  padding-bottom: 10px;
  font-size: 12px;
}
footer.new-footer p { 
  margin-bottom: 15px ! important;
  margin-top: 15px ! important;
  color: #FFFFFF;
  font-weight: 500;
}

.site-footer .block {
  border: none ! important;
  padding-top: 0px;
  padding-bottom: 0px;
}





/* ********************************** NEW HEADER **************************** */

/*
#header { border: 1px solid black; background-color: pink; }
#header > nav { border: 1px solid red; }
#header > nav > .container { border: 1px solid green; }
#header > nav > .container > .row { border: 1px solid yellow; }
*/

/*
ul#superfish-new-main a.sf-depth-1 { border-bottom: none; }
ul#superfish-new-main a.sf-depth-1:hover { border-bottom: none; }
*/


/* Let's tighten up the space in the header so it's as 'short' as possible */
#header > nav > .container > .row { 
  padding-top: 0px;
  padding-bottom: 0px;
}
#header > nav { 
  padding-top: 0px;
  padding-bottom: 0px;
}
#header > nav > .container { 
  margin-top: 0px;
  margin-bottom: 0px;
}

/* to override superfish.css */
ul.sf-menu a,
ul.sf-menu span.nolink {
  /* from superfish.css */
  display: block;
  padding: 1em 1.5em;
  position: relative;
  /* new stuff */
  padding: 1em 1.7em 1em 1.6em ! important;
  font-weight: 500 ! important;
}

ul#superfish-new-main a {
}

ul#superfish-new-main li.sf-depth-1 { }
ul#superfish-new-main a.sf-depth-1 { }
ul#superfish-new-main .nolink { }
ul#superfish-new-main .nolink .sf-sub-indicator { }


ul#superfish-new-main a {
  color: #000000;
}
ul#superfish-new-main a:hover {
  color: #000000 ! important;
}

ul#superfish-new-main a.sf-depth-1 {
  border-bottom: 6px solid #FFFFFF;
}
ul#superfish-new-main a.sf-depth-1:hover {
  border-bottom: 6px solid #FF9160;
}


/* To drop the secondary menu below the orange hover border of primary menu */
ul.sf-menu ul {
  margin-top: 20px ! important;
}

/* To get the blue colors on the secondary menus */
ul.sf-menu ul a {
  background-color: #84C5F8;
}
ul.sf-menu ul a:hover {
  background-color: #AFD9FA;
}

/* sub menu hover color: #AFD9FA */
/* sub menu color: #84C5F8 */

#header {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

#header .container {
}
#header .container .row {
  width: 100% ! important;
  margin-left: 0 ! important;
  margin-right: 0 ! important;
}

/*
#header .header-col-one {
  border: 3px solid red;
}
#header .header-col-two {
  border: 3px solid green;
}
section.region-header-form {
  border: 1px dashed black;
}
*/

#header .header-col-two a { 
  font-weight: 700;
  color: #000000;
  text-decoration: none;
}
#header .header-col-two a:hover { 
  text-decoration: none;
  color: #F69062;
}

#header img.plp-logo {
  width: 100%;
  height: auto;
  float: left;
}


@media (max-width: 3199px) and (min-width: 1320px)  { 
  #header img.plp-logo { 
    width: 250px;
    height: auto;
  }
  #header .container .row {
    /* width: 1320px ! important; */
  }
  #header .col-md-3,
  #header .col-md-4 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

@media (max-width: 1319px) and (min-width: 995px) { 
  #header img.plp-logo { 
    width: 250px;
    height: auto;
  }
  #header .container .row {
    /* width: 1140px ! important; */
  }
  #header .col-md-3,
  #header .col-md-4 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}