/* --------- add hide-h1 to any page */
body.hide-h1 #main-content #col-2 .col-content > h1:first-child {display: none;}

/* --------- center block headers */
.block.center-header h1,
.block.center-header h2,
.block.center-header h3,
.hero-wrapper.center-header .displayAsDiv h1,
.hero-wrapper.center-header .displayAsDiv h2,
.hero-wrapper.center-header .displayAsDiv h3 {
    text-align: center;
}
body.center-header #main-content #col-2 .col-content > h1 {
    text-align: center;
}

/* --------- remove top margins */
/* horizontal block */
#section-top .block.horizfullwidthblock.nomargin.outer-bx {
    padding: .25rem;
}

#section-top .block.horizfullwidthblock.nomargin h2 {
    padding: 0;
    margin: .7rem 0;
}

/* --------- GOALS - create a hover effect on generic blocks in a horizonal block*/
/* /icap/ */
.block.goals .block.icons {position: relative;}
.block.goals .icons.center { text-align: center;}
.block.goals .icons.center img { margin: 10px auto 20px auto;}
.block.goals .icons p {
   font-size: 140%;
   line-height: 1.5em;
   padding-bottom: 25px;
   margin-bottom: 0;
}
.block.goals .icons p strong { margin-top: 20px;}
.block.icons .block.extra { display: none; }
.block.icons:hover .block.extra,
.block.icons:focus .block.extra {
	width: 100%;
    position: absolute;
    z-index: 1000;
    left: 0;
    top: 0px;
    height: 100%;
   transition: .5s;
    display: block; 
}
.block.icons .block.extra > p {	padding: 25px 15px 15px 15px;}
.block.icons:hover > img,
.block.icons:focus > img,
.block.icons:hover > p,
.block.icons:focus > p,
.block.icons:hover .reveal, 
.block.icons:focus .reveal {
	-webkit-filter: blur(10px); /* Safari */
	filter: blur(10px);
}
.block.icons:hover .block.extra::before,
.block.icons:focus .block.extra::before
{
  content: "";
  display: block;
  position: absolute;
  z-index: -999;
  width: 100%;
  height: 100%;
  background-color: #eeeeee;
  opacity: .9;
}

@media (min-width : 771px) {
    .block.icons .reveal img { display: none;}
}

/* --------- blog - vitiligo, but useful for all - hides ads */
#disqus_thread iframe:first-child, #disqus_thread iframe:nth-child(3) {
    max-height: 0px;
}

/* --------- menu classes - DONATE */
/* vitilito donate menu */
.donate-icon::before{
      padding-right: 2px;
      font-family: "FontAwesome";
      font-weight: 900;
      content: "\f004";
    }
 .donate-icon {font-weight: 900; background-color: #7A2A90;}

 /* --------- banner */
 /* ALS Cellucci */
.remove-main-logo #header-main #logo {
   position: absolute;
   top: -9999px;
   left: -9999px;
}

.remove-main-logo header #logo-banner {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 769px) {
    .remove-main-logo header #banner {
        margin-left: -5px;;
    }
    .remove-main-logo header #banner .banner {
        justify-content: start;
        margin-bottom: 1rem;
        margin-top: -.75rem;
    }
}


/* --------- stackable - responsive tables */

.stacktable { width: 100%; }
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }
.st-key { width: 49%; text-align: right; padding-right: 1%; }
.st-val { width: 49%; padding-left: 1%; }

/* --------- RESPONSIVE EXAMPLE */
/* /zlab/people/alumni/    /umpc/fees/metabolism/ */
@media (min-width: 771px) {
    .stacktable.large-only { display: table; }
    .stacktable.small-only { display: none; }
}
 @media (max-width: 770px) {
    .stacktable.large-only { display: none; }
    .stacktable.small-only { display: table; }
}
/*  /sparc/publications-and-products/multimedia/rehabilitation-recovery/advocacy-statements/ */
.isparc table.responsive td {
    padding-bottom: 15px;
    padding-top: 10px;
  }
    .isparc table.responsive tr {
        border-bottom: 1px solid gray;
    }
    .isparc table.responsive td img {
        margin-right: 15px;
    }
/*  /psychiatry/calendar3/agenda2010publicsectorconference/ */
@media (max-width: 580px) {
    body.agenda .stacktable.small-only tr:nth-child(4n) td {padding-bottom: 15px;border-bottom:1px solid gray;}
    body.agenda .stacktable.small-only tr th {padding-top: 15px}
    body.agenda .stacktable.small-only tr:nth-child(2n) th {padding-top: 0px; font-size: 1em}  
    body.agenda .stacktable.small-only tr:nth-child(2) th {padding-top: 10px; font-size: 1.2em}  
}

/* --------- FORMS ------------ */
/*  /research/cores/drosophila-resource-facility/form/ */
body.foodtype .hd5 {
	clear: left;
	margin-top: 25px;
}
body.foodtype .hd5 h3 {
	background-color: #eee;
	padding: 8px;
	color: #000;
	font-size: 160%;
}
body.foodtype .col-3.hd3 h5 {
	background-color: #eee;
	padding: 5px;
	border: 1px solid #ccc;
	font-size: 130%;
}
body.foodtype .Form__Element.col-3 {
	width: 30%;    
	float: left;
    margin-right: 2.4%;
}

body.foodtype .EPiServerForms .Form__Element.FormTextbox--Number.number input[type="text"] {
	min-width: unset;
    width: 70px;
}

body.foodtype .EPiServerForms .Form__Element.FormTextbox--Number.number label {
    font-size: 115%;
    display: inline;
    font-weight: normal;
}
body.foodtype .EPiServerForms .Form__Element.FormTextbox--Number.number input[type="text"] {
    min-width: 45px;
    width: 50px;
    margin-right: 2%;
    font-size: 115%;
	margin-top: -10px;
	float: left;
}
body.foodtype .EPiServerForms .Form__Element.FormTextbox--Number.col-1.number {
    clear: both;
	margin-bottom: 30px;
}
body.foodtype .EPiServerForms .Form__Element.FormSelection {
 margin-bottom: 45px;
}

/* /pediatrics/residency/woo-site/resources/primary-care/wooparentingbooks/ */
.parenting-form .EPiServerForms { border:1px solid gray;padding: 15px 15px 0px 15px;}
.parenting-form .EPiServerForms .Form__Status .Form__Status__Message.hide {display: none;}
.parenting-form .survey {
    border: 1px solid gray;
    padding: 10px;
}


/* /cttc/affiliate-provider-information-form/ */
@media (min-width: 769px) {
    body.salesforce-form .myForm form > fieldset   {
    display: grid;
    padding: 0;
    max-width: 100%;
    margin-top: 4em;
    grid-template-columns: [labels] 40% [controls] auto;
    grid-auto-flow: row;
    grid-gap: .8em .5em;
    justify-items: start;
  }
    body.salesforce-form .myForm form > fieldset fieldset  {
    display: grid;
    width: 100%;
    grid-column: span 2;
    padding: 0;
    max-width: 100%;
     grid-template-columns: [labels] 40% [controls] auto;
    grid-auto-flow: row;
    grid-gap: 0 .5em;
    justify-items: start;
  }
    body.salesforce-form .myForm .width100,
    body.salesforce-form .myForm label.width100,
    body.salesforce-form .myForm legend {
    grid-column: span 2;
    grid-row: auto;
}
    body.salesforce-form .myForm label  {
    grid-column: labels;
    grid-row: auto;
    font-weight: bold;
  }
    body.salesforce-form .myForm input, 
 body.salesforce-form .myForm select,
 body.salesforce-form .myForm textarea,
 body.salesforce-form .myForm button {
    grid-row: auto;
    grid-column: controls;
  }
}
@media (max-width: 768px) {
    body.salesforce-form .myForm form > fieldset, .myForm form > fieldset fieldset  {
    display: block
  }
 body.salesforce-form .myForm label,
 body.salesforce-form .myForm input, 
 body.salesforce-form .myForm select,
 body.salesforce-form .myForm textarea,
 body.salesforce-form .myForm button {
    width: 100%;
display: block;
  }
 body.salesforce-form .myForm input[type=checkbox],
 body.salesforce-form .myForm label.chkInline {
 display: inline-block;
width: auto;
    margin-bottom: 2em;
}
}
 body.salesforce-form .myForm input[type=text], 
 body.salesforce-form .myForm input[type=email], 
 body.salesforce-form .myForm input[type=tel], 
 body.salesforce-form .myForm select,
 body.salesforce-form .myForm textarea {
width: 100%;
}

 body.salesforce-form .myForm label {
    font-weight: bold;
  }
 body.salesforce-form .myForm input, 
 body.salesforce-form .myForm select,
 body.salesforce-form .myForm textarea,
 body.salesforce-form .myForm button {
    padding: .4em;
    border: 0;
    border: 1px solid #999;
  }
 body.salesforce-form .myForm fieldset {
    grid-column: span 2;
  }  
 body.salesforce-form .myForm input[type=submit] {
    background: green;
    color: white;
    padding: 10px 20px;
    width: auto !important;
    justify-self: start;
    font-weight:  bold;
    }


 body.salesforce-form .myForm .myForm legend {
   font-size: 1.2em;
   font-weight: bold;
}
 body.salesforce-form .myForm .required {
   color: #800000;
}
 body.salesforce-form .myForm .required:before {
    content: "*";
    display: inline;
}

 
/* --------- FACULTY */
/* /mccb/faculty-MCCB/faculty-MCCB/ */
body.faculty-cards-col-3 ul.facultylist {
   display: flex;
   gap: 2rem 2rem;
  flex-wrap: wrap;
}
@media (min-width: 452px) {
    body.faculty-cards-col-3 ul.facultylist li {
        min-width: 450px;
        max-width: 450px;
    }
}
@media (max-width: 451px) {
    body.faculty-cards-col-3 ul.facultylist li {
        min-width: 300px;
        max-width: 100%;
    }
        body.faculty-cards-col-3 ul.facultylist li img {
    width: 40%;
    }
}


/* /neurology/research/basicscience-researchers/ */
body.faculty.no-title h4.faculty-name {text-align: left;}
body.faculty.no-title .faculty-details .categories,
body.faculty.no-title .faculty-details .faculty-role strong,
body.faculty.no-title .faculty-details .faculty-programs strong,
body.faculty.no-title .faculty-details .faculty-labs strong {display:none;}
body.faculty.no-title #col-2  p.faculty-labs {margin-bottom: 12px;}
body.faculty.no-title .faculty-role, #col-2 .faculty-details p.faculty-role,
body.faculty.no-title #col-2 .faculty-details p.faculty-role {margin: 5px 0 14px 0; font-weight: bold;}
body.faculty.no-title .faculty-programs, #col-2 .faculty-details p.faculty-programs,
body.faculty.no-title #col-2 .faculty-details p.faculty-programs {margin: 5px 0 14px 0;  }
body.faculty.no-title #col-2 .faculty-details .faculty-desc p { margin-bottom: 1rem; line-height: 1.4rem; }
body.faculty.no-title #col-2 .faculty-details span.line {  display: block; margin-bottom: 5px;}
body.faculty.no-title #col-2 .faculty-details span.comma {display: none;}

body.faculty.no-title #col-2 .block.faculty-listing > ul > li > a.faculty-img > img, 
body.faculty.no-title #col-2 .block.faculty-listing > ul > li > img {
    width: 225px;
    margin-top: 4px;
}

/* /awp/curriculum/gsbs/courses-offered/ */
body.courses #col-2 .block.faculty-listing .faculty-details {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
}
@media (min-width: 571px) {
body.courses #col-2 .block.faculty-listing .faculty-details {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
}
}
body.courses .faculty-details h4 {
    grid-row: 1/2;
}
body.courses .faculty-details .faculty-desc {
    grid-row: 2/3;
}
body.courses .faculty-details .faculty-programs {
    grid-row: 3/4;
}

/* --------- topslider hero */
/* https://www.umassmed.edu/lifeline4moms/what-we-do/ */
.lifeline-for-moms.what-we-do .block-wrapper.loopingherovideoblock.full.row {
    position: relative;
        min-width: 100%;
    max-width: 100%;
    overflow: hidden;
    height: 700px; 
    z-index: 100;
}
.lifeline-for-moms.what-we-do .looping-video-block-root {
    overflow: visible;
}
.lifeline-for-moms.what-we-do .looping-video-block-root .media-wrapper .hero-video-element {
    min-width: 100%;
    max-width: 100%;
    position: absolute;
    left: 0;
    top: -100px;
    z-index: 100;
}
.lifeline-for-moms.what-we-do .block-wrapper.clickableherosliderblock.full.row {
    position: relative;
}
.lifeline-for-moms.what-we-do .hero-wrapper.slider-clickable.slider-full.clearfix.cycler-parent.hideControls.hidePager.auto {
    text-align: center;
}
.lifeline-for-moms.what-we-do .hero-wrapper.slider-clickable.slider-full.clearfix.cycler-parent.hideControls.hidePager .html-wrapper {
    text-align: center;
    line-height: 2rem;
    font-size: 2.25rem;
}
.lifeline-for-moms.what-we-do .hero-wrapper.slider-clickable.slider-full.clearfix.cycler-parent.hideControls.hidePager .html-wrapper div div {
    text-align: center;
    padding: 0 2rem;
    padding-bottom: 10px;
    line-height: 3rem;
}

/* ------------ HERO width */
/* /fanglab/ 840px */
body.hero-width840 .hero-wrapper.slider-clickable.slider-full.cycler-parent {
	max-width: 840px;
	margin: 0 auto;
}

/* main site index page */
.site-index .site-index-list .group li {
    padding-bottom: 15px;
}
.site-index .bookmarks ul {
  padding-left: 10px;
}
.site-index .bookmarks li {
  width: 30px;
  padding-bottom: 15px;
}



@media only screen and (min-width: 771px) {
  #nm-administrative-officers .answer .faq-copy > .block.generic {
     width: 30%;
	 margin-left: 2%;
     text-align: center;
      display: inline-block;
      vertical-align: top;
  }
}
@media only screen and (max-width: 770px) {
  #nm-administrative-officers .answer .faq-copy > .block.generic {
	 margin-left: 2%;
	 text-align: center;
  }
}


/* -------------- STAFFLISTING */
/* pediatrics */
body.hide-programs p.faculty-programs { display: none; }

@media (min-width: 771px) {
	body.hide-programs  {
		font: 16px/1.5em Sarabun, sans-serif;
	}
}
@media (max-width: 770px) {
	body.hide-programs .staff-listing .staff .image-none, 
    body.hide-programs .staff-listing .staff .image {
		width: 150px;
	}
	body.hide-programs .staff-listing .staff .image-none {
		display: none;
	}
}


/* ------------------- CUSTOM classnames */
/* /mdphd/research/current-mdphd-research/cells-and-microbes/ hero */
.diagram {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500' preserveAspectRatio='none'%3E%3Cpath fill='rgba(0, 79, 163)' d='M 0 250 L 500 500 L 500 0 z' /%3E%3C/svg%3E");
}

.horizfullwidthblock .html-wrapper .icon {
  float: left;
  width: 100%;
}
.horizfullwidthblock .html-wrapper .icon .content {
  position: relative;
  width: 100%;
  margin: auto;
  overflow: hidden;
}

.horizfullwidthblock .html-wrapper .icon .content .content-overlay {
    background: rgba(0,79,163,0.8);
    border-radius: 50%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 5px;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.horizfullwidthblock .html-wrapper .icon .content:hover .content-overlay{ opacity: 1; }
.horizfullwidthblock .html-wrapper .icon .content .content-image{ width: 100%;    }

.horizfullwidthblock .html-wrapper .icon .content .content-details {
        position: absolute;
        text-align: center;
        padding-left: 1em;
        margin: auto 0;
        padding-right: 1em;
        width: 100%;
        top: 50%;
        left: 50%;
        opacity: 0;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }        
.horizfullwidthblock .html-wrapper .icon .content .content-details.fadeIn-bottom{ top: 90%; }
.horizfullwidthblock .html-wrapper .icon .content .content-details.fadeIn-top{ top: 20%;}
.horizfullwidthblock .html-wrapper .icon .content .content-details.fadeIn-left{ left: 20%; }
.horizfullwidthblock .html-wrapper .icon .content .content-details.fadeIn-right{ left: 80%; }


.horizfullwidthblock .html-wrapper .icon .content:hover .content-details{
        top: 50%;
        left: 50%;
        opacity: 1;
    }

.horizfullwidthblock .html-wrapper .icon .content .content-details h2{
        color: #fff; font-size:150%;
        top: 50%;
        left: 50%;
        margin: auto 0;
    }

.horizfullwidthblock .html-wrapper .icon .content .content-details p{
        color: #fff;
    }

@media screen and (max-width: 640px){
 .horizfullwidthblock .html-wrapper .icon{
    display: block;
    width: 100%;
  }
}

@media screen and (min-width: 900px){
  .horizfullwidthblock .html-wrapper .icon{
   width: 100%;
  }
}

/* /mdphd/ ?? */
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/* IT internship and MDPhD program */
.apply-blocks {
margin-top:35px;
padding: 8px;
background-color: #f8f8f8;
border: 1px solid #cccccc;
text-align: center;
}

.apply-blocks h3 {
color:#004fa3;
font-size:1.4em;
text-align:center;
text-transform: uppercase;
}
.apply-blocks a:hover {padding: 12px;
background-color: #033b76;
}

/* /Coronavirus/ */
.icon100 img,
.gov-image img {width:100px; height:100px;}


/* ------------------  staff listing */
/* -class on page noimage */
/* /gsbs/academics/phd-biomedical-sciences/biochemistry-and-molecular-biotechnology/bmb-courses/  */
body.noimage .staff-listing .image-none, .staff-listing .image.image-none { display: none;}
body.noimage .staff-listing .staff-details {padding-left: 0;}
body.noimage #main-content .staff-listing .staff-details .description p { margin-bottom: .25rem;}
body.noimage #main-content .staff-listing .staff-details p.faculty-programs  { margin-bottom: .35rem;}


/* ------------------  staff listing */
/* class on block noimage */
/* /gsbs/academics/phd-biomedical-sciences/biochemistry-and-molecular-biotechnology/bmb-courses/  */
.profilesfacultylistingblock .gsbs-profiles .person-content .faculty-title {
   font-size: 120%;
   font-weight: bold;
   margin: 6px 0 10px 0;
}
@media (min-width: 771px) {
    .profilesfacultylistingblock .gsbs-profiles ul.profile-content {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 2rem;
    }
}

/* for pages that have floated images */
/* /gsn/about/leadership/welcome-from-the-dean/ */
@media (max-width: 770px) {
body.stopimgfloat #col-content img.left, 
body.stopimgfloat .imgLeft, 
body.stopimgfloat .imgleft {
    float: none;
    margin-right: 80px;
}
}

@media(min-width: 771px) {
    body.no-title .block.faculty-listing>ul>li:nth-child(2n) {
        margin-right:0
    }
    body.column-2 #col-2 #container-vertical .row-container:before {
        display:none;
    }
    body.column-2 #col-2 #container-vertical .row-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem 2rem;
    }
}