/* ************************ */
/*							*/
/*	custom theme			*/		 
/*							*/
/* ************************ */


@media (max-width: 1439px) {
	.hero-slider-section{padding:var(--margin-big);}
	#hero-slider .item .container{width:100%; padding-left:var(--margin-big); padding-right:var(--margin-big);}
	#hero-slider .slick-tabs{left:var(--margin-big);}
	.hero-slider-section .decor-left{left:0; width:8rem;}
}

@media (max-width: 1199px) {
/* md */
#page-wrap{border-left:0px dashed red;}
	
	:root{
		--container:970px;
	}	

	.mb-big-md{margin-bottom:var(--margin-big);}
	
	.main-nav > li + li{margin-left:0.75rem;}
	
	.navbar-brand{width:12rem;}
	.navbar-header{top:1.7rem;}
	
	#hero-slider .item .container{padding-left:2rem; padding-right:2rem;}
	#hero-slider .item{padding-top:var(--padding-normal); padding-bottom:12rem;}
	#hero-slider .slick-tabs{left:2rem;}
	.hero-slider-section{padding:2rem;}
	.hero-slider-section .decor-left{width:5rem;}
	.hero-slider-section .decor-right{width:9rem;}
	
	.textbox .buttons-group{flex-wrap:wrap;}
	
	.exhibition-section .text-wrap{padding:var(--margin-big) 3rem;}
	
	.featured-news{padding:2rem;}

}

@media (max-width: 991px) {
/* sm */
#page-wrap{border-left:0px dashed green;}
	
:root{
	--container:100vw;
	--padding-normal:5rem;
	--padding-large:6.5rem;
}	

html{font-size:14px;}
	
.navbar-toggle {padding:0.7rem 1rem; color:inherit; margin:0.2rem 0 0.2rem auto; height:3.5rem; width:3.5rem; line-height:1; border:0; border-radius:0; transition:color 0.2s ease, background-color 0.2s ease; }
[aria-expanded='true'].navbar-toggle .fas:before{ content:'\f00d';}
.navbar-toggle:hover, [aria-expanded='true'].navbar-toggle{ background-color:var(--color-hover); color:#fff;}
.navbar-toggle:focus{ background-color:transparent; color:inherit;}
[aria-expanded='true'].navbar-toggle:focus{ background-color:var(--color-hover); color:#fff;}

.lead, .big{ font-size:1.2rem}
.small{ font-size:0.83rem}

.anchor-link{top:-1rem;}

.container{ padding-left:15px; padding-right:15px; margin-left:auto;}

.mb-half, .mb-half-sm{margin-bottom:var(--margin-small);}
.mb-big, .mb-big-sm{margin-bottom:var(--margin-big);}
.mb, .mb-sm{margin-bottom:var(--margin-normal);}

input[type="checkbox"] + .radio-check-control::before{font-size: 0.8rem;}

[class*='col-'].indent-right{padding-right:15px;}
[class*='col-'].indent-left{padding-left:15px;}

#header{height:auto;}

.navbar{ position:relative; width:auto; padding:0;}
.navbar > .container{height:auto; display: block;}
.navbar.affix{top:0; box-shadow:none;}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{margin-left:0; margin-right:0;}

.navbar-header{ display:flex; align-items:center; position: relative; top:0;}
.affix .navbar-header{top:0;}
.navbar-brand{margin-left:0; width:8rem;}
.affix .navbar-brand{width:8rem;}

#navigation{position:absolute; top:100%; width:auto; left:1rem; right:1rem; padding-left:0; padding-right:0; box-shadow:0 7px 10px rgba(0,0,0,0.5); background-color: #fff;}
#navigation > .inner-wrap{display: block;}
#navigation.has-search > .inner-wrap{padding-right:0;}
.navbar-nav{margin:0;}
.navbar-nav .dropdown-menu{position:relative; padding-left:0; float:none; box-shadow:none; min-width:auto; background-color:transparent; margin-top:1px;}
.navbar-nav .dropdown-menu .dropdown-toggle .fas{transform:rotate(0);}
.navbar-nav .dropdown-menu .dropdown-toggle[aria-expanded="true"] .fas{ transform:rotate(180deg);}
.navbar-nav .dropdown-menu .dropdown-menu{left:0;}
.navbar-nav .dropdown-menu.open-left {left:0; right:0;}
.navbar-nav .dropdown-menu .dropdown-menu.open-left{left:0; right:0;}
	
	/* main-nav */
	#main-nav-wrap{display: block; padding:1rem 0;}
	.main-nav{padding:0;}
	.main-nav > li + li{margin-left:0;}
	.main-nav > li > a{padding:1rem 2rem; font-size: 1rem;}	
	.main-nav > li > a:before{display: none;}
	.main-nav > .dropdown_split > .dropdown-toggle{font-size: 1rem; top:0; right:0; width:3.5rem; text-align: center;}
	.main-nav .dropdown-menu{font-size: 1rem; background-color: transparent;}
	.main-nav .dropdown-menu > li{padding:0;}
	.main-nav .dropdown-menu > li > a, .main-nav .open .dropdown-menu > li > a{border:0;padding:1rem 1rem 1rem 4rem;}
	.main-nav .dropdown-menu .dropdown-menu > li > a{padding-left:6rem;}
	.main-nav .dropdown-menu > .dropdown_split > .dropdown-toggle{font-size: 1rem; top:0; right:1.5rem; width:3.5rem; text-align: center;}
	
	.main-nav > li > a,
	.main-nav > .open > a,
	.main-nav .dropdown-menu > li > a,
	.main-nav .dropdown-menu > .open > a{color:var(--color-black); background-color:transparent;}

	.main-nav > li > a:hover, 
	.main-nav > li > a:focus,
	.main-nav .dropdown-menu > li > a:focus,
	.main-nav .dropdown-menu > li > a:hover{color:var(--color-hover); background:transparent;}

	.main-nav > .active > a, 
	.main-nav > .active > a:hover, 
	.main-nav > .active > a:focus, 
	.main-nav > .active.open > a,
	.main-nav .dropdown-menu > .active > a,
	.main-nav .dropdown-menu > .active > a:focus,
	.main-nav .dropdown-menu > .active > a:hover{color:var(--color-hover); background-color:transparent;}

	/* top-nav */
	#top-nav-wrap{display: block; margin:0; background: var(--color-cream);}
	.top-nav{background-color: var(--color-light-grey); padding:0;}
	#top-nav-wrap .nav-right{margin-top:0; padding:0 2rem 1.5rem 2rem;}
	.top-nav .schedule-block{padding:1.5rem 2rem;}
	
.breadcrumbs-section{padding:0.5rem 0;}
.breadcrumbs-section ol li+li:before{margin:0 0.5rem;}

.items-listing > .inner-wrap{margin:0 -0.5rem -1rem -0.5rem;}
.items-listing .item{margin:0 0.5rem 1rem 0.5rem;}
.items-listing .item .content{padding:1rem;}
.items-listing.three-cols .item{width:calc(33.33% - 1rem);}
.items-listing.two-cols .item{width:calc(50% - 1rem);}
.items-listing.four-cols .item{width:calc(50% - 1rem);}
	
	.cta-section-short .cta-inner{padding-right:2rem;}
	.cta-section-short .decor{width:6%; right:auto;}
	
	.cta-section-short.cta-decor-right .cta-inner{padding-left:2rem; padding-right:0;}
	.cta-section-short.cta-decor-right .decor{left:auto;}
	
	.footer-logo{text-align: center;}
	
	.footer-top .footer-nav{align-items: center;}
	.footer-top .tel{text-align: center;}
	.footer-top address{text-align: center;}
	.footer-top .social-block{display: flex; flex-direction: column; align-items: center;}
	.social-block .share-listing a{margin:0 0.5rem;}
	
	#hero-slider .item{padding-bottom:var(--padding-large);}
	#hero-slider .slick-tabs{bottom:2rem;}
	
	.heritage-listing .name{display: none;}
	.heritage-listing .item .content{left:0;}
	.heritage-listing .item::before{background: linear-gradient(180deg, rgba(18, 22, 64, 0.5) 0%, rgba(18, 22, 64, 0.8) 100%);}
	
	.exhibition-section .text-wrap{padding-left:2rem; padding-right:2rem;}
	.heritage-listing .item .content{padding:2rem;}
	
	.flexible-section::before{background: linear-gradient(180deg, rgba(18, 22, 64, 0) 0%, rgba(18, 22, 64, 0.7) 100%);}
	
	.news-listing{margin-left:0;}

}


@media (max-width: 767px) {
/* xs */
#page-wrap{border-left:0px dashed blue;}
	
:root{
	--margin-small:0.5rem;
	--margin-normal:1rem;
	--margin-big:2.5rem;
	--padding-normal:3.5rem;
	--padding-large:5rem;
}

.btn:not(.btn-link){height:auto; white-space:normal; padding-top:0.85rem; padding-bottom:0.85rem;}

.upload-control .btn{width:8rem;}
.upload-control .file-name{padding-right:9rem;}
.upload-control .input-label{margin-right:9rem;}

h1{font-size:3.05rem /*42px - major-third (1.25) */;}
h2, .h2-style{font-size:2.44rem /*34px*/;}
h3, .h3-style{font-size:1.95rem /*27px*/;}
h4, .h4-style{font-size:1.56rem /*22px*/;}
h5, .h5-style{font-size:1.25rem /*17px*/;}
h6, .h6-style{font-size:1.00rem /*14px*/;}

h1, h2, h3, h4, h5, h6, .textbox p, .textbox ul, .textbox ol{margin-bottom:var(--margin-normal); margin-top:0;}
.text-image-wrap.align-left, .text-image-wrap.align-right{float:none; width:auto; max-width:100%; margin-right:0; margin-left:0; margin-bottom:1.35rem;}
.text-image-wrap.align-left img, .text-image-wrap.align-right img, .text-image-wrap.align-left figure, .text-image-wrap.align-right figure{width:auto;}

.textbox, .form-wrap, .accordion, .side-nav, .tabs-wrap{margin-bottom:var(--margin-big);}

.textbox ol{padding-left: 2.5rem;}
.textbox ul{padding-left: 1.5rem;}

.mb-half, .mb-half-sm, .mb-half-xs{margin-bottom:var(--margin-small);}
.mb-big, .mb-big-md, .mb-big-sm, .mb-big-xs{margin-bottom:var(--margin-big);}
.mb, .mb-sm, .mb-xs{margin-bottom:var(--margin-normal);}

.items-listing.three-cols .item{width:calc(50% - 1rem);}
.items-listing.two-cols .item{width:calc(100% - 1rem);}
.items-listing.four-cols .item{width:calc(100% - 1rem);}
	
	.cta-section-short .cta-inner{padding-left:25%; display: block;}
	.cta-section-short .text{margin-right:0; margin-bottom:var(--margin-normal);}
	.cta-section-short .decor{width:20%;}
	.cta-section-short.cta-decor-right .cta-inner{padding-right:25%; display: block;}
	
	.footer-top{text-align: center;}
	
	.footer-bottom{flex-direction: column;}
	.footer-bottom .copyright{order:10;}
	.footer-bottom > div+div{margin-bottom:var(--margin-normal);}
	
	.masthead-internal-section::before{background: linear-gradient(90deg, rgba(7, 15, 27, 0.5) 56.77%, rgba(0, 0, 0, 0.5) 89.45%);}
	
	#hero-slider .item::before{background: linear-gradient(90deg, rgba(7, 15, 27, 0.6) 0%, rgba(7, 15, 27, 0.2) 100%);}
	#hero-slider .slick-tabs{bottom:1.5rem;}
	
	.heritage-listing .item .content{padding:var(--padding-normal) 15%; display: flex; flex-direction: column; align-items: center;}
	
	#featured-events-slider .item .row{flex-direction: column-reverse; align-items: stretch}
	#featured-events-slider .item .fe-image{margin-bottom:var(--margin-big);}
	
	.exhibition-section .row{display: block;}
	.exhibition-section [class*='col-'].indent-left{padding-left:0;}
	.exhibition-section .image-wrap{margin-right:0; height:calc((100vw - 30px)/1.618);}
	
	.flexible-section{min-height:calc((100vw - 30px)/1.618);}
	
	.testi-wrap{display: block;}
	.testi-wrap .item{width:auto; padding:2rem;}
	.testi-wrap .item + .item{border-top:1px solid var(--color-light-brown); border-left:0;}
	
	.section-header{display: block;}
	.section-header > div:first-child{margin-right:0; margin-bottom:var(--margin-small);}
	
	.news-section .row{display: block;}
	.featured-news{min-height:calc((100vw - 30px)/1.618); margin-bottom:var(--margin-big);}
	
	.testimonials-section h2{text-align: left;}
	
	.news-section .row [class*="col-"]{display: block;}
	.news-listing .item .image{width:25%;}
	
	.instagram-gallery{flex-wrap:wrap; margin-bottom:-4px;}
	.instagram-gallery .item{width:calc(33.33% - 4px); margin-bottom:4px;}
	
}

@media (max-width: 566px) {
#page-wrap{border-left:0px dashed yellow;}

.modal-header{padding:1.5rem 1.5rem 0 1.5rem;}
.modal-body{padding: var(--margin-normal) 1.5rem;}
.modal-footer{padding:0 1.5rem 1.5rem 1.5rem;}

/* responsive table */
.textbox table{border-top:1px solid var(--color-grey);}
.textbox table, .textbox table tbody, .textbox table tfoot, .textbox table tr, .textbox table caption{ display: block;}
.textbox table tr{ padding-top:0.5rem; padding-bottom:0.5rem;}
.textbox table thead {display: none;}
.textbox table td {display: flex; padding:0.5rem; text-align: left; border:0;}
.textbox table td:before{ content: attr(data-th); display: block; font-weight: bold; padding-right:1rem; width:40%; flex:none;}
	
.items-listing.three-cols .item{width:calc(100% - 1rem);}
	
	.textbox blockquote{font-size: 1.12rem;}
	
	.hero-slider-section{padding:1rem;}
	.hero-slider-section .decor-left{display: none;}
	#hero-slider .item .container{padding-left:1rem; padding-right:1rem;}
	#hero-slider .slick-tabs{left:1rem;}
	#hero-slider .slick-tabs li button::before{content: ''!important;}
	#hero-slider .slick-tabs li button::after{display: none;}
	#hero-slider .slick-tabs li button{background: var(--color-cream); border:0; padding:0; width:0.62rem; height:0.62rem; border-radius:50%; margin:0 0.75rem;}
	#hero-slider .slick-tabs .slick-active button, #hero-slider .slick-tabs .slick-active button:hover{background:url("../img/slider-dot-white.png") no-repeat center / contain; transform:scale(2.6);}	
	
	.heritage-listing .item .content{padding-left:10%; padding-right:10%;}
	
	.cta-section-short.cta-decor-right .cta-inner{padding-left:1rem;}
	
	.instagram-gallery{flex-wrap:wrap; margin-bottom:-4px;}
	.instagram-gallery .item{width:calc(50% - 4px); margin-bottom:4px;}
	
	.news-listing .item{padding:0.5rem;}
	.news-listing .item + .item{margin-top:var(--margin-normal);}
	.news-listing .item .image{width:33%; margin-right:1rem;}
	
	.testi-wrap .item{padding-left:1rem; padding-right:1rem;}
	
	.exhibition-section .text-wrap{padding-left:1.5rem; padding-right:1.5rem;}


}	

@media (max-width: 320px) {
#page-wrap{border-left:0px dashed red;}


}