@font-face { font-family: OpenSansRegular; src: url("/library/fonts/OpenSans/Regular.otf") format("opentype"); }
@font-face { font-family: Trajan; src: url("/library/fonts/TrajanPro/Regular.otf") format("opentype"); }

* {background-repeat: no-repeat;background-position: center center;box-sizing: border-box;}
body {margin: 0px;padding: 0px;width: 100%;height: auto;background-color: #ffffff;color: #000000;font-family: OpenSansRegular;font-size: 14px;line-height: 150%;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
a { color: #000000; text-decoration: none; font-weight: normal; }
ul, ol { padding: 0px; margin: 0px;}
li { list-style-type: none; vertical-align: top; }
h1, h2, h3, h4, h5, h6 {padding: 0px;margin: 0px;font-size: 100%;font-weight: 600;color: #000000;font-family: Trajan;}
h4, h5, h6 {font-family: OpenSansRegular; }
fieldset { padding: 0px; margin: 0px; border: none; }
input, textarea, select {font-size: 90%;background: transparent;border: solid #000000 1px;padding: 5px;color: #000000;box-sizing: border-box;font-family: OpenSansRegular;width: 100%;}
input[type=text], input[type=password]  {height: 30px;}
input[type=button], input[type=submit] {cursor: pointer;background-color: #000000;color: #ffffff;padding: 10px 10px 10px 10px;}
select {height: 30px;padding-right: 30px;background-image: none;background-repeat: no-repeat;background-position: right 10px center;}
p {padding: 0px 0px 20px 0px;margin: 0px;font-family: OpenSansRegular;font-size: 14px;line-height: 150%;}
strong {font-weight: 600;font-family: OpenSansRegular;}
table { border-spacing: 0px; }
td, th { padding: 0px; text-align: left; vertical-align: top; }
.hidden { display: none; }
.spacer { display: none;}
.ui-widget-overlay {position: fixed;background: #00000077;  width: 100%; height: 100%; top: 0px; z-index: 50;}
.ui-front { z-index: 50;}
img { max-width: 100%; height: auto; }
.event_eventpage .article ul li { list-style: disc inside; line-height: 1.5; }
.event_eventpage .article ul li:last-of-type { padding-bottom: 20px; }
.event_eventpage .workshopinfo a { display:none; }

body.condoverlay { overflow: hidden; }

:root
{
    --textgrey: #818181;
}

.layoutheader { /*position: sticky; */ position: static;top: 0;background: white;z-index: 49;}
.pagecontent {margin-left: 10px;margin-right: 10px;}
.layoutheader .nav_multilevel a {font-size: 16px; padding-bottom: 5px;}
.layoutheader .nav_multilevel {margin: 22px auto 0px auto;}
.layoutheader .nav_multilevel .selected > a { color: black; font-weight: bold; }

@media (min-width: 1000px) /* desktop */
{
    .layoutheader .layoutheader_inner {padding: 30px 0px 20px 0px;justify-content: space-between;}
    .nav_multilevel{width: 700px; margin-top: 30px;}
    .nav_multilevel ul {display: flex; justify-content: space-between;}

    .layoutheader .toggle {display: none;} 

    .h-social-links {margin-top: 20px;}
    .nav_multilevel I {display: none;}
    .nav_multilevel a{
        color:var(--textgrey);
    
    }

}
@media (max-width: 999px)/* tablet and mobile */
{
	.layoutheader .nav_multilevel .selected > a { color: #ffffff; text-decoration: underline; }
    .layoutheader .layoutheader_inner {padding: 30px 0px 20px 0px;justify-content: space-between;}
    .layoutheader .toggle {position:absolute;top:35px;right:30px;cursor:pointer;}
    .layoutheader .toggle img {width: 50px; height:auto;}
    .nav_multilevel ul{ display: none;}
    .h-social-links {margin-top: 15px;}
    .layoutheader .toggleon li{padding: 10px 0px 10px 0px;}
    .layoutheader .toggleon ul{display:block;position: absolute;top: 115px;right: 0px;width: 100%;z-index: 50;text-align: center;}
    .layoutheader .toggleon .level1 { background-color: rgba(0,0,0,0.85); text-transform: uppercase;}
    .layoutheader .toggleon .level2 { display: none;position:static;/* background-color: hsla(0, 0%, 15%, 0.85); */background-color: rgba(0,0,0,0.1);z-index: 9999;width: 100%;text-transform: none;}
    .nav_multilevel a{color:white;}


}
@media (max-width: 567px) /* mobile only */
{
    .layoutheader .layoutheader_inner {padding: 30px 0px 20px 0px;justify-content: space-between;}
    .layoutheader .toggle {top: 35px; right: 15px;}
    .h-social-links {display: none;}
    .layoutheader .toggleon .level2 {display: none;z-index: 9999;width: 100%;}

}
@media (max-width: 414px){

    .layoutheader .layoutheader_inner {padding: 30px 0px 50px 0px; justify-content: center;}
    .layoutheader .toggle {top: 90px; left: 50%; margin-left: -25px;}
    .layoutheader .toggleon ul{top: 145px;}
    .layoutheader .toggleon .level2 {display: none;z-index: 9999;width: 100%;}
}

.std_contentpage.home {max-width: 1240px;}

.event .link {display: none;}

.layoutheader {
    padding: 0px 10px;
}

.layoutheader .layoutheader_inner {
    display: flex;
    max-width: 1240px;
    border-bottom: 1px solid grey;
    margin: 0px auto;
}

.nav_multilevel{
    margin-top: 30px;
    font-family: OpenSansRegular;
}



.nav_multilevel .level2, .nav_multilevel .level3{
    position:absolute;
    display:none;
    background-color:#EDEDED;
    width:250px;
    padding: 5px 10px;
    z-index: 1;
    top: 75px;
}

.nav_multilevel .level2 li{
    margin: 2px 0px;
    padding-bottom: 7px;
}

.nav_multilevel .level1 li:hover .level2{
     display:block;
}


.nav_multilevel .expand {
    color: white;
    position: absolute;
    right: 20px;
    top: 0px;
    padding: 10px;
    display: block;
}

@media ( max-width: 1000px )
{
    .nav_multilevel .level1 li { position: relative; }
}

.h-logo img{
    width: 330px;
    height: auto;
}

.h-social-links{
    width: 110px;
    padding: 0px 5px;
}

.h-social-links ul {
    display: flex;
    justify-content: space-between;
}

.h-social-links i{
    color: white;
    background: #C8C8C8 ;
    border-radius: 50%;
    padding: 7px;
}

.h-social-links .fa-facebook-f{
    padding: 7px 11px;
}


.nav_multilevel .link4 ul, .nav_multilevel .link5 ul,.nav_multilevel .link9 ul{display: none !important;}
.nav_multilevel .link4 .expand, .nav_multilevel .link5 .expand,.nav_multilevel .link9 .expand{display: none !important;}


/* Banner */

.banner {
    padding: 30px 0px 40px 0px;
    margin: 0px auto;
    max-width: 1240px;
    border-bottom: 1px solid var(--textgrey) ;
    text-align: center;

}

.banner .content{
    max-width: 1050px;
    margin: 50px auto 0px auto;
    text-align: center;
    color: var(--textgrey);
}

.banner p {
    margin-top: 35px;
    line-height: 2;
    padding: 0px 10px;
}

.banner h2{
    font-size: 140%;
    text-transform: uppercase;
    color: var(--textgrey);
    letter-spacing: 1px;
}

.banner .imagetop img{
    max-width: 1240px;
    width: 100%;
    height: auto;
}

/* Events List */


.event_list ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
        
.event_list li{
    width: 100%;
    max-width: 330px;
    margin: 10px 20px;
}


.event_list{
    max-width: 1240px;
    margin: 0px auto;
    padding: 50px 10px;
}

.event_list .footerlinks {
    margin-top: 40px;
}



.event_list .footerlinks a{
    text-align: center;
    background: #666;
    border-radius: 25px;
    font-size: 105%;
}

.event_list ul{
    max-width: 1240px;
    margin: 0px auto;
}

.event_list .titletxt{
    text-align: center;
    font-size: 165%;
    color: #5B5B5B;
    text-transform: uppercase;
    letter-spacing: 1.8px;
    margin-bottom: 30px;
}

.event_list li img {
    width: 100%;
    max-width: 330px;
    height: 220px;
    object-fit: cover;
}

.event_list ul li{
    background: #F9F9F9;
}

.event_list ul li:hover{

    background: #EDEDED;
}

.event_list .name{
    text-align: center;
    padding: 15px 15px;
    font-size: 120%;
    min-height: 72px;
}

.event_list .date{
    text-align: center;
    padding-bottom: 10px;
    
}

.event_list .date a {
    color: #5B5B5B;
}

.event_list .abstract {
    padding: 10px 15px; 
    color: var(--textgrey);
    text-align: left;
    display: none;
}


.event_list .name a {
    color: var(--textgrey);
    font-size: 19px;
    
}

.event_list .description{
    color: var(--textgrey);
    padding: 0px 20px;
    font-size: 89%;
    line-height: 1.7;
}

.event_list li { position: relative; }
.event_list .remainingplaces {
    text-align: center;
    position: absolute;
    top: 179px;
    background: grey;
    text-transform: uppercase;
    padding: 10px 10px;
    width: 185px;
    right: 0;
    color: white;
}

.event_list li .link{
    text-align: center;
    background: #666;
    width: 35%;
    margin: 10px auto 20px auto ;
    border-radius: 25px;
    padding: 7px 5px 7px 5px;
    font-size: 90%;
    
}

.event_list .footerlinks .link a{
    padding: 7px 30px; 
    width: 170px;
    display: inline-block;
}

.event_list .footerlinks .link a:hover{
    background: #888888;
}

.event_list .footerlinks .link{
    text-align: center;
}

.event_list .link a {
    color: white;
    text-transform: uppercase;
    font-family: OpenSansRegular;
}

.event_list li .link:hover{
    background: #888888;
}

/* Footer */
@media(min-width: 497px){
    .legal .content{
    display: flex;
    justify-content: space-evenly;}
}
@media(max-width: 496px){

    .legal .content{
        text-align: center;
    }
}


.layoutfooter{
    padding: 50px 0px 0px 0px;
}

.footersocials{
    background: #EDEDED;
    
    padding: 50px 5px;
    margin: 0px auto;
}

.footersocials ul {
    display: flex;
    width: 180px;
    padding: 10px 0px;
    margin: 0px auto;
    justify-content: space-between;
}

.footersocials i{
    color: white;
    background: #C8C8C8;
    border-radius: 50%;
    padding: 10px;
    font-size: 24px;
}

.footersocials .fa-facebook-f{
    padding: 10px 15px;
}

.footersocials .fa-instagram { padding: 10px 12px; }

.layoutcredits {
    display: none;
}

.legal{
    background: #EDEDED;
}

.legal .content{
    max-width: 500px;
    margin: 0px auto 0px auto;
    font-size: 90%;
}

.legal .content p, .legal .content a {
    color: var(--textgrey);
}

/* Blog */
.blog .list_article h2 {display: none;}
.blog .list_article {border-top: none;}
.std_contentpage.blog {max-width: 1240px;}

.blog .button{text-align: center;}
.blog .button a{ width: fit-content; padding: 8px 10px; background-color: #666;color:white; border: none;font-size: 100%; text-transform: uppercase; text-decoration: none;}
.blog .button a:hover{background: #888888;}



@media(min-width: 778px){
    .list_article .list {max-width: 1240px;margin: 0px auto;display: flex;justify-content: center;flex-wrap: wrap;}
    .list_article .article { max-width: 350px; margin: 20px 20px;}
    .list_article .article .image img {width: 330px;}
}
@media(max-width: 777px){
    .list_article .list {max-width: 1100px; margin: 0px auto;}
    .list_article .article { max-width: 350px; margin: 20px auto;}
    .list_article .article .image img {max-width: 350px; width: 100%; height: auto;}
}

.list_article {max-width: 1240px;margin: 0px auto 60px auto;padding: 20px 10px 0px 10px;border-top: 1px solid var(--textgrey);}
.list_article .titletxt {text-align: center; font-size: 150%; text-transform: uppercase; letter-spacing: 1px; color: var(--textgrey);}
.list_article .article {position: relative;background: #F9F9F9;color: var(--textgrey);padding-bottom: 80px;}
.list_article .article:hover {background: #cbcbcbe0;}
.list_article .article .headline a, .list_article .article .created, .list_article .article, .list_article .article .abstract {color: var(--textgrey);}
.list_article .article .link {text-align: center;background: #666;width: 120px;margin: 0px auto;border-radius: 25px;padding: 7px 5px 7px 5px;font-size: 90%;text-transform: uppercase;font-weight: 700;position: absolute;bottom: 25px;left: 25px;}
.list_article .article .link a {color: white;}
.list_article .article .link:hover {background: #888888;} 
.list_article .article .created { margin: 15px 0px; font-size: 90%; text-transform: uppercase; font-family: OpenSansRegular;}
.list_article .article .headline {font-size: 130%; margin: 20px auto; }
.list_article .article .abstract {margin: 20px 0px; font-size: 90%;}
.list_article .article .headline, .list_article .article .created, .list_article .article .abstract {padding: 0px 25px;}
.list_article .article .image img {width: 100%; max-width: 350px; height: 256px; object-fit: cover;}
.list_article .article .headline a{ color: black; font-weight: bold;}

.std_newsarticlea{max-width: 900px;margin: 40px auto 40px auto; padding: 0 20px;}
.std_newsarticlea .image {text-align: center;/* margin: 20px; */}
.std_newsarticlea img {width: 100%;height: auto;max-width: 730px;/* margin: 10px; */}
.std_newsarticlea .headline {text-align: center; margin: 20px 0px; font-size: 150%;}
.std_newsarticlea .created{ padding-bottom: 10px;}
.std_newsarticlea .abstract {font-family: OpenSansRegular;font-weight: 300;padding-bottom: 10px;max-width:  730px;margin: 0px auto; font-size: 14px; }
.std_newsarticlea .article { max-width: 730px; margin: 0px auto;}
.std_newsarticlea .article p { padding-bottom: 10px;}
.std_newsarticlea .article p img{display: block; margin: auto; padding: 10px;}
.std_newsarticlea figure{ display: flex;flex-direction: column; align-items: center;}
.std_newsarticlea h2 { font-size: 130%;}

.std_newsarticlea .video {text-align: center; padding: 30px 0;}
.std_newsarticlea .video video {max-width: 600px; width: 100%;}

.std_newsarticlea .comments {display: block; }
.std_newsarticlea .confirm p {padding-bottom: 0 !important; text-align: center;}
.std_newsarticlea .response {padding-top: 20px;}
.std_newsarticlea .response .row {padding: 3px 0;}
.std_newsarticlea .response .row .label {display: none;}
.std_newsarticlea .response .field_Name .value {font-weight: bold;}
.std_newsarticlea .response .field_Blogcomments .value {font-style: italic;}



@media ( max-width: 1280px )
{
    .list_article { max-width: 100%; }
}

/* Blog archive */

.list_archive{margin: 0px 20px;}
.list_archive form{width: fit-content;}
.list_archive .list{margin: 40px 0px;}
.list_archive .article{margin: 10px 0; padding: 2px;}
.list_archive .article:hover{background-color: #EDEDED;}
.list_archive .article .headline{font-size: 130%;}
.list_archive .article .created {color: var(--textgrey);}


/* Shop */

.homeshop .titletxt {
    text-align: center;
    font-size: 150%;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--textgrey);
}

.homeshop img{
    width: 100%;
    max-width: 330px;
    height: 256px;
}

.homeshop{
    max-width: 1240px;
    margin: 0px auto;
    border-top: 1px solid var(--textgrey);
    padding: 40px 0px;
}

@media ( max-width: 1280px )
{
    .homeshop { max-width: 100%; }
}

.homeshop .items{
    max-width: 770px;
    margin: 0px auto;
}

@media ( max-width: 810px )
{
    .homeshop .items { max-width: 100%; }
}

.homeshop .printsleft, .homeshop .vouchersright{
    max-width: 330px;
}

.homeshop .printsleft, .homeshop .vouchersright{
    background: #F9F9F9;
    padding: 0px 0px 20px 0px;
}


.homeshop h3 {
    font-size: 130%;
    padding: 0px 25px;
    margin: 20px auto;
    text-align: center; color: var(--textgrey);
}

.homeshop p{
    padding: 0px 25px;
    margin: 20px 0px;
    font-size: 90%;
    color: var(--textgrey);
    line-height: 1.6;
    text-align: center;
    font-weight: 500;
}

.homeshop a{
    text-align: center;
    background: #666;
    width: 120px;
    margin: 0px auto;
    border-radius: 25px;
    padding: 10px 20px 10px 20px;
    font-weight: 500;
    color: white;
    text-transform: uppercase;
    
}

.homeshop a:hover{
    background: #888888;
}

@media (min-width: 696px){

    .homeshop .items{display: flex;justify-content: space-evenly;flex-wrap: wrap;}
    .homeshop .printsleft, .homeshop .vouchersright {margin: 20px 10px;}
}

@media (max-width: 695px){

    .homeshop .printsleft, .homeshop .vouchersright {margin: 20px auto;}

}

/* Content Page Styling */

.std_contentpage{
    max-width: 900px;
    margin: 0px auto 40px auto;
    padding: 0px 5px;
}


.std_contentpage h2{

font-size: 130%;
margin: 15px 0px;

}

.pagecontent_inner ul, .pagecontent_inner ol{padding-bottom: 20px;}

.std_contentpage .pagetitle {
    text-align: center;
    font-size: 165%;
    color: #5B5B5B;
    text-transform: uppercase;
    letter-spacing: 1.8px;
    margin: 50px 0px 30px 0px;
}

li{
    font-family: OpenSansRegular;
}

.std_contentpage .video{
    text-align: center;
    margin: 0px 0px 40px 0px;
}

.std_contentpage video{
    max-width: 600px;
    height: auto;
    width: 100%;
}

.pagecontent a { text-decoration: underline; }


/* Forms */

.surv_standard{
    max-width: 500px;
    margin: 15px auto 60px auto;
    background: #EDEDED;
    padding: 30px; 
}

.surv_standard .titletxt {
    font-size: 120%;
    font-family: OpenSansRegular;
    text-align: center;
}

.surv_standard .form-group{
    margin: 20px 0px;
}

.surv_standard .label {
    margin: 7px 0px;
    font-family: OpenSansRegular;
}

.surv_standard input, .surv_standard textarea, .surv_standard select{
    background: white;
}

.surv_standard .buttons{
    text-align: center;
}

.surv_standard .buttons input{
    background: #666;
    transition: ease 0.5s;
    border: none;
    border-radius: 25px;
    max-width: 200px;
    
}
.surv_standard .buttons:hover input{
    background: rgb(80, 79, 79);
}

/* Contact page */

.contactus .content {
    text-align: center;
}

/* Partners */

.partners img {margin-right: 10px;}

.partners .content {margin-bottom: 40px;}

/* Awards */

.awards img {max-width: 180px; height: 180px; width: 100%;}
.awards li {width: 180px; height: 180px; margin: 0px 0px 130px 0px;}
.awards ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.awards {max-width: 800px; margin: 0px auto 40px auto;}
.awardpage .pagecontent_inner {text-align: center;}
.awards .value {font-size: 11px; text-align: center; font-family: OpenSansRegular;}

/* Publications */

.publications .iamge {height: auto;}
.publications img {max-width: 180px; height: 250px; width: 100%;}
.publications li {width: 180px; height: 250px; margin: 20px 0px 40px 0px;}
.publications ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.publications {max-width: 800px; margin: 0px auto 40px auto;}
.publications .pagecontent_inner {text-align: center;}
.publications .value {font-size: 14px; text-align: center; font-family: OpenSansRegular; height: 20px; margin-top: 75px;}

.lightbox {display:none;position: fixed;top: 0px;left: 0px;width: 100%;/* height: 100%; */padding: 0px 0px 0px 0px;box-sizing: border-box;z-index: 50;background-color: rgb(255, 255, 255);overflow: scroll;}
.lightboxlink {display: none;}
.lightbox .logo { display: block; width: 305px; height: 75px; margin-bottom: 50px; }
.lightbox .close {position: absolute;z-index: 25;color:black;top: 20px;right: 20px;cursor:pointer;width: auto;height: 30px;}
.pagecomponents .lightbox .close, .event_eventpage .lightbox .close {width: 21px;height: 21px;left: 50%;margin: 0px 0px 0px 0px;top: auto;bottom: 35px;transform: translate(-50%, 0);}
.pagecomponents .lightbox .close:before, .event_eventpage .lightbox .close:before {content: url(/images/m1F4MRkAw9T57UhCGlp2.svg);}
/* #productgallery .lightbox .close:before { content: 'Close';color: white; } */
/* #productgallery .lightbox .close:before { content: normal; } */
.lightbox .showbuynow .close {  position: initial; }
.lightbox .showbuynow .close:before { display: none; }

.lightbox .feat_carousel .carousel li img:hover + .caption {display: block;}



.lightbox .feat_carousel .carousel { width: 100vw; height: 100vh; margin: 0px auto 0px auto; overflow:hidden;}
.lightbox .feat_carousel .carousel ul {width: 100% !important;display: block;/* touch-action: none; */position: relative;/* overflow: hidden; */}
.lightbox .feat_carousel .carousel li {float: none;position: absolute;height: 100vh;line-height:calc(100vh - 70px);/*line-height: 100vh;*/top: 0px;left: 0px;text-align: center;width: calc(100% - 20px);max-width: 100%;/* display: none; */cursor: auto;padding: 10px;/* background: white; *//* overflow: hidden; *//* touch-action: none; *//* user-select: none; *//* -webkit-user-drag: none; *//* overflow-x: scroll; *//* overflow-x:  hidden; */overflow: hidden;}
.lightbox .feat_carousel .carousel li img { max-height: 90vh; height: auto; width: auto; }
.lightbox .feat_carousel .carousel .showbuynow {position: absolute;bottom: 20px;}

.lightbox .feat_carousel .carousel li .caption {position: absolute;bottom: 50px;left: 50%;/* margin: 0px 0px 0px -50px; */line-height: 30px !important;font-size: 120%;transform: translate(-50%, 0);}
.lightbox .feat_carousel .carousel li .buynowwapper .caption {position: relative;bottom: 0px;left: 50%;margin: 0px 0px 0px 0px;line-height: 150% !important;font-size: 100%;}


@media ( max-width: 600px )
{
    .lightbox .feat_carousel .carousel li .caption { font-size: 300%; }
}

.lightbox .feat_carousel .carousel li img {display: inline;max-height: 90vh;height: auto;margin: 0px auto 65px auto !important;vertical-align: middle;/* overflow: hidden; *//* touch-action: none; */}

@media(max-width:425px) {
    .lightbox .feat_carousel .carousel li img {/* vertical-align: bottom; */margin-bottom: 0 !important;}
}


.lightbox .feat_carousel .carousel-prev, .lightbox .feat_carousel .carousel-next {position: absolute;width: 22px;left: 50%;bottom: 25px;color: #cfcfcf;cursor:pointer;}
.lightbox .feat_carousel .carousel-prev { margin-left: -90px; }
.lightbox .feat_carousel .carousel-next { margin-left: 90px; }

.feat_carousel .carousel-prev, .feat_carousel .carousel-next {}

.bw .lightbox .feat_carousel .carousel li img {max-width: 80%; max-height: 80%;}

.lightbox .feat_carousel .carousel-prev:hover i, .lightbox .feat_carousel .carousel-next:hover i, .lightbox .feat_carousel .carousel .showbuynow>div:hover i { color: #333333; }
.lightbox .feat_carousel .carousel .showbuynow>div.disabled:hover i { color: #e6e6e6; }


@media(max-width: 425px) {
    .lightbox .feat_carousel .buttons {position: absolute;background: white;bottom: 25px;width: 100%;padding: 5px 0px 0px 0px;}
    .lightbox .feat_carousel .carousel-prev, .lightbox .feat_carousel .carousel-next {position: relative;top: 0;}
    .lightbox .feat_carousel .carousel-prev {margin-left: -95px;}
    .lightbox .feat_carousel .carousel-next {margin-left: 153px;}
    .event_eventpage .lightbox .close {bottom: 10px;}
    .bw .lightbox .feat_carousel .carousel li img {max-width: 90%; max-height: 90%;}
}
@media(orientation: landscape) {
    /* most browser windows and landscape mobile devices */
    .lightbox .feat_carousel .carousel li img {margin-bottom: 0 !important;/* vertical-align: top; */max-height: calc(100vh - 150px);}
    .lightbox .feat_carousel .carousel .showbuynow {bottom: -3px;}
    .lightbox .feat_carousel .carousel-prev, .lightbox .feat_carousel .carousel-next {bottom: 10px;}
    .pagecomponents .lightbox .close, .event_eventpage .lightbox .close {bottom: 10px;}
}
@media(max-width:375px){
    .lightbox .feat_carousel .buttons {bottom: 95px;}
    .lightbox .feat_carousel .carousel-prev, .lightbox .feat_carousel .carousel-next {bottom: 94px;}
    .pagecomponents .lightbox .close {bottom:104px;}
}



.lightbox .showbuynow  {position: relative;bottom: 60px;/* bottom: 0; */left: 50%;/* width: 150px; */margin-left: -65px;height: 50px;line-height: 40px;z-index: 20;padding: 0px;} 
@media(pointer: fine) {
    /* Account for scroll bar on desktop */
    .lightbox .showbuynow {margin-left: -60px;}
}
.lightbox .showbuynow div {float: left;width: 13%;font-size: 200%;color: #666666;margin: 0px 10px;cursor: pointer;}


.lightbox .showbuynow .fa-times, 
.lightbox .showbuynow .fa-info,
.lightbox .showbuynow .fa-shopping-cart,
.lightbox .showbuynow .fa-shopping-basket {color:#cfcfcf;}

.lightbox .showbuynow .disabled .fa-shopping-basket { color: #e6e6e6; cursor: not-allowed; }

.lightbox .showbuynow .close { position:initial; }

.lightbox .buynowpopup { background-color:black; height: 100%;width: 25%; position: absolute;top: 0px;left:  75%; z-index: 21; line-height: 30px;  }
.lightbox .buynowpopup .popupclose { position: absolute; z-index: 10; color:white; top: 20px; cursor: pointer; left: 20px; width: auto; height: 30px; z-index: 25; }
.lightbox .buynowpopup .buynowwapper { text-align:center; line-height:unset; height: 100vh; width: 100%; padding: 30vh 50px 50px 50px; color:white; }
.lightbox .buynowpopup .buynowwapper .caption { padding: 20px 0px;  }
.lightbox .buynowpopup .buynowwapper select { background-color: white; }
.lightbox .buynowpopup .buynowwapper button {width: 100%;margin: 20px 0px;background-color: #666;color: white;padding: 10px;cursor:  pointer;border: none;}
.lightbox .buynowpopup .buynowwapper button:hover { background-color: #888888; }

.lightbox .buynowpopup .buynowwapper .close { top:50px;}
.lightbox .buynowpopup .close { position: absolute; z-index:10;  color:black; top: 20px; right: 20px; cursor:pointer; width: auto;height: 30px; }
.lightbox .buynowpopup .close:before { content:'Close';}

@media(max-width: 1200px){
    /* Unneeded? */
    .lightbox .buynowpopup { width: 50%; left: 50%;}
}

@media(max-width: 600px){
    .lightbox .buynowpopup,
    .lightbox .feat_carousel .carousel .showbuynow {/* width: 100vh; *//* left: 0; */}
}

@media(max-width: 375px){
    .lightbox .feat_carousel .carousel .showbuynow {bottom: 91px;}
}
/* Prints page */

.printspage {width: 100%; margin: 0px auto 0px auto; max-width: none; padding: 0px 0px 0px 0px;}
.printspage h2 {text-align: center;font-size: 165%;color: #5B5B5B;text-transform: uppercase;letter-spacing: 1.8px;margin: 60px 0px}
.printspage h3{font-size: 110%;margin: 10px 0 10px 0;}
.printspage .pagecontent_inner {max-width: 950px; margin: 0px auto;}
.printspage .pageheader { height: 650px;margin: 30px 0px 0px 0px;background-attachment: fixed;background-position: center center;background-repeat: no-repeat;background-size: contain;}
.printspage a {/* color: white; *//* text-align: center; *//* background: #666; *//* border-radius: 25px; *//* padding: 7px 100px 7px 100px; *//* font-size: 105%; *//* margin: 0px auto; */}
.printspage a:hover { color: var(--textgrey)}
.printspage .button {text-align: center;}
.printspage li {margin: 0 0 10px 0px;/* border-bottom: solid 1px black; *//* max-width: 200px; */}
.printspage ul, .printspage ol{margin-left: 15px;}
.printspage ul li{list-style-type: disc;}
.printspage ol li{list-style-type: decimal;}

.printspage p:has(+ ul){ padding-bottom: 10px;}

.graphicprints li {list-style-type: disc; border-bottom: solid 1px; max-width: 200px; padding: 15px 0px;}
.graphicprints li strong {margin: 15px 0px;}
.graphicprints ul {margin-left: 15px;}

/* Vouchers page */

.shop_product h1 {text-align: center;font-size: 165%;color: #5B5B5B;text-transform: uppercase;letter-spacing: 1.8px;margin: 50px 0px 30px 0px;}
.shop_product .options, .shop_product .available {max-width: 165px;margin: 20px auto;}
.shop_product .available {margin-bottom: 40px;}
.shop_product .price {text-align: center;}
.shop_product .label {margin: 20px 0px 10px 0px; text-align: center;}
.shop_product .image {text-align: center; width: 50%; margin-top: 20px;}
.shop_product img {width: 100%;height: auto;}
.shop_product {max-width: 1300px; margin: 0px auto;}
.shop_product .summary {max-width: 700px; margin: 0px auto;}
.shop_product .description {max-width: 700px;margin: 20px auto; }
.shop_product .info {display: flex;/* align-items: center; */ gap: 40px;}
.shop_product .wrapper {width: 50%; margin-top: 50px;}
.shop_product .addtobasket input {text-align: center;background: #666;margin: 20px auto;border-radius: 25px;padding: 5px 0px 5px 0px;font-size: 80%; border: none;}
.shop_product .addtobasket input:hover {background-color: #888888;}
.shop_product .addtobasket {width: 150px; margin: 0px auto; font-size: 18px;}
.shop_product .price {display: none;}

.shop_product.voucher .options { max-width: 200px }

@media(min-width:801px){

    .shop_product .wrapper {width: 48%; margin-top: 50px;}
    .shop_product .image {text-align: center;width: 48%;}


}
@media(max-width: 800px){

    .shop_product .info {flex-wrap: wrap;}
    .shop_product .wrapper {width: 100%; margin: 0px auto;}
    .shop_product .image {width: 100%;}
    .shop_product .name {line-height: 1.4; margin: 30px 0px 0px 0px;}
}

/* Projects */

.projects {max-width: 1240px; margin: 0px auto;}
.projects .items {display: flex; flex-wrap: wrap; justify-content: center;}
.projects .util_textbox {margin:10px; width: 350px; height: 350px; background: center center; background-size: cover; background-repeat: no-repeat; position: relative; top: 0px; transition: top 0.3s ease;}
.projects .util_textbox:hover {/* top: -10px; */}
.projects .util_textbox .content { background: rgba(85, 84, 84, 0.8); padding: 12px; width: 200px; margin: 150px auto 0px auto;}
.projects .util_textbox .content h2 {text-transform: uppercase; font-size: 18px; color: white; font-family: Trajan;}

.projects img {max-width: 350px; height: 350px; width: 100%;}
.projects h2 {font-size: 15px; text-align: center; margin: 5px 0px; font-family: OpenSansRegular;}

.projects .util_container {margin: 40px 0px;}

/* .projectpage .feat_stdgallery  li .image {height: 180px;} */
/* .projectpage {margin:40px auto;} */
/* .projectpage .items ul {display: flex; flex-wrap: wrap; justify-content: center;} */
/* .projectpage li {height: 180px;}
.projectpage li .image img{width: 180px; height: 180px;} */
/* .projectpage .feat_stdgallery .items li {margin: 17px;} */
/*.projectpage .pagecontent a {color: white; text-align: center;background: #666;border-radius: 25px;padding: 7px 100px 7px 100px;font-size: 105%; margin: 0px auto;}*/
.projectpage .pagecontent a:hover {background: #818181;}
.projectpage .pagecontent .button {text-align: center;}
.projectpage .value {text-align: center; width: 180px; font-size: 16px;}
.projectpage .button {max-width: 450px; margin: 0px auto;}

/* Galleries page */


.feat_stdgallery .lightbox .image {background-size:contain;height: 100%;background-position: center center;margin-top: 4%;}

.shop_category{ max-width: 1240px; margin: 0px auto 40px auto;}
.shop_category h1 {text-align: center;
    font-size: 165%;
    color: #5B5B5B;
    text-transform: uppercase;
    letter-spacing: 1.8px;
    margin: 50px 0px 0px 0px;

}
.projects .pagetitle {margin-bottom: 70px; margin-top: 50px;}

.galleries .lightbox a {color: white;}

.gallery, .projectpage {max-width: 1240px;margin: 0px auto;padding: 0px 0px 0px 0px;}

.gallery h1 {text-align: center;font-size: 165%;color: #5B5B5B;text-transform: uppercase;letter-spacing: 1.8px; margin: 20px 0px 30px 20px;}
.gallery ul {display: flex; flex-wrap: wrap; justify-content: space-between;}

.shop_gallery .description {padding: 0px 15px 30px 15px;text-align: left;}

.shop_category ul {display: flex; flex-wrap: wrap; justify-content: center;}

.subcategories {margin: 0px auto; max-width: 1200px;}
.subcategories li, .subcategories .util_textbox  {width: 350px;height: 350px;margin: 20px;}
.subcategories .name, .subcategories .util_textbox .content {position: relative;top: 205px;height: 60px;display: flex;justify-content: center;}
.subcategories .name a, .subcategories p{display: flex; align-items: center; justify-content: center; width: 300px; height: auto; background: rgba(85, 84, 84, 0.8); padding: 12px; color: white; padding: 10px;text-align: center; font-family: Trajan; font-size: 18px; font-weight: 600; text-transform: uppercase;}
.subcategories .bgimage {width: 350px;height: 350px;/* margin: 10px 10px 10px 10px; */background-size: cover;background-position: center;}
.subcategories .items {display: flex; flex-wrap: wrap; justify-content: center;}

.bw-galleries .subcategories .util_textbox .content {top: 150px;}

.feat_stdgallery .items ul {display: flex; flex-wrap: wrap; justify-content: center;}
.feat_stdgallery li { padding: 10px; width: 290px; cursor: pointer;}
.feat_stdgallery li img {width: 200px; height: 200px;}
.feat_stdgallery li .image {background-size:cover;height: 300px;background-position: center center;}
.feat_stdgallery li .value {text-align: center;display: none;}


/* About Landing Page */

.aboutlanding, .commercial {max-width: 100%;padding: 0px 0px 0px 0px;}
.aboutlanding .pagecontent_inner, .commercial .pagecontent_inner { max-width: 950px; margin: 0px auto; }
.aboutlanding .pagecomponents {clear: both; max-width: 935px; margin: 0px auto;}
.aboutlanding h2, .commercial h2 {text-align: center;font-size: 165%;color: #5B5B5B;text-transform: uppercase;letter-spacing: 1.8px;margin: 40px 0px 40px 0px;}
.aboutlanding .pagecomponents h2 {text-align: center;font-size: 125%;color: #5B5B5B;text-transform: uppercase;letter-spacing: 1.8px;margin: 10px 0px 40px 0px;}
.aboutlanding .nav_simple {margin: 40px auto;}
.aboutlanding .nav_simple ul{display: flex;justify-content: center; gap: 10px;}
.aboutlanding img { height: auto; max-width: 300px;}
.aboutlanding .imageleft {width: 300px; margin: 1%;}
.aboutlanding .textcontent {max-width: 590px; margin: 1%;}

.aboutlanding .util_expandtext .link {margin: 20px auto; display: block; width: 100%;}
.aboutlanding .util_expandtext .link a {display: block; border-bottom: solid 1px #cccbcb; padding-bottom: 15px; font-family: Trajan; font-size: 16px;background-size: 23px; background-position: right top; background-image: url("/images/nCvqOQLKoS5GfvdLrizJ02s02s.png")}
.aboutlanding .util_expandtext .text {padding-left: 10px;}

.aboutlanding .achievements ul {margin: 30px auto; max-width: 500px; padding: 0px 5px;}
.aboutlanding .achievements li {list-style-type: disc; margin: 10px 0px;}
.aboutlanding .achievements a:hover {top: -5px;}

.aboutlanding .util_expandtext .text a { font-weight: bold;}
.aboutlanding .util_expandtext .text a:hover {text-decoration: underline;}

@media(min-width: 661px){

    .aboutlanding .standfirst {display: flex; align-items: center;}

}

@media(max-width: 660px){

    .aboutlanding .imageleft {margin: 0px auto;}
    .aboutlanding .text {margin: 0px auto;}

}

/* About robert */

.about {max-width: 950px;}
.about .pagetitle {text-align: left;}
.about .right img {width: 100%; height: auto;}
.about .list_article {padding: 10px 0; margin-top: -5px; background-color: #F9F9F9 ; margin-bottom: 10px; border-top: none;}
.about .list_article .titletxt {text-align: left; padding: 0 15px;}
.about .list_article .list .article {  margin: 0; width: 300px; padding: 0; }

.about .list_article .list .article h3 { font-size: 100%; text-decoration: none; margin: 8px; padding: 0 8px;}
.about .list_article .list .article h3 a { text-decoration: none;font-family: OpenSansRegular; font-weight: normal; color: #5B5B5B; }

.about .util_textbox {background-color: #f9f9f9; padding: 10px;}
.about .about_subscribe {color: var(--textgrey);}
.about .about_subscribe a {color: #5B5B5B; }





.about .right h2 {font-size: 14px; margin: 5px 0px;}
.about .right p {padding: 5px;}
.about .latest, .about .mail {background:#F0F0F0; padding: 10px;}
.about .mail {margin-top: 15px; border: 1px solid black;}

.aboutmenu a {background: #666; padding: 10px 15px; color: white; border-radius: 25px; font-size: 15px;}
.aboutmenu a:hover{background: #888888;}

@media(min-width:931px){

    .about .left {float: left; max-width: 600px;}
    .about .right {float: right; width: 300px;}

}
@media(max-width: 930px){

    .about {margin: 0px auto; width: 80%;}
    .about .right {max-width: 400px; margin: 0px auto;}


}

/* Bread crumb */

/* .sectionlevel1 .nav_breadcrumb {display: none;} */
.nav_breadcrumb {margin: 20px 10px; font-size: 16px; font-family: Trajan; display: block;}
.layoutbreadcrumb {max-width: 950px; margin: 0px auto;}
.link92 {display: none;}
.section44 .layoutbreadcrumb, .section38 .layoutbreadcrumb, .section39 .layoutbreadcrumb, .section40 .layoutbreadcrumb, .section41 .layoutbreadcrumb, .section42 .layoutbreadcrumb, .section43 .layoutbreadcrumb, .section45 .layoutbreadcrumb, .section31 .layoutbreadcrumb, .section32 .layoutbreadcrumb, .section33 .layoutbreadcrumb{display: none;}
.sectionlevel1 .layoutbreadcrumb {display: none;}

/* B&W Film Prints */

.filmprints {max-width: 750px;}

.filmprint hr { margin: 10px auto 30px auto ; }


.event_eventpage {margin-bottom: 50px; }
.event_eventpage .headline {text-align:center; margin: 50px; font-size: 200%; line-height: 1.4; }
.event_eventpage .image {width: 100%;background-size: cover;height: 650px;margin: 30px 0px 0px 0px;background-attachment: fixed;background-position: center center;background-repeat: no-repeat;background-size: cover;}
@media(pointer: coarse) {
    /* background-attachment: fixed; is not supported on most mobile devices */
    /* Use background-attachment: scroll; insteaed */
    .event_eventpage .image { background-attachment: scroll; }
}

.event_eventpage h3 { font-family: OpenSansRegular; font-weight: bold; padding-bottom: 5px;  }
.event_eventpage .abstract { padding-bottom: 20px;}
.event_eventpage .abstract label { font-weight: bold;  width: 100%; display: block; border-bottom: 1px solid; padding-bottom: 40px; margin: 0px 0px 20px 0px; height: 30px; }
.event_eventpage .workshopinfo { padding: 12px 0px 5px 0px; }
.event_eventpage .workshopinfo a { }
.event_eventpage .workshopinfo i { color: #C8C8C8; font-size: 200%; }
.event_eventpage .date {text-align: left;}

.event_eventpage .accommodationmeals p {display: inline;}

.event_eventpage .left div {margin: 0px 0px 10px 0px; }
.event_eventpage .remaining { text-align: center;margin-top: 20px; }
.event_eventpage .remaining.top { margin-top: 0px;}
.event_eventpage .left .accommodationmeals a { font-weight: 700;  }
.event_eventpage .left .accommodationmeals a:hover { text-decoration: underline; }

.event_eventpage .workshoptype span { text-decoration: underline; }
.event_eventpage .workshoptype span:hover { color: var(--textgrey); cursor: pointer; }

.event_eventpage .left .instructions p { padding: 0px; }

.event_eventpage .capacity.topbutton .waitinglist {width: fit-content;margin: 0px auto;/* margin-bottom: 30px; */padding: 8px 15px;}

.event_eventpage .images ul {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-column-gap: 5px;grid-row-gap: 5px;/* padding: 0px 5px; */}
.event_eventpage .images li {/* padding: 20px; */background-size: cover;height: 0;padding-bottom: 100%;}
.event_eventpage .images { max-width: 100%; margin: 50px auto;}
.event_eventpage .images li {background-size: cover;}
.event_eventpage .info .images {max-width: 100%;margin: 20px auto;}
.event_eventpage .info .images.eventimage li {width: 100%;height: 0;padding-bottom: 100%;}
.event_eventpage .info .images.eventimage li:hover { cursor: pointer; }
.event_eventpage .showelement, .showmore, .showless { cursor: pointer;  margin: 20px 0px; }
.event_eventpage .showelement span, .showmore span, .showless span, .testimonials span { font-weight: bold; background-color: #EDEDED; width: 100%; display: block; padding: 10px; text-align: right}
.event_eventpage .itinerary.showelement span, .event_eventpage .faq.showelement span, .event_eventpage .accommodation.showelement span  { text-align: left; }
.event_eventpage .eventimage.images { border-top: 2px solid #EDEDED;padding-top: 50px; }
.event_eventpage .showelement.images.client {margin-bottom: 0;}
.event_eventpage .showelement.images.client li {position: relative;padding: 0px 0px 0px 0px;height: auto;}
.event_eventpage .showelement.images.client li .image {width: 100%;height: 0;padding-bottom: 100%;margin: 0px 0px 0px 0px;background-attachment: local;}
.event_eventpage .showelement.images.client li .caption {width: 100%;min-height: 75px;/* position: absolute; *//* bottom: 0; */display: block !important;background: #F9F9F9;padding: 5px 5px;}
.event_eventpage .showelement span::after, .showmore span::after { content: '+';  width:10px;  float:right; margin-right: 20px; margin-left: 20px;}
.event_eventpage .showelement.showless span::after, .showless span::after { content: '-'; width:10px; float:right; margin-right: 20px; margin-left: 20px;}

.event_eventpage .testimonial { margin: 0px 0px 20px 0px; }
.event_eventpage .element .testimonial { margin-bottom: 40px; }
.event_eventpage .testimonial .name {/* margin: 20px 0px 0px 0px; */margin: 5px 0px 0px 0px;/* font-weight: bold; */font-style: italic;}
.event_eventpage .testimonial .testimony {/* font-style: italic; */}

.event_eventpage .capacity .remainingplaces { margin: 0px 0px 20px 0px; font-weight: bold; font-size: 16px;}
.event_eventpage .capacity  { width: 100%; text-align: center; }
 /* {background-color: #666;border-radius: 25px;padding: 7px 15px;color: white;cursor: pointer;width:  fit-content;margin: 20px auto 0px auto !important;!i;!;} */
.event_eventpage .capacity .placeorder a, .event_eventpage .waitinglist  {cursor: pointer; display: inline-block;background: #666;padding: 8px 15px;border-radius: 25px;margin-top: 10px;color: #ffffff;text-transform: uppercase;width: fit-content;}
.event_eventpage .waitinglist { margin: 20px 0px 0px 0px !important;}
.event_eventpage .capacity.topbutton .placeorder a, .event_eventpage .capacity.topbutton .waitinglist { margin: 0px 0px 20px 0px !important; }
.event_eventpage .capacty.topbutton .waitinglist a {  }
.event_eventpage .capacity .placeorder a:hover {background-color: #888888;}
.event_eventpage .element  { /* margin: 40px 40px 0px 40px; */ padding: 10px 0px 0px 0px; }
.event_eventpage .itinerary ul, .event_eventpage .faq ul {padding:0px 0px 0px 20px;}
.event_eventpage .itinerary li, .event_eventpage .faq li { list-style-type: disc; }
.event_eventpage .eventimage { padding-top: 20px;}
.testimonials span, .event_eventpage .testimonials_parent .title {font-weight: bold;display: block;padding: 20px 0px;}
.testimonials span {text-align: left; padding: 10px; margin: 20px 0;}
.testimonials #showMoreBtn {font-weight: 600; cursor: pointer;}
.event_eventpage  .images .element  { margin: 20px 0px; }
.event_eventpage .images.client .element { margin-bottom: 0; }
.event_eventpage .nobooking { text-align: left; border: 1px solid black; padding: 5px 5px 5px 5px; }
.event_eventpage .nobooking a { text-decoration: underline; }
.event_eventpage .info > .right { max-width: 800px; width: 100%; }

@media(min-width:541px){

    .event_eventpage .info { display: flex; flex-wrap: nowrap; margin: 0px 0px 50px 0px; max-width: 1200px; margin: 0px auto;}
    .event_eventpage .info > .left {max-width: 300px; width: 100%; background-color: #EDEDED;padding: 20px 15px 50px 15px;}
    .event_eventpage .info > .right {margin: 20px 0px 0px 50px;}
    .event_eventpage .info .client.images span, .showmore span,  .showless span {text-align:right;}
}
@media(max-width: 540px){


    .event_eventpage .info {margin: 0px auto; max-width: 1200px; margin: 0px auto;}
    .event_eventpage .info > .left {max-width: 100%;margin: 0px 0px 20px 0px;background-color: #EDEDED;padding: 30px 15px;}
    .event_eventpage .info > .right {max-width: 100%; padding: 0px 15px;}
    .event_eventpage .info > .right {max-width: 800px;margin: 0px auto;}
}

@media ( max-width: 1140px )
{
    .event_eventpage .info > .right { max-width: 100%; margin: 0px 20px; }
}
@media ( max-width: 650px )
{
    .event_eventpage .info { flex-wrap: wrap; gap: 20px;}
    .event_eventpage .info > .left { max-width: 100%; }
    .event_eventpage .info > .right { max-width: 100%; margin: 0px 2px; }
}

.ebook-dialog h2{font-weight: 400;}
.ebook-dialog .util_textbox_inner h3{font-family: OpenSansRegular;font-weight: 400;line-height: 1.2;text-transform: uppercase;}
.ebook-dialog h4{  font-weight: 400;}
.ebook-dialog .content {width: 50%; text-align: center;}
.ebook-dialog .util_textbox_inner {display: flex; align-items: center; justify-content: center; gap: 15px;}


@media(min-width: 751px){

    .ebook-dialog h2{font-size: 45px; margin-bottom: 40px;}
    .ebook-dialog .util_textbox_inner h3 { font-size: 30px; margin: 40px 0px;  }
    .ebook-dialog h4{font-size: 19px;margin:20px; }
    .ebook-dialog p {font-size: 12px;}
    .ebook-dialog .util_textbox_inner { gap: 15px;}


}
@media(max-width: 750px){


    .ebook-dialog h2 {font-size: 30px; margin-bottom: 40px;}
    .ebook-dialog .util_textbox_inner h3 {font-size: 20px; margin: 40px 0px;}
    .ebook-dialog h4{font-size: 15px; margin:20px;}
    .ebook-dialog .imageright img{max-width: 400px; height: auto;}


}
@media(max-width:600px){

    .ebook-dialog .imageright img{max-width: 300px; height: auto;}

}

@media(max-width: 550px){

    .ebook-dialog h2 {font-size: 25px; margin-bottom: 30px;}
    .ebook-dialog .util_textbox_inner h3 {font-size: 15px;  margin: 20px 0px;}
    .ebook-dialog h4{font-size: 13px;margin:10px;}
    .ebook-dialog .imageright img{max-width: 260px; height: auto;}

}
@media(max-width: 500px){

    .ebook-dialog h2 {font-size: 22px;}
    .ebook-dialog .util_textbox_inner h3 {font-size: 12px;}
    .ebook-dialog h4{font-size: 10px;}
    .ebook-dialog .imageright img{max-width: 240px; height: auto;}

}
@media(max-width: 450px){

    .ebook-dialog h2 {font-size: 22px; margin-bottom: 20px;}
    .ebook-dialog .util_textbox_inner h3 {font-size: 12px; margin: 10px 0px;}
    .ebook-dialog h4{font-size: 10px;}
    .ebook-dialog .imageright img{max-width: 220px; height: auto;}

}
@media(max-width: 415px){

    .ebook-dialog h2 {font-size: 22px; margin-bottom: 20px;}
    .ebook-dialog .util_textbox_inner h3 {font-size: 12px; margin: 10px 0px;}
    .ebook-dialog h4{font-size: 10px;}
    .ebook-dialog .imageright img{max-width: 200px; height: auto;}

}
@media(max-width: 400px){

    .ebook-dialog h2 {font-size: 15px; margin-bottom: 20px;}
    .ebook-dialog .util_textbox_inner h3 {font-size: 10px; margin: 10px 0px;}
    .ebook-dialog h4{font-size: 10px;}
    .ebook-dialog .imageright img{max-width: 170px; height: auto;}
    .ebook-dialog p {font-size: 9px;}
    .ebook-dialog .util_textbox_inner { gap: 5px;}


}

@media(min-width: 501px){
    .ui-dialog-titlebar { display: block;  width: 100%;  padding-bottom: 20px; }
    .ui-dialog {padding: 20px 1%;}


}
@media(max-width: 500px){
    .ui-dialog-titlebar { display: block;  width: 100%;  padding-bottom: 10px; font-size: 10px; }
    .ui-dialog {padding: 5px 0px;}


}

/* Popups (UI dialogs) */
.ui-dialog {background-color: #D1D1D1;border: solid 2px rgb(218, 211, 211); }
/* Ensure dialogs are responsive */
.ui-dialog .ui-dialog-content { height: auto !important; }
/* End */
.ui-dialog input[type=submit] {background: #666; border: none; max-width: 300px; border-radius: 25px;}
.ui-dialog h3 {margin: 10px 0px; font-size: 120%;}
.ui-dialog-title { font-size: 170%; letter-spacing: 2px; text-transform: uppercase; color: var(--textgrey);}
.ui-dialog-titlebar-close {background-color: unset; border: unset; float: right; font-size: 150%; cursor:pointer; } 

/* Forms */
#booking-form .field_section {width: 100%; clear:both; padding: 10px 20px; }
#booking-form .field_section > .label { font-weight: bold;}
#booking-form .field_text, #booking-form .field_select, #booking-form .field_checkbox, #booking-form .field_date {width: 50%; float: left; box-sizing: border-box; padding: 10px 20px;}
#booking-form .field_textarea {width: 100%; float: left; box-sizing: border-box; padding: 10px 20px;}
#booking-form .field_checkbox .input .description { width: calc(100% - 40px); }

@media(max-width: 500px) {
    #booking-form .field_section { padding: 10px 10px; }
    #booking-form .field_text, #booking-form .field_select, #booking-form .field_textarea, #booking-form .field_checkbox
    { width: 100%; float: none; padding: 5px 10px;  }
}




.formbuilder .item { margin: 10px 0px 0px 0px; clear: both; display: inline-block; background-color:#f0f0f0; padding: 20px; /* border-bottom:5px solid white; */}
.formbuilder .field_checkbox { padding-left: 25px; }
.formbuilder .field_checkbox .input .description { float:left; width: 50%;}
.formbuilder .field_checkbox .input input {float:left;width: 30px;}

.formbuilder .removelink {clear: both; display: block; }
.formbuilder .removelink a {width: fit-content; background-color:#666666; float: right; text-align: center; padding: 8px 15px; border-radius: 50px; color: white}
.formbuilder .addlink { clear: both; display:block; margin: 10px 0px 20px 0px;}
.formbuilder .addlink a {width: fit-content; background-color:#666666; clear: both; text-align: center; padding: 8px 15px; border-radius: 50px; color: white; display: block; }
.formbuilder .field_dynamic > .label {font-size: 150%; padding-bottom: 10px;}

.formbuilder .description a { text-decoration: underline; }

#booking-form input[type="submit"] {
    /* background-color: #17a2b8; */
    /* background-color: black; */
    /* background-color: #28a745; */
    /* background-color: white; */
    /* color: black; */
    display: block;
    width: auto;
    /* padding: 0px 20px 0px 20px; */
    padding: 10px 30px;
    height: 37px;
    margin: 50px auto 0px auto;
}

@media(max-width: 500px) {
    #booking-form .formbuilder .item {padding: 5px 5px 10px 5px;}
    #booking-form .formbuilder .removelink a { width: 50%; }
    #booking-form .formbuilder .addlink a { width: 100%; }
    #booking-form .formbuilder .addlink { margin-bottom: 10px; }
    #booking-form input[type="submit"] { margin-top: 0px; margin-bottom: 20px; max-width: 100%; width: 100%; }
    #booking-form .formbuilder .addlink,
    #booking-form input[type="submit"]
    { max-width: 300px; width: 300px; display: block; margin-left: auto; margin-right: auto; }
}
@media(max-width: 425px) {
    .formbuilder .field_text label, .formbuilder .input, .formbuilder input {font-size: 107%;}
    .formbuilder input { font-size: 1rem; height: auto; }
    #booking-form { font-size: 1rem; }
    
    #booking-form .formbuilder .addlink,
    #booking-form input[type="submit"]
    { max-width: 100%; width: 100%;}
}

.bw .lightbox {background-color: rgba(255,255,255);}
.bw .lightbox .feat_carousel .carousel li img:hover + .caption {display: none;}
.bw .close {color: black;}

/* Talks */

.talkspage {max-width: 100%;}
.talkspage .pageheader {background-attachment: fixed;background-position: center center;background-repeat: no-repeat;background-size: contain;}
.talkspage .pagecontent {max-width: 900px; margin: 40px auto;}
.talkspage .talkleft .content {max-width: 700px; margin: 1%; width: 100%; height: auto;}
.talkspage .util_textbox .imageleft {margin: 1%;}
.talkspage img {max-width: 900px; height: auto; width: 100%;}
.talkspage .border img {border: 1px solid black;}
.talkspage h2 {text-align: center;color: #5B5B5B;text-transform: uppercase;letter-spacing: 1.8px; line-height: 1.3;}
.talkspage .testimonials {max-width: 1400px; margin: 40px auto; border-bottom: 1px solid grey;}
.talkspage .testimonials strong {font-family: OpenSansRegular;}
.talkspage .testimonials .content {max-width: 900px; margin: 0px auto;}
.talkspage .testimonials p {font-family: OpenSansRegular; font-size: 15px; margin: 20px auto;}
.talkspage .talkleft:first-child {border-top: 1px solid grey; padding-top: 40px;}
.talkspage .talkleft.borderbot {border-bottom: 1px solid grey; padding-bottom: 40px;}
.talkspage .talkleft {max-width: 1400px; margin: 0px auto; }
.talkspage .components {max-width: 900px; margin: 0px auto;}


@media(min-width: 780px){

    .talkspage h2 {font-size: 165%; margin-bottom: 30px;}
    .talkspage .talkleft .util_textbox_inner {display: flex; align-items: center; justify-content: center;}

}

@media (min-width: 779px){

.talkspage h2 {font-size: 140%;}
.talkspage .talkleft .util_textbox_inner {display: flex; align-items: center; justify-content: center;}

}

@media (min-width: 1080px){
    .parallax .pageheader { height:650px; margin: 30px 0px 0px 0px; background-attachment: fixed;}

}

@media(max-width: 1079px){

    .parallax .pageheader {height: 300px; margin-top: 20px; background-position: center; background-attachment: scroll; background-size: cover;}
}
@media(max-width: 746px){

    
}


/* Basket Page */

.shop_basket .basket {margin: 0px auto; }
.shop_basketpage .titletxt, .shop_basketpage h2 {text-align: center;font-size: 165%;color: #5B5B5B;text-transform: uppercase;letter-spacing: 1.8px; margin: 20px 0px;}
.shop_basket .basket tr th {text-align: right;border-top: 1px solid black;border-bottom: 1px solid black;}
.shop_basket .basket tr th.image, .shop_basket .basket tr th.name { text-align: left;}
.shop_basket .basket tr th.totaltotal { width: 100px; }
.shop_basket .basket .name {text-align: left;}
.shop_basket .basket tr td {height: 40px; text-align: right; }
.shop_basket .basket tr td.image, .shop_basket .basket tr td.name { text-align: left;}
.shop_basket .basket table {border: 1px solid black;border-top: none;border-bottom: none;margin: 0px auto;width: 90%;}
.shop_basket .basket input {max-width: 150px;background-color: #666;border: none;border-radius: 25px;margin: 5px 10px 5px 10px;}
.shop_basket .basket input[type=submit] { font-size: 100%; width: fit-content; padding: 8px 15px; }
.shop_basket .basket input:hover {background: #888888;}
.shop_basket .basket input[type=text] {background: white; border-radius: 0px; border: 1px solid black;  }
.shop_basket .basket .buttons {text-align: center; margin: 5px 0px;}
.shop_basket .basket .discount {text-align: center; margin: 30px 0px;}
.shop_basket .basket .buttons a {background: #666;  border-radius: 25px; color: white; padding: 8px 88px; margin: 0px 25px 0px 0px;}
.shop_basket .basket .updatebasket {margin: 10px 15px 15px 8px;}
.shop_basket tbody tr .image {/* text-align: center; */}
.shop_basket select { padding-right: 0px; width: fit-content;}

.shop_basket .complete { text-align: center; }

.errors {text-align: center; color: red;}

.shop_basket .basket .remove a { text-decoration: underline; }
.shop_basket .basket .remove a:hover { color: var(--textgrey); }

.shop_basket .basket tr td { padding: 5px; }
.shop_basket .basket tr th { padding: 5px; }


@media ( min-width: 1280px )
{
    .shop_basket .basket { max-width: 1240px; }
}
@media ( max-width: 1279px )
{
    .shop_basket .basket { max-width: 96%; }
}

@media(min-width: 703px){

    .shop_basket .basket table { width: 100%;}
}


@media(min-width: 525px){
    .total { width: 80px; max-width: 100px;}
}

@media(max-width: 524px){
    .shop_basket .basket table { width: 99%;}
}


.shop_basket .checkout #basketcheckoutform {max-width: 500px; margin: 0px auto;}
.shop_basket .checkout h2 {text-align: center;font-size: 165%;color: #5B5B5B;text-transform: uppercase;letter-spacing: 1.8px;margin: 50px 0px 30px 0px;}
.shop_basket .checkout .field_group > .label {font-size: 135%;color: #5B5B5B;text-transform: uppercase;letter-spacing: 1.8px;margin: 30px 0px 10px 0px;text-align: center;}
.shop_basket .checkout .label {margin: 10px 0px 5px 0px;}
.shop_basket .checkout .buttons { margin: 10px 0px; display: flex; justify-content: space-between;}
.shop_basket .checkout .buttons input { width: fit-content; padding: 8px 15px; background-color: #666; border: none;border-radius: 25px; font-size: 100%;}
.shop_basket .buttons input:hover {background: #888888;}


.shop_basket .confirm {margin: 0px auto; max-width: 701px; }
.shop_basket .confirm h2 {text-align: center;font-size: 135%;color: #5B5B5B;text-transform: uppercase;letter-spacing: 1.8px; margin: 20px 0px;}
.shop_basket .confirm tr th {text-align: right;border-top: 1px solid black; border-bottom: 1px solid black;}
.shop_basket .confirm .name {text-align: left;}
.shop_basket .confirm tr td {height: 40px;text-align: right;}
.shop_basket .confirm table {border: 1px solid black; border-top: none; border-bottom: none; margin: 0px auto; }
.shop_basket .confirm input {max-width: 300px;background-color: #666;border: none;border-radius: 25px;margin: 5px 10px;}
.shop_basket .confirm input[type=submit], .confirm input[type=button] { width: fit-content; padding: 8px 15px;  font-size: 100%;}
.shop_basket .confirm input:hover {background: #888888;}
.shop_basket .confirm input[type=text] {background: white;border-radius: 0px;border: 1px solid black;}
.shop_basket .confirm .buttons a {background: #666;  border-radius: 25px; color: white; padding: 8px 88px; margin: 0px 25px 0px 0px;}
.shop_basket .details { display: flex; justify-content: center; gap: 20px; padding: 20px 0px; flex-wrap: wrap; }
.shop_basket .details h2 { text-align: left;  }
.shop_basket .details>div {  border-right: 1px solid black; margin-right: 10px; padding-right: 20px; }
.shop_basket .details>div:last-of-type { border: none; margin: 0px; padding: 0px; }
.shop_basket .paymentform { text-align: center; padding-bottom: 20px; }
.shop_basket .discount, .voucher { text-align: center; margin-bottom: 20px; }
.shop_basket .discount { margin: 40px 0px 40px 0px; }
.shop_basket .payment .buttons { margin: 0px auto; display: flex; justify-content: center; }

@media(min-width: 703px){

    .shop_basket .confirm table {min-width: 701px;}
    .shop_basket .confirm table { width: 90%;}
}
@media ( max-width: 710px )
{
    .shop_basket .confirm { max-width: 96%; margin: 0px auto;}
    .shop_basket .confirm table { width: 100%; margin: 0px; overflow-y: scroll; width: 200px;}
    .shop_basket .details>div { width: 30%; }
}

@media(min-width: 550px){

    .shop_basket .confirm tr td {padding: 17px 10px 17px 40px;}
    .shop_basket .confirm tr th {padding: 10px 10px 10px 40px;}

}

@media(max-width: 549px){
    .shop_basket .confirm tr td {padding: 17px 10px 17px 10px;}
    .shop_basket .confirm tr th {padding: 10px 10px 10px 10px;}
    .shop_basket .confirm table { width: 99%;}
    .shop_basket .details>div { width: 100%; border: none; padding: 0px; margin: 0px;  }
    .shop_basket .confirm input { margin: 0px auto 20px auto;  display: block; }
}
@media(max-width: 360px){

    .shop_basket .confirm tr td {padding: 10px 5px 10px 5px;}
    .shop_basket .confirm tr th {padding: 10px 5px 10px 5px;}

}



/* Workshops */

.workshops {max-width: 1240px;}
.workshops .event_list h2 {display: none;}
.workshopinfo {text-align: center; padding-top: 20px;}
.workshopinfo a{text-align: center;background: #666; width:120px; margin: 0px auto; border-radius: 25px; padding: 10px 20px 10px 20px; font-weight: 500;color: white;text-transform: uppercase;}
.workshopinfo a:hover {background: #888888;}

/* Products */

.shop_product {padding: 0px 10px;}

/* Film print */

.filmprint li{ margin: 10px 0px; border-bottom: solid 1px black; padding: 10px 0px; max-width: 180px;}

/* Newsletter signup  */


.int_newsletter{padding: 60px 5px; background: #EDEDED; width: 100%; color: rgb(129, 129, 129); margin: 0px 0px 80px 0px;}
.int_newsletter .titletxt {width: 100%; text-align: center; color: rgb(129, 129, 129); font-family: OpenSansRegular; text-transform: uppercase; letter-spacing: 1.4px; font-size: 19px;}
.int_newsletter .label {display: none;}
.int_newsletter p {padding-bottom: 5px;}
.int_newsletter .smaller {font-size: 13px;}
.int_newsletter a { color: rgb(129, 129, 129); text-decoration: underline; }

.int_newsletter input {background-color: white; height: 40px; width: 100%; border: none;}
.int_newsletter .form  {justify-content: center;background:#D9D9D9;width: fit-content;margin: 0px auto;}
.int_newsletter .form .field_group>.input {display: flex;flex-wrap: wrap;justify-content: center;background:#D9D9D9;width: fit-content;margin: 0px auto;}
.int_newsletter .form  .field_select .input  { width: 97.5%; }
#fb-SubExtReference-div .input {display: flex; align-items: center; justify-content: center;}
.int_newsletter .form  .field_select .input select { border: none; outline: none; background-color: white; height: 40px; max-width: 290px; }
.int_newsletter .text {width: 100%; margin: 20px 0px;}
.int_newsletter input[type=submit]{ width: fit-content; margin: 0px auto; padding: 0px 20px; color: white; background: #666; }

.int_newsletter .firstname,.int_newsletter .surname, .int_newsletter .email,.int_newsletter .buttons{

padding: 20px 0px;
}

.int_newsletter fieldset { max-width: 1240px; margin: 0px auto; }
.int_newsletter .buttons { display: flex; align-items: center;}
#waitinglist-form label {display: none; }
#waitinglist-form .titletxt {display: none;   }
#waitinglist-form .surv_standard { background: unset; margin: 0px; padding: 0px;}
#waitinglist-form .message { color:red; }

.waitinglist:hover{background: #888888;}

.int_newsletter .field_captcha .input { width: fit-content; margin: 0px auto; }

@media(min-width:1191px){

    .int_newsletter .input {margin: 10px 10px; width: 250px;}
    .int_newsletter .buttons {/* padding-right: 55px; */}
    .int_newsletter .firstname{padding-left: 55px;}
    
}

@media(max-width: 1190px){

    .int_newsletter .input {margin: 10px 10px; width: 200px;}
    .int_newsletter .input .text { margin: 0px; }

}

@media(max-width:990px){

    .int_newsletter .buttons {padding-right: 0px;}
    .int_newsletter .firstname{padding-left: 0px;}

}
@media(max-width:670px){


    .int_newsletter .buttons input {margin: 0px auto;}
    .int_newsletter .input { margin: 10px;  }
    .int_newsletter .form { padding: 20px 0px; }
    .int_newsletter .buttons { padding-top: 5px; }
    .int_newsletter .form .field_group>.input {display: block; width: 100%;}
    .int_newsletter .input, .int_newsletter .form, .int_newsletter .form  .field_select .input { width: 100%; }
    .int_newsletter .form {padding-right: 20px;}
    .int_newsletter .form  .field_select .input select {max-width: 300px;width: 100%;}
}
@media(max-width:438px){

    /* .int_newsletter .input {margin: 10px 10px;width: 300px;} */
    .int_newsletter input[type=submit] { }
    /* .int_newsletter .firstname,.int_newsletter .surname, .int_newsletter .email,.int_newsletter .buttons{padding: 0px; } */
    /* .int_newsletter .buttons { padding: 0px 0px 20px 0px; } */
    #fb-SubExtReference-div .input {}

}

@media(max-width:425px){
    .int_newsletter .input {margin: 0px 10px 20px 10px;max-width: 330px;}
    .int_newsletter .form  .field_select .input {justify-content: center; max-width: 330px; width: 100%; margin: 0 auto;}
    .int_newsletter .form  .field_select .input select  {max-width: 330px; width: 100%; margin: 0 auto; }
    #fb-SubExtReference-div { margin-left: 20px; width: 95%;}
    .int_newsletter .field_captcha { padding: 10px 0px; }
}
@media(max-width:425px){
    #fb-SubExtReference-div { margin: 0 auto; width: 100%; margin-left: 10px;}
}



.ui-dialog .int_newsletter {padding: 20px;}
.ui-dialog .int_newsletter .firstname, 
    .ui-dialog .int_newsletter .surname, 
    .ui-dialog .int_newsletter .email, 
    .ui-dialog .int_newsletter .buttons { background: none;  padding: 0px 0px; }
.int_newsletter .message {width: 100%; text-align: center; color:red;}

@media(max-width: 800px){
    .ui-dialog {width: 100% !important;}
}
@media(max-width:440px){
    .ui-dialog {width: 98% !important;}

        .ui-dialog .int_newsletter .input {width: 200px;}
        .ui-dialog .int_newsletter {padding: 5px 0px 0px 0px;}
}


/* Booking pricing */

#fb-BookExtPayment-div {  width: 190px; font-size: 105%; margin: 0px auto; border: 1px solid var(--textgrey); padding: 20px;  }
#fb-BookExtPayment-div>.label { font-size: 120%; font-weight: 700; padding-bottom: 10px; text-align: center;}
#fb-BookExtPayment-div .input .radio { padding-bottom: 5px; }
#fb-BookExtPayment-div .input .radio input { float: right; width: 10%; }


/* Television */
.tv .util_container { display: flex; flex-direction: column; margin-bottom: 50px;}
.tv .util_container .introduction {flex: -1;}
.tv .util_container .toplinks {order: 1; text-align: center;}
.tv img {width: 500px; height: auto;}

#ui-datepicker-div {display: none !important;}




/* Elmley book */
.elmley100 h2 {line-height: 1.4;}
.elmley100 h3 {margin-bottom: 12px;}
.elmley100 .pagetitle {background-color: white; padding-bottom: 30px;}
.elmley100 .pagecomponents {max-width: 950px; margin: 0 auto;}
/* .elmley100 .pagecomponents .pagecomponents_inner div {margin: 0 0 50px 0;} */

.book-faq {max-width: 970px; width: 100%; margin: 0 auto 16px auto; padding: 0 10px; }
.book-faq > .link {background-color: #EDEDED; display: flex; justify-content: space-between; align-items: center; padding: 10px; }
.book-faq > .link a {font-weight: bold; font-size: 14px;}
.book-faq > .link i {margin-left: 10px;}
.book-faq > .text { padding: 10px;}

.shop_productlist.elmley-book {text-align: center;  width: fit-content; margin: 10px auto 30px auto;}
.shop_productlist.elmley-book .summary {  padding: 10px 20px; color: white; background-color: #666; }



/* Purchase book page */

.purchase h2 {line-height: 1.4;}
.purchase h3 {margin-bottom: 12px;}
.purchase .pageheader {margin-bottom: 20px;}
.purchase .pageheader_inner {background-color: white; padding-bottom: 16px; }
.purchase .pageheader_inner .title {margin-bottom: 16px; }
.purchase .pageheader_inner .subtitle {margin: 0;  font-size: 16px !important;}

.purchase .purchase-dates {max-width: 935px; width: 100%; margin: 0 auto; border-bottom: solid 1px #cccbcb;}
.purchase .purchase-dates .items {display: flex; justify-content: center; width: 100%; }
.purchase .purchase-dates .items .par {width: 100%; text-align: center;}
.purchase .purchase-dates .items .par h2 { font-size: 18px; margin-bottom: 10px;}

@media (max-width: 425px) {
    .purchase .purchase-dates .items {flex-direction: column;}
    .purchase .purchase-dates .items .par {margin: 0; padding: 0;}
    .purchase .purchase-dates .items .par h2 {font-size: 14px; line-height: 14px; margin-top: 10px;}
}

.purchase .book-intro {max-width: 935px; width: 100%; margin: 0px auto;}
.purchase .book-intro > .items {display: flex; gap: 50px; align-items: center;}
.purchase .book-intro > .items > * {width: 50%;}
/* .purchase .book-intro > .items > .util_container {margin-top: 50px;} */
.purchase .book-intro > .items .book-details {margin-top: 14px; padding-top: 30px; border-top: solid 1px #cccbcb;}
.purchase .book-intro > .items .book-details .items {display: flex; gap: 10px;}
.purchase .book-intro > .items .book-details .items > * {width: 50%;}
.purchase .book-details h3 {color: #5B5B5B !important; margin-bottom: 5px;}

@media (max-width: 850px) {
    .purchase .book-intro .book-info {padding: 50px 6px 0 0;}
}

@media (max-width: 600px) {
 .purchase .book-intro > .items {flex-direction: column; gap: 0;}
 .purchase .book-intro > .items > * {width: 90%;}
 .purchase .book-intro .book-info {padding: 0;}
}

.purchase .quote{max-width: 500px; margin: 50px auto; padding: 0 10px;}
.purchase .quote blockquote {max-width: 800px; width: 100%; margin: 0 auto; font-style: italic; color: #5b5b5b !important;}

.purchase .supporting {background-color: #ededed; padding: 10px 10px 40px 10px;}
.purchase .supporting .content {max-width: 800px; width: 100%; margin: 0 auto;}
.purchase .supporting h2 {margin-bottom: 10px;}

.purchase .narrative {max-width: 935px; width: 100%; margin: 50px auto; padding: 0 10px;}

.purchase .book-inside .images_container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; max-width: 935px; margin: 0 auto;}
.purchase .book-inside .images_container .image img { width: 100%; height: auto; display: block; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);}
.purchase .close {bottom: 22px !important; left: 51% !important;}

.purchase .gallery-text {max-width: 935px; width: 100%; margin: 10px auto 0 auto; padding: 30px 6px 0 6px;}
.purchase .gallery-text h2 {text-align: left; margin: 0 0 12px 0;}
.purchase .prints {max-width: 1200px; width: 100%; margin: 0 auto;}

.feat_lbgallery.prints ul.thumbnails { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 24px; padding: 0; list-style: none; margin: 0; }
.feat_lbgallery.prints ul.thumbnails li { display: flex; flex-direction: column; cursor: pointer; }
.feat_lbgallery.prints ul.thumbnails li .image { width: 100%; aspect-ratio: 3 / 4; overflow: hidden; }
.feat_lbgallery.prints ul.thumbnails li .image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: opacity 0.2s; }
.feat_lbgallery.prints ul.thumbnails li:hover .image img { opacity: 0.85; }
.feat_lbgallery.prints ul.thumbnails li .name { display: none; }
.feat_lbgallery.prints ul.thumbnails li .description { font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: #888780; padding: 8px 0 0; }
.feat_lbgallery.prints .divider { display: none; }

.feat_gallery img {width: 100%;}
.ui-dialog-titlebar-close .ui-button-text { font-size: 0 !important; }
.ui-dialog-titlebar-close .ui-button-text::after { content: '×'; font-size: 20px; color: #666; }

@media (max-width: 600px) {
  .purchase .book-inside .images_container {  grid-template-columns: 1fr; }
  .feat_lbgallery.prints .description {margin-left: 6px;}
}

.purchase .making-book {margin-top: 50px;}
.purchase .making-book, .purchase .preorder {background-color: #ededed; padding: 30px 10px;}
.purchase .making-book .std_content_inner, .purchase .preorder .std_content_inner {max-width: 935px; width: 100%; margin: 0px auto 0px auto; }
.purchase .making-book h2 {text-align: left; margin: 0 0 16px 0;}
.purchase .preorder {margin-top: 40px;}

/* .purchase .preorder { background-color: #ededed; padding: 40px 10px;} */

.purchase .book { border-bottom: solid 1px #cccbcb; padding: 0 10px;}
.purchase .book.last-book {border-bottom: none; }
.purchase .book.last-book .util_textbox_inner {padding-bottom: 0;}
.purchase .book ul, .book-product ul {display: flex; align-items: baseline; gap: 8px;}
.purchase .book ul > li, .book-product ul > li {min-width: 0;}
.purchase .book ul > li:first-child, .book-product ul > li:first-child {flex: 0 0 auto;}
.purchase .book ul > li:last-child, .book-product ul > li:last-child {flex: 1;}
.purchase .book ul > li > h3, .book-product ul > li > h3 {padding-top: 4px; font-size: 12px;}
.purchase .book ul h3, .book-product ul h3 {color: #5b5b5b;}
.purchase .book .content ul:last-of-type, .book-product ul:last-of-type {margin-bottom: 20px;}
.purchase .preorder .content  em, .book-product em {color: #5b5b5b;}

.purchase .book .util_textbox_inner {max-width: 935px; width: 100%; margin: 0 auto; padding-bottom: 30px;}
.purchase .book h2, .book-product h2 {text-align: left; margin-bottom: 12px;}
.purchase .book h3, .book-product h3 {color: #5b5b5b; margin-top: 10px;}
.purchase .book .link {margin-top: 20px; margin-bottom: 20px;}
.purchase .book a {background-color: #666; color: white; text-transform: uppercase; padding: 12px 20px; border-radius: 50px;}

.book-product > .info {flex-direction: column; gap: 0;}
.book-product > .info form {order: 1;}
.book-product > .info .description {order: 2; border-top: 1px solid #5b5b5b; padding-top: 50px;}

.book-product.deluxe {display: flex; flex-direction: column;}
.book-product.deluxe .top_components {order: 2;}
.book-product.deluxe .info {order: 1;}
.book-product .info .image {margin: 0 auto; text-align: center;}
.book-product .info .image img {max-width: 450px; width: 100%; height: auto;}


.book-product, .purchase-book {display: block; }