@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Rubik:wght@400;500;600&&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=Oswald:wght@400;600;700&family=Roboto+Slab:wght@300;400;500;600;700&family=Roboto:wght@100;400;500;700;900&family=Source+Sans+Pro:wght@400;600;700;900&display=swap');


@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

@import url("https://use.typekit.net/nlo1uid.css");

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Outfit:wght@100..900&family=Racing+Sans+One&family=Roboto:ital,wght@0,100..900;1,100..900&family=Space+Grotesk:wght@300..700&display=swap');


@font-face {



font-family: 'cooper_hewittheavy';

    src: url("../fonts/CooperHewitt-Heavy.otf"); /* IE9 Compat Modes */

    src: url("../fonts/CooperHewitt-Heavy.otf?#iefix") format("embedded-opentype"); /* IE6-IE8 */


    src: url("../fonts/cooperhewitt-heavy-webfont.woff2") format("woff2"),
         url("../fonts/cooperhewitt-heavy-webfont.woff") format("woff"),
                 url("../fonts/CooperHewitt-Heavy.ttf")  format("truetype"); /* Safari, Android, iOS */
 

    
}

@font-face {

    font-family: 'BentonSansComp-Black';

    src: url("../fonts/BentonSansComp-Black.otf"); /* IE9 Compat Modes */

    src: url("../fonts/BentonSansComp-Black.otf?#iefix") format("embedded-opentype"), /* IE6-IE8 */

         url("../fonts/BentonSansComp-Black.woff") format("woff"), /* Modern Browsers */

         url("../fonts/BentonSansComp-Black.ttf")  format("truetype"); /* Safari, Android, iOS */

    
}

/*header*/

/* universal */

/*
body {	--h: 212deg;
	--l: 43%;
	--brandColor: hsl(var(--h), 71%, var(--l));
}
*/

html {
	scroll-behavior: smooth;
}

input,
textarea,
button,
select,
a {
    -webkit-tap-highlight-color: transparent;
}

/*
button:focus {
        outline: none;
      }
*/

button:focus:not(:focus-visible) {
  outline: none;
}

a:hover {
    
    text-decoration: none;
}

p {
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    color: #383a3a;
}



p.w500 {
font-weight: 500;
}

p.w600 {
font-weight: 600;
font-size: 1.1rem;
line-height: 1.2em;
color: #b75300;
margin-top: 8px;
margin-bottom: 10px;
}

.smaller-font-size {
    font-size: 0.9rem;
}

.smallest-font-size {
    font-size: 0.8rem;
}

.blog-date {
    font-size: 0.9rem;
    font-style: italic;
    color: #383a3a;
    margin-bottom: 12px;
}

smallest-font-size

.larger-font-size {
    font-size: 1.1rem;
    line-height: 1.5
}

.largest-font-size {
    font-size: 1.2rem;
}


.white-text {
    color: #fff;
}

.collapse {
        cursor: default;
    }


p>a {
    color: #bf5700;
    text-decoration: underline;
}

em>a {
    color: #bf5700;
    text-decoration: underline;
}

h5>a {
    color: #bf5700;
    text-decoration: underline;
}

h5>a:hover {
    color: #005f86;
    text-decoration: underline;
}

td>a {
    color: #bf5700;
    text-decoration: underline;
}

td>a:hover {
    color: #005f86;
    text-decoration: underline;
}

p>a.blacklinkcg {
    color: #000000;
    text-decoration: underline;
}

em>a:hover {
    color: #005f86;
    text-decoration: underline;
}

p>a:hover {
    color: #005f86;
    text-decoration: underline;
}

strong>a{
    color: #bf5700;
    text-decoration: underline;
}

p>strong>a:hover {
    color: #005f86;
    text-decoration: underline;
}

::selection {
    background-color: #bf5700;
    color: white;
}



main#main ul {
    padding-left: 30px;
    margin-bottom: 1.5rem;
    
}

 main#main ul li {
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    list-style-image: url(../images/bullit-dash4.svg); 
    padding-left: 0px;
    line-height: 1.4;
    margin-bottom: 14px;
    color: #000000
} 

main#main ul li span.lispace {
    display: block;
    margin-top: 10px;
}

main#main ol li span.lispace {
    display: block;
    margin-top: 10px;
}

main#main ul#ulwhite {

    padding-left: 15px;

}

main#main ul#ulwhite li {
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    color: white;
    list-style-image: url(../images/bullit-dash4-white.svg); 
    padding-left: 5px;
    line-height: 1.4;
    margin-bottom: 14px;
    color: #ffffff;
    font-weight: 500;
}

main#main ul li.nolinkside {
    padding-left: 5px;
}

main#main ul li ul {
    margin-top: 16px;
}



main#main ul li.largest-font-size {

    font-size: 1.2rem;

}

main#main h3 + ul {
    margin-top: 18px;
}

main#main h3 + ol {
    margin-top: 18px;
}

main#main h2 + ul {
    margin-top: 18px;
}

main#main h2 + ol {
    margin-top: 18px;
}

main#main ol li {
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    color: black;
    padding-left: 5px;
    line-height: 1.4;
    margin-bottom: 14px;
    color: #000000
}

main#main ul.styledlicg li a {
    text-decoration: underline;
    color: #bf5700;
}

main#main ul.styledlicg li a:hover {
    color: #005f86;
    text-decoration: underline;
}

main#main ol.styledlicg li a {
    text-decoration: underline;
    color: #bf5700;
}

main#main ol.styledlicg li a:hover {
    color: #005f86;
    text-decoration: underline;
}

main#main ul.list-number li a {
    text-decoration: underline;
    color: #bf5700;
}

main#main ul.list-number li a:hover {
    color: #005f86;
    text-decoration: underline;
}


main#main span a {
    text-decoration: underline;
    color: #bf5700;
}

main#main span a:hover {
    color: #005f86;
    text-decoration: underline;
}


/* Skip Links */

.skip-link {
    background: #343a40;
    color: #fff;
    font-weight: 700;
    left: 50%;
    padding: 4px 7px;
    position: absolute;
    transform: translateY(-100%);
    transition: transform 0.3s;
    outline: none;
}

.skip-link:focus {
    transform: translateY(0%);
}

/* Closure Banner */

.banner-closure {
    background-color: #ffd600;
}



/* numbered list for step by step instructions */


.wrapper-steps {
  display: flex;
  justify-content: center;
  align-items: center;
}

.steps {
  margin: 0 auto;
}

.step {
  display: flex;
  position: relative;
}
.step:after {
  content: "";
  position: absolute;
  left: 15px;
  top: 32px;
  height: 0;
  width: 2px;
  background-color: #005f86;
}
.step .info {
  margin: 4px 0 20px;
}
.step .titlebold {
  font-weight: 600;
  margin: 0 0 2px 0;
}

.step .title {
  margin: 0 0 2px 0;
}
.step .text {
  padding-bottom: 0;
}
.step:not(:last-child):after {
  height: 100%;
}

.number {
  width: 32px;
  height: 32px;
  background-color: white;
  border-radius: 50%;
  border: 2px solid #005f86;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: 600;
  margin-right: 14px;
}
.number.completed {
  background-color: #005f86;
}
.number svg {
  width: 16px;
  height: 16px;
  object-fit: contain;
}
.number svg path {
  fill: white;
}    

/* breadcrumbs */

ol.breadcrumb {
    padding-left: 0px;
}

li.breadcrumb-item {
    font-size: 0.8rem;
    font-family: 'Open Sans', sans-serif;
}

li.breadcrumb-item a {
    color: #005f86;
}

li.breadcrumb-item a:hover {
    color: #005f86;
    text-decoration: underline;
}

.breadcrumb-container {
    padding-top: 6px;
    padding-bottom: 6px;
}

p.breadcrumbs {
    margin-bottom: 0px;
}

p.breadcrumbs>a {
    color: #005f86;
    font-size: 0.8rem;
    text-decoration: none;
}

p.breadcrumbs>a:hover {
    text-decoration: underline;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    Added inactive state to custom7.css */
li.breadcrumb-item.inactive {
    display: none;
}

/* End breadcrumbs */


/* ------------- Elevate Begin -----------------------------------------------------*/




p.el {
    color: #383838;
}

/* Accordion Button for Accessibility */

.accordion-button {
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    line-height: 1.3;
    color: black;
    border: none;
    background-color: #fff;
    text-align: left;
    padding-left: 0px;
    margin-right: 14px;
    font-weight: 600;
}

/*---------------accordion menus -------------------------------------*/
  
.accordion:hover {
    cursor: pointer;
}

.card.accordioncg {
    box-shadow: none;
    border-radius: 0px;
    margin-left: 0px;
    width: 100%;
    border-bottom: 1px solid #d9dbd2;

}


.card.accordioncg:after {
        content:'';
        position: absolute;
        background-color: #fff;
        width: 100%;
        height: 1px;
        bottom: 0px;
        left: 0;
        transition: all 0.4s;
      }

    
      .card.accordioncg:hover:after {
      
        background-color: #6c6d6a;
        background-color: #041e42;
        animation: line 0.4s linear;
     
       
      }


      .card.accordioncg.team-color:after {
        content:'';
        position: absolute;
        background-color: #f2f2f2;
        width: 100%;
        height: 1px;
        bottom: 0px;
        left: 0;
        transition: all 0.4s;
      }

    
      .card.accordioncg.team-color:hover:after {
      
        background-color: #6c6d6a;
        background-color: #041e42;
        animation: line 0.4s linear;
     
       
      }

      .card.accordioncg.coaches-color:after {
        content:'';
        position: absolute;
        background-color: #eaeaea;
        width: 100%;
        height: 1px;
        bottom: 0px;
        left: 0;
        transition: all 0.4s;
      }

    
      .card.accordioncg.coaches-color:hover:after {
      
        background-color: #eaeaea;
        background-color: #041e42;
        animation: line 0.4s linear;
     
       
      }

      @keyframes line {
        from 
          {width: 0%;
        }
        to {
      
          width: 100%
        }
      }

   

.accordion .fa  {
    margin-right: 0.5rem;
    margin-top: 5px;
    }

.card-header {
    background-color: #eae7e7;
    background-color: #e5e7eb;
    border-bottom: 0px;
    padding: 18px 0px 23px 0px;
}

.card-body {
    padding-left: 0px;
    padding-top: 0px;

} 

h1.elevateh1 {
    color: #96d8d8;
}

header {

    background-image: url(../images/hero6-1920x1080.jpg);
    background-image: url(../images/hero69.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative;
}

/* .skier {

    background-image: url(../images/ski-hero2.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    height:170vh;
    z-index: 10;
    position: absolute;
} */

.logo-elevate {
    width: 220px;
    position: absolute;
    top: 20px;
    left: 10px;
}

.elevate-navbar {
    position: relative;
    /* padding-top: 20px; */
}

.hero-header {
    font-family: "Racing Sans One", sans-serif;
    font-family: "eurostile", sans-serif;
font-style: normal;
font-weight: 700;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 2.9rem;
    line-height: 1;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
  }

  .hero-header2 {
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 2.2rem;
    line-height: 1.2;
    color: white;
  }

  .hero-header3 {
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 2rem;
    line-height: 1.2;
    color: white;
  }

  .smallerel {
   
    font-size: 1.8rem;
    color: #000;

  }

  ul.ulwhite {

    padding-left: 15px;

}

main#main ul.ulwhite li {
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    color: white;
    list-style-image: url(../images/bullit-dash4-white.svg); 
    padding-left: 5px;
    line-height: 1.4;
    margin-bottom: 14px;
    font-weight: 500;
}

ul li.nolinkside {
    padding-left: 5px;
}

ul li ul {
    margin-top: 16px;
}

  .hero-header2 {
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 2.2rem;
    line-height: 1.2;
    color: white;
  }

  .box-new {
    background-color: #fff;
    border-radius: 4px;
    padding-bottom: 100%;
    position: relative;
 }

  .teal {
    font-family: "Outfit", sans-serif;
    color: #96d8d8;
    font-size: 3.3rem;
  }

  .teal-back {
    background-color: #96d8d8;
  }

.hero-blurb {
    width: 550px;
    position: absolute;
    right: 2%;
    bottom: 80px;
}

p.pblurb {
    color: white;
font-size: 1.1rem;
line-height: 1.5}


.elegant-ghost-button {
    text-align: center;  /* Centers the button text */
    color: #ffffff;  /* Sets text color */
    background: none;
    border: 1px solid #ffffff;  /* Sets a thin white border around the button */
    font-size: 18px;
    padding: 12px 24px;  /* Padding around the text that also contributes to the button's size */
    display: inline-block;  /* Enables the button to align better with other elements */
    text-decoration: none;  /* Removes the default underline of the anchor text */
    font-family: "Open Sans", sans-serif;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;  /* Adds a smooth color transition on hover */
    border-radius: 4px;
    margin-right: 20px;
}

.elegant-ghost-button2 {
    text-align: center;  /* Centers the button text */
    color: #ffffff;  /* Sets text color */
    background: #ee2737;
    /* border: 1px solid #ee2737; */
    font-size: 18px;
    padding: 13px 25px;  /* Padding around the text that also contributes to the button's size */
    display: inline-block;  /* Enables the button to align better with other elements */
    text-decoration: none;  /* Removes the default underline of the anchor text */
    font-family: "Open Sans", sans-serif;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;  /* Adds a smooth color transition on hover */
    border-radius: 4px;
    margin-right: 20px;
}

/* Changes color and background on hover to provide dynamic feedback */
.elegant-ghost-button:hover, .elegant-ghost-button:active {
  color: #1b1f1f;
  background: #ffffff;

}

.elegant-ghost-button2:hover, .elegant-ghost-button2:active {
    color: #1b1f1f;
    background: #ffffff;
    /* border: 1px solid #fff; */
  }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#benefits-el {
    background-color: #12141d;
    /* background-color: #041e42; */
    position: relative;

}

.container-el {
  max-width: 1000px;
  margin: 0 auto;
}

.box-el {
  position: relative;
  width: 100%;
background-color: #96d8d8;
  border-radius: 4px;;
}

.green {
    background-color: #c9f1a1;
}

.gray {
    background-color: #f9f9f9;

}

.gray2 {
    background-color: #d9dbd2;
}

.box-el:after {
  content: "";
  display: block;
  padding-top: 100%;
}

.content-el {
  position: absolute;
 top: 40px;
  left: 20px;
  padding-right: 18px;
 
}

.content-el > p {
line-height: 1.3;
   
  }

.box-content {
    position: absolute;;
    top: 20px;
    left: 18px;
}

.box-first {
 padding: 3px;
    
}

.box-second {
    padding: 3px;
}

.box-third {
   padding: 3px;
}

.box-fourth {
    padding: 3px;
 }

 .triangle1 {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: auto;

 }

 .triangle2 {
    position: absolute;
    bottom: 5px;
    left: 5px;
    width: 10px;
    height: auto;

 }

 .triangle3 {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 10px;
    height: auto;

 }

 .triangle4 {
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 10px;
    height: auto;

 }

 

 .hero-transition {
    background-image: url(../images/ski-hero.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative;
    margin-top: -150px;
    z-index: 5;
 }

 .skier {
    background-image: url(../images/ski-hero.jpg);
background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative;
 }

 .hockey {
    background-image: url(../images/hockey.jpg);
background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    background-attachment: fixed;
    position: relative;
 }

 .goalie {
    background-image: url(../images/goalie5.jpg);
background-position: top;
    background-repeat: no-repeat;
    background-size: cover;

 }

 .gingy {
    text-align: center;
 }

 /* .ginger-block {
    background-color: #f9f9f9;
    padding: 18px;
    border-radius: 4px;
 } */


 /* .parallax {
    background-image: url('https://images.unsplash.com/photo-1508780709619-79562169bc64?auto=format&fit=crop&w=1400&q=80');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  } */

  .landing-text {
    background-color: #ee2737;
    padding: 17px;
    color: white;
    position: absolute;
    bottom: 30px;
    right: 30px;
    border-radius: 4px;
    width: 40%;
    /* -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
*/
} 

 .ski-text {
    background-color: #ee2737;
    padding: 17px;
    color: white;
    position: absolute;
    bottom: 30px;
    right: 30px;
    border-radius: 4px;
    width: 40%;
    /* -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
*/
} 

.ski-text2 {
    background-color: #ee2737;
    padding: 17px;
    color: white;
    position: absolute;
    bottom: 15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 4px;
    width: 80%;


}

.ski-text2 > p {
    color: white;
    font-size: 0.9rem;
    line-height: 1.4;
   margin-bottom: 0px;
   }

.ski-text > p {
 color: white;
 font-size: 0.9rem;
 line-height: 1.4;
margin-bottom: 0px;
}

.bluel {
    background-color: #003087;
}

.bluel2 {
    background-color: #041e42;
}

section.athletes {
    position: sticky;
    height: 100vh;
top: 0;
    z-index: 1;
  }

  section.teams {
    position: sticky;
    height: 100vh;
top: 0;
    z-index: 2;
    background-color: #f2f2f2;

  }

  section.coaches {
    position:sticky;
    height: 100vh;
top: 0;
    z-index: 3;
    background-color: #eaeaea;
  }

  section.nostick {
    position:relative;
    height: 100vh;
    z-index: 5;
    background-image: url(../images/hockey.jpg);
    background-position: top;
        background-repeat: no-repeat;
        background-size: cover;

  }

  section.testimonials {
    position:relative;
    z-index: 8;
    background-color: #eaeaea;


  }

  section.about {
    position:relative;
    z-index: 9;
    background-color: #fff;



  }





  .team-color {
    background-color: #f2f2f2;
  }

  .coaches-color {
    background-color: #eaeaea;
}


.test-coach1 {
    background-image: url(../images/test-coach1.jpg);
background-position: top;
    background-repeat: no-repeat;
    background-size: contain;

 }

 .test-coach2 {
    background-image: url(../images/test-coach2.jpg);
background-position: top;
    background-repeat: no-repeat;
    background-size: contain;

 }

 .test-peer1 {
    background-image: url(../images/peer1.jpg);
background-position: top;
    background-repeat: no-repeat;
    background-size: contain;

 }

 .test-grace {
    background-image: url(../images/test-grace.jpg);
background-position: top;
    background-repeat: no-repeat;
    background-size: contain;

 }

 .test-evan {
    background-image: url(../images/test-evan.jpg);
background-position: top;
    background-repeat: no-repeat;
    background-size: contain;

 }

 .test-nolan {
    background-image: url(../images/test-nolan.jpg);
background-position: top;
    background-repeat: no-repeat;
    background-size: contain;

 }

 .test-brooks {
    background-image: url(../images/test-brooks.jpg);
background-position: top;
    background-repeat: no-repeat;
    background-size: contain;

 }

 .test-annie {
    background-image: url(../images/test-annie.jpg);
background-position: top;
    background-repeat: no-repeat;
    background-size: contain;

 }

 .test-sean {
    background-image: url(../images/test-sean.jpg);
background-position: top;
    background-repeat: no-repeat;
    background-size: contain;

 }

 .test-caden {
    background-image: url(../images/test-caden.jpg);
background-position: top;
    background-repeat: no-repeat;
    background-size: contain;

 }

 .test-hannah {
    background-image: url(../images/test-hannah.jpg);
background-position: top;
    background-repeat: no-repeat;
    background-size: contain;

 }

 .test-alex {
    background-image: url(../images/test-alex.jpg);
background-position: top;
    background-repeat: no-repeat;
    background-size: contain;

 }

 .test-brooklyn {
    background-image: url(../images/ski-test.jpg);
background-position: top;
    background-repeat: no-repeat;
    background-size: contain;

 }

 .aboutg {
    background-image: url(../images/ginger.jpg);
background-position: top;
    background-repeat: no-repeat;
    background-size: contain;

 }

 .cgarrow2 {
    position: relative;
    padding-left: 40px;
}

.what {
    padding-top: 80px;
    padding-bottom: 70px;
}

.lax {
background-image: url(../images/small-lax2.jpg);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
height: 700px;

}

.small-ski {
    background-image: url(../images/small-ski.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 700px;
    
    }

    .started-col {
        background-image: url(../images/get-started-pic.jpg);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: contain;
        position: relative;
        
        }

.psych-team {
    margin-top: 68px;
}

.psych-coaches {
    margin-top: 68px;
}

.clinic-row {
    background-color: #fff;
    border-radius: 4px;
    padding: 20px;
}


.blog-img {
    background-position: top;
    background-repeat: no-repeat; 
    background-size: cover;
    border-radius: 4px;

    
}

.observe-me {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s ease, transform 0.8s ease;
  }
  
  .observe-me.in-view {
    opacity: 1;
    transform: translateY(0);
  }
  
  .slide-left {
        transform: translateX(-60px);
      }
      .slide-left.in-view {
        transform: translateX(0);
      }
  
      /* Zoom-in */
      .zoom-in {
        transform: scale(0.9);
      }
      .zoom-in.in-view {
        transform: scale(1);
      }

.footer-el {

    background-color: #041e42;
    position:relative;
    z-index: 20;
}



@media (max-width: 992px) {

    .psych-team {
        margin-top: 40px;
    }
    
    .psych-coaches {
        margin-top: 40px;
    }

    .aboutg {
  height: 500px;
  background-size: cover;
  margin-bottom: 30px;

    
     }

    .gingy {
        text-align: left;
     }
    

    .cgarrow2 {
        position: relative;
        padding-left: 0px;
    }

    header {

        background-image: url(../images/gradient-small.jpg);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        height: auto;
        padding-bottom: 30px; 
    }

    .what {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    section.athletes {
        position: relative;
        height: auto;

      }
    
      section.teams {
        position: relative;
        height: auto;
    
    
      }
    
      section.coaches {
        position: relative;
        height: auto;
}

}


@media (max-width: 576px) {

    .aboutg {
        height: 450px;
        border-right: 15px solid #f9f9f9;
        border-left: 15px solid #f9f9f9;

           }

           .observe-me {
            opacity: 1;
            transform: none;
            transition: none;
          }
          
          .observe-me.in-view {
            opacity: 1;
            transform: none;
          }
}

/* ------------- Elevate End -----------------------------------------------------*/

#texas {
    background-color:#bf5700;
}

h1 {
    font-family: 'cooper_hewittheavy', 'Oswald', sans-serif;
    color: #000000;
    font-size: 2.4rem;
    line-height: 1.1;
    margin-bottom: 20px;
    text-transform: uppercase;

}



h2 {
    font-family: 'cooper_hewittheavy', 'Oswald', sans-serif;
    color: #000000;
    font-size: 1.5rem;
    line-height: 1.2;
    margin-top: 32px;
    text-transform: uppercase;
}

h3 {
    font-family: 'Open Sans', sans-serif;
    color: #000000;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.2;
    margin-bottom: 0.4rem;
}

p + h3 {
    margin-top: 1.6rem;
}


h2 + h3 {
    margin-top: 1.5rem;
}

a + h3 {
    margin-top: 1.6rem;
}

img + h3 {
    margin-top: 1.6rem;
}




h4 {
    font-family: 'Open Sans', sans-serif;
    color: #000000;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.4;
    margin-bottom: 0.3rem;
}


.mt-4cg {
    margin-top: 1.9rem;
}



/* --------------------- Tweaks to Contact and Services UHS ------------------- */

.dept-nav.dnavactive {
    color: #f3b05d;
}

.dropdown-cols-2 .dropdown-menu {
margin-top: 0px;
}
.dropdown-cols-2 .dropdown-menu > div {
  float: left;
  padding: 10px 20px;
}
.dropdown-cols-2 .dropdown-menu ul {
  margin: 0;
  padding: 0;
}
.dropdown-cols-2 .dropdown-menu li {
  list-style: none;
}

div.dropdown-menu#uhsnavcontact {
    left: 0px;
}

.dropdown-menu {
    white-space: nowrap;
    background-color: #ffffff;
    border-radius: 0;
    -webkit-box-shadow: 3px 3px 3px rgba(5,5,5,0.21);
    -moz-box-shadow: 3px 3px 3px rgba(5,5,5,0.21);
    box-shadow: 3px 3px 3px rgba(5,5,5,0.21);
    left: auto;
}

.dropdown-menu.non-nav {
        -webkit-box-shadow: 3px 3px 3px rgba(5,5,5,0);
    -moz-box-shadow: 3px 3px 3px rgba(5,5,5,0);
    box-shadow: 3px 3px 3px rgba(5,5,5,0);
}

/* for shadow */
/*
.dropdown-menu::before {
    border-bottom: 9px solid rgba(0, 0, 0, 0.5);
    border-left: 9px solid rgba(0, 0, 0, 0);
    border-right: 9px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    left: 50%;  position 
    position: absolute;
    top: -8px;
}

.dropdown-menu::after {
    border-bottom: 8px solid #FFFFFF;
    border-left: 9px solid rgba(0, 0, 0, 0);
    border-right: 9px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    left: 50%;  position 
    position: absolute;
    top: -7px;
}
*/

.navbar-expand-lg {
    flex-flow: wrap;

}

.code {
  color: #745eb1;
  background: #fff;
  padding: 0.1rem 0.2rem;
  border-radius: 0.2rem;
}

.text-uppercase {
  letter-spacing: 0.08em;
}


.texlogo {
    max-width: 150px;
    border: 0px;
}

.dsalogo {
    max-width: 150px;
    border: 0px;
    margin-top: -10px;
}

.hhlogo {
   width: 200px;
}

.add_nav3 {
    display: inline-block;
    height: 50px;
    
}

.add_nav_link {
    color: white;
    display: inline-block;
    padding: 1px 6px 2px 6px;
    background-color: #bf5700;

}



.add_nav_link:hover {
    color: white;
    text-decoration: none;
        background-color: #005f86;

}

.additional {
    height: 60px;
    font-size: 0.85rem
}

.dept-nav {
    color: white;
/*    margin-right: 11px;*/
}

.dept-nav:hover {
    color: #96d8d8;
}



.link-title {
    font-family: "Roboto", sans-serif;
    font-family: "Outfit", sans-serif;
    font-family: "Rubik", sans-serif;
    font-family: "eurostile", sans-serif;
    font-weight: 400;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 1.1rem;

    
} 

.link-caption {
    font-family: Roboto;
    font-size: .8rem;
    line-height: 1.1;
    margin-top: 3px;
    display: block;
    
} 

.lwc {
    display: none;
    justify-content: center;
    margin-top: 16px;
    position: absolute;
    bottom: 0px;
    left: 40%;
}


.hh {
    display: none;
    justify-content: center;
    margin-top: 16px;
    position: absolute;
    bottom: 0px;
    left: 40%;
}


.uhs {
    display: none;
    justify-content: center;
    margin-top: 16px;
    position: absolute;
    bottom: 0px;
    left: 40%;
}

.cmhc {
    display: none;
    justify-content: center;
    margin-top: 16px;
    position: absolute;
    bottom: 0px;
    left: 40%;
}

.arrow-height {
    height: 10px;
}

.navactive {display: flex;}

.arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
}



a.nav-link {
    color: black;
}

li.nav-item {padding-bottom: 5px;}

.cgnav7 {
    font-family: lato;
    font-size: 1rem;
    }
    
.cgnav8 {
    font-family: lato;
    font-size: 1rem;
    }

.cgnav {
    font-family: lato;
    font-size: 1rem;}

a.dropdown-toggle.cgnav {
    margin-right: 60px;
}

a.dropdown-toggle.cgnav7 {
    margin-right: 40px;
}

a.dropdown-toggle.cgnav8 {
    margin-right: 20px;
}



 a.nav-link.text-small.reddrop {
    font-family: lato;
    font-size: 1rem;
     color: #000000;
}

div.dropdown-col>a.dropdown-item:hover {
    text-decoration: underline;
    color: #005f86;
    background-color: transparent;
}


div.dropdown-col>a.dropdown-item.reddrop:hover {
    text-decoration: underline;
    color: #005f86;
    background-color: transparent;
}

a.text-small.nav-link.reddrop:hover {
    color: #005f86;
    text-decoration: underline;

}


/*a.nav-link.cgnav .cgspan {padding-bottom: 4px;}*/

span.cgspan {
    display: inline-block;
    padding-bottom: 3px;
    border-bottom: 4px solid white;
    line-height: 1;
    padding-bottom: 4px;
    border-bottom: 4px solid rgba(0, 0, 0, 0);
    
}

a.nav-link.cgnav .cgspan:hover  {

    border-bottom: 4px solid #005f86;
}

a.nav-link.cgnav7 .cgspan:hover  {

    border-bottom: 4px solid #005f86;
}

a.nav-link.cgnav8 .cgspan:hover  {

    border-bottom: 4px solid #005f86;
}



span.cgspan.active {border-bottom: 4px solid #005f86;}

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

.testcg2 {
    margin-right: 10px;
}

.testcg2b {
    margin-right: 20px;
}

.testcg3 {
    margin-right: 0px;
}

.testcg4 {
    margin-right: 15px;
}

/* Columns */
div.dropdown-multicol2{
  width: 35em;
}

div.dropdown-multicol2>div.dropdown-col{
  display:inline-block;

}

.colw1 { width: 55%;}

.colw2 { width: 70%;}


div.dropdown-multicol2>div.dropdown-col>.dropdown-item{
padding: 0px 1px 4px 0px;
}

.subnavitemcg {padding-left: 7px;}

/* top button styling -------------------------- */


    #myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 200;
  font-size: 14px;
  border: none;
  outline: none;
  background-color: #96d8d8;
  opacity: 0.8;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #041e42;
}

/* ------- Healthyhorns home page ---------------------------*/


/* ------------ Measles ----------------------------------------*/


.measles-banner {
    
   background-image: url(../images/measles-back2.png);
    min-height: 300px;
    background-position: left;
    background-repeat: no-repeat; 
    background-size: cover;  
    border: 16px solid #ee3224;
    position: relative;
    
/*    margin-top: 20px;*/
    
}

.measles-banner2 {
    
background-color: #ee3224;
   background-image: url(../images/measles-circle.svg);
    min-height: 300px;
    background-position: left;
    background-repeat: no-repeat; 
    background-size: contain;  
    min-height: 300px;

    position: relative;
    
/*    margin-top: 20px;*/
    
}

.banner-measles-text {
     position:absolute;
    top:17%; 
    left: 5%;
    text-align:left;
    
}

.banner-measles-text2 {
     position:absolute;
    top:17%; 
    left: 4%;
    text-align:left;
    
}

.measles-text {
display: inline-block;
background-color: white;
    padding: 8px 8px 6px 8px;
    color: #ee3224;

}

.measles-text {
display: inline-block;
background-color: #ee3224;
    padding: 8px 8px 6px 8px;
    color: white;

}

 p.measles-banner-text {
    font-family: 'cooper_hewittheavy', 'Oswald', sans-serif;
    color: white;
    font-size: 3.1rem;
    line-height: 1;
    margin-top: 0px;
    padding-left: 0px;
    text-transform: uppercase;

}

 p.measles-banner-text2 {
    font-family: 'cooper_hewittheavy', 'Oswald', sans-serif;
    color: #ee3224;
    font-size: 3.1rem;
    line-height: 1;
    margin-top: 0px;
    padding-left: 0px;
    text-transform: uppercase;

}

.measlesh3 {
    color: black;
}

.measlesh3a {
    color: white;
}

.star {
    color: black;
}

.stara {
    color: white;
}

.virus1 {
    position: absolute;
    top: 19%;
    left: 32%;
}



.virus2 {
    position: absolute;
    top: 13%;
    left: 40%;
}

.virus3 {
    position: absolute;
    top: 5%;
    left: 37%;
}

.virus1s {
    position: absolute;
    top: 20%;
    left: 24%;
}

.virus2s {
    position: absolute;
    top: 16%;
    left: 31%;
}

.virus3s {
    position: absolute;
    top: 2%;
    left: 28%;
}

.virus1sa {
    position: absolute;
    top: 20%;
    left: 24%;
    width: 83px;
    height: auto;
}

.virus2sa {
    position: absolute;
    top: 35%;
    left: 30%;
        width: 68px;
    height: auto;
}

.virus3sa {
    position: absolute;
    top: 2%;
    left: 33%;
            width: 50px;
    height: auto;
}

.virus4 {
display: none;
}

.virus5 {
display: none;
}

.virus6 {
display: none;
}



.measles-main-text {
    position: absolute;
    right: 1%;
    bottom: 10%;
    width: 48%;
}

.measles-main-text2 {
    position: absolute;
    right: 3%;
    bottom: 18%;
    width: 48%;
}

/* ----------------- Calendar 2 --------------------------------*/

.hh-home-carousel-container {
    background-color: #9cadb7;
    padding-top: 10px;
    padding-bottom: 20px;
}

.carousel-control-next.hhg, .carousel-control-prev.hhg {
background-color: #000000;
}


.cal-img-position-carousel {
bottom: 20px;
left: 20px;
}


/* ----------------- End Calendar 2 --------------------------------*/

.mainssb {
    background-image: url(../images/ssb.jpg);
    min-height: 395px;
    background-position: center;
    background-repeat: no-repeat; 
    background-size: cover;  
}



.whitessb {
    background-image: url(../images/ssb-whiteback-fullsize.png);
    opacity: 0.88;
    height: 290px;
    background-position: left;
    background-repeat: no-repeat; 
    background-size: 66%; 
}

.cgwhitebox {
    background-color: rgba(255,255,255,0.7);
}

.ssb-text {
/*    font-family: 'Roboto', 'Oswald', sans-serif;*/
    font-family: 'cooper_hewittheavy', 'Oswald', sans-serif;
    color: #bf5700;
    font-size: 1.8rem;
    margin-bottom: 11px;
    margin-top: 20px;
    line-height: 1.1;
    letter-spacing: 0.8px;
        text-transform: uppercase;
    
}

.ssb-text-box {
    width: 60%;
}

/*.cgssbcontainer {height: 400px;}*/

/*
.bucket {
    padding-left: 0px;
    padding-right: 0px;
}
*/

.bucket-uhs {
    background-color: #bf5700;
    padding: 24px 38px 90px 30px;
}

.bucket-cmhc {
    background-color: #005f86;
    padding: 24px 38px 90px 30px;
}


.bucket-lwc {
    background-color: #398227;
    padding: 24px 38px 90px 30px;
}

#hh-buckets p {
    color: white;

}

.bucket-title {
    font-family: 'Source Sans Pro', 'Oswald', sans-serif;
    font-weight: 700;
    color: #ffffff;
    font-size: 1.7rem;
    margin-bottom: 13px;
    line-height: 1;
}

.end-btn {
    margin-top: 12px;
    margin-bottom: 15px;
    background-color: #ffffff;
     color: #bf5700;
    border: none;
    width: 150;
    font-size: 1rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    cursor: pointer;
    padding: 10px 20px 10px 14px;
    transition: 0.3s;
}



.end-btn i {

    font-size: 1.2rem;
    font-weight: 600;
    vertical-align: -.1em;
    padding-left: 7px;
    transition: 0.3s;
}

.end-btn:hover i {

    font-size: 1.2rem;
    color: #0089b7;
    font-weight: 600;
    vertical-align: -.1em;
    padding-left: 7px;
    transition: 0.3s;
    padding-left: 13px;
}

.end-btn:hover {

    color: #0089b7;
    cursor: pointer;
    padding-right: 14px;

}


.bucket-wm {
    width: 42%;
    position: absolute;
    bottom: 15px;
    left: 30px;
} 

.bucket-wm-hl {
    width: 37%;
    position: absolute;
    bottom: 15px;
    left: 30px;
} 


.hh-home-button {
bottom: 75px;
left: 30px;
}

.button247 {
bottom: 15px;
left: 15px;
}

p.number247 {
    margin-bottom: 55px;
}

.bucket-uhs, .bucket-cmhc, .bucket-lwc {
    position: relative;

}

.hh-bucket-text {
    margin-bottom: 80px;
}

/* HH Updates ------------------------*/

h1.hh-home-title {
    font-size: 2.4rem;
    margin-bottom: 15px;

    }

h1.center {
    text-align: center;
}


/*
.hhcal {
    margin-left: 25px;
}
*/
    
h1.hh-home-title-sm {
    font-size: 1.7rem;
    margin-bottom: 15px;
    }

.hh-home-title {
    font-family: 'cooper_hewittheavy', 'Oswald', sans-serif;
    color: #343636;
    font-size: 2.7rem;
    margin-bottom: 3px;
    line-height: 1.1;
    margin-top: 16px;
    padding-left: 15px;
    text-transform: uppercase;

}

      
div.datecontainer3 {
    padding: 14px 3px 14px 0px;
    border-bottom: 0px solid #e1dfdf;
    height: 100%;
}


div.datecontainer3.cg-cal-pad {
padding-right: 11px;
}

.relcg {
position: relative;

}

.abscg {
position: absolute;
}

.cal-img-position {
bottom: 0px;
left: 0px;
}


div.datecontainer4 {
    padding: 16px 0px 14px 0px;
    border-bottom: 1px solid #e1dfdf;
}

.border-between > [class*='col-']:before {
   background: #cac4c4;
   bottom: 0;
   content: " ";
   left: -6px;
   position: absolute;
   width: 1px;
   top: 0;
}

.border-between > [class*='col-']:first-child:before {
   display: none;
}

.update-row-top {
    padding-bottom: 17px;
}
      
    
.cgsec {
    border-bottom: 1px solid #cac4c4;
    margin-bottom: 17px;
       }

.border-bot-1 {
    border-bottom: 1px solid #cac4c4;
    margin-bottom: 17px;
    }

.update-dept {
    font-family: 'Lato', sans-serif;
    line-height: 1;
    font-size: .8rem;
    color: #000000;
}

.update-title {
    font-family: 'Roboto', sans-serif;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 700;
    color: #00517b;
    margin-bottom: 15px;
}

.medium-title-size {
    font-size: 1.2rem;
    margin-bottom: 8px;
}

.medium-title-size-hhhome {
    font-size: 1.4rem;
    margin-bottom: 10px;
}


p.update-text {
    font-size: 1rem;
    font-family: 'Open Sans', sans-serif;
    color: #000000;
    margin-bottom: 40px;
}

.update-btn {

    background-color: #f4eeee;
    color: #ee3224;
    border: none;
    font-size: .8rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
    margin-left: 0px;
    padding-left: 0px;
}

.update-btn-uhs-home2 {

    background-color: #f8f5f5;
    color: #bf5700;
    border: none;
    font-size: .8rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
    margin-left: 0px;
    padding-left: 0px;
}

.update-btn-uhs-home8 {

    background-color: #ffffff;
    color: #bf5700;
    border: none;
    font-size: .8rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
    margin-left: 0px;
    padding-left: 0px;
}

.update-btn-uhs-home8 i {

    font-size: 1rem;
    font-weight: 600;
    vertical-align: -.1em;
    padding-left: 7px;
    transition: 0.3s;
    display: inline-block;
}

.update-btn-uhs-home8:hover i {

    color: #0089b7;
    vertical-align: -.1em;
    transition: 0.3s;
    transform: translate(7px);
}



.update-btn-uhs-home8:hover {

    color: #0089b7;
    cursor: pointer;
    padding-right: 14px;

}

.update-btn-uhs-home2 i {

    font-size: 1rem;
    font-weight: 600;
    vertical-align: -.1em;
    padding-left: 7px;
    transition: 0.3s;
    display: inline-block;
}

.update-btn-uhs-home2:hover i {

    color: #0089b7;
    vertical-align: -.1em;
    transition: 0.3s;
    transform: translate(7px);
}



.update-btn-uhs-home2:hover {

    color: #0089b7;
    cursor: pointer;
    padding-right: 14px;

}

.update-btn-uhs-home3 {

    background-color: #ffffff;
    color: #ee3224;
    border: none;
    font-size: .8rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
    margin-left: 0px;
    padding-left: 0px;
}

.update-btn-uhs-home3 i {

    font-size: 1rem;
    font-weight: 600;
    vertical-align: -.1em;
    padding-left: 7px;
    transition: 0.3s;
    display: inline-block;
}

.update-btn-uhs-home3:hover i {

    color: #0089b7;
    vertical-align: -.1em;
    transition: 0.3s;
    transform: translate(7px);
}



.update-btn-uhs-home3:hover {

    color: #0089b7;
    cursor: pointer;
    padding-right: 14px;

}


.update-btn-white {
    background-color: transparent;
    color: #bf5700;
    border: none;
    font-size: .8rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
    margin-left: 0px;
    padding-left: 0px;
}

.update-btn-white i {

    font-size: 1rem;
    font-weight: 600;
    vertical-align: -.1em;
    padding-left: 7px;
    transition: 0.3s;
    display: inline-block;
}

.update-btn-white:hover i {

    color: #0089b7;
    vertical-align: -.1em;
    transition: 0.3s;
    transform: translate(7px);
}



.update-btn-white:hover {

    color: #0089b7;
    cursor: pointer;
    padding-right: 14px;

}


.update-btn-hh {
        background-color: #f8f5f5;
}



.update-btn i {

    font-size: 1rem;
    font-weight: 600;
    vertical-align: -.1em;
    padding-left: 7px;
    transition: 0.3s;
    display: inline-block;
}

.update-btn:hover i {

    color: #0089b7;
    vertical-align: -.1em;
    transition: 0.3s;
    transform: translate(7px);
}



.update-btn:hover {

    color: #0089b7;
    cursor: pointer;
    padding-right: 14px;

}

.alert-home {
    padding-left: 33px;
    padding-top: 10px;
}

/*----------- HH Home Getting Care ------------------*/

.hh-care {
    
    background-image: url(../images/purple-tile.jpg);
    background-repeat: repeat;
    margin-top: 0px;
    
}

h1.care {
    position:absolute;
    top: 20px;
    left: 24%;
    color: #000000;
    z-index: 1;
    font-size: 3.2rem;
    background-color: yellow;
    padding: 7px 8px 2px 8px;
}

h2.careh2 {    
    font-family: 'Source Sans Pro', 'Oswald', sans-serif;
    font-weight: 900;
    color: #000000;
    font-size: 1.8rem;
    margin-bottom: 11px;
    line-height: 1.1;
    
}

.care-img-col {
    background-image: url(../images/female-student4.jpg);
    background-position: bottom left; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */ 
    position: relative;
    
}

.zigzag {
    position: absolute;
    right: -1px;
    top: 0px;
    background-image: url(../images/zigzag4.png);
    background-position: top right;
    background-repeat: repeat-y;
    width: 90px;
    height: 100%;
}

.care-col-text {
    background-color: #b2e2b1;
    background-image: url(../images/zigzag2.png);
    background-position: top left; /* Center the image */
    background-repeat: repeat-y; /* Do not repeat the image */
    position: inherit;
    padding-top: 140px;
}

.highlightcg3 {
    background-color:yellow;
    font-weight: 700;
}

.highlightcg2 {
  background: linear-gradient(to top, yellow 50%, transparent 50%);
}



/* HH home getting started -----------*/

.started-btn {

    background: none;
    color: #000000;
    border: none;
    display: block;
    font-size: 1.3rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
    margin-left: 0px;
    padding-left: 0px;
    margin-bottom: 10px;
    text-align: left;
}

.started-btn.sb-nom {
       margin-bottom: 20px
}

/*
a.started-link-a + p {
    
font-size: .9rem;
display: inline-block;
border-bottom: 1px dotted black;
padding-bottom: 16px;
}
*/


.started-btn i {

    font-size: 1.1rem;
    font-weight: 600;
    vertical-align: -.1em;
    padding-left: 7px;
    transition: 0.3s;
    display: inline-block;
}

.started-btn:hover i {

    color: #005f86;
    vertical-align: -.1em;
    padding-left: 7px;
    transition: 0.3s;
    padding-left: 13px;
}



.started-btn:hover {

    color: #005f86;
    cursor: pointer;
    padding-right: 14px;

}

/* ------- HH Home Getting Started 2 ---------------------------*/

.container-getting-started2 {
    padding: 0px;
    background-color: #ffffff;
}

.started2-title {
    color: #000000;
    font-size: 2.7rem;
    margin-top: 30px;
    padding-left: 0px;
    margin-bottom: 18px;
}

.row-getting-started2 {
    background-color: #b492c4;
    margin-left: 0px;
    margin-right: 0px;
}



.col-getting-started2-text {
      padding: 10px 50px 15px 45px;
    
}

.col-getting-started2-image {
position: relative;
}


/* ------- Getting Started w ---------------------------*/

.doctor-img {   
    background-image: url(../images/student-dcotor1.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: cover;
}

.doctor-text {
    
    padding: 30px 30px 30px 40px;
}

.hh-quick-links {
    
background-color: #005f86;

}

p.started-new {
    font-size: 1.1rem;
    font-weight: 600;
    
}

p.started-new2 {
    font-size: 1.5rem;
    font-weight: 600; 
    margin-bottom: 5px;
}

.getting-started-row {
background-color: #bddef2;    
}

.getting-started-text-new {

    width: 55%;
}

.started-shadow {
    width: 65%;
    box-shadow: 1px 3px 16px -3px rgba(0,0,0,0.53);
    -webkit-box-shadow: 1px 3px 16px -3px rgba(0,0,0,0.53);
    -moz-box-shadow: 1px 3px 16px -3px rgba(0,0,0,0.53);
    margin: 30px;
    
}

.hh-home-title-started {
    font-family: 'cooper_hewittheavy', 'Oswald', sans-serif;
    color: #343636;
    font-size: 2.7rem;
    line-height: 1;
    margin-top: 0px;
    padding-left: 0px;
    text-transform: uppercase;

}

.hh-home-title-247 {
    font-family: 'cooper_hewittheavy', 'Oswald', sans-serif;
    color: #000000;
    font-size: 2.7rem;
    line-height: 1;
    margin-top: 0px;
    padding-left: 0px;
    text-transform: uppercase;

}

h1.ql {
    position:absolute;
    top: 20px;
    left: 3%;
    color: #000000;
    z-index: 1;
    font-size: 3.2rem;
    background-color: #fc7870;
    padding: 7px 8px 2px 8px;
}

h1.ql2 {

    font-family: 'cooper_hewittheavy', 'Oswald', sans-serif;
    color: #343636;
    font-size: 2.7rem;
    text-transform: uppercase;
    position:absolute;
    top: 80px;
    left: 16%;
    color: #000000;
    z-index: 1;
    font-size: 2rem;
    background-color: #fc7870;
    padding: 7px 8px 2px 8px;
}


.quick-links-img-col {
}


.zigzag-quick-links {
    position: absolute;
    left: -1px;
    top: 0px;
    background-image: url(../images/zigzag-quicklinks.png);
    background-position: top right;
    background-repeat: repeat-y;
    width: 27px;
    height: 100%;
}

.quick-links-col-text {
    position: inherit;
    padding: 60px 60px 60px 10px;
    background-image: url(../images/student-female-black14-background2.jpg);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: cover;

}


.quick-links-col-imgnew {
    background-image: url(../images/student-female-black14.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: cover;

}

.highlightcg {
  background: linear-gradient(to top, yellow 50%, transparent 50%);
}


.link-sub {    
    font-family: 'Source Sans Pro', 'Oswald', sans-serif;
    font-weight: 700;
    color: #ffffff;
    font-size: 1.5rem;
    margin-bottom: 29px;
    line-height: 1.1;
    padding-left: 200px;
    }

ul.ul-links {
    margin-left: 0px;
    padding-left 0px;
    margin-top: 45px;
}

.ul-links li {
    list-style-image: url(../images/bullit-white-started7.svg);
    font-size: 1.4rem;  
    padding-left: 7px;
    line-height: 1.2;
    margin-bottom: 14px;
    color: #000000;
    
}

.ul-links li a {
    color: #000000;
    text-decoration: none;
    
}

.quick-title {
    
    color: white;
    font-size: 3.2rem;
    margin-top: 30px;
}




.quick-btn {

    background: none;
    color: #bf5700;
    border: none;
    display: block;
    font-size: 1rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
    margin-left: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
    text-align: left;
}



.quick-btn i {

    font-size: 1.1rem;
    font-weight: 600;
    vertical-align: -.1em;
    padding-left: 7px;
    transition: 0.3s;
    display: inline-block;
}

.quick-btn:hover i {

    color: #0089b7;
    vertical-align: -.1em;
    transition: 0.3s;
    transform: translate(7px);
 
}

.quick-btn:hover {

color: #0089b7;


}



.quick-btn-white {

    background: none;
    color: #ffffff;
    border: none;
    display: block;
    font-size: 1rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
    margin-left: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
    text-align: left;
}



.quick-btn-white i {

    font-size: 1.1rem;
    font-weight: 600;
    vertical-align: -.1em;
    padding-left: 7px;
    transition: 0.3s;
    display: inline-block;
}

.quick-btn-white:hover i {

    color: #fff;
    vertical-align: -.1em;
    transition: 0.3s;
    transform: translate(7px);
 
}

.quick-btn-white:hover {

color: #ffffff;


}


/* About UHS ----------------------------------------*/

.aboutuhsimage {
    background-image: url(../uhs/images/abouthus.jpg);
    background-position: center;
    background-repeat: no-repeat; 
    background-size: cover;  
}

/* 24/7 Care-----------------------------------------------*/


.twenty-four-h1 {
    padding-left: 15px;
    margin-top: 6px;
}

.twentyfour-p {
    padding-left: 15px;
    color: #000;}

.twentyfour-container {
    padding-top: 40px;
    padding-bottom: 4px;
    background-color: #333f48;
}

.twentyfourtitleuhs {
    margin-top: 38px;
}
    
.twentyfour-container-cmhc {
    padding-top: 30px;
    padding-bottom: 34px;
}

.twentyfour-div {
    background-color: #ffffff;
/*    border-radius: 4px;*/
    padding: 15px 15px 15px 15px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    -webkit-box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    -moz-box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.twentyfour-div-uhshome {

/*    border-radius: 4px;*/
    padding: 15px 15px 15px 15px;
    border: 2px solid #005f86;
    height: 100%;
    position: relative;
}

.twentyfour-div-uhshome .optheaduhshome {
    position: absolute;
    width: 80px;
    height: auto;
    top: -28px;
    left: 30px;
    padding: 0px 12px;
    background-color: #fff;

}

.twentyfour-div-uhshome .optheadcmhchome {
    position: absolute;
    width: 80px;
    height: auto;
    top: -28px;
    left: 30px;
    padding: 0px 12px;
    background-color: #fff;

}

.twentyfour-div-uhshome .optheadtimelyhome {
    position: absolute;
    width: 82px;
    height: auto;
    top: -20px;
    left: 30px;
    padding: 0px 12px;
    background-color: #fff;

}

.bottom-place {
        position: absolute;
        bottom: 15px;
        left: 15px;
}

.update-hh-button {
        bottom: 0px;
        left: 0px;
}

.group-cmhc-button {
        bottom: 15px;
        left: 15px;
}



.servicesh3-div {
    background-color: #005f86;
    padding: 3px 9px 5px 9px;
    display: inline-block;
    margin-bottom: 14px;
}

.services-pill {
    padding: 2px 9px 2px 9px;
    display: inline-block;
    margin-bottom: 14px;
    border-radius: 0px;
    border: 1px solid #000;
}

.services-pill p {
    margin-bottom: 0px;
    color: black;
    font-size: .8rem;
    '
}


.services-person {
    background-color: #fff;
}

.services-tele {
    background-color: #fff;
}




h1.services-title-white {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 700;
    color: white;
    margin-bottom: 19px;
}

h1.services-title-black {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 700;
    color: white;
    margin-bottom: 0px;
    background-color: #005f86;
    text-align: center;
    padding: 8px 4px;
}

h1.services-title-black a {
    color: white;
}

h1.services-title-black a:hover {
    color: white;
    text-decoration: none;
}

.services-body {
    border-bottom: 1px dashed #41424c;
    margin-top: 12px;
    margin-bottom: 9px;
    padding-top: 1px;
 
}

.servicesh3 {
    color: white;
    display: inline-block;

}

.appt-purple {
    background-color: #7f58a5;
}

.uhs24 {
    border-top: 5px solid #bf5700;
}

.uhs24a {
    border-top: 2px solid #bf5700;
}

.cmhc24 {
    border-top: 5px solid #005f86;
   
}

.lwc24 {
    border-top: 5px solid #398227;
   
}

.uhsupdatebox {
    height: 100%;
}

.icon-cmhc-24 {
    width: 50px;
    padding-bottom: 24px;
}

.icon-uhs-24 {
    width: 50px;
    padding-bottom: 26px;
    padding-top: 3px;
}

/* ------- Health Topics ---------------------------*/

.ht-text {
    background-image: url(../images/health-topics-tile.gif);
    background-position: top right;
    background-repeat: repeat;
    padding-left: 30px;
}

.ht-image {
    background-color: #bcdac9;
    background-image: url(../images/health-topics2.gif);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 300px;
    position: relative;
}



.ht-button {
    margin-top: 12px;
    margin-bottom: 15px;
    background-color: #ffffff;
    color: #ee3224;
    border: none;
    font-size: 1.3rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    cursor: pointer;
    padding: 10px 20px 10px 14px;
    transition: 0.3s;
    -webkit-box-shadow: 4px 4px 8px -5px rgba(0,0,0,0.52);
    -moz-box-shadow: 4px 4px 8px -5px rgba(0,0,0,0.52);
    box-shadow: 4px 4px 8px -5px rgba(0,0,0,0.52);
}



.ht-button i {

    font-size: 1.2rem;
    font-weight: 700;
    vertical-align: -.1em;
    padding-left: 7px;
    transition: 0.3s;
}

.ht-button:hover i {

    font-size: 1.2rem;
    color: #0089b7;
    font-weight: 600;
    vertical-align: -.1em;
    padding-left: 7px;
    transition: 0.3s;
    padding-left: 13px;
}

.ht-button:hover {

    color: #0089b7;
    cursor: pointer;
    padding-right: 14px;

}

.ht-button-container {
    width: 300px;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    
}




/* ------- End Healthyhorns home page ---------------------------*/

/*--------- UHS Home Page Draft 2 -----------------------------------------*/



.hh-calendar-p-carousel {
    padding-bottom: 40px;
}

/*
.uhs-home2-border {
    border: 2px solid white;
}
*/

div#home2-tab-content {
padding: 0px 15px 15px 10px;
}

a.uhshome2-link {
    color: white;
    text-decoration: underline;
}

a.uhshome2-link:hover {
    color: #82b1c3;
    text-decoration: underline;
}


main#main ul#tabsJustified {
padding-left: 0px;
margin-bottom: 0px;
}

main#main ul#tabsJustified {
    flex-direction: column;
    list-style-type: none;
}

main#main ul#tabsJustified li {

    list-style-image: none;
    padding-left: 0px;
    font-size: 1.1rem;
    margin-bottom: 0px;
}

main#main ul#tabsJustified li {

padding-bottom: 0px;
}


main#main ul#tabsJustified li a.nav-link {


 color: white;
 width: 100%;
 display: block;
 padding-left: 24px;
 padding-right: 15px;
 padding-top: 11px;
 padding-bottom: 11px;
 border-bottom: 1px solid white;
/* border-right: 2px solid white;*/
 
}

main#main ul#tabsJustified li a.nav-link.uhs-home2-nb {

 border-bottom: none;

}

main#main ul#tabsJustified li a.nav-link:hover {

 background-color: white;
 color: black;
 width: 100%;
 display: block;
}

main#main ul#tabsJustified li a.nav-link.active{

 background-color: #bad9eb;
 color: black;
 width: 100%;
}

.abs-cmhchome2 {
    position: absolute;
    bottom: 15px;
    left: 15px;
}

.abs-cmhchome3 {
    position: absolute;
    bottom: 5px;
    left: 0px;
}

.abs-home2 {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.uhs-home2-text {
    background-color: #bf5700;
}


.uhs-home2-copy {
    height: 400px;
}

.uhs-home2-orange {
    height: 100%;

}




.uhs-home2-main {
    background-image: url(../images/uhs-home2-img3.jpg);
    min-height: 395px;
    background-position: right; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */  
}



.uhs-home2-hero-hm {
    width: 33%;
    text-align: right;
    padding-right: 10px;
}

.uhs-home2-hero-text-box {
    width: 59%;
}

.uhs-home2-container {
    height: 100%;
    position: relative;
}

/*
.uhs-home2-container p:last-child {
    margin-bottom: 40px;
}
*/

.uhs-home-24box-div {
    padding: 20px;
}

.mb-45 {
    margin-bottom: 60px;
}

.mb-46 {
    margin-bottom: 60px;
}

.mb-46b {
    margin-bottom: 60px;
}

.uhs-home2-box-text {
    font-family: 'Roboto', 'Oswald', sans-serif;
    font-weight: 900;
    color: #003f58;
    font-size: 1.5rem;
    margin-bottom: 0px;
    line-height: 1.1;
    letter-spacing: 0.8px;
}

.home2blue {
    background-color: #ffffff;
    padding: 20px;
    border-top: 5px solid #bf5700;
    -webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    -moz-box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.home2green {
    background-color: #baead0;
    padding: 20px;
}

.home2red {
    background-color: #e4a7b9;
    padding: 20px;
}

.home2purple {
    background-color: #d2b6f1;
    padding: 20px;
}

uhs-home2-innerdiv {
height: 100%;
position: relative;

}


.uhs-home2-lines {
/*    width: 90px;*/
    margin-top: 18px;
    margin-bottom: 18px;
}


/*--------- CMHC Home Page 2 -----------------------------------------*/

.cmhc-home2-main {
    background-image: url(../images/cmhc-home2-img.jpg);
    min-height: 395px;
    background-position: right; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */  
}


.cmhc-home2-hero-hm {
    width: 35%;
    text-align: right;
    padding-right: 28px;
}

.cmhc-home2-hero-text-box {
    width: 59%;
}

.cmhc-home2-container {
    height: 100%;
    position: relative;
}

.cmhc-home2-copy {
    height: 400px;
}

.cmhc-home2-orange {
    height: 100%;

}

/*--------- UHS Home Page -----------------------------------------*/

body#uhs {
    background-color: #f8f5f5 }


.uhs-home-main-text {
    background-color: #bad9ea;
    padding-top: 20px;
    position: relative;
}

.uhs-home-main-image {
    padding-right: 30px;
}

.uhs-home-img-caption {
    padding-top: 20px;
}

.hh-home-blue-title {

    font-family: 'Roboto', 'Oswald', sans-serif;
    font-weight: 900;
    color: #005f86;
    font-size: 1.8rem;
    margin-bottom: 11px;
    line-height: 1;
    text-transform: none;
}

.hh-home-blue-text {
    color: #005f86;
    font-weight: 600;
    font-size: 1.1rem;
    margin-bottom: 28px;
}

.hh-blue-location {
    position: absolute;
    bottom: 0px;
    left: 15px;
}

.hh-blue-location>p {
    font-weight: 700;
    color: #005f86;
    font-size: .9rem;
    line-height: 1.2;
}

.uhs-blue-btn {

    background: none;
    color: #005f86;
    border: none;
    display: block;
    font-size: 1.1rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
    margin-left: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
    text-align: left;
}



.uhs-blue-btn i {

    font-size: 1.1rem;
    font-weight: 600;
    vertical-align: -.1em;
    padding-left: 7px;
    transition: 0.3s;
    display: inline-block;
}

.uhs-blue-btn:hover i {

    color: #005f86;
    vertical-align: -.1em;
    transition: 0.3s;
    transform: translate(7px);
 
}

.uhs-blue-btn:hover {

    color: #005f86;


}

.hh-feature-title {

    font-family: 'Roboto', 'Oswald', sans-serif;
    font-weight: 700;
    color: #000000;
    font-size: 1.9rem;
    margin-bottom: 11px;
    line-height: 1;
}


.uhs-orange-btn {
    margin-top: 12px;
    margin-bottom: 15px;
    background-color: #bf5700;
     color: #ffffff;
    border: none;
    width: 150;
    font-size: 1rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    cursor: pointer;
    padding: 10px 20px 10px 14px;
    transition: 0.3s;
    margin-bottom: 0px;
}



.uhs-orange-btn i {

    font-size: 1.2rem;
    font-weight: 600;
    vertical-align: -.1em;
    padding-left: 7px;
    transition: 0.3s;
}

.uhs-orange-btn:hover i {

    font-size: 1.2rem;
    color: #ffffff;
    font-weight: 600;
    vertical-align: -.1em;
    transition: 0.3s;
    padding-left: 13px;

}

.uhs-orange-btn:hover {

    color: #ffffff;
    cursor: pointer;
    padding-right: 14px;

}

.uhs-home-wm {
    width: 50%;
    height: auto;
    margin-top: 6px;
    margin-bottom: 20px;
}

.uhs-updates {
    border-top: 3px solid #000;
    margin-top: 20px;
}

.uhs-border {
    border-bottom: 2px solid #333f48;
    height: 20px;
}

.col-uhs-border {
    padding-right: 0px;
}

.border-between-uhs > [class*='col-']:before {
   background: #333f48;
   bottom: 0;
   content: " ";
   left: 0;
   position: absolute;
   width: 1px;
   top: 0;
}

.border-between-uhs > [class*='col-']:first-child:before {
   display: none;
}

.uhs-two-update, .uhs-three-update {
    padding-left: 15px;
    padding-right: 5px;
}

.uhs-one-update {
    padding-right: 7px;
}

/* UHS Home Updates */

.uhs-home-updates-back {
    background-color: #005f86;
}

.uhs-up-dep {
    color: #ffffff;
    font-size: .9rem;
}

p.uhs-up-text {
    color: white;
    margin-top: 15px;
}

.uhs-update-col {padding-top: 8px;}

div.uhs-update-col:hover {
    background-color: rgba(255, 255, 255, 0.2)
}

.uhs-updates-title {
    text-align: center;
    color: #ffffff;
    margin-bottom: 24px;
}

/* ------- New Students UHS Home ---------------------------*/

.new-student-text {
    background-color: #f5f5f9;
    padding-left: 30px;
}

.new-student-image {
    background-color: #bcdac9;
    background-image: url(../images/uhs-home-newstudents3.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 300px;
    position: relative;
}

.ht-title {
    color: #000000;
    font-size: 2.7rem;
    margin-top: 30px;
    padding-left: 0px;
    margin-bottom: 20px;
    text-align: center;
}

.bluebox {
    
    margin-top: 60px;
    margin-bottom: 0px;
    background-color: #ffd600;;
    color: #000;
    border: none;
    font-size: 1.3rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    padding: 10px 20px 10px 14px;
    display: inline-block;
}    


.ns-button {
    margin-top: 12px;
    margin-bottom: 15px;
    background-color: #bf5700;
    color: #ffffff;
    border: none;
    font-size: 1.3rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    cursor: pointer;
    padding: 10px 20px 10px 14px;
    transition: 0.3s;
-webkit-box-shadow: 4px 4px 8px -5px rgba(0,0,0,0.52);
-moz-box-shadow: 4px 4px 8px -5px rgba(0,0,0,0.52);
box-shadow: 4px 4px 8px -5px rgba(0,0,0,0.52);
}



.ns-button i {

    font-size: 1.2rem;
    font-weight: 700;
    vertical-align: -.1em;
    padding-left: 7px;
    transition: 0.3s;
}

.ns-button:hover i {

    font-size: 1.2rem;
    color: #ffffff;
    font-weight: 600;
    vertical-align: -.1em;
    padding-left: 7px;
    transition: 0.3s;
    padding-left: 13px;
}

.ns-button:hover {

    color: #ffffff;
    cursor: pointer;
    padding-right: 14px;

}

.ns-button-container {
    width: 300px;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    
}

/* Updates UHS Home-----------------------------------------------*/


.uhs-updates-h1 {
    padding-left: 15px;
    margin-top: 6px;
}

.uhs-updates-p {padding-left: 15px;}

.uhs-updates-container {
    padding-top: 50px;
    padding-bottom: 30px;
    background-color: #f4eeee;}

.uhs-updates-div {
    background-color: #ffffff;
/*    border-radius: 4px;*/
    padding: 15px 15px 15px 15px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    margin-bottom: 20px;
}



.uhs-updates-border-top {
    border-top: 5px solid #005f86;
   
}

.icon-uhs-updates {
    width: 50px;
    padding-bottom: 24px;
}




/* ------- End UHS home page ---------------------------*/

/* ------- CMHC Home Page ---------------------------*/

.cmhc-location {
    color: #000000;
    font-size: 1.9rem;
    padding-left: 0px;
    margin-bottom: 20px;
    text-align: left;
}

p.location-cmhc-home {
    margin-bottom: 60px;
}

.cmhc-location-div {
    height: 100%;
    position: relative;
}

.maincmhc {
    background-image: url(../images/cmhc-home-hero18.jpg);
    min-height: 395px;
    background-position: right; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */  
}

.whitecmhc {
    background-image: url(../images/cmhc-blueback-fullsize.png);
    opacity: 0.93;
    height: 270px;
    background-position: left;
    background-repeat: no-repeat; 
    background-size: 60%; 
}

.cmhc-hero-text {
    font-family: 'Roboto', 'Oswald', sans-serif;
    font-weight: 900;
    color: #ffffff;
    font-size: 1.8rem;
    margin-bottom: 0px;
    line-height: 1.1;
    letter-spacing: 0.8px;
}

p.cmhc-hero-text:nth-of-type(2) {
    margin-bottom: 11px;
    
}

.cmhc-hero-text-box {
    width: 55%;
}

.cgcmhccontainer {height: 400px;}

.p-white {
    color: #ffffff;
}

.cmhc-hero-hm {
    width: 30%;
    text-align: right;
    padding-right: 19px;
}

.cmhc-hero-wm-div {
    width: 100%;
    text-align: right;
    margin-top: 18px;
}


/* may we help you ------------------------------*/
.cmhc-home-crisis {
    border-top: 10px solid #ee3224;
    position: relative;

}

.cmhc-home-connect {
    border-top: 10px solid #579d42; 
    position: relative;


}

.cmhc-home-wellbeing {
    border-top: 10px solid #f8971f; 
    position: relative;


}

.cmhc-home-ssp {
    border-top: 10px solid #00a9b7; 
    position: relative;
    padding-bottom: 0px;


}

.circle-arrow {
    position: absolute;
    bottom: -5px;
    left: 0px;
}





.cmhc-bucket-row {
    margin-top: 20px;
    margin-bottom: 10px;
    
}


.col-help {
    padding-top: 10px;
}

.help-title {
    font-family: 'Roboto', 'Oswald', sans-serif;
    font-weight: 800;
    color: #000000;
    font-size: 1.2rem;
    margin-bottom: 8px;
    line-height: 1;
}




.cmhc-home-group-btn {

    background: none;
    border: none;
    display: block;
    font-size: 1rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
    margin-left: 0px;
    padding-left: 0px;
    margin-bottom: 2px;
    text-align: left;
    color: #ee3224;
}


.cmhc-home-group-btn i {

    font-size: 1.1rem;
    color: #ee3224;
    font-weight: 600;
    padding-left: 0px;
    padding-right: 8px;
    transition: 0.3s;
    display: inline-block;
}

.cmhc-home-group-last-button {
    margin-bottom: 55px;
}

.cmhc-home-group-btn:hover {   
    cursor: default;
}

.cmhc-home-group-details-btn {
    margin-top: 12px;
    margin-bottom: 15px;
    background-color: #005f86;
    color: #ffffff;
    border: none;
    font-size: .9rem;
    font-family: 'Open Sans', sans-serif;
    cursor: pointer;
    padding: 3px 14px 3px 10px;
    transition: 0.3s;
    margin-bottom: 0px;
    margin-top: 16px;
}

.lwccalbuttonpos {
    position: absolute;
    bottom: 20px;
    left: 15px;
}

.cmhc-home-group-details-btn i {

    font-size: 1.2rem;
    font-weight: 600;
    vertical-align: -.1em;
    padding-left: 7px;
    transition: 0.3s;
}

.cmhc-home-group-details-btn:hover i {

    font-size: 1.2rem;
    color: #ffffff;
    font-weight: 600;
    vertical-align: -.1em;
    padding-left: 7px;
    transition: 0.3s;
    padding-left: 13px;
}

.cmhc-home-group-details-btn:hover {

    color: #ffffff;
    cursor: pointer;
    padding-right: 8px;

}





.cmhc-home-help-btn {

    background: none;
    border: none;
    display: block;
    font-size: 1.1rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
    margin-left: 0px;
    padding-left: 0px;
    margin-bottom: 20px;
    text-align: left;
}

.cmhc-home-help-btn.sb-nom {
       margin-bottom: 20px
}

/*
a.started-link-a + p {
    
font-size: .9rem;
display: inline-block;
border-bottom: 1px dotted black;
padding-bottom: 16px;
}
*/

.cmhc-home-help-btn i {
    padding-left: 7px;
    transition: 0.3s;
}


.cmhc-home-help-btn:hover {
    cursor: pointer;
    padding-right: 14px;
}

.cmhc-home-help-btn:hover i {
    cursor: pointer;
    padding-left: 13px;
}

.button-wellbeing {
    color: #f8971f;
}

.button-crisis {
    color: #ee3224;
}

.button-counseling {
    color: #579d42;
}

.button-ssp {
    color: #00a9b7;
}


/* ------------------------------------horizontal scroll group ---------------------------*/


.cards-wrapper {
  display: flex;
/*  justify-content: center;*/
}
.card img {
  max-width: 100%;
  max-height: 100%;
}
.card {
  margin: 0 0.5em;
  box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
  border: none;
  border-radius: 0;
    width: 33.3333%;
}
.carousel-inner {
  padding: 1em;
}
.carousel-control-prev,
.carousel-control-next {
  background-color: #e1e1e1;
  width: 6vh;
  height: 6vh;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}

.carousel-control-next, .carousel-control-prev {
background-color: #579d42;
}


.cmhc-home-carousel-container {
    background-color: #c8e0d2;
    padding-top: 10px;
    padding-bottom: 36px;
}

.cmhc-home-groups-title {
    text-align: left;

}

.cmhc-home-groups-link {
    text-decoration: underline;
    color: #1f2538; 
}

a.cmhc-home-groups-link:hover {
    text-decoration: underline;
    color: #ee3224; 
}

.card-title {

    font-family: 'Roboto', 'Oswald', sans-serif;
    font-weight: 800;
    color: #000000;
    font-size: 1.3rem;
    margin-bottom: 8px;
    line-height: 1;
}


/* ----------------------- CMHC Graduate Prgorams------------------------------------------------------*/



/* ----------------------- CMHC Services Overview------------------------------------------------------*/

.cmhc-wellbeing-image {
    background-image: url(../cmhc/images/lwc.jpg);
    background-position: top center;
    background-repeat: no-repeat; 
    background-size: cover; 

}

.cmhc-wellbeing-text {
    padding: 0px 24px 0 24px;
}




/* ----------------------- CMHC Services ------------------------------------------------------*/

.heading-block {
    margin-bottom: 40px;
    text-align: center;
}

.heading-block::after {
    content: '';
    display: block;
    margin-top: 40px;
    width: 48px;
    border-top: 2px solid #444;
    text-align: center;
    margin: 0 auto;
}

.heading-box-color {
        background-color: rgba(157, 173, 183, 0.3)
}


/* ----------------LWC ------------------------------------------------------------------------*/

.lwc-home-hero-image {
    background-image: url(../images/lwc-home-hero3.jpg);
    background-position: top right;
    background-repeat: no-repeat; 
/*    background-color: #f8f5f5;*/
    background-size: 50%; 
    position: relative;
}

h1.lwc-home-h1 {
    font-family: 'Roboto', 'Oswald', sans-serif;
    font-weight: 900;
    position:absolute;
    top: 20px;
    left: 4%;
    color: #000000;
    z-index: 1;
    font-size: 3rem;
    background-color: #32c472;
    padding: 7px 8px 5px 8px;
    text-transform: none;

}

h1.lwc-home-h1-b {
    position:absolute;
    font-family: 'Roboto', 'Oswald', sans-serif;
    font-weight: 900;
    top: 90px;
    left: 4%;
    color: #000000;
    z-index: 1;
    font-size: 3rem;
    background-color: #32c472;
    padding: 7px 8px 5px 8px;
    text-transform: none;
    line-height: 1;
}

.lwc-home-col-text {
    padding-top: 200px;
    padding-right: 25px;
}

.lwc-home-btn {

    background: none;
    color: #bf5700;
    border: none;
    display: block;
    font-size: 1rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
    margin-left: 0px;
    padding-left: 0px;
    margin-bottom: 13px;
    text-align: left;
}

.lwc-home-btn.sb-nom {
       margin-bottom: 20px
}

/*
a.started-link-a + p {
    
font-size: .9rem;
display: inline-block;
border-bottom: 1px dotted black;
padding-bottom: 16px;
}
*/


.lwc-home-btn i {

    font-size: 1.1rem;
    font-weight: 600;
    vertical-align: -.1em;
    padding-left: 7px;
    transition: 0.3s;
    display: inline-block;
}

.lwc-home-btn:hover i {

    color: #005f86;
    vertical-align: -.1em;
    transition: 0.3s;
    transform: translate(7px);
}



.lwc-home-btn:hover {

    color: #005f86;
    cursor: pointer;
    padding-right: 14px;

}

.lwc-wm {
    width: 180px;
    height: auto;
    margin-top: 30px;
    padding-bottom: 25px;
}

/* calendar */

.lwc-home-calendar-day  {
    font-family: 'cooper_hewittheavy', 'Oswald', sans-serif;
    font-size: 2.4rem;
    margin-bottom: 3px;
    line-height: 1;
    margin-top: 16px;
    text-transform: uppercase;

}

.lwc-home-calendar-day-hh  {
    font-family: 'cooper_hewittheavy', 'Oswald', sans-serif;
    font-size: 2.5rem;
    margin-bottom: 12px;
    line-height: 1;
    text-transform: uppercase;
    text-align: left;
    color: #bf5700;

}

.bluecg-cal {
color: #005f86;
}

.lwc-home-calendar-month  {
    font-family: 'cooper_hewittheavy', 'Oswald', sans-serif;
    font-size: 1.1rem;
    margin-bottom: 3px;
    line-height: 1;
    margin-top: 3px;
    text-transform: uppercase;

}

.lwc-calendar-white {
    color: #ffffff;
}

.color-black {
    color: #000000;
}

.cmhc-home-group-btn-lwc-black {

    background: none;
    border: none;
    display: block;
    font-size: 1rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
    margin-left: 0px;
    padding-left: 0px;
    margin-bottom: 2px;
    text-align: left;
    color: #000000;
}

.cmhc-home-group-btn-lwc-black i {

    font-size: 1.1rem;
    color: #000000;
    font-weight: 600;
    padding-left: 0px;
    padding-right: 8px;
    transition: 0.3s;
    display: inline-block;
}

.cmhc-home-group-btn-lwc-white {

    background: none;
    border: none;
    display: block;
    font-size: 1rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
    margin-left: 0px;
    padding-left: 0px;
    margin-bottom: 2px;
    text-align: left;
    color: #ffffff;
}

.cmhc-home-group-btn-lwc-white i {

    font-size: 1.1rem;
    color: #ffffff;
    font-weight: 600;
    padding-left: 0px;
    padding-right: 8px;
    transition: 0.3s;
    display: inline-block;
}


.lwc-program-btn {
    margin-top: 12px;
    margin-bottom: 15px;
    background-color: #005f86;
    color: #ffffff;
    border: none;
    font-size: 1rem;
    font-family: 'Open Sans', sans-serif;
    cursor: pointer;
    padding: 3px 9px 3px 9px;
    transition: 0.3s;
    margin-bottom: 0px;
    margin-top: 16px;
}



.lwc-program-btn i {

    font-size: 1.2rem;
    font-weight: 600;
    vertical-align: -.1em;
    padding-left: 7px;
    transition: 0.3s;
}

.lwc-program-btn:hover i {

    font-size: 1.2rem;
    color: #000000;
    font-weight: 600;
    vertical-align: -.1em;
    padding-left: 7px;
    transition: 0.3s;
    padding-left: 13px;
}

.lwc-program-btn:hover {

    color: #000000;
    cursor: pointer;
    padding-right: 14px;

}



.greencg {
    background-color: #3a6b2c;
    color: #ffffff;
}

.pinkcg {
    background-color: #f1678c;
    color: #ffffff;
}

.whitecg {
    background-color: #ffffff;
    color: #000000;
}


.blue2cg {
    background-color: #005f86;
    color: #ffffff;
}

.orange2cg {
    background-color: #bf5700;
    color: #ffffff;
}

.bluecg {
    background-color: #003f58;
    color: #ffffff;
}

.yellowcg {
        background-color: #ff9a00;
        color: #ffffff;
}

.red-measles-cg {
        background-color: #ee3224;
        color: #ffffff;
}

.red-measles-cga {
        background-color: white;
        color: black;
}

.yellow2cg {
        background-color: #e7eb59;
        color: #000000;
}



.graycg {
    background-color: #5d6a72;
    color: #ffffff;
}

.purplecg {
    background-color: #7f58a5;
    color: #ffffff;
}

.orangecg {
    background-color: #ee2737;
    color: #ffffff;
}

.lightbluecg {
    background-color: #033f58;
    color: #ffffff;
}

.cmhchome-green {
    background-color: #579d42;
    color: #ffffff;
}

.cmhchome-orange {
    background-color: #f8971f;
    color: #ffffff;
}

.cmhchome-blue {
    background-color: #00a9b7;
    color: #ffffff;
}

.uhs-home2-redcg {
    background-color: #e41351;
    color: #ffffff;
}

.lwc-home-calendar-col {
    padding-bottom: 20px;
    position: relative;

}

h1.calendar-title-black {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: 700;
    color: black;
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px dashed #666666;
}

h1.calendar-title-black-nb {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: 700;
    color: black;
    margin-top: 12px;
    padding-top: 0px;

}

h1.calendar-title-white {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: 700;
    color: black;
    margin-top: 8px;
}



p.lwc-calendar-black {
    color: black;
    font-weight:500;
    line-height: 1.2;
}

p.lwc-calendar-white {
    color: white;
    font-weight:500;
}

.lwc-calendar-image {
    background-image: url(../images/lwc-calendar-table.jpg);
    background-position: top right;
    background-repeat: no-repeat; 
    background-size: cover; 

}

h4.lwc-program-h4 {
    font-size: 1rem;
    font-family: 'Open Sans', sans-serif;
    color: #000000;
    font-weight: 600;
    
}

.work-tag p {
    line-height: 1.2;
    padding-top: 8px;
}

.lwc-programs-container {
    padding-left: 0px;
    padding-right: 0px;
}

/*
.work-tag {
    background-color: red;
    min-height: 200px
}
*/

/* ----------------------------------- CMHC Groups -------------------------------*/

.groups-status {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.5;
    color: black;
    white-space: nowrap;
}

.closed {
    color: #CB1010;
}


/* ------------------- LWC About Page --------------------------*/

.values-lwc-icon1 {
    width: 18%;
    margin-bottom: 16px;
}

.values-lwc-icon1a {
    width: 18%;
    margin-bottom: 15px;
}

.values-lwc-icon2 {
    width: 19%;
    margin-bottom: 17px;
}

.values-lwc-icon3 {
    width: 16%;
    margin-bottom: 11px;
}

.values-lwc-icon4 {
    width: 16%;
    margin-bottom: 16px;
}

.values-lwc-icon5 {
    width: 15%;
    margin-bottom: 18px;
}


/* ------------------- LWC Program Pages --------------------------*/

/* ------------------- Texas Well-Being --------------------------*/

main#main ul li.support {
     background: url('../lwc/images/WBLE_SHIFT_Support.svg') no-repeat left top;
     background-size: 45px; 
     height: auto;
     padding-left: 58px;
     padding-bottom: 26px;
     line-height: 1em;
     padding-top: 15px;
     
}

main#main ul li.boundaries {
    background: url('../lwc/images/WBLE_SHIFT_BoundariesExpectations.svg') no-repeat left top;
    background-size: 45px;
    height: auto;
    padding-left: 58px;
    padding-bottom: 26px;
    line-height: 1em;
    padding-top: 15px;
     
}

main#main ul li.social {
    background: url('../lwc/images/WBLE_SHIFT_SocialCompetencies.svg') no-repeat left top;
    background-size: 45px;
    height: auto;
    padding-left: 58px;
    padding-bottom: 26px;
    line-height: 1em;
    padding-top: 15px;
     
}

main#main ul li.empowerement {
background: url('../lwc/images/WBLE_SHIFT_Empowerment.svg') no-repeat left top;
    background-size: 45px;
    height: auto;
    padding-left: 58px;
    padding-bottom: 26px;
    line-height: 1em;
    padding-top: 15px;
     
}

main#main ul li.constructive {
    background: url('../lwc/images/WBLE_SHIFT_ConstructiveUseTime.svg') no-repeat left top;
    background-size: 45px;
    height: auto;
    padding-left: 58px;
    padding-bottom: 20px;
    line-height: 1em;
    padding-top: 15px;
     
}

main#main ul li.commitment {
    background: url('../lwc/images/WBLE_SHIFT_CommitmentLearning.svg') no-repeat left top;
    background-size: 45px;
    height: auto;
    padding-left: 58px;
    padding-bottom: 26px;
    line-height: 1em;
    padding-top: 15px;
     
}

main#main ul li.values {
    background: url('../lwc/images/WBLE_SHIFT_PositiveValues.svg') no-repeat left top;
    background-size: 45px;
    height: auto;
    padding-left: 58px;
    padding-bottom: 26px;
    line-height: 1em;
    padding-top: 15px;
     
}

main#main ul li.identity {
background: url('../lwc/images/WBLE_SHIFT_PositiveIdentities.svg') no-repeat left top;
    background-size: 45px;
    height: auto;
    padding-left: 58px;
    padding-bottom: 26px;
    line-height: 1em;
    padding-top: 15px;
     
}

.quotecg {
        
    border: 5px solid #005f86;
    position: relative;
    padding: 40px 20px 20px 60px;
    margin-top: 46px;
    margin-bottom: 20px;
    margin-left: 30px;
        
    }
    
.quotecgimg {
        position: absolute;
        top: -15px;
        left: -40px;
        width: 95px;
        height: auto;
        border: 10px solid white;
    
    }
    
div.quotecg > p {
        font-size: 1.1rem;
        line-height: 1.4;
    }



/* ------------------- Peer Educators --------------------------*/

.lwc-peered-imgcol1 {
    background-image: url(../lwc/images/LWPE-Image-2.jpg);
    background-position: top;
    background-repeat: no-repeat; 
    background-size: cover; 
}

.lwc-peered-imgcol2 {
    background-image: url(../lwc/images/peer4.jpg);
    background-position: top;
    background-repeat: no-repeat; 
    background-size: cover; 
}

.lwc-peered-imgcol3 {
    background-image: url(../lwc/images/LWPE-Image-1a.jpg);
    background-position: top;
    background-repeat: no-repeat; 
    background-size: cover; 
}

.lwc-peered-textcol1 {
    padding: 46px 40px 46px 46px;
    background-color: #855faa; 
}

.lwc-peered-textcol2 {
    padding: 46px 40px 46px 46px;
    background-color: #e46184; 
}

.lwc-peered-textcol3 {
    padding: 46px 26px 32px 46px;
    background-color: #ffffff; 
}

.lwc-peered-textcol4 {
    padding: 0px 26px 32px 32px;
    background-color: #ffffff; 
}

.lwc-program-title {
    font-family: 'cooper_hewittheavy', 'Oswald', sans-serif;
    font-size: 2.4rem;
    margin-bottom: 3px;
    line-height: 1.1;
    text-transform: uppercase;
    word-spacing: 3px;
}

.lwc-program-title2 {
    font-family: 'cooper_hewittheavy', 'Oswald', sans-serif;
    font-size: 2rem;
    margin-bottom: 3px;
    line-height: 1.2;
    text-transform: uppercase;
    word-spacing: 3px;
}

.lwc-program-title3 {
    font-family: 'cooper_hewittheavy', 'Oswald', sans-serif;
    font-size: 4rem;
    margin-bottom: 3px;
    line-height: 1.2;
    text-transform: uppercase;
    word-spacing: 3px;
}

.lwc-program-title4 {
    font-family: 'cooper_hewittheavy', 'Oswald', sans-serif;
    font-size: 3.2rem;
    margin-bottom: 3px;
    line-height: 1.2;
    text-transform: uppercase;
    word-spacing: 3px;

}

.lwc-program-title5 {
    font-family: 'cooper_hewittheavy', 'Oswald', sans-serif;
    color: #F7E7A3;
    font-size: 5.2rem;
    margin-bottom: 0px;
    line-height: 1.2;
    text-transform: uppercase;
    word-spacing: 3px;
}

.lwc-program-text-white {
    margin-top: 22px;
    color: white;
    font-size: 1.1em;
    font-weight: 500;
}

.lwc-program-text-white2 {
    margin-top: 22px;
    color: white;
    font-size: 1.2em;
    font-weight: 500;
}

.lwc-program-text-white3 {
    margin-top: 20px;
    color: white;
    font-size: 1.2em;
    font-weight: 500;
    line-height: 1;
}

/*  spotify------------------------------------------------------------*/

.lwc-spotify-textcol1 {
    padding: 44px 40px 44px 44px;
          background-image: url(../lwc/images/spotify-back.jpg);
  background-color: #ffec7c;

}

.lwc-spotify-textcol1a {
    padding: 44px 40px 44px 44px;
  background-color: #c599d6;

}

.lwc-spotify-imgcol1 {
    background-image: url(../lwc/images/spotify4.jpg);
     background-color: #ffec7c; 
    background-position: top;
    background-repeat: no-repeat; 
    background-size: cover; 

}

.lwc-spotify-imgcol1a {
    background-image: url(../images/female-student4.jpg);
     background-color: #c599d6; 
    background-position: top;
    background-repeat: no-repeat; 
    background-size: cover; 

}

/*  canvas ------------------------------------------------------------*/

.lwc-canvas-imgcol1 {
    background-image: url(../lwc/images/canva.jpg);
    background-position: top;
    background-repeat: no-repeat; 
    background-size: cover; 
}



/*  Get Kinetic ------------------------------------------------------------*/

.lwc-kinetic-imgcol1 {
    background-image: url(../images/kinetic3.jpg);
    background-position: top;
    background-repeat: no-repeat; 
    background-size: cover; 
}


.lwc-kinetic-imgcol2 {
    background-image: url(../images/kinetic2.jpg);
    background-position: top;
    background-repeat: no-repeat; 
    background-size: cover; 
}

.lwc-kinetic-textcol1 {
    padding: 44px 40px 44px 44px;
    background-color: #016791; 
}

.border-between-kinetic > [class*='col-']:before {
   background: #333f48;
   bottom: 0;
   content: " ";
   left: 0;
   position: absolute;
   width: 1px;
   top: 0;
}

.border-between-kinetic > [class*='col-']:first-child:before {
   display: none;
}

span.circle {
    font-family: 'Oswald', sans-serif;
    font-size: 62px;
    background: #cab4e0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #855faa;
    display: inline-block;
    font-weight: bold;
    line-height: 188px;
    margin-right: 5px;
    text-align: center;
    width: 188px;
      }

span.circlesm {
    font-family: 'Oswald', sans-serif;
    font-size: 44px;
    background: #005f86;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    line-height: 150px;
    margin-right: 5px;
    text-align: center;
    width: 150px;
      }

div.percentage-container {
    padding: 14px 0px 14px 0px;
    border-bottom: 0px solid #e1dfdf;
}

/* -------------------------------- SHARE ----------------------------------------------*/



main#main ul.cgdays li {
    padding-left: 0px;
/*    line-height: 1.6;*/
}

main#main ul.cgdays li {
    display: inline;
    font-size: .9rem;
}
    
ul.cgdays li:after {
    content: '\205E';
/*    content: '\007C';*/
    width: 5px;
    text-align: center;
    display: inline-block;
    margin-right: 13px;
    margin-left: 15px;
    opacity: 0.6;}
    
ul.cgdays li.personcg:after {
    content: none;
        
    }

li.clockcg:before  {
    content: "\F291"; 
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-size: 1rem;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    position: relative;
    top: 2px;
    margin: 0px 10px 0px 0px;
    vertical-align: top;
}

    
    
li.personcg:before  {
    content: "\F4d7"; 
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-size: 1rem;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    position: relative;
    top: 2px;
    margin: 0px 10px 0px 0px;
    vertical-align: top;
}
          
li.calcg:before  {
  content: "\F214"; 
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-size: 1rem;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    position: relative;
    top: 2px;
    margin: 0px 10px 0px 0px;
    vertical-align: top;
}
          

        
li.locationcg:before { 
    content: "\F3E7"; 
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-size: 1rem;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    position: relative;
    top: 1px;
    margin: 0px 10px 0px 0px;
    vertical-align: top;
}


     

/* -----------------bruce the bat ----------------------------------------------------------*/

.bruce-container {
    position: relative;
}

.bruce {
    position: absolute;
    top: -53px;
}

.bruce-factoid {
    margin-top: 40px;
    background-color: #ffffff;
    border: 3px solid #bf5700;     ;
    padding: 11px;
    border-radius: 12px;
    position: relative;
}

.bruce-factoid-type {

    position: absolute;
    display: block;
    padding-left: 6px;
    padding-right: 20px;
    height: 32px;
    background-color: white;
    top: -12px;
    left: -8px;
    font-family: 'cooper_hewittheavy', 'Oswald', sans-serif;
    color: #bf5700;
    font-size: 1.4rem;
    text-transform: uppercase;
       line-height: 1.1;
}


.bruce-factoid p {
    margin-top: 20px;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.3;
    color: #bf5700;
       
}   

.bruce-factoid p.lf {
       font-size: 1.1rem;
}

.bruce-factoid p.blackcgp {
    margin-top: 20px;
    font-family: 'Open Sans', sans-serif;
        font-weight: 500;
    font-size: 1rem;
    line-height: 1.5;
    color: black;
}
 


.brucecol {
    margin-bottom: 24px;    
    }

.taco {
    width: 26%;
}

.count {
    width: 31%;
}

.juice {
    width: 28%;
}

.car {
    width: 19%;
}

.emergency {
    width: 25%;
    margin-bottom: 17px;
}

.bruce-title {

    font-family: 'Roboto', sans-serif;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 700;
    color: #243858;
    margin-bottom: 16px;
    margin-top: 8px;
}

.torchys {
    background-color: #243858;
}

/* ------------------------------- Mindful UT -----------------------------------------*/

.utcalendar {
    background-color: #57c7da;
    padding: 14px;
    height: 100%;
}

.calendar-border {
    background-color: #ffffff;
    padding: 14px;
    height: 100%;
    border: 1px solid #c3c4c7;
}


.mindfood {
    background-image: url(../lwc/images/mindfulut-food.jpg);
    background-position: bottom center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */ 
}

.heading-block-mindful {
    margin-bottom: 16px;
    text-align: center;
}

.heading-block-mindful::after {
    content: '';
    display: block;
    margin-top: 26px;
    width: 50px;
    border-top: 4px solid #00517b;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
}

.update-box-mindful {
    display: flex;
    align-items: center; 
    justify-content: center;
    height: 100%;
    padding: 13px;

    }

.shadowcg { 
    box-shadow: rgba(60, 64, 67, 0.2) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

/*
.shadowcg2 { 
    box-shadow: rgba(60, 64, 67, 0.1) 0px 1px 2px 0px, rgba(60, 64, 67, 0.1) 0px 1px 3px 1px;
}
*/


.shadowcg { 
    border: 12px solid #eeeff1;
}
    


.back-gray {
    background-color: #f5f7f8;
}

.back-gray {
    background-color: #eeeff1;
}



.thrive-back {
    background-image: none;
}

.spotify-back {
    background-image: none;
}

.stress-back {
    background-image: none;
}

.brain-back {
    background-image: none;
}

.thrive-img {
    display: block;
}


/* --------------------- card --------------------------------*/

.card-wrapper {
    border-radius: 8px;
    background-color: #ffffff;
    padding: 15px 15px 15px 15px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    margin-bottom: 20px;
    display: flex;
    
}

/* ------------------------ HSOP -------------------------------*/

.hsop-image {
    background-image: url(../lwc/images/lwc-peered-living-life.jpg);
    background-position: top center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */ 
}

.hsop-image2 {
    background-image: url(../lwc/images/lwc-peered-living-life.jpg);
    background-position: 100% 10%; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: contain; /* Resize the background image to cover the entire container */ 
}

.hsop-back {
    background-color: #d6d2c4;
}

.hsop-col {
    height: 100%;
    border-bottom: 1px solid #929290;
}

.hsop-col-bot {
    height: 100%;
    border-bottom: 0px solid #929290;
}

.eventdiv {
    border: 1px solid #ababab;
    padding: 14px;
    margin-bottom: 22px;
}

/*
.eventdiv:last-of-type  {

    border-bottom: 1px solid #8f9092;
}
*/

.datebox {
    background-color: #005f86;
    width: 100px;
    height: 100px;
    display: flex; 
    justify-content: center; 
    align-items: center; 
    margin-bottom: 20px;
}


.eventcontent {
    display: inline-block;
}

.event-day {

    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    font-size: 3.5rem;
    margin-bottom: 0px;
    line-height: 0.9;
    text-transform: uppercase;
    letter-spacing: -0.1rem;

}

.event-month {

    font-family: 'Roboto','Oswald', sans-serif;
    color: #ffffff;
    font-size: 1.6rem;
    line-height: 0.9;
    margin-top: 0px;
    text-transform: uppercase;
    letter-spacing: 0.2rem;
    margin-bottom: 0px;

}

p.event-main {
    margin-bottom: 6px;
}

.eventh3 {
    margin-top: 0.2rem;
}


/* ---------- Longhorns Under the Sun ------------------------------------------*/

.sunitem {
	display: inline-block;
	padding: 1em;
	margin: 0 0 0.5em 0;
	width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
	-webkit-transition:1s ease all;
	   -moz-transition:1s ease all;
		   transition:1s ease all;
	-webkit-box-sizing: border-box;
	   -mox-box-sizing: border-box;
	        box-sizing: border-box;
	
}

.lus-glasses {
    background-color: rgba(106, 139, 199, 0.3);
    padding-bottom: 135px;
}

.lus-sunscreen {
    background-color: rgba(250, 209, 86, 0.3);
    padding-bottom: 160px;
}

.lus-hydrate {
    background-color: rgba(70, 36, 69, 0.2);
    padding-bottom: 170px;
}

.lus-shade{
    background-color: rgba(225, 128, 62, 0.2);
    padding-bottom: 200px;
}

.lus-uv{
    background-color: rgba(243, 108, 33, 0.2);
    padding-bottom: 134px;
}

.glasses {
    position: absolute;
    bottom: 5px;
    right: -20px;
    width: 58%;
}

.sunscreen {
    position: absolute;
    bottom: -30px;
    right: 10px;
    width: 20%;
}

.water {
    position: absolute;
    bottom: -30px;
    right: 10px;
    width: 25%;
}

.umbrella {
    position: absolute;
    bottom: -10px;
    right: -8px;
    width: 40%;
}

.sun {
    position: absolute;
    bottom: -15px;
    right: -9px;
    width: 30%;
}


/* ----------------- HH Sleep ----------------------------------*/

.lwc-sleep-imgcol1 {
    background-image: url(../lwc/images/bevo-nap.jpg);
    background-repeat: no-repeat; 
    background-size: cover; 
}

.lwc-sleep-textcol {
    background-color: #a6cd57;
    padding: 44px 40px 44px 44px;
}

.napmap_back {
    background-color: #ebeff1;
}

.nap-legend-access {
    width: 50px;
    margin-right: 47px;
    margin-top: 3px;
}

.nap-legend-crowd {
    width: 60px;
    margin-right: 37px;
    margin-top: 5px;

}




.legend-div {
    padding: 6px 14px;
}



.legend-p {
    margin-bottom: 24px;
}

.legend-p::after {
    content: '';
    display: block;
    width: 120px;
    border-top: 1px solid #444;
    text-align: left;
    margin: 0 auto;
}

main#main ul.sleep {
    padding-left: 0px;
}
    
ul.sleep li {
    display: inline; font-size: 14px;
}
    
 
        
ul.sleep li:after {
    content: '\205E';
    width: 5px;
    text-align: center;
    display: inline-block;
    margin-right: 13px;
    margin-left: 15px;
    opacity: 0.6;}
    
ul.sleep li.personcg:after {
        
    content: none;
        
    }
       
    
main#main ul li.access  {
	background-image: url('../lwc/images/accessibility_con_final_blue.svg');
	background-size: 18px;
  	background-repeat: no-repeat;
	background-position: left center;
	display: inline;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 30px;

}
    
    
main#main ul li.comfort  {
	background-image: url('../lwc/images/sofa.svg');
	background-size: 22px;
  	background-repeat: no-repeat;
	background-position: left center;
	display: inline;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 36px;

}
          
main#main ul li.crowd  {
	background-image: url('../lwc/images/crowd_icon_blue.svg');
	background-size: 25px;
  	background-repeat: no-repeat;
    background-position: left center;
	display: inline;
    margin-top: 0px;
    margin-bottom: 0px;
	padding-left: 38px;
}
          

        
main#main ul li.noise  {
	background-image: url('../lwc/images/megaphone.svg');
	background-size: 23px;
  	background-repeat: no-repeat;
	background-position: left center;
	display: inline;
    margin-top: 0px;
    padding-left: 34px;
}

ul.sleep li.noise:after {
        
    content: none;   
    }
     
h3 a {color: #bf5700;}


/* ----------------- Play it Safe ----------------------------------*/

.condom {
    width: 11%;
    margin-bottom: 16px;
}

.pills {
    width: 18%;
    margin-bottom: 18px;
}

.vaccine {
    width: 21%;
    margin-bottom: 16px;
}

.talk {
    width: 23%;
    margin-bottom: 16px;
}

.test {
    width: 7%;
    margin-bottom: 15px;
}

.sober {
    width: 18%;
    margin-bottom: 16px;
}

.laptop-play {
    width: 20%;
    margin-bottom: 16px;
}

/* --------------------------- wellness messaging --------------------------------*/

.talk2 {
    width: 5%;
    margin-right: 16px;
}

/* ------------------------------ table ------------------------------------------*/

caption {
    caption-side: top;
}

table.cgstripe {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);

table.cgstripe caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table.cgstripe tr {
border-right: 8px solid #fff;
border-left: 8px solid #fff;
  padding: .35em;
  vertical-align: top;
}

table.cgstripe tr.invis {
border-right: 8px solid #fff;
border-left: 8px solid #fff;
  padding: .35em;
  vertical-align: top;
}

table.cgstripe tr:nth-child(even) {
  background-color: #ECEDED;
}

table.cgstripe tr:nth-child(odd) {
  background-color: #fff;
}

table.cgstripe th,
table.cgstripe td {
  padding: .625em;
  text-align: left;
font-family: 'Open Sans', sans-serif;
font-size: .9rem;

}

table.cgstripe th {
  padding-left: .3em;
}

table.cgstripe th:first-child {
  padding-left: .6em;
}


table.cgstripe th {

border-right: 8px solid #1e5a7e;
border-left: 8px solid #1e5a7e;
border-top: 1px solid #1e5a7e;
border-bottom: 1px solid #1e5a7e;
}

table.cgstripe th {
    font-size: .9rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    background-color: #1e5a7e;
    color: white;
    font-family: 'Open Sans', sans-serif;
}



table.cgstripe td {
    color: #000000;
}

main#main table.cgstripe td ul li {
    color: #000000;
    font-size: .9rem;
    margin-bottom: 6px;
}

main#main table.cgstripe td ul{
padding-left: 12px;
}

table.cgstripe {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table.cgstripe > tbody > tr:last-child {
        border-bottom: 8px solid #fff;

}

/* -----------------------------------------------*/


table.cgsimple {
    width: 100%;
}

 table.cgsimple th   {
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    background-color: #bf5700;
    color: #bf5700;
    }
    
table.cgsimple th, table.cgsimple td {
    padding: .625em;
    text-align: left;
    background-color: #ffffff;

}
    
table.cgsimple td {
vertical-align: top;
font-family: 'Open Sans', sans-serif;
font-size: 1rem;
color: #000000;

}
    
table.cgsimple tr {
    background-color: #ffffff;
    border-bottom: 1px solid #d3d7dc;
    }
    
table.cgsimple > tbody > tr > td:nth-of-type(2) {
    padding-left: 50px;

}


    
table.cgsimple > thead > tr > th:nth-of-type(2) {
padding-left: 50px;
}


/* ----------------footer ---------------*/
.footer {
    background-color: #343a40;
    height: 100px;
}

/*  internal pages */

.button.noborder a {
        border: none;
        outline: none;
        
    }
    
.button.noborder a:hover {
        border: none;
        outline: none;     
    }
    
.sidebar {
  
    color: #fff;
    display:inherit;
    margin-top: 0px;
    margin-top: 20px;
    top: 5px; 
}
    
.sidebar .sidebar-header {
    font-size: 18px;
    font-weight: 600;
    color: #332E2E;
    padding: 30px 5px 12px 7px;
}

.sidebar ul {
    
        /* background: #ebebeb; */
   
}




.sidebar ul {
    
        /* background: #ebebeb; */
}

.sidebar p {

    font-family: "Open Sans", sans-serif;
    font-size: 1em;
    line-height: 30px;
    font-weight: 300;
    letter-spacing: +0.02ex;
    color: #ffffff;
    padding-left: 8px;   
}

.sidebar ul li a {
    padding: 10px 10px 10px 7px;
    font-size: 1em;
    color: #ffffff;
	border-bottom: 1px solid #d6d2d2;
    display: block;
    line-height: 1.2em; 
}


main#main nav#immune-side-nav li.nolinkside {
    padding: 10px 00px 10px 0px;
    font-size: 1.1em;
    color: #ffffff;
	border-bottom: 0px solid #d6d2d2;
    display: block;
    line-height: 1.2em; 
    margin-top: 16px;
}


     

.sidebar ul li a:hover {
    color: #a7531f;
    background: #fff;
    text-decoration: none;
}

.sidebar ul li.sideactive a {
    color: #a7531f;
    background: #fff;
    text-decoration: none;

}

.sidebar ul li.active a {
    color: #a7531f;
    background: #fff;
    text-decoration: none;

}

.sidebar ul li a.active {
    color: #a7531f;
    background: #fff;
    text-decoration: none;

}

#cgsidecol {
    margin-bottom: 1px;
    background-color: #005f86;
    padding-top: 20px;
    margin-left: 15px;
    margin-right: -15px;
}
    


    
/*
.bi::before, [class^="bi-"]::before, [class*=" bi-"]::before {
        vertical-align: -0.2em;
    }
*/
    
#immune-side-nav li.nav-item {
    padding-bottom: 0px;
    }
    
#immune-side-nav li.nav-item .nav-link {
        margin-right: 0px;
    }
    
main#main nav#immune-side-nav ul li {
        list-style-image: none;
        margin-bottom: 0px;
        padding-left: 0px;
    }
    
main#main nav#immune-side-nav ul {
        padding-left: 0px;
    }
    
    
/*
#twb-side-nav li.nav-item {
    padding-bottom: 0px;
    }
    
#twb-side-nav li.nav-item .nav-link {
        margin-right: 0px;
    }
    
main#main nav#twb-side-nav ul li {
        list-style-image: none;
        margin-bottom: 0px;
    }
    
main#main nav#twb-side-nav ul {
        padding-left: 0px;
    }
*/
    

/* ---- HH Mission and Values -------------------*/    

.values-image {
    background-image: url(../images/values1.jpg);
    background-position: bottom left; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */ 
    min-height: 500px;
    margin-left: 15px;
    margin-right: -15px;
}

.values-text {
    padding-left: 40px;
}

.values-icon1 {
    width: 18%;
    margin-bottom: 16px;
}

.values-icon2 {
    width: 18%;
    margin-bottom: 14px;
}

.values-icon3 {
    width: 16%;
    margin-bottom: 11px;
}

.values-icon4 {
    width: 14%;
    margin-bottom: 12px;
}

.values-icon5 {
    width: 17%;
    margin-bottom: 16px;
}

/* Location */

.cgmap1 {
    overflow: hidden;
    height: 109%;

}

.cgmap2 {
    margin-top: -70px;
}




/* UHS PAGES -------------------------------------------------------------------*/

.clinic-text {
    font-size: 1.1rem;
}





div.clinic-text-col h1{
margin-bottom: 0px;
}

div.clinic-text-col p {
    margin-bottom: 1.1rem;
    line-height: 1.3;
}

div.clinic-text-col p span>a {
    color: #bf5700;
    text-decoration: underline;
}

div.clinic-text-col p span>a:hover {
    color: #0089b7;
}

.uhs-clinic-divider-orange {
    width: 80px; 
    height: 5px;
    margin-bottom: 30px;
    margin-top: 12px;
}

.clinic-blue-container {
    background-color: #0082b3;
    
}

.quick-btn-white {

    background: none;
    color: #ffffff;
    border: none;
    display: block;
    font-size: 1rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
    margin-left: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
    text-align: left;
}

.quick-btn-orange {

    background: none;
    color: #ffffff;
    border: none;
    display: block;
    font-size: 1rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
    margin-left: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
    text-align: left;
}

.quick-btn-orange:hover {


    color: #ffffff;

}

.quick-btn-orange i {

    font-size: 1.1rem;
    font-weight: 600;
    vertical-align: -.1em;
    padding-left: 7px;
    transition: 0.3s;
    display: inline-block;
}

.quick-btn-orange:hover i {

    color: #ffffff;
    vertical-align: -.1em;
    transition: 0.3s;
transform: translate(7px);
 
}



.quick-btn-white i {

    font-size: 1.1rem;
    font-weight: 600;
    vertical-align: -.1em;
    padding-left: 7px;
    transition: 0.3s;
    display: inline-block;
}

.quick-btn-white:hover i {

    color: #ffffff;
    vertical-align: -.1em;
    transition: 0.3s;
transform: translate(7px);
 
}

.quick-btn:hover {

color: #0089b7;


}

main#main ul.col1-ul-margin {
    margin-bottom: 0px;
    
}

p.locationcguhs:before { 
    content: "\F3E7";
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-size: 1.1rem;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
     position: relative;
     top: 0px;
    margin: 0px 10px 0px 0px;
    vertical-align: top;
}

p.faxcguhs:before { 
    content: "\F500";
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-size: 1.2rem;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
     position: relative;
     top: 0px;
    margin: 0px 10px 0px 0px;
    vertical-align: top;
}

p.phonecguhs:before { 
    content: "\F5B4";
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-size: 1.1rem;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
     position: relative;
     top: 0px;
    margin: 0px 10px 0px 0px;
    vertical-align: top;
}

p.nurseadvicecguhs:before { 
background-image: url(../images/icon-247uhs-white2.svg);
background-repeat: no-repeat;
background-size: contain;
content: "";
width: 19px;
height: 19px;
display: inline-block;
    margin: 1px 10px 0px 0px;
    vertical-align: top;
    
}



p.crisiscguhs:before { 
    content: "\F33A";
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-size: 1.1rem;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
     position: relative;
     top: 0px;
    margin: 0px 10px 0px 0px;
    vertical-align: top;
}

p.nurseadcguhs:before { 
    content: "\F33A";
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-size: 1.1rem;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
     position: relative;
     top: 0px;
    margin: 0px 10px 0px 0px;
    vertical-align: top;
}

p.hourscguhs:before { 
    content: "\F291";
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-size: 1.1rem;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
     position: relative;
     top: 0px;
    margin: 0px 10px 0px 0px;
    vertical-align: top;
}

p.calcguhs:before { 
/*    content: "\F1E1";*/
    content: "\F214";
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-size: 1.1rem;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
     position: relative;
     top: 0px;
    margin: 0px 10px 0px 0px;
    vertical-align: top;
}

p.emailcguhs:before { 
/*    content: "\F1E1";*/
    content: "\F32C";
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-size: 1.2rem;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
     position: relative;
     top: 0px;
    margin: 0px 10px 0px 0px;
    vertical-align: bottom;
}

p.calcguhs, p.personcguhs, p.cal2cguhs, p.hourscguhs, p.emailcguhs, p.phonecguhs, p.faxcguhs, p.locationcguhs  { display: flex;}

p.personcguhs:before { 
    content: "\F4d7";
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-size: 1.1rem;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
     position: relative;
     top: 0px;
    margin: 0px 10px 0px 0px;
    vertical-align: top;
}

p.cal2cguhs:before { 
    content: "\F214";
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-size: 1.1rem;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
     position: relative;
     top: 0px;
    margin: 0px 10px 0px 0px;
    vertical-align: top;
}

p.icon-red:before {
    color: #ee3224;
}

p.smar {margin-bottom: 0.1rem;}

.clinic-text2 {
    font-size: 1.1rem;
    display:inline;
}

p.staffcguhs:before { 
    content: "\F4D7";
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-size: 1.1rem;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
     position: relative;
     top: 0px;
    margin: 0px 10px 0px 0px;
    vertical-align: top;
}

/* SPORTS MEDICINE */

.uhs-sports-imagecol {
    background-image: url(../uhs/images/sports-main2.jpg);
    background-position: top;
    background-repeat: no-repeat; 
    background-size: cover; 
}

/* TEMP */


.uhs-temp-imagecol {
    background-image: url(../uhs/images/clinic-temp.jpg);
    background-position: top;
    background-repeat: no-repeat; 
    background-size: cover; 
}

/* UC */


.uhs-uc-imagecol {
    background-image: url(../uhs/images/uc-main1.jpg);
    background-position: top;
    background-repeat: no-repeat; 
    background-size: cover; 
}

/* GM */


.uhs-gm-imagecol {
    background-image: url(../images/gm-main1.jpg);
    background-position: top;
    background-repeat: no-repeat; 
    background-size: cover; 
}



/* PT */


.uhs-pt-imagecol {
    background-image: url(../uhs/images/pt-main.jpg);
    background-position: top;
    background-repeat: no-repeat; 
    background-size: cover; 
}

/* Radiology */


.uhs-radio-imagecol {
    background-image: url(../uhs/images/radiology-main.jpg);
    background-position: top;
    background-repeat: no-repeat; 
    background-size: cover; 
}


/* Gynecology */


.uhs-gyn-imagecol {
    background-image: url(../uhs/images/gynecology.jpg);
    background-position: top;
    background-repeat: no-repeat; 
    background-size: cover; 
}

/* AIT */

.uhs-ait-imagecol {
    background-image: url(../images/ait-main1.jpg);
    background-position: top;
    background-repeat: no-repeat; 
    background-size: cover; 
}

/* FLU */

.uhs-flu-imagecol {
    background-image: url(../uhs/images/bevo-flu.jpg);
    background-position: top;
    background-repeat: no-repeat; 
    background-size: cover; 
}

/* LAB */

.uhs-lab-imagecol {
    background-image: url(../uhs/images/laboratory2.jpg);
    background-position: top;
    background-repeat: no-repeat; 
    background-size: cover; 
}

/* NAL */

.uhs-nal-imagecol {
    background-image: url(../uhs/images/nal.jpg);
    background-position: top;
    background-repeat: no-repeat; 
    background-size: cover; 
}

/* NUTRITION */

.nutrition-appt-img {   
    background-image: url(../uhs/images/nutrition-appt.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}


.uhs-nutrition-imagecol {
    background-image: url(../uhs/images/nutrition3-main.jpg);
    background-position: top;
    background-repeat: no-repeat; 
    background-size: cover; 
}

/* Blog Home -----------------------------------------------*/



.blog-flu {
    background-image: url(../images/ait-main1.jpg);

}


.blog-susan {
    background-image: url(../images/EmployeeDirectory/Susan-Hochman.jpg);

}

.blog-listen {
    background-image: url(../images/blog-longhorns-listen.jpg);

}

.blog-food {
    background-image: url(../images/blog-salad.jpg);

}

.blog-finals {
    background-image: url(../images/blog-finals.jpg);

}

.blog-mind {
    background-image: url(../images/blog-mind.jpg);

}

.blog-care {
    background-image: url(../images/blog-care.jpg);

}

.blog-lwpe {
    background-image: url(../images/blog-lwpe-home.jpg);

}

.blog-social {
    background-image: url(../images/story-sw1-small.jpg);

}

.blog-sca {
    background-image: url(../images/story-sca-home.jpg);

}



.story-finals-audrey {
    background-image: url(../images/story-Audrey.jpg);
    background-position: top left;
    background-repeat: no-repeat; 
/*    background-color: #f8f5f5;*/
    background-size: 50%; 
    position: relative;
    height: 360px;
}

p.finals-imgtext-audrey {
    font-family: 'Roboto', 'Oswald', sans-serif;
    position:absolute;
    top: 40px;
    left: 35%;
    color: #ffffff;
    z-index: 1;
    font-size: 1.1rem;
    background-color: #37473d;
    padding: 13px 13px 15px 21px;
    text-transform: none;
    border-radius: 4px;

}

.story-finals-madison {
    background-image: url(../images/story-Madison.jpg);
    background-position: top right;
    background-repeat: no-repeat; 
/*    background-color: #f8f5f5;*/
    background-size: 50%; 
    position: relative;
    height: 360px;
}

p.finals-imgtext-madison {
    font-family: 'Roboto', 'Oswald', sans-serif;
    position:absolute;
    top: 40px;
    right: 35%;
    color: #ffffff;
    z-index: 1;
    font-size: 1.1rem;
    background-color: #434b5d;
    padding: 13px 13px 15px 21px;
    text-transform: none;
    border-radius: 4px;

}


.story-finals-rocky {
    background-image: url(../images/story-Rocky.jpg);
    background-position: top left;
    background-repeat: no-repeat; 
/*    background-color: #f8f5f5;*/
    background-size: 50%; 
    position: relative;
    height: 360px;
}

p.finals-imgtext-rocky {
    font-family: 'Roboto', 'Oswald', sans-serif;
    position:absolute;
    top: 40px;
    left: 35%;
    color: #ffffff;
    z-index: 1;
    font-size: 1.1rem;
    background-color: #3f67b3;
    padding: 13px 13px 15px 21px;
    text-transform: none;
    border-radius: 4px;

}

.story-finals-about {
        font-family: 'Roboto', 'Oswald', sans-serif;
        font-size: 1.3rem;
}


/* Story Home Page ----------------------------------------------*/

.care-home-back {
    background-position: top;
    background-repeat: no-repeat; 
    background-size: cover;
 background-image: url(../images/story-care-home.jpg);


}



/* SSB Maps Page -----------------------------------------------*/
    
.map-container {
    background-color: #c7d2d9;
}

/* Tabs ------------------------------------------------------- */

main#main ul#myTabcg {
    background-color: white;
    padding-left: 0px;
    margin-bottom: 0px;
    
}

main#main ul#myTabcg li.nav-item {
    background-color: #d1eaf2;
     background-color: #cbd0d7;
    border-right: 1px solid #243858;
    text-align: center;
    align-items: center;
    padding-bottom: 0px;
    list-style: none;
    padding-left: 0px;
 
}




main#main ul#myTabcg li.nav-item:last-child {
    border-right: 0px solid #243858;
    border-bottom: 0px;

}

ul#myTabcg.nav{
    width: 100%;
    justify-content: space-evenly;
}

.nav-tabs {
    border-bottom: 0px;
}

ul#myTabcg li a.nav-link {
    border-radius: 0px;
    display: block;
    height: 100%;
    text-align: center;
    margin: 0 auto;
    border-bottom: 0px;
    padding-top: 8px;
    padding-bottom: 10px;

}

.nav-tabs .nav-link.active {
    border-top: 0px;
    border-bottom: 0px;
    background-color: #0089b7;
    background-color: #243858;
    background-color: #1e5a7e;
    color: white;
}

.nav-tabs .nav-link {
    border: 0px;
}

.nav-tabs .nav-link:hover{
    background-color: #243858;
    color: white;
}

div.tab-content.tab-contentcg {
    padding: 15px;
}

div.cg-tabs-border {
    border: 1px solid #243858;
}


 main#main ul.list-display li {
    margin-bottom: 1rem;
    font-size:1rem;
}

 main#main ul.list-checkmarks {
    padding-left:1.5rem;
}
 main#main ul.list-checkmarks li {
    list-style-type: none;
    list-style-image: none; 
    padding-left: 1rem;
}

 main#main ul.list-checkmarks li:before { 
    content: "\F26B";
    font-family: bootstrap-icons !important;
    font-style: normal;
     font-size: 1.3em;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
     position: relative;
     top: 4px;
    margin: 10px 10px 0 -28px;

}

 main#main ul.list-number li {
    list-style-type: none;
    list-style-image: none; 
    padding-left: 0rem;
}

 main#main ul.list-number li:before { 
     font-size: 1.2em;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
     position: relative;
     top: 4px;
    margin: 10px 10px 0 -28px;
}

 main#main ul.list-number li.cgone:before { 
    content: "\F796";

}

 main#main ul.list-number li.cgtwo:before { 
    content: "\F79C";

}

 main#main ul.list-number li.cgthree:before { 
    content: "\F7A2";

}

 main#main ul.list-number li.cgfour:before { 
    content: "\F7A8";

}

.ordered-span {
    display: block;
    margin-top: 14px;
}

/*
 main#main ul.list-checkmarks li:before { 
     content: url("../images/check4.png");
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    margin: 10px 10px 0 -28px;

}
*/





/*
 main#main ul.ugh li:before {   
    font-family: bootstrap-icons !important;
    content: "\F26A";

  }
*/

/* text box gray --------------------------------------- */

.text-box-gray-cg {
/*    background-color: #f4f5f6;*/
    border-radius: 4px;
    border: 1px solid #b8babc;
    border-top: 4px solid #bf5700;
    padding: 20px 30px 30px 30px;
    
}


/* step progress indicator ---------------------------------------------*/


ol#progress {
	list-style: none;
	counter-reset: list;
	padding: 0 1rem;
}

ol#progress li {
	position: relative;
	counter-increment: list;
	max-width: 45rem;
	margin: 2rem auto;
	padding: 2rem 1rem 1rem;
	box-shadow: 0.1rem 0.1rem .5rem rgba(0, 0, 0, 0.3);
	border-radius: 0.25rem;
	overflow: hidden;
	background-color: white;
}

ol#progress li::before {
	--stop: calc(100% / var(--length) * var(--i));
	--l: 62%;
	--l2: 88%;
	--c1: hsl(var(--h), 71%, var(--l));
	--c2: hsl(var(--h), 71%, var(--l2));
	
	content: '';
	display: block;
	width: 100%;
	height: 1rem;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(to right, var(--c1) var(--stop), var(--c2) var(--stop));
}

ol#progress h5 {
    font-family: 'Open Sans', sans-serif;
	display: flex;
	align-items: baseline;
	margin: 0 0 1rem;
	color: var(--brandColor);
    font-size: 1.4rem;
    
}

ol#progress h5::before {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 0 0 auto;
	margin-right: 1rem;
	width: 3rem;
	height: 3rem;
	content: counter(list);
	padding: 1rem;
	border-radius: 50%;
	background-color: var(--brandColor);
	color: white;
}

/*-- OPTION BOX ------*/

.options {
    
    position: relative;
    border: 1px solid #000;
    padding: 30px 14px 16px 14px;    
}

.options .opthead {
    position: absolute;
    font-size: 1.1rem;
    top: -14px;
    left: 30px;
    padding: 0px 8px;
    background-color: #fff;
    font-weight: 700;
}

.options p.opthead.nap {

    background-color: #ebeff1;
        
}


/* ---------------- Individual Counseling --------------------*/

.icimg {
    background-image: url(../cmhc/images/individual-counseling.jpg);
    background-position: bottom center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */ 
}

/* ---------------- Telehealth --------------------*/

.teleimg {
    background-image: url(../lwc/images/telehealth.jpg);
    background-position: top;
    background-repeat: no-repeat; 
    background-size: cover; 
}


/* ------------------ CMHC Crisis Page --------------------- */

.crisis_number {
    
    line-height: 1.1;
    font-size: 5.8rem; 
    font-family: 'Rubik', sans-serif;
    color: #ee3224;
    margin-bottom: 0px;
    margin-top: 10px;
    font-weight: 600;
    text-align: center;
}

.crisis_cmhc {
    margin-top: 26px;
}

.crisis-smaller {
        font-size: 2.8rem; 
    margin-bottom: 10px;
}

.crisis_size {
    font-size: 1.5rem;
    margin-bottom: 30px;
}

.crisis-color1 {
    background-color: #003347;
}

.crisis-color2 {
    background-color: #006A94;
}

.crisis-color3 {
    background-color: #004F6E;
}

.crisis-color4 {
    background-color: #004F6E;
}

.crisis-color5 {
    background-color: #003347;
}

.crisis-color6 {
    background-color: #0085BA;
}

.crisis-back {
    
   background: linear-gradient(180deg, #005f86 85%, #f4eeee 15%);
}

/* ----------------------- GROUPS PAGE ----------------------------------*/

.groups-location-div {
    background-color: #ee3224;
    padding: 3px 6px 3px 6px;
    display: inline-block;
    margin-bottom: 14px;
}

.groups-info {
    border-top: 1px solid #a5978a;
    border-bottom: 1px solid #a5978a;
    padding-top: 12px;
    padding-bottom: 7px;
    margin-top: 11px;
    margin-bottom: 14px;
}

.groups-registration-div {
    background-color: rgba(180, 146, 196, 0.3);
    padding: 9px 6px 12px 12px;

}


/*
.pwhite {
    color: white;
}
*/

/*------------------------------CMHC CARE Pages ----------------------------------------------*/

.blueh2 {
    color: #005f86;
}


.white-text-cg {
    color: #ffffff;
}

.orange-text-cg {
    color: #f8971f;
}

/* ------------------------ Footer -----------------------------------------------------*/

/*
.footer-col {
    padding-left: 28px;
}
*/

.footer-twitter {
    width: 32px;
    height: auto;
}

.footer-twitter:hover {
    width: 32px;
    height: auto;
    opacity: 60%;
}

.footer-socialmedia-container {
    display: flex;
    height: 100%;
    justify-content: flex-end;
    align-content: center;
    flex-wrap: wrap;
}

.footer-hh {
    width: 22%;
}

.footer-flex {
    flex-wrap: wrap;
}

.footer-emergency {
    background-color: #b22222;
    padding: 10px;
    margin-top: 18px;

}

.footer-ul {
    color: white;
      list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
}

.footer-ul li {
    padding-bottom: 5px;
        font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
}

.footer-ul li a {
    color: white;
    text-decoration: none;
    
}

.footer-ul li a:hover {
    color: white;
    text-decoration: underline;
}

/* EC added search engine and health topics style guide>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* ------------- Top Search Bar ------------- */

.search-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;  
    margin-left: 175px;
    width: 100%;
}

form#cse_searchbox {
    position: relative;
}

.search-input {
    height: 30px;
    border-radius: 15px;
    border: 1px solid #ccc;
    padding-right: 40px;  /* Normal padding on the right */
    padding-left: 15px;  /* Increased padding on the left to accommodate the SVG */
    font-size: 12px;
    width: 100%; /* Ensure input uses the full width of the container */
}

.svg.search {
    position: absolute;
    right: 10px; /* Positioned 10px from the left edge of the input field */
    width: 22px;
    height: 22px;
    fill: #bf5700;
    cursor: pointer; /* Ensure the SVG is clickable */
}

.search-input::placeholder {
    font-size: 13px;
    color: #999;
}

.search-column {
    margin-top: 15px;
}

.align-center-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;  
}


/* ------------- Health Topics ------------- */
.health-cards {
    border-radius: 8px;
    background-color: #ffffff;
    padding: 25px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 230px;
    height: auto;
    min-height: 80px;
    margin-bottom: 15px;
    text-align: left;
    transition: background-color 0.3s ease; 
}

.health-cards:hover {
    background-color: #e0e0e0; /* change color when hovering */
}


.card-text {
    font-family: 'Roboto', 'Oswald', sans-serif;
    font-weight: 400;
    color: #000000;
    font-size: 1rem;
    line-height: 1;
    text-align: left; 
}

.form-inline {
    display: flex; 
    align-items: center; 
    width: 300px; 
}

#search {
    flex-grow: 1; 
    margin-right: 8px; 
}


/* ------- Media Queries --------------------------------------------------------------------------------------*/



@media (min-width: 1700px) {
    
.doctor-img {   
    background-image: url(../images/student-dcotor1.jpg);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: cover;
}
    
.care-img-col {

    background-position: top left; /* Center the image */

}
    
    .quick-links-img-col {
    background-position: top left;

}
    
.col-getting-started2-image {

    background-position: bottom right; /* Center the image */
    background-size: contain; /* Resize the background image to cover the entire container */ 
}
    
}


@media (max-width: 1386px) {
    
.uhs-home2-hero-text-box {
    width: 55%;
}
    
.cmhc-home2-hero-text-box {
    width: 55%;
}    
    
}



@media  (min-width: 988px) and (max-width: 1313px) {
	
    div.dropdown-menu#uhsnavcontact {
    left: -50px;
}

    div.dropdown-menu#cmhcnavcontact {
    left: -70px;
}

    div.dropdown-menu#cmhc-forms {
    left: -70px;
}

}


@media (max-width: 1299px) { 

.cmhc-home2-hero-text-box {
    width: 45%;
}
    
.uhs-home2-hero-text-box {
    width: 49%;
}

}



@media (max-width: 1240px) { 



.hsop-image2 {
    background-image: url(../lwc/images/lwc-peered-living-life.jpg);
    background-position: 109% 10%; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: contain; /* Resize the background image to cover the entire container */ 
}
    
}

@media (max-width: 1200px) { 
    
.cmhc-home2-hero-text-box {
    width: 35%;
}    
    
a.dropdown-toggle.cgnav {
    margin-right: 30px;
} 

a.dropdown-toggle.cgnav7 {
    margin-right: 30px;
} 
    
.hh-home-blue-text {
    font-size: 1rem;
    line-height: 1.3;
    margin-bottom: 14px;
}
    
.uhs-blue-btn {
    font-size: 1rem;
}
    

.nav-link {
    margin-right: 25px;
}

.testcg2 {
    margin-right: 15px;
}
    
a.dropdown-toggle.cgnav7 {
    margin-right: 20px;
}
    
    
}

@media (max-width: 1199px) { 

.dept-nav {
    margin-right: 11px;
}
    
.uhs-home2-hero-text-box {
    width: 40%;
}
    



}

@media (max-width: 1170px) { 

.dept-nav {
    margin-right: 11px;
}
    

}


@media (max-width: 1161px) { 

.cmhc-home2-main {
    background-image: url(../images/cmhc-home2-blue-img.jpg);
 
}

.cmhc-home2-hero-text-box {
    width: 100%;
}

}

@media (max-width: 1148px) {
    
div.dropdown-menu#cmhc-forms {
    left: -118px;
}
}



@media (max-width: 1140px) { 
   

.hsop-image2 {
    background-image: url(../lwc/images/lwc-peered-living-life.jpg);
    background-position: 120% 10%; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: contain; /* Resize the background image to cover the entire container */ 
}  
    
.col-getting-started-image {

    background-size: cover; /* Resize the background image to cover the entire container */ 
}
    
}

@media (max-width: 1040px) { 

.hsop-image2 {
    background-image: none;

}

.uhs-home2-main {
    background-image: url(../images/uhs-home2-img-small.jpg);

}


.uhs-home2-hero-text-box {
width: 100%;
}
    


.uhs-home2-hero-hm {
    width: 26%;

}


}



@media (max-width: 992px) { 
    
.search-container {

    margin-left: 100px;

}
    
.blog-img {
    width: auto;
    height: 350px;
    margin-bottom: 20px;
    
}
    
    
li.dashcg:before  {
    content: "\F2EA"; 
    color: #000;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-size: 1rem;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    position: relative;
    top: 1px;
    margin: 0px 2px 0px 0px;
    vertical-align: top;
}
    
.dropdown-cols-2 .dropdown-menu > div {
    float: none;
    padding: 0px;
  }
    

li.clockcg:before  {
    top: 0px;
}

li.personcg:before  {
    top: 0px;
}

          
li.calcg:before  {
    top: 0px;
}
          
li.locationcg:before { 
    top: 0px;
}
    

    
main#main ul.cgdays li {
    display: block;
    margin-bottom: 6px;
    line-height: 1.4;
    
}
    
ul.cgdays li:after {
        content: none;
    }
    
.lwc-sleep-imgcol1 {
        height: 500px;
    }
    
.thrive-back {
    background-image: url(../lwc/images/mindful-thrive1.jpg);
    background-position: top center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */ 
}
    
.spotify-back {
    background-image: url(../lwc/images/mindful-music.jpg);
    background-position: top center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */ 
}

.stress-back {
    background-image: url(../lwc/images/mindful-relax.jpg);
    background-position: top center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */ 
}

.brain-back {
    background-image: url(../lwc/images/mindful-resources.jpg);
    background-position: top center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */ 
}
    
.lab-back {
    background-image: url(../lwc/images/mindful-lab.jpg);
    background-position: top center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */ 
}
    
.rx-back {
    background-image: url(../lwc/images/mindful-rx.jpg);
    background-position: top center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */ 
}


    
.thrive-img {
    display: none;
}
    
.dept-nav.dnavactive {
    color: #f3b05d;
}
    
.uhs-home-main-image {
    min-height: 550px;
}
    
.arrow-height {
    height: 0px;
}
    
.dropdown-menu.non-nav {
    box-shadow: 3px 3px 3px rgba(5,5,5,0);
    border: 1px solid rgba(0,0,0,0.20)
}

    
.whitessb {
    background-image: url(../images/ssb-whiteback-fullsize.png);
    height: 310px;
    opacity: 0.88;
    background-position: left; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: 75%; /* Resize the background image to cover the entire container */  
}   
    
.cmhc-hero-text-box {
    width: 80%;
}
    
.whitecmhc {
    height: 390px;
    background-size: 80%; 
}
    
.quick-link-dots {

    top: 80%;
    width: 21%;
    height: auto;
}

    
.ssb-text {

    font-size: 1.5rem;
    line-height: 1;
}
    
li.nav-item {padding-bottom: 7px;}
    
div.dropdown-multicol2>div.dropdown-col{
  display:contents;
  width: 32%;
}
    
.navactive {display: none;} 
    

    
.dept-nav {
    border-bottom: 1px dotted #828386;
    padding-bottom: 8px
}
    
.dept-nav.lhwc {
    border-bottom: 0px;
    padding-bottom: 0px
    }
    
.dropdown-menu {
    border: none;
    box-shadow: none;
  
    }
    
.col-getting-started-image {

    background-image: url(../images/started3b.jpg);
    background-size: contain; /* Resize the background image to cover the entire container */ 
}
    
    
.condom {
    width: 7%;
    margin-bottom: 16px;
}

.pills {
    width: 14%;
    margin-bottom: 18px;
}

.vaccine {
    width: 17%;
    margin-bottom: 16px;
}

.talk {
    width: 19%;
    margin-bottom: 16px;
}

.test {
    width: 5%;
    margin-bottom: 15px;
}

.sober {
    width: 14%;
    margin-bottom: 16px;
}

.laptop-play {
    width: 16%;
    margin-bottom: 16px;
}
    
.talk2 {
    width: 9%;
}
    
}

@media (max-width: 960px) {  

.lwc-program-title5 {

    font-size: 3rem;

}
    
.values-lwc-icon1 {
    width: 10%;
    margin-bottom: 16px;
}

.values-lwc-icon1a {
    width: 10%;
    margin-bottom: 15px;
}

.values-lwc-icon2 {
    width: 11%;
    margin-bottom: 17px;
}

.values-lwc-icon3 {
    width: 8%;
    margin-bottom: 11px;
}

.values-lwc-icon4 {
    width: 8%;
    margin-bottom: 16px;
}

.values-lwc-icon5 {
    width: 7%;
    margin-bottom: 18px;
} 
    
}


@media (max-width: 900px) {  
    
    

    
.quick-links-col-text {
    padding: 60px 50px 60px 15px;
    background-image: url(../images/student-female-black14-background3.jpg);


}
    
h1.care {
 
    left: 10%;

}
    
.quick-link-dots {

    top: 90%;
    width: 90%;
    height: auto;
}
    
.whitessb {  
    opacity: .88;
    background-size: 90%;
    
    }
    
.cmhc-hero-text-box {
    width: 85%;
}
    
.whitecmhc {

    background-size: 90%; 
}
  
    
}

@media (max-width: 892px) { 
    
 h1.lwc-home-h1 {
    top: 20px;
    font-size: 3rem;

}

h1.lwc-home-h1-b {
    top: 100px;
    font-size: 3rem;

}

.lwc-home-col-text {
    padding-top: 260px;
    padding-right: 15px;
}   
    
    
}

@media only screen and (max-width: 768px) { 
    
.alert-home {
    padding-left: 0px;

}
    
.hhcal {
    margin-left: 0px;
}
   

.doctor-text {
    
    padding: 30px 30px 30px 45px;
}


.bucket-wm-hl {
    width: 30%;

} 

.bucket-wm {
    width: 30%;

} 

.lwc-home-calendar-day-hh  {
    text-align: left;
}

.cal-img-position {
bottom: 15px;
left: 0px;
}

.update-hh-button {
        bottom: 15px;

}
    
#cgsidecol {margin-bottom: 40px;}
    
.values-image {
    background-image: url(../images/values1.jpg);
    background-position: bottom left; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */ 
    min-height: 400px;
    margin-left: 15px;
    margin-right: 15px
}
    
.values-text {
    padding-left: 15px;
    padding-top: 30px;
}

    
a:focus {
outline: 0 !important;
}
    
input,
textarea,
button,
select,
a:hover {outline: 0 !important;
        
    }
    
}


@media (max-width: 875px) { 
    
.measles-banner2 {
    background-image: none;
  background-color: #ee3224;
    border: 16px solid #ee3224;
    color: #ee3224;
}
    
    
.red-measles-cg {
        background-color: #fff;
        color: black;
}

.banner-measles-text2 {
position: inherit;
text-align:left;
    left: 0%;
    
}

.measles-text {
display: inline-block;
background-color: white;
    padding: 8px 8px 6px 8px;
    color: #ee3224;

}
    
.measlesh3 {
    color: white;
}

.star {
    color: white;
}

 p.measles-banner-text2 {
    font-family: 'cooper_hewittheavy', 'Oswald', sans-serif;
    color: white;
    font-size: 3.1rem;
    line-height: 1;
    margin-top: 0px;
    padding-left: 0px;
    text-transform: uppercase;

}
    

.virus4 {
    display: block;
    position: absolute;
    top: 5%;
    right: 1%;
}
    
.virus5 {
    display: block;
    position: absolute;
    top: 3%;
    right: 17%;
    width: 60px;
    height: auto;
}
    
.virus6 {
    display: block;
    position: absolute;
    top: 20%;
    right: 18%;
    width: 45px;
    height: auto;
}
    
.virus2 {
display: none;
}
    
.virus1 {
display: none;
}
    
.virus3 {
 display: none;
}
    
.virus1s {
    position: absolute;
    top: 20%;
    left: 82%;
}

.virus2s {
    position: absolute;
    top: 16%;
    left: 73%;
}

.virus3s {
    position: absolute;
    top: 2%;
    left: 76%;
}
    
.virus1sa {
    position: absolute;
    top: 20%;
    left: 82%;

}

.virus2sa {
    position: absolute;
    top: 16%;
    left: 73%;
}

.virus3sa {
    position: absolute;
    top: 2%;
    left: 76%;
}
    

.measles-main-text2 {
    position: inherit;
left: 0;
    
    width: 100%;
}

    
}


@media (max-width: 768px) { 
    
.lwccalbuttonpos {

    left: 30px;
}
    
p.number247 {
    margin-bottom: 20px;
}
    
.mb-45 {
    margin-bottom: 20px;
}
    
.mb-46b {
    margin-bottom: 20px;
}

    
.mb-46 {
    margin-bottom: 60px;
}
    
#cgsidecol {

    margin-left: 0px;
    margin-right: 0px;
}
    
.search-column {
    margin-top: 10px;
    margin-bottom: 15px;
    
}
    
.search-container {

    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-left: 0px;
    width: 100%;
}
    
.lwc-home-calendar-col {
    padding-left: 30px;
    }
    
.twentyfour-container {
    padding-top: 30px;
    }

    
.twentyfour-div-uhshome {

/*    border-radius: 4px;*/
margin-top: 40px;

}
    
h1.center {
    text-align: left;
}    
    
/*
.twentyfour-div-uhshome {

margin-left: 15px;
margin-right: 15px;
}
*/
    
.footer-hh {
    width: 60%;
}

.uhs-home2-hero-hm {
    width: 38%;

}


table.cgstripe tr.invis {
display: none;
}
    
.values-lwc-icon1 {
    width: 15%;
    margin-bottom: 16px;
}

.values-lwc-icon1a {
    width: 15%;
    margin-bottom: 15px;
}

.values-lwc-icon2 {
    width: 16%;
    margin-bottom: 17px;
}

.values-lwc-icon3 {
    width: 13%;
    margin-bottom: 11px;
}

.values-lwc-icon4 {
    width: 13%;
    margin-bottom: 16px;
}

.values-lwc-icon5 {
    width: 12%;
    margin-bottom: 18px;
} 
    
.hsop-col-bot {
    height: 100%;
    border-bottom: 1px solid #929290;
}
    
.update-box-mindful {
    display: flex;
    align-items: center; 
    justify-content: center;
    height: 100%;
    padding: 28px 16px;
    }
    
.thrive-img {
    display: block;
}
    
.bruce {
    position: relative;
    top: 0px;
}
    
.crisis-back {
    
   background: linear-gradient(180deg, #005f86 100%, #f4eeee 0%);
}
    
    
.values-icon1 {
    width: 13%;
    margin-bottom: 16px;
}

.values-icon2 {
    width: 13%;
    margin-bottom: 14px;
}

.values-icon3 {
    width: 13%;
    margin-bottom: 11px;
}

.values-icon4 {
    width: 13%;
    margin-bottom: 12px;
}

.values-icon5 {
    width: 13%;
    margin-bottom: 16px;
}
    
.lwc-kinetic-imgcol1 {
        height: 500px;
    }


    
.lwc-program-title5 {
    font-size: 5rem;

}
    
.lwc-peered-imgcol1 {
    background-position: top;
    height: 280px;

}

.lwc-peered-imgcol2 {
    background-position: top;
    height: 280px;

}

.lwc-peered-imgcol3 {
    background-position: top;
    height: 280px;

}
    
table.cgstripe tr:nth-child(odd) {
  background-color: #f8f8f8;
}  
    
table.cgstripe tr:last-child {
    margin-bottom: 8px
}  
    
table.cgstripe tr:first-child {
    margin-top: 8px;
} 
    
 table.cgstripe {
    border: 0;
  }

  table.cgstripe caption {
    font-size: 1.3em;
    }
  
  table.cgstripe thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.cgstripe tr {
/*    border-bottom: 3px solid #ddd;*/
    display: block;
    margin-bottom: 8px;
  }
    
table.cgstripe > tbody > tr:last-child {
        border-bottom: 0px;

}

  
  table.cgstripe td {
    border-bottom: 1px solid #ddd;
    display: block;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
  }
    
  table.cgstripe th {
    font-size: 1rem;
    font-family: 'Open Sans', sans-serif;
  }
    
  table.cgstripe td ul {
margin-top: 28px;
  }
  
  table.cgstripe td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    display: block; 
    width: 100%;  
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table.cgstripe td:last-child {
    border-bottom: 0;
  }    
   
    
  
    
 table.cgstripe {
    border: 0;
  }    
    
table.cgsimple caption {
    font-size: 1.3em;
  }
    
    
table.cgsimple > tbody > tr > td:nth-of-type(2) {
    color: #000000;
    padding-left: .625em;
}
  
  table.cgsimple thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.cgsimple tr {
/*    border-bottom: 3px solid #ddd;*/
    display: block;
    margin-bottom: .625em;
      border: 1px solid #ddd;
      background-color: #f8f8f8;
  }
  
  table.cgsimple td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 1em;
    text-align: left;
  }
    
  table.cgsimple td ul {
margin-top: 28px;
  }
  
  table.cgsimple td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    display: block; 
    width: 100%;  
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table.cgsimple td:last-child {
    border-bottom: 0;
  }    
  
/* ----------------------------------------- */  
    
.cmhc-location-div {
    min-height: 150px;
}
    
.uhs-home-main-text {
    margin-bottom: 20px;
    }
    
.iframe-map-text-top-margin {
    margin-top: 24px;
    }
    
 h1.lwc-home-h1 {
    position: inherit;
    font-size: 2.4rem;
     left: 5px;
}

h1.lwc-home-h1-b {
    position: inherit;
    font-size: 2.4rem;
    display: none;
    top: 0px;
    left: 5px
    }
    
.lwc-wm {
    margin-top: 5px;
    }
    
.lwc-h1-small {
    padding-left: 0px;
    font-family: 'Roboto', 'Oswald', sans-serif;
    font-weight: 900;
    text-decoration: none;
    }
    
.lwc-h1-small:nth-of-type(2) {
   margin-bottom: 30px;
    }
    
.lwc-home-col-text {
    padding-top: 20px;
    padding-right: 15px;
}
    
.lwc-home-hero-image {
    background-image: none;

}
    
 
.uhs-home-wm {
    width: 30%;
}

    
.hh-blue-location {
    position: inherit;
    margin-top: 30px;
}
    
.card {

    width: 100%;
}
    
.col-help {
   margin-top: 20px;
}
    
    
.hh-blue-location {
    position: relative;
    bottom: 0px;
    left: 0px;
}
    
.uhs-home-main-image {
    padding-right: 0px;
    padding-left: 0px;
}
    
.uhs-home-img-caption {
    padding-left: 0px;
    padding-right: 0px;

}
    
h1.care {
    position: relative;;
    color: #000000;
    z-index: 0;
    top: 0px;
    left: 0px;
    font-size: 2.6rem;
    background-color: transparent;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 25px;
}
    
.quick-link-dots {

    top: 98%;
    width: 40%;
    height: auto;
}

.care-col-text {

    position: relative;
    padding-top: 20px;

}
    
.whitessb {
    background-image: url(../images/ssb-whiteback-fullsize.png);
    opacity: 0.88;
    background-position: left; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: 100%; /* Resize the background image to cover the entire container */  
}
    


.ssb-text {

    font-size: 1.5rem;
 
}

.ssb-text-box {
    width: 100%;
}

 
.cmhc-hero-text-box {
    width: 100%;
}
    
.whitecmhc {
    height: 420px;
    background-size: cover; 
    opacity: .88;
}
    

    
.additional {
    height: auto;
    margin-bottom: 18px;
}
    
div.datecontainer3 {
    padding: 14px 0px 18px 0px;
    border-bottom: 1px solid #e1dfdf;
    }
    
                 
.cgsec {
                        
    border-bottom: 0px solid #e3e3e3;
    margin-bottom: 0px;
    }    
    
.border-between > [class*='col-']:before {
    display: none;
}
    
.border-between-uhs > [class*='col-']:before {
    display: none;
}

.border-between-uhs > [class*='col-']:first-child:before {
   display: none;
}
    
.update-row-top {
    padding-bottom: 0px;
}
                 
.col-getting-started-text {
    padding-left: 15px;
    
}
    
.col-getting-started-links {
    padding-top: 6px;
    padding-left: 15px;
}
    
.quick-links-img-col {

    background-size: contain; /* Resize the background image to cover the entire container */ 
  
}
    
.col-uhs-border {
    padding-right: 0px;
    padding-left: 0px;
}
    
.uhs-two-update, .uhs-three-update {
    padding-left: 0px;
}

    
}

@media only screen and (max-width: 641px) {
    

    
.uhs-home-img-caption {
    padding-left: 15px;
    padding-right: 15px;

}
    
.col-uhs-border {
    padding-right: 15px;
    padding-left: 15px;
}
    
a:focus {
outline: 0 !important;
}
    
input,
textarea,
button,
select,
a:hover {outline: 0 !important;
        
    }
    
}
      
@media (max-width: 640px) {
   
div.tab-content.tab-contentcg {
    padding-top: 20px;
}    

.nav {
    
    flex-direction: column;
}  
    
main#main ul#myTabcg li.nav-item {
    
    width: 100%;
    margin-bottom: 0px;
    border-bottom: 1px solid #243858;
    border-right: none;
}

    
.values-image {

    min-height: 400px;
    margin-left: 15px;
    margin-right: 15px
}
    
.values-text {
    padding-left: 15px;
}
    
    
.quick-links-col-text {
        padding-top: 0px;
    }
    
h1.ql {
    position: inherit;
    color: #000000;
    z-index: 1;
    font-size: 3rem;
    background-color: #fc7870;
    padding: 7px 8px 2px 8px;
    margin-bottom: 0px;
}

h1.ql2 {
    position:inherit;
    color: #ffffff;
    font-size: 2rem;
    background-color: transparent;
    padding: 0px;
    margin-top: 7px;
    
}
    
ul.ul-links {
    margin-top: 18px;
    padding-left: 24px;
    }
    
.uhs-two-update, .uhs-three-update {
    padding-left: 0px;
}
    

    
.ht-title {

    text-align: left;
}
    
.col-getting-started2-text {
    padding-left: 15px;
    
}
    
.ht-text {

    padding-left: 15px;
}
    
.quick-link-dots {

    top: 90%;
    width: 0px;
    height: 0px;;
}
    
    
    .ssb-text {

    font-size: 1.4rem;

}
    
.mainssb {
    background-image: url(../images/ssb.jpg);
    min-height: 30px;
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */  
}
    
.whitessb {

/*    height: auto;*/
    background-size: cover; /* Resize the background image to cover the entire container */  
}
    
    
.additional {height: 20px;}
    
.dropdown-menu {
    border: none;        
    }
    
a.nav-link.cgnav .cgspan:hover {
    color: rgba(0, 0, 0, 0.9);
    border-bottom: 4px solid rgba(0, 0, 0, 0);
  }
    
a.nav-link.cgnav7 .cgspan:hover {
    color: rgba(0, 0, 0, 0.9);
    border-bottom: 4px solid rgba(0, 0, 0, 0);
  }

}

@media only screen and (max-width: 450px) {

.uhs-home2-hero-hm {
    width: 55%;

}
    
.cmhc-hero-hm {
    width: 45%;
    text-align: right;
    padding-right: 19px;
}
    
.lus-glasses {
    background-color: rgba(106, 139, 199, 0.3);
    padding-bottom: 100px;
}

.lus-sunscreen {
    background-color: rgba(250, 209, 86, 0.3);
    padding-bottom: 120px;
}

.lus-hydrate {
    background-color: rgba(70, 36, 69, 0.2);
    padding-bottom: 120px;
}

.lus-shade{
    background-color: rgba(225, 128, 62, 0.2);
    padding-bottom: 150px;
}

.lus-uv{
    background-color: rgba(243, 108, 33, 0.2);
    padding-bottom: 114px;
}
    
.lwc-program-text-white2 {
    margin-top: 16px;
    color: white;
    font-size: 1.1em;
    font-weight: 500;
}
    
.lwc-program-title {
    font-size: 1.8rem;

}

.lwc-program-title2 {
    font-size: 1.5rem;
    }

.lwc-program-title3 {
    font-size: 3rem;
}

.lwc-program-title4 {
    font-size: 1.8rem;
    line-height: 1;
    }
    
.whitessb {

    height: auto;
    background-size: cover; /* Resize the background image to cover the entire container */  
}
    
.values-image {

    min-height: 400px;
    margin-left: 0px;
    margin-right: 0px
}
    
.values-text {
    padding-left: 15px;
}

.started2-title {
    font-size: 2.2rem;

}
    
ul#myTabcg.nav {
    flex-direction: column;
}
    
ul#myTabcg li.nav-item {
        width: 100%;
    }
     
}