/**
 * @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');

/* COLORS colors
 * light blue: #84C5f8
 * coral: #F69062;
 * dark blue: #1E407C;
 * prevey yellow: #FFEFA6;
 * plp mustard: #ECB442;
 * prevey light periwinkle: #8594C2;
 * prevey dark periwinkle: #596EAB;
 * light coreal: #F6C79A;
 * white: #FFFFFF;
 * light gray: #E6E7E8;
 * light gray: #D1D3D4;
 * dark gray: #444444;
 * black: #1D1D1B;
 * charcoal:  #2E2D2D new color for fall 2025
 * blue/gray: #596EAB new color for fall 2025
 *
 */

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

/* ORANGE #FF9160 */

/* FONTS */

p, a, h1, h2, h3, h4, li, select, option, button, label, option, form { 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 ********************************************************* */

a.search-help-link {
  display: none;
}

.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) {
  background: url(images/login-icon-small.png) no-repeat 0 0; background-size: auto; padding-left: 15px; }
ul.login-search li:nth-child(2) {
  background: url(images/search-icon-small.png) no-repeat 0 0; background-size: auto; padding-left: 17px; }
ul.login-search li:nth-child(3) {
  background: url(images/testimonial-icon-small.png) no-repeat 0 0; background-size: auto;
  padding-left: 17px; }
/* ********* END LOGIN SEARCH MENU ****************************************** */



/* ********* 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 {
  border: 1px solid red;
  position: fixed ! important;
  top: 0;
  left: 0;
  width: 100%;
  position: relative;
  z-index: 1;
}
#main-wrapper {
  margin-top: 10px;
  border: 1px solid green;
*/
}

/* END OF LET'S TRY AND MAKE THIS BAD BOY STICKY */

#header {
  padding-top: 0px;
  padding-bottom: 0px;
  /* background-color: #009CDE ! important; blue header color */
}

/*
#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; }
}
*/

/* This will all have to be media queried */
/*
#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 ******************************************* */

.view-news {
}
.view-archived-events article,
           .view-news article {
  /* border-top: 3px solid green; border-left: 3px solid green; border-right: 3px solid green; */
  border-bottom: dotted 1px black;
  margin-top: 20px ! important;
  margin-bottom: 0 ! important;
  padding-bottom: 0 ! important;
}
.view-archived-events .views-row,
           .view-news .views-row { 
  margin-top: 0 ! important;
  padding-bottom: 0 ! important;
  padding-top: 0 ! important;
}

.view-archived-events article h2,
           .view-news article h2 {
  margin-bottom: 0px;
  padding-top: 0px ! important;
  color: #009CDE;
  color: #444444;
}
.view-archived-events article .subtitle p,
           .view-news article .subtitle p {
  font-size: 14px ! important;
  font-weight: bold ! important;
}

.view-archived-events article .date-box,
           .view-news article .date-box {
  font-family: Montserrat ! important;
  /* background-color: #009CDE; */
  background-color: #1E407C;
  padding: 5px 5px;
  color: white;
  font-weight: 700;
  font-size: 15px;
  margin-top: 15px;
  margin: 0px 0px ! important;
}
.view-archived-events article .field--name-field-event-date,
           .view-news article .field--name-field-event-date {
}

.view-archived-events article .article-teaser-container,
           .view-news article .article-teaser-container {
  padding-top: 0px;
  padding-bottom: 20px;
  /* box-shadow: h-offset v-offset blur spread color; */
  /* box-shadow: 0px 0px 7px 7px #EFEFEF;  MOST RECENT ONE */
}
.view-archived-events article .article-teaser-container img,
           .view-news article .article-teaser-container img {
  max-width: 300px;
  height: auto;
}

.view-archived-events article .article-teaser-container .row,
           .view-news article .article-teaser-container .row {
}
.view-archived-events article .article-teaser-container .row > div,
.view-news article .article-teaser-container .row > div {
}

.view-archived-events article .inner-container .row,
.view-news article .inner-container .row {
  /* border: 1px solid green; */
}
.view-archived-events article .inner-container .col-auto, .view-archived-events article .inner-container .col,
.view-news article .inner-container .col-auto, .view-news article .inner-container .col {
  /* border: 1px solid red; */
}

.view-archived-events article .article-links,
.view-news article .article-links {
  margin-top: 1em;
}

.view-archived-events article a.btn-blue,
.view-news article a.btn-blue {
  /* background-color: #009CDE; */
  background-color: #84C5f8;
  color: black;
  margin-right: 20px;
  font-weight: 700;
  padding-left: 40px ! important;
  padding-right: 40px ! important;
  border-radius: 20px ! important;
}

.view-archived-events article a.btn-blue:hover,
.view-news article a.btn-blue:hover {
  background-color: #1E407C;
  border-color: #1E407C;
  color: white;
}





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


/* ********** SUGGESTIONS LINK BOX ****************************************** */


.paragraph--type--suggestions-link-box .container-fluid {
  padding-top: 60px;
  padding-bottom: 70px;
  background-color: #84C5F8;
}

.paragraph--type--suggestions-link-box a.btn {
  font-weight: 700;
  padding: 7px 60px;
  background-color: #1E407C ! important;
  color: #FFFFFF;
  border: 1px solid #1E407C;
}

.paragraph--type--suggestions-link-box a.btn:hover {
  background-color: #FFFFFF ! important;
  color: #000000;
  border: 1px solid #000000;
}

.paragraph--type--suggestions-link-box h2 {
  font-weight: 700;
  color: #FFFFFF;
}

.paragraph--type--suggestions-link-box p {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 20px;
  max-width: 600px;
}


/* ********** ACCORDION BOX ************************************************* */

.paragraph--type--accordion-box .container { }
  .paragraph--type--accordion-box .container .accordion { }
    .paragraph--type--accordion-box .container .accordion .accordion-item { }
      .paragraph--type--accordion-box .container .accordion .accordion-item .accordion-header { }
        .paragraph--type--accordion-box .container .accordion .accordion-item .accordion-header h2 { }
        .paragraph--type--accordion-box .container .accordion .accordion-item .accordion-header .accordion-collapse { }

.paragraph--type--accordion-box .accordion-button:focus {
  box-shadow: none;
  border-color: rgba(0,0,0,.125);
  /* border: 3px solid black ! important; this is inside the light blue */
}
.paragraph--type--accordion-box .accordion-button,
.paragraph--type--accordion-box .accordion-collapse {
  border-radius: 5px ! important;
}
.paragraph--type--accordion-box .accordion-button::after,
.paragraph--type--accordion-box .accordion-button.collapsed::after {
  /* background-color: red ! important; */
  color: white ! important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.paragraph--type--accordion-box .container .accordion .accordion-item h2 button {
  font-weight: bold;
  color: white ! important;
  /* background-color: #1E407C ! important; */
  background-color: #596EAB ! important; /* new color fall 2025 */
  margin: 10px auto;
}
.paragraph--type--accordion-box .field--name-field-header-two {
  color: black ! important;
}
.paragraph--type--accordion-box .container .accordion-item { 
  border: none ! important;
}
.paragraph--type--accordion-box .container .accordion-header button {
  height: 40px ! important;
}
.paragraph--type--accordion-box .container {
  max-width: 800px;
  margin: 30 auto;
  padding-top: 0px;
  padding-bottom: 0px;
}
.paragraph--type--accordion-box .accordion-body {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 2px solid orange;
  border-radius: 10px; 
  padding: 10px 25px 20px 25px;
}
.paragraph--type--accordion-box .accordion-body button {
  border-radius: 20px; 
  background-color: #1E407C! important;
}

/* ********** TOOL ********************************************************** */

.paragraph--type--tool .container-fluid {
  background-color: #F2F2F2;
}

.paragraph--type--tool .field--type-image img {
  margin: 0px 0px 0px 0px;
}
.paragraph--type--tool .image-column {
  padding: 0 40px 0 0;
  border-right: black 1px solid;
}

.paragraph--type--tool .text-column {
  padding-top: 15px;
  padding-left: 40px;
}

.paragraph--type--tool .container {
  padding: 20px 20px;
}

.paragraph--type--tool .container a.btn {
  border: 1px solid  #84C5F8;
  background-color: #84C5F8;
  margin-left:  0em;
  font-weight: 700;
}

.paragraph--type--tool .container a.btn:hover {
  background-color: #1E407C;
  border: 1px solid   #1E407C;
  color: #FFFFFF;
}

/* ********** BLUE TEXT BOX ************************************************* */

.paragraph--type--blue-text-box {
}
.paragraph--type--blue-text-box .container-fluid {
  background-color: #596eab; /* new color fall 2025 */
  /* background-color: #1E407C; */
}
.paragraph--type--blue-text-box .container .row .col {
  /* chagned 700 to 12px on 2024-11-02 */
  max-width: 1200px;
}
.paragraph--type--blue-text-box .container h2,
.paragraph--type--blue-text-box .container p {
  color: white;
}
.paragraph--type--blue-text-box .container h2 {
  /* changed 70 to 40px on 2024-11-02 */
  padding-top: 40px;
  font-size: 22px;
}
.paragraph--type--blue-text-box .container p {
  /* changed 70 to 40px on 2024-11-02 */
  padding-bottom: 30px;
}


/* ********** DEFINITION **************************************************** */

body.page-node-1 .paragraph--type--definition {
  padding-top:    0px;
  padding-bottom: 0px;
}
body.page-node-1 .paragraph--type--definition h2 { padding-top:    40px; }
body.page-node-1 .paragraph--type--definition p  { padding-bottom: 35px; }

.paragraph--type--definition {
  background-color: #1E407C;
}
.paragraph--type--definition h2 {
  padding-top: 60px;
  color: white;
}
.paragraph--type--definition p {
  padding-bottom: 60px;
  color: white;
}
@media (min-width: 1065px)  {
  .paragraph--type--definition p {
    width: 100%;
  }
}
@media (max-width: 1064px) {
  .paragraph--type--definition p {
    width: 90%;
  }
}


/* ********** LIGHT BLUE TEXT BLOCK ***************************************** */

.paragraph--type--light-blue-text-block {
}
.paragraph--type--light-blue-text-block .container-fluid {
  background-color: #84C5F8;
}
.paragraph--type--light-blue-text-block .container .row .col {
  max-width: 1200px;
}
.paragraph--type--light-blue-text-block .container h2,
.paragraph--type--light-blue-text-block .container .copy_one,
.paragraph--type--light-blue-text-block .container .copy_two {
  color: #1D1D1B;
}


.paragraph--type--light-blue-text-block .container h2 {
  /* padding-top: 30px; */
  padding-top: 20px;
  font-size: 22px;
}
.paragraph--type--light-blue-text-block .container .copy_one {
  padding-bottom: 10px;
}

.paragraph--type--light-blue-text-block .disclaimer {
  color: blue;
  font-size: 12px ! important;
  /* margin: 0 0 17px 0; */
  margin: 0 0 7px 0;
  padding-top: 0px;
  border-top: 1px solid black;
}
















/* ********** PARTNER ROW *************************************************** */

.paragraph--type--partner-row a.btn-primary,
.paragraph--type--partner-row a.btn {
  background-color: #84C5f8 ! important; /* light blue */
  padding: 7px 60px;
  border-radius: 20px; 
  font-weight: 700;
  color: black;
}

.paragraph--type--partner-row a.btn:hover,
.paragraph--type--partner-row a.btn-primary:hover {
  background-color: #1E407C ! important; /* dark blue */
  color: white;
}

.paragraph--type--partner-row a.btn-primary:focus {
  box-shadow: none;
  border-color: rgba(0,0,0,.125);
}

.paragraph--type--partner-row .gray-background {
  background-color: #F2F2F2;
}

.paragraph--type--partner-row .container > .row > .col {
  padding-top: 40px;
  padding-bottom: 40px;
}

/*
.paragraph--type--partner-row btn-primary {
  background-color: #84C5f8 ! important;
  color: #000000 ! important;
  padding-left: 20px;
  padding-right: 20px;
}
.paragraph--type--partner-row .btn-primary:hover {
  backgrond-color: #1E407C ! important;
  color: #FFFFFF ! important;
  padding-left: 20px;
  padding-right: 20px;
}
*/


/* 
-- mjg 2025-04-13 --
The partner row img, as seen below is set to a height of 75px so they
are all the same height, therefore the 'Visit' button below is at the
same place relative to the other buttons in the the same row. That is 
squishing the images for Bennet and the CSU center, at least. Maybe
I can set it to max-height of 75px? That results in the same problem
of button placement. What if we work on the containing rows for each box.
That's .partner-box .row:nth-child(1) and .row:nth-child(2)

*/

.paragraph--type--partner-row img {
  /* max-height: 75px; */
  width: auto;
}

/*
.partner-box .row:nth-child(1) {
  border: 3px solid blue;
  max-height: 200px ! important;
}
.partner-box .row:nth-child(2) {
  border: 3px solid green;
  max-height: 150px ! important;
}
*/












/* ********** PARTNERS INTRODUCTION ***************************************** */

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

.paragraph--type--partners-introduction {
  background-color: #1E407C;
}
.paragraph--type--partners-introduction .text-container {
  padding-top:    80px;
  padding-bottom: 70px;
}

.paragraph--type--partners-introduction .text-container .row .col {
  max-width: 1200px;
}

.paragraph--type--partners-introduction p,
.paragraph--type--partners-introduction h1 {
  color: white;
}
.paragraph--type--partners-introduction p {
}
.paragraph--type--partners-introduction h1 {
  padding-bottom: 20px;
  font-size: 22px;
}

@media (min-width: 768px)  {
  .paragraph--type--partners-introduction .jumbotron {
    height: 259px;
  }
}
@media (max-width: 767px) {
  .paragraph--type--partners-introduction .jumbotron {
    height: 150px;
  }
}




/* ********** BRIDGING THE GAP ********************************************** */

.paragraph--type--bridging-the-gap {
}
.paragraph--type--bridging-the-gap .col-button {
}
.paragraph--type--bridging-the-gap button {
  margin-top: 300px;
  margin-left: 100px;
}

/* use code below to position code */


@media (min-width: 1065px)  {
  .paragraph--type--bridging-the-gap {
    height: 896px;
  }
}
@media (max-width: 1064px) {
}


.paragraph--type--bridging-the-gap .col-middle {
}

.paragraph--type--bridging-the-gap .col-bridging img {
  border: 1px solid black;
}



/* ********** CONTENT PARAGRAPH ********************************************* */

.paragraph--type--content {
  padding-top: 30px;
  padding-bottom: 20px;
}



/* ****** PARAGRAPH HALF PAGE IMAGE LEFT AND RIGHT ************************** */


.paragraph--type--half-page-image-right h2,
.paragraph--type--half-page-image-right p {
  text-align: right;
}
.paragraph--type--half-page-image-right .container .row {
  text-align: right;
}
.paragraph--type--half-page-image-right .container .copy {
  text-align: right;
}
.paragraph--type--half-page-image-left .left-image,
.paragraph--type--half-page-image-right .right-image {
  /* min-height: 300px; */
  min-height: 500px;
  background-position: top center;
  background-size: cover;
}
.paragraph--type--half-page-image-left .container-fluid,
.paragraph--type--half-page-image-right .container-fluid {
  /* min-height: 300px; */
  min-height: 500px;
  background-size: cover;
}
@media (max-width: 992px) {
  .paragraph--type--half-page-image-right .container-fluid .row  { flex-flow: column-reverse; }
  .paragraph--type--half-page-image-left .right-image,
  .paragraph--type--half-page-image-right .left-image,
  .paragraph--type--half-page-image-left .left-image,
  .paragraph--type--half-page-image-right .right-image {
  /* min-height: 300px; */
    min-height: 500px;
    background-size: cover;
  }
}



.paragraph--type--half-page-image-left {
}
.colleft {
  background-color: #84C5F8;
}

.paragraph--type--half-page-image-left h2, 
.paragraph--type--half-page-image-right h2 {
  margin-top: 20px;
  color: #000000 ! important;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3em;
  margin-bottom: 14px;
}

.paragraph--type--half-page-image-left p,
.paragraph--type--half-page-image-right p {
  color: #000000;
  font-size: 20px;
  line-height: 1.5em;
  font-weight: 500;
}







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


.paragraph--type--three-boxes-v2 {
}
.paragraph--type--three-boxes-v2 .jumbotron {
}

.paragraph--type--three-boxes-v2 a {
  text-decoration: none;
}
.paragraph--type--three-boxes-v2 h2,
.paragraph--type--three-boxes-v2 p {
  color: white;
}
.paragraph--type--three-boxes-v2 h2 {
  padding-bottom: 20px;
  text-align: center;
}
.paragraph--type--three-boxes-v2 p {
  text-align: left;
}

.paragraph--type--three-boxes-v2 .box-one,
.paragraph--type--three-boxes-v2 .box-two,
.paragraph--type--three-boxes-v2 .box-three {
  margin-top: 27px ! important;
  margin-bottom: 22px ! important;
}

.paragraph--type--three-boxes-v2 .box-one:hover,
.paragraph--type--three-boxes-v2 .box-two:hover,
.paragraph--type--three-boxes-v2 .box-three:hover {
  margin-top: 20px ! important;
  margin-bottom: 29px ! important;
}

.paragraph--type--three-boxes-v2 .box-one .link,
.paragraph--type--three-boxes-v2 .box-two .link,
.paragraph--type--three-boxes-v2 .box-three .link {
  width: 30px;
  height: 30px;
  background-image: url("/themes/custom/portal_barrio/images/arrow-circle-right-o.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.paragraph--type--three-boxes-v2 .box-one:hover .link,
.paragraph--type--three-boxes-v2 .box-two:hover .link,
.paragraph--type--three-boxes-v2 .box-three:hover .link {
  background-image: url("/themes/custom/portal_barrio/images/arrow-circle-right.png");
}


.paragraph--type--three-boxes-v2 .container .col-xs-12:nth-child(1) { }
.paragraph--type--three-boxes-v2 .container .col-xs-12:nth-child(2) { }
.paragraph--type--three-boxes-v2 .container .col-xs-12:nth-child(3) { }




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

.paragraph--type--three-boxes-v3 .jumbotron {
  /* 2024-11-20 */
  padding-top: 30px;
  padding-bottom: 30px;
  /* border: 3px solid green; */
  background-color: #84C5f8;
}
.paragraph--type--three-boxes-v3 .col-xs-12 {
  margin: 0px 0px 0px 0px;
  /* border: 1px solid red; */
}
.paragraph--type--three-boxes-v3 a {
  text-decoration: none;
}
.paragraph--type--three-boxes-v3 h2,
.paragraph--type--three-boxes-v3 p {
  color: white;
}
.paragraph--type--three-boxes-v3 h2 {
  padding-bottom: 20px;
  text-align: center;
}
.paragraph--type--three-boxes-v3 p {
  text-align: left;
}
.paragraph--type--three-boxes-v3 .box-one,
.paragraph--type--three-boxes-v3 .box-two,
.paragraph--type--three-boxes-v3 .box-three {
  padding:  20px 20px 20px 20px;
  margin-top:    27px ! important;
  margin-bottom: 22px ! important;
  /* border: 1px solid green; */
}
.paragraph--type--three-boxes-v3 .box-one p,
.paragraph--type--three-boxes-v3 .box-two p,
.paragraph--type--three-boxes-v3 .box-three p {
  padding-top: 20px;
  padding-bottom: 50px;
}
.paragraph--type--three-boxes-v3 .box-one:hover,
.paragraph--type--three-boxes-v3 .box-two:hover,
.paragraph--type--three-boxes-v3 .box-three:hover {
  margin-top:    20px ! important;
  margin-bottom: 29px ! important;
}
.paragraph--type--three-boxes-v3 .box-one .link,
.paragraph--type--three-boxes-v3 .box-two .link,
.paragraph--type--three-boxes-v3 .box-three .link {
  width: 30px;
  height: 30px;
  background-image: url("/themes/custom/portal_barrio/images/arrow-circle-right-o.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.paragraph--type--three-boxes-v3 .box-one:hover .link,
.paragraph--type--three-boxes-v3 .box-two:hover .link,
.paragraph--type--three-boxes-v3 .box-three:hover .link {
  background-image: url("/themes/custom/portal_barrio/images/arrow-circle-right.png");
}
.paragraph--type--three-boxes-v3 .container .col-xs-12:nth-child(1) { }
.paragraph--type--three-boxes-v3 .container .col-xs-12:nth-child(2) { }
.paragraph--type--three-boxes-v3 .container .col-xs-12:nth-child(3) { }




/* ********** 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-v2 .jumbotron {
  padding-top: 20px;
  padding-bottom: 20px;
}

.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 ****************************** */

/* original style with hashes at the bottom */
.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
}

/* ****************** HEADER AND COPY WHITE BACKGROUND ********************** */

.paragraph--type--header-and-copy-white-background {
  background-color: #FFFFFF;
  padding-top:    30px;
  padding-bottom: 25px;
}

.paragraph--type--header-and-copy-white-background h2 {
  color: #F69062;
  padding-bottom: 10px;
}
.paragraph--type--header-and-copy-white-background p {
  color: #000000;
}

/* 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--type--welcome .btn-primary { 
  background-color: #009CDE ! important; 
}
.paragraph--type--welcome .btn-primary:hover { 
  background-color: #00BCFF ! important; 
}

/* 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; }
}

.page-node-2 .paragraph--type--welcome-centered-wide {
  margin-bottom: 4em;
}




/* ************************ 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 */


article.node--view-mode-full .image-style-large {
  /* max-width: 300px; */
}
article.node--view-mode-full .field--name-field-event-date {
  font-weight: 700 ! important;
  font-family: Montserrat ! important;
}

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) { 
  .paragraph--type--hero-image .container-fluid .container { height: 500px; } 
  .paragraph--type--hero-image .jumbotron                  { height: 500px; } 
  h1 { font-size: 48px; }
}
@media (max-width: 1064px) and (min-width: 750px) { 
  .paragraph--type--hero-image .container-fluid .container { height: 400px; } 
  .paragraph--type--hero-image .jumbotron                  { height: 400px; } 
  h1 { font-size: 38px; }
}
@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;
  background-size: cover;
}
.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; } 
}

/* the one on the eLearning page, it's taller at full screen */
@media (min-width: 1065px) { 
  .page-node-12 .paragraph--type--hero-internal .jumbotron { height: 280px; } 
}
@media (max-width: 1064px) and (min-width: 750px) { 
  .page-node-12 .paragraph--type--hero-internal .jumbotron { height: 180px; } 
}
@media (max-width: 749px) { 
  .page-node-12 .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;
}

/* mjg added 2025-05-13 for new button on training link see node 9 for example */
article.node--type-training a.btn {
  font-weight: 700;
  color: #3B3B3B;
  margin-bottom: 2rem;
  padding: 15px 20px 15px 20px; /* make the button larger as per Jordan's request */
}
article.node--type-training .btn-primary:hover {
  background-color: #FD6928! important;
}


/* 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;
}

/* mjg added 2025-05-13 for new button on resource link see node 109 for example */
article.node--type-resource a.btn {
  font-weight: 700;
  color: #3B3B3B;
  margin-bottom: 2rem;
  padding: 15px 20px 15px 20px; /* make the button larger as per Jordan's request */
}
article.node--type-resource .btn-primary:hover {
  background-color: #FD6928! 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; }
/* END PAGE EDIT TABS ******************************************************* */


/* OLD FOOTER ******************************************************************
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; }
.site-footer ul.navbar-nav li:first-child a { border-left: none; }
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; } }
@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; } }
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; }
*** END OLD 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  { 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"); }
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;
}
/* to get rid of the dark-gray padding in the site-footer.css */
.site-footer {
  padding: 0 0 0 0 ! important;
}

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

/**** MAINTENANCE *********************************************************** */

body.maintenance-page { }
body.maintenance-page * { }
body.maintenance-page #main-wrapper,
body.maintenance-page #header { }
body.maintenance-page #site-name { }
body.maintenance-page #site-slogan { }
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; }

/**** END MAINTENANCE ******************************************************* */

/* 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;
}

.view-articles-with-dates {
  margin-top: 2em;
  margin-bottom: 2em;
}

.view-articles-with-dates .view-header {
  margin: 0 auto;
  max-width: 1000px;
  padding: 0 auto;
  font-weight: 700;
  font-size: 20px;
}

.view-articles-with-dates .view-content table {
  margin: 0 auto;
  max-width: 1000px;
}

.view-articles-with-dates .view-content table a {
  text-decoration: none;
}
.view-articles-with-dates .view-content table td {
  color: black ! important;
  background-color: white ! important;
}

@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-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 view for elibrary FACETS facets **********/

/* List View button on https://plp.psu.edu/elearning */
a#elibrary-list, a#elearning-list {
  background-color: #84C5f8; /* light blue */
  border-color: #84C5f8; /* light blue */
  background-color: #E4E5E7; /* new background color for fall 2025 */
  border-color: #E4E5E7;     /* new border color for fall 2025 */
  color: #1E407C; /* dark blue */
  font-weight: 700;
}
a#elibrary-list:hover, a#elearning-list:hover {
  background-color: #84C5f8; /* light blue */
  color: #1E407C;            /* dark blue  */
  border-color: #84C5f8;     /* light blue */
}

#block-views-block-elibrary-facets-block-1 { }
#block-views-block-elibrary-facets-block-1 > h2 { /* just the h2 title */ }
#block-views-block-elibrary-facets-block-1 > .content { /* everything but the h2 */ }

/* the filter drop-down area */

#block-views-block-elibrary-facets-block-1 form.views-exposed-form,
#block-views-block-elearning-facets-block-1 form.views-exposed-form { 
  /* border: 1px solid red; */
}

#block-views-block-elibrary-facets-block-1 form.views-exposed-form .form-actions,
#block-views-block-elearning-facets-block-1 form.views-exposed-form .form-actions {
  display: block ! important;
}

#block-views-block-elibrary-facets-block-1 form.views-exposed-form label,
#block-views-block-elearning-facets-block-1 form.views-exposed-form label {
  display: inline;
}
#block-views-block-elibrary-facets-block-1 form.views-exposed-form select,
#block-views-block-elearning-facets-block-1 form.views-exposed-form select {
  border: 1px solid black;
  display: grid;
}

/* buttons on this page: https://plp.psu.edu/elearning */

#block-views-block-elibrary-facets-block-1 form.views-exposed-form button,
#block-views-block-elearning-facets-block-1 form.views-exposed-form button {
  margin-left:  0em;
  font-weight: 700;
  /* Apply and Reset buttons */
  /* border and background color should be the same */
  border: 1px solid #84C5F8;
  background-color: #84C5F8 ! important; /* new background color for fall 2025 */
  /* text color */
  /* color: #1E407C ! important; dark blue */
  color: #2E2D2D ! important; /* new font color for fall 2025 */
}


#block-views-block-elibrary-facets-block-1 form.views-exposed-form button:hover,
#block-views-block-elearning-facets-block-1 form.views-exposed-form button:hover {
  background-color: #1E407C;
  color: #FFFFFF;
}

div.view-elibrary-facets .form-select,
div.view-elearning-facets .form-select { 
  width: 98%;
}

#block-views-block-elibrary-facets-block-1 .view-filters { }
#block-views-block-elearning-facets-block-1 .view-filters { }

div.view-elibrary-facets .view-filters { 
  /* the top part of the view
   * background-color: lightblue;
   */
}

div.view-elibrary-facets .view-filters .form-type-select,
div.view-elearning-facets .view-filters .form-type-select { 
  max-width: 380px;
}
div.view-elearning-facets .view-filters .form-type-select { 
  padding-right: 10px;
}

div.view-elibrary-facets .view-content,
div.view-elearning-facets .view-content { 
  /* the bottom part of the view
   * background-color: pink;
   */
}

div.view-elibrary-facets .view-content .views-view-responsive-grid__item-inner,
div.view-elearning-facets .view-content .views-view-responsive-grid__item-inner {
  margin: 10px 10px;
}

div.view-elibrary-facets .view-content .views-field-field-resource-image img,
div.view-elearning-facets .view-content .views-field-field-training-image img { 
  border: 20px #E5E5E5 solid;
}

div.view-elibrary-facets .view-content .views-field-title a,
div.view-elearning-facets .view-content .views-field-title a { 
  /* color: black; */
  color: #2E2D2D; /* new color for fall 2025 */
  text-decoration: none;
  font-weight: bold;
}


div.view-elibrary-facets .view-content .views-field-field-long-title p,
div.view-elearning-facets .view-content .views-field-field-long-title p { 
  color: #2E2D2D;
}
  




div.view-elibrary-facets label,
div.view-elearning-facets label { 
  font-weight: bold;
}
div.view-elibrary-facets .view-content .views-field-title a:hover,
div.view-elearning-facets .view-content .views-field-title a:hover { 
  text-decoration: underline;
}

div.view-elearning-facets .view-content .views-field-title { 
  margin-top: 4px;
  margin-bottom: 4px;
  line-height: 1.1;
}

div.view-elearning-facets .field--name-field-media-image .field__item img { 
  margin-bottom: 5px;
}

div.view-elearning-facets .views-field-field-ecourse-level .field-content { 
  font-family: Montserrat ! important;
  font-size: 12px;
  font-weight: bold;
}

div.view-elearning-facets .views-field-field-credential p { 
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 0px;
}

div.view-elearning-facets .views-field-field-ecourse-length .field-content {
  font-family: Montserrat ! important;
  font-size: 12px;
  font-weight: bold;
}




/* ********************************** END VIEWS ***************************** */

/* ********* UNPUBLISHED **************************************************** */
.node--unpublished {
  padding: 0 0;
}

/* ********************************** CONTACT US **************************** */

h2.contact-us {
  margin-bottom: 1em;
}

/* light blue, hover is dark blue */
button.webform-button--submit {
  padding: 7px 60px;
  background-color: #84C5F8 ! important;
  color: black;
  font-weight: 700;
}
button.webform-button--submit:hover {
  background-color: #1E407C ! important;
  color: white;
}

/* **************************CONTACT US THREE COLUMN ************************ */

.paragraph--type--contact-us-three-column .container .col-md-4 {
  padding-top:    25px;
  padding-bottom: 25px;
}
.paragraph--type--contact-us-three-column .container .col-md-4:nth-of-type(2) {
  border-right: 3px solid #F69062;
  border-left: 3px solid #F69062;
}
.paragraph--type--contact-us-three-column .container .col-md-4 {
}
.paragraph--type--contact-us-three-column .container {
  margin-top: 25px;
  margin-bottom: 25px;
}
.paragraph--type--contact-us-three-column .container p {
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  text-align: center;
}

/* ********************************** 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 {
  }
  #header .col-md-3,
  #header .col-md-4 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

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


/* ************************* RESOURCE AND TRAING LISTS ********************** */


.page-node-147 h2, .page-node-146 h2, .page-node-214 h2 {
  color: #444444;
}
.page-node-147 table, 
.page-node-146 table {
  max-width: 1380px ! important;
  /* margin: 0 auto ! important; */
}
div.view-resource-list thead,
div.view-training-list thead {
  /* border-bottom: 2px solid black; */
}

.page-node-147 table th, 
.page-node-146 table th,
.page-node-147 table td, 
.page-node-146 table td {
  vertical-align: top;
  padding-left: 11px;
  border: none;
}

.page-node-147 table th, .page-node-146 table th {
  background-color: #1E407C; ! important;
  color: #FFFFFF ! important;
}
.page-node-147 table td, .page-node-146 table td {
  background-color: #FFFFFF ! important;
  color: #444444 ! important;
  padding-bottom: 0px;
}

.page-node-147 table ul, .page-node-146 table ul {
  list-style-type: none;
  /* border: 1px solid black; */
  padding-left: 0px;
}


.page-node-147 table li, .page-node-146 table li {
  list-style-type: none;
  /* border: 1px solid red; */
}




/* ********************* END RESOURCE AND TRAINING LISTS ********************** */