@font-face {
    font-family: 'cardo';
    src: url('../webfonts/Cardo-Regular.ttf') format('truetype');
    font-weight: normal;
}
@font-face {
    font-family: 'cardo';
    src: url('../webfonts/Cardo-Bold.ttf') format('truetype');
    font-weight: bold;
}
@font-face {
    font-family: 'cardo';
    src: url('../webfonts/Cardo-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
/* minion was specified, crimson-text is an attempted replacement */
@font-face{
	font-family: 'minion';
	src: url(../webfonts/CrimsonText-Regular.ttf) format('truetype');
	font-weight: normal;
}
@font-face{
	font-family: 'minion';
	src: url(../webfonts/CrimsonText-SemiBold.ttf) format('truetype');
	font-weight: 600;
}
@font-face{
	font-family: 'minion';
	src: url(../webfonts/CrimsonText-Bold.ttf) format('truetype');
	font-weight: 700;
}
@font-face{
	font-family: 'minion';
	src: url(../webfonts/CrimsonText-Italic.ttf) format('truetype');
	font-weight: normal;
	font-style: italic;
}
@font-face{
	font-family: 'minion';
	src: url(../webfonts/CrimsonText-BoldItalic.ttf) format('truetype');
	font-weight: 700;
	font-style: italic;
}
@font-face{
	font-family: 'minion';
	src: url(../webfonts/CrimsonText-SemiBoldItalic.ttf) format('truetype');
	font-weight: 600;
	font-style: italic;
}
/* akzidenz was specified, ABeeZee is attempted replacement */
@font-face{
	font-family: 'akzidenz';
	src: url(../webfonts/ABeeZee-Regular.ttf) format('truetype');
	font-weight: normal;
}
@font-face{
	font-family: 'akzidenz';
	src: url(../webfonts/ABeeZee-Italic.ttf) format('truetype');
	font-weight: normal;
	font-style: italic;
}





/* ---------------------------------- BASE -----------------------------------*/

html{
    font-size: 11px;
    font-family: 'cardo', serif;
}
@media screen and (min-width: 460px){
    html{
        font-size: 13px;
    }
}
@media screen and (min-width: 768px){
    html{
        font-size: 18px;
    }
}

body{
	margin: 0;
	padding: 0;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.atrbutecontainer{
	width:100%;
	padding: 20px 2% 2% 2%;
	/* RHB - % padding ends up a problem here at the top due to alignment with fixed height header and menu */
	box-sizing: border-box;
	/* REMOVING 24072020 MJWEBB margin-top: 80px; */
	/*transition: width 0.3s ease, margin-left 0.3s ease;*/
}
@media screen and (min-width: 768px){
/*    this had no selector?! */
/*	padding: 27px;	*/
}

a:link, a:visited, a:hover, a:active{
	text-decoration: none;
	color: #afafaf;
}

.asset-image{
	position: relative;
}
.asset-image-caption{
	opacity: 0;
	background-color: #000;
	width: 100%;
	vertical-align: middle;
	z-index: 100;
	transition: opacity 0.3s ease-out;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	font-family: inherit;
	text-transform: uppercase;
}
.asset-image-caption span{
	vertical-align: middle;
	display: block;
	position: absolute;
	top: calc(50% - 1rem);
	width: 100%;
	text-align: center;
	color: #fff;
	font-weight: bold;
	line-height: 2rem;
	vertical-align: middle;
}
.asset-image-caption:hover{
	opacity: 0.3;
}
.asset-image img{
	display: block;
}
.asset-image a{
	line-height: 0;
}
video.js_video_short{
    object-fit: cover;
}

/* atrbute-changes-2022-01 */
/* General link style */
a.atrbute-hover-link {
	color: #333;
	transition: color 0.2s linear;
}
a.atrbute-hover-link:hover {
	cursor: pointer;
	color: #afafaf;
	transition: color 0.2s linear;
}


/* ------------------------------- HEADER SECTION ----------------------------*/
.header-container{
    margin-bottom: 1.1rem;
}

#headerTopRow{
	width: 100%;
	padding: 5% 0;
	display:inline-block;
	box-sizing: border-box;
}
@media screen and (min-width: 768px){
	#headerTopRow{
		padding: 27px 0;
		display:inline-block;
		box-sizing: border-box;
	}
}

.headerRightColumn{
	width:35%;
	float:left;
	padding-top:2%;
	font-size: 1rem;
}
.headerLeftColumn{
	width:35%;
	float:left;
	padding-top:2%;
	font-size: 1rem;
}
.headerLeftColumn .nav-button:not(:last-child){
	padding-right: 0.7rem;
}
.headerCentreColumn{
	width:30%;
	float:left;
	margin: auto auto;
	text-align: center;
}
@media screen and (min-width: 450px){
	.headerRightColumn{
/*		padding-top:2%;*/
		font-size: 1.25rem;
	}
	.headerLeftColumn{
/*		padding-top:2%;*/
		font-size: 1.25rem;
	}
}


.searchBoxContainer{
	float: right;
	padding-right: 16px;
}

#company_logo{
	width: 80%;
	max-width: 294px; /* MJW: AMENDED 24072020 */
}

.nav-button, .nav-button a{
/*	font-size: 1.25rem;*/
	font-style: italic;
	color: #333;
	transition: color 0.2s linear;
}
.nav-button:hover, .nav-button a:hover{
	cursor:pointer;
	color: #afafaf;
	transition: color 0.2s linear;
}
.nav-button.active, .nav-button.active a{
	color: #afafaf;
}
#contactButton{
	padding-right: 16px;
}

.headerBottomRow{
	width:100%;
	margin: 0 auto;
	text-align: center;
	display: inline-block;
	opacity: 0.0;
	height: 0px;
	vertical-align: top;
	overflow: hidden;
	transition: height 0.3s linear, opacity 0.3s linear;
	padding-bottom: 10px;
}
.headerBottomRowFadeIn{
	opacity: 1.0;
	height: 45px;
}

#secondary-nav-container{
	border: 1px solid #afafaf;
	display:inline-block;
}

#secondary-nav{
  list-style-type: none;
  margin: 0;
  padding: 9px 18px;
}

#secondary-nav li{
	display:inline-block;
}

#secondary-nav li:not(:last-child)::after {
    content: '\2014';
    padding: 0 0.5rem;
    color: #afafaf;
}

.secondary-nav-button a{
	font-size: 1.2rem;
	font-style:normal;
	color: #afafaf;
	transition: color 0.2s linear;
}

.secondary-nav-button a:hover{
	color: #333;
	transition: color 0.2s linear;
}
.secondary-nav-button.active a{
	color: #333;
}


.shortcuts{

}

/* ------------------------------- FOOTER SECTION ----------------------------*/
#footer-container{
	width:100%;
	display:inline-block;
}
#footerRow{
	text-align: center;
	margin: 0 auto;
	padding: 27px 0 0 0;
}

#footerRow .category-links {
	margin-top: 32px;
}

#instagram-link{
	text-align: center;
	padding: 27px;
}

img.company_logo_small{
	height: 17px;
	padding-right: 9px;
}

.copyright{
	font-size:21px;
	padding: 7px;
}
#site-note{
	color: #afafaf;
	font-size: 14px;
	padding: 27px;
}
.cimslink a, .cimslink a:visited {
	color: #afafaf;
	font-size: 14px;
	text-decoration: none;
}

/* ------------------------------- HOMEPAGE SECTION --------------------------*/
.homepage-items{
	width:100%;
}

.homepage-row{
	width:100%;
	padding: 2% 0 1% 0;
}
.homepage-row:first-of-type {
	padding-top: 10px;
}

.fifty, .sixtysix, .thirtythree{
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
}
.homepageColumnSplitter{
	width: 4%;
	display: inline-block;
}

.homepage-item a{
	background-position: center center; /* default, can be overridden by cropping options */
	background-size: cover;
	background-repeat: no-repeat;
	display:block;
	width:100%;
	padding-top:100%;
}
@media screen and (min-width: 460px){
	.fifty, .sixtysix, .thirtythree{
		width: 48%;
    }
}
@media screen and (min-width: 1000px){
    .homepage-item a.homepage-wide{
        padding-top: 50%;
    }
	.homepage-item a.homepage-fullwidthshort{
		padding-top: 31%;
	}
	.homepage-item a.homepage-fullwidthtall{
		padding-top: 65%;
	}
	.fifty{
		width: 48%;
	}
    .sixtysix{
		width: 64%;
    }
    .thirtythree{
		width: 32%;
    }
}



.homepage-item-text-container{
	font-size: 85%;
	padding-top: 16px;
}


hr {
	border-top-color: #d4d4d4;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}


/* --------------------------- ARTISTS PAGE ----------------------------------*/

.category-name-header {
	width: 100%;
	text-align: center;
	padding: 27px;
	color: #d4d4d4;
	box-sizing: border-box;
	margin-bottom: 24px;
}
.category-name-header h1 {
	font-size: 3em;
	font-weight: normal;
	margin: 0;
	color: #333;
}
#artistTagDescription{
	text-align: center;
	margin-bottom: 30px;
}
@media screen and (min-width: 1000px) {
	.category-name-header {
		margin-bottom: 40px;
	}
	#artistTagDescription{
		margin-bottom: 40px;
	}
}

.artistspage-items{
    width: 102%;
}
.artistspage-row{
	width: 100%;
	float: left;
	padding: 3% 0 0 0;
}

.artistspage-item{
	transition: color 0.2s linear;
}

.artistspage-item:hover{
	color: #afafaf;
	cursor: pointer;
	transition: color 0.2s linear;
}

.twentyfive{
	width: 98%;
	margin: 0 2% 0 0;

	/*
		july 2021 attempt to get rid of float artefacts arising from subpixel height differences
		note that there cannot be whitespaces between .twentyfive divs for this to work, see artistpage-row.html template
	*/
	/*float:left;*/
	display: inline-block;

	box-sizing: border-box;
	margin-bottom: 1.5rem;
}
@media screen and (min-width: 460px){
	.twentyfive{
		width: 48%;
	}
}
@media screen and (min-width: 768px){
	.twentyfive{
		width: 31.33%;
	}
}
@media screen and (min-width: 1000px){
	.twentyfive{
		width: 23%;
	}
}
/* Breakpoint overrides when for when side menu is visible, so Atrbute container is only occupying 2/3 of screen */
.atrbutecontainer.menu-open .twentyfive {
	width: 98%;
}
@media screen and (min-width: 696px) {
	.atrbutecontainer.menu-open .twentyfive {
		width: 48%;
	}
}
@media screen and (min-width: 1163px) {
	.atrbutecontainer.menu-open .twentyfive {
		width: 31.33%;
	}
}
@media screen and (min-width: 1515px) {
	.atrbutecontainer.menu-open .twentyfive {
		width: 23%;
	}
}

.artistspage-rect{
	background-size: cover;
	display:block;
        width: 100%;
        padding-top: 65%;
}

.artistspage-item-text-container{
	text-align: center;
	padding: 7% 0 0 0;
	font-size: 2rem;
}
@media screen and (min-width: 768px){
	.artistspage-item-text-container{
		font-size: 1.1rem;
	}
}
.artistspage-firstname{
	font-style: italic;
}
.artistspage-firstname:not(:empty)::after {
    content: '\2014';
    padding: 0 0.5rem;
}


/* --------------------------- TAGGEDPAGE SECTION ----------------------------*/
#category-items{
    /* allow for margin on contained items .tagged33 while keeping gutters aligned */
    width: 102%; 
    display:inline-block;
}

.taggedpage-row{
	width: 100%;
	float: left;
	padding: 27px 0 0 0;
}

.taggedpage-item{
	transition: color 0.2s linear;
}

.taggedpage-item:hover{
	color: #afafaf;
	cursor: pointer;
	transition: color 0.2s linear;
}

.taggedpage-item-text-container{
	text-align: center;
	padding: 19px 0 0 0;
	font-size: 2rem;
}
.tagged33{
	width: 98%; /* 2% allowed for margin */
	/* padding: 0 15px;  now using margin to keep gutters aligned */
        margin-right: 2%;
	display: inline-block;
        vertical-align: top;
	box-sizing: border-box;
}
@media screen and (min-width: 460px){
	.tagged33{
		width: 48%; /* 2% allowed for margin */
	}
	.taggedpage-item-text-container{
		font-size: 1.6rem
	}
}
@media screen and (max-width: 459px){
	.homepage-item-text-container{
		font-size: 120%;
	}
}
@media screen and (min-width: 768px){
	.tagged33{
		width: 31.33333%; /* 2% allowed for margin */
	}
	.taggedpage-item-text-container{
		font-size: 1rem
	}
}
@media screen and (min-width: 1000px){
	.taggedpage-item-text-container{
		font-size: 1.2rem
	}
}


.taggedpage-square{
	background-size: cover;
	display:block;
	width:100%;
	padding-top:100%;
}


.taggedpage-item-text-line1{
	text-align: left;
}

.taggedpage-item-text-line2{
	font-size: 70%;
	font-style: italic;
	color: #afafaf;
	text-align: left;
	padding: 12px 0;
}

div.taggedpage-item.exhibitions .taggedpage-item-text-line2{
	visibility: hidden;
}

.pagination-row{
	width:100%;
	padding: 72px 0;
	text-align: center;
}

.prevnextpage{
	width: 50%;
	padding: 27px;
        box-sizing: border-box;
}
.prevpage{
	text-align: left;
	float:left;
}
.nextpage{
	text-align: right;
	float:right;
}

.pagination-nav{
	color: #000;
}
.pagination-nav-hidden{
	display:none;
}


/* ----------------- Shared Artist Page / Project Page SECTION ------------------*/
/* ------------ inc. extension of artist tags menu to project pages ------------ */

.headerBottomRow.artistpage,
.headerBottomRow.projectpage {
	display:inline-block;
	opacity: 1.0;
	height: inherit;
	overflow: auto;
}

#secondary-nav-container-artistpage,
#secondary-nav-container-projectpage {
	display:inline-block;
	border: none;
}

#secondary-nav-artistpage,
#secondary-nav-projectpage {
  list-style-type: none;
  margin: 0;
  padding: 9px 18px;
}

#secondary-nav-artistpage li,
#secondary-nav-projectpage li {
	display:inline-block;
}

#secondary-nav-artistpage li:not(:last-child)::after,
#secondary-nav-projectpage li:not(:last-child)::after {
	content: " ";
    padding: 0 1rem;
}


/* --------------------------- ARTISTPAGE SECTION ----------------------------*/

.artistpage-items{
	width:100%;
	display:inline-block;
	padding: 27px 0;
}

#artist-bio{
	width:100%;
	display:inline-block;
}

/* atrbute-changes-2022-01 */
.artist-name-header h1 {
	width: 100%;
	text-align: center;
	font-size: 3em;
	font-weight: normal;
	color: #333;
	box-sizing: border-box;
}

.artistpageheader-namefirst{
	font-style: italic;
}
.artistspageheader-lastname{

}
.artistpageheader-namefirst::after {
    content: '\2014';
    padding: 0 0.5rem;
}

#artist-bio-textblock{
	width:80%;
	text-align: center;
	margin: auto;
	line-height: 1.8em;
	padding: 27px 0;
}

#artistpageheader-intro-text{
	text-align: left;
}
#artistspageheader-more-text{
	text-align: left;
	display: none;
}
#artistspageheader-more-text p{
	margin:0;
	padding: 0;
}

#artistpageheader-text-toggle{
	font-style: italic;
	text-align: left;
	padding: 19px;
	font-size: 1.2em;
}

.artistpageheader-text-toggle-extra{
	font-style: normal;
	height: 0px;
}

#artistpageheader-text-toggle:hover{
	cursor:pointer;
	color: #afafaf;
	transition: color 0.2s linear;
}

/* ---------------------------- COLLECTION  ----------------------------------*/
.artistpage-items{
	width:100%;
}

.grid{
	width:100%;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

.grid-item{
	float: left;
	height: auto;
        /* 
            padding is rather delicate ... this is the default for the middle
            column, however, to maintain identical-sized images, we have to
            ensure that the total horizontal padding is 18px per column, so
            visually 27px total between the columns, with no padding @edges
        */
	padding: 13.5px 9px;
	box-sizing: border-box;
}

.grid-item img {
	height: auto;
	width: 100%;
}

.grid>div:first-child>div.grid-item{
    padding-left: 0;
    padding-right: 18px;
}
.grid>div:last-child>div.grid-item{
    padding-right: 0;
    padding-left: 18px;
}

/* --------------------------- PROJECT PAGE ----------------------------------*/
#project-header{
	width: 80%;
	margin: auto auto;
	text-align: center;
}
@media screen and (min-width: 768px){
	#project-header{
		width: 66.6%;
	}
}
#project-info-textblock{
}
#projectpage-artist-menu {
	padding-top: 38px;
}

/* atrbute-changes-2022-01 */
#projectpage-artist h1 {
	text-align: center;
	font-size: 3em;
	font-weight: normal;
}
.artist-name-first {
	font-style: italic;
}
.artist-name-first::after {
	content: '\2014';
	padding: 0 0.5rem;
}

#projectpage-date{
	font-size: 11px;
	font-style: italic;
	color: #afafaf;
	padding: 27px 0;
}
#projectpage-title{
	font-size: 1.4em;
}
#projectpage-intro{
	text-align: left;
	padding: 19px 0 0 0;
	font-size: 1.0em;
	line-height: 1.9em;
}

#projectpage-intro a{
	color: #000;
	text-decoration: underline;
}

#secondary-nav-projectpage li.active img {
	padding-right: 12px;
	margin-bottom: -2px;
	height: 18px;
}

.projectpage-items{
	width: 80%;
	margin: auto auto;
}
@media screen and (min-width: 768px){
	.projectpage-items{
		width: 66.6%;
	}
}

/* --------------------- FANCYBOX OVERRIDES ----------------------------------*/
.fancybox-bg{
	background-color: #fafafa;
	opacity: 0.98;
}

.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
	background: rgba(250,250,250,.98);
    color: #ccc;
}

.fancybox-toolbar{
	right: 20px;
	top: 20px;
}

.fancybox-button:hover{
	color: #000;
}

.fancybox-button[disabled], .fancybox-button:hover[disabled]{
	color: #dadada;
}

.fancybox-button--close, .fancybox-button--close:hover {
	padding:10px;
}

.fancybox-navigation .fancybox-button--arrow_left, .fancybox-navigation .fancybox-button--arrow_right{
	width: 110px;
	padding: 31px 6px 31px 26px;
}

/* -------------------------- SPECIAL PAGE -----------------------------------*/
#specialpage-title{
	font-size: 2.0em;
	font-style: italic;
	text-align: center;
}

.specialpage #company_logo, .specialpage #specialpage-title{
	opacity: 0.3;
}

.specialpage-items .grid-item{
    padding: 0;
    float: none;
}

.checker-row2:empty{
	display: none;
}

.specialpage-button--close{
  background: rgba(255,255,255,1.0);
  border: none;
  width: 3.5em;
  color: #000;
  opacity: 0.3;
  transition: opacity 0.2s linear;
  float: right;
}
.specialpage-button--close:hover{
	opacity: 1;
	cursor: pointer;
	transition: opacity 0.2s linear;
}
@media all and (max-width: 414px){
    .specialpage-button--close{
        width: 3em;
    }
}

.specialpage-items{
	width:80%;
	margin: auto auto;
}
.specialpage-large-textblock{
	font-family: 'minion', serif;
	font-style:normal;
	font-size: 2rem;
	text-align: left;
}
.imageblock2 .collection-item{
	width: 60%;
	float:left;
}

.textblock2{
	width: 40%;
	float:left;
	padding-left: 7%;
	box-sizing: border-box;
	font-family: 'minion';
	font-style: italic;
	font-size: 1.3rem;
}
.textblock2 .credit{
	font-family: 'akzidenz';
	text-transform: uppercase;
	font-weight: bold;
	font-style: normal;
	margin-left: 0.5em;
}

.specialpage-items .specialpage-section1-row1 .collection-item,
.specialpage-items .specialpage-section1-row2 .collection-item,
.specialpage-items .specialpage-section3-row1 .collection-item{
	width: 100%;
}
.specialpage-items .asset-image img:hover{
	cursor: pointer;
}

.specialpage-items .specialpage-section1, .specialpage-items .specialpage-section2, .specialpage-items .specialpage-section3 {
	width:100%;
	float: left;
	display:block;
}
.specialpage-items .specialpage-section1-row1{
	width:100%;
	margin-top: 5%;
}
.specialpage-items .specialpage-section1-row2{
	width:100%;
	margin-top: 5%;
}
.specialpage-items .specialpage-fullwidth{
	width: 100%;
	display: block;
	background-size: cover;
}

.specialpage-items .checker-row1, .specialpage-items .checker-row2{
	width: 100%;
	clear: both;
}

.specialpage-items .specialpage-check1, .specialpage-items .specialpage-check2, .specialpage-items .specialpage-items .specialpage-check3, .specialpage-items .specialpage-check4{
	box-sizing: border-box;
}

.specialpage-items .specialpage-check1{
	width:50%;
	float:left;
	padding-top:20%;
}
.specialpage-items .specialpage-check2{
	width:50%;
	padding: 0 10%;
	float:right;
}

.specialpage-items .specialpage-check3{
	width:50%;
	padding-right: 10%;
	float:right;
}
.specialpage-items .specialpage-check4{
	width:50%;
	float:right;
	padding-top: 20%;
}

.specialpage-items .specialpage-section3{
	padding-top: 5%;
}
.specialpage-items .specialpage-section3-row1{
	width:100%;
}
.specialpage-items .specialpage-section3-row2{
	width:50%;
	margin: auto auto;
	padding: 5% 0;
}

.specialpage-items .specialpage-halfwidth{
	width:100%;
	display: block;
	background-size: cover;
}

.specialpage-items .specialpage-bottomsection{
	width: 100%;
	float:left;
}
.specialpage-items .specialpage-bottomsection-row1{

}
.specialpage-items .specialpage-bottomsection-row2{
	padding:5%;
	text-align: center;
}

#uparrow{
	width:10%;
	opacity: 0.2;
	transition: opacity 0.2s linear;
}
#uparrow:hover{
	opacity: 1.0;
	cursor: pointer;
	transition: opacity 0.2s linear;
}

/* -------------------------- CONTACT PAGE -----------------------------------*/
#contactPageContainer{
	width: 80%;
	margin: auto;
	font-size: 130%;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 5em;
}
#contactPageContainer img.company_logo_small{
	height: 1em;
}
.contact-details{
	font-style: normal;
	padding: 27px 0;
}
.contactpage-cell{
	width: 20%;
	margin-right: 5%;
        margin-bottom: 4%;
        display:inline-block;
        vertical-align: top;
	text-align: center;
	color: #000;
}
.contactpage-cell .contact-detail{
	text-align: left;
}
@media screen and (max-width: 1360px) {
	.contactpage-cell {
		width: 30.3%;
		margin-right: 3%;
	}
}
@media screen and (max-width: 900px) {
	.contactpage-cell {
		width: 45%;
		margin-right: 5%;
	}
}

.contactpage-cell div.contactPortrait{
	width: 100%;
	background-position: top center;
	background-size: cover;
	padding-top: 100%;
}
.contact-details .details-label{
	font-size: 300%;
	padding: 2em 0 0 0;
	color: #afafaf;
}
.contact-details.office-details{
	width: 100%;
	text-align: center;
	font-style: normal;
}
.contact-details.office-details .contact-detail{
	padding-bottom: 1em;
}
.contact-details .details-itpart{
	font-style: italic;
}
.contact-details .address{
	padding: 27px;
}
.contact-detail.hidden{
	/* need to preserve vertical layout */
	visibility: hidden;
}
.contact-detail a{
	text-decoration: none;
	color: #000;
	opacity: 1.0;
}
.contact-detail a:hover{
	text-decoration: none;
	opacity: 0.2;
	transition: opacity 0.3s linear, text-decoration 0.3s linear ;
}
.contact-detail.phonenumber a{
	text-decoration: underline;
}
.personal-details .contact-detail{
	font-size: 80%;
}
.personal-details .contact-detail.name{
	font-size: 110%;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
}
.contact-detail.role{
	font-style: italic;
}



/* 	in initial design, everyone had a phone number...
	can't leave blank, due to vertical collapse of empty node upsetting float alignment
	can't use   due to the underline appearing on the space
	best to give it some fake content and hide it, to ensure it behaves like populated ones
 */
.contact-detail.phonenumber a:empty{
	visibility: hidden;
}
.contact-detail.phonenumber a:empty:before{
	content: 'preserve-v-height';
}

/********************** end contact page *********************/


.taggedpage-item.specialproject .taggedpage-item-text-line1{ 
    margin-bottom: 2rem;
}
.taggedpage-item.specialproject .taggedpage-item-text-line2{
    display:none;
}
.fancybox-container, .fancybox-bg{
    background: rgb(255,255,255,1);
}
.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
	background: rgba(255,255,255,0);
}

.js_video_short{
    cursor: pointer;
}

.homepage-item-text-container.video:empty{
	display: none;
}

#ama-partner {
	margin-top: 25px;
}
#ama-partner img{
	height: 70px;
	width: auto;
}

/* place holder stylesheet so we dont pull in the defaults*/

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded="true"] {
	background: #bbb;
	color: #fff;
}
.plyr__control--overlaid {
	background: rgba(120,120,120,0.8);
}
.plyr--full-ui input[type="range"] {
	color: #888;
}

div#find-artist{
	max-width: 50%;
	margin-left: auto;
	margin-right: auto;
	padding: 2em;
	font-family: 'alegreya', serif;
}
div#find-artist form{
	position: relative;
}
div#find-artist input {
	outline: none !important;
	width: 100%;
	padding: 0;
	font-size: 2.2rem;
	box-sizing: border-box;
	line-height: 2;
	font-family: inherit;
	margin-bottom: 300px;
	margin-top: 100px;
	border: none;
	border-bottom: 2px solid;
	border-top: none;
	border-right: none;
	border-left: none;
}
div#find-artist .icon-search{
	position: absolute;
	font-size: 1.3rem;
	top: 0.7rem;
	left: 1rem;
	color: #757575;
}
div#find-artist #search-icons, div#find-artist #search-clear{
	visibility: hidden;
}

div#find-artist .close{
	position: absolute;
	float: right;
	font-size: 1.3rem;
	font-weight: 700;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
	top: 0.3rem;
	right: 0;
	padding: 0.5rem;
	line-height: inherit;
	cursor: pointer;
	display: none;
}
div#find-artist #search-results {
	top: 182px;
	display: none;
	position: absolute;
	width: 100%;
	max-height: 350px;
	overflow-y: auto;
	background: #fff;
	z-index: 999;
}
@media all and (max-width: 768px){
	div#find-artist #search-results {
		top: 160px;
	}
}
div#find-artist #search-results p{
	display: block;
	padding: 0.4rem;
	line-height: 100%;
	margin: 0;
	border-left: 1px solid rgba(0,0,0,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
	border-top: none;
}
div#find-artist #search-results p.noresults{
	text-align: center;
	text-transform: uppercase;
	padding: 1rem;
}
div#find-artist #search-results a{
	color: #000;
}
div#find-artist #search-results a img{
	margin-right: 0.8rem;
	vertical-align: middle;
	width: 100px;
}

div.contactpage-cell.location-details a, div.contactpage-cell.location-details a img{
	width: 100%;
}