/* Slick carousel slide spacing and full width */

@media (min-width: 1200px) {
	.slick-carousel .carousel-slide img {
		max-width: 220px;
		max-height: 220px;
	}
}
@media (max-width: 900px) {
	.slick-slide {
		margin: 0 5px;
	}
	.slick-list {
		margin-left: -5px;
		margin-right: -5px;
	}
	.slick-carousel .carousel-slide img {
		max-width: 120px;
		max-height: 120px;
	}
}
@media (max-width: 600px) {
	.slick-slide {
		margin: 0 2px;
	}
	.slick-list {
		margin-left: -2px;
		margin-right: -2px;
	}
	.slick-carousel .carousel-slide img {
		max-width: 80px;
		max-height: 80px;
	}
}
/* Responsive adjustments for carousel */
@media (max-width: 900px) {
	.slick-slide {
		margin: 0 5px;
	}
	.slick-list {
		margin-left: -5px;
		margin-right: -5px;
	}
}
@media (max-width: 600px) {
	.slick-slide {
		margin: 0 2px;
	}
	.slick-list {
		margin-left: -2px;
		margin-right: -2px;
	}
}
/* Footer Instagram underline white */
.footer-right .insta-link::after {
	background: #fff !important;
}
/* Force logo underline to be white using ::after */
.Logo a::after {
	background: #fff !important;
}
/* Ensure .white-text on h1 always makes text white */
h1.white-text {
	color: #fff !important;
}
/* Only apply black background to #ContentWrap on painting single pages */
body.single-painting #ContentWrap {
	background: #f6f6f6;
	padding-bottom: 0px;
}
/* Painting single page: black background for content area */

/* Font Faces */

/* Prevent sticky header from overlapping anchor targets */
[id] {
	scroll-margin-top: 150px;
}


@font-face {
	font-family: 'EBGaramond';
	src: url('../assets/fonts/EBGaramond/EBGaramond-Regular.woff2') format('woff2'),
		url('../assets/fonts/EBGaramond/EBGaramond-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'EBGaramond';
	src: url('../assets/fonts/EBGaramond/EBGaramond-Italic.woff2') format('woff2'),
		url('../assets/fonts/EBGaramond/EBGaramond-Italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'EBGaramond';
	src: url('../assets/fonts/EBGaramond/EBGaramond-Medium.woff2') format('woff2'),
		url('../assets/fonts/EBGaramond/EBGaramond-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'EBGaramond';
	src: url('../assets/fonts/EBGaramond/EBGaramond-MediumItalic.woff2') format('woff2'),
		url('../assets/fonts/EBGaramond/EBGaramond-MediumItalic.woff') format('woff');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'EBGaramond';
	src: url('../assets/fonts/EBGaramond/EBGaramond-SemiBold.woff2') format('woff2'),
		url('../assets/fonts/EBGaramond/EBGaramond-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'EBGaramond';
	src: url('../assets/fonts/EBGaramond/EBGaramond-SemiBoldItalic.woff2') format('woff2'),
		url('../assets/fonts/EBGaramond/EBGaramond-SemiBoldItalic.woff') format('woff');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'EBGaramond';
	src: url('../assets/fonts/EBGaramond/EBGaramond-Bold.woff2') format('woff2'),
		url('../assets/fonts/EBGaramond/EBGaramond-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'EBGaramond';
	src: url('../assets/fonts/EBGaramond/EBGaramond-BoldItalic.woff2') format('woff2'),
		url('../assets/fonts/EBGaramond/EBGaramond-BoldItalic.woff') format('woff');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'EBGaramond';
	src: url('../assets/fonts/EBGaramond/EBGaramond-ExtraBold.woff2') format('woff2'),
		url('../assets/fonts/EBGaramond/EBGaramond-ExtraBold.woff') format('woff');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'EBGaramond';
	src: url('../assets/fonts/EBGaramond/EBGaramond-ExtraBoldItalic.woff2') format('woff2'),
		url('../assets/fonts/EBGaramond/EBGaramond-ExtraBoldItalic.woff') format('woff');
	font-weight: 800;
	font-style: italic;
	font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('../assets/fonts/Figtree/Figtree-SemiBold.woff2') format('woff2'),
        url('../assets/fonts/Figtree/Figtree-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('../assets/fonts/Figtree/Figtree-Light.woff2') format('woff2'),
        url('../assets/fonts/Figtree/Figtree-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('../assets/fonts/Figtree/Figtree-Bold.woff2') format('woff2'),
        url('../assets/fonts/Figtree/Figtree-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('../assets/fonts/Figtree/Figtree-Regular.woff2') format('woff2'),
        url('../assets/fonts/Figtree/Figtree-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('../assets/fonts/Figtree/Figtree-Medium.woff2') format('woff2'),
        url('../assets/fonts/Figtree/Figtree-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
	/* Usage: <img class="sticky-image" ...> */
    src: url('../assets/fonts/Figtree/Figtree-Italic.woff2') format('woff2'),
        url('../assets/fonts/Figtree/Figtree-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

/* End Font Faces */

html {
  scroll-behavior: smooth;
}
:root {
	--textcolour: #000;
	--lightblue: #55acee;
	--darkblue: #2E79B1;
	--buttonbackground: #000;
	--white: #fff;
	--grey: #999;
	--blackbackground: #232323;
	--greybackground: #434242;
}
body{
	font-family: EBGaramond;
	font-weight: 400;
}

/* Font Style */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
	font-size: 2.1875rem;
	font-family: EBGaramond;
	color: var(--textcolour);
	margin-bottom: 20px;
	font-weight: 700;
	letter-spacing: 2px;
}
.white-text h1, .white-text .h1, .white-text h2, .white-text .h2, .white-text h3, .white-text .h3, .white-text h4, .white-text .h4, .white-text h5, .white-text .h5, .white-text h6, .white-text .h6 {
	color: #fff !important;
}

h1, .h1{
	font-style: normal;
	font-weight: 400;
	letter-spacing: 3.2px;
}
.white-text h1, .white-text .h1 {
	font-style: normal;
	font-weight: 400;
	letter-spacing: 3.2px;
}

.h1{
	font-size: 2rem;
}
.white-text .h1 {
	font-size: 2rem;
}

h2, .h2{
	font-style: normal;
	font-weight: 500;
}
.white-text h2, .white-text .h2 {
	font-style: normal;
	font-weight: 500;
}

.h2{
	font-size: 1.5rem;
}
.white-text .h2 {
	font-size: 1.5rem;
}

h3, .h3{
    font-style: normal;
	font-weight: 500;
}
.white-text h3, .white-text .h3 {
	font-style: normal;
	font-weight: 500;
}

.h3{
	font-size: 1.4rem;
}
.white-text .h3 {
	font-size: 1.4rem;
}

h4, .h4{
	font-style: normal;
	font-weight: 500;
}
.white-text h4, .white-text .h4 {
	font-style: normal;
	font-weight: 500;
}

.h4{
	font-size: 1.3rem;
}
.white-text .h4 {
	font-size: 1.3rem;
}

h5, .h5{
	font-style: normal;
	font-weight: 500;
}
.white-text h5, .white-text .h5 {
	font-style: normal;
	font-weight: 500;
}

.h5{
	font-size: 1.2rem;
}
.white-text .h5 {
	font-size: 1.2rem;
}

h6, .h6{
	font-style: normal;
	font-weight: 500;
}
.white-text h6, .white-text .h6 {
	font-style: normal;
	font-weight: 500;
}

.h6{
	font-size: 1.1rem;
}
.white-text .h6 {
	font-size: 1.1rem;
}

h2, h3, h4, h5, h6{
	font-size: 1.5625rem;
}
.white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6 {
	font-size: 1.5625rem;
}

p, li, a, td, th, #s {
	font-size: 1rem;
	line-height: 150%;
	font-weight: 400;
	color: var(--textcolour);
}
.white-text p, .white-text li, .white-text a, .white-text td, .white-text th, .white-text #s {
	font-size: 1rem;
	line-height: 150%;
	font-weight: 400;
	color: #fff !important;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
}
.white-text h1 a, .white-text h2 a, .white-text h3 a, .white-text h4 a, .white-text h5 a, .white-text h6 a {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	color: #fff !important;
}
img {
	max-width: 100%;
	height: auto;
}
p, ul, ol, table{
	margin-bottom: 20px;
}
p:last-child{
	margin-bottom: 0;
}
blockquote{
	margin-bottom: 20px;
}
blockquote p {
	font-weight: 600;
	font-size: 120%;
	line-height: 1.4em;
}
ul, ol {
	padding-left: 20px;
	margin-top: -10px;
}
ul{
	list-style-type: disc;
}
ol{
	list-style-type: decimal;
}
ul ul, ol ol, ul ol, ol ul{
	margin-bottom: 0;
	margin-top: 0;
}
table{
	width: 100%;
}
table th {
	background-color: #999999;
	color: #000;
	font-weight: 600;
	text-align: left;
}
table th, table td{
	padding: 5px;
	border: 1px solid #999;
}
table tr:nth-child(2n){
	background-color: #eee;
}
a, i, #searchsubmit{
	transition: all .5s ease-in-out;
}

a {
	position: relative;
	text-decoration: none;
}
a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 100%;
	background: #000;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .28s ease;
}
a:hover::after,
a:focus::after {
	transform: scaleX(1);
}

/* End Font Style */

/* General Styles */
.container{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}

/* End General Styles */

/* Device = Laptops, Desktops */
@media (min-width: 1025px) and (max-width: 1280px) {

}

/* Device = Tablets, Ipads (portrait) */
@media (min-width: 768px) and (max-width: 1024px) {
   .archive-loop {
		grid-template-columns: repeat(2,1fr);
	}
}

/* Device = Tablets, Ipads (landscape) */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	.archive-loop {
		grid-template-columns: repeat(2,1fr);
	}
}

/* Device = Low Resolution Tablets, Mobiles (Landscape) */
@media (min-width: 481px) and (max-width: 767px) {
	.archive-loop {
		grid-template-columns: repeat(1,1fr);
	}
}

/* Device = Most of the Smartphones Mobiles (Portrait) */
@media (min-width: 320px) and (max-width: 480px) {
	.archive-loop {
		grid-template-columns: repeat(1,1fr);
	}
}