@font-face {
  font-family: "GlyphiconsHalflingsRegular";
  src: url("/library/fonts/GlyphiconsHalflings/Regular.otf")
    format("opentype");
}


:root
{
  --white: #ffffff;
	--black: #1d1d1d;
	--darkblue: #44589a;
	--yellow: #ffe400;
	--brightblue: #4aacff;
	--lightgrey: #eaeaea;
	--darkgrey: #aaaaaa;
  --searchbar: #f0f0f0;
}
 


* { 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: "arboria", sans-serif; font-size: 100%; line-height: 1.2; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
a {color: var(--darkblue);font-family: "arboria", sans-serif;font-weight: 700;text-decoration: none;/* color: black; */}
p {padding: 0px 0px 20px 0px;margin: 0px;line-height: 1.5;}
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%;color: #000000; font-family: "arboria", sans-serif; font-weight: 500;}
fieldset { padding: 0px; margin: 0px; border: none; }
input, textarea, select {font-size: 90%;background: white;border: 2px solid var(--lightgrey);padding: 5px;color: #000000;box-sizing: border-box;font-family: "arboria", sans-serif;}
input[type=text], input[type=password]  {height: 30px;}
input[type=button], input[type=submit], a.button, button,.memb_tutorstudent .sessions .formbuilder .addlink a, .memb_tutorstudent .sessions .formbuilder .item .removelink a  {cursor: pointer;background-color: var(--brightblue);color: #ffffff;padding: 10px 20px 10px 20px;border: none;font-size: 100%;font-family: "arboria", sans-serif; display: inline-block; }
input[type=button]:hover, input[type=submit]:hover, a.button:hover, button:hover, .memb_tutorstudent .sessions .formbuilder .item .removelink a:hover { opacity: 0.6; text-decoration: none; }
a.button, #assessmentreport button { background-color: var(--darkblue); }

table a.button, table button { padding: 5px 7px; font-size: 90%; display: inline-block; }

a.button:hover { text-decoration: none; }
a.button.disabled { background-color: var(--darkgrey); cursor: default; }
select {height: 30px;padding-right: 30px;background-image: url(/images/VbwVdgjbkGOZHQD3onwt.svg);background-repeat: no-repeat;background-position: right 10px center;background-size: 10px;background-color: #fff;}
strong {font-weight: normal;font-family: "arboria", sans-serif; font-weight: 700;}
table { border-spacing: 0px; }
td, th { padding: 0px; text-align: left; vertical-align: top; }
.hidden {display: none;}
.spacer {clear: both;height: 20px;}
::placeholder { color:#000000;}
select { appearance: none; }
h2, .surv_standard .titletxt {font-size: 150%;padding-bottom: 15px; font-family: "arboria", sans-serif; font-weight: 500; }

/* span.red { display: none !important; }  */

@media (max-width:1239px)
{
  select { background-size: 10px;}
}
 


.size1, .size2, .size3 { cursor: pointer; }
.button1 { font-size: 80%;}
.button2 { font-size: 90%; }
body.size1 { font-size: smaller; }
body.size2 { font-size: normal; }
body.size3 { font-size: larger; }

/* Layout, Left Layout and general rules */

.layoutheader {background-color: var(--darkblue); color: var(--white); padding: 10px; height: 60px; }
.layoutheader a {color:var(--white);}
.layoutheader_inner, .layoutheader .feat_textsize, .layoutheader .feat_textsize ul, .socialmedia ul {display:flex;}
.pageheader, .shop_basketpage h1 { background-color: black; color: var(--white); }
.section89 .pageheader { display: none; }
.pageheader_inner { display:flex; align-items: center; } 
.titles {display:flex;flex-direction: column;}
.pageheader .details {display:flex;/* justify-content: space-between; *//* width: 80%; *//* width: 300px; */gap: 20px;/* flex-direction: column; */}
.pagetitle { color: white; }
/*
.pagenotfound .pagetitle {color:black; text-align:center; }
.memb_commcentre, .section34 .layoutmiddle {background-color:var(--lightgrey); padding-bottom: 30px; }
*/
.pagetitle, .pagesubtitle, .shop_basketpage h1  { font-size: 180%; padding: 0px; }

@media (min-width: 1000px)
{
  .layoutmain {background-color: var(--lightgrey); }
}

.terms .pagecontent, .sitemap .pagecomponents { padding: 50px 0px; }
.terms .pagecontent_inner, .sitemap .pagecomponents_inner { background: white; padding: 50px; }

.sitemap .pagecomponents a { color: var(--darkblue); }
.section65 .layoutleft .leftadvcertevents,.section66 .layoutleft .leftintcertevents, .section3 .leftevents, .section86 .leftevents, .section4 .guidesandpolicies, .section2 .guidesandpolicies, .section52 .guidesandpolicies,.section4 .logout, .section2 .logout, .section52 .logout, .layout_standard.section310.section34.section1.sectionlevel3 .leftevents {display:none;}
.int_cert .course_list p , .advcert .course_list p { padding: 0px 0px 10px 0px;}
.advcert img, .int_cert img { border-top: 1px solid var(--lightgrey); border-bottom: 1px solid var(--lightgrey);}
.section2 .std_contentpage .pagecontent h2 {color: var(--darkblue);}


.event_coursepage .description ul, .event_coursepage .description ol, .event_coursepage .lessondetails ul, .std_contentpage .pagecontent ul, .std_contentpage .pagecontent ol, .news_stylea .article ul, .news_stylea .article ol
  { margin: 10px 0px 20px 20px; line-height: 1.5; }
.event_coursepage .description ul li, .event_coursepage .lessondetails ul li, .std_contentpage .pagecontent ul li, .news_stylea .article ul li
  { list-style: disc; padding: 0px 0px 5px 10px; }
.event_coursepage .description ol li, .std_contentpage .pagecontent ol li, .news_stylea .article ol li
  { list-style: decimal; padding: 0px 0px 5px 10px; }
.event_coursepage .description img.left, .std_contentpage .pagecontent img.left, .news_stylea .article img.left
  { margin: 0px 20px 20px 0px; }
.event_coursepage .description img.right, .std_contentpage .pagecontent img.right, .news_stylea .article img.right
  { margin: 0px 0px 20px 20px; }
.news_stylea .article img.aligncenter { display: block; margin: 0px auto 0px auto; }

.event_coursepage .pagebanner_inner, .memb_tutorprofile .pagebanner_inner, .pagebanner { background-size: cover; height:220px; width: 315px; overflow: hidden; }

@media ( max-width: 720px )
{
  .certcourses img { width: 100%; height: auto; }
}
@media ( max-width: 570px )
{
  .profgen img { width: 100%; height: auto; }
}

@media (min-width: 1240px)
{
  .pageheader, .shop_basketpage h1 { max-width: 1240px; left: 50%; margin-left: -620px; }
  .event_coursepage .pagebanner_inner, .memb_tutorprofile .pagebanner_inner, .pagebanner { margin-right: 70px; }
}

@media (min-width: 1000px) and (max-width: 1239px)
{
  .pageheader { left: 0px; }
  .event_coursepage .pagebanner_inner, .memb_tutorprofile .pagebanner_inner, .pagebanner { margin-right: 30px; }
}

@media (min-width: 1000px) 
{
  a:hover {text-decoration: underline;}
  .layoutheader_inner, .memb_tutorprofile, .section34 .pagecomponents_inner, .section34 .pagecontent_inner, .memb_commcentre_inner, .event_coursepage, .blogpost {max-width: 1240px;margin: 0px auto 0px auto;}
  .pageheader, .shop_basketpage h1 { width: 100%; position: absolute; top: 200px; height: 220px; }
  .pagebanner_inner img, .event_coursepage .pagebanner ,.memb_tutorprofile .pagebanner {width: auto;height: 220px;}
  .home .carousel, .home .course_container .items {max-width: 1240px;margin: 0px auto 0px auto;}
  .layouttopmenu {height: 385px;}
  .section89 .layouttopmenu, .layout_phpbb .layouttopmenu { height: 140px; }
  .pageheader_inner { height: 220px; }
  .pagenotfound .pagetitle {padding: 50px 0px;}
  .event_coursepage .pagetitle, .memb_tutorprofile .pagetitle {padding: 0px 100px 20px 0px;}
  .pagesubtitle {padding-bottom:0px;}
  .layoutleft .link281, .layoutleft .link266 { display: none; }
}

@media (max-width: 999px)
{
  .pageheader_inner {align-items: center;flex-direction: column;}
  .pagecontent {padding: 30px 0px;}

  .event_coursepage .pagebanner_inner, .memb_tutorprofile .pagebanner_inner, .pagebanner { display: none; }

  .layouttopmenu { padding-bottom: 20px;}
  .pagetitle, .shop_basketpage h1 { padding: 20px;text-align: center;}
}

@media ( max-width: 720px) /* course finder header as it includes subtitle */
{
  .fullcourselist .pageheader_inner {flex-direction: column;}
  .fullcourselist .title { padding: 10px 0px 0px 0px;}
  .fullcourselist .subtitle {padding: 0px 0px 30px 0px;}
}


/* General Content pages */

.pagecontent img { max-width: 100%; height: auto; }
.section34 .pagecontent, .condleft .pagecontent { background-color:white;}
.section89 .layoutmiddle { max-width:1240px;margin: 0px auto;}
.std_contentpage h2 a {color: var(--darkblue);}
.std_contentpage>h2 {font-size: 110%;padding-top: 20px;}
.layoutleft .nav_multilevel .link249 a { background: var(--darkblue); color: white;  }
.layoutleft .nav_multilevel .link249 a:hover { color: black; }

.layoutleft .nav_multilevel a, .layoutleft .logout a {padding: 7px 20px;line-height: 2.35;display: block; color: black; font-family: "arboria", sans-serif;}
.layoutleft .nav_multilevel .level2 a {padding: 7px 30px; font-size: 90%;}
.layoutleft .nav_multilevel .level3 a { padding: 7px 40px;}
.condleft .event_list ul {display:flex;flex-direction: column;align-items: center;}
.condleft .event_list{text-align: center; }
.condleft .event_list h2, .condleft .helpguideslist h2{ text-transform: uppercase; font-size: 100%;}
.condleft .event_list li .image , .condleft .event_list li .bgimage {width: 220px;height: 220px;background-size: cover;}
.condleft .event_list li .image img {height: 200px; background-size: contain;}
.condleft .event_list li .name a {color:var(--darkblue);}
.condleft .event_list li .name {width: 220px;padding: 10px 0px 40px 0px;margin: 0px auto;}
.condleft .layoutleft_inner {background-color:white;}
.section52 .layoutleft .nav_multilevel, .section4 .layoutleft .nav_multilevel, .section2 .leftevents, .section2 .leftcertevents, .section4 .leftcertevents,  .section2 .dbase_random, .section8 .event_list, .section7 .event_list {display:none;}
.section65 .leftcertevents, .section66 .leftcertevents { display:block; margin-top:40px;}
.sitemap .nav_sitemap {line-height: 30px;}
.sitemap .nav_sitemap .level2 {padding-left:10px;}
.sitemap .nav_sitemap .level3 {padding-left: 20px;}
.pagecomponents {background-color: white;}
.section34 .pagecontent p a {color: var(--darkblue);}
.guidesandpolicies { max-width:315px}
.guidesandpolicies li { background-image:url(/images/TcKKNNzLceMjdTcqYfOW.svg); background-position: left; background-size: 10px;}
.guidesandpolicies li {margin-bottom:15px;}
.guidesandpolicies .text, .guidesandpolicies li a { padding-left:20px;}
.guidesandpolicies .util_expandtext .fa-file-pdf { margin:0px 10px 0px 10px;}
.util_expandtext .link a {display: block;padding: 10px 0px 10px 0px;  padding: 7px 20px;line-height: 2.35; color: black; font-family: "arboria", sans-serif;}

/* .certcourses p:nth-of-type(7) { font-family: "arboria", sans-serif;font-weight: 700; } */
.certcourses p:nth-of-type(8), .certcourses p:nth-of-type(9){ /* text-align: center; */}
.certcourses p a img { border-top: 1px solid var(--lightgrey);border-bottom: 1px solid var(--lightgrey); }
.certcourses p a img:hover {border-top: 1px solid var(--darkblue); border-bottom: 1px solid var(--darkblue);}

@media (min-width: 1000px) 
{
  /* 2 column layout */
  .condleft .layoutmiddle, .fullcourselist .coursesearch .html, .memb_tutorprofile .mainarea, .event_coursepage .mainarea { display: flex; gap: 30px; max-width: 1240px; margin: 45px auto; justify-content: space-between; }
  .condleft .layoutleft, .fullcourselist .coursesearch .filters, .event_coursepage .comingsoon { width: 315px; min-width: 315px; }
  .condleft .layoutleft, .event_coursepage .comingsoon, .memb_tutorprofile .comingsoon { background-color: white; padding: 45px 25px 45px 25px; border-top: 5px solid var(--brightblue); }
  .condleft .layoutcontent, .fullcourselist .coursesearch .results, .event_coursepage .content, .memb_tutorprofile .content { width: 100%; max-width: 855px; background-color: var(--white); padding: 45px; }

  .condleft .layoutleft .nav_multilevel a:hover, .layoutleft .logout a:hover{ background-color: var(--lightgrey);}
  .terms .pagecontent, .sitemap .pagecomponents {max-width: 1240px; margin: 0px auto 30px auto;}
  .terms .pagecontent a { color: var(--darkblue);}
  .terms .pagecontent a:hover {text-decoration: underline;}
  .sitemap .pagecomponents {padding-top: 50px;}
}

.leftcertevents { display: none; }

@media ( min-width: 1000px ) and ( max-width: 1239px )
{
  .condleft .layoutmiddle { display:flex; margin: 45px auto; }
  /*.condleft .layoutleft { margin-right: 30px; width: 270px;} */
  .leftevents { margin-top: 0px; padding-top: 10px } 
}

@media (max-width: 999px)
{
  .condleft .layoutleft, .event_coursepage .comingsoon, .blogpost .comingsoon, .memb_tutorprofile .comingsoon {display:none;} 
  .condleft .layoutcontent, .fullcourselist .coursesearch .results, .event_coursepage .content, .memb_tutorprofile .content { background-color: var(--white); padding: 0px; }
  .pagecontent, .pagecomponents, .blogpost .mainarea, .event_eventpage  { padding: 20px; }
}
  
/* Header */

.layoutheader_inner { flex-direction: row;}
.layoutheader .feat_textsize li {padding: 0px 2px;}
.layoutheader .feat_textsize .titletxt { color: white;  padding: 0px 2px 0px 0px;}

.layoutheader .feat_textsize .titletxt{font-size: 110%;font-family: "raleway", sans-serif;}

.layoutheader .util_sitesearchbar .form {background-color: var(--searchbar);border-radius: 25px;}
.layoutheader .util_sitesearchbar .form input {width: 230px;border-radius: 25px;}
.layoutheader .util_sitesearchbar .form input, .util_sitesearchbar .form button {border: none;}
.layoutheader .util_sitesearchbar input[type=text] {padding-left: 10px;background-color: var(--searchbar);width: 75%; outline: none; }
.layoutheader .util_sitesearchbar .form button {background-color: transparent; width: 15%;  }
.layoutheader .util_sitesearchbar .form button .fas,.fa-shopping-basket {color: var(--darkblue);}

.layoutheader .feat_textsize, .layoutheader .headersignin, .layoutheader .socialmedia, .shop_basketlink { margin-top: 5px;}
.socialmedia li { padding: 0px 5px;}
.socialmedia li a, .shop_basketlink a {padding: 2px 0px 0px 1px;background-color: white;display: block;text-align: center;width: 22px;height: 22px;border-radius: 22px;}
.layoutheader .socialmedia li .fab {color: var(--darkblue);font-size: 90%;}
.layoutheader .headersignin { width: 15%; margin-top:10px; text-align: right; }
.shop_basketlink .items { position:absolute; margin-left: 5px; color:white; font-weight:bold; }

@media (min-width:1240px)
{
  .layoutheader .headersignin, .layoutheader .util_sitesearchbar{padding: 0px 10px;}
  .layoutheader .socialmedia { padding: 0px 5px 0px 0px;}
  .layoutheader .feat_textsize {width: 56%;}
}

@media (max-width: 1239px)
{
  .layoutheader .util_sitesearchbar { display:none;}
  .layoutheader .feat_textsize { width: 70%;}
  
}

@media ( max-width: 1239px) AND (min-width: 600px)
{
  .layoutheader .headersignin, .layoutheader .util_sitesearchbar, .layoutheader .socialmedia {padding: 0px 5px;}
}

@media (max-width:599px)
{
  .layoutheader .headersignin { margin-left: 10px; display: none; }
}

/* Menu */

.layouttopmenu, .layoutfooter { background-color:white;}
.layouttopmenu .headerlogo { margin: 10px 0px 0px 10px; }
.layouttopmenu_inner { display:flex; justify-content: space-between; align-items: center;}
.layouttopmenu .nav_multilevel .level2 a, .layouttopmenu .nav_multilevel .level3 a,  .layouttopmenu .nav_multilevel .level4 a {color:white;}

.layouttopmenu .nav_multilevel { font-family: "arboria", sans-serif; font-size: 110%;}



@media (max-width: 400px)
{
  .layouttopmenu .headerlogo img { max-width: 180px; height: auto; }
}


@media (min-width: 1240px)
{
  .layouttopmenu_inner { max-width: 1240px; margin: 0px auto;}
  .layouttopmenu .nav_multilevel {float: right;}
  .layouttopmenu .nav_multilevel ul {display:flex;flex-direction: row;align-items: center;}
  .layouttopmenu .nav_multilevel .level2 {line-height: 40px; margin-top: 10px;}
  .layouttopmenu .nav_multilevel li { padding: 0px 20px;}
  .layouttopmenu .nav_multilevel li a { color: black; font-family: "arboria", sans-serif; font-weight: 400;}
	.layouttopmenu .nav_multilevel .link54 { display:none;}

  .layouttopmenu .toggle, .layouttopmenu .nav_multilevel .titletxt {display: none;} 
  .layouttopmenu .nav_multilevel .level2 { background-color: var(--darkblue); }
  .layouttopmenu .nav_multilevel .level2 { display:none;}
  .layouttopmenu .nav_multilevel .level1 li:hover .level2{ display:block; position: absolute; z-index: 9999; margin-top:0px}
  .layouttopmenu .nav_multilevel .level3 { display:block;}
  .layouttopmenu .nav_multilevel .expand { display:none;}

  .layouttopmenu .nav_multilevel .link3 .level2 li, .layouttopmenu .nav_multilevel .link86 .level2 li, .layouttopmenu .nav_multilevel .level3 li {display:none;}
  
  /* Webinar Menu */
  
  .layouttopmenu .link311, .layouttopmenu .link312, .layouttopmenu .link313, .layouttopmenu .link314,.layouttopmenu .link315 {
	  display: none;
	}
}

@media ( max-width: 1239px) 
{
  .layouttopmenu .toggle {position:absolute;top:95px;right:20px;cursor:pointer;}
  .layouttopmenu .toggleon .level1 {display:block;position: absolute;top: 195px;right: 0px;width: 100%;background-color: var(--darkblue);z-index: 50;padding: 20px 0px;}
  .layouttopmenu .toggleon li{padding: 10px 0px 10px 20px;}
  .layouttopmenu .toggleoff ul{display:none;}
  .layouttopmenu svg path {fill: var(--darkblue);}
  .layouttopmenu svg {width: 60px; height: 60px;}
  .layouttopmenu .titletxt { position: absolute; right: 27px; top: 75px;  color: var(--darkblue); text-transform: uppercase;}
  .layouttopmenu .nav_multilevel .level1 a {color:white;}
  .layouttopmenu .nav_multilevel .expand {color: white;cursor: pointer; float:right;padding-right: 30px;}
  .layouttopmenu .nav_multilevel .level2,   .layouttopmenu .nav_multilevel .level3 {display:none;}
}



/* Homepage */

.home .pagecomponents { background:none; padding: 0px;}
.section89 .layoutmiddle { max-width: none;}
.home .homecarousel, .home .course_container {background:white;padding:60px 0px 50px 0px;}
.home .homecarousel, .home .course_container h2 a { color: black;}
.home .homecarousel { padding: 0px 0px 25px 0px; }
.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; height: 100%; list-style-type: none; }

.homecarousel .carousel {height: 220px;background-color: #000000;color: white;max-width: 1240px;margin: 0px auto 0px auto; }
.homecarousel .carousel>ul { width: 20000em; position: relative; height: 100%; }
.homecarousel .carousel li {float: left;overflow: hidden;width: 1240px;}
.homecarousel .carousel li .util_textbox .util_textbox_inner .content { font-size: 115%; }
.homecarousel .carousel li .util_textbox .util_textbox_inner .content p {line-height: 25px;padding:  0px;}
.homecarousel .carousel li .util_textbox h1 {color: white;  }
.homecarousel .jcarousel-control.skip { position: absolute; top: 370px; width: 100px; left: 30px; }
.homecarousel .jcarousel-control.skip a {display: block;float: left;width: 15px;height: 15px;border-radius: 100%;background-color: grey; font-size: 0; margin-right: 15px;}
.homecarousel .jcarousel-control.skip a.active {background-color: white;}

.homecarousel li .util_textbox .util_textbox_inner h1 {font-size: 170%; }
.homecarousel li .util_textbox .util_textbox_inner .imageright { margin-left: 700px; }
.homecarousel li .util_textbox .util_textbox_inner .imageright img {border-radius: 250px 0px 0px 250px; top: -30px;height: 240px;}

.course_container .util_textbox { text-align: center; max-width: 500px; margin: 0px auto 20px auto; }
.course_container .util_textbox h2 { line-height: 30px;}
.course_container .anytimecourses h2 {border-bottom: 6px solid var(--yellow);font-size:150%;}
.course_container .tutorledcourses h2 {border-bottom: 6px solid var(--brightblue);font-size:150%;}
.course_container .certificatecourses h2 {border-bottom: 6px solid var(--darkblue);font-size:150%;}
.course_container .util_textbox .content {padding: 30px 10px 20px 10px;}
.course_container .util_textbox .imagebottom img { width: 100%; height: auto;}
.upcomingcourses, .homewelcome {background-color: var(--lightgrey);padding: 35px 0px;}
 
.upcomingcourses .items, .homewelcome .std_content_inner { background-color: var(--white); }
.upcomingcourses .textandlink .util_textbox_inner { padding: 50px 80px 0px 80px;  }

.homewelcome { padding-bottom: 50px;}
.homewelcome .std_content_inner h1 { font-size: 140%; }

@media ( min-width: 1200px )
{
  .homecarousel li .util_textbox .util_textbox_inner .imageright { margin-left: 900px; }
}
@media ( max-width: 1000px )
{
  .homewelcome .std_content_inner { padding: 20px;}
}
  
.upcomingcourses .homecourselist .titletxt { font-size: 150%; display:inline;}

.upcomingcourses .homecourselist .toplinks a { display:block;text-transform: uppercase; text-decoration: underline; color: var(--darkblue);margin-top: 10px; font-family: "arboria", sans-serif;font-weight: 700;}
.upcomingcourses .homecourselist .toplinks a:hover { opacity: 0.8; }
.upcomingcourses .homecourselist .html { padding-top: 40px;}
.upcomingcourses .homecourselist .html>h3 { background-color: var(--darkblue); color: var(--white); clear:both; padding: 10px; margin-bottom: 25px; display:inline-block;}

.homevideo { max-width: 900px; margin: 0px auto 0px auto; background-color: var(--white); margin-bottom: 35px; }
.homevideo iframe { width: 100%; height: auto; aspect-ratio: 16 / 9; }

@media (max-width: 980px)
{
  .homecarousel li .util_textbox .util_textbox_inner h1 { padding: 10px; margin-top: 0px; }
  .homecarousel li .util_textbox .util_textbox_inner p { margin-left: 10px;}
  .homecarousel li .util_textbox .util_textbox_inner .content { padding: 0px 30px 0px 30px; }
}
  
  


@media (min-width: 980px)
{
  .homecarousel .jcarousel-control.skip { left: 70px; }
  .homecarousel li .util_textbox .util_textbox_inner h1, .homecarousel li .util_textbox .util_textbox_inner p {width: 600px;position: absolute;margin-top: 45px;left: 50px;font-size: 170%;}
  .homecarousel li .util_textbox .util_textbox_inner p { margin-top: 90px; font-size: 100%; width: 500px; }
  .homecarousel li .util_textbox .util_textbox_inner .content {width: 600px;position: absolute;/* margin: 130px 0px 0px 70px; */}
}


@media (min-width: 1000px)
{
	.homevideo { padding: 80px; }
  .course_container .items { display:flex; flex-direction:row; justify-content:space-between; gap: 15px; }
  .course_container .spacer { display: none; }
}

@media (min-width: 1240px)
{
  .homecarousel .jcarousel-control.skip { left: 50%; margin-left: -550px; }
}

@media ( max-width: 1280px )
{
  .homecarousel li .util_textbox .util_textbox_inner .imageright img {  width: auto; right: -220px; top: 0 }
  .homecarousel .carousel {max-width: 96%;position: relative; }
}
@media ( max-width: 985px )
{
  .homecarousel .carousel { height: 130px; min-height: 0; }
  .homecarousel li .util_textbox .util_textbox_inner .imageright img {  height: 240px; right: 0; }
  .homecarousel li .util_textbox .util_textbox_inner h1 {   }
  .homecarousel .jcarousel-control.skip { display: none;}
    .homecarousel li .util_textbox .util_textbox_inner .imageright { display: none; }
}
@media (min-width: 999px ) and ( max-width: 1040px )
{
  .homecarousel li .util_textbox .util_textbox_inner h1 { width: 70%; margin-top: 0px; padding: 30px 0px; }
  .homecarousel li .util_textbox .util_textbox_inner p { width: 70%; margin-top: 120px;  }
}
@media ( max-width: 871px )
{
  /* .homecarousel .carousel { height: 100%; } */
  .homecarousel li .util_textbox .util_textbox_inner h1 { width: 100%; margin-top: 0px; text-align: center; padding-bottom: 10px; }
  .homecarousel li .util_textbox .util_textbox_inner p { text-align: center; margin-left: 30px; }
  .homecarousel li .util_textbox .spacer { display: none; }
}
@media ( min-width: 1000px)
{
  .course_container .util_textbox { width:33.3%; }
  .course_container .util_textbox .content{min-height: 170px;}

  .upcomingcourses .items, .homewelcome .std_content_inner { max-width: 900px; margin: 0px auto 0px auto; }
  .upcomingcourses .homecourselist, .homewelcome .content {padding: 60px 80px 60px 80px;}
  .upcomingcourses .homecourselist .toplinks { float:right;  }
}

@media ( max-width: 999px)
{
	.homevideo { padding: 20px; }
  .upcomingcourses .homecourselist {padding: 20px;}
}
@media ( max-width: 620px )
{
  .homecarousel li .util_textbox .util_textbox_inner h1 { font-size: 120%;}
}
@media ( max-width: 450px )
{
/*   .homecarousel .carousel {  min-height: 100px; height: 100%; max-height: 160px; } */

    .homecarousel .carousel { height: 180px; }
    .homecarousel li .util_textbox .util_textbox_inner p { margin-left: 0px;  }
} 

  /* Footer */ 

  .layoutfooter .int_newsletter {background-color: var(--darkblue);color: var(--white);padding: 20px;max-width: 1240px;margin: 100px auto 0px auto;}
  /* .layoutfooter .int_newsletter fieldset { display: flex; flex-wrap: wrap;  } */
  .layoutfooter .int_newsletter fieldset { text-align: center;  }
  .layoutfooter .int_newsletter h2 {color: var(--white); width: 100%; text-align: center;  }
  .layoutfooter .int_newsletter fieldset>.text { font-size: 90%;  width: 100%; text-align: center; }

  .layoutfooter .int_newsletter .form {display: flex;justify-content: center;flex-wrap: wrap;margin: 0px auto;}
  .layoutfooter .int_newsletter .form input {margin-right: 15px;}
  .layoutfooter .int_newsletter .form .label { display:none; }
  .layoutfooter .int_newsletter .form input[type=text] { width: 200px; height: 40px; background-color:var(--white); border:none;}
  .layoutfooter .int_newsletter .form .buttons { width: 100px; margin: 0; }
  .layoutfooter .int_newsletter .form .buttons input[type=submit] {width: 100px;height: 40px;background-color:var(--brightblue);border: none;font-size: 110%;padding: 0px; margin: 0;}

  .layoutfooter .util_container, .layoutfooter .footermenu, .layoutcredits {background-color: var(--black);color: var(--white);/* height: 100px; */}
  .layoutfooter .util_container .items { display:flex; flex-direction: row; justify-content: center; }
  .layoutfooter .footerphone .content p { font-size:120%;}
  .layoutfooter .footeremail a { color: var(--white); font-size: 120%;}
  .layoutfooter .socialmedia li .fab { font-size: 90%;  }
  .layoutfooter .footermenu ul {display:flex; flex-direction: row; justify-content: center;}
  .layoutfooter .footermenu li {padding: 0px 10px;}
  .layoutfooter .footermenu li a { color: var(--white); font-size: 80%; }

  .layoutcredits .copyright {text-align: center; font-size: 80%; padding: 15px 0px 25px 0px;}
  .layoutcredits .beachshore {display:none;}

  @media (max-width: 999px)
  {
    .layoutfooter .int_newsletter .text { width: 100%; }
    .layoutfooter .int_newsletter .email { width: 80%; }
    .layoutfooter .int_newsletter .buttons { width: 20%; }
    .layoutfooter .int_newsletter .firstname input[type=text], .layoutfooter .int_newsletter .surname input[type=text] { width: 98%;}
    .layoutfooter .int_newsletter .firstname, .layoutfooter .int_newsletter .surname { width: 49%; margin-bottom: 20px;  }
  }

  @media (max-width: 599px)
  {
    .layoutfooter .int_newsletter .email { width: 70%; }
    .layoutfooter .int_newsletter .buttons { width: 30%; }
  }

  @media ( min-width: 1240px)
  {
    .layoutfooter {padding-top: 5px;}
    .layoutfooter .footeremail, .layoutfooter .footerphone, .layoutfooter .socialmedia { padding: 50px 20px 40px 20px;}

    .layoutfooter .util_container .footeremail a:hover {color: var(--brightblue);}
  }

  @media (max-width: 1239px)
  {
    .layoutfooter .util_container .items, .layoutfooter .footermenu ul {flex-direction: column; align-items: center; padding: 20px 0px; }
    .layoutfooter .footermenu li { padding: 5px 0px;}
    .layoutcredits .copyright { padding: 0px 20px 30px 20px;}
  }

  @media (max-width: 500px)
  {
    .layoutcredits { padding: 15px 0px;}
  }

  /* Sign in or Register */ 

  .account .form .description { font-size: 90%;}
  .account .form .description p { padding:0px;}
  #fb-36-div .input {width: 100%;}
  #fb-36-div .description { padding-top: 20px; text-align: center;}
  #fb-36-div .description a { color: var(--darkblue); font-family: "arboria", sans-serif;font-weight: 700;}
  .studentlogin .pagecontent {text-align:center; padding-bottom: 20px;  }
  .studentlogin .pagecontent p {padding-bottom:0px;}
  .memb_loginbox, .account .form { border: 2px solid lightgrey; }
  .memb_loginbox .loggedin .titletxt {display:none;}
  .memb_loginbox .loggedin .status, .memb_loginbox .loggedin .logout {padding-bottom: 30px;}
  .memb_loginbox .loggedin {text-align: center;}
  .memb_loginbox .loggedin .yourdetails, .memb_loginbox .loggedin .changepassword, .memb_loginbox .loggedin .yourpage { display:block; padding-bottom:20px;}
  .memb_loginbox .loggedout .titletxt {font-size: 150%;color: var(--darkblue);padding-bottom: 20px;}
  .memb_loginbox .loggedout .fieldemail, .memb_loginbox .loggedout .fieldpw {display:flex; padding-bottom: 10px;}
  .memb_loginbox .loggedout .fieldemail .label, .memb_loginbox .loggedout .fieldpw .label {font-size: 90%;padding-top: 10px; font-family: "arboria", sans-serif;}
  .memb_loginbox .loggedout .fieldemail input, .memb_loginbox .loggedout .fieldpw input, .account .form input, .account .form select, .account .form textarea {height: 40px; border: solid #cbcbcb 2px;}
  .memb_loginbox .loggedout .stayloggedin { padding-bottom: 20px; }
  .memb_loginbox .loggedout .login input[type=submit]:hover { opacity: 0.6; }
  .memb_loginbox .forgotpw { margin-top: 60px; padding-bottom: 10px;}
  .memb_loginbox .forgotpw{ display:block; font-family: "arboria", sans-serif; }
  .memb_loginbox .forgotpw a {font-size: 90%;}
  .memb_loginbox .register {display:block; font-family: "arboria", sans-serif;font-weight: 700;}
  .errors, .coursesurvey .message {color: red; font-size: 95%; padding-bottom: 10px;}

.memb_account .form .label {width: 40% !important;}
.memb_account .form .input {width: 100%;margin-bottom:20px;}
.memb_account .form .buttons input[type=submit] { border:none;}
.memb_account .form select {background-size: 15px;}
.memb_account .form .field_text, .memb_account .form .field_textarea,.memb_account .form .field_select, .memb_account .form .field_password, .memb_account .form .field_section { display:flex; }
.memb_account .form #fb-36-div { display:inline-block; }
@media (min-width: 1240px)
{
  .memb_loginbox .loggedout .fieldemail .label, .memb_loginbox .loggedout .fieldpw .label { width: 215px; }
  .memb_loginbox .loggedout .stayloggedin { padding-left: 215px; }
  .memb_loginbox .loggedout .fieldemail input, .memb_loginbox .loggedout .fieldpw input, .account .form input, .account .form select, .account .form textarea {width: 300px;}
  .memb_loginbox .loggedout .login input[type=submit] {margin-top: 10px;background-color: var(--brightblue); border:none;cursor: pointer; float: right;  font-size: 110%; padding:5px 10px;}
  .memb_loginbox .loggedout .login { width: 515px; }
  .account .form {padding: 60px 70px;}
  #fb-MembUsername-div .label { width: 53%;}
  #fb-36-div .label {width: 0%;}
  .memb_loginbox {padding: 20px;margin-bottom: 20px;}
}

@media (max-width:1239px)
{
  .studentlogin .pagecontent {padding: 50px 00px 0px 0px;}
  .studentlogin .pagecontent_inner { padding-top: 30px !important; }
  .studentlogin .pagecomponents_inner { padding-bottom: 40px !important; }
  .memb_loginbox, .account .form { padding: 30px 40px;}
  .account .memb_account { padding-bottom: 50px;}
  .account .memb_account .text { padding-top:30px;}
  .memb_loginbox .loggedout .fieldemail .label, .memb_loginbox .loggedout .fieldpw .label { width: 20%;}
  .memb_loginbox .loggedout .fieldemail input, .memb_loginbox .loggedout .fieldpw input, .account .form input, .account .form select, .account .form textarea { width: 50%;}
  .memb_loginbox .loggedout .login {width: 515px; }
  .memb_loginbox .fieldpw, .memb_loginbox .fieldemail { flex-direction: column;}
  .memb_loginbox .fieldemail .label, .memb_loginbox .fieldpw .label { padding-bottom: 10px;}
}
@media ( max-width: 600px )
{
  .memb_loginbox, .account .form { padding: 20px; margin: 0px 20px;}
  .memb_loginbox .loggedout .login {width: 100%; }
  .memb_loginbox .loggedout .fieldemail input, .memb_loginbox .loggedout .fieldpw input, .account .form input, .account .form select, .account .form textarea { width: 100%;}
  .memb_loginbox .loggedout .fieldemail .label, .memb_loginbox .loggedout .fieldpw .label { width: 100%;}
  
}

/* Tutor Area */

@media (min-width: 1000px)
{
  .livechat .pagecomponents { background-color:var(--lightgrey);}
  .livechat .pagecomponents_inner {  padding: 50px;  background-color: white; }
}

.tutorarea .util_customhtml { padding: 0px 20px 30px 20px; }
.feat_livechat { padding: 0px 0px 30px 0px; }

@media print 
{
  .livechat a.button, .livechat button[type=button], .layoutheader, .layouttopmenu .nav_multilevel, .layoutfooter, .livechat h1, .livehcat .chatstatus, .livechat .pagebanner  { display: none; }
  .section34 .layouttopmenu  { height: 80px !important; }
}

.memb_tutorstudent a.button, .memb_tutorstudent button, .memb_commcentre a.button, .memb_commcentre button, .memb_commcentre .buttons a { margin-bottom: 5px; }

.memb_tutorstudent a.switchview { background-color: var(--brightblue); display:none; }
.memb_tutorstudent .dashboard #fb-order-div .label, .memb_tutorstudent .dashboard #fb-view-div .label { padding-bottom: 5px;}
.memb_tutorstudent .dashboard #fb-order-div input[type=radio] { margin: 5px 5px 5px 0px; vertical-align: middle;}
.memb_tutorstudent .dashboard select { background-color: var(--lightgrey);}
.memb_tutorstudent .dashboard div.course { display:flex; border: 2px solid var(--lightgrey); margin-bottom: 30px; padding: 20px; }
.memb_tutorstudent .dashboard div.course .details { text-align: center; margin-right: 30px;}
.memb_tutorstudent .dashboard div.course h3 { margin-top: 10px; }
.memb_tutorstudent .dashboard div.course h3 a { color: var(--darkblue); font-size: 120%; }
.memb_tutorstudent .dashboard div.course h4 { margin: 10px 0px 20px 0px; }
.memb_tutorstudent .dashboard div.course .open { border-bottom: 2px solid var(--brightblue); display:inline; padding: 0px 0px 5px 0px;}
.memb_tutorstudent .dashboard div.course .closed { border-bottom: 2px solid var(--yellow); display:inline; padding: 0px 0px 5px 0px;}
.memb_tutorstudent .dashboard div.course .actions { display:flex; flex-direction: column;  }
.memb_tutorstudent .dashboard div.course .actions li { padding: 2px 0px; }
.memb_tutorstudent .dashboard div.course .actions li a { display:block; text-align: center; }
.memb_tutorstudent .dashboard div.course .actions li .opencourse { background-color: var(--brightblue); }
.memb_tutorstudent .dashboard .courses .upgrade a { display:inline-block;background-color: var(--brightblue);padding: 10px 20px;color: white;margin-top: 10px;}

.memb_tutorstudent #fb-order-div { display: flex; gap: 20px; }
.memb_tutorstudent #fb-order-input { display: flex; gap: 20px; }

@media ( min-width:1240px)
{
  .memb_tutorstudent .dashboard .course .details {width: 65%; }
  .memb_tutorstudent .dashboard .course .actions { width: 30%; }
}

@media (max-width: 1239px)
{
  .memb_tutorstudent .dashboard .course .details {width: 65%;}
  .memb_tutorstudent .dashboard .course .actions { width: 30%; }
}

@media (min-width: 600px)
{
  .memb_tutorstudent .dashboard .formbuilder { display: flex; justify-content: space-between; }

}

@media ( max-width: 600px)
{
  .memb_tutorstudent .dashboard .course .details {width: 100%;}
  .memb_tutorstudent .dashboard .course .open { line-height: 2;}
  .memb_tutorstudent .dashboard .course .actions { margin-top:20px;}
  .memb_tutorstudent .dashboard .course .actions { width: 100%; }
 
  .memb_tutorstudent .dashboard #fb-order-div {font-size: 90%;}
  .memb_tutorstudent .dashboard .course {flex-direction:column;}
}


/* past courses */

.memb_tutorstudent .dashboard .courses #courselist td a span,.memb_tutorstudent .dashboard .courses #courselist td .opencourse { display:none;}

.memb_tutorstudent .dashboard .courses table th.date { width: 90px !important; }
.memb_tutorstudent .dashboard .courses table th.buttons { width: 320px !important; }
.memb_tutorstudent .dashboard .courses table ul.actions { width: 320px; display: flex; flex-wrap: wrap; gap: 5px; padding-left: 5px; }
.memb_tutorstudent .dashboard .courses table ul.actions a { border-radius: 25px; width: 35px; display:block; box-sizing: border-box; height: 35px; display: flex; justify-content: center; align-items: center; }

@media (max-width: 799px)
{
  .memb_tutorstudent .dashboard .courses table th.buttons { width: 160px !important; }
  .memb_tutorstudent .dashboard .courses table ul.actions { width: 160px; }
}

.tutorarea .students {max-width: 100%;}
.tutorarea .students .dataTables_filter input { margin-left: 5px;}
.tutorarea .students table .actions {padding: 15px 0px; }
.tutorarea .students .dataTables_length, .tutorarea .students .dataTables_info, .tutorarea .students .dataTables_paginate{ display:none;}
.tutorarea .students .dataTables_filter { margin-bottom:20px;}
.dataTables_info {margin-top: 10px; font-size: 90;float: left;width: 50%;}
.dataTables_paginate { display:flex;justify-content: space-between;margin-top: 10px; }
.tutorarea .students th.ticket { width: 50px !important;}
.tutorarea .students th.booked, .tutorarea .students th.country{ width: 80px !important;}

.tutorarea .assessmentstart h2, .tutorarea .assessmentstart h3 { text-align: center;}
.tutorarea .assessmentstart h3 {color: var(--darkblue);}
.assessmentview table tr:first-child>th, .assessmentreport tr:first-child>th { font-size: 140%; padding-bottom: 15px; border: 0px;  }
.assessmentview table, .assessmentreport {border: 2px solid var(--brightblue);padding: 20px;}
.assessmentview table tr:last-child>th, .assessmentview table tr:last-child>td, .assessmentreport tr:last-child>td, .tutorarea .assessmentreport tr:last-child>th { border: 0px; }
.assessmentview table  th, .assessmentreport th {  width: 100px; padding: 10px 0px; border-bottom: 2px solid var(--brightblue); }
.assessmentview table td, .assessmentreport td { border-bottom: 2px solid var(--brightblue); padding-top: 10px; }
.assessmentview table p { padding: 0px; }
.assessmentstart .formbuilder { width: 750px; display: block; margin-bottom: 20px; }
.assessmentstart .formbuilder .label {padding-bottom: 15px;}
.assessmentstart .field_group>.label {  color: var(--darkblue); font-size:125%; }
.assessmentstart .formbuilder input { width: 50px;}
.assessmentstart #fb-ExtDate-div input[type=text] {width: 100px;}
.assessmentpreview h2 { display: none; }
.assessmentreport { margin-bottom: 20px; padding-bottom: 0px;  }
.assessmentlist .course { width: 50%; }
#fb-AssDate-div { display:none; }

.assessmentreport tr:first-of-type th { font-family: "arboria", sans-serif;}
.assessmentreport tr:last-of-type th { border-bottom: 0px}

.memb_tutorstudent .sessions .formbuilder .item .spacer {height:0px;}
.memb_tutorstudent .sessions .formbuilder { padding-top: 30px; width: 700px;   }
.memb_tutorstudent .sessions .formbuilder #fb-EvntStartDate-div>.input input { width: 95px; }
.memb_tutorstudent .sessions .formbuilder #fb-EvntStartTime-div>.input input,.memb_tutorstudent .sessions .formbuilder #fb-EvntEndTime-div>.input input {width:60px;}
.memb_tutorstudent .sessions .formbuilder #fb-EvntName-div>.input input {width: 250px;}
.memb_tutorstudent .sessions .formbuilder .label { padding-bottom: 10px; }
.memb_tutorstudent .sessions .formbuilder .description { padding-bottom: 5px; font-size: 90%; }
.memb_tutorstudent .sessions .formbuilder #fb-ZoomAutomatic-div>.label { color:var(--darkblue); font-family: "arboria", sans-serif; font-weight: 500; }
.memb_tutorstudent .sessions .formbuilder input[type=text] { width: 300px;}

/* .memb_tutorstudent .sessions .formbuilder .items { display:flex; flex-wrap: wrap; justify-content: space-evenly; } */
.memb_tutorstudent .sessions .formbuilder .item {/* border: 1px solid var(--lightgrey); */padding: 5px 0px;margin-bottom: 10px;/* width: 31%; */display: flex;}
.memb_tutorstudent #formbuilder-CreateZoom {border: 1px solid var(--lightgrey);padding:5px 10px; margin: 30px 0px;}
.memb_tutorstudent #formbuilder-CreateChat .item input[type=text] { width: 200px; margin-right: 20px;}
.memb_tutorstudent #formbuilder-CreateChat .item .removelink { padding-top: 10px; text-align:right; font-size:95%; }
.memb_tutorstudent #formbuilder-CreateChat .item .removelink a { background-color: var(--brightblue); color: white; padding: 5px; } 
.memb_tutorstudent #formbuilder-CreateChat .addlink { margin: 20px 0px; }
.memb_tutorstudent #formbuilder-CreateChat .addlink a { background-color:var(--darkblue); }


.memb_tutorstudent .sessions input[type=text].hasDatepicker, .memb_tutorstudent .sessions input[type=text].ui-timepicker-input { width: 100px; }
.haserror input[type=text] { border: none; border: 2px solid red;}

.tutorarea .assessment h3, .tutorarea .assessmentview h3, .studentarea .sessions h3, .tutorarea .students h3, .livechat h4:first-of-type, .tutorarea h3 { padding-bottom: 30px; }
.tutorarea .response  { padding-top: 30px; }
.tutorarea .assessmentview #assessmentreport { padding-top: 30px; }

@media ( min-width:1240px)
{
  .tutorarea .courses table td:nth-child(2) {width: 250px;}
}

@media ( max-width: 1239px)
{
  .memb_tutorstudent .courses #courselist { text-align: center;}
}


@media ( max-width: 850px )
{
  .assessmentreport .cke { width: 100%; }
  .assessmentstart .formbuilder { width: 100%; }
}
@media ( max-width: 500px )
{
 .assessmentstart button { margin-bottom: 20px;}
}

@media print 
{
  .tutorarea .pagebanner, .tutorarea a.button, .tutorarea button { display: none; }
}

.tutorarea .students a.button:nth-child(3), .tutorarea .resources a.button:nth-child(3) { background-color: var(--brightblue); }
.tutorarea .resources button { font-size: 100%; }
.tutorarea .resources button:hover { opacity: 0.6; }

#downloadplayer .download { text-align: right; padding-top: 10px; }

table { width: 100%;}
.dataTables_filter { display: block; float: right; padding-bottom: 20px; }
.dataTables_length { margin-bottom:20px;display: inline-block;}
.dataTables_paginate {justify-content: right;}
.dataTables_paginate a {padding: 0px 5px; font-size:90%;}
.dataTables_paginate a:hover { cursor: pointer; background-color: var(--lightgrey); }
.dataTables_filter label input[type=search] { margin-left: 10px;  }

.memb_tutorstudent .resources p { margin-bottom:20px;}
.memb_tutorstudent .resources .buttons { margin-bottom:50px;}
.memb_tutorstudent .resources ul {margin-top: 50px; display:flex;justify-content: space-evenly;flex-wrap: wrap;}
.memb_tutorstudent .resources li {border: 2px solid var(--darkblue); padding: 20px;margin: 10px; width: 300px; background-color: white; }
.memb_tutorstudent .resources .sorting, .memb_tutorstudent .resources .sorting_asc, .memb_tutorstudent .resources .sorting_desc {min-height: 50px;text-decoration: underline;}
.memb_tutorstudent .resources .size {width: 75px !important;}
/*
.memb_tutorstudent .resources #resourcelist .fas, .memb_tutorstudent .courses #courselist .fas, .memb_tutorstudent .students .fas {margin-left: 5px;font-size: 90%;}
*/
.memb_tutorstudent .resources .dz-remove a {text-align:right;}
.memb_tutorstudent .resources .description { padding-bottom: 10px;  }
.memb_tutorstudent .resources .description input[type=text] {width: 250px;}
.memb_tutorstudent .resources #fb-additional-0-description-div .label { padding-bottom: 10px; }
.memb_tutorstudent .resources #fb-additional-0-description-div .input input[type=text] { width: 300px};
.memb_tutorstudent .resources table { margin-top: 30px; }
.memb_tutorstudent .resources select { background-size: 10px; width: 70px; }
/*.memb_tutorstudent .resources table td.actions { padding-top: 20px;  } */
.memb_tutorstudent .resources table td, .memb_tutorstudent .resources table th { padding: 5px; }
.memb_tutorstudent .resources #copyform select { width: 500px;}
.memb_tutorstudent .resources .dataTables_length, .memb_tutorstudent .resources .dataTables_info, .memb_tutorstudent .resources .dataTables_paginate { display:none;}

.livechat .pagecomponents {padding-top: 55px;}
.livechat .feat_livechat {align-items: center;justify-content: space-between;flex-wrap: wrap;}
.livechat .feat_livechat .label { padding-bottom: 15px;}
.livechat .feat_livechat .formbuilder {display: flex; justify-content: space-between}

.feat_livechat textarea {min-width: 1065px;max-width: 1065px;margin-left: 10px;min-height: 120px;max-height: 250px;}
.feat_livechat textarea, .livechat select{border: 2px solid var(--lightgrey);width: 50%;margin-bottom: 30px;}
.feat_livechat .online { margin-top: 30px; }
.feat_livechat .conversation { border: 2px solid var(--lightgrey); overflow-y: scroll; margin-top: 30px; padding: 0px 10px; height: 300px; margin-bottom: 10px; text-align: left; padding: 10px 0px; }
.feat_livechat .conversation li:first-of-type {padding-top: 10px;}
.feat_livechat .conversation li:last-of-type { padding-bottom: 10px; }
.feat_livechat .conversation li .name {color: var(--darkblue);padding-bottom: 0px;}
.feat_livechat .conversation li .message {font-size: 90%;}
.feat_livechat .conversation li .message a { color:var(--darkblue);}
.feat_livechat .conversation li {padding: 2px 15px;}
.feat_livechat .conversation .details .name { font-family: "arboria", sans-serif;font-weight: 700; }
.feat_livechat .conversation .details .datetime { font-family: "arboria", sans-serif; font-weight: 500; }
.feat_livechat .conversation .entry {display: flex; align-items: center;}
.feat_livechat .conversation .entry .message p { font-size: 110%; line-height:20px; padding-bottom: 0px;  }
.feat_livechat .conversation .details {/* display: flex; *//* justify-content: space-between; */margin-right: 20px;/* height: 12px; */}
/* .feat_livechat .conversation .details::after { content: ':'; font-family: "arboria", sans-serif;font-weight: 700; font-size: 120%; padding-left: 5px } */
.feat_livechat .conversation .buttons { margin-left:10px;}
.feat_livechat .conversation .buttons .fas {font-size: 90%; }
.feat_livechat .autoscroll { text-align: right; }

.livechat #roomform { margin-top: 30px; }
.livechat .chatstatus , .livechat #roomform,.feat_livechat .status { text-align: center;}

.livechat .html button[type=button] {padding: 10px 25px;border: none;margin: 20px 0px;color: white;cursor: pointer;font-size: 100%;}
.feat_livechat .messageform #fb-chatmessage-div .cke_contents {height: 70px !important; margin-bottom:5px;}
.feat_livechat .messageform #fb-chatmessage-div { width: 100%; }
.feat_livechat .messageform #fb-chatattach-div {display:none;}
  
.feat_livechat .messageform button {margin: 0px auto 0px auto; border:none;color: white;padding: 10px 50px;font-size: 100%; display:block;cursor: pointer;}
.feat_livechat .messageform button:hover,  .livechat button[type=button]:hover { opacity: 0.8;}
.feat_livechat .messageform #editbuttons { display:flex; }

.messages h3 { margin-bottom:10px;}
.memb_commcentre .messageform .field { padding: 0px 0px 10px 0px;}
.memb_commcentre .messageform label { display: block; font-family: "arboria", sans-serif; text-transform: uppercase; margin-bottom: 10px; }
.memb_commcentre .messageform input{ width: 100%; height: 40px; }

.memb_commcentre .tagify { width: 100%; max-width: 100%; }
.memb_commcentre .messageform input[type=checkbox] { height: 20px; width: 20px;  }
.memb_commcentre .messageform #fb-CommExtCopySender-div { display: flex; gap: 20px; }

.memb_commcentre .messageform .tagify__input { height: 100px; }
.memb_commcentre .messageform textarea {width: 100%;}
.memb_commcentre .messageform .buttons {padding: 20px 0px 20px 0px;text-align: right;}
.memb_commcentre .messageform .buttons li { display: inline-block; margin-left: 5px; }
.memb_commcentre .messageform .attach { float: right; width: 25%; font-family: "arboria", sans-serif; padding: 15px 0px 0px 0px;}
.memb_commcentre .messageform .attach .image { width: 105px; height: 105px; background-size: cover; margin: 5px 0px 0px 0px;  }
.memb_commcentre .messageform .attach .close { float: right; background-color: #ffffff; margin: 25px 55px 0px 0px; width: 20px; height: 105px; padding:0px 0px 0px 10px; font-family: GothamBook; cursor:pointer; }

.memb_commcentre {background-color: white;}
.memb_commcentre .toolbar {border: 2px solid white;padding: 20px;}
.memb_commcentre .toolbar_inner {display:flex;}
.memb_commcentre .toolbar h1 { width: 20%;font-size: 150%; padding-bottom:20px;}
.memb_commcentre .toolbar .search {box-sizing: border-box;  text-align: right; }
.memb_commcentre .toolbar .search input {width: 60%; background-size: 20px;padding-right: 30px;background-image: url(/images/a5DTT4rE4EQRIgt7rcYm.svg);background-repeat: no-repeat;background-position: right 5px center; background-color: var(--searchbar); border-radius: 20px; ;}

@media (min-width: 1000px)
{
  .memb_commcentre .mainarea { min-height: 500px; display: flex; gap: 20px; }
  .memb_commcentre .folders { width: 200px; }
  .memb_commcentre .nomessages, .memb_commcentre .messageform { width: 100%; flex-shrink: 1; }
}
.memb_commcentre .messageactions {padding: 0px 20px 20px 0px;/* border-bottom: 1px solid white; */text-align: center;}
.memb_commcentre .messageactions a, .memb_commcentre .messageform .buttons a { display: inline-block; background-color: var(--darkblue); color: white; padding: 10px 15px; font-family: "arboria", sans-serif;
}

.memb_commcentre .folders { font-size: 115%; text-transform: uppercase; padding-bottom: 30px; }
.memb_commcentre .folders li { padding: 5px; border-bottom: 1px solid var(--lightgrey); }

.memb_commcentre .messages {padding: 0px 0px 50px 10px; border: 1px solid var(--lightgrey);}
.memb_commcentre .nomessages { padding: 20px;border: 1px solid var(--lightgrey); text-align: center;}

@media( min-width: 800px )
{
	.memb_commcentre #messagetable .recipientcount, .memb_commcentre #messagetable .date { white-space: nowrap; }
}

.memb_commcentre #messagelist li { border: 1px solid var(--lightgrey); padding: 20px; width:600px; }
.memb_commcentre ul .date { margin-bottom:10px; float: right; }
.memb_commcentre ul .name { font-size: 120%; margin-bottom:10px;}
.memb_commcentre ul .details .subject { font-size: 120%; color:var(--darkblue); padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid var(--lightgrey);}
.memb_commcentre .dataTables_wrapper {width: 80%;}
.memb_commcentre li.active { background: lightgray; }

.memb_commcentre .messageactions { margin-top: 30px; text-align: left;} 
.memb_commcentre .messageactions a.new {display: none; height: 0px; border:none;}
.memb_commcentre .messageactions .back, .memb_commcentre .messageactions .reply { margin-bottom: 0px; }
.memb_commcentre .messageactions .back:hover, .memb_commcentre .messageactions .reply:hover { text-decoration: none; opacity: 0.7;}
.messages a.message { background-color: var(--brightblue);}

@media (min-width: 1240px) 
{
  .memb_commcentre .messageactions a { height:40px;}
  .memb_commcentre .toolbar {height: 75px;}
  .memb_commcentre .toolbar .search { width: 75%; padding: 0px 0px 0px 100px;}
  .memb_commcentre .toolbar .search select { width: 35%;}
  .memb_tutorstudent .dashboard select {background-size: 10px;}
  .memb_tutorstudent .dashboard select:hover { cursor: pointer ;}
  .memb_tutorstudent .formbuilder .button { float: right }
}

@media (max-width: 1239px)
{
  .tutorarea .dashboard div.course .actions, .memb_commcentre .toolbar_inner, .memb_tutorstudent .dashboard .course .actions {flex-direction: column;}
  .memb_commcentre .toolbar .search {display:flex; flex-direction: column; }
  .memb_commcentre .toolbar .search select {width: 100%; margin:0px 0px 10px 0px;}
  .memb_commcentre .mainarea .messages {margin-top:20px;}
  .feat_livechat .message textarea { width: 100%;}
  .memb_tutorstudent .resources .buttons a {margin-bottom:10px;}
}

@media ( max-width: 600px ) {
  .livechat .html  { padding-top: 20px;}
  .livechat .pagecomponents { padding-top: 0px; }
}
   
   
/* Course List */ 

.fullcourselist .coursesearch .order { border-bottom:5px solid var(--brightblue); margin-bottom:20px;}
.fullcourselist .pagecomponents {background:none;}
.fullcourselist .pagetitle_inner { color: var(--brightblue); margin-right: 10px; }
.fullcourselist .pagesubtitle { color: white;}
.fullcourselist .coursesearch .filters .spacer { height: 0px;}
.fullcourselist .coursesearch .filters h2 { font-size:120%; padding-bottom: 35px;}
.fullcourselist .coursesearch .filters .formbuilder input[type=text], .fullcourselist .coursesearch .filters .formbuilder select { height:45px;}
.fullcourselist .coursesearch .results {background-color: white;margin: 0px 0px 35px 0px;}
.fullcourselist .coursesearch .results .course, .upcomingcourses .homecourselist .html .course{ padding-bottom: 15px;  border-bottom: 2px solid var(--lightgrey);margin-bottom: 30px;}
.fullcourselist .coursesearch .html .clear_filters { text-decoration: underline; font-size: 90%; }
.upcomingcourses .html .course h3 a, .fullcourselist .coursesearch .results .course h3 a {color:var(--darkblue); }
.fullcourselist .coursesearch .results .course .info, .upcomingcourses .homecourselist .html .course .info { flex-shrink: 1; padding-right: 10px; }
.fullcourselist .coursesearch .results .course .name { padding-bottom:20px;}
.fullcourselist .coursesearch .results .course .abstract, .upcomingcourses .homecourselist .html .course .info .abstract {padding-bottom: 20px;font-size: 90%;}
.fullcourselist .coursesearch .results .course .details, .upcomingcourses .homecourselist .html .course .info .details { display:flex; font-size: 90%; flex-wrap: wrap; }
.fullcourselist .coursesearch .results .course .alternatives {display: flex;}
.fullcourselist .coursesearch .results .course .alternatives li {font-size: 90%;border-left: 3px solid var(--yellow);margin-top: 5px; padding-left: 5px; padding-right: 20px;}
.fullcourselist .coursesearch .results .course .details li:nth-child(1), .fullcourselist .coursesearch .results .course .alternatives li:nth-child(1) {width: 200px;}
.fullcourselist .coursesearch .results .course .details li, .upcomingcourses .homecourselist .html .course .info .details li{border-left: 3px solid var(--yellow);padding-left: 5px;padding-right: 20px;}
.fullcourselist .coursesearch .filters #fb-order-div .label {margin-bottom:20px;}
.fullcourselist .coursesearch .intro {border-bottom: 5px solid var(--brightblue);margin-bottom: 20px;} 
.fullcourselist .coursesearch .intro a { color: var(--darkblue); }

@media(min-width:350px){.upcomingcourses .html .course .image, .fullcourselist .coursesearch .results .course .image {height: 135px;width: 135px;}}
@media(max-width:349px){.upcomingcourses .html .course .image, .fullcourselist .coursesearch .results .course .image {height: 115px;width: 115px;}}

.upcomingcourses .html .course .image, .fullcourselist .coursesearch .results .course .image {background-color: var(--lightgrey);background-size: cover;flex-shrink: 0;}
.upcomingcourses .html .course .categories, .fullcourselist .coursesearch .results .course .categories { width: 60px; flex-shrink: 0; text-align: center; }
.upcomingcourses .html .course, .fullcourselist .coursesearch .results .course  { clear:both; display:flex; justify-content: space-between; }
.coursesearch #fb-search {background-image: url(/images/a5DTT4rE4EQRIgt7rcYm.svg);background-repeat: no-repeat;background-position: right 10px top 10px;background-size: 20px;/* margin-bottom: 40px; */}
.coursesearch #fb-category-div li.checkbox label {font-size: 90%;display: block;padding-top: 10px;}
.coursesearch li label[for=fb-category-1] { background-image: url(/images/in5etDlH6k2K19ysQRIW.svg); background-position: right; background-size: contain;  }
.coursesearch li label[for=fb-category-2] { background-image: url(/images/yfHttxtT6Wwz84ibeFwz.svg); background-position: right; background-size: contain; }
.coursesearch li label[for=fb-category-3] { background-image: url(/images/DuvJb4d31mYyg5wtYz3q.svg); background-position: right; background-size: contain;  }
.coursesearch li label[for=fb-category-4_84] {background-image: url(/images/AQBOaqQewOvJ7QkZ2dAT.svg);background-position: right;background-size: contain;}

.coursesearch li input[type=checkbox] { /* accent-color: white; */ width: 20px; height: 20px; padding: 5px; vertical-align: middle; margin-right: 10px; cursor:pointer; }
.coursesearch .filters a:hover { opacity: 0.7; }
.coursesearch .filters .formbuilder input[type=text], .fullcourselist .coursesearch .filters .formbuilder select {width: 100%;}

@media (min-width: 1000px) and (max-width: 1239px)
{
  .fullcourselist .coursesearch .filters { padding-left: 20px; }
}

@media (min-width: 1000px) 
{
  .coursesearch .filters .formbuilder .input li, .fullcourselist .coursesearch .filters .formbuilder .field {padding-bottom: 20px;}
  .coursesearch .filters ul {padding-bottom: 30px;}
  .coursesearch .filters a { position: absolute; }
  .coursesearch .filters .intro { display: none; }
  .fullcourselist .coursesearch .order { padding-bottom: 20px; }
  .fullcourselist .coursesearch .spacer { display: none; }
  .fullcourselist .coursesearch #fb-order-div { display:flex; justify-content: center; gap: 20px; }
  .fullcourselist .coursesearch #fb-order-div #fb-order-input { display: flex; justify-content: space-between; gap: 20px; }
  .fullcourselist .coursesearch .results { padding: 55px; }
  #fb-category-div li label { height: 50px; padding-right: 50px; }
}

@media (max-width: 999px)
{
  .coursesearch .filters h2 { display: none; }
  .coursesearch .filters .formbuilder .input li, .fullcourselist .coursesearch .filters .formbuilder .field {padding-bottom: 10px;}
  .fullcourselist .coursesearch .order { padding-top: 20px; }
  .coursesearch .order .label, .coursesearch .order .input, .coursesearch .order .input .radio { display: inline-block; padding-right: 20px; }
  .coursesearch .results .intro { display: none; }
}

@media (min-width: 350px) and (max-width: 999px)
{
    .upcomingcourses .html .course .image, .fullcourselist .coursesearch .results .course .image { box-sizing: content-box; margin-bottom: 40px; }
    .upcomingcourses .html .course .categories { position: absolute; width: 135px; right: 20px; margin-top: 140px; text-align: right; }
    .fullcourselist .coursesearch .results .course .categories { position: absolute; width: 135px; right: 20px; margin-top: 140px; text-align: right; }
    .coursesearch .results { padding: 20px; }
}

@media (max-width: 349px)
{
  .fullcourselist .coursesearch .results .course .image { display: none; }
  .fullcourselist .coursesearch .results .course .categories { width: 40px; }
}


/* course survey */ 

.coursesurvey .form-group, .registerinterest .form-group, .anytimecoursesurvey .form-group { padding-bottom: 20px; justify-content: space-between;   }
.coursesurvey .form-group #fb-7-input, .registerinterest .form #fb-7-input, .anytimecoursesurvey .form-group #fb-38-input {display: flex;align-items: center;justify-content: space-between;}
.coursesurvey .form-group #fb-7-input label input, .registerinterest .form #fb-7-input label input, .anytimecoursesurvey .form-group #fb-38-input label input { height: 10px; width: 10px;  }

.anytimecoursesurvey #fb-36-div .label { width: 100%;}


@media ( min-width: 380px )
{
  .coursesurvey .form, .registerinterest .form { width: 345px; margin: 0px auto; }
}

@media ( min-width: 1040px )
{ 
  .coursesurv .components { padding: 0px 0px 0px 50px; }
  .coursesurvey { padding: 50px 0px; }
  .coursesurvey select { background-size: 15px; width: 345px;  }
  .coursesurvey .form-group #fb-7-input label input { height: 10px; }
  .coursesurvey .form .form-group textarea { min-width: 345px; max-width: 345px; max-height: 200px; min-height: 60px; }
  .coursesurvey .titletxt { padding-bottom: 30px; font-size: 160%;}
  .coursesurvey .form-group #fb-7-input { width: 345px; }
  
}

@media ( min-width: 750px )
{
  /* .coursesurvey .form .form-group .input { width: 40%; } */
  .coursesurvey .form .form-group .label {padding: 0px 0px 5px 0px;/* width: 40%; */}
  .coursesurvey .form .buttons { text-align: center; }
}

@media ( max-width: 749px )
{
  .coursesurvey .form-group { flex-direction: column; width: 90%; margin: 0px auto;}
  .coursesurvey .form .form-group #fb-7-input { margin: 0px auto; width: 300px; }
  .coursesurvey .form .form-group .label { padding-bottom: 20px; font-size: 100%;  }
}

@media ( max-width: 390px )
{
  .coursesurvey .form-group #fb-7-input { flex-direction: column; }
  .coursesurvey .form .form-group #fb-7-input label { display: flex;   width: 290px;  }
}
@media ( max-width: 1039px )
{ 
  .coursesurvey { padding: 50px 0px; text-align: center; }
  .coursesurvey select { background-size: 15px; width: 100%;   }
  .coursesurvey .form-group #fb-7-input label input { height: 10px; width: 10px;  }
  .coursesurvey .form .form-group .label { padding-top: 0px;  }
  .coursesurvey .titletxt { padding-bottom: 30px; font-size: 160%; }
  .coursesurvey textarea { width: 100%; }
}

/* Course page */

.event_coursepage .content .title {color: var(--darkblue);}
.event_coursepage .testimonials h2 { font-size:100%; padding-top:20px; padding-bottom:10px;}
.event_coursepage .titles h2, .event_coursepage .details .label {font-size: 120%;color: var(--brightblue);}
.event_coursepage .titles .details a, .event_coursepage .titles .details { color: white;}
.event_coursepage .level { margin-bottom:20px;}
.event_coursepage .level img { max-width: 100%; height: auto; }
.event_coursepage .abstract { font-family: "arboria", sans-serif; padding-bottom:15px; line-height:25px; }
.event_coursepage .right .partners img { height: auto;}
.event_coursepage .testimonials p { font-family: "arboria", sans-serif; font-style: italic; opacity: 0.7; border-bottom: 3px solid lightgrey; padding-top: 20px;}
.event_coursepage .testimonials p:last-of-type { border: none;}

.event_coursepage .right {display: flex;flex-direction: column;align-items: center;}
.event_coursepage .dates { display:flex; flex-wrap:wrap;}
.event_coursepage .left .lessondetails h2 {color: black;font-size: 100%;padding: 10px 0px;}
.event_coursepage .left .description p:last-of-type { padding-bottom: 5px; }
.event_coursepage .left .lessondetails p { padding: 10px 0px 0px 0px; }
.event_coursepage .dates strong { border-bottom: 3px solid var(--brightblue); padding-bottom: 5px;  }
.event_coursepage .dates .full { padding: 3px; text-align: center; margin-top: 10px; background-color: var(--brightblue); color: var(--white); }

.event_coursepage .left ul.details { margin: 0px;}
.event_coursepage .left .details { padding-top: 20px; }
.event_coursepage .left .details li { font-size: 95%; }
.event_coursepage .left .lessondetails { margin-top:20px;}
.event_coursepage .content  a {font-family: "arboria", sans-serif;font-weight: 700;text-decoration: underline;}
.event_coursepage .content a:hover { opacity: 0.6; }

.event_coursepage .right .tutor {background-size: cover;height: 175px;width: 175px;border-radius: 50%;margin-bottom:10px;}
.event_coursepage .right .categories img:nth-child(2) {margin-left: 5px;display: inline;}

.event_coursepage .dates {padding-top: 50px;}
.event_coursepage .dates li {display: inline-block;margin-right: 30px; margin-bottom: 30px;}
.event_coursepage .dates .ticket { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-top: 20px; font-size: 90%;  }
.event_coursepage .name { font-family: "arboria", sans-serif;font-weight: 700; width: 100px; }
.event_coursepage .price { text-align: center;}
.event_coursepage .dates .book a { color: white; background-color: var(--brightblue); padding: 5px 15px; font-family: "arboria", sans-serif; font-weight: 500; }
.event_coursepage .dates .book a:hover { opacity: 0.6;}

.event_coursepage .anytime { width: 250px; margin-top: 0px; }
.event_coursepage .anytime .name { width: 110px;   }
.event_coursepage .anydate { padding-top: 0px; }

.event_coursepage .right, .event_coursepage .dates  {background-color: white;}

.event_coursepage .register p:first-of-type { background: var(--lightgrey); width: 210px; padding: 10px; margin: 20px 0px;}

.event_coursepage .comingsoon { text-align: center; }
.event_coursepage .comingsoon .image, .memb_tutorprofile .comingsoon .image {background-size: cover;height: 200px;margin: 10px auto 0px auto;width: 220px;}
.event_coursepage .comingsoon h2, .memb_tutorprofile .comingsoon h2 {color: black;text-transform: uppercase;font-size: 100%;}
.event_coursepage .comingsoon h3, .memb_tutorprofile .comingsoon h3 { padding: 10px 0px 5px 0px; }
.event_coursepage .comingsoon .category, .memb_tutorprofile .comingsoon .category { font-size: 90%; font-family: "arboria", sans-serif; padding-bottom: 30px;   }
.event_coursepage .comingsoon li:last-child .category, .memb_tutorprofile .comingsoon li:last-child .category{ padding: 0px; }
.event_coursepage .comingsoon a, .memb_tutorprofile .comingsoon a { color: var(--darkblue);  }

@media (min-width:1000px)
{
  .event_coursepage .mainarea .content, .memb_tutorprofile .mainarea .content {min-height: 500px;}
  .event_coursepage .content .columns { display: flex; gap: 20px; }
  .event_coursepage .content .columns .right { width: 175px; min-width: 175px; }
  .event_coursepage .content .columns .left { width: 100%; flex-shrink: 1; }
}

@media (max-width: 999px)
{
  .event_coursepage .mainarea .content,.event_coursepage .dates  {flex-direction: column;}

  .event_coursepage .right { display: none; }
  .event_coursepage .pagetitle { padding: 0px 0px 10px 0px;}
  .event_coursepage .pagesubtitle { padding: 10px 0px 0px 0px;}
  .event_coursepage .details { padding-bottom: 20px;}
  
  .event_coursepage .pagebanner_inner ,.memb_tutorprofile .pagebanner_inner {width: 310px;height: 220px;background-size: cover;}


}
@media ( min-width: 850px ) and ( max-width: 1239px )
{
  .event_coursepage .comingsoon .image, .blogpost .comingsoon .image, .memb_tutorprofile .comingsoon .image { background-size: cover; height: 200px; margin-top: 10px; width: 220px;  }
}
@media ( max-width: 849px )
{
  .event_coursepage .comingsoon, .blogpost .comingsoon { display:none; }
}

@media ( min-width: 600px ) and ( max-width: 1239px )
{
  /*
  .event_coursepage .dates { width: 350px; }
  .event_coursepage .titles, .event_coursepage .details { text-align: center; display: block; }
  .event_coursepage .titles { padding: 10px; }
  */
}
@media ( max-width: 900px )
{
  .event_coursepage .titles h1 { font-size: 130%; }
}

@media ( max-width: 999px )
{
  .event_coursepage .right { margin: 0px auto; }
  .memb_commcentre .mainarea { flex-direction:column;} 
  .memb_commcentre .messageform { width: 100%; }
  .event_coursepage .titles h2 {text-align: center;}
  .event_coursepage .titles .details {flex-direction: column; text-align: center;}


}

/* Tutors */

.tutors .memb_list .search {display:none;}
.tutors .list {display:flex;flex-wrap:wrap; justify-content: center;}
.tutors .list li {width: 250px; display:flex;align-items: center;flex-direction: column;padding: 20px;}
.tutors .list li:hover { background-color: var(--lightgrey);}
.tutors .bgphoto {height: 200px;width: 200px;border-radius: 100%;background-size: cover;}
.tutors .name {font-size: 120%;padding-top:10px;text-align: center;}
.tutors .name a {color:var(--darkblue);text-align: center;}
.tutors .content { font-size: 110%; }

@media (max-width:1239px)
{
  .tutors .pagecontent_inner { padding: 0px !important;}
}

/* Partners */

.partners .partnernav ul, .partners .partnernav li{ display:flex;flex-wrap: wrap;justify-content: space-evenly;align-items: center;}
.partners .partnernav li { padding: 40px; border: 3px solid var(--lightgrey);  height: 280px; box-sizing: border-box; margin-bottom: 20px; border-radius: 10px;  }
.partners .partnernav li .imagelink img { height: 90px; width: auto; }
.partners .partnernav .textlink { padding-top:20px;text-align: center; }
.partners .partnernav li:hover { background-color: var(--lightgrey); opacity: 0.7;  }
.section52 .pagecontent p img {padding: 0px 0px 20px 20px;}
.partners .partnernav li { width: 350px;}


@media (max-width:1239px)
{
  .section52 .pagecontent img { display:none;}
  .partners .pagecontent { text-align: center;}
}

/* Basket */

.checkout .errors { color: red; font-family: "arboria", sans-serif; font-weight: 500; padding-bottom: 30px; line-height: 1.5; }
@media (min-width: 1000px )
{
  .shop_basketpage h1 { text-align: center; padding-top: 90px; }
  .shop_basket { margin: 40px 0px 40px 0px; }
}
.shop_basket { padding:50px; background-color: white; }
.shop_basketpage .updatebasket { display:none;}
.shop_basket table tr td select { border: 2px solid var(--darkgrey); }
.shop_basket #basketloginform, #basketcheckoutform .formbuilder  { margin-top:20px; }
.shop_basket #basketloginform .formbuilder .form-group .label { float: left; }
.shop_basket #basketloginform .formbuilder .form-group .input { float: right; width: 400px; height: 40px;}
.shop_basket #basketloginform #fb-membpassword-div .input .form-control {height:40px; width: 400px}
.shop_basket .message { color:Red; padding-bottom:20px;}
.checkout #fb-ContactGroup-div > .label, .checkout #fb-BillGroup-div > .label, .checkout #fb-ShipGroup-div > .label, .checkout #fb-83-div>.label, .checkout #fb-87-div > .label, .checkout #fb-85-div > .label, .updateaccount > .label { font-family: "arboria", sans-serif; font-weight: 500; color: var(--darkblue); padding-bottom: 30px; font-size: 150%; }
.shop_basket .field_checkbox>.input, .shop_basket .updateaccount>.input { display: flex; gap: 20px; }
.shop_basket .field_checkbox>.input .description, .shop_basket .updateaccount>.input .description { max-width: 500px; width: 100%; }
.shop_basket .field_checkbox>.label, .shop_basket .updateaccount>.lavel { display: none; }
#fb-SaveDetails-div .input { display:block;}
.checkout #fb-87-div a { text-decoration: underline;}
.checkout h2 { text-align: center; color: var(--darkblue); font-size: 200%; font-family: "arboria", sans-serif;font-weight: 700; padding-bottom: 30px; }
.checkout input[type=text], .checkout textarea, .checkout .input select {  border: 2px solid var(--lightgrey); }
.checkout textarea { max-width: 100%; }
.checkout .input input[type=checkbox]{ width: 20px; height: 20px; }


@media ( min-width: 1240px )
{
  .checkout .input input[type=text], .checkout .input textarea, .checkout .input select, .checkout #fb-Notes{width: 400px;/* float: right; */height: 40px;}
  .checkout .input .label, .checkout #fb-Notes  {float: left;width: 40%;}
}


@media ( max-width: 1039px )
{
  .checkout .input .label, .checkout #fb-Notes { padding: 10px 0px 20px 0px; }
  .checkout .input input[type=text], .checkout .input textarea, .checkout .input select, .checkout #fb-Notes  { width: 100%; height: 40px;    }
  
}

.shop_basket table th, .shop_basket table td {padding: 5px;border-bottom: solid #e4e4e4 1px;text-align: left;}
.shop_basket table th.baseprice, .shop_basket table td.baseprice, .shop_basket table th.quantity, .shop_basket table td.quantity, .shop_basket table th.basetotal, .shop_basket table td.basetotal, .shop_basket table th.price, .shop_basket table td.price, .shop_basket table th.total, .shop_basket table td.total, .shop_basket table th.remove, .shop_basket table td.remove
	{ text-align: right; white-space: nowrap; }
.shop_basket table th.basetotal {white-space: nowrap;}
.shop_basket .buttons { clear: both; padding: 50px 0px 0px 0px; text-align: center; }
.shop_basket .buttons input { margin: 0px 5px 0px 5px; }
.shop_basket .basket .discount { display: none; }
.shop_basket .basket .name {width:1000px;}
.shop_basket .basket .total { text-align: right;}
.shop_basket .basket .remove { font-size:95%;}
.shop_basket .checkout .footer { clear:both; text-align: center; padding: 50px 0px 0px 0px; }
.shop_basket .checkout .footer p {text-align: center;}
.shop_basket .details { display: flex; max-width: 500px; justify-content: space-between; margin: 30px auto 0px auto;; }
/* .shop_basket .confirm .contact, .shop_basket .confirm .billing, .shop_basket .confirm .shipping
	{ float: left; width: 50%; padding-top: 20px; margin: 0px auto }
.shop_basket .confirm .contact h2, .shop_basket .confirm .billing h2, .shop_basket .confirm .shipping h2
	{ text-align: left; } */
.shop_basket .confirm .notes, .shop_basket .confirm .shippingunavailable { clear: both; padding: 50px 0px 0px 0px; text-align: center; }
.shop_basket .confirm .shippingunavailable p { text-align: center; }
.shop_basket .confirm .voucher, .shop_basket .confirm .discount { clear: both; padding: 50px 0px 0px 0px; text-align: center; }
.shop_basket .confirm .voucher fieldset { text-align: center; }
.shop_basket .confirm .payment { clear: both; padding: 50px 0px 0px 0px; max-width: 600px; margin: 0px auto 0px auto;}
.shop_basket .confirm .payment .label { width: 150px; }
.shop_basket .confirm .payment input[type=text] { width: 100%; }

.shop_basket .confirm .payment .paymentform { margin-top:20px;}


.shop_basket .loginrequired {   border-top: 2px solid white;padding-top: 20px;}

.shop_basket table tr th.total {width: 130px;}

@media(max-width:430px){
    .shop_basket { font-size: 80%; }
}

@media(max-width:600px){
    .shop_basket input[type="button"], .shop_basket input[type="submit"] { width: 100%; text-align: center; padding: 15px 15px 15px 15px; margin: 20px 0px 0px 0px; }
    .shop_basket .details{flex-direction: column; gap:40px; justify-content: center;}
    .shop_basket .confirm .contact, .shop_basket .confirm .billing, .shop_basket .confirm .shipping{width: 100%; text-align: center;}
    .shop_basket .confirm .payment{text-align: center;}
    .shop_basket .confirm .payment .paymentgateways{text-align: start; width: 160px; margin: 0 auto; }
}

@media(max-width:375px){
    .shop_basket { font-size: 60%; }
}


@media (min-width: 1240px)
{
  .shop_basketpage { max-width:1240px; margin: 0px auto;}
  .shop_basketpage .include { max-width: 900px; margin: 0px auto;}
}

@media (max-width:1239px)
{
  .shop_basket { padding:30px 20px;}
  .shop_basket .basket .quantity select { width: 50px;}
}

/* Forms & Contact Page */

.contact .pagecontent { text-align: center;}
.contact .form .form-group, .registerinterest .form .form-group { display:flex; }
.registerinterest .form .form-group { display:flex; flex-direction: column; }
.form .form-group .label {font-size: 90%; }
.form .form-group input, .contact .form #fb-3, .form #fb-MembAddress, .form #ddfb-MembCountry {height:40px;border: 2px solid var(--lightgrey);}
.contact .form #fb-3 {height: 200px;}
.surv_standard .buttons input[type=submit], .form_register .buttons input[type=submit] {margin-top: 10px;}
.form_register .buttons input[type=submit] { margin-top: 20px; width: 100%; }
.form_register .field_section .label { font-size: 120%; color: var(--darkblue);}
.form_register #fb-MembGdprOptIn-div input { width: 50px; height: 30px;}
.tutorarea .resources #uploadform #fb-upload-div .input {display: block;border: dotted var(--lightgrey);border-radius:5px;width:100%;padding: 20px; cursor:pointer; text-align: center; } 
.tutorarea .resources #uploadform #fb-upload-div .input .description { text-align: center; padding-top: 15px; width: 100% !important; }

/*
.formbuilder .dz-clickable {cursor: pointer;padding-bottom: 120px;background-image: url(/images/l3UtTHgLA4oOGvuKBtU20e80e8.png);background-position: center bottom;background-repeat: no-repeat;}
.formbuilder .dz-started { cursor: default !important; }
.formbuilder .dz-image {display: block;float: left;padding: 0px 20px 0px 0px;display: none;}
.formbuilder .dz-image img { max-height: 80px; width: auto; }
.formbuilder .dz-preview { margin: 0px 10px 10px 0px;background-color: #ffffff;padding: 10px;box-sizing: border-box;display: flex;height: 100px;justify-content: space-between;}
.formbuilder .dz-preview .dz-details {float: left;padding: 0px 20px 0px 0px; width: 50%;}
.formbuilder .dz-preview .dz-success-mark, .formbuilder .dz-preview .dz-error-mark { display: none; }
.formbuilder .dz-success .dz-success-mark { display: block; float: right; }
.formbuilder .dz-error .dz-error-mark { display: block; float: right; }
.formbuilder .dz-remove { margin: 15px 0px 0px 20px;}
*/

/* Dropzones */

.fbdropzone.inactive { cursor: default; }
.fbdropzone .dz-clickable { cursor: pointer;padding-bottom: 120px;background-image: url(/images/l3UtTHgLA4oOGvuKBtU20e80e8.png);background-position: center bottom;background-repeat: no-repeat; }

.dz-preview { cursor: pointer; justify-content: space-between; min-height: 70px; text-align: left; padding: 20px 0px 20px 0px; border-bottom: solid var(--lightgrey) 1px; }
.dz-preview * { display: none; }
.dz-preview .dz-image { display: block; width: 50px; height: 50px; float: right; }
.dz-preview .dz-image * { display: block !important; }
.dz-preview .dz-image img { width: auto; height: auto; max-width: 50px; max-height: 50px; }
.dz-preview .dz-remove { display: block; }

.dz-preview .dz-details { display: block; margin-bottom: 10px; }
.dz-preview .dz-details .dz-filename { display: block; }
.dz-preview .dz-details .dz-filename * { display: block; }

.dz-preview .dz-progress { display: block; width: 100%; border: solid #000000 1px; padding: 2px; border-radius: 5px; margin: 10px 0px 10px 0px; }
.dz-preview .dz-progress .dz-upload { display: block; height: 20px; background-color: var(--darkblue); border-radius: 3px; width: 0px; }

.dz-success .dz-progress { display: none; }

.dz-error { background-color: rgba(255,0,0,0.3); }
.dz-error .dz-progress { display: none; }
.dz-error .dz-error-message { display: block; position: absolute; width: 190px; margin: 140px 0px 0px 0px; text-align: center; }
.dz-error .dz-error-message span { display: block; }


@media (min-width:1000px)
{
  .form_register{padding: 60px 70px;margin-top: 30px; }
  .contact .form .form-group {width: 100%;margin: 0px auto;}
  .contact .form .form-group .label, .registerinterest .form .form-group .label {width: 30%; padding: 10px 0px 30px 0px;}
  .contact .form .form-group .input { width: 100%;}
  .registerinterest .form .form-group .input { width: 100%;}
  .contact .form .form-group input, .contact .form #fb-3,  .form #fb-MembAddress, .form #ddfb-MembCountry, .registerinterest .form .form-group input {width: 100%;}
  .form .buttons {width: 100%;margin: 0px auto;}
  .contact .form .buttons input[type=submit], .registerinterest .form .buttons input[type=submit] {float: right;}
}

@media ( min-width: 1000px )
{
  .form_register.form-group {width: 100%;margin: 0px auto;}
  .form_register .form-group input {width: 100%;}
  .form_register  .form-group .label {width: 30%;padding: 10px 0px 30px 0px;}
}
@media ( max-width: 999px )
{
  .form_register .form-group { width: 600px;  }
  .form_register .form-group input[type=text], .form_register .form-group input[type=password], .form_register .form-group select { width: 300px;  }
  .form_register .form-group .label { width: 200px;  padding: 10px 0px 30px 0px;  }
}

@media (max-width: 999px)
{
  .contact .form, .form_register,  .registerinterest .form { padding: 10px; margin: 10px 10px 50px 10px;} 
  .contact .form .form-group,   .registerinterest .form .form-group {flex-direction: column;}
  .contact .form .form-group .label { width:100%;padding: 10px 0px 10px 0px;}
  .contact .form .buttons, .registerinterest .form .buttons { text-align: right;}
  .form .form-group input, .contact .form #fb-3, .form #fb-MembAddress, .form #ddfb-MembCountry {width: 100%;}
}
@media ( max-width: 750px )
{
  .memb_account .form_register .field_text, .memb_account .form_register .field_textarea, .memb_account .form_register .field_select, .memb_account .form_register .field_password { display: block;}
  .form_register .buttons input[type=submit], .form_register input[type=text], .form_register  textarea  { width: 100%; }
  .form_register .description p { width: 100%; }
  .form_register .form-group { width: 100%;  }
  .form_register .form-group input[type=text], .form_register .form-group input[type=password], .form_register .form-group select, .form_register .form-group textarea, .form #fb-MembAddress{ width: 100%;  }
  .memb_account .text { padding: 20px; }
}

/* Tutor Bio */

.event_coursepage .content, .blogpost .mainarea .left, .memb_tutorprofile .content {background-color: white;}

.memb_tutorprofile .subtitle { color: var(--brightblue); padding: 0px; }
.memb_tutorprofile .pagetitle { padding: 0px; }
.memb_tutorprofile .courses h2, .memb_tutorprofile .publications h2 { font-size: 100%; margin-top: 20px;}
.memb_tutorprofile .courses ul li { list-style: disc inside; padding-bottom: 5px; color: #596aa4; }
.memb_tutorprofile .courses a {color: #596aa4;font-family: "arboria", sans-serif;font-weight: 700;/* font-size: 120%; */}
.memb_tutorprofile .links { padding-top: 30px; font-size: 90%; width: 500px;  }
.memb_tutorprofile .links li, .event_coursepage .content .details li {border-left: 3px solid var(--yellow);padding: 0px 25px 0px 5px;margin-bottom: 10px;display: inline-block;}
.memb_tutorprofile .links li a { font-family: "arboria", sans-serif;font-weight: 700; }
.memb_tutorprofile .biography { color: #656565; }
.memb_tutorprofile .biography ul { padding-left:20px;}
.memb_tutorprofile .biography li { list-style-type: disc ; padding: 0px 0px 0px 10px;}
.memb_tutorprofile .publications ul {display:flex;flex-wrap: wrap;gap: 20px;}
.memb_tutorprofile .publications ul li img { height: 127px; width: auto;}

@media (max-width:1239px)
{
  .event_coursepage .content, .blogpost .mainarea .left, .memb_tutorprofile .mainarea .content {padding: 30px 20px;}
}
@media ( max-width: 570px )
{
  .memb_tutorprofile .links { width: 90%; } 
}
@media ( max-width: 999px )
{
  .memb_tutorprofile .pageheader_inner { flex-direction: column; text-align: center;  }
}

/* Search  PAGE */

.util_sitesearch { text-align: center;}
.util_sitesearch .include {background-color:white;padding: 30px; margin-bottom: 50px; }
.util_sitesearch .titletxt { font-size: 150%;}
.util_sitesearch .result .title { color: var(--darkblue); font-family: "arboria", sans-serif;font-weight: 700; }
.util_sitesearch input[type=text] {border: 2px solid var(--lightgrey); height:36px;}
.util_sitesearch .result .description b {background-color: var(--yellow);/* padding: 0px 5px; */}
.util_sitesearch .include #result_report { margin-bottom: 30px; text-align: center;}
.util_sitesearch .showmore a { background-color: var(--darkblue); color: white; padding: 10px 5px; }
.util_sitesearch .showmore { margin-bottom: 50px;}
.util_sitesearch h2 { text-align: center; margin-top: 50px; background: white; padding-top: 30px; }
.util_sitesearch .include .result { text-align: left;}

.searchpage { background-color: white;}
.searchpage .pagecomponents { background: var(--lightgrey); margin-top: 20px; padding: 55px 0px 10px 0px; }
.searchpage .pageheader { background-color: black;}

@media (min-width:1240px)
{
  .util_sitesearch {max-width:1240px; margin: 0px auto;}
}

@media (max-width:1239px)
{
  .util_sitesearch {padding-bottom:50px;}
  .util_sitesearch form { text-align: center;}
}

/* Blog */

.blogpost .left ul { padding-bottom: 20px; margin: 0px 0px 0px 20px; }
.blogpost .left ul li { list-style: disc; padding: 0px 0px 0px 10px; line-height: 25px; }
.blogpost .created { padding-top: 20px; }
.blogpost .left h2 { color: var(--darkblue); }
.blogpost .left a { text-decoration: underline; transition: 0.3s ease-in-out; }
.blogpost .left a:hover { opacity: 0.6; }
.blogpost .int_newsletter, .blogpost .surv_standard { margin-top: 30px; }
.blogpost .formbuilder .label, .blogpost .int_newsletter .label { display: none; }
.blogpost .formbuilder input[type=text] { width: 80%; height: 30px; }
.blogpost .formbuilder textarea { width: 80%; }
.blogpost .article img { max-width: 100%; height: auto; }
.blogpost .article img.alignleft { float: left; margin: 0px 20px 20px 0px; }
.blogpost .article img.alignright { float: right; margin: 0px 0px 20px 20px; }

.blogpost .surv_responses { margin-top: 50px; }
.blogpost .surv_responses .response { border-top: solid var(--brightblue) 1px; padding: 10px 0px 10px 0px; }
.blogpost .surv_responses .row { padding-top: 5px; }
.blogpost .surv_responses .row .label { display: none; }
.blogpost .surv_responses .datetime { font-size: 80%; }
.blogpost .surv_responses .field_Name { font-family: "arboria", sans-serif;font-weight: 900; }
.blogpost .surv_responses .field_Comment { font-style: italic; }

@media (max-width: 1239px)
{
  .allblogs .list { padding: 0px 20px 0px 20px; }
}

@media (min-width: 1000px)
{
  .allblogs .list .article { min-height: 600px; }
  .allblogs .list { display: flex; justify-content: space-between; flex-wrap: wrap; }
  .allblogs .list .filters, .allblogs .list .article { width: 31%; }
}

@media (min-width: 600px) and (max-width: 999px)
{
  .allblogs .filters form .field_multiselect { overflow-y: scroll; height: 385px; }
  .allblogs .list .article { min-height: 600px; }
  .allblogs .list { display: flex; justify-content: space-between; flex-wrap: wrap; }
  .allblogs .list .filters, .allblogs .list .article { width: 48%; }
}


.allblogs .filters { margin-bottom: 50px; }
.allblogs .filters h2 { font-size: 150%; padding-bottom: 20px; font-family: "arboria", sans-serif; font-weight: 500; }
.allblogs .filters li { font-size: 100%; }
.allblogs .filters li input[type=checkbox] {padding: 5px; height: 20px; width: 20px; /*accent-color: white;*/ vertical-align: middle; margin-right: 10px; cursor: pointer; }

.allblogs .filters #fb-blogsearch { background-image: url(/images/a5DTT4rE4EQRIgt7rcYm.svg); background-repeat: no-repeat; background-position: 97%; background-size: 18px; }

.allblogs .filters input[type=text], .blogpage .filters select { width: 100%; height: 45px; }
.allblogs .filters select { background-size: 15px;}


.blogpage { background-color: var(--lightgrey); }
.blogpage .pagecomponents { background: none; padding: 50px 0px; }


/* Blog list */

.allblogs .list .article { padding: 20px; background-color: white; margin-bottom: 50px; }
.allblogs .list .article:hover { background-color: var(--darkblue);  }
.allblogs .list .article:hover h3 a, .allblogs .list .article:hover .abstract, .allblogs .list .article:hover .created { color: white; }
.allblogs .list h3 { padding: 0px 0px 15px 0px;}
.allblogs .list h3 a { color: var(--darkblue); font-size: 120%;   }
.allblogs .list .created { color: var(--darkgrey); font-size: 95%; padding-bottom: 20px;  }
.allblogs .list .abstract { font-size: 100%; font-family: "arboria", sans-serif;}
.allblogs .list .link { margin-top: 10px; }
.allblogs .list .link a {  background-color: var(--brightblue); color: white; font-size: 100%; padding: 6px; font-family: "arboria", sans-serif; font-weight: 500; }
.allblogs .list .category { background: #c4e4ff; margin-top: 15px; font-size: 90%; padding: 5px; }
.allblogs .list .bgimage { height: 240px; background-size: cover; margin-bottom: 15px; }



/* Survey */

.surv_surveypage { background-color: white; padding: 50px; }
.surv_surveypage select, .surv_surveypage textarea { border: 2px solid var(--lightgrey);  }
.surv_surveypage .input { width: 40%; margin: 0px auto; }
.surv_surveypage select { width: 320px; }
.surv_surveypage textarea { max-width: 320px; min-height: 70px; max-height: 200px;   }
.surv_surveypage .radio input { display: inline; height: 10px;  }
.surv_surveypage .radio label, .surv_surveypage input { font-size: 90%; }

.surv_surveypage .form .form-group { padding-bottom: 20px; }
.surv_surveypage .form .form-group .label { width: 40%; }


.surv_surveypage .form { border: 2px solid var(--darkgrey); padding: 20px 0px; }

.surv_surveypage .form .buttons { text-align: center;}
.surv_surveypage .form input[type=submit] { background-color: var(--darkblue); padding: 10px 20px; text-align: center; }
.surv_surveypage .form input[type=submit]:hover { opacity: 0.8; }

/* Gift Voucher */

.shop_product {background-color: white; }
.shop_product form { font-size:110%;text-align:center;/* display: flex; justify-content: space-evenly; flex-wrap: wrap;*/ } 
.shop_product form fieldset {border: 2px solid var(--darkgrey);padding: 20px;}
.shop_product .options {display: flex; flex-direction: column; justify-content: space-between;padding-bottom: 10px;flex-wrap: wrap;}
.shop_product .quantity { display:none;}
.shop_product .price, .shop_product .stock{ display: none; }
.shop_product .label select, .shop_product .value select {border: 2px solid var(--lightgrey);width: 150px;background-size: 10px;}
.shop_product .addtobasket input[type=submit]:hover { opacity: 0.8; }
.shop_product .label { padding: 30px 0px 10px 0px; }
.shop_product input[type="text"] { width: 80%; }
.shop_product .available .addtobasket {margin:20px 0px;}
.shop_product #option-4, .shop_product #option-6 { width: 80%; height: 100px;}

.shop_product #option-5 { display: none; }


/* testimonials */

.section7 .layoutleft, .section8 .layoutleft, .section148 .layoutleft {max-width:315px;}
.dbase_random .top { height:50px; background-image: url(/images/GhCsqVZY5yrIwn8eXNbh.svg); background-size: 20px; background-position: left;}
.dbase_random h2 { font-size:100%; text-align: center; text-transform: uppercase;}
.dbase_random .record { padding-bottom:20px;border-bottom: 2px solid var(--lightgrey); margin-bottom:20px;}
.dbase_random #record-169-3 {border-bottom:none;background-image: url(/images/WMBO0BwhJw7IjdX3cKtv.svg);background-size: 20px;background-position: bottom right;}
.dbase_random .record span { display:block;font-family: "arboria", sans-serif; font-style: italic;font-weight: 500;  text-align: center;font-size: 90%;} 


/* page not found */

.pagenotfound { text-align: center; padding: 20px 0px; }


/* dataTable */

@media (max-width: 999px)
{
	.tablewrapper { max-width: 100%; overflow-x: scroll; }
}
table.dataTable td, table.dataTable th { padding: 5px; font-size: 90%; }
table.dataTable td { border-top: 2px solid var(--lightgrey); }
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc { cursor: pointer; position: relative; padding-left: 20px; white-space: nowrap; }
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before { position: absolute; top: 5px; left: 5px; display: block; font-family: GlyphiconsHalflingsRegular; font-size: 11px; opacity: 0.8; color: var(--brightblue); }
table.dataTable thead .sorting:before { content: "\e150"; } 
table.dataTable thead .sorting_asc:before { content: "\e155"; }
table.dataTable thead .sorting_desc:before { content: "\e156"; }

/* Newsletter */

.newsletter .int_newsletter .text p { padding-bottom: 50px; }
.newsletter .int_newsletter form input[type=text], .blogpost .int_newsletter input[type=text] { margin: 0px 0px 20px 0px; width: 80%; }


/* View feedback */

.viewfeedback table th, .viewfeedback table td { padding: 5px; }


/* New website popup */

#newwebsitepopup .errors { padding: 20px 0px 0px 0px; }
#newwebsitepopup form { padding-top: 20px; }
#newwebsitepopup .field { display: flex; padding-bottom: 15px; }
#newwebsitepopup .field .label { width: 140px; font-family: "arboria", sans-serif; font-weight: 500; }
#newwebsitepopup .field .input { flex-grow: 1; }
#newwebsitepopup .field .input input { width: 100%; font-family: inherit; font-size: inherit; }

.ui-widget { font-family: inherit; font-size: inherit; }
.ui-dialog { border: none; border-radius: 0px; font-size: 100%; }
.ui-dialog-titlebar { border: none; background: var(--darkblue); color: var(--white); border-radius: 0px; }


/* Newsletter and survey messages */
.int_newsletter .message, .surv_standard .message {background-color: var(--white);color: var(--black); display: inline-block; padding: 20px;margin: 0 auto 20px auto;border: 5px solid var(--yellow);}

.layoutleft_inner .link302, .layoutleft_inner .link305  {display: none;}




/* Remove this when VAT goes live */
/*.shop_basket tr.taxtotalrow { display: none; }  */


/* Webinar */

.webinar .book a { color: white !important; background-color: var(--brightblue); padding: 5px 15px; margin: 29px 0; font-family: "arboria", sans-serif; font-weight: 500; text-decoration: none; display: inline-block; text-align: center;}
.webinar .book a:hover { opacity: 0.6;}


.webinar table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.webinar table thead tr{border-bottom: 5px solid var(--brightblue); border-top: 5px solid var(--brightblue);}
.webinar table th { font-weight: 600; padding: 15px; } 
.webinar table td{padding: 15px;border-bottom: 1px solid var(--brightblue);}
.webinar .pagecontent table th:nth-child(1),.webinar table th:nth-child(2) {width: 150px;}
.webinar .pagecontent table th:nth-child(3) { width: auto;}

.webinar .event_list .event{width: 100%;display: flex;flex-direction: column; text-align: left;padding: 10px 0;border-bottom: 1px solid var(--brightblue);}
.webinar .event_list .event>.group{display: flex;}
.webinar .event_list .event>.group>div{width: 150px; padding: 15px;}
.webinar .event_list .event>.group>div:last-child{width: auto;flex:1;}
.webinar .event_list .event .date, .webinar .event_list .event .time{ font-weight: 700;}
.webinar .event_list .event .name{padding: 0; margin: 0; width: auto; font-weight: 600;}
.webinar .event_list .event .date, .webinar .event_list .event .name{margin-bottom: 20px;}
.webinar .event_list .event .addbutton{ text-align: end; padding: 15px 0;}
.webinar .event_list .event .addbutton a{background-color: var(--brightblue);}


.webinar .price-button{ background-color:  #d4af37; color: var(--black);}
.webinar .pagecontent .button{color: white;}

.webinar .surv_standard .field{display: flex; align-items: center; width: 100%; margin-bottom: 15px;}
.webinar .surv_standard .field .label{width: 30%;  font-size: 90%;}
.webinar .surv_standard .field .input, .webinar .surv_standard .field input{width: 100%;}

.webinar .surv_standard .confirm{font-weight: 600; background-color: var(--lightgrey); padding: 20px 10px 0 10px; text-align: center;}

@media (max-width: 1000px){
  .webinar .pagecontent{padding-bottom: 0;}
  .webinar .pagecomponents{padding-top: 0;}
}

@media (max-width: 600px){

  .webinar .pagecontent table{display: none;}
  .webinar .event:first-child{border-top: 1px solid var(--brightblue);}
  .webinar .event>.group{flex-direction: column-reverse; }
  .webinar .event .description p{padding-bottom: 0;}

  .webinar .surv_standard .field{flex-direction: column; align-items: start; gap:5px; margin-bottom: 0;}
}


/* Event page (Webinars) */

.layoutmain:has(.event_eventpage) .layouttopmenu{height: 125px;}
.event_eventpage .headline{ color: var(--darkblue); font-size: 150%; padding-bottom: 15px; font-family: "arboria", sans-serif; font-weight: 500;}
.event_eventpage .date{color: black; font-size: 100%; padding: 10px 0px;}
.event_eventpage .price{display: block; font-size: 90%; margin-bottom: 30px; font-weight: 500;}

.event_eventpage .book .form-group .label{margin-bottom: 5px;}
.event_eventpage .book .form-group input {height: 40px; border: 2px solid var(--lightgrey); max-width: 350px; width: 100%;}


/* Phone menu dropdown */
@media (max-width: 768px){
  .link310 .link311, .link310 .link312, .link310 .link313, .link310 .link314, .link310 .link315, .link310 i {display: none;}
}