/*
 *  MSA 2026 Custom CSS
 *
 *  Green: #18EC9F  Yellow: #D4FA13  Pink: #F785F7  Blue: #19B2C4  Dark Green: #005045
 */
 

/* header */
 
.msa2025 .header__area {
	background-color: #00504D; 
}

.msa2020 .logo--show, .msa2020.search--active .logo--hide {
	opacity: 0;
	visibility: collapse;
}

.msa2020 .logo--hide, .msa2020.search--active .logo--show {
	opacity: 1;
	visibility: visible;
} 

.msa2020 .search__opener, 
.msa2020 .nav__opener {
	color: #fff;
}

.msa2020.search--active .search__opener, 
.msa2020.search--active .nav__opener {
	color: #000;
}

.msa2025 .page__heading--msa2025 {
	color: #005045;
}

@media (min-width: 992px) {
	.msa2025 .header__area .bg-stretch {
	  opacity: 1;
	  visibility: visible;
	  background-image: url(/media/msaacuk/content/msa2026/ds26-bg.png) !important;
	}
}

/* links */
.msa2025 .more--danger {
	color: #005045;
}
.msa2025 .more--danger:hover {
	color: #333;
}

.msa2025 .content__text a:not([class]) {
	color: #005045;
}

.msa2025 .content__text a:not([class]):hover {
	color: #333;
}

.msa2025 .product__item a:not([class]) {
	color: #005045;
}

.msa2025 .product__item a:not([class]):hover {
	color: #333;
}

.msa2025 .showcase__image [rel=lightbox]:hover {
	color: #18EC9F;
}


/* colour borders */
.msa2025 .post, 
.msa2025 .product__item,  
.msa2025 .contact,
.msa2025 .showcase__sidebar .more-holder {
	border-top-color: #005045;
}

/* post */
.msa2025 .post__detail p > a {
	color: #005045;
}
.msa2025 .post__detail p > a:hover {
	color: #000;
}

/* newsletter */
.msa2025 .newsletter {
	background-color: #00504d;
	color: #ece63a;
}
.msa2025 .newsletter__link {
	color: #ece63a;
}
.msa2025 .newsletter__link:hover {
	color: #fcf665;
}

.msa2025 .update__detail {
	border-bottom-color: #005045;
}

.msa2025 .update__section--grey .update__detail {
	background-color: rgba(238, 238, 238, 0.9);
}


/* contact */
.msa2025 .contact__description a {
	color: #005045;
}
.msa2025 .contact__description a:hover {
	color: #333;
}
.contact__avatar {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow: hidden;
}
.contact__avatar img {
	max-width: none;
	width: 100%;
}
.contact .contact__avatar {
	margin-bottom: 15px;
}

/* showcase */
@media (min-width: 768px) {
	.msa2025 .showcase__sidebar {
		padding-top: 10px;
	}
}
.msa2025 .showcase .more-holder {
	margin-bottom: 10px;
}

.more--nolink:hover {

	color: #575756;
	text-decoration: none;
	
}

.msa2025 .showcase.posters .showcase__image {
	background-color: #eee;
	padding-top: 10px;
	padding-bottom: 10px;	
}

.msa2025 .showcase--grey.posters .showcase__image {
	background-color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
}

.msa2025 .showcase.posters .showcase__image__fit {
	background-size: contain !important;
}


/* atelier contacts */
.atelier-contacts {
	padding-top: 15px;
	border-top: 2px solid #005045; /* #e44e1b */
	margin-bottom: 2em;
}

.atelier-contacts h2 {
	text-transform: uppercase;
	color: #575756
}

.atelier-contacts ul {
	margin-left: 0;
	padding-left: 0;
}

.atelier-contacts ul li {
	list-style: none;
	/* padding-left: 1em;
	text-indent: -1em; */
}

.atelier-contacts a {
	color: #005045;
}

.atelier-contacts a:hover {
	color: #000;
	text-decoration: underline;
}

/* profiles list */
.profiles--architecture .staff__block, 
.profiles--march .staff__block, 
.profiles--mla .staff__block,
.profiles--architectureandurbanism .staff__block {
	 display: none;
}

.profiles--architecture .p--architecture,
.profiles--march .p--march,
.profiles--mla .p--mla,
.profiles--architectureandurbanism .p--architectureandurbanism {
	display: flex !important;
}

.course--on, .filter-select--on {
	color: #000;
	text-decoration: none;
}

.course-item {
	padding-right: 1em;
	margin-bottom: 20px;
}

.filter-select {
	padding-right: 0.5em;
	margin-bottom: 5px;
}


/* video embed */
.video-embed {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;	
	margin-bottom: 30px;
}

.video-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;		
}

.content--reduced-padding {
	padding-bottom: 40px !important;
}
.bg-stretch {
        background-size: 128px 128px;
        background-repeat: repeat;
}
#header .logo--hide {
  opacity: 1 !important;
  visibility: visible !important;
}
#header .logo--show {
  opacity: 0 !important;
  visibility: hidden !important;
}
body:not(.search--active) #header .nav__opener ,
body:not(.search--active) #header .search__opener {
  color: white;
}
#header .logo img {
  padding: 10px;
  background-color: #003c39;
}

#wrapper .bg-stretch {
	background:
			url(/media/msaacuk/content/msa2026/logo-more-to-come-portrait.svg) center center / 70% 70% no-repeat ,
			url(/media/msaacuk/content/msa2026/ds26-bg.png) center center / 128px 128px repeat !important ;
}

@media (min-width: 992px) {
	#wrapper .bg-stretch {
		background:
				url(/media/msaacuk/content/msa2026/logo-more-to-come-portrait.svg) -50% center / 70% 70% no-repeat ,
				url(/media/msaacuk/content/msa2026/ds26-bg.png) center center / 128px 128px repeat !important
	}
}

@media (min-width: 992px) {
  .header__area .bg-stretch {
    opacity: 1 !important;
    visibility: visible !important;
  }
}