.page-node-type--student-work h2.node__title {
    color: #010101;
}

.page-node-type--student-work h2.node__title:after {
    background-color: #010101;
}

.page-node-type--student-work .node__header > .section {
    padding-top: 77px;
}
.page-node-type--student-work .node__header {
    margin-top: 0;
}

.page-node-type--student-work #ba_art_creative_industries {
    margin-top: 60px;
}

.page-node-type--student-work #ba_art_creative_industries h1 {
    line-height: 46px;
    margin-bottom: 30px;
    color: #010101;
}

.page-node-type--student-work #ba_art_creative_industries .synopsis {
    margin-bottom: 40px;
}

.page-node-type--student-work #ba_art_creative_industries .work-desc p{
    color: #3C3C3C !important;
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 24px;
}

.page-node-type--student-work #ba_art_creative_industries .list.ic_website {
    left: 14px;
}

/* for student profile */
.page-node-type--student-work div#stu-detail-profile .left-side{
    width: 30%;
    float: left;
}

.page-node-type--student-work div#stu-detail-profile .stu-profile-row {
    display: inline-block;
}

.page-node-type--student-work div#stu-detail-profile .right-side {
    width: 70%;
    float: right;
    padding:0 0 0 30px;
}

.page-node-type--student-work div#stu-detail-profile .right-side h1.node__title {
    margin-bottom: 20px;
}

.page-node-type--student-work div#stu-detail-profile .ic_website:before {
    background: url("images/tls/ic_user.png") no-repeat;
}

.page-node-type--student-work div#stu-detail-profile .list.ic_email:before{
	background: url("images/tls/ic_mail.png") no-repeat;
	background-size: 36px;
}

.page-node-type--student-work div#stu-detail-profile .list.ic_website a,
.page-node-type--student-work div#stu-detail-profile .list.ic_email a {
    color: #010101;
}
.text-black {
	color: #010101;
}
/* .text-orange {
	color: #010101 !important;
}
.node--title-School-of-Creative-Industries {
	color: #f7943e !important;
}
.node-title-wrapper .node--title-School-of-Creative-Industries:after {
	background-color: #f7943e !important;
}

body.page-node-school-of-creative-industries .section-introduction-wrapper .section-introduction p:first-child{
  color:#f7943e !important;
}

.text-yellow {
	color: #fdb913!important;
}
.node--title-McNally-School-of-Fine-Arts {
	color: #fdb913!important;
}
.node-title-wrapper .node--title-McNally-School-of-Fine-Arts:after {
	background-color: #fdb913!important;
}

body.page-node-type--school .section-introduction-wrapper .section-introduction p{
  color:#010101!important;
}

body.page-node-mcnally-school-of-fine-arts .section-introduction-wrapper .section-introduction p:first-child{
  color:#fdb913 !important;
}

.text-bluegreen {
	color: #007f89!important;
}
.node--title-Puttnam-School-of-Film--Animation {
	color: #007f89!important;
}
.node-title-wrapper .node--title-Puttnam-School-of-Film--Animation:after {
	background-color: #007f89!important;
}

body.page-node-puttnam-school-of-film--animation .section-introduction-wrapper .section-introduction p:first-child{
  color:#007f89 !important;
}

.text-grey {
	color: #868183 !important;
}
.node--title-School-of-Fashion {
	color: #868183 !important;
}
.node-title-wrapper .node--title-School-of-Fashion:after {
	background-color: #868183 !important;
}

body.page-node-school-of-fashion .section-introduction-wrapper .section-introduction p:first-child{
  color:#868183 !important;
}

.text-red {
	color: #ea4148 !important;
}
.node--title-School-of-Design-Communication {
	color: #ea4148 !important;
}
.node-title-wrapper .node--title-School-of-Design-Communication:after {
	background-color: #ea4148 !important;
}

body.page-node-school-of-design-communication .section-introduction-wrapper .section-introduction p:first-child{
  color:#ea4148 !important;
}

body.page-node-school-of-spatial--product-design .section-introduction-wrapper .section-introduction p:first-child{
  color:#5cb16f !important
}

.text-green {
	color: #5cb16f !important;
}
.node--title-School-of-Spatial--Product-Design {
	color: #5cb16f !important;
}
.node-title-wrapper .node--title-School-of-Spatial--Product-Design:after {
	background-color: #5cb16f !important;
}
.text-purple {
	color: #6867af !important;
}
.node--title-School-of-Dance--Theatre {
	color: #6867af !important;
}
.node-title-wrapper .node--title-School-of-Dance--Theatre:after {
	background-color: #6867af !important;
}
.text-maroon {
	color: #8f214d!important;
}
.node--title-School-of-Contemporary-Music {
	color: #8f214d !important;
}
.node-title-wrapper .node--title-School-of-Contemporary-Music:after {
	background-color: #8f214d !important;
}

body.page-node-school-of-contemporary-music .section-introduction-wrapper .section-introduction p:first-child{
  color:#8f214d !important;
}

body.page-node-school-of-dance--theatre .section-introduction-wrapper .section-introduction p:first-child{
  color:#6867af !important;
} */


/*for detail student work page */
.page-node-type--student-work .profile-top-content p, 
.page-node-type--student-work .profile-top-content .field__item,.page-node-type--student-work .profile-top-content .wrapper .portfolio-year{
  color:#010101;
}

.page-node-type--student-work .profile-top-content .wrapper .portfolio-year span:before{
  background-color:#010101;
}
.page-node-type--school-work .profile-top-content p,
.page-node-type--school-work .profile-top-content .field__item,.page-node-type--school-work .profile-top-content .wrapper .portfolio-year{
  color:#010101;
}

.page-node-type--student-work .ic_email .img-text__link:hover, .page-node-type--student-work .ic_email .field__item:hover, .page-node-type--student-work .ic_email .img-text__link:focus, .page-node-type--student-work .ic_email .field__item:focus, .page-node-type--student-work .ic_email .img-text__link:link, .page-node-type--student-work .ic_email .field__item:link, .page-node-type--student-work .ic_email .img-text__link:visited, .page-node-type--student-work .ic_email .field__item:visited, .page-node-type--student-work .ic_website .img-text__link:hover, .page-node-type--student-work .ic_website .ic_email .field__item:hover, .ic_email .page-node-type--student-work .ic_website .field__item:hover, .page-node-type--student-work .ic_website .img-text__link:focus, .page-node-type--student-work .ic_website .ic_email .field__item:focus, .ic_email .page-node-type--student-work .ic_website .field__item:focus, .page-node-type--student-work .ic_website .img-text__link:link, .page-node-type--student-work .ic_website .ic_email .field__item:link, .ic_email .page-node-type--student-work .ic_website .field__item:link, .page-node-type--student-work .ic_website .img-text__link:visited, .page-node-type--student-work .ic_website .ic_email .field__item:visited, .ic_email .page-node-type--student-work .ic_website .field__item:visited, .page-node-type--student-work .ic_download .img-text__link:hover, .page-node-type--student-work .ic_download .ic_email .field__item:hover, .ic_email .page-node-type--student-work .ic_download .field__item:hover, .page-node-type--student-work .ic_download .img-text__link:focus, .page-node-type--student-work .ic_download .ic_email .field__item:focus, .ic_email .page-node-type--student-work .ic_download .field__item:focus, .page-node-type--student-work .ic_download .img-text__link:link, .page-node-type--student-work .ic_download .ic_email .field__item:link, .ic_email .page-node-type--student-work .ic_download .field__item:link, .page-node-type--student-work .ic_download .img-text__link:visited, .page-node-type--student-work .ic_download .ic_email .field__item:visited, .ic_email .page-node-type--student-work .ic_download .field__item:visited{
   color:#010101;
}

.page-node-type--student-work .profile-top-content, .page-node-type--school-work .profile-top-content{
  /* padding-top:122px; */
  
}

.page-node-type--student-work .profile-bottom-content, .page-node-type--school-work .profile-bottom-content{
  padding-bottom:50px;
}

body.page-node-type--student-work .l-btn-wrapper .l-btn,
body.page-node-type--school-work .l-btn-wrapper .l-btn{
  color:#010101;
  border:1px solid #010101;
      background-color: transparent;
}

body.page-node-type--school-work .l-btn-wrapper .l-btn:before,
body.page-node-type--student-work .l-btn-wrapper .l-btn:before{
  background: #010101;
}

body.page-node-type--school-work .l-btn-wrapper .l-btn__black_bg:hover:before,
body.page-node-type--student-work .l-btn-wrapper .l-btn__black_bg:hover:before{
	border-left:2px solid #010101;
}

.page-node-type--student-work div#stu-detail-profile .right-side .profile-bottom-content .row div.col-md-6 {
    padding-left: 0px;
}

/* start for 8 schools banner video update */

body.page-node-mcnally-school-of-fine-arts .banner .desktop-banner video,
body.page-node-puttnam-school-of-film--animation .banner .desktop-banner video,
body.page-node-school-of-creative-industries .banner .desktop-banner video,
body.page-node-school-of-design-communication .banner .desktop-banner video,
body.page-node-school-of-fashion .banner .desktop-banner video,
body.page-node-school-of-spatial--product-design .desktop-banner video,
body.page-node-school-of-contemporary-music .desktop-banner video,
body.page-node-school-of-dance--theatre .desktop-banner video{
    background: #fff;
    height: auto;
    object-fit: contain;
}

body.page-node-mcnally-school-of-fine-arts .node__container.page-mcnally,
body.page-node-puttnam-school-of-film--animation .node__container.page-putnam,
body.page-node-school-of-creative-industries .node__container.page-soci,
body.page-node-school-of-design-communication .node__container.page-school-design-comm,
body.page-node-school-of-fashion .node__container.page-sof,
body.page-node-school-of-spatial--product-design .node__container.page-spatial,
body.page-node-school-of-contemporary-music .node__container.page-socm,
body.page-node-school-of-dance--theatre .node__container.page-sodt{
    margin-top: -100px;
}

body.page-node-mcnally-school-of-fine-arts .node__container.page-mcnally .filter-container,
body.page-node-puttnam-school-of-film--animation .node__container.page-putnam .filter-container,
body.page-node-school-of-creative-industries .node__container.page-soci .filter-container,
body.page-node-school-of-design-communication .node__container.page-school-design-comm .filter-container,
body.page-node-school-of-fashion .node__container.page-sof .filter-container,
body.page-node-school-of-spatial--product-design .node__container.page-spatial .filter-container,
body.page-node-school-of-contemporary-music .node__container.page-socm .filter-container,
body.page-node-school-of-dance--theatre .node__container.page-sodt .filter-container{
    margin-top: 0px;
	justify-content: center;
}

body.page-node-mcnally-school-of-fine-arts .node__container.page-mcnally .filter-container>div,
body.page-node-puttnam-school-of-film--animation .node__container.page-putnam .filter-container>div,
body.page-node-school-of-creative-industries .node__container.page-soci .filter-container>div,
body.page-node-school-of-design-communication .node__container.page-school-design-comm .filter-container>div,
body.page-node-school-of-fashion .node__container.page-sof .filter-container>div,
body.page-node-school-of-spatial--product-design .node__container.page-spatial .filter-container>div,
body.page-node-school-of-contemporary-music .node__container.page-socm .filter-container>div,
body.page-node-school-of-dance--theatre .node__container.page-sodt .filter-container>div{
    /* max-width: 420px; */
}


/* start for school main pages banner and intro layout udpates 2023 */
.page-mcnally .custom-banner-wrapper .banner .desktop-banner img,
.page-putnam .custom-banner-wrapper .banner .desktop-banner img,
.page-sodt .custom-banner-wrapper .banner .desktop-banner img,
.page-socm .custom-banner-wrapper .banner .desktop-banner img,
.page-spatial .custom-banner-wrapper .banner .desktop-banner img,
.page-sof .custom-banner-wrapper .banner .desktop-banner img,
.page-school-design-comm .custom-banner-wrapper .banner .desktop-banner img,
.page-soci .custom-banner-wrapper .banner .desktop-banner img {
 object-fit: contain;
}


.page-mcnally .node-title-wrapper,
.page-putnam .node-title-wrapper,
.page-sodt .node-title-wrapper,
.page-socm .node-title-wrapper,
.page-spatial .node-title-wrapper,
.page-sof .node-title-wrapper,
.page-school-design-comm .node-title-wrapper,
.page-soci .node-title-wrapper {
  display:none;
}

.page-mcnally .custom-banner-wrapper .banner,
.page-putnam .custom-banner-wrapper .banner,
.page-sodt .custom-banner-wrapper .banner,
.page-socm .custom-banner-wrapper .banner,
.page-spatial .custom-banner-wrapper .banner,
.page-sof .custom-banner-wrapper .banner,
.page-school-design-comm .custom-banner-wrapper .banner,
.page-soci .custom-banner-wrapper .banner {
  position:relative;
}

.page-mcnally .custom-banner-wrapper,
.page-putnam .custom-banner-wrapper,
.page-sodt .custom-banner-wrapper,
.page-socm .custom-banner-wrapper,
.page-spatial .custom-banner-wrapper,
.page-sof .custom-banner-wrapper,
.page-school-design-comm .custom-banner-wrapper,
.page-soci .custom-banner-wrapper {
  height:auto;
  margin-top: 102px;
}

.page-mcnally .section-introduction-wrapper,
.page-putnam .section-introduction-wrapper,
.page-sodt .section-introduction-wrapper,
.page-socm .section-introduction-wrapper,
.page-spatial .section-introduction-wrapper,
.page-sof .section-introduction-wrapper,
.page-school-design-comm .section-introduction-wrapper,
.page-soci .section-introduction-wrapper {
    margin-top: 20px;
    margin-bottom: 100px;
}

.page-mcnally .section-introduction-wrapper .section-introduction,
.page-putnam .section-introduction-wrapper .section-introduction,
.page-sodt .section-introduction-wrapper .section-introduction,
.page-socm .section-introduction-wrapper .section-introduction,
.page-spatial .section-introduction-wrapper .section-introduction,
.page-sof .section-introduction-wrapper .section-introduction,
.page-school-design-comm .section-introduction-wrapper .section-introduction,
.page-soci .section-introduction-wrapper .section-introduction {
    /* padding: 0 0 0 0;
    margin-top: 0px;
    max-width: 100% !important; */
}



.page-mcnally .section-introduction-wrapper .section-introduction .row .col-12 div:first-child,
.page-putnam .section-introduction-wrapper .section-introduction .row .col-12 div:first-child,
.page-sodt .section-introduction-wrapper .section-introduction .row .col-12 div:first-child,
.page-socm .section-introduction-wrapper .section-introduction .row .col-12 div:first-child,
.page-spatial .section-introduction-wrapper .section-introduction .row .col-12 div:first-child,
.page-sof .section-introduction-wrapper .section-introduction .row .col-12 div:first-child,
.page-school-design-comm .section-introduction-wrapper .section-introduction .row .col-12 div:first-child,
.page-soci .section-introduction-wrapper .section-introduction .row .col-12 div:first-child {
   width:40%;
   display:inline-flex;
   padding-left: 160px;
   /* font-family: "Suisse Works Regular" , sans-serif; */
}

.page-mcnally .section-introduction-wrapper .section-introduction .row .col-12 div:last-child,
.page-putnam .section-introduction-wrapper .section-introduction .row .col-12 div:last-child,
.page-sodt .section-introduction-wrapper .section-introduction .row .col-12 div:last-child,
.page-socm .section-introduction-wrapper .section-introduction .row .col-12 div:last-child,
.page-spatial .section-introduction-wrapper .section-introduction .row .col-12 div:last-child,
.page-sof .section-introduction-wrapper .section-introduction .row .col-12 div:last-child,
.page-school-design-comm .section-introduction-wrapper .section-introduction .row .col-12 div:last-child,
.page-soci .section-introduction-wrapper .section-introduction .row .col-12 div:last-child {
   width:59%;
   display:inline-flex;
   padding-left: 60px;
}

.page-mcnally .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p ,
.page-putnam .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
.page-sodt .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
.page-socm .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
.page-spatial .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
.page-sof .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
.page-school-design-comm .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
.page-soci .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p {
   /* font-family: Suisse Works Regular; */
}

.page-mcnally .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
.page-putnam .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
.page-sodt .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
.page-socm .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
.page-spatial .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
.page-sof .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
.page-school-design-comm .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
.page-soci .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p {
	/* font-family: Suisse Int’l Regular; */
	
}
	
div.page-mcnally .banner-logo-wrapper,
div.page-putnam .banner-logo-wrapper,
div.page-sodt .banner-logo-wrapper,
div.page-socm .banner-logo-wrapper,
div.page-spatial .banner-logo-wrapper,
div.page-sof .banner-logo-wrapper,
div.page-school-design-comm .banner-logo-wrapper,
div.page-soci .banner-logo-wrapper{
	/* top:10px; */
	display: none;
}

@media screen and (max-width: 2560px) {
   .page-mcnally .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
   .page-putnam .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
   .page-sodt .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
   .page-socm .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
   .page-spatial .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
   .page-sof .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
   .page-school-design-comm .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
   .page-soci .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p {
      color: #010101;
      font-size:18pt;
      line-height:27pt;
      width:50%;
}  
  
  .page-mcnally .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
  .page-putnam .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
  .page-sodt .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
  .page-socm .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
  .page-spatial .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
  .page-sof .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
  .page-school-design-comm .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
  .page-soci .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p {
    color: #010101;
    font-size: 28pt;
    width: 50%;
    text-align: left;
    line-height: 33.6pt;
}

}


@media screen and (max-width: 1920px) {
  .page-mcnally .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
  .page-putnam .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
  .page-sodt .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
  .page-socm .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
  .page-spatial .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
  .page-sof .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
  .page-school-design-comm .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
  .page-soci .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p {
    color: #010101;
	font-size:14pt;
	line-height:27pt;
	width:75%;
}  
  
  .page-mcnally .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
  .page-putnam .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
  .page-sodt .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
  .page-socm .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
  .page-spatial .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
  .page-sof .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
  .page-school-design-comm .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
  .page-soci .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p {
    color: #010101;
    font-size: 28pt;
    width: 75%;
    text-align: left;
    line-height: 33.6pt;
}
  
}


/* end for school main pages banner and intro layout udpates 2023 */

@media only screen and (min-width: 1536px){
	body.page-node-mcnally-school-of-fine-arts .node__container.page-mcnally .filter-container,
	body.page-node-puttnam-school-of-film--animation .node__container.page-putnam .filter-container,
	body.page-node-school-of-creative-industries .node__container.page-soci .filter-container,
	body.page-node-school-of-design-communication .node__container.page-school-design-comm .filter-container,
	body.page-node-school-of-fashion .node__container.page-sof .filter-container,
	body.page-node-school-of-spatial--product-design .node__container.page-spatial .filter-container,
	body.page-node-school-of-contemporary-music .node__container.page-socm .filter-container,
	body.page-node-school-of-dance--theatre .node__container.page-sodt .filter-container{
		margin-top: 100px;
	}
	
	
	/* start for school main pages banner and intro layout udpates 2023 */
	.page-mcnally .filter-container,
	.page-putnam .filter-container,
	.page-sodt .filter-container,
	.page-socm .filter-container,
	.page-spatial .filter-container,
	.page-sof .filter-container,
	.page-school-design-comm .filter-container,
	.page-soci .filter-container {
     margin-top: 0px !important; 
    }
	
	/* end for school main pages banner and intro layout udpates 2023 */
}

@media only screen and (max-width: 1310px){
	body.page-node-mcnally-school-of-fine-arts .custom-banner-wrapper .node__header,
    body.page-node-puttnam-school-of-film--animation .custom-banner-wrapper .node__header,
	body.page-node-school-of-creative-industries .custom-banner-wrapper .node__header,
	body.page-node-school-of-design-communication .custom-banner-wrapper .node__header,
	body.page-node-school-of-fashion .custom-banner-wrapper .node__header,
	body.page-node-school-of-spatial--product-design .custom-banner-wrapper .node__header,
	body.page-node-school-of-contemporary-music .custom-banner-wrapper .node__header,
	body.page-node-school-of-dance--theatre .custom-banner-wrapper .node__header{
		padding-top: 120px;
		margin-top: 0;
	}
	
	body.page-node-mcnally-school-of-fine-arts .node__container.page-mcnally .filter-container,
    body.page-node-puttnam-school-of-film--animation .node__container.page-putnam .filter-container,
	body.page-node-school-of-creative-industries .node__container.page-soci .filter-container,
	body.page-node-school-of-design-communication .node__container.page-school-design-comm .filter-container,
	body.page-node-school-of-fashion .node__container.page-sof .filter-container,
	body.page-node-school-of-spatial--product-design .node__container.page-spatial .filter-container,
	body.page-node-school-of-contemporary-music .node__container.page-socm .filter-container,
	body.page-node-school-of-dance--theatre .node__container.page-sodt
	{
       margin-top:  50px;
    }
	
}

@media only screen and (max-width: 1257px){
	body.page-node-mcnally-school-of-fine-arts .node__container.page-mcnally .filter-container,
	body.page-node-puttnam-school-of-film--animation .node__container.page-putnam .filter-container,
	body.page-node-school-of-creative-industries .node__container.page-soci .filter-container,
	body.page-node-school-of-design-communication .node__container.page-school-design-comm .filter-container,
	body.page-node-school-of-fashion .node__container.page-sof .filter-container,
	body.page-node-school-of-spatial--product-design .node__container.page-spatial .filter-container,
	body.page-node-school-of-contemporary-music .node__container.page-socm .filter-container,
	body.page-node-school-of-dance--theatre .node__container.page-sodt .filter-container{
       margin-top: -75px;
    }
}

@media only screen and (max-width: 1136px){
	body.page-node-mcnally-school-of-fine-arts .node__container.page-mcnally .filter-container,
    body.page-node-puttnam-school-of-film--animation .node__container.page-putnam .filter-container,
	body.page-node-school-of-creative-industries .node__container.page-soci .filter-container,
	body.page-node-school-of-design-communication .node__container.page-school-design-comm .filter-container,
	body.page-node-school-of-fashion .node__container.page-sof .filter-container,
	body.page-node-school-of-spatial--product-design .node__container.page-spatial .filter-container,
	body.page-node-school-of-contemporary-music .node__container.page-socm .filter-container,
	body.page-node-school-of-dance--theatre .node__container.page-sodt .filter-container{
		margin-top: -150px;
	}
	
	body.page-node-mcnally-school-of-fine-arts .custom-banner-wrapper h1,
    body.page-node-puttnam-school-of-film--animation .custom-banner-wrapper h1,
	body.page-node-school-of-creative-industries .custom-banner-wrapper h1,
	body.page-node-school-of-design-communication .custom-banner-wrapper h1,
	body.page-node-school-of-fashion .custom-banner-wrapper h1,
	body.page-node-school-of-spatial--product-design .custom-banner-wrapper h1,
	body.page-node-school-of-contemporary-music .custom-banner-wrapper h1,
	body.page-node-school-of-dance--theatre .custom-banner-wrapper h1{
		font-size: 46px;
		line-height: 53px;
		font-weight: 800;
	}
	
	body.page-node-mcnally-school-of-fine-arts .node__container.page-mcnally,
    body.page-node-puttnam-school-of-film--animation .node__container.page-putnam,
	body.page-node-school-of-creative-industries .node__container.page-soci,
	body.page-node-school-of-design-communication .node__container.page-school-design-comm,
	body.page-node-school-of-fashion .node__container.page-sof,
	body.page-node-school-of-spatial--product-design .node__container.page-spatial,
	body.page-node-school-of-contemporary-music .node__container.page-socm,
	body.page-node-school-of-dance--theatre .node__container.page-sodt{
		margin-top: -56px;
	}
}

@media only screen and (max-width: 1024px){
	body.page-node-mcnally-school-of-fine-arts .banner .desktop-banner,
    body.page-node-puttnam-school-of-film--animation .banner .desktop-banner,
	body.page-node-school-of-creative-industries .banner .desktop-banner,
	body.page-node-school-of-design-communication .banner .desktop-banner,
	body.page-node-school-of-fashion .banner .desktop-banner,
	body.page-node-school-of-spatial--product-design .banner .desktop-banner,
	body.page-node-school-of-contemporary-music .banner .desktop-banner,
	body.page-node-school-of-dance--theatre .banner .desktop-banner{
		width: 100%;
		overflow: hidden;
	}

	body.page-node-mcnally-school-of-fine-arts .custom-banner-wrapper .node__header,
    body.page-node-puttnam-school-of-film--animation .custom-banner-wrapper .node__header,
	body.page-node-school-of-creative-industries .custom-banner-wrapper .node__header,
	body.page-node-school-of-design-communication .custom-banner-wrapper .node__header,
	body.page-node-school-of-fashion .custom-banner-wrapper .node__header,
	body.page-node-school-of-spatial--product-design .custom-banner-wrapper .node__header,
	body.page-node-school-of-contemporary-music .custom-banner-wrapper .node__header,
	body.page-node-school-of-dance--theatre .custom-banner-wrapper .node__header{
		padding-top: 120px;
		margin-top: 0;
	}
	
	body.page-node-mcnally-school-of-fine-arts .custom-banner-wrapper h1,
    body.page-node-puttnam-school-of-film--animation .custom-banner-wrapper h1,
	body.page-node-school-of-creative-industries .custom-banner-wrapper h1,
	body.page-node-school-of-design-communication .custom-banner-wrapper h1,
	body.page-node-school-of-fashion .custom-banner-wrapper h1,
	body.page-node-school-of-spatial--product-design .custom-banner-wrapper h1,
	body.page-node-school-of-contemporary-music .custom-banner-wrapper h1,
	body.page-node-school-of-dance--theatre .custom-banner-wrapper h1{
		font-size: 36px;
		line-height: 46px;
		font-weight: 800;
	}
	
	
	
	body.page-node-mcnally-school-of-fine-arts .custom-banner-wrapper .node__header,
	body.page-node-puttnam-school-of-film--animation .custom-banner-wrapper .node__header,
	body.page-node-school-of-creative-industries .custom-banner-wrapper .node__header,
	body.page-node-school-of-design-communication .custom-banner-wrapper .node__header,
	body.page-node-school-of-fashion .custom-banner-wrapper .node__header,
	body.page-node-school-of-spatial--product-design .custom-banner-wrapper .node__header,
	body.page-node-school-of-contemporary-music .custom-banner-wrapper .node__header,
	body.page-node-school-of-dance--theatre .custom-banner-wrapper .node__header{
		padding-top: 82px;
		margin-top: 0;
	}
	
	body.page-node-mcnally-school-of-fine-arts .node__container.page-mcnally .filter-container,
	body.page-node-puttnam-school-of-film--animation .node__container.page-putnam .filter-container,
	body.page-node-school-of-creative-industries .node__container.page-soci .filter-container,
	body.page-node-school-of-design-communication .node__container.page-school-design-comm .filter-container,
	body.page-node-school-of-fashion .node__container.page-sof .filter-container,
	body.page-node-school-of-spatial--product-design .node__container.page-spatial .filter-container,
	body.page-node-school-of-contemporary-music .node__container.page-socm .filter-container,
	body.page-node-school-of-dance--theatre .node__container.page-sodt .filter-container{
		margin-top: -203px;
	}
	
	/* start for school main pages banner and intro layout udpates 2023 */
	.page-mcnally .filter-container,
	.page-putnam .filter-container,
	.page-sodt .filter-container,
	.page-socm .filter-container,
	.page-spatial .filter-container,
	.page-sof .filter-container,
	.page-school-design-comm .filter-container,
	.page-soci .filter-container {
       margin-top: 10px !important;
       position: relative;
    }
  
    .page-mcnally .section-introduction-wrapper .section-introduction .row .col-12 div:first-child,
	.page-putnam .section-introduction-wrapper .section-introduction .row .col-12 div:first-child,
	.page-sodt .section-introduction-wrapper .section-introduction .row .col-12 div:first-child,
	.page-socm .section-introduction-wrapper .section-introduction .row .col-12 div:first-child,
	.page-spatial .section-introduction-wrapper .section-introduction .row .col-12 div:first-child,
	.page-sof .section-introduction-wrapper .section-introduction .row .col-12 div:first-child,
	.page-school-design-comm .section-introduction-wrapper .section-introduction .row .col-12 div:first-child,
	.page-soci .section-introduction-wrapper .section-introduction .row .col-12 div:first-child {
       padding-left:50px;
    }  
  

    .page-mcnally .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p ,
	.page-putnam .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
	.page-sodt .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
	.page-socm .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
	.page-spatial .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
	.page-sof .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
	.page-school-design-comm .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
	.page-soci .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p {
       color: #010101;
       font-size: 28pt;
       width: 100%;
       text-align: left;
       line-height: 33.6pt;
    }

   .page-mcnally .section-introduction-wrapper .section-introduction .row .col-12 div:last-child,
   .page-putnam .section-introduction-wrapper .section-introduction .row .col-12 div:last-child,
   .page-sodt .section-introduction-wrapper .section-introduction .row .col-12 div:last-child,
   .page-socm .section-introduction-wrapper .section-introduction .row .col-12 div:last-child,
   .page-spatial .section-introduction-wrapper .section-introduction .row .col-12 div:last-child,
   .page-sof .section-introduction-wrapper .section-introduction .row .col-12 div:last-child,
   .page-school-design-comm .section-introduction-wrapper .section-introduction .row .col-12 div:last-child,
   .page-soci .section-introduction-wrapper .section-introduction .row .col-12 div:last-child {
	   padding-left:50px;
	   padding-right:50px;
    }


   .page-mcnally .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
   .page-putnam .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
   .page-sodt .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
   .page-socm .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
   .page-spatial .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
   .page-sof .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
   .page-school-design-comm .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
   .page-soci .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p {
	  width: 100%;

    }

   .page-mcnally .custom-banner-wrapper,
   .page-putnam .custom-banner-wrapper,
   .page-sodt .custom-banner-wrapper,
   .page-socm .custom-banner-wrapper,
   .page-spatial .custom-banner-wrapper,
   .page-sof .custom-banner-wrapper,
   .page-school-design-comm .custom-banner-wrapper,
   .page-soci .custom-banner-wrapper {
     margin-top: 57px;
   }
	/* end for school main pages banner and intro layout udpates 2023 */
}

@media only screen and (max-width: 990px){
	body.page-node-mcnally-school-of-fine-arts .banner .desktop-banner video,
	body.page-node-puttnam-school-of-film--animation .banner .desktop-banner video,
	body.page-node-school-of-creative-industries .banner .desktop-banner video,
	body.page-node-school-of-design-communication .banner .desktop-banner video,
	body.page-node-school-of-fashion .banner .desktop-banner video,
	body.page-node-school-of-spatial--product-design .banner .desktop-banner video,
	body.page-node-school-of-contemporary-music .banner .desktop-banner video,
	body.page-node-school-of-dance--theatre .banner .desktop-banner video{
		background: #fff;
		height: auto;
		object-fit: contain;
	}
	
	body.page-node-mcnally-school-of-fine-arts .node__container.page-mcnally,
	body.page-node-puttnam-school-of-film--animation .node__container.page-putnam,
	body.page-node-school-of-creative-industries .node__container.page-soci,
	body.page-node-school-of-design-communication .node__container.page-school-design-comm,
	body.page-node-school-of-fashion .node__container.page-sof,
	body.page-node-school-of-spatial--product-design .node__container.page-spatial,
	body.page-node-school-of-contemporary-music .node__container.page-socm,
	body.page-node-school-of-dance--theatre .node__container.page-sodt{
		margin-top: 0px;
	}
	
	body.page-node-mcnally-school-of-fine-arts .custom-banner-wrapper .node__header,
	body.page-node-puttnam-school-of-film--animation .custom-banner-wrapper .node__header,
	body.page-node-school-of-creative-industries .custom-banner-wrapper .node__header,
	body.page-node-school-of-design-communication .custom-banner-wrapper .node__header,
	body.page-node-school-of-fashion .custom-banner-wrapper .node__header,
	body.page-node-school-of-spatial--product-design .custom-banner-wrapper .node__header,
	body.page-node-school-of-contemporary-music .custom-banner-wrapper .node__header,
	body.page-node-school-of-dance--theatre .custom-banner-wrapper .node__header{
		padding-top: 10px;
		margin-top: 0;
	}
	
	body.page-node-mcnally-school-of-fine-arts .node__container.page-mcnally .filter-container,
	body.page-node-puttnam-school-of-film--animation .node__container.page-putnam .filter-container,
	body.page-node-school-of-creative-industries .node__container.page-soci .filter-container,
	body.page-node-school-of-design-communication .node__container.page-school-design-comm .filter-container,
	body.page-node-school-of-fashion .node__container.page-sof .filter-container,
	body.page-node-school-of-spatial--product-design .node__container.page-spatial .filter-container,
	body.page-node-school-of-contemporary-music .node__container.page-socm .filter-container,
	body.page-node-school-of-dance--theatre .node__container.page-sodt .filter-container{
		margin-top: -239px;
	}
	
	/* start for school main pages banner and intro layout udpates 2023 */
	.page-mcnally .custom-banner-wrapper,
	.page-putnam .custom-banner-wrapper,
	.page-sodt .custom-banner-wrapper,
	.page-socm .custom-banner-wrapper,
	.page-spatial .custom-banner-wrapper,
	.page-sof .custom-banner-wrapper,
	.page-school-design-comm .custom-banner-wrapper,
	.page-soci .custom-banner-wrapper {
		margin-top: 0px;
	}
	/* end for school main pages banner and intro layout udpates 2023 */
}

@media only screen and (max-width: 880px){
	body.page-node-mcnally-school-of-fine-arts .banner .desktop-banner video,
	body.page-node-puttnam-school-of-film--animation .banner .desktop-banner video,
	body.page-node-school-of-creative-industries .banner .desktop-banner video,
	body.page-node-school-of-design-communication .banner .desktop-banner video,
	body.page-node-school-of-fashion .banner .desktop-banner video,
	body.page-node-school-of-spatial--product-design .banner .desktop-banner video,
	body.page-node-school-of-contemporary-music .banner .desktop-banner video,
	body.page-node-school-of-dance--theatre .banner .desktop-banner video{
		background: #fff;
		height: auto;
		object-fit: fill;
	}
	
	body.page-node-mcnally-school-of-fine-arts .section-introduction-wrapper .section-introduction p,
	body.page-node-puttnam-school-of-film--animation .section-introduction-wrapper .section-introduction p,
	body.page-node-school-of-creative-industries .section-introduction-wrapper .section-introduction p,
	body.page-node-school-of-design-communication .section-introduction-wrapper .section-introduction p,
	body.page-node-school-of-fashion .section-introduction-wrapper .section-introduction p,
	body.page-node-school-of-spatial--product-design .section-introduction-wrapper .section-introduction p,
	body.page-node-school-of-contemporary-music .section-introduction-wrapper .section-introduction p,
	body.page-node-school-of-dance--theatre .section-introduction-wrapper .section-introduction p{
		color: #010101;
		font-size: 17px;
	}
}

@media only screen and (max-width: 857px){
	body.page-node-mcnally-school-of-fine-arts .section-introduction-wrapper .section-introduction,
	body.page-node-puttnam-school-of-film--animation .section-introduction-wrapper .section-introduction,
	body.page-node-school-of-creative-industries .section-introduction-wrapper .section-introduction,
	body.page-node-school-of-design-communication .section-introduction-wrapper .section-introduction,
	body.page-node-school-of-fashion .section-introduction-wrapper .section-introduction,
	body.page-node-school-of-spatial--product-design .section-introduction-wrapper .section-introduction,
	body.page-node-school-of-contemporary-music .section-introduction-wrapper .section-introduction,
	body.page-node-school-of-dance--theatre .section-introduction-wrapper .section-introduction{
		background-color: transparent;
	}
	
	body.page-node-mcnally-school-of-fine-arts .node__container.page-mcnally .filter-container,
	body.page-node-puttnam-school-of-film--animation .node__container.page-putnam .filter-container,
	body.page-node-school-of-creative-industries .node__container.page-soci .filter-container,
	body.page-node-school-of-design-communication .node__container.page-school-design-comm .filter-container,
	body.page-node-school-of-fashion .node__container.page-sof .filter-container,
	body.page-node-school-of-spatial--product-design .node__container.page-spatial .filter-container,
	body.page-node-school-of-contemporary-music .node__container.page-socm .filter-container,
	body.page-node-school-of-dance--theatre .node__container.page-sodt .filter-container{
		margin-top: -220px;
	}
	
	body.page-node-mcnally-school-of-fine-arts .banner .desktop-banner video,
	body.page-node-puttnam-school-of-film--animation .banner .desktop-banner video,
	body.page-node-school-of-creative-industries .banner .desktop-banner video,
	body.page-node-school-of-design-communication .banner .desktop-banner video,
	body.page-node-school-of-fashion .banner .desktop-banner video,
	body.page-node-school-of-spatial--product-design .banner .desktop-banner video,
	body.page-node-school-of-contemporary-music .banner .desktop-banner video,
	body.page-node-school-of-dance--theatre .banner .desktop-banner video{
		background: #fff;
		height: 566px;
		object-fit: fill;
	}
	
	
}

/* end for 8 schools banner video update */


@media only screen and (max-width: 768px){
	.page-node-type--student-work div#stu-detail-profile .ic_website:before,
	.page-node-type--student-work div#stu-detail-profile .list.ic_email:before {
		background-size: contain;
	}
	div#ba_art_creative_industries > .row {
	    flex-direction: column;
	    -webkit-align-items: center;
	    -moz-align-items: center;
	    -ms-align-items: center;
	    align-items: center;
	}

	.page-node-type--student-work #ba_art_creative_industries h1{
		text-align:left;
	}

	.page-node-type--student-work .school-slider-container{
	    padding-top: 0;
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 66.666667%;
	    -ms-flex: 0 0 66.666667%;
	    flex: 0 0 66.666667%;
	    max-width: 66.666667%;
	    margin: auto;
	}

	.page-node-type--student-work div#stu-detail-profile .left-side {
	    width: 100%;
	    float: none;
	}

	.page-node-type--student-work div#stu-detail-profile .right-side {
	    width: 100%;
	    float: none;
	    padding: 0px;
	}

	.page-node-type--student-work div#stu-detail-profile .row.align-items-center.puttnam-bottom-content{
		    display: block;
	}
	
	.bio-wrapper .profile-top-content {
		padding-top: 0 !important;
	}
	
	.page-node-type--student-work .school-top-content .synopsis {
	    margin-top: 0px;
	    margin-bottom: 40px;
	}
	
	.page-node-type--student-work div#stu-detail-profile .stu-profile-row {
		display: block !important;
	}
	
	.page-node-type--student-work .profile-bottom-content{
		padding-bottom:0px !important;
	}
	
	.page-node-type--student-work #ba_art_creative_industries {
		margin-top: 60px;
		margin-bottom: 20px !important;
	}
	
	/* only  dev for video mobile resizing of new video*/
    body.page-node-mcnally-school-of-fine-arts .node__container.page-mcnally .filter-container,
	body.page-node-puttnam-school-of-film--animation .node__container.page-putnam .filter-container,
	body.page-node-school-of-creative-industries .node__container.page-soci .filter-container,
	body.page-node-school-of-design-communication .node__container.page-school-design-comm .filter-container,
	body.page-node-school-of-fashion .node__container.page-sof .filter-container,
	body.page-node-school-of-spatial--product-design .node__container.page-spatial .filter-container,
	body.page-node-school-of-contemporary-music .node__container.page-socm .filter-container,
	body.page-node-school-of-dance--theatre .node__container.page-sodt .filter-container{
		margin-top: 50px;
	}

	body.page-node-mcnally-school-of-fine-arts .custom-banner-wrapper .node__header,
	body.page-node-puttnam-school-of-film--animation .custom-banner-wrapper .node__header,
	body.page-node-school-of-creative-industries .custom-banner-wrapper .node__header,
	body.page-node-school-of-design-communication .custom-banner-wrapper .node__header,
	body.page-node-school-of-fashion .custom-banner-wrapper .node__header,
	body.page-node-school-of-spatial--product-design .custom-banner-wrapper .node__header,
	body.page-node-school-of-contemporary-music .custom-banner-wrapper .node__header,
	body.page-node-school-of-dance--theatre .custom-banner-wrapper .node__header{
		padding-top:150px;
	}
	
     /* only  dev for video mobile resizing of new video*/
}

/* start for school main pages banner and intro layout udpates 2023 */
@media only screen and (max-width: 768px) and (min-width: 541px)  {

.page-mcnally .custom-banner-wrapper .banner,
.page-putnam .custom-banner-wrapper .banner,
.page-sodt .custom-banner-wrapper .banner,
.page-socm .custom-banner-wrapper .banner,
.page-spatial .custom-banner-wrapper .banner,
.page-sof .custom-banner-wrapper .banner,
.page-school-design-comm .custom-banner-wrapper .banner,
.page-soci .custom-banner-wrapper .banner {
   height: 375px;
}

.page-mcnally .mobile-banner img,
.page-putnam .mobile-banner img,
.page-sodt .mobile-banner img,
.page-socm .mobile-banner img,
.page-spatial .mobile-banner img,
.page-sof .mobile-banner img,
.page-school-design-comm .mobile-banner img,
.page-soci .mobile-banner img {
    opacity: 0;
}

.page-mcnally .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
.page-putnam .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
.page-sodt .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
.page-socm .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
.page-spatial .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
.page-sof .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
.page-school-design-comm .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
.page-soci .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p {
    color: #010101;
    font-size: 26pt !important;;
    width: 100%;
    text-align: left;
    line-height: 31.51pt !important;
}

.page-mcnally .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
.page-putnam .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
.page-sodt .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
.page-socm .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
.page-spatial .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
.page-sof .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
.page-school-design-comm .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
.page-soci .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p {
    width: 100%;
    font-size: 15pt !important;
    line-height: 22.5pt !important;
}
}

/* end for school main pages banner and intro layout udpates 2023 */


@media only screen and (max-width: 640px){
.page-node-type--student-work .school-slider-container {
    padding-top: 30px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 100%;
    margin: auto;
}


	
	
}

@media only screen and (max-width: 540px){
	.page-node-type--student-work div#ba_art_creative_industries > .row {
	    flex-direction: column;
	    -webkit-align-items: start;
	    -moz-align-items: start;
	    -ms-align-items: start;
	    align-items: start;
	}

	.page-node-type--student-work div#ba_art_creative_industries > .row .col {
	    flex-basis: auto !important;
	}

	.page-node-type--student-work div#ba_art_creative_industries > .row .col .fav-btn-wrapper {
	    position: relative;
		justify-content: flex-start;
		margin-top: 13px;
		margin-bottom: 13px;
	}

	.page-node-type--student-work .school-top-content .synopsis {
	    margin-top: 0px;
	    margin-bottom: 40px;
	}
	
	.page-node-type--student-work div#stu-detail-profile .stu-profile-row {
		display: block !important;
	}
	
	.page-node-type--student-work .profile-bottom-content{
		padding-bottom:20px !important;
	}
	
	.page-node-type--student-work #ba_art_creative_industries {
		margin-top: 60px;
		margin-bottom: 20px !important;
	}

	.page-node-type--student-work div#stu-detail-profile .ic_website:before {
	    background: url(images/tls/ic_user.png) no-repeat;
        background-size: 20px;
	}

	.page-node-type--student-work div#stu-detail-profile .list.ic_email:before {
	    background: url(images/tls/ic_mail.png) no-repeat;
        background-size: 20px;
	}
	
	/* start for school main pages banner and intro layout udpates 2023 */

	.page-mcnally .mobile-banner {
		display: block;
		width: 768px;
		max-width: 100%;
		background-image: url("/sites/default/files/2024-03/TLS2024_WEB_MASTHEAD_MOBILE_MSOFA.jpg");
		background-repeat: no-repeat;
		height: 375px !important;
		background-position: top center;
	}
	
	.page-putnam .mobile-banner {
		display: block;
		width: 768px;
		max-width: 100%;
		background-image: url("/sites/default/files/2024-03/TLS2024_WEB_MASTHEAD_MOBILE_PSOFA.jpg");
		background-repeat: no-repeat;
		height: 375px !important;
		background-position: top center;
	}
	
	.page-sodt .mobile-banner {
		display: block;
		width: 768px;
		max-width: 100%;
		background-image: url("/sites/default/files/2024-03/TLS2024_WEB_MASTHEAD_MOBILE_SODT.jpg");
		background-repeat: no-repeat;
		height: 375px !important;
		background-position: top center;
	}
	
	.page-socm .mobile-banner {
		display: block;
		width: 768px;
		max-width: 100%;
		background-image: url("/sites/default/files/2024-03/TLS2024_WEB_MASTHEAD_MOBILE_SOCM.jpg");
		background-repeat: no-repeat;
		height: 375px !important;
		background-position: top center;
	}
	
	.page-spatial .mobile-banner {
		display: block;
		width: 768px;
		max-width: 100%;
		background-image: url("/sites/default/files/2024-03/TLS2024_WEB_MASTHEAD_MOBILE_SSPD.jpg");
		background-repeat: no-repeat;
		height: 375px !important;
		background-position: top center;
	}
	
	.page-sof .mobile-banner {
		display: block;
		width: 768px;
		max-width: 100%;
		background-image: url("/sites/default/files/2024-03/TLS2024_WEB_MASTHEAD_MOBILE_SOF.jpg");
		background-repeat: no-repeat;
		height: 375px !important;
		background-position: top center;
	}
	
	.page-school-design-comm .mobile-banner {
		display: block;
		width: 768px;
		max-width: 100%;
		background-image: url("/sites/default/files/2024-03/TLS2024_WEB_MASTHEAD_MOBILE_SODC.jpg");
		background-repeat: no-repeat;
		height: 375px !important;
		background-position: top center;
	}
	
	.page-soci .mobile-banner {
		display: block;
		width: 768px;
		max-width: 100%;
		background-image: url("/sites/default/files/2024-03/TLS2024_WEB_MASTHEAD_MOBILE_SOCI.jpg");
		background-repeat: no-repeat;
		height: 375px !important;
		background-position: top center;
	}
	
	.page-mcnally .custom-banner-wrapper,
	.page-putnam .custom-banner-wrapper,
	.page-sodt .custom-banner-wrapper,
	.page-socm .custom-banner-wrapper,
	.page-spatial .custom-banner-wrapper,
	.page-sof .custom-banner-wrapper,
	.page-school-design-comm .custom-banner-wrapper,
	.page-soci .custom-banner-wrapper {
       margin-top: 0px;
    }
	
	.page-mcnally .custom-banner-wrapper .banner,
	.page-putnam .custom-banner-wrapper .banner,
	.page-sodt .custom-banner-wrapper .banner,
	.page-socm .custom-banner-wrapper .banner,
	.page-spatial .custom-banner-wrapper .banner,
	.page-sof .custom-banner-wrapper .banner,
	.page-school-design-comm .custom-banner-wrapper .banner,
	.page-soci .custom-banner-wrapper .banner {
        height: auto;
    }

    .page-mcnally .section-introduction-wrapper .section-introduction .row .col-12 div:first-child,
	.page-putnam .section-introduction-wrapper .section-introduction .row .col-12 div:first-child,
	.page-sodt .section-introduction-wrapper .section-introduction .row .col-12 div:first-child,
	.page-socm .section-introduction-wrapper .section-introduction .row .col-12 div:first-child,
	.page-spatial .section-introduction-wrapper .section-introduction .row .col-12 div:first-child,
	.page-sof .section-introduction-wrapper .section-introduction .row .col-12 div:first-child,
	.page-school-design-comm .section-introduction-wrapper .section-introduction .row .col-12 div:first-child,
	.page-soci .section-introduction-wrapper .section-introduction .row .col-12 div:first-child {
	   height: auto !important;
       width: 80%;
       margin-bottom: 20px;
    }

    .page-mcnally .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
	.page-putnam .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
	.page-sodt .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
	.page-socm .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
	.page-spatial .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
	.page-sof .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
	.page-school-design-comm .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p,
	.page-soci .section-introduction-wrapper .section-introduction .row .col-12 div:first-child p {
       font-size: 14.5pt !important;
       line-height: 30pt !important;
    }

	.page-mcnally .section-introduction-wrapper .section-introduction .row .col-12 div:last-child,
	.page-putnam .section-introduction-wrapper .section-introduction .row .col-12 div:last-child,
	.page-sodt .section-introduction-wrapper .section-introduction .row .col-12 div:last-child,
	.page-socm .section-introduction-wrapper .section-introduction .row .col-12 div:last-child,
	.page-spatial .section-introduction-wrapper .section-introduction .row .col-12 div:last-child,
	.page-sof .section-introduction-wrapper .section-introduction .row .col-12 div:last-child,
	.page-school-design-comm .section-introduction-wrapper .section-introduction .row .col-12 div:last-child,
	.page-soci .section-introduction-wrapper .section-introduction .row .col-12 div:last-child {
		width: 100%;
	}

	.page-mcnally .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
	.page-putnam .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
	.page-sodt .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
	.page-socm .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
	.page-spatial .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
	.page-sof .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
	.page-school-design-comm .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p,
	.page-soci .section-introduction-wrapper .section-introduction .row .col-12 div:last-child p {
       line-height: 22pt !important;
    }

    .page-mcnally .custom-banner-wrapper .section-introduction-wrapper,
	.page-putnam .custom-banner-wrapper .section-introduction-wrapper,
	.page-sodt .custom-banner-wrapper .section-introduction-wrapper,
	.page-socm .custom-banner-wrapper .section-introduction-wrapper,
	.page-spatial .custom-banner-wrapper .section-introduction-wrapper,
	.page-sof .custom-banner-wrapper .section-introduction-wrapper,
	.page-school-design-comm .custom-banner-wrapper .section-introduction-wrapper,
	.page-soci .custom-banner-wrapper .section-introduction-wrapper {
       margin-top: 10px;
       margin-bottom:50px;
    }
	
	/* end for school main pages banner and intro layout udpates 2023 */
}