/* Browser reset */
* {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: Glacial; font-size: 100%; line-height: 1.2; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
a { color:#000000; text-decoration: none; font-weight: normal; }
a:hover { color: var(--hoverlinks); }
.headtitle a:hover { color: #000000; }
ul, ol { padding: 0px; margin: 0px; }
li { list-style-type: none; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { padding: 0px 10px 10px 0px; margin: 0px; font-size: 100%; font-weight: normal; color: #000000; font-family: Cinzel; }
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: Glacial; }
input[type=text], input[type=password]  { height: 30px; }
input[type=button], input[type=submit], .events .footerlinks a, .event_ihgspage .button { cursor: pointer; background-color: #000000; color: #ffffff; padding: 10px 20px 10px 20px; }
select { height: 30px; padding-right: 30px; background-image: none; background-repeat: no-repeat; background-position: right 10px center; }
p { padding: 0px 0px 10px 0px; margin: 0px; font-family: Glacial; line-height:1.3;}
strong { font-weight: normal; font-family: Glacial-Bold; }
table { border-spacing: 0px; }
td, th { padding: 0px; text-align: left; vertical-align: top; }
.hidden { display: none; }
.spacer { display: none; }
textarea:focus, input:focus{ outline: none;}
.std_newsarticlea .abstract {display: none;}
.shop_categorylist .bgimage { display: none !important; }

/* Colours */

:root
{
    --blue: #0642DA;
    --lightblue:#5E7491; 
    --text: #354D62;
    --yellow: #FDC638;
    --gray: #E8E8E8;
	--grey: #F3F1EE;
	--links: #1D4B70;
	--hoverlinks: #42A9FC;
}

/* Fonts */

/*@font-face { font-family: PTSerif; src: url("/library/fonts/PTSerif/Regular.otf") format("opentype"); }
@font-face { font-family: PTSans; src: url("/library/fonts/PTSans/Regular.otf") format("opentype"); }
*/
@font-face { font-family: Cinzel; src: url("/library/fonts/Cinzel/Regular.otf") format("opentype"); }
@font-face { font-family: Cinzel-Bold; src: url("/library/fonts/Cinzel/Bold.otf") format("opentype"); }
@font-face { font-family: Glacial; src: url("/library/fonts/GlacialIndifference/Regular.otf") format("opentype"); }
@font-face { font-family: Glacial-Bold; src: url("/library/fonts/GlacialIndifference/Bold.otf") format("opentype"); }

.layoutheader .bluebar { font-family: Glacial-Bold; background: var(--blue); color: white; font-size: 14px;padding: 10px 10px; }
.layoutheader .bluebar a {color: white; font-size: 14px;font-family: Glacial-Bold;  }
.layoutheader .bluebar p {padding: 0px;/* margin: 0px 10px 0px 0px; */font-family: Glacial-Bold;}
.layoutheader .bluebar .basket-icon i{font-size: 18px;}

@media (min-width: 701px){

    .layoutheader .bluebar .content {gap: 10px; font-family: 'Glacial-Bold';display: flex;margin: 0px auto;max-width: 1000px;justify-content: center;align-items: center;}
    .layoutheader .bluebar .phone {min-width: 200px;}
	.layoutheader .bluebar .email {width: 600px;}
    .layoutheader .bluebar .signin {min-width: 70px; text-align: right;}
	.layoutheader .bluebar .register{min-width: 150px; text-align: right;}
	.layoutheader .bluebar .basket-icon {min-width: 40px; text-align: center; }
}
@media (max-width: 700px){

    .layoutheader .bluebar .phone, .layoutheader .bluebar .email, .layoutheader .bluebar .signin, .layoutheader .bluebar .register { text-align: center; padding: 5px 0px;}
	.layoutheader .bluebar .basket-icon {width: 16px; text-align: center; margin: 10px auto;}

}

.layoutfooter .nav_multilevel i {display: none;}

.layoutheader .logo {max-width: 120px; margin-top: 10px;}
@media(min-width:955px){

	.layoutheader .logo {margin-right: 20px;}

}

.layoutheader .logo img {max-width: 120px; height: auto;}
.layoutheader .headtitle .titletxt { font-family: Cinzel-Bold;}
.layoutheader .headtitle h3 {font-size: 24px;color: var(--blue);border-top: solid 3px var(--yellow); max-width: 390px; padding-top:10px;}
.layoutheader .whitesec {max-width: 1100px; margin: 0px auto;}
.layoutheader .whitesec .link214, .layoutleft  .link31 .expand, .layoutleft .link31 .level2 {display: none;}
.layoutheader .headtitle {font-size: 28px;}

.layoutheader .nav_multilevel ul {display: flex;justify-content: space-between;max-width: 980px;margin: 0px auto;padding: 0px 5px;}
.layoutheader .nav_multilevel {width: 100%;/* padding: 0px 5px; */}
.layoutheader .nav_multilevel a {font-size: 18px;font-family: 'Glacial';}
.layoutheader .nav_multilevel a:hover {color: var(--lightblue);}
.layoutheader .nav_multilevel .level1 li {padding: 10px 0px 13px 0px;}
.layoutheader .nav_multilevel .level2 a {color: white; font-size: 15px; /* font-family: PTSans; */ font-weight: 400;}
.layoutheader .nav_multilevel .level3 {display:none;}
.layoutheader .nav_multilevel .level2 {display: none;}



@media(max-width: 955px){


	.headtitle h3 {text-align: center; margin: 0px auto;}
}


@media(min-width: 941px){

    .layoutheader .nav_multilevel { margin-left: 50px;}
    .layoutheader .toggle {display: none;} 
    .layoutheader .whitesec .items {display: flex; flex-wrap: wrap; align-items: center; justify-content: left;}
	.layoutheader .nav_multilevel .level1 li:hover .level2{display:block;top: 226px;top: 239px;/* top: 267px; */position: absolute;z-index: 99;background: rgba(26,74,113,.8);padding-bottom: 5px;}
	.section2.section1 .layoutheader .nav_multilevel .level1 li:hover .level2 { top:239px; }
	.layoutheader .nav_multilevel .level2 li:hover {background: rgba(81,117,149,1);}
	.layoutheader .nav_multilevel .level2 li { padding: 10px 40px 10px 40px; }


}

@media(min-width: 833px){
	.selected {border-bottom: 4px solid var(--blue);}
	.selected a {color: var(--blue);}
	.nav_multilevel .level2 .selected {border-bottom: none;}
	.nav_multilevel .level2 .selected a {border-bottom: 4px solid var(--blue);padding-bottom: 5px;}
    .layoutheader .toggle {display: none;} 
    .layoutheader .whitesec .items {display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
	.layoutheader .nav_multilevel i {display: none;}

}

@media (max-width: 832px){

	.layoutheader .nav_multilevel i {font-size: 20px;position: absolute;right: 10px;}
	.layoutheader .nav_multilevel .level2 i {font-size: 20px;position: relative;left: 47%; top: -20px;}


	.layoutheader .whitesec .items {display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}

    .layoutheader .toggle {position:absolute;top:95px;right:55px;cursor:pointer;}
    .layoutheader .toggle img{width: 45px; height: 45px;}
    .layoutheader .toggleon ul{display:block; position: absolute; top: 196px; left: 0px; width: 100%; background:rgba(26,74,113,0.96); z-index: 50; text-align: center;}
	.layoutheader .toggleon ul.level2, .layoutheader .toggleon ul.level3 {background: var(--blue); position: relative; top: 10px; padding: 10px 0px;}
	.layoutheader .toggleon ul.level3  {background: var(--gray);}
	.layoutheader .toggleon ul.level3 a {color: black;}
	.layoutheader .toggleon ul.level2 a {padding: 0px 35px 0px 35px; text-align: center; display: block;}
	.layoutheader .toggleon li{padding: 10px 5px 10px 5px; }
    .layoutheader .toggleon li a, .layoutheader .toggleon li .expand{color: white;}
    .layoutheader .toggleoff ul{display:none;}
    .layoutheader .headtitle {font-size: 28px; width: 100%; text-align: center;}
    .layoutheader .gold-line {margin: 0px auto; max-width: 100%;}

}

/* Position of burger menu icon as devices get smaller */
 @media(max-width: 701px){

    .layoutheader .toggle {position:absolute;top:185px;right:45px;cursor:pointer;}
    .layoutheader .toggleon ul{display:block; position: absolute; top: 325px; width: 100%; background-color: rgba(26,74,113,0.96); z-index: 50; text-align: center;}


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

    .layoutheader .toggle {position:absolute;top:185px;right:25px;cursor:pointer;}
    .layoutheader .toggleon ul{display:block;position: absolute;top: 325px;width: 100%; background-color: rgba(26,74,113,0.96);z-index: 50;text-align: center;}


} 

/* Main page content */



/* Left & right Menu */
.layoutleft .nav_multilevel .links { width: 200px}
.layoutleft .nav_multilevel li, .layoutright .nav_multilevel li {margin-bottom: 16px;}
.layoutleft .nav_multilevel li a, .layoutright .nav_multilevel li a  { font-size: 16px;}

.layoutleft .nav_multilevel .level2 {display:none;}

/* Breadcrumb */

.layoutbreadcrumb {background: var(--grey); padding: 10px;}
.layoutbreadcrumb .nav_breadcrumb {max-width: 1000px;margin: 0px auto;font-size: 14px;}

/* Homepage Carousel */

.homecar {position: relative;overflow: hidden; max-width: 2000px;margin: 0px auto; background-color: var(--blue);clear: both; height: 475px;}
.homecar .carousel ul { width: 20000em; position: relative;}
.homecar li { float: left; text-align: center;}
.homecar .util_textbox {padding-top: 476px; background-size: cover;}
.homecar .util_textbox .content {min-height:190px;padding: 25px 15px;background: #0642DAbb;margin-left: 50%;bottom: 230px;position: relative;color: white;}
.homecar .util_textbox .content h2 {color: white; margin-bottom: 0px;text-align: left; font-family: Cinzel-Bold;}
.homecar .util_textbox .content h3  {color: white; font-size: 29px; margin-bottom: 0px;text-align: left; font-family: Cinzel-Bold;}
.homecar .util_textbox .content p {color: white; text-align: left; font-family: Glacial; font-size: 150%; font-family: Glacial-Bold; margin-bottom: 10px;}

@media(min-width: 751px){

	.homecar .util_textbox .content h2 {font-size: 32px;}


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

	.homecar .util_textbox .content {max-width: 700px;}
	.homecar .util_textbox .content h2 {font-size: 25px;}
	.homecar .util_textbox .content p {margin-bottom: 0px; font-size: 18px;}

}
@media(min-width: 776px){

	.homecar .util_textbox .content {max-width: 568px;}

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



	.homecar .util_textbox .content {width:calc(100vw - 20px);left: 0;margin-left: 0px;bottom: 190px;}


}

@media(min-width:541px){

	.homecar .util_textbox .content {padding: 25px 15px;}


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


	.homecar .util_textbox .content {padding: 25px 5px;}
}
@media(max-width:510px){


	.homecar .util_textbox .content {padding: 15px 5px;}
}



/* Home page content - Welcome & Course dates */


/* REMOVE WHEN CHANGING THE DISCOUNTS */
.home .greysection .items{position: relative; padding: 0 20px;}
.home .greysection .welcome .content p:last-of-type{ position: absolute; right: 25px; bottom: 30px;}
.home .greysection .welcome .content p:nth-last-child(2){position: absolute; right: 25px; bottom: 75px; max-width:45%;}

@media(max-width:1000px){

	.home .greysection .welcome .content p:last-of-type{ bottom: 5px;}
	.home .greysection .welcome .content p:nth-last-child(2){ bottom: 55px;}
}
/* REMOVE WHEN CHANGING THE DISCOUNTS */


@media(max-width:820px){
	.home .greysection .welcome .content p:last-of-type,.home .greysection .welcome .content p:nth-last-child(2){ position: initial; right: unset; bottom: unset; max-width: unset;}	
}



@media(min-width:561px){

	.greysection>.items {gap:50px;}


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

	.greysection>.items {gap: 10px;}


}
@media(min-width: 576px){


	.greysection .welcome, .greysection .courses { width: 50%; }

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

	.greysection>.items {flex-wrap: wrap; justify-content: center;}
	.greysection .welcome, .greysection .courses { padding: 0px 10px; }

}

.greysection {background:var(--grey); padding: 16px 0px;}
.greysection>.items {margin: 16px auto; max-width: 1100px;display: flex;  }
.greysection .welcome h2 {font-size: 175%; color: var(--text); font-family: Glacial; margin-bottom:10px; }
.greysection .courses h2 {font-size: 175%; color: var(--text); margin-bottom: 0px; }

.greysection .welcome .content p { font-size: 115%; }
.greysection .welcome ul {margin-bottom:40px; }
.greysection .welcome ul li {list-style-type:none;font-size: 115%;}
.greysection .welcome ul li:before { content: '-'; margin-right: 10px;}

.greysection .welcome a {background-color:var(--blue); color: white; padding: 8px 10px; border-radius: 5px; ;}
.greysection .welcome a:hover {background-color: var(--yellow); color: var(--text);}
.greysection .welcome .button {margin: 30px 0px 10px 0px; text-align: center;}
.greysection .welcome img {width: 100%; height: auto;} /* not required */

.greysection .courses .items {display: flex; flex-wrap: wrap; max-width: 506px;}
.greysection .courses .coursedates { margin: 0px 0px 20px 0px;}
.greysection .courses .coursedates li {margin: 20px 0px;}
.greysection .courses .coursedates .name {color: var(--text); font-size: 115%; font-family:  Glacial-Bold;}
.greysection .courses .coursedates .venue {margin: 7px 0px;}
.greysection .courses .coursedates .link a { color: var(--lightblue); font-family: Glacial-Bold; font-size: 115%;}
.greysection .courses .coursedates .link a:hover { text-decoration: underline; }

.greysection .courses .offices {background: var(--blue);padding: 16px 15px;padding-top: 16px;}
.greysection .courses .offices h2 {color:white;}
.greysection .courses .offices a { color: white; text-decoration: underline;}
.greysection .courses .offices a:hover { color: var(--yellow);}
.greysection .courses .offices p {color: white; font-size: 115%; margin: 0px;}
.greysection .courses .offices #button{display: inline-block;  margin-bottom: 10px;}


.greysection .courses .int_newsletter {width: 100%;}
.greysection .courses .int_newsletter h2 {color: white;}


.home .courses .int_newsletter {margin-top:30px;background: var(--blue);padding: 20px; }
.home .courses .int_newsletter h2 { margin-bottom:10px;}
.home .courses .int_newsletter .label {display: none;}
.home .courses .int_newsletter .email input {width: 70%;background: white;padding: 15px;border: none;height: 40px;font-size: 115%;}
.home .courses .int_newsletter .buttons input {top: -40px;border: none;background: var(--yellow);color: black;height: 40px;width: 30%;font-size: 115%;left: 69%;}
 
@media(min-width: 701px){

	.home .courses .int_newsletter .buttons input {position: relative; padding: 6px;}
}
@media(max-width: 701px){

	.home .courses .int_newsletter .buttons input {padding: 0px 0px; margin-top: 10px; width: 70%;}
}

@media(max-width: 690px){

	
	.home .courses .int_newsletter .buttons input {position: relative;top: 5px;padding: 6px;border: none;background: var(--yellow);color: black;height: 40px;width: 100px;font-size: 115%;left: 0%;}


}


@media (min-width:981px){



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

    .courses h2 {text-align: center;}
    .welcome {margin: 0px auto; padding: 0px 10px;}

}

/* Mini Menu */

.minimenu {margin: 10px 0px;}
.minimenu .items {display: flex; justify-content: space-evenly; max-width: 1170px; margin: 0px auto; flex-wrap: wrap;}
.minimenu .util_textbox {max-width: 264px; color: white; margin-top: 15px;}
.minimenu .util_textbox img {max-width: 264px; height: auto;}
.minimenu .util_textbox h2 {min-height: 70px; font-size: 20.8px; font-family: Cinzel-Bold; color: white; padding: 10px 0px; font-weight: normal;}
.minimenu .util_textbox {background: var(--text);}
.minimenu .util_textbox:nth-child(2){background: var(--blue);}
.minimenu .util_textbox:nth-child(3){background: #6A98BD;}
.minimenu .util_textbox:nth-child(4){background: #276596;}
.minimenu .util_textbox .content {padding:10px 15px;}
.minimenu .util_textbox .content p {font-family: Glacial; color: white; margin: 0px;}

@media(min-width: 548px){

	.minimenu .util_textbox {max-width: 264px;}
	
	}
@media(max-width: 547px){

.minimenu .util_textbox {max-width: 100%;}
.minimenu .util_textbox .imagetop {text-align: center; margin-top: 20px;}

}
/* News and events container */

.newsevents {background: var(--grey); max-width: 1130px; margin: 0px auto 20px auto; padding: 16px 22px;}
.newsevents .items {display: flex; gap: 50px;}
.newsevents .list_article {width: 50%; }
.newsevents .event_list {width: 50%;}
.newsevents .event_list h2, .newsevents .list_article h2 {font-size: 150%; margin-bottom: 0.5em;color: var(--text); font-family: Cinzel-Bold;}

.newsevents .list_article .created {margin-top:15px;}
.newsevents .list_article .created, .newsevents .event_list .date { margin-bottom: 7px;}
.newsevents .list_article .headline a {color: var(--text);font-family: Glacial-Bold;font-size: 115%;padding-bottom: 10px;}
.newsevents .list_article .article {border-bottom: solid 1px #eae6e1;/* padding: 9px 0px; */}
.newsevents .list_article .footerlinks {margin-top: 50px;}
.newsevents .event_list .footerlinks { margin-top: 27px;}

.newsevents .event_list .event {padding: 9.2px 0px;}
.newsevents .link a {font-family: Glacial-Bold;color: var(--lightblue);font-size: 115%; } 
.newsevents .link:hover a {text-decoration: underline;}
.newsevents .event_list .name{color:var(--text);font-size: 115%; font-family: Glacial-Bold; padding-bottom: 10px;border-bottom: solid 1px #eae6e1;}

@media (max-width: 562px) {
	.newsevents .list_article, .newsevents .event_list { width: 100%; }
	.newsevents .items { display: block; }
	.newsevents .list_article .footerlinks { margin-bottom: 50px; }
}

/* Footer */

.layoutfooter {background: var(--blue); padding: 20px 5px 15px 5px;}
.layoutfooter .layoutfooter_inner {display: flex;flex-wrap: wrap;justify-content: space-between;max-width: 1130px;margin: 0px auto;align-items: center;} 
.layoutfooter .nav_multilevel {padding: 25px 0px; width: 100%;}
.layoutfooter .nav_multilevel ul {display: flex; justify-content: space-evenly; max-width: 1000px; margin: 0px auto; flex-wrap: wrap;}
.layoutfooter .nav_multilevel li {margin: 10px 10px;}
.layoutfooter .nav_multilevel a {color: white; font-size: 95%;}
.layoutfooter .nav_multilevel a:hover {text-decoration: underline;}
.layoutfooter .nav_multilevel .level2, .layoutfooter .nav_multilevel .level3, .layoutfooter .nav_multilevel .toggle { display: none;}

.layoutfooter .legal {width: 100%; padding: 10px 0px; color: white; }
.layoutfooter a {color: white;}
.layoutfooter .legal .content {display: flex; justify-content: space-between; flex-wrap: wrap;}

.layoutfooter .int_newsletter {color: white;width: 283px;}
.layoutfooter .int_newsletter h2 {color: white; font-family: Glacial;}
.layoutfooter .int_newsletter .label {display: none;}
.layoutfooter .int_newsletter .input input {background: white;padding: 16px 5px;border: none;height: 40px;width: 100%;}
.layoutfooter .int_newsletter .buttons {position: relative;}
.layoutfooter .int_newsletter .buttons input, .layoutfooter .int_newsletter .buttons a {background: var(--yellow); padding: 5px; border: none; height:40px;color: var(--text); }

.layoutfooter .socials ul {display: flex; justify-content: space-evenly;}
.layoutfooter .socials li {margin: 0px 5px;}
.layoutfooter .socials a { font-size: 30px; color:white;}
.layoutfooter .socials a:hover { color: var(--yellow);}
.layoutfooter .socials .link3 img {height: 31px; width: auto; display: block; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(100%); margin-left: 5px;}


.layoutfooter .location p {color: white;}

.beachshore {display: none;}

@media(max-width:500px){

.layoutfooter .nav_multilevel ul li{width: 100%; text-align: center; margin: 10px 0px;}
.layoutfooter .nav_multilevel {border-bottom: 1px solid white; margin-bottom: 10px; padding: 10px 0px;}

}

@media(min-width:691px){



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

	.int_newsletter{width: 100%; text-align: center;}
	.layoutfooter .int_newsletter .buttons {position: static; display: block; text-align: center; margin: 10px auto;}
	.layoutfooter .location {width: 100%; text-align: center;}
	.layoutfooter .socials {text-align: center; margin: 30px auto;}
	.layoutfooter .legal .content{text-align: center; justify-content: center;}
	.int_newsletter{width: 100%; text-align: center; margin: 0px auto;}

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

	.socials{width: 100%; text-align: center;}
	.int_newsletter{width: 100%; text-align: center; margin: 0px auto;}



}



/* Content Page Styling */

.shop_orderhistory {max-width: 1070px;margin: 40px auto 40px auto; padding: 0px 10px 0px 10px; }
@media (min-width: 1000px)
{
	.std_contentpage .content, .customhtmlpage, .event_ihgspage {max-width: 700px;margin: 40px auto 40px auto;}
	.shop_orderhistory {padding: 0px 25px 0px 75px;}
	.section27 .std_contentpage .content, .section29 .std_contentpage .content, .section30 .std_contentpage .content  {margin: 0px 0px 0px 0px;}
}

/* HAD TO TURN OFF AS TOO GENERIC 
.std_contentpage .content {padding-top: 3em;} */
.std_contentpage .pageheader img, .customhtmlpage .pageheader img, .event_ihgspage .pageheader img, .shop_basketpage img {width: 100%;height: auto;}

.std_contentpage h1, .customhtmlpage h1, .event_ihgspage h1, .shop_basketpage h1 {color: var(--text);font-size: 1.5em;padding-top: 10px;margin-bottom: 1em;font-family: Glacial;}
.std_contentpage h2, .std_newsarticlea h2 {color: var(--text);font-size: 115%;}
.std_contentpage p, .std_newsarticlea p {margin-bottom: 1em;}
.std_contentpage strong, .std_newsarticlea strong { font-family: Glacial-Bold;font-weight:bold;}
.std_contentpage .standfirst {font-size: 115%;font-weight: bold;margin-top: 30;}
.std_contentpage .pagecontent ul, .std_newsarticlea ul { margin: 10px 0px 10px 15px; }
.std_contentpage .pagecontent ul li, .std_newsarticlea ul li  {list-style-type: disc; margin: 15px 0px;}
.std_contentpage .pagecontent ol li, .std_newsarticlea ol li {list-style-type: decimal; margin: 15px 0px;}
.std_contentpage .content li {margin-bottom: 15px;}

.std_contentpage .pagecontent table, .std_newsarticlea table { width: 100%; border-left: 1px solid black; border-top: 1px solid black; }
.std_contentpage .pagecontent td, .std_newsarticlea td { border-right: 1px solid black; border-bottom: 1px solid black; padding: 5px;}

/*********************************************************************************/
/* New page layouts - all page headers now background images              */
/*********************************************************************************/
.std_contentpage .pageheader, .customhtmlpage .pageheader, .event_ihgspage .pageheader, .std_newsarticlea .pageheader, .shop_basketpage .pageheader {background: #e1ddd8;background: var(--grey);/* padding-bottom: 10px; */}
.std_contentpage .pagetitle .pagetitle_inner, .customhtmlpage .pagetitle .pagetitle_inner, .event_ihgspage .pagetitle .pagetitle_inner, .shop_basketpage .pagetitle .pagetitle_inner {font-size: 32px;font-weight: 700;color: var(--text);display: table;}

.layoutmiddle {padding-top: 370px;padding: 370px 10px 0px 10px;display: flex;width:100%;max-width: 1200px;gap: 40px;justify-content: space-between;margin: 40px auto 40px auto;}
/* For pages with header but no submenus */
.layoutmiddle .layoutcontent {flex-grow: 1;}
.std_contentpage .pageheader, .customhtmlpage .pageheader, .event_ihgspage .pageheader, .std_newsarticlea .banner, .shop_basketpage .pageheader {width: 100%;position: absolute;top: 267px;left: 0;height: 370px;}
.std_contentpage .pageheader .banner, .customhtmlpage .pageheader .banner, .event_ihgspage .pageheader .banner, .std_newsarticlea .banner, .shop_basketpage .banner {max-width: 2000px;height: 305px;margin:0px auto 0px auto;background-size: cover;}
.std_contentpage .pagetitle, .customhtmlpage .pagetitle, .event_ihgspage .pagetitle, .shop_basketpage .pagetitle {background: var(--grey);padding-left: 20px;}
.std_contentpage .pagetitle .pagetitle_inner, .customhtmlpage .pagetitle .pagetitle_inner, .event_ihgspage .pagetitle .pagetitle_inner, .shop_basketpage .pagetitle .pagetitle_inner {margin-top: 0;padding: 10px 10px 10px 10px;width: 100%;}
.section2 .layoutmiddle {padding: 0px 0px 0px 0px;display: block;max-width: unset;margin: 0px 0px 0px 0px;}
.section32 .layoutmiddle {padding: 295px 0px 0px 0px;max-width: unset;}

@media ( min-width: 1000px )
{
	.std_contentpage .pagetitle .pagetitle_inner, .customhtmlpage .pagetitle .pagetitle_inner, .event_ihgspage .pagetitle, .shop_basketpage .pagetitle .pagetitle_inner {max-width:1380px;margin: 10px auto 10px auto;padding: 0px;}
}
@media(max-width:1020px) {
	.std_contentpage .pageheader .pagetitle_inner, .customhtmlpage .pageheader .pagetitle_inner, .event_ihgspage .pageheader .pagetitle_inner, .shop_basketpage .pagetitle .pagetitle_inner {top: 364px;}
}
@media(max-width:970px) {
	.std_contentpage .pageheader, .customhtmlpage .pageheader, .event_ihgspage .pageheader, .std_newsarticlea .pagebanner, .shop_basketpage .pageheader {top: 275px;}
}
@media(max-width:940px) {
	.std_contentpage .pageheader, .customhtmlpage .pageheader, .event_ihgspage .pageheader, .std_newsarticlea .pagebanner, .shop_basketpage .pageheader {top: 373px;}
}
@media(max-width:850px) {
	.layoutmiddle {display: block;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px; padding-top: 370px;}
	
	.layoutmiddle .layoutleft { background: var(--grey); padding: 20px; margin: 0px 0px 20px 0px; }
	.std_contentpage .pagecontent, .std_contentpage .pagecomponents { margin: 0px 10px 0px 10px; }
	.right_menu { margin: 40px 10px 20px 10px;}
}
@media(max-width:818px) {
	.std_contentpage .pageheader, .customhtmlpage .pageheader, .event_ihgspage .pageheader, .shop_basketpage .pageheader {display: block;position: static;height: auto;}
	.layoutleft { display: none; }
	.section2 .layoutmiddle .std_contentpage .pageheader {display: none;}

	.section32 .layoutmiddle {display: block;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;}
	.std_newsarticlea .pagebanner { display: block; position: static; }
}
@media ( max-width: 820px )
{
	.layoutmiddle { padding-top: 0px; }
}

/*********************************************************************************/
/* Content page buttons												             */
/*********************************************************************************/

@media(max-width: 450px){
	.std_contentpage.long-buttons p a#button {background: none; text-decoration: underline; color: black; padding: 0px;}


}
.std_contentpage p a#button { background-color: var(--lightblue); color: white; padding: 10px 15px; border-radius: 25px; }
.std_contentpage p a#button:hover { background: var(--yellow);}



/*********************************************************************************/
/* Content Table                                                                 */
/*********************************************************************************/
.contenttable,
.qualtable {
	display: inline-block;
	width: 100%;
	margin: 1em 0;
}
.qualtable {
	font-family: 'PT Sans', sans-serif;
}
.contenttable th,
.contenttable td {
	font-size: 95%;
	padding: .5em;
}
.contenttable th {
	text-align: center;
	background: #ab9d87;
	color: #FFF;
}
.contenttable td {
	text-align: left;
	background: #eae6e1;
	color: #333;
}
.qualtable th,
.qualtable td {
	font-size: 95%;
	padding: .5em;
	text-align: center;
	vertical-align: middle;
}
.qualtable th {
	background: #a09078;
	color: #FFF;
}
.qualtable td {
	background: #eae6e1;
	color: #333;
}
.qualtable .blank {
	background: #FFFFFF;
}
.qualtable .red {
	background: #e60000;
}
.qualtable .gold {
	background: #e6b800;
}
.qualtable .green {
	background: #00b300;
}
.qualtable .blue {
	background: #517595;
}
.qualtable .purple {
	background: #993399;
}
.qualtable .purple2 {
	background: #8f246b;
}
.qualtable .qual {
	background: #ffeb99;
	font-weight: bold;
	color: #806600;
}
.qualtable .direct {
	background: #FFFFFF;
	font-weight: bold;
}
.qualtable .desc {
	font-size: 80%;
}

/* News & Blogs */

.newsblogs .list_article .list {display:flex;justify-content: center;flex-wrap: wrap;gap: 20px 20px;} 
@media (min-width: 818px){
	.newsblogs .list_article .list {padding: 85px 0px 0px 0px;}
}
.newsblogs .list_article .article { border: 2px solid var(--gray); padding: 10px 15px; width: 310px;}
.newsblogs .list_article .article .image { width: 275px; height: auto;}
.newsblogs .list_article .article .image img { max-width: 100%; min-width: 100%; height: auto; }
.newsblogs .list_article .article h3 {margin-top:5px; padding: 0px 0px 5px 0px;}
.newsblogs .list_article .article h3 a { color: var(--text); font-size: 125%;}
.newsblogs .list_article .article .created { font-size: 95%; margin-bottom:10px;}
.newsblogs .list_article .article .link { margin: 20px 0px; }
.newsblogs .list_article .article .link a { background-color: var(--blue); color: white; padding: 8px 10px;}


.std_newsarticlea .datetime{ text-align: center; margin: 15px auto; color: var(--blue);}
.std_newsarticlea .image {text-align: center;}
.std_newsarticlea h1 {text-align: center; font-size: 25px; margin: 0px 0px 10px 0px; color: var(--text); font-weight: bold;}
.std_newsarticlea img {max-width: 500px;height: auto;}
@media (max-width: 600px){
	.std_newsarticlea img { width: 100%; }
}
.std_newsarticlea .article {max-width: 900px; margin: 20px auto; padding: 0px 5px;}
.std_newsarticlea .headline {background: var(--grey); padding: 20px;}

@media ( min-width: 900px)
{
	.newsblogs .pagecomponents, .calendar .pagecomponents { max-width:1000px; margin: 30px auto;}
	.newsblogs .list_article .article .link a:hover { background-color: var(--yellow); color: var(--text);}
}


/* Student sign in */

.memb_loginbox .errors {color: red; text-align: center; margin-bottom: 15px;}


.memb_loginbox {width: 100%; max-width: 400px; margin: 30px auto;}
.memb_loginbox .fieldemail, .memb_loginbox .fieldpw {text-align: start; display: flex; flex-direction: column; gap: 10px; margin-bottom:20px; justify-content: center;}
.memb_loginbox .fieldemail input, .memb_loginbox .fieldpw input {width: 100%;}
.memb_loginbox .fieldemail .input, .memb_loginbox .fieldpw .input {width: 100%;}
.memb_loginbox .fieldemail label, .memb_loginbox .fieldpw label { display: block;}


.memb_loginbox .titletxt { font-size: 28px; margin-bottom:20px; text-align: center;}
.memb_loginbox .loggedin .titletxt {display: none;}
.memb_loginbox .login { margin-top:20px; text-align: center;}
.memb_loginbox .login input {background: var(--yellow); border: none; color: black; width: 100%; }
.memb_loginbox .forgotpw {display: block;width: 180px;margin: 40px 0 10px 0;font-size: 90%;}
.memb_loginbox .register{display: block;margin: 20px 0 20px 0;font-size: 90%; width: fit-content;}
.memb_loginbox  .register a{display: inline-block; background: var(--yellow); color: black; padding: 10px 20px 10px 20px; border: none;}


.memb_loginbox .introduction h3{text-align: center; font-size: 22px; }
.memb_loginbox .loggedin ul li {margin: 6px auto; max-width: 250px;}
.memb_loginbox .loggedin ul li a {background: var(--yellow);display: block;padding: 5px;text-align: center;}
.memb_loginbox .loggedin ul li a:hover {color: black;}
.memb_loginbox .logout input {background: var(--yellow); border: none; color: black; width: 250px; padding: 5px;}
.memb_loginbox .logout {text-align: center;}
.memb_loginbox .loggedin .status {margin: 25px 0px 10px 0px; text-align: center;}

.memb_account h1{font-size: 28px; color: black;}
.memb_account .text { margin: 30px auto; text-align: center; }
.memb_account .form fieldset{background: var(--blue); max-width: 600px; margin: 40px auto; padding: 40px 20px;color: white;}
.memb_account .form fieldset input, .memb_account .form fieldset textarea, .memb_account .form fieldset select {background: white; width: 100%; margin: 10px 0px;}
.memb_account .form fieldset div {max-width: 400px; margin: 0px auto;}
.memb_account .form fieldset label {font-size: 20px; color: white;}
.memb_account .form fieldset #fb-14-div {display: flex; align-items: center;  }
.memb_account .form fieldset #fb-14-div .label {text-align: left; margin: 10px 0px 15px 0px;}
.memb_account .form fieldset .buttons input {background: var(--yellow); color: black; border: none;}

.memb_account .form_password fieldset { margin: 40px auto; max-width: 500px; padding: 30px 0px; }
.memb_account .form_password fieldset div {max-width: 300px; margin: 10px auto;}
.memb_account .form_password fieldset .buttons {text-align: center; margin: 10px auto;}

.memb_account .updatedmsg {text-align: center;  min-height: 30vh; margin-top: 140px;}


.memb_account .form_register fieldset{max-width: unset;}
.memb_account .form_register fieldset div{max-width: unset; margin: unset;}
.memb_account .form_register .formbuilder{display: flex; gap:5%; width: 100%; margin-bottom: 40px; }
.memb_account .form_register .formbuilder .field_group { width: 47.5%;}
.memb_account .form_register .buttons{width: 47.5%; margin: 0 auto;}

.memb_account .errors{color: red;}

@media ( max-width: 600px){
	.memb_account .form_register .formbuilder{flex-direction: column;}
	.memb_account .form_register .formbuilder .field_group, .memb_account .form_register .formbuilder .buttons{width: 100%;}
}

/* My Courses */

.my-courses .pagecomponents {max-width: 720px; padding: 0px 10px 0px 10px; margin: 40px auto;}
.my-courses .studentcourses table {margin: 0px auto;width: 100%;}
.my-courses .studentcourses th { padding: 30px 5px 15px 0px; }
.my-courses .studentcourses tr:first-of-type th { padding-top: 15px; }
.my-courses .studentcourses td {padding: 10px 5px 10px 0px;/*width: 80%;*/border-bottom: var(--lightblue) 1px solid;vertical-align: middle;}
.my-courses .studentcourses tr td:first-child {width: 7%;}
.my-courses .studentcourses tr td:last-child { width: 100px; }
.my-courses .studentcourses td a, .my-courses .studentcourses td button {width: 100%; background: var(--yellow); padding: 5px; margin: 12px 0; display: block;text-align: center; border:none; font-family: Glacial; font-size: 16px; }
.my-courses .studentcourses .title {text-align: center; font-size: 23px;}


/* My Downloads */

.my-downloads .pagecomponents{max-width: 720px; padding: 0px 10px 0px 10px; margin: 40px auto;}
.my-downloads table {margin: 0px auto; width: 100%;}
.my-downloads th { padding: 30px 5px 15px 0px; }
.my-downloads td {padding: 15px 5px 15px 0px; border-bottom: var(--lightblue) 1px solid;vertical-align: middle;}
.my-downloads tr td:last-child { width: 91px; }
.my-downloads td a {background: var(--yellow); padding: 5px 5px 5px 5px; display: block; text-align: center;}
.my-downloads .title {text-align: center; font-size: 23px;}

#downloadplayer { display: flex; justify-content: center; align-items: center; }
.ui-dialog { background: #000000; border: none; padding: 0px; border-radius: 0px; }
.ui-dialog-titlebar { background: var(--blue); border: none; border-radius: 0px; color: white; padding: 10px; font-family: Glacial; font-weight: normal; font-size: 20px;}
video{width: 100%;}


/* Members area */

.members-area .pagecontent h2{text-align: center; font-size: 22px;}
.members-area .pagecontent ul li {margin: 6px auto; max-width: 350px; list-style-type: none;}
.members-area .pagecontent ul li a {background: var(--yellow);display: block;padding: 5px;text-align: center;}
.members-area .pagecontent ul li a:hover {color: black;}

.blue-boxes{display: block !important;}
.blue-boxes ul { max-width: 1240px; margin: 20px auto; display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;}
.blue-boxes ul li {width: 330px;min-height: 330px;background-color: var(--lightblue);padding: 30px 30px 15px 30px; display: flex; justify-content: space-between; flex-direction: column; }
.blue-boxes ul li .name{padding: 10px 5px; text-align: center;}
.blue-boxes ul li .name a{ min-height: 70px; font-size: 20.8px; font-family: Cinzel-Bold; color: white; padding: 10px 0px; font-weight: normal; }
.blue-boxes ul li .image{text-align: center; flex-grow: 1; }
.blue-boxes ul li .image a{display: block;min-height: 240px;line-height: 240px; height: 100%; display: flex; align-items: center;}
.blue-boxes ul li .image a img {width: 100%; height: auto; vertical-align: middle;}

.members-pages .pagecomponents{margin-top: 40px;}
.members-pages .util_textbox_inner{display: flex; flex-wrap: wrap; justify-content: center;}
.members-pages .util_textbox_inner .content{ flex: 1 1 700px; max-width: 700px; margin: 0;}
.members-pages .util_textbox_inner .imagetop, .members-pages .util_textbox_inner .imagebottom{width: 100%; text-align: center; padding: 15px 0;}
.members-pages .util_textbox_inner .imageleft, .members-pages .util_textbox_inner .imageright{flex:1 1 240px;max-width:240px; text-align: center;padding: 15px;}
/* .members-pages .util_textbox_inner:has(.imageleft):not(:has(.imageright)) .imageleft, .members-pages .util_textbox_inner:has(.imageright):not(:has(.imageleft)) .imageright{max-width:480px;flex:1 1 480px;} */
.members-pages .util_textbox_inner img{max-width: 100%;width: auto; height: auto; max-height: 500px;}

@media (max-width: 1000px){
	.members-pages .util_textbox_inner .imageleft,.members-pages .util_textbox_inner .imageright{max-width:100%;flex:1 1 100%;}
	.members-pages .util_textbox_inner .content{max-width:100%;}
}


/* Survey */

.surv_standard {max-width: 800px; background: #EDEDED; padding: 30px;}
.surv_standard .form .label {font-weight: bold; color: var(--text); margin-bottom: 8px; margin-top: 16px;}
.surv_standard .form .input li, .surv_standard .form .input .radio {padding: 4px 0;}
.surv_standard .form p {padding-bottom: 0; margin-bottom: 5px;}
.surv_standard .form .input textarea {width: 100%; max-width: 500px; background-color: white;}
.surv_standard .form input[type=text] {width: 100%; max-width: 500px; background-color: white;}
.surv_standard .buttons {margin-top: 20px;}
.surv_standard .buttons input{	background: var(--yellow); color: black;border: none; }
.surv_standard .checkbox label {display: flex; align-items: first baseline;}


/* Forms */

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

.contact .surv_standard input, .contact .surv_standard textarea{
	width: 100%;
	background: white;
}

.surv_standard .buttons input{
	background: var(--yellow);
	color: black;
	border: none;
}

.contact .surv_standard .label{
	margin: 20px 0px 10px 0px;
}

.contact .surv_standard	.titletxt{
	font-size: 21px;
	font-weight: bold;
	text-align: center;
	margin: 0px 0px 10px 0px;
}

.surv_standard .message{
	color: red;
}
/* Newsletter signup */

.news-signup{

	min-height: 470px;
}


.news-signup .int_newsletter{

	margin: 50px auto;
	max-width: 600px;
	background: var(--blue);
	color: white;
	padding: 20px;

}

.news-signup .int_newsletter .text{

	
	font-size: 20px;
	width: 100%;
}

.news-signup .int_newsletter div.text {

	text-align: center;

}

.news-signup .int_newsletter div.text p {

	padding-bottom: 0px;
	margin-bottom: 10px;
}

.news-signup .int_newsletter .label {

	display: none;
}

.news-signup .int_newsletter .input{
	width: 100%;
	margin: 20px 0px;
	background: white;
	
}

.news-signup .int_newsletter fieldset .text:first-of-type{
	font-size: 20px;
}

.news-signup .int_newsletter fieldset .form{

	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	/* gap: 10px; */
	align-items: center;
	
}

.news-signup input::placeholder{text-align: left;}


.news-signup .int_newsletter .firstname, .news-signup .int_newsletter .surname{

	width: 48%;
	margin: 0px 1%;

}

.news-signup .email{

	width: 50%;
}

.news-signup .buttons{

	width: 102px;
	
}

.news-signup .buttons input{

	background: var(--yellow);
	color: black;
	border:none;
	
}

.news-signup .int_newsletter input {

	height: 40px;
	text-align: left;
}

.news-signup .int_newsletter .message {

	font-size: 20px;
	border: solid black 2px;
	padding: 10px 15px;
	background: var(--lightblue);
}

/* Right menu */


.right_menu{
	position: static;
	max-width: 260px;
	background: var(--grey);
	padding: 20px;	
}

.right_menu h2{
	font-size: 20px;
}

.right_menu li {
	margin: 15px 0px;
}

/* Monumental inscriptions catalogue - wide table */
/* .section231 .layoutcontent { flex-grow: unset; } */
.section231 .layoutright {flex-basis: 100vw;width: 100vw;}

.section231 .customhtmlpage {
    max-width: unset;
    width: 100%;
    margin: 40px auto 40px auto;
}

/* Syllabus table */

.syllabus .contenttable td {border: solid 2px white;}

/* content pages bold */

.questions strong, .heraldry-syllabus strong {color: var(--blue);}

.heraldry-syllabus li {list-style-type: square; margin-left: 40px;}

/* Comments from our students */

.student-comments i{color: var(--lightblue); font-size: 60px; float: left;}

.student-comments p {margin-left: 85px; height: 80px;}

 /* Visiting the ihgs */

 .visiting .feat_googlemap {text-align: center;}
 .visiting .feat_googlemap img {width: 100%; height: auto;}

 /* shop section */

.book .pagecontent { max-width: 1240px; margin: 0px auto;}
.book .pagecontent p {text-align: center; margin-top:30px; font-size: 27px; font-family: Glacial-Bold;}
.shop_categorylist ul, .shop_category .subcategories { max-width: 1240px; margin: 20px auto; display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;}
.shop_categorylist li, .shop_category .subcategories li {width: 330px;min-height: 330px;background-color: var(--lightblue);padding: 30px 10px;}
.shop_categorylist .level2, .book .shop_categorylist .level3 {display:none;}
.shop_categorylist li .name, .shop_category li .name{padding:10px 5px;}
.shop_categorylist li .name a, .shop_category li .name a { min-height: 70px; font-size: 20.8px; font-family: Cinzel-Bold; color: white; padding: 10px 0px; font-weight: normal;}
.shop_categorylist li:hover, .shop_category .subcategories li:hover{background-color: var(--lightblue);}
.shop_category .subcategories li {display: flex; align-items: center; justify-content: center;}
.shop_category .subcategories img {height: auto; width: 100%;}

.shop_categorylist li {padding: 30px 30px 15px 30px; display: flex; flex-wrap: wrap; justify-content: center;}
.shop_categorylist .name { width: 100%; align-self: flex-end;}

.shop_category .subcategories {text-align: center;}
.shop_category h1 {text-align: center; font-size: 30px; margin: 30px 0px;}
.shop_category .description {max-width: 800px; margin: 10px auto; text-align: center;}

.shop_categorylist img {width: 100%;height: auto;/* width: auto; *//* height: 160px; */vertical-align: middle;}

.shop_categorylist .image, .shop_categorylist .name {text-align: center;}
.shop_categorylist .image a {display: block;min-height: 240px;line-height: 240px;}

/* Shop products*/

.shop_productlist ul {display: flex;justify-content: center;/* align-items: center; */flex-wrap: wrap;margin: 20px auto;}
.shop_productlist li {width: 300px;min-height: 300px;background-color: var(--lightblue);padding: 10px 5px;margin: 10px;text-align: center;}
.shop_productlist li {display: flex; flex-wrap: wrap;}

.shop_productlist li .image, .shop_productlist li .name, .shop_productlist li .price {width: 100%;}
.shop_productlist li .image {display: flex; align-items: center; justify-content: center;}

.shop_productlist li .price {color: white; font-size: 20px; border-top: 1px solid white; padding-top: 10px;}
.shop_productlist li:hover {background: var(--lightblue);}


.shop_product h1 {text-align: center; margin: 10px 0px; font-size: 20px;}
.shop_product {max-width: 600px;margin: 20px auto;border: var(--lightblue) 2px solid;padding: 10px 10px;}
.shop_product .image {text-align: center; margin: 10px 0px;}
.shop_product .summary {margin: 15px 0px;}
.shop_product .price {margin: 10px 0px; text-align: center; font-size: 22px;}
.shop_product .quantity {display: flex; justify-content: center; align-items: center; gap: 5px; margin: 10px 0px;}
.shop_product .addtobasket {text-align: center; margin: 10px 0px;}
.shop_product .addtobasket input {background: var(--yellow); color: black; border: none; display: block; width: 145px; margin: 0px auto; font-size: 20px; padding: 10px 0px;}

/* Basket */

.shop_basket th, .shop_basket td,
.shop_orderhistory th, .shop_orderhistory td {border-bottom: 1px solid black; line-height: 1.8; text-align: right; }
.shop_basket .headingrow th:first-of-type, .shop_basket td:first-of-type { text-align: left; }
.shop_basket {margin: 40px auto; max-width: 1000px;}
.shop_basket table, .shop_orderhistory table {width: 100%; padding: 0px 5px;}
.shop_orderhistory table { padding: 0px 0px; }
.shop_basket .buttons {text-align: right; margin: 20px 0px;}
.shop_basket .buttons a {background: var(--yellow); padding: 10px 40px; margin: 0px 5px; color: black;}
.shop_basket .buttons input {background: var(--yellow); border: none; margin: 5px 5px;color: black;}

.shop_basket fieldset > .discount { padding: 30px 5px 0px 5px; }
.discount input[type=submit] {  background-color: var(--yellow); border: none;padding: 7px 20px; color: black; }

/*.shop_basket .price, .shop_basket .quantity, .shop_basket .total,
.shop_orderhistory .price, .shop_orderhistory .quantity, .shop_orderhistory .total {text-align: right;}*/

/* .shop_orderhistory .content .quantity, .shop_orderhistory .content .total { text-align: right; } */

@media(max-width: 530px){

	.shop_basket .remove {display: none;}

}
@media(min-width:471px){

	.shop_basket th, .shop_basket td,
	.shop_orderhistory th, .shop_orderhistory td  { padding: 10px; }
	
}
@media(max-width:470px){

	.shop_basket th, .shop_basket td,
	.shop_orderhistory th, .shop_orderhistory td  { padding: 5px; }

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

	.shop_basket th, .shop_basket td,
	.shop_orderhistory th, .shop_orderhistory td  { padding: 2px; }


}



/* Checkout */

.shop_basket .checkout h2 { text-align: center; margin: 20px 0px; font-size: 25px; }
.shop_basket .checkout {margin: 20px auto; max-width: 800px; background-color: var(--grey);  padding: 10px;}
.shop_basket .checkout .errors {color: red; margin: 10px 0px; text-align: center;}
.shop_basket .checkout .formbuilder {max-width: 500px; margin: 0px auto;}
.shop_basket .checkout .field_text input, .shop_basket .checkout input[type=password] {width: 100%; background: white;}
.shop_basket .checkout textarea {width: 100%; background: white;}
.shop_basket .checkout select {width: 100%; background: white;}
.shop_basket .checkout .field {margin: 10px 0px;}
.shop_basket .label label {font-size: 20px;}
.shop_basket .field_group>.label label {font-size: 30px;}
.shop_basket .field_group>.label {margin-top: 20px;}
.shop_basket .buttons button {background: var(--yellow); border: none; padding: 10.5px; font-size: 16px; font-family: Glacial;}

/* Confirm */

.shop_basket .confirm .details {display: flex; justify-content: center; gap: 30px; margin: 20px 0px; flex-wrap: wrap;}
.shop_basket .confirm h2 {font-size: 23px; font-weight: 700;}

.shop_basket .confirm .voucher input, .shop_basket .confirm .discount input {height: 40px; width: 200px;}
.shop_basket .confirm .voucher input[type=submit], .shop_basket .confirm .discount input[type=submit] {background: var(--yellow); border: none; color: black;}
.shop_basket .confirm .voucher, .shop_basket .confirm .discount {max-width: 500px; margin: 0px auto 30px auto; padding: 0px 5px;}

.shop_basket .confirm .payment h2 {text-align: center; margin: 20px 0px;}
.shop_basket .errors {color: red; margin: 10px 0px; text-align: center;}

.shop_basket .confirm #paymentform .field:first-of-type { padding-bottom: 20px;  }
.shop_basket .confirm #paymentform .label { padding-bottom: 10px; }
.shop_basket .confirm #paymentform .input { position: relative; }
.shop_basket .confirm #paymentform .input .description { padding: 0px 0px 0px 30px;  }
.shop_basket .confirm #paymentform .input input[type=checkbox] { position: absolute; top: 1px;}

@media(max-width: 850px){
	.shop_basket .confirm .payment { padding: 0px 20px;}
}

@media(max-width: 431px){


	.shop_basket .confirm .voucher, .shop_basket .confirm .discount {text-align: center;}
}

/* Staff */

.staff .util_textbox {margin: 20px 0px; padding: 0px 5px;}
.staff .util_textbox .content {max-width: 500px;}
@media(min-width:500px){

	.staff .util_textbox_inner {display: flex; flex-direction: row-reverse; align-items: center; gap: 10px;}


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

	.staff .util_textbox .imagetop {text-align: center; margin: 10px 0px;}

}

/* Calendar and Event pages */

@media(min-width: 601px){
.calendar .event_list {display: none;}

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

	.calendar .event_list {display: block;}
	.calendar .event_calendar {display: none;}

	
}

.calendar .event_list ul li, .events .event_list ul li {margin: 15px 0px;padding: 10px; border-top: 1px solid var(--lightblue);}
.calendar .event_list .date, .events .event_list .date {margin: 10px 0px; font-family: Glacial-Bold;}

.calendar .event_list .titletxt, .events .event_list .titletxt {font-size: 25px; text-align: center;}

.calendar .fc-daygrid-event { cursor: pointer; }

/* Forthcoming events */
.events .titletxt { display: none; }

/* Event page styling */

.event_ihgspage .button, .shop_orderhistory a {background: var(--yellow); margin: 20px 0px; display: block; max-width: 150px; text-align: center; color: black;}
.event_ihgspage .description, .event_ihgspage .location, .event_ihgspage .time, .event_ihgspage .date, .event_ihgspage .booking {padding: 0px 5px;}

/* Order history */
.shop_orderhistory .content div { padding: 20px 0px 0px 0px; }
.shop_orderhistory a { margin-top: 0; }

.shop_orderhistory td.total:before,
.shop_orderhistory tfoot th.total:before { content: 'GBP '; }


/* Contact */

.contact .ui-widget-header {background: none;border: none;margin-bottom: 30px;margin: 0px auto 30px auto;width: fit-content;}
.contact .ui-widget-content, .contact .ui-widget-content li { background: none; border: none; }
.contact .ui-widget-content li a { background-color: rgba(94, 116, 145, .5); color: white; cursor: pointer; border-radius: 10px 10px 0px 0px; font-size: 110%; }
.contact .ui-widget-content .ui-tabs-active a { background-color: var(--lightblue);}
.contact .ui-widget { font-size: 100%; font-family: Glacial; }

/* Privacy */

.privacy .titletxt { max-width: 700px; margin: 0px auto; }

@media ( max-width: 1000px )
{
	.privacy .titletxt { max-width: 100%; margin: 0px auto; }
}


.shop_basket .payment a { color: var(--links); }
.shop_basket .payment a:hover { color: var(--hoverlinks); }