@media only screen {.preview-mode-theme-mismatch-warning {display: none !important;}
}


/*DEFINE BOOTSTRAP COLORS*/
:root {
	--gray-100: #F5F5F5;
	--gray-200: #e9ecef;
	--gray-300: #dee2e6;
	--gray-400: #ced4da;
	--gray-500: #adb5bd;
	--gray-600: #6c757d;
	--gray-700: #495057;
	--gray-800: #343a40;
	--gray-900: #212529;
	}

strong {
	color: var(--gray-600);
	}

hr {
	clear:both;
	margin:0px;
	margin-top:10px;
	}

p { font-size : clamp(1rem, 2.3vw, 1.2rem)!important;
	line-height: 130% !important;
	}
p a {
	text-decoration: underline;
	text-decoration-color: var(--gray-500);
	}
	

/* BASE SIZE FOR THUMBNAILS (NOT ARCHIVE GALLERIES)*/
.thumbnail-painting,
.thumbnail-drawing  {
  width: 300px !important;
  height: 260px !important;
	object-fit: cover !important;
  	}
  	
/* BORDER FOR DRAWING THUMBNAILS (NOT ARCHIVE GALLERIES)*/
.thumbnail-drawing  {
  border: 0.5px solid var(--lightgrey) !important;
	}

/*RESPONSIVE SIZING FOR PAINTINGS & DRAWINGS (NOT ARCHIVE GALLERIES)*/
@media screen and (max-width: 1200px) {
.thumbnail-painting, 
.thumbnail-drawing {
  width: 260px !important;
  height: 220px !important;
	}
} 
@media screen and (max-width: 992px) {
.thumbnail-painting, 
.thumbnail-drawing {
  width: 290px !important;
  height: 250px !important;
	}
} 
@media screen and (max-width: 768px) {
.thumbnail-painting, 
.thumbnail-drawing {
  width: 230px !important;
  height: 190px !important;
	}
} 
@media screen and (max-width: 568px) {
.thumbnail-painting, 
.thumbnail-drawing {
  width: auto !important;
  height: auto !important;
	}
} 

/* PAINTING THUMBNAIL (NOT ARCHIVE GALLERIES) - GREY/COLOUR ON ROLLOVER: hover supported*/
@media (hover: hover) {
.thumbnail-painting
 a:link  {
  filter: grayscale(1);
  opacity:0.6 !important;		
  	}
.thumbnail-painting
  a:hover {
	filter: grayscale(0) !important;
	opacity: 1.0 !important;
	}	
}
	
/* PAINTING THUMBNAIL (NOT ARCHIVE GALLERIES) ROLLOVER: hover NOT supported*/
@media (hover: none) {
.thumbnail-painting a:link  {
  opacity:1.0 !important;		
  	}
.thumbnail-painting a:hover {
	filter: grayscale(0) !important;
	opacity:1.0 !important;
	}
}


/* ROLLOVER OPACITY FOR ARCHIVE DRAWINGS (NOT ARCHIVE GALLERIES)*/
.thumbnail-drawing a:link  {
  opacity: 1 !important;		
  	}
.thumbnail-drawing  a:hover {
	filter: grayscale(1) !important;
	opacity: 0.6 !important;
	}	

/* REMOVES BORDER AROUND PREVIOUSLY SELECTED IMAGE AFTER RETURN FROM POP-UP MODAL */	
.thumbnail-painting, .thumbnail-drawing, .proGalleryItemInner, .accordion-button a:active, a:focus {
  outline: 0 !important;
  border: none !important;
  -moz-outline-style: none !important;
	}


/*MODIFIES OBJECT-FIT*/
.object-position-top {
	object-position:center top;
	}



.thumbnail-caption {
	margin-top:10px;
	margin-left:10px;
	line-height: normal;
	font-size:1rem !important;
	}	
	
.enquire-button {
	margin-top: 10px !important;
}

.thumbnail-home a:link  {
  opacity: 1 !important;		
  	}
.thumbnail-home  a:hover {
	filter: grayscale(1) !important;
	opacity: 0.5 !important;
	}	

/* DISPLAY AND OPACITY FOR MODAL POPUPS ON V SMALL DEVICES */
@media screen and (max-width: 568px) {
.small-hide {
	display:none;
	}
.small-opacity {
	opacity: 0.7 !important;
	max-height:200px !important;
	overflow: hidden;
	max-width:80% !important;
	margin-left:auto!important;
	margin-right:auto!important;
	}	
.small-modal-2 {
	opacity: 0.9 !important;
	max-height:450px !important;
	overflow: hidden;
	max-width:80% !important;
	margin-left:auto!important;
	margin-right:auto!important;
	}
}	
.display-overflow {
	overflow: visible !important;
	}

/*NAVBAR ADDITIONAL STYLING*/
.drop-down-indicator {
	display:none;
	}

		
/*ACCORDION ADDITIONAL STYLING*/
	
.accordion,
.accordion-item,
.accordion-body {
	border:0 !important;
	}

	
/* GREY THUMBNAIL IMAGE FOR ARCHIVE PAINTINGS - COLOUR ON ROLLOVER when hover IS supported */
@media (hover: hover) {
.more-painting .proGalleryItemInner a:link  {
  filter: grayscale(1);
  opacity:0.6 !important;		
  	}
.more-painting .proGalleryItemInner a:hover {
	filter: grayscale(0) !important;
	opacity: 1.0 !important;
	}	
}
	
/* COLOUR THUMBNAIL IMAGE FOR ARCHIVE PAINTINGS - when hover IS NOT supported */
@media (hover: none) {
.more-painting .proGalleryItemInner a:link  {
  opacity:1.0 !important;		
  	}
.more-painting .proGalleryItemInner a:hover {
	filter: grayscale(0) !important;
	opacity:1.0 !important;
	}
}

/* ROLLOVER FOR ARCHIVE DRAWINGS*/
.more-drawing a:link  {
  border: 1px solid var(--gray-600) !important;
  opacity: 1 !important;		
  	}
.more-drawing  a:hover {
	filter: grayscale(1) !important;
	opacity: 0.6 !important;
	}	
/*BULLET COLOUR - MAIN CONTENT*/
.main-content li::marker {
   color: var(--gray-600);
}	

/* FLOAT APPLIED TO HIPSWIG CMS IMAGES*/
.fr-fir, 
.fr-fil {
	margin-top: 5px !important;
	margin-bottom: 10px !important;
	max-width:40% !important;
	height:auto  !important;
	border:1px solid var(--gray-400) !important;
	}
.fr-fir	{
float: right !important;
	margin-right: 0px !important;
	margin-left: 10px !important;
	}
.fr-fil {
float: left !important;
	margin-right: 10px !important;
	margin-left: 0px !important;
	}	


.news h2 {
	border-top: 1px solid var(--gray-400) !important;
	padding-top: 15px !important;
	margin-top: 0px !important;
	}
	

/*STYLING DIVS WHICH ANCHOR THE FOOTER TO THE BOTTOM OF THE PAGE
DIVS CANNOT BE PARTIALS - MUST BE INSERTED MANUALLY ON EACH PAGE*/
#page-container {
  position: relative;
  min-height: 99vh;
}
#content-wrap {
   overflow:visible;
	}
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: auto; 	
  }	
#footer a:link {
	color:white !important;
	text-decoration: none;
	}
#footer  a:visited {
	color:white !important;
	text-decoration: none;
	}
#footer a:hover {
	color:white !important;
	opacity:0.6 !important;
	text-decoration: none;
	}	
	

/*QUOTATION ON HOME PAGE*/
.custom-blockquote {
font-size : clamp(1rem, 2.3vw, 1.2rem); /* Sets the font size for the quote */
font-style: italic; 
color: var(--gray-600);
text-align:center;
margin-left:clamp(5px, 2.4vw, 20px);
padding: 20px;
line-height: 130%; /* Improves the readability of the quote */
position: relative; /* Sets the position relative to the parent element */

}
.custom-blockquote::before {
content: "\201C"; /* Inserts the opening quotation mark */
font-size:clamp(2.5rem, 7vw, 5rem); /* Sets the size of the quotation mark */
position: absolute; /* Positions the quotation mark relative to the blockquote */
left:clamp(-8px, -4vw, -30px); top: 20px; /* Adjusts the position of the quotation mark */
font-family: Arial, sans-serif; /* Sets the font for a unique look */
color: var(--gray-400);
}
.custom-citation {
font-size : clamp(.9rem, 1.7vw, 1.1rem);
margin-top: 0px;
margin-bottom: 20px;
color: var(--gray-600);
}
 

.white-border {
	border:solid 1px white !important;

	}
	
.footer-credit {
	font-size : clamp(.7rem, 1.6vw, 0.8rem);
	font-weight:500;
	margin:0px  !important;
	color:white !important;
	}

	}	
.copyright {
	font-size : clamp(0.6rem, 1.8vw, 0.9rem);
	font-weight:300;
	margin:0px  !important;
	}
.drawing-painting-caption {
	font-size : clamp(0.9rem, 2vw, 1.1rem);
	line-height:140%;
	}
.clearfix::after {
  content: "";
  clear: both;
  min-height:20px !important;
  display: table;
}

/*MARGINS*/	

.margin-10px-all {
	margin:10px !important;
	}
.margin-10px-top-bottom {
	margin-top:10px !important;
	margin-bottom:10px !important;
	}
.margin-10px-top {
	margin-top:10px !important;
	}
.margin-10px-bottom {
	margin-bottom:10px !important;
	}
/*PADDING*/	

.padding-10px-all {
	padding:10px !important;
	}
.padding-10px-top-bottom {
	padding-top:10px !important;
	padding-bottom:10px !important;
	}
.padding-10px-top {
	padding-top:10px !important;
	}
.padding-10px-bottom {
	padding-bottom:10px !important;
	}