/* MIIA Winners v2 */

.primary {color: var(--primary-color)}
.secondary {color: var(--secondary-color)}
.tertiary {color: var(--tertiary-color)}
.dark {color: var(--dark-color)}
.neutral {color: var(--neutral-color)}


.row.primary {background-color: var(--primary-color);color:#000;}
.row.secondary {background-color: var(--secondary-color);color:#000;}
.row.tertiary {background-color: var(--tertiary-color);color:#000;}
.row.dark {background-color: var(--dark-color);color:#fff;}
.row.neutral {background-color: var(--neutral-color);color:#000;}

.column.primary {background-color: var(--primary-color);color:#000;}
.column.secondary {background-color: var(--secondary-color);color:#000;}
.column.tertiary {background-color: var(--tertiary-color);color:#000;}
.column.dark {background-color: var(--dark-color);color:#fff;}
.column.neutral {background-color: var(--neutral-color);color:#000;}


.success{color: #3adb76;}
.warning, .caution{color: #ffae00;}
.alert{color: #cc4b37;}
.light-gray{color:#e6e6e6;}
.medium-gray{color:#cacaca;}
.dark-gray{color:#8a8a8a;}
.black{color:#0a0a0a;}
.white{color:#fefefe;}
.miia-bg{background-color:#933841;color:#fff;}
.miia-bg:hover{background-color:#000;color:#fff;}


.site-width, .row .site-width {max-width: 1280px;}

.header {margin-left:0;margin-right:0;margin-bottom:1.0rem;max-width:100%;}

.row.outer-row {background-color:#fff;}

.row.homehero.outer-row {background-color:var(--tertiary-color);}

#content  a {color:var(--dark-color)}
#content  a:hover {color:var(--tertiary-color)}
#content  a:visited {color:var(--dark-color)}


#content .page {background-color:var(--secondary-color); max-width:972px;padding-bottom:2.0rem;}
#content .page a {color:var(--dark-color)}
#content .page a:hover {color:var(--tertiary-color)}
#content .page a:visited {color:var(--dark-color)}

#content .page h1, #content .page h2 {margin-top:2.0rem;}

.masthead {
width:100%;
padding:0.5rem 0;
margin:0.5rem 0;
background-color:#fff;
}

.masthead-left { padding-left:0;}

.top-bar, .top-bar ul {background-color:#fff;}
.top-bar .top-bar-right {padding-right:5.0rem;}


.is-dropdown-submenu.profile {min-width:230px;}

.dropdown.menu>li.is-dropdown-submenu-parent>a:after
{border-color: #000 transparent transparent; }


.mega-menu .dropdown-pane {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto !important;
  left: 0% !important;
  right: 0% !important;
}

.mega-menu .menu {
  background: none;
}

.mega-menu a {color:#000;}
.mega-menu a:visited {color:#000;}
.mega-menu a:hover {color:#dde5e5;}

.mega-menu > a::after {
  display: inline-block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #000 transparent transparent;
  margin-left: 10px;
  margin-top: 11%;
}

.mega-menu > a[aria-expanded="true"]::after {
  border-color: var(--primary-color) transparent transparent; 
}


.menu>li {padding-right:1.75rem;}

.mega-menu .dropdown-pane {
padding-top:0;
padding-bottom:0;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.mega-menu .dropdown-pane .column.description {
  background-color: #dde5e5;
  padding-top:0.5rem;
}

.mega-menu .dropdown-pane .column.description h2 {
    font-family: "GTAmerica Bold", serif;
    font-size:1.5rem;
    font-weight:700;
    color:#000;
    line-height:1.0rem;
    margin-bottom:0.5rem;
    margin-top:1.0rem;
}

.mega-menu .dropdown-pane tbody {background-color:transparent;border:none;}

.mega-menu  img.mega-menu-icon {width:72px;}

.mega-menu .dropdown-pane .menu-vertical-line {
display:block;
width:10px;
border-top:2px solid white;
border-bottom:2px solid white;
background-image: url("/design/v2/vertical-line.png");
background-repeat:repeat;
background-position: center center;
height:100px;
}


.mega-menu .dropdown-pane .column.submenu {
  padding-top:1.5rem;
}

.mega-menu .dropdown-pane .column li.columnheading {
    font-family: "GTAmerica Bold", serif;
    font-size:1.0rem;
    font-weight:700;
    color:#000;
    line-height:1.0rem;
    margin-bottom:0.5rem;
    margin-top:0.5rem;
}



.menu a {color:#000;}
.menu a:visited {color:#000;}
.menu a:hover {color:#dde5e5;}

.menu.icons .menu-icon {width:27px;height:27px;display:block;margin:0px auto;}


.row.page {padding-top:2.0rem;}

div.content {max-width:972px;}

.miia_divider {
  position: relative;
  width: 100%;
  height: 10px;
  background-color: transparent;
  display: flex;
  align-items: center;
  z-index: -10;
}

.timeline-content .miia_divider , .rewards-container .miia_divider {
  z-index: 0;
}


.content .miia_divider {margin:1.0rem 0;}
.header .miia_divider {margin-top:18px;}
.header .miia_winners, .header .divider, .header .well-aware {padding:1.0rem 0;}
.header .outer-left {padding-left:0 !important;}
.miia_logo {max-width:128px; margin-left:0.75rem;}
.header .row, .header .column {margin-left:0;margin-right:0;max-width:100%;}
.header .hero .column {padding:0;}
.header .header-mask {width:100%;height:auto;}

.row.hero .column {background-image: url("/design/v2/hero-default.jpg");background-size:cover;}

.miia_divider::before {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  background-color: currentColor;
  transform: translateY(-50%);
}
.miia_divider.left-side {
  border-left: 2px solid currentColor;
}
.miia_divider.right-side {
  border-right: 2px solid currentColor;
}

.miia_divider.simple {border-right: 2px solid currentColor;border-left: 2px solid currentColor;}

/* Color classes */
.miia_divider.primary {
  color: var(--primary-color); 
}
.miia_divider.secondary {
  color: var(--secondary-color); 
}
.miia_divider.dark {
  color: #bcbdc0; 
}
.miia_divider.white {
  color: #ffffff; 
}


h1, h2, h3 {
  font-family: "Mokoko Bold", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;}

h1, h2 {color:var(--primary-color);margin-bottom:2.0rem;}

.home h1, .home h2 {color:#000;margin-bottom:2.0rem;}


h4, h5 {
  font-family: "GTAmerica Condensed Regular", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size:1.125rem;
}

p, li {
  font-family: "GTAmerica Condensed Regular", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size:1.125rem;
}

p a:link {font-weight: 500}

.button {    
font-family: "GTAmerica Bold", serif;
font-size:1.0rem;
font-weight:700;
color:#000;
line-height:1.0rem;
 }


.button.primary {background-color: var(--primary-color) !important; color:#000 !important;border:1px solid var(--primary-color);}
.button.primary:hover {background-color: #fff !important; color:#000 !important;border:1px solid black;}

.button.secondary {background-color: var(--secondary-color) !important; color:#000 !important;}
.button.secondary:hover {background-color: var(--dark-color) !important; color:#fff !important;}

.button.tertiary {background-color: var(--tertiary-color) !important; color:#000 !important;}
.button.tertiary:hover {background-color: var(--dark-color) !important; color:#fff !important;}

.button.success {background-color: var(--secondary-color) !important; color:#000 !important;}
.button.success:hover {background-color: var(--dark-color) !important; color:#fff !important;}

.button.alert {background-color: var(--tertiary-color) !important; color:#000 !important;}
.button.alert:hover {background-color: var(--dark-color) !important; color:#fff !important;}


.button {border-radius: 22px !important;}
.button.large {border-radius: 32px !important;}

a.button .pointer {display:none;}
a.button:hover .pointer {display:inline;}

.button .fa {padding-right:4px;}
.button .fa.fa-star {color:#fccf1c;text-shadow: 1px 1px #000;}

.extralinks .button, .extralinks .button a {font-weight:600;color:#fff;font-size:0.9rem;text-align:left;line-height: 1.0rem;}
.extralinks .button .fas {margin-left:4px;font-size:1.0rem;background-color:#000;border-radius:50%;border:2px solid #000;}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/* Header */

.header {
background-position: center center;
background-size: cover;
max-width:1418px;
display:block;
}

.home .header {
background-color: var(--tertiary-color);
}

.header .header-mask {
background-size:cover;
max-width:1418px;
display:block;
}

.header.outer-row .column {padding-left:0;padding-right:0;}

.row.bread-crumb {margin-left:6.0rem !important;margin-right:3.0rem !important;}
.breadcrumbs li {text-transform:initial;}
.breadcrumbs li.primary {color:var(--primary-color)}
ul.breadcrumbs.history {margin:0 !important;}
.breadcrumbs.history button {margin-bottom:0 !important;}


  /* Your large and up styles go here */
  
@media screen and (min-width: 64em) {
.header, .header .header-mask {
min-height:420px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}  

.header.inner.small, .header.inner.small .header-mask {
min-height:278px;
}  

  
}

  /* end large and up styles go here */



.column.header-mask {
padding-left:0;
padding-right:0;
margin:0px auto;
}
  
  
/* Home page */
  
.home.header .tagline
{max-width:480px;
padding-top:2.0rem;}

.home.header .tagline  h1 {
font-size:4.0rem;
color:#fff;
line-height:3.75rem;
text-shadow: 2px 2px #000;}

.home.header .tagline  h4 {
font-size:2.0rem;
line-height:1.85rem;
font-family:"GTAmerica Regular",serif;
font-weight:bold;
color:#fff;
text-shadow: 2px 2px #000;}


.row.pathways-container {min-height:600px;margin-bottom:1.0rem;background-size:cover;}
.row.pathways-container .column {padding:3.0rem;}


.pathways-container h1 {
font-size:3.0rem;
color:#fff;
line-height:3.75rem;
text-shadow: 2px 2px #000;
}

.pathways-container h4 {font-size:2.0rem;margin-bottom:2.0rem;}


.pathways-container .cta-box {
padding:3.0rem;
background-color: rgba(255, 255, 255, 0.66);
max-width:500px;
}

.pathways-container a .pointer {display:none;}
.pathways-container a:hover .pointer {display:inline;}

.row.programs {min-height:500px;margin-bottom:3.0rem;background-size:cover;}
.row.programs .column {padding:3.0rem;}

.programs .column.cardstyle, .programs .column.imagestyle {min-height:400px;margin-bottom:1.0rem;padding:0px;max-height:400px;}
.programs .column.large-6.cardstyle, .programs .column.large-6.imagestyle {width:49%;}
.programs .column.large-4.cardstyle.middle {width:30%;margin:0 1.5%;}
.programs .column.cardstyle {background-color:rgba(255, 255, 255, 0.77);background-image: url('/design/v2/programs-card-bg.png');background-position: bottom right;background-repeat: no-repeat;}
.programs .column.imagestyle {background-color:#fff;}



.programs h1 {color:#000;}

.programs .column.imagestyle h4 {
text-align: center;
color:#fff;    
font-family: "GTAmerica Bold", serif;
font-size:2.0rem;
font-weight:700;
line-height:2.0rem;
margin:3.5rem 1.0rem 0.5rem 1.0rem;
text-shadow: 2px 2px #000;
}

.programs .column.cardstyle h3, .programs .column.imagestyle h3 {background-color:var(--primary-color);padding:1.0rem;display:block;text-align:center;}

ul.programs-list {
list-style:none;
margin-top:1.0rem;
}

ul.programs-list li {
margin-left:1.0rem;
font-size:1.25rem;
line-height:1.85rem;
font-family:"GTAmerica Regular",serif;
font-weight:bold;
margin-bottom:0.5rem;
}

ul.programs-list li a {
color:#000;
}
ul.programs-list li a:hover {
color:var(--primary-color);
text-decoration: underline;
}




.row.resources {margin-bottom:3.0rem;}

.resources-carousel, .vendorpartners-carousel {
  max-height: 400px;   
}

.resources-carousel img, .vendorpartners-carousel img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
}

.slick-slide {
height:400px;
margin:10px;
}

.vendorpartners-carousel .slick-slide {
height:170px;
margin:10px;
}

.slide-caption {
  background: rgba(255,255,255,0.9);
  color: #000;
  padding: 0.5em 1em;
  text-align:center;
  position:relative;
  bottom:20px;
  left:center;
  border-radius: 20px 20px 0px 0px;
  margin-left:33.3%
}


.vendorpartners-carousel .slide-caption {
  margin-left:0px;
  font-size:12px;
  display:block;
}



.slick-dots {
  bottom:-44px;
}


.slick-prev, .slick-next {
  background: rgba(255,255,255,0.95);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  z-index: 2;
}

.slick-prev::before, .slick-next::before {color: var(--primary-color) !important;}

.slick-dots li button:before {
  font-size: 12px;
  color: #333;
}

.slick-dots .slick-active button:before {
  color: #000;
}


.slick-prev {
left: 30px;
}

.slick-next {
right: 30px;
}







.rewards-container h1, .rewards-container h2 {color:var(--primary-color);margin-bottom:2.0rem;}

.rewards-container h2.total-points {
color:#000;
display:inline;
border-radius:50px;
border:1px solid var(--neutral-color);
padding: 0.5rem 2.0rem;
}

.rewards-container h4 {line-height:3.0rem;}

.rewards-container h1 a  {color:#000 !important;}
.rewards-container h1 a:hover  {color:var(--primary-color) !important;}


.rewards-container h1 a .pointer {display:none;}
.rewards-container h1 a:hover .pointer {display:inline;}

.rewards-container p {font-size:1.5rem;}




/* Rewards Gallery */

.rewards .header  h1 {
font-size:4.0rem;
color:#fff;
line-height:3.75rem;
text-shadow: 2px 2px #000;
display:block;
max-width:400px;
margin: 3.0rem 0 0 20rem;
}


.rewards .header {
background-size:cover;
max-width:1418px;
display:block;
}


li.reward_item {
float:left;
margin:20px;
padding:10px;
border:1px solid #ededed;
max-width:350px;
}

h4.reward-points{
  font-family: "Mokoko Bold", serif;
  font-optical-sizing: auto;
  font-weight: <500>;
  font-style: normal;
  margin:2.0rem;
  font-size:2.0rem;
  line-height:2.2rem;
}


.rewards-gallery.history .progress {
  background-color: var(--primary-color);
  border-radius: 20px;
  margin-bottom:0px;
}


.rewards-gallery.history .progress-meter  {
  background-color: var(--secondary-color);
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
    border-radius: 20px;
}

.rewards-gallery.history .progress-meter-text {padding-right:20px;}













/* Programs page */

.wellness.programs .header  h1 {
font-size:4.0rem;
color:#fff;
line-height:3.75rem;
text-shadow: 2px 2px #000;
display:block;
max-width:400px;
margin: 3.0rem 0 0 20rem;
}


.wellness.programs .header {
background-size:cover;
max-width:1418px;
display:block;
}

.row.wellness.programs .column
{padding:0px;}

.wellness.programs .row.current, .wellness.programs .row.available, .wellness.programs .row.completed  {
background-color:rgba(255, 255, 255, 0.8);
margin-top:1.0rem;
margin-bottom:1.0rem;
}


.wellness.programs .accordion-title {
  font-family: "Mokoko Bold", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size:1.05rem;}



/* Pathways page */

.pathways .header  h1 {
font-size:4.0rem;
color:#fff;
line-height:3.75rem;
text-shadow: 2px 2px #000;
display:block;
max-width:400px;
margin: 3.0rem 0 0 20rem;
}


.pathways .header {
background-size:cover;
max-width:1418px;
display:block;
}


.pathway-container .row {margin-bottom:1.0rem;}

.columns.path-hero{
min-height:575px;
background-size: cover;
background-repeat: no-repeat;
padding:0;
}

.columns.path-info{
min-height:575px;
background-color:var(--neutral-color);
padding:2.0rem;
}

.columns.path-info p{
font-size:1.5rem;
line-height:2.0rem;
}

.columns.path-info h5 strong{
color:var(--dark-color);
}

.pathTitle {
background-color: rgba(61, 151, 115, 0.75);;
padding:1.0rem;
color:#fff;
}

.pathTitle h3 {
  font-family: "Mokoko Bold", serif;
  font-optical-sizing: auto;
  font-weight: <500>;
  font-style: normal;}
  
.pathTitle h4 {
  font-family: "GTAmerica Condensed Regular", serif;
  font-optical-sizing: auto;
  font-weight: <500>;
  font-style: normal;
  font-size:1.125rem;
}


.pathway-container .row.path-progress, .timeline .row.path-progress {
background-color:#bdd6ce;
padding:1.0rem;
margin-left: -.9375rem;
margin-right: -.9375rem;
}

.pathway-container .progress, .timeline .progress {
  background-color: #fff;
  border-radius: 20px;
  margin-bottom:0px;
}


.pathway-container .progress-meter, .timeline .progress-meter  {
  background-color: #6d9191;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
    border-radius: 20px;
}

.pathway-container .progress-meter-text, .timeline .progress-meter-text {padding-right:20px;}


.timeline .progress-pane {padding:3.0rem;border:1px solid var(--neutral-color);margin:1.0rem;max-width:97%;}

.timeline .row.program-progress {
background-color:var(--tertiary-color);
padding:1.0rem;
margin-top: 1.0rem;
margin-left: -.9375rem;
margin-right: -.9375rem;
}


.path-timeline h2 {color:#000;margin:2.0rem 0;}


.timeline {
background-color:#fff;
}

 
.row.path-timeline{
background-color:var(--neutral-color);
}


h4.timeline-step {
width:5.0rem;
font-size:3.0rem;
color:var(--tertiary-color);
padding:1.0rem;
line-height:1;
border-radius:50%;
font-family: "Mokoko Bold", serif;
font-optical-sizing: auto;
font-weight: <500>;
font-style: normal;
text-align:center;
background-color:#fff;
border:1px solid var(--secondary-color);
margin:0px auto;
}

h4.timeline-step.primary {
color:#fff;
background-color:var(--dark-color)
}

h4.timeline-step.tertiary {
color:#fff;
background-color:var(--tertiary-color)
}


h4.timeline-title {
  font-family: "GTAmerica Bold", serif;
  font-optical-sizing: auto;
  font-weight: <500>;
  font-style: normal;
  font-size:2.0rem;
  color:var(--primary-color);
  letter-spacing:0.025rem;
}

.points-icon {
width:100px;
margin:0.5rem;
float:right;
padding:1.0rem;
border: 1px solid var(--tertiary-color);
}

.timeline-item {
  position: relative; /* container for entire row */
}

.timeline-icon {
  position: relative; 
  text-align: center;
  min-height: 120px; /* ensure enough vertical space for a visible line */
}

.timeline-icon::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  background-color: #ccc;
  /* no z-index here, or z-index: 0 */
}

.timeline-step {
  width: 5.0rem;
  font-size: 3.0rem;
  color: var(--tertiary-color);
  padding: 1.0rem;
  line-height: 1;
  border-radius: 50%;
  font-family: "Mokoko Bold", serif;
  font-optical-sizing: auto;
  font-weight: 500; /* fix the “<500>” if it was a placeholder */
  font-style: normal;
  text-align: center;
  background-color: #fff;
  border: 1px solid var(--secondary-color);
  margin: 0 auto;
  position: relative; 
  z-index: 1; /* ensures the circle goes in front of the line */
}

.timeline-item.last .timeline-icon::after {
  display: none;
}

/* Tablet and smaller hide timeline vertical line */
@media screen and (max-width: 63.9375em) {

.timeline-item .timeline-icon::after {
  display: none;
}

.points-icon.mobile {
margin:0px auto;
float:none;
width:75%;
}

.points-icon.mobile img {
width:44px;
display:inline block;
float:left;
}

}

img.timeline-program-thumb {
max-width: 300px;
  z-index: 100;
  position: relative;
  margin-top: 1.0rem;
}



.pathways .header.inner.small  h1 {
font-size: 2.5rem;
color: #fff;
line-height: 3.5rem;
text-shadow: 2px 2px #000;
display: inline;
width: 100%;
margin:0;
padding:0.25rem 0;
text-align: center;
background-color:var(--primary-trans);
max-width:100% !important;
}


.row.pathway-step{
background-color:var(--neutral-color);
padding:2.0rem;
}

.pathway-step .column.large-12{
background-color:#fff;
padding:2.0rem;
}


/* Resources Pages */

.resources .header {
background-size:cover;
max-width:1418px;
display:block;
}

.resources .header  h1 {
font-size:4.0rem;
color:#fff;
line-height:3.75rem;
text-shadow: 2px 2px #000;
display:block;
max-width:400px;
margin: 3.0rem 0 0 20rem;
}



/* Wellness Coaching */

.coaching .left-cta {background-color: var(--primary-color);padding:0 0 0 1.0rem;}
.coaching .left-cta h3 {color:#ffffff;font-size:2.2rem;padding-right:1.0rem;margin-bottom:0;}


.coaching .right-cta
{background-color: var(--secondary-color);
padding-left:0;
height:auto !important;}



.coaching.hide-for-large .right-cta {height:220px;padding:0px 22px 32px;}
.coaching.hide-for-large .left-cta {padding-right:22px;}


.coaching .right-cta h3 {padding-left:20px;color:var(--primary-color);margin-bottom:0;} 


.coaching.outer-cta 
{padding-left: 15%;
padding-right: 15%;
padding-top: 2.0rem;
padding-bottom: 2.0rem;}

.coaching.outer-cta-mobile 
{padding-left: 50px;
padding-right: 50px;
padding-bottom: 10px;}

.coaching .right-cta h3 {font-family: "Roboto Condensed", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
letter-spacing: 0.025rem;
line-height: 1.75rem;
margin-top:20px;}    
    
.coaching .miia_divider {z-index:0;}

.coaching .miia_divider.left-side, .coaching .miia_divider.right-side {margin:20px auto;}

.coaching .right-arrow-icon {margin-top:10px;}



/* Womens Health */

img.icon-rarr {
width:22px;
height:22px;
margin-left:10px;
}

img.icon-larr {
width:22px;
height:22px;
margin-right:10px;
}

.womens-health .miia_divider {
margin-top:1.0rem;
margin-bottom:1.0rem;

}

/* Fun Day Page */

div.fun.day.challenge div.gallery ul {list-style: none;}
div.fun.day.challenge div.gallery ul li {float:left; margin:1.0rem;text-align: center;}

div.fun.day.challenge div.gallery ul li img.reward_image
{cursor: pointer;
margin:0px auto;
width:100px;
height:100px;}

div.fun.day.challenge .dynamic_content ul {list-style:none;margin:0;}
div.fun.day.challenge .dynamic_content ul li {border:1px solid #000;padding:1.0rem;margin:0.7rem 0px;}









/* Zoom Calendar */


.zoom .resources .header h1 {max-width:550px;}


/* Walks in Mass */


.walking .resources .header h1 {
max-width:550px;
line-height:4.85rem;
margin-top:0px;
}
.walking .header  h4 {
font-size:1.0rem;
line-height:1.22rem;
font-family:"GTAmerica Regular",serif;
font-weight:bold;
color:#fff;
text-shadow: 2px 2px #000;
display:block;
max-width:700px;
margin: -210px 0 0 20rem
}

/* Tablet and smaller */
@media screen and (max-width: 63.9375em) {

.walking .header  h4 {display:none;}
.walking .resources .header h1 {margin-bottom:80px !important;}


}



/* Video Library */


ul.image_list {list-style-type: none;}
ul.image_list li {margin-bottom:3.0rem;padding:2.0rem;}
ul.image_list li .miia_divider {margin-top:1.0rem;}

ul.miia_item_list, ul.miia_item_list ul {list-style-type: none;}


/* Generic user or admin pages */

.header.inner.small {
background-color: #fff;
background-position: center center;
background-size: cover;
max-width:1418px;
display:block;
margin-bottom:0;
margin-left:auto !important;
margin-right:auto !important;
}

#content .row.shaded {
background-color:var(--secondary-color);
padding:3.0rem;
margin-bottom:-2.0rem;
}

table#contactform tbody tr:nth-child(2n) {background-color: var(--tertiary-color);}


#content.onsite.program.registration {background-color:var(--secondary-color)}
#content.onsite.program.registration a {color:var(--dark-color)}
#content.onsite.program.registration a:hover {color:var(--tertiary-color)}

.onsite.program.registration h1, .onsite.program.registration h2, .onsite.program.registration h3 {color:#000;} 
.onsite.program.registration .full_form dd input {max-width:300px;}
.onsite.program.registration label.radioinput {display:inline-block;border:1px solid var(--tertiary-color); background-color:var(--tertiary-color); padding:4px;border-radius:10px;margin:0.25rem;}
.onsite.program.registration .radioinput [type="radio"] {margin-bottom:0rem;}
.onsite.program.registration .row .column.dob {margin-left:0;padding-left:0;}

.onsite.program.registration form {max-width:972px;}


#userMeta label.radioinput {display:inline-block;border:1px solid var(--tertiary-color); background-color:var(--tertiary-color); padding:4px 10px 4px 4px;border-radius:10px;margin:0.25rem;}
#userMeta .radioinput [type="radio"] {margin-bottom:0rem;}
#userMeta input#departmentOtherText, #userMeta input#relationshipOtherText {margin-top:1.0rem;}
#userMeta label#deptLabel {font-weight:800;}


#PortalRegistration {font-family: "GTAmerica Condensed Regular", serif;}
#PortalRegistration label strong {font-size:1.0rem;}
#PortalRegistration label.radioinput {display:inline-block;border:1px solid var(--tertiary-color); background-color:var(--tertiary-color); padding:4px 10px 4px 4px;border-radius:10px;margin:0.25rem;}
#PortalRegistration .radioinput [type="radio"] {margin-bottom:0rem;}
#PortalRegistration input#departmentOtherText, #PortalRegistration input#relationshipOtherText {margin-top:1.0rem;}
#PortalRegistration label#deptLabel {font-weight:800;}

#PortalRegistration select#user_miia_entity {width:auto;max-width:300px;}


.header.inner.small h1 {
color: #fff;
max-width:700px;
}

.header.inner.small h1 {
font-size: 2.5rem;
color: #fff;
line-height: 3.5rem;
text-shadow: 2px 2px #000;
display: inline;
width: 100%;
margin:0;
padding:0.25rem 0;
text-align: center;
background-color:var(--primary-trans);
max-width:100% !important;
}

.sidebar {
color:#000;
background-color: var(--secondary-color);
border: 1px solid var(--primary-color);
padding:1.5rem;
}





/* Login page */


.left-cta {background-color: var(--primary-color);padding:0 0 0 1.0rem;}
.left-cta h3 {color:#ffffff;font-size:2.2rem;padding-right:1.0rem;margin-bottom:0;}


.right-cta
{background-color: #dae4f1;
padding-left:0;
height:100%;}

.right-cta h3 {padding-left:20px;color:var(--primary-color);margin-bottom:0;} 

.right-cta .fas {font-size:70px;color:#fff;background-color:var(--primary-color);border-radius:50%;text-align:center;margin-top:33%;}

.outer-cta 
{
padding-left: 15%;
padding-right: 15%;
padding-top: 2.0rem;
padding-bottom: 2.0rem;}

.outer-cta-mobile 
{
padding-left: 50px;
padding-right: 50px;
padding-bottom: 10px;}

.right-cta h3 {  font-family: "GTAmerica Condensed Regular", serif;
  font-optical-sizing: auto;
  font-weight: <500>;
  font-style: normal;
letter-spacing: 0.025rem;
line-height: 1.75rem;
margin-top:7%;}    



.footer {background-color:#fdf8e9;padding:3.0rem;margin-top:2.0rem;}
.footer .small-text, .footer .small-text p {font-size:12px;}
.footer ul {list-style:none;}
.footer .footer_col_second {border-right:1px solid black;border-left:1px solid black;}
.footer .footer_col_second .signature {max-width:90%;margin:0px auto;}
.footer .logo {max-width:144px;margin-top:1.0rem;}
.footer .tagline {padding-left:3.0rem;padding-right:3.0rem;margin-top:1.0rem;margin-top:1.0rem;} 
.footer .tagline p {font-size:15px;}

/* Mobile Menu */

.masthead .title-bar {
background-color:transparent;
padding-top:0px;
}

button.menu-icon{
background:var(--primary-color);
height:21px;
width:30px;
}

button.menu-icon::after {
background:white;
height:4px;
}

#miia-menu .top-bar-left {margin-top:8px;}

#miia-menu .menu.vertical > li  {
padding-right:0px;
}


#miia-menu .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
border-color:var(--primary-color) transparent transparent;
}

/* Really small exception */
@media screen and (max-width: 389px) {
.portal-icon-mobile {display:none !important;}
 
    }
    
/* Tablet and smaller */
@media screen and (max-width: 63.9375em) {

.masthead {padding-bottom:0px;}

.header .miia_winners {max-width:200px;padding-bottom:0;}
.header .divider, .header .well-aware {padding:0;}
.header .miia_divider {margin-top:0;margin-bottom:1.0rem;}

.miia_logo {max-width: 111px;float:right;position:relative;top:6px;}
.header .miia_winners {padding:0.5rem 0;}

.footer .footer_col_first {margin-bottom:1.5rem;}
.footer .footer_col_second {border-right:none;border-left:none;}
.footer .signature {text-align:center;}

.right-cta .fas {font-size:70px;color:#fff;text-align:center;margin-top:1.0rem;background-color:var(--primary-color);border-radius:50%;}
.right-cta, .left-cta {padding-left:10px;padding-right:10px;}


.header .tagline {padding-top:0px;}

.header h1 {
font-size:2.75rem !important;
text-align:center;
margin:0px 0px 130px 0px !important;
line-height:2.75rem !important;
max-width:100% !important;
}

.header.inner.small h1 {display:block;margin:0px 24px 56px 0px !important;}


.header h4 {display:none;}

.home .header .tagline {padding-top:0px;}
.home .header .tagline h1 {margin-top:0px !important;margin-bottom:66px !important;}

.bread-crumb {display:none;}

.programs .column.large-6.cardstyle, .programs .column.large-6.imagestyle {width:100%;}
.programs .column.large-4.cardstyle.middle {width:100%;margin:auto;margin-bottom:1.0rem;}

.pathways-container h4 {font-size:1.25rem;}
.pathways-container .cta-box {padding:2.0rem;}

.pathways .row.programs {min-height:auto;}

.pathways .header.inner.small h1 {display:block;margin:9px !important;width:96%;}

.path-timeline h2 {text-align:center;}

.columns.path-hero {min-height:150px;}

li.reward_item {margin:0;padding:0;border:none;}

}
/* END Tablet and smaller */


/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {



.resources .header h1 {line-height:9.0rem !important;}



}