@font-face { font-family: BelindaNewRegular; src: url(/library/fonts/BelindaNew/Regular.otf); }
@font-face { font-family: WhiskeyITCStdRegular; src: url(/library/fonts/WhiskeyITCStd/Regular.otf); }


* { 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: WhiskeyITCStdRegular; font-size: 140%; line-height: 1.2; 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 0px 0px 0px; margin: 0px; font-size: 100%; font-weight: normal; color: #000000; }
fieldset { padding: 0px; margin: 0px; border: none; }
input, textarea, select { font-size: 90%; background: #ffffff; border: solid #000000 1px; padding: 5px; color: #000000; box-sizing: border-box; font-family: WhiskeyITCStdRegular; }
input[type=text], input[type=password]  { height: 30px; }
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; }
strong { font-weight: normal; font-family: ArialBold; }
table { border-spacing: 0px; }
td, th { padding: 0px; text-align: left; vertical-align: top; }
blockquote { margin: 0px; }
.hidden { display: none; }
.spacer { clear: both; height: 0px;}
img { max-width: 100%; height: auto; }
video, iframe { max-width: 100%; }


/* Colours */

:root {
    --primary: #fabc4c;
    --secondary: #C1D4DD;
    --neutral: #F2F6F8;
    --neutralDark: #0E161B;
    --red: #ff2222;
    --white: #ffffff;
    --black: #000000;
    --lightgrey: #eeeeee;
}

.layoutoverlay { position: absolute; width: 100%; height: 100%; background-color: #ffffffcc; z-index: 10; }
.layoutheader, .layoutmiddle, .layoutfooter { padding: 15px; }
.layoutcredits { padding: 5px 15px 5px 15px; text-align: right; font-size: 80%; }

@media ( max-width: 999px )
{
	.layoutcredits { background-color: var(--black); color: var(--white); }
	.layoutcredits a { color: var(--white); }
}



/* Header Buttons */

/*
.layoutheader { border-bottom: solid var(--lightgrey) 5px; }
*/

.header-buttons { padding: 0px 0px 20px 0px; }
.header-buttons ul { display: flex; justify-content: right; align-items: center; gap: 20px; }
.header-buttons ul li i { color: var(--primary); font-size: 100%; }
.header-buttons ul li i:hover { color: var(--red); }
.header-buttons li:last-child a { padding: 5px 20px; display: inline-block; border-radius: 30px;  background-color: var(--primary); box-shadow: 0px 4px 6px rgba(0,0,0,0.1); color: white; transition: box-shadow 0.3s ease; font-weight: 700; }
.header-buttons li:last-child a:hover { box-shadow: 0px 4px 6px rgba(0,0,0,0.4); background-color: var(--red); }

.layoutheader .headercontent { font-family: BelindaNewRegular; font-size: 160%; color: var(--red); }

.layoutheader .nav_simple ul { display: flex; justify-content: right; gap: 20px; }


@media (min-width: 1000px)
{
    body { background-image: url(/images/PnstsLTylHqnEdNGKxw91za2yx.png), url(/images/QuEt1ZTS2QBX8QoTDKx41jk0rs.jpg); background-size: 300px auto, 1000px auto; background-position: bottom 0px left, center top; background-attachment: fixed, fixed; background-repeat: no-repeat, repeat; padding-left: 350px; }
    .layout_standard { max-width: 1200px; margin: 0px 0px 0px auto; }

    .layoutheader { text-align: right; height: 250px; }
    .layoutheader .logo { position: fixed; top: 15px; left: 15px; }

    .layoutheader .nav_simple .toggle { display: none; }
    .layoutheader .nav_simple .menu11, .layoutheader .nav_simple .menu43 { display: none; }
}

@media ( max-width: 999px )
{
	body { background-image: url(/images/QuEt1ZTS2QBX8QoTDKx41jk0rs.jpg); background-size: 1000px auto; background-repeat: repeat; background-position: center top; background-attachment: fixed; }
	
    .layoutheader { text-align: left; height: 200px; }
    .layoutheader .logo { position: absolute; top: 15px; left: 15px; }
    .layoutheader .logo img { max-width: 150px; height: auto; }

    .layoutheader .headercontent { display: none; }
    .layoutheader .nav_simple .toggle {position:absolute;top: 0px;right: 0px;cursor:pointer;display: inline-block; font-size: 180%; color: white; background-color: var(--primary);padding: 16px;}
    .layoutheader .nav_simple ul { display: none; background-color: #ffffffee; width: 100%; left: 0px; position: absolute; top: 190px; height: 100vh; padding: 15px; }
    .layoutheader .nav_simple ul li a { text-align: center; margin-bottom: 20px; padding: 20px; display: block; }
    .layoutheader .nav_simple.toggleon ul { display: block; }

    .layoutheader .header-buttons {margin: 5px 70px 0px 0px; }
    .layoutheader .header-buttons i { font-size: 180%; }
    .layoutheader .header-buttons li:last-child { position: absolute; top: 100px; right: 15px; }
}

@media ( min-width: 600px ) and ( max-width: 999px )
{
    .layoutfooter { background-image: url(/images/PnstsLTylHqnEdNGKxw91za2yx.png); background-size: 300px auto; background-position: bottom 0px left; min-height: 450px; padding-left: 300px; }
}

@media ( max-width: 599px )
{
    .layoutfooter { background-image: url(/images/PnstsLTylHqnEdNGKxw91za2yx.png); background-size: 300px auto; background-position: bottom 0px center; padding-bottom: 450px; }
}

@media ( max-width: 799px )
{
    .layoutfooter .nav_simple { display: none; }
}

/* Footer */

.layoutfooter { margin-top: 50px; border-top: solid var(--lightgrey) 5px; padding-top: 40px; }
.layoutfooter .nav_simple { text-align: right; flex-shrink: 0; }
.layoutfooter .nav_simple li { padding: 0px 0px 10px 0px; }
.layoutfooter .testimonial { font-size: 70%; color: var(--primary); }
.layoutfooter .testimonial blockquote { font-family: BelindaNewRegular; font-size: 180%; color: var(--black); }

@media( min-width: 600px )
{
    .layoutfooter_inner { display: flex; gap: 50px; }
}


/* Buttons */

input[type=button], input[type=submit], .button, .nav_simple a, .feat_stdgallery .lightboxlink a, .memb_loginbox .introduction a { padding: 5px 20px; display: inline-block; border-radius: 30px;  background-color: var(--primary); box-shadow: 0px 4px 6px rgba(0,0,0,0.1); color: white !important; transition: box-shadow 0.3s ease; font-weight: 700; border: none; }
input[type=button]:hover, input[type=submit]:hover, .button:hover, .nav_simple a:hover, .feat_stdgallery .lightboxlink a:hover, .memb_loginbox .introduction a:hover { box-shadow: 0px 4px 6px rgba(0,0,0,0.4); background-color: var(--red); }


/* Titles */

.pagetitle, .util_sharepoint .title { font-family: BelindaNewRegular; font-size: 400%; color: var(--primary); text-align: center; margin-bottom: 20px; text-shadow: 1px 1px #333333; }

@media( max-width: 899px )
{
	.pagetitle, .util_sharepoint .title { font-size: 300%; }
}

@media( min-width: 1300px )
{
    .pagetitle, .util_sharepoint .title { position: absolute; top: 130px; }
}

.feat_social .titletxt, .biographies .util_textbox .titletxt { color: var(--red); font-family: BelindaNewRegular; font-size: 180%; padding-bottom: 20px; }


/*Content page*/

.pagecontent { margin-bottom: 30px; }
.pagecontent img.left { margin: 0px 20px 20px 0px; }
.pagecontent img.right { margin: 0px 0px 20px 20px; }
.pagecontent ul li { list-style-type: disc; margin-left: 20px; }
.pagecontent ul ol { list-style-type: decimal; margin-left: 20px; }
.pagecontent a, .pagecomponents a { color: var(--yellow); }
.pagecontent a:hover, .pagecomponents a:hover { color: var(--red); }

.feat_social ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.feat_social ul li { padding: 10px; }
.feat_social ul li:hover { background-color: #dddddd; cursor: pointer; }
.feat_social ul li .age { color: var(--primary); text-align: right; padding-bottom: 5px; }
.feat_social ul li .shorttext { padding-top: 5px; }
.feat_social ul li .image img { border-radius: 20px; }
.feat_social ul li .video video { object-fit: cover; border-radius: 20px; width: 100%; height: auto; aspect-ratio: 1; }

@media( min-width: 1200px )
{
    .feat_social ul li { width: 24%; }
}

@media( min-width: 600px ) and ( max-width: 1199px )
{
    .feat_social ul li { width: 49%; }
}


/* Biographies */

.biographies .util_textbox { margin-bottom: 50px; }
.biographies .util_textbox .imagetop { float: left; margin: 0px 20px 20px 0px; }
.biographies .util_textbox .imagetop img { border-radius: 100%; }

@media( max-width: 499px )
{
	.biographies .util_textbox .imagetop img { max-width: 150px; height: auto; }
}


/* Carousels */

.feat_carousel .carousel { overflow: hidden; width: 100%; height: calc(100% - 40px); position: relative; }
.feat_carousel .carousel ul { width: 20000em; position: relative; height: 100%; }
.feat_carousel .carousel li { float: left; height: 100%; text-align: center; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
.feat_carousel .carousel li video, .feat_carousel .carousel li iframe { width: 100%; height: 100%; }
.feat_carousel .nextprevious { display: flex; justify-content: space-between; margin-top: 10px; }
.feat_carousel .skip { text-align: center; position: absolute; left: 50%; width: 200px; margin: -20px 0px 0px -100px; }
.feat_carousel .skip a { margin: 0px 5px 0px 5px; }
.feat_carousel .skip a.active { color: var(--primary); }

/* Gallery */

.feat_stdgallery .items ul
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.feat_stdgallery .items ul li
{
	margin-bottom: 20px;
}

.feat_stdgallery .items ul li .image
{
    aspect-ratio: 1;
    display: block;
    background-size: contain;
	border-radius: 10%;
	background-color: var(--black);
}

@media( max-width: 799px )
{
    .feat_stdgallery .items ul li { width: 100%; }
}

@media(min-width: 800px) and (max-width: 999px)
{
    .feat_stdgallery .items ul li { width: 49%; }
}

@media( min-width: 1000px )
{
    .feat_stdgallery .items ul li { width: 32%; }
}

.feat_stdgallery .lightboxlink { text-align: right; margin-bottom: 10px; }
.feat_stdgallery .lightbox { width: 90vw; height: 90vh; z-index: 20; position: fixed; top: 5vh; left: 5vw; background-color: #000000; padding: 10px; color: #ffffff; }
.feat_stdgallery .lightbox a { color: #ffffff; }
.feat_stdgallery .lightbox .close { color: #ffffff; text-align: right; }
.feat_stdgallery .lightbox img { width: auto; height: auto; max-width: 100%; max-height: 100%; }
.feat_stdgallery .lightbox .feat_carousel { height: calc(100% - 30px); width: 100%; padding: 20px; }

@media( max-width: 799px )
{
	.feat_stdgallery .lightbox { width: 94vw; height: 94vh; top: 3vh; left: 3vw; padding: 5px; }
}

@media( max-width: 599px )
{
	.feat_stdgallery .lightbox { width: 98vw; height: 98vh; top: 1vh; left: 1vw; padding: 5px; }
}


/* Login box */

.memb_loginbox { max-width: 500px; }
.memb_loginbox .fieldemail, .memb_loginbox .fieldpw, .memb_loginbox .login { padding-bottom: 20px; }
.memb_loginbox .forgotpw { display: block; }

.memb_account { max-width: 500px; }
.memb_account .field { padding-bottom: 20px; }

/* Set list */

.util_sharepoint .breadcrumb { padding-bottom: 20px; display: flex; gap: 10px; align-items: center; min-height: 60px; }
.util_sharepoint .breadcrumb .separator { font-size: 140%; color: var(--primary); }
.util_sharepoint ul.folder li a { padding: 10px 20px 10px 20px; display: block; }
.util_sharepoint ul.folder li a:hover { background: var(--primary); }
.util_sharepoint ul.folder i { font-size: 150%; min-width: 50px; display: inline-block; }

/* Get in touch */

.surv_standard .form { max-width: 500px; }
.surv_standard .message { color: var(--red); margin-bottom: 20px; }

.formbuilder .field { padding: 0px 0px 20px 0px; }
.formbuilder .label { padding: 0px 0px 10px 0px; }
.formbuilder input[type=text], .formbuilder textarea, .memb_loginbox input[type=text], .memb_loginbox input[type=password], .memb_account input[type=text], .memb_account input[type=password] { width: 100%; }