/* Fonts */

@font-face { font-family: "Caudex"; src: url("/library/fonts/Caudex/Bold.otf") format("opentype"); }
@font-face { font-family: "Forum"; src: url("/library/fonts/Forum/Regular.otf") format("opentype"); }


/* CSS 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: Forum;  font-size: 120%; line-height: 1.2; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
a { color: #000000; text-decoration: none; transition: all .3s ease-in-out; }
ul, ol { padding: 0px; margin: 0px; }
li {list-style-type: none;vertical-align: top;}
h1, h2, h3, h4, h5, h6 { margin: 0px; font-size: 100%; font-weight: normal; }
h3 { padding-bottom: 20px; }
img { box-sizing: content-box; }
fieldset { padding: 0px; margin: 0px; border: none; }
input, textarea, select {font-size: 100%;background: white;border: solid #000000 1px;padding: 5px;color: #000000;box-sizing: border-box;font-family: Forum; }
input[type=text], input[type=password] { height: 30px; }
input[type=button], input[type=submit], a.button { border: 1px solid var(--darkblue); color: white; background: var(--darkblue); padding: 15px 25px; font-size: 120%; transition: all .3s ease-in-out; cursor: pointer; width: fit-content; }
input[type=button]:hover, input[type=submit]:hover, a.button:hover { color: var(--darkblue); background: var(--darkbeige); text-decoration: none !important; }
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;}
.hidden {display: none;}
.spacer {clear: both; height: 0px; display: none; }

/* Colours */

:root {
    --black: #414141;
    --blue: #486573;
    --darkblue: #22495a;
    --beige: #e8dcd5;
    --darkbeige: #d8c7bd;
    --darkgrey: #ababab;
    --grey: #ebe8e7;
    --lightbeige: #f4efeb;
    --white: #ffffff;
    --basepadding: 30px;
}

@media( min-width: 800px )
{
    :root
    {
        --basepadding: 50px;
    }
}

/* General */

.home .titletxt { padding-bottom: 30px; }
.pagetitle { color: var(--blue);text-align: center;padding: 40px 0px 40px;text-transform: capitalize;font-size: 300%;margin: 0px 0px;}
.pagecontent, .pagecomponents { clear: both; }

.std_contentpage .pagecontent { background-color: var(--lightbeige); padding: var(--basepadding); }
.std_contentpage .pagecontent h2 { font-size: 150%; padding-bottom: 20px; }

.std_contentpage .pagecomponents_inner>div { margin: 0px auto; padding: var(--basepadding) var(--basepadding); }
.std_contentpage .pagecomponents_inner .fullwidth { max-width: 100%; padding: var(--basepadding); }
/*
.std_contentpage .pagecomponents_inner .fullwidth>div { max-width: 1240px; margin: 0px auto; }
*/
.home .pagecomponents_inner .fullwidth>div { max-width: none; }

.fullwidth {background-color: var(--lightbeige);}
.centred { text-align: center; }

/* Quotes */

blockquote { margin: 20px auto 20px auto; color: var(--darkblue); padding: 10px 10px 10px 10px; text-align: center; font-family: Caudex; display: inline-block; }
blockquote strong { font-size: 300%; color: var(--darkbeige); }
blockquote p { padding-bottom: 10px; }
blockquote p:last-child { color: var(--darkbeige); text-align: right; padding-bottom: 0px; }


/* Carousels */

.feat_carousel { padding-bottom: 20px; }
.feat_carousel .carousel { overflow: hidden; position: relative; height: 100%; }
.feat_carousel .carousel>ul { width: 20000em; position: relative; height: 100%; }
.feat_carousel .carousel>ul>li { float: left; margin-right: 20px; }

.feat_carousel .skip {text-align: center; }
.feat_carousel .skip a { border-radius: 50%; display: inline-block; border: 2px solid var(--blue); font-size: 0px; width: 15px; height: 15px; background-color: var(--darkbeige); opacity: 0.4; margin: 0px 5px 5px 0px; font-size: 0px; }
.feat_carousel .skip a.active {  background-color: var(--blue); display: inline-block; opacity: 1; width: 15px; height: 15px;  }

.feat_carousel .buttons { text-align: center; display: block; margin-top: 20px; }
.feat_carousel .buttons a { margin: 0px 10px 0px 10px; }
.feat_carousel .buttons a:hover { opacity: 0.7;  }


/* Images */

img.left { margin: 0px 20px 20px 0px; }
img.right { margin: 0px 0px 20px 20px; }

@media( max-width: 799px )
{
	img.left, img.right { display: none; }
}

/* Contact button */

.contactbtn .content { text-align: center; }
.contactbtn p:first-child { margin-bottom: 20px; }
.contactbtn a, .booknow { border: 2px solid var(--darkblue); color: white; background: var(--darkblue); padding: 10px; font-size: 130%; transition: all .3s ease-in-out; }
.contactbtn a:hover, .booknow:hover { color: var(--darkblue); background: none; text-decoration: none !important; }
.contactbtn p { text-align: center !important;}
.std_content_inner .booknow { display: block; margin: 0 auto; text-align: center; width: fit-content;}


/* Content styles */

.std_content .titletxt { font-size: 170%; font-weight: bold; margin-bottom: 20px; }
.std_content .content ul, .pagecontent ul, .std_content .content ol, .pagecontent ol { padding: 0px 0px 20px 0px; }
.std_content .content ul li, .pagecontent ul li, .std_content .content ol li, .pagecontent ol li { padding-bottom: 10px; }
.std_content .content ul.ticklist, .pagecontent ul.ticklist { padding-left: 30px; }
.std_content .content ul.ticklist li::before, .pagecontent ul.ticklist li::before { clear: left; float: left; content: '\2713'; color: var(--darkblue); margin: 0px 0px 0px -20px; }
.std_content .content a:hover, .pagecontent a:hover { text-decoration: underline; }


/* Call to action box */

.calltoaction { background-color: var(--darkblue); color: var(--white); text-align: center; max-width: none !important; }
.calltoaction .util_textbox_inner { display: flex; gap: 50px; justify-content: center; text-align: left; align-items: center; }
.calltoaction .content h2 { font-size: 200%; margin-bottom: 20px; }
.calltoaction .content p { padding: 0px; }
.calltoaction .content a { color: var(--white); font-weight: bold; }
.calltoaction .content a.button { background-color: var(--white); color: var(--black); padding: 20px; margin: 20px 0px 20px 0px; display: inline-block; font-weight: normal; }


/* Text box links (container with textboxes inside) */

.textboxlinks .items { display: flex; justify-content: center; gap: 20px; }
.textboxlinks .items .util_textbox { box-shadow: 2px 6px 44px -17px var(--darkgrey); padding: 40px; text-align: center; max-width: 300px; }
.textboxlinks .items .util_textbox:hover { background-color: #ffffff; }
.textboxlinks .items .util_textbox .titletxt { font-size: 200%; margin-bottom: 20px; min-height: 100px; }


/* Titles */

.about h3 { padding: 10px 0px; margin-bottom: 20px; font-size: 190%; color: var(--darkblue); }
.home .titletxt, .testimonial .titletxt { font-size: 250%; color: var(--blue); text-align: center; padding-bottom: var(--basepadding); }


/* Two column layout */

@media( min-width: 1000px )
{
    ul.twocolumn { display: flex; flex-wrap: wrap; }
    ul.twocolumn li { width: 50%; padding-right: 50px; }
}


/* Three column layout */

@media( min-width: 1200px )
{
    div.threecolumn .items { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--basepadding); }
    div.threecolumn .items>div { flex: 1; }
}

@media( max-width: 1199px )
{
    div.threecolumn .items>div { margin-bottom: var(--basepadding); }
}


/* Logo list */

ul.logolist { display: flex; gap: 20px; align-items: center; padding: 0px; flex-wrap: wrap; }
ul.logolist li::before { display: none; }
ul.logolist li img { background-color: var(--white); border: solid var(--white) 20px; }


/* Submenu */

.submenu { background: var(--lightbeige); max-width: none !important; }
.submenu li { text-align: center;  box-shadow: 2px 6px 44px -17px var(--darkgrey); padding: 40px; text-align: center; }
.submenu li:hover { background-color: #ffffff; }
.submenu li .name { font-size: 170%; }
.submenu li .description { margin-top: 20px; }

@media( min-width: 1200px )
{
    .submenu ul, .containboxes .items  { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--basepadding); }
    .submenu ul li, .containboxes .items>div { flex: 1; }
}

@media( max-width: 1199px )
{
    .submenu ul li, .containboxes .items>div { margin-bottom: var(--basepadding); }
}

/* Header */

.layoutheader .top { height: 120px; background-color: white; }
.layoutheader .top .items { margin: 0px auto; padding: 20px var(--basepadding) 20px var(--basepadding); display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.layoutheader .logo { color: var(--darkblue); font-size: 150%;}
.layoutheader .logo .util_textbox_inner { display: flex; align-items: center; }
.layoutheader .logo .imageleft { margin-right: 10px;}

@media ( min-width: 1000px )
{
  .layoutheader { top: 0px; position: fixed; z-index: 999999; width: 100%; }
  .layout_standard { padding-top: 175px; }
}

@media ( min-width: 600px ) and ( max-width: 999px )
{
  .layoutheader { top: 0px; position: fixed; z-index: 999999; width: 100%; }
  .layout_standard { padding-top: 230px; }
}

@media ( max-width: 599px )
{
  .layoutheader .top { top: 0px; position: fixed; z-index: 999999; width: 100%; }
  .layout_standard { padding-top: 120px; }
}

/* .layoutheader .layoutheader_inner { max-width: 1240px; margin: 20px auto; } */




.layoutheader .bottom .items .offer { color: white; background-color: var(--blue); padding: 0px 15px 0px var(--basepadding); height: 55px; display: flex; align-items: center; flex-direction: row; }
.layoutheader .bottom .items .offer .std_content_inner { width: 100%; }
.layoutheader .bottom .items .offer .content p { padding: 0px; text-align: center; }

.layoutheader .bottom .items .headerbooknow { text-transform: capitalize; background-color: var(--darkblue); transition: all .3s ease-in-out; height: 55px; text-align: center; line-height: 55px; }
.layoutheader .bottom .items .headerbooknow a { color: var(--beige); }
.layoutheader .bottom .items .headerbooknow:hover { background-color: var(--darkbeige); color: var(--darkblue) }


.layoutheader .bottom .items .social { background-color: var(--beige); height: 55px; }
.layoutheader .bottom .items .social .links {display: flex; justify-content: right; padding: 15px var(--basepadding) 15px 0px; }
.layoutheader .bottom .items .social .links li { padding-left: 20px; }
.layoutheader .bottom .items .social svg { 
  width: 20px; height: auto; 
  /* This is changing the colour of the svg \/ */
  filter: invert(37%) sepia(39%) saturate(349%) hue-rotate(155deg) brightness(89%) contrast(86%); 
}
.layoutheader .layoutheader_inner .bottom .items .social i { font-size: 110%; color: var(--blue); }

/*
@media( min-width: 1000px )
{
  .layoutheader .bottom .items { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
  .layoutheader .bottom .items .offer { width: 75%; }
  .layoutheader .bottom .items .social { width: 25%; }
}
*/

@media( min-width: 400px ) and ( max-width: 999px )
{
  .layoutheader .bottom .items { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
  .layoutheader .bottom .items .offer { width: 100%; }
  .layoutheader .bottom .items .headerbooknow { width: 30%; }
  .layoutheader .bottom .items .social { width: 70%; }
}

@media( min-width: 1000px )
{
  .layoutheader .bottom .items { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
  .layoutheader .bottom .items .offer { width: 45%; }
  .layoutheader .bottom .items .offer .content p { text-align: left; }
  .layoutheader .bottom .items .headerbooknow { width: 10%; }
  .layoutheader .bottom .items .social { width: 45%; }
}


/* Header Menu */

.layoutheader .menu a {color: var(--blue);transition: all .3s ease-in-out; }
.layoutheader .menu a:hover { color: var(--beige); }

@media ( min-width: 1000px )
{
  .toggle { display: none; }
  .layoutheader .top .items .menu ul { display: flex; justify-content: right; }
  .layoutheader .top .items .menu ul li { margin-left: 20px; }
}

@media ( max-width: 999px )
{
  .layoutheader .menu li a { color: white; }
  .layoutheader .toggle { position: absolute; top: 35px; right: var(--basepadding); cursor: pointer; background: var(--darkblue); padding: 7px 7px 0px 7px; border-radius: 7px;   }
  .layoutheader .toggleon ul { position: absolute; top: 120px; right: 0px; width: 100%; background-color: #000000dd; z-index: 50; text-align: center; padding: 25px 0px 20px 0px; }
  .layoutheader .toggleon li {  padding: 10px 0px 10px 0px; font-size: 120%; }
  .layoutheader .toggleoff ul { display: none; }
  .layoutheader .menu svg path  { fill: white;  }
  .layoutheader .menu svg { width: 30px; height: 30px;  }
}
@media ( max-width: 575px )
{
  .layoutheader .toggle { top: 10px; }
  .layoutheader .toggleon ul { top: 100px; }
}


/* Footer */

.layoutfooter { background-color: var(--darkblue); padding: 50px var(--basepadding) 0px var(--basepadding); color: var(--beige); }
.layoutfooter a { color: var(--beige); }
.layoutcredits { display: none; }
.layoutfooter .social ul { display: flex; justify-content: right; }
.layoutfooter .social ul li { padding-left: 10px; }

.layoutfooter .top .items>div, .layoutfooter .bottom .items>div { padding-bottom: 20px; text-align: center; }

@media( min-width: 1100px )
{
  .layoutfooter .top .items, .layoutfooter .bottom .items { display: flex; margin: 0px auto 0px auto; justify-content: space-between; }
  .layoutfooter .top .items>div:nth-of-type(1), .layoutfooter .bottom .items>div:nth-of-type(1) { width: 28%; text-align: left; }
  .layoutfooter .top .items>div:nth-of-type(2), .layoutfooter .bottom .items>div:nth-of-type(2) { width: 40%; text-align: center; }
  .layoutfooter .top .items>div:nth-of-type(3), .layoutfooter .bottom .items>div:nth-of-type(3) { width: 28%; text-align: right; }
}

.layoutfooter .top .titletxt { font-size: 150%; padding-bottom: 20px; }

.layoutfooter .field { padding-bottom: 10px; }
.layoutfooter .int_newsletter .field_group>.input { display: flex; justify-content: space-between; }
.layoutfooter .int_newsletter .field_group .field { width: 49%; }
.layoutfooter input[type=text] { background: none; border: none; border-bottom: 1px solid var(--beige); outline: none; width: 100%; color: var(--beige); padding: 5px; transition: all .3s ease-in-out; text-align: center; }
.layoutfooter input[type=text]:hover, .layoutfooter textarea:hover, .layoutfooter select:hover { border-bottom: 2px solid white; }
.layoutfooter input[type=submit], .layoutfooter a.button { background-color: var(--darkbeige); border-color: var(--darkbeige); color: var(--darkblue); margin-top: 15px; }
.layoutfooter input[type=submit]:hover, .layoutfooter a.button:hover { background: var(--darkblue); color: var(--darkbeige); }


/* Right */

.layoutright { position: fixed; }
.layoutright a { background: var(--darkblue); color: white; padding: 15px 25px; box-shadow: 0px 0px 1px 1px #ababab; position: fixed; bottom:0%; opacity: 1; right: 40px; transition: all .3s ease-in-out; }
.layoutright a:hover { background-color: white; box-shadow: 0px 0px 1px 1px var(--darkblue); color: var(--blue); text-decoration: none !important; }
.layoutright a .fas { border: 2px solid white; border-radius: 50%; padding: 3px 3px 0px 3px; margin-right: 10px; }
.layoutright a:hover .fas { border: 2px solid var(--darkblue); }
     

/* Terms and conditions / Privacy policy */

.tandc ul, .tandc ol { margin: 20px 0px 10px 20px; }
.tandc ul li { list-style: disc outside; }
.tandc ol li { list-style: decimal outside; }

.tandc .content { max-width: 1240px; margin: 20px auto; }
.tandc h2 { color: var(--blue); font-size: 170%; }
.tandc p a { text-decoration: underline; font-family: Formal; transition: all .3s ease-in-out; }
.tandc p a:hover { color: var(--darkgrey)  }

@media ( max-width: 1280px )
{
  .tandc .content { max-width: 95%; }
}


/* Home - Banner */

.home .banner { background-color: var(--white); padding: 0px !important; }
.home .banner .util_textbox_inner { display: flex; flex-wrap: wrap; }
.home .banner .imageleft {height: 700px;background-size: cover;width: 50%;}
.home .banner .content {width: 50%;color: var(--blue); padding: 20px 20px; height: 500px;}
.home .banner .content h2 {font-size: 340%;line-height: 1.3;}
.home .banner .content p:first-of-type {font-size: 180%;padding: 50px 0px 0px 0px; }
.home .banner .content p a { background-color: var(--darkbeige); padding: 15px 30px; font-size: 130%; text-transform: capitalize; color: var(--darkblue); transition: all .3s ease-in-out; }
.home .banner .content p a:hover { background-color: var(--darkblue); color: var(--beige); }
.home .banner h2, .home .banner p { margin: 20px;}

@media ( min-width: 1000px ) and ( max-width: 1280px )
{
  .home .banner .imageleft { background-position: left -150px center;}
}
@media ( max-width: 1000px )
{
  .home .banner .util_textbox_inner { flex-direction: column-reverse;}
  .home .banner .content p:first-of-type { padding: 20px 0px 0px 0px; }
  .home .banner h2, .home .banner p { margin: 0px; text-align: center;}
  .home .banner .content h2 { margin-top: 20px; }
  .home .banner .content { padding: 20px; height: 100%; }
  .home .banner .imageleft { height: 400px; width: 100%; }
  .home .banner .content { width: 100%; }
}


/* Home - Services */

.home .services, .containboxes { background-color: var(--beige); padding: 30px 0px; color: var(--black); text-align: center; }
.home .services .items, .home .services .titletxt, .home .services .introduction { max-width: 1240px; margin: 0px auto; }
.home .services .items>div, .containboxes .items>div { transition: all .3s ease-in-out; padding: 20px; box-shadow: 2px 6px 44px -17px gray; }
.home .services .items>div:hover, .containboxes .items>div:hover { background: var(--white); }
.home .services .items i { font-size: 300%; }
.home .services .items h3, .containboxes .items h3 { padding: 20px 0px; text-transform: capitalize; font-size: 170%; }
.home .services .items p:last-child, .containboxes .items p:last-child { color: var(--beige); background-color: var(--darkblue); padding: 10px 0px;}

.home .services .items p:first-of-type { min-height: 100px; }

.home .services .imagetop svg, .containboxes .imagetop svg { width: 70px; height: auto;}
.home .services .imagetop svg path, .containboxes .imagetop svg path { fill: var(--black); }

.containboxes .imagetop svg { height: 60px; width: auto;}

.containboxes { background-color: var(--lightbeige); }



/* Home - Business Founded */

.home .business { background-color: var(--white); }
.home .business .titletxt { font-size: 250%; color: var(--blue); text-align: center; padding: var(--basepadding) 0px var(--basepadding) 0px; }
.home .business .items .util_textbox_inner { display: flex; flex-wrap: wrap; align-items: center; max-width: 1240px; margin: 0px auto;}
.home .business .imageleft, .home .business .imageright { width: 50%; padding: var(--basepadding); text-align: center; }
.home .business .content {width: 50%;background-color: var(--blue);color: white; padding: var(--basepadding); min-height: 280px;}
.home .business .content h2 {  font-size: 250%; padding-bottom: 30px;  }

.std_contentpage .pagecomponents_inner>.business { padding: 0px; }

@media ( max-width: 1280px )
{
  .home .business { max-width: 95%; }
}
@media ( min-width: 736px)
{
  .home .business .items .util_textbox:nth-child(1) { background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(72,101,115,1) 50%, rgba(72,101,115,1) 100%); }
  .home .business .items .util_textbox:nth-child(2) { background: linear-gradient(90deg, rgba(72,101,115,1) 0%, rgba(72,101,115,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); }
  
}
@media ( max-width: 735px )
{
  .home .business .items .util_textbox_inner { flex-direction: column; }
  .home .business .imageleft, .home .business .imageright, .home .business .content { width: 100%; }
  .home .business .items .util_textbox:nth-child(2) .util_textbox_inner { flex-direction: column-reverse;}
}

/* Home - Affiliations */

.home .affiliations { background-color: var(--grey); color: var(--black); text-align: center; }
.home .affiliations .items .util_textbox { padding: 20px; transition: all .3s ease-in-out; box-shadow: 2px 6px 44px -17px var(--darkgrey); }
.home .affiliations .items .util_textbox:hover { background-color: var(--white); }
.home .affiliations .items .util_textbox .imagetop { height: 120px; width: 120px;  background-size: cover; margin: 0px auto; border-radius: 50%; background-position: center center; }
.home .affiliations .items .util_textbox.cdsds .imagetop {background-size: contain;border: 1px solid white; background-color: white;}
.home .affiliations .items .util_textbox h3 { font-size: 170%; padding: 30px 0px; }

@media ( max-width: 1280px )
{
  .home .affiliations .items { max-width: 95%; }
}
@media ( max-width: 800px )
{
  .home .affiliations .items .util_textbox { width: 100%; }
}

/* Home - Organisations */

.home .organisations { background-color: var(--white); }
.home .organisations .items ul { max-width: 1030px; margin: 0px auto; display: flex; flex-wrap: wrap;  align-items: center; gap: 20px; justify-content: space-evenly; }

.home .organisations .items ul li img { max-width: 150px; height: auto; }


/* Home - Meet */

.home .meet { background-color: var(--beige); }
.home .meet .util_textbox_inner { max-width: 800px; margin: 0px auto; display: flex;  }
.home .meet .imageright { width: 40%; height: 400px; background-size: cover; }
.home .meet .content { position: relative; width: 50%;}
.home .meet .content a { position: absolute; bottom: 0; left: 20px; background-color: var(--darkbeige);  padding: 15px 25px; color: var(--darkblue); transition: all .3s ease-in-out; text-transform: capitalize;}
.home .meet .content a:hover { background-color: var(--darkblue); color: white; }
.home .meet .content h2 { background: var(--blue); color: white; padding: 20px 20px 10px 20px; font-size: 160%;  }
.home .meet .content h3 { background: var(--blue); color: white; padding: 0px 20px 20px 20px; font-size: 120%; font-weight: 300; }
.home .meet .content p:first-of-type { padding: 50px 20px; color: var(--blue); line-height: 2; }

@media ( max-width: 840px )
{
  .home .meet .util_textbox_inner { max-width: 95%; }
}
@media ( max-width: 650px )
{
  .home .meet .util_textbox_inner { flex-direction: column;}
  .home .meet .imageright, .home .meet .content { width: 100%; background-size: contain;}
}

/* Home - Specialties */

.home .specialties { background-color: var(--beige); }
.home .specialties .util_textbox_inner { max-width: 1240px; margin: 0px auto; padding: 70px 0px; }
.home .specialties h2 { background-color: var(--blue); color: white; padding: 40px 0px; }
.home .specialties ul {  display: flex; flex-wrap: wrap; }
.home .specialties ul li { border: 1px solid var(--blue); width: 248px; height: 248px; padding: 50px;text-align: center; color: var(--darkblue); }
.home .specialties ul li i { font-size: 250%; padding-bottom: 30px; }
.home .specialties ul li p { font-size: 120%; }
.home .specialties .content>p { text-align: center; margin-top: 50px;}
.home .specialties a, .home .book a { background-color: var(--darkbeige); color: var(--darkblue); padding: 15px 25px; text-transform: capitalize; transition: all .3s ease-in-out; text-align: center; }
.home .specialties .content a:hover, .home .book a:hover { background-color: var(--darkblue); color: white; }

@media ( max-width: 1280px )
{
  .home .specialties .util_textbox_inner { max-width: 95%; }
}
@media ( max-width: 900px )
{
  .home .specialties ul { flex-direction: column; }
  .home .specialties ul li { width: 100%; }
}

/* Home - Book */

.home .book { background-image: url(/images/Y5jGwkyjSNqCpTXZjTCD334111.jpg); background-size: cover; color: white; position: relative; }
.home .book .content { max-width: 1240px; margin: 0px auto; font-weight: bold; background-color: #486573cc; }
.home .book .content p { padding: 20px 20px 40px 20px;}
.home .book .content p:first-of-type { font-size: 200%; padding: 20px;}
.home .book a { padding: 15px 50px; }

/* Home - Testimonials */

.testimonial { max-width: none !important; }
/*
.testimonial .carousel { border-left: solid var(--white) 55px; border-right: solid var(--white) 55px; }
*/
.testimonial .nextprevious { position: absolute; margin-top: -200px; font-size: 250%; width: 100%; left: 0px; padding: 0px 5px 0px 5px; } 
.testimonial .nextprevious a { margin: 0px; }
.testimonial .carousel-next, .testimonial .carousel-prev { color: var(--darkblue); }
.testimonial .carousel-next { float: right; }
.testimonial .carousel-prev { float: left; }
.testimonial .std_content .titletxt { color: var(--darkbeige); font-weight: 700; font-size: 600%; text-align: left; height: 50px; width: 50px; margin-bottom: 20px; }
.testimonial .std_content_inner .content{ margin: 0 auto;  }
.testimonial .carousel li { padding: 0px 20px; width: 330px; background-color: var(--lightbeige); }
.testimonial .carousel li p:first-of-type { min-height: 250px; }
.testimonial .carousel li p:last-of-type { color: var(--blue); font-size: 110%;}
.testimonial li i.fas.fa-star {padding-bottom: 10px;}

@media( max-width: 799px )
{
	.testimonial .nextprevious { font-size: 150%; }
}

/* Home Connect */

.home .connect { background-color: var(--beige); }
.home .connect  ul { max-width: 1240px; margin: 0px auto; display: flex;}
.home .connect  ul li { width: 20%; text-align: center; padding: 20px; transition: all .3s ease-in; }
.home .connect  ul li:hover { box-shadow: 2px 6px 44px -17px gray; }
.home .connect  ul li i {  font-size: 500%; width: 100%; color: var(--darkblue) }
.home .connect  ul li svg { height: 80px; fill: var(--darkblue)}

@media ( max-width: 1280px )
{
  .home .connect  ul { max-width: 95%; }
  .home .connect { padding: 40px 0px;}
}
@media ( max-width: 900px )
{
  .home .connect { padding: 20px 0px;}
}
@media ( max-width: 655px )
{
  .home .connect h2 { max-width: 95% }
  .home .connect  ul { flex-direction: column; justify-content: center; }
  .home .connect  ul li { width: 100%; }
}

/* Contact */

input[type=text], select, textarea  { width: 100%; }

@media( min-width: 800px )
{
  .contact .formbuilder { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .contact .formbuilder .field { width: 48%; }      
}

.contact .formbuilder .field_area, .contact .formbuilder .field_multiselect, .contact .formbuilder .field_checkbox { width: 100%; }
.contact .formbuilder #fb-8-div { width: 15%; }
.contact .formbuilder #fb-1-div, .contact .formbuilder #fb-2-div { width: 40%; }
.contact .formbuilder .label { font-weight: bold; padding-bottom: 10px; }
.contact .formbuilder .field_group>.label { padding: 0px; }

.contact .surv_standard .form { margin: 0px auto; color: var(--black); }
.contact .form .field { padding-bottom: 20px; }
.contact .form .field_group>.input {display: flex;justify-content: space-between;flex-wrap: wrap;}

.contact .form input[type=text], .contact .form select, .contact .form textarea { color: var(--darkblue); background: none; border: none; border-bottom: 1px solid var(--darkblue); border-radius: none; padding: 5px; }
.contact .form input[type=text]:hover, .contact .form select:hover, .contact .form textarea:hover { border-bottom: 2px solid var(--darkblue);  }
.contact .form textarea { max-width: 100%; }

.contact .form .field_multiselect .input { display: block;}
.contact .form .field_multiselect>div ul { display: flex; justify-content: space-evenly; flex-wrap: wrap; }
.contact .form .field_multiselect>div ul li { width: 33.33%; margin-bottom: 10px; }

.contact .form .message { color: red; font-family: Caudex; margin-bottom: 20px; }
.contact .surv_standard .confirm { text-align: center; font-size: 150%; }

.contact .form .field_checkbox .input { display: block; position: relative;}
.contact .form .field_checkbox .input>div { width: 100%;  }



/* Page not found */ 

.resources .pagecontent, .together>.content, .about>.content, .gallery>.content, .pagenotfound .content { text-align: center; }
.pagenotfound .content { font-size: 140%; }

@media ( max-width: 840px )
{
  .pagenotfound .content { width: 95%; margin: 0px auto;}
}


/* Gallery */

.gallery .feat_carousel { padding-top: 0px !important; }
.gallery .feat_carousel .carousel>ul>li { height: 400px; width: 400px; background-size: cover; }
.gallery .feat_carousel .carousel>ul>li .caption { margin-top: 350px; height: 50px; text-align: center; background-color: #000000aa; color: var(--white); display: flex; align-items: center; justify-content: center; padding: 0px 10px 0px 10px; font-size: 90%; }



/* About */

.meet .util_textbox_inner { display: flex; align-items: center; gap: 20px; }

.about .bios { text-align: center; }
.about .bios ul { display: flex; justify-content: center; padding: 0px; }
.about .bios ul img { border: solid var(--black) 1px; }
.about .bios ul li { margin: 0px; padding: 0px 20px 40px 20px; }
.about .bios ul li::before { display: none; }

@media ( max-width: 799px )
{
  .about .util_textbox_inner { flex-direction: column; align-items: center;}
  .about h3 { text-align: center;}
}


/* Podcasts */

.podcasts .pagecomponents_inner { display: flex; flex-wrap: wrap; }
.podcasts .pagecomponents .util_mediaplayer { width: 33.3%; padding: 40px; margin: 0px; }
.podcasts .pagecomponents .util_mediaplayer:nth-child(2n) { background: var(--darkbeige); }
.podcasts .pagecomponents .util_mediaplayer:nth-child(2n+1) { background: var(--lightbeige); }
.podcasts .pagecomponents .util_mediaplayer .titletxt { font-weight: bold; padding-bottom: 10px; min-height: 60px; }
.podcasts .pagecomponents .util_mediaplayer .introduction { float: left; clear: left; width: 60%; }
.podcasts .pagecomponents .util_mediaplayer .image { padding-bottom: 20px; float: bottom; width: 100%; text-align: right; }
.podcasts .pagecomponents .util_mediaplayer img { max-width: 100%; height: auto; display: block; }
.podcasts .pagecomponents .util_mediaplayer .jwplayer { clear: both; }


/* Expandable text boxes */

.util_expandtext { padding: 0px var(--basepadding) 20px var(--basepadding) !important; }
.util_expandtext .link a { display: block; background-color: var(--beige); padding: 10px; }
.util_expandtext .link a:hover { background-color: var(--darkblue); color: var(--beige); }
.util_expandtext .text { padding: 10px 0px 10px 0px; }