/* Homepage styling - elements taken from elearnhere-website style.css */
/* OTHER additional elements, because we needed 'em */
body.home .site-header {box-shadow:none;}
body.home .main-header-bar {border-bottom:none;}
body.home #primary {margin-top:0 !important;padding-top:0 !important;}
body.home .site-content .ast-container {max-width:unset;padding-right:0;padding-left:0;}
body.home div.dark-grey {background:#515253;border-top:8px solid #2db2e0;text-align:center;padding-top:24px;padding-bottom:18px;}
body.home div.pale-grey {margin-top:-24px;padding:20px 0 60px 0;background:#f3f3f3;text-align:center;}
body.home div.teal {margin-top:-24px;padding:20px 0 60px 0;background:#39cec5;text-align:center;}
body.home div.skyblue {margin-top:-24px;padding:20px 0 60px 0;background:#80afe3;text-align:center;border-top:1px solid #fff;}
body.home div.dark-grey:after {content:"";clear:both;height:20px;width:100%;display:table;}
body.home div.dark-grey h1, body.home div.dark-grey h2, body.home div.teal h1, body.home div.teal h2, body.home div.skyblue h1, body.home div.skyblue h2 {color:#fff;}
body.home div.dark-grey p, body.home div.dark-grey p, body.home div.teal p, body.home div.teal p, body.home div.skyblue p, body.home div.skyblue p {font-size:120%;padding:15px 0;color:#fff;}

@media (max-width: 544px) {
/*.ast-separate-container #content .ast-container {padding:0;}*/

}

/* Homepage BANNER area */
#banner {width:100%;height:auto;min-height:120px;margin:0 0 0 0;padding:10px 0 10px 0;color:#d9e3ec;background:#fff url(_resources/banner-new.jpg) no-repeat center;background-size:cover;z-index:1;}
#banner p.banner-button {text-align:center;}
#banner p.banner-button a:link, #banner p.banner-button a:visited {display:inline-block;width:85%;max-width:1028px;padding:8px 12px 10px 12px;background:#e4b332;font-size:120%;color:#fff;text-decoration:none;box-shadow:0 0 6px 2px rgba(0,0,0,0.5);cursor:pointer;transition:all 0.2s ease;}
#banner p.banner-button a:hover {background:#d4a32a;transition:all 0.2s ease;}
#banner p.cpd-accreditation {text-align:center;}
#banner p.cpd-accreditation img {max-height:100px;width:auto;display:inline-block;margin:12px auto 6px auto;}
#banner:after {content:"";clear:both;height:20px;width:100%;display:table;}
#banner-news {width:100%;height:auto;min-height:120px;margin:0 0 0 0;padding:10px 0 10px 0;color:#d9e3ec;background:#fff url(_resources/banner-new.jpg) no-repeat center;background-size:cover;z-index:1;}
#banner-news:after {content:"";clear:both;height:10px;width:100%;display:table;}
	/* course finder goes in the banner area */
.course-finder {width:80%;margin:24px auto 24px auto;padding:24px;background:rgba(45,178,224,0.8);text-align:center;}
.course-finder h1 {width:100%;text-align:center;color:#fff;font-size:130% !important;font-weight:normal;line-height:1.4;}
.course-finder p {font-size:105%;color:#d9e3ec;}

.bluebox {width:87%;margin:12px auto 24px auto;padding:24px;background:rgba(45,178,224,1.0);}
.bluebox ul {padding-top:12px;color:#fff;font-size:125%;text-align:left;}
.bluebox ul li {list-style:none;border-left:3px solid #fff;padding-left:10px;margin:18px;font-size:85%;}

`/* Homepage NEWS TICKER area */
/* Ditty News Ticker overrides */
div.dark-grey .site {margin-right:9vw;margin-left:9vw;}
div.dark-grey div#mtphr-dnt-1444 {margin-bottom:24px;}
div.dark-grey div.mtphr-dnt-tick {width:70% !important;margin-left:15%;color:#fff;font-size:100%;line-height:1.3;}
div.dark-grey .ditty-slider__prev, div.dark-grey .ditty-slider__next {display:inline-block;width:33px;background:url(_resources/scrollarrows.png) center no-repeat;background-size:contain;}
div.dark-grey .ditty-slider__prev i, div.dark-grey .ditty-slider__next i {display:none;}
div.dark-grey .mtphr-dnt-icon-arrow-left:before {content:"";}
div.dark-grey .mtphr-dnt-icon-arrow-right:before {content:"";}

.boxone {display:inline-block;width:250px;height:380px;margin:20px auto;padding:0px;color:#202020;background:#2db2e0;position:relative;}
p.boxcontent img {height:auto;width:auto;}
.boxtwo {display:inline-block;width:250px;height:380px;margin:20px auto;padding:0px;color:#202020;background:#ccc;position:relative;}
.boxthree {display:inline-block;width:250px;height:380px;margin:20px auto;padding:0px;color:#202020;background:#2db2e0;position:relative;}
.boxone h1, .boxthree h1 {width:100%;height:40px;padding-top:12px;margin:0 0 10px 0;font-size:110% !important;color:#fff !important;text-align:center;background:rgba(24,136,170,1.0);}
.boxtwo h1 {width:100%;height:40px;padding-top:12px;margin:0 0 10px 0;font-size:110% !important;color:#fff !important;text-align:center;background:rgba(0,0,0,0.6);}
.boxone p, .boxtwo p, .boxthree p {padding:5px 10px;color:#fff;}
.boxone a:link.button, .boxone a:visited.button, .boxtwo a:link.button, .boxtwo a:visited.button, .boxthree a:link.button, .boxthree a:visited.button {position:absolute;bottom:25px;left:20%;width:60%;color:#fff;font-size:140%;text-transform:uppercase;background:rgba(0,0,0,0.4);border:none;z-index:3;transition:0.2s all ease;}
.boxone a:hover.button, .boxtwo a:hover.button, .boxthree a:hover.button {text-decoration:none;text-shadow:0 0 4px rgba(255,255,255,1.0);transition:0.2s all ease;}

@media screen and (min-width: 765px) {
.boxone, .boxtwo, .boxthree {height:380px;margin:20px;display:inline-block;float:none;}

}

@media screen and (min-width: 960px) {
#banner {min-height:420px;}
#banner-news {min-height:220px;}
#banner p.banner-button a:link, #banner p.banner-button a:visited {font-size:150%;}

.course-finder {width:82%;}
.course-finder h1 {font-size:200% !important;}
.course-finder p {font-size:125%;}

.bluebox {display:inline-block;width:46%;padding:24px 12px;margin:12px 0.4%;}

}

@media screen and (min-width: 1280px) {
#banner .site{max-width: 1255px;margin:auto;}
.course-finder {width:82%;margin:65px auto 24px auto;padding:24px 24px 12px 24px;}
.course-finder h1 {font-size:300% !important;}
.course-finder p {font-size:130%;}

.bluebox {display:inline-block;width:36%;padding:24px 0.5%;margin:12px 1.4%;vertical-align:top;}

div.pale-grey .site, div.teal .site {max-width:1255px;margin:auto;}
div.teal div#mtphr-dnt-124 .mtphr-dnt-tick-contents {text-align:center;}
div.teal div#mtphr-dnt-124 div.mtphr-dnt-tick {position:relative;max-width:1060px !important;margin:auto !important;height:150px;}
/* 2023v2 Nov 2022 edit */
/* deals with change FROM news-tickers TO "dittys" */
div.teal .ditty-item__content {font-size:135%;text-align:center;font-family: 'poppins', sans-serif;}

div.dark-grey div#mtphr-dnt-126 {margin-right:9vw;margin-bottom:24px;margin-left:9vw;}
div.dark-grey div.mtphr-dnt-tick {font-size:180%;}
div.dark-grey .ditty-slider__prev, div.dark-grey .ditty-slider__next {width:50px;}
/* 2023v2 Nov 2022 edit */
/* deals with change FROM news-tickers TO "dittys" */
div.dark-grey .ditty-slider[data-id="228"] {color:#fff;}
div.dark-grey .ditty-slider__slide {}
div.dark-grey .ditty-item__content {font-size:180%;text-align:center;font-family: 'poppins', sans-serif;}

.boxone, .boxtwo, .boxthree {display:inline-block;width:350px;height:325px;margin:20px;}
p.boxcontent img {height:250px;width:auto;}
.boxone h1, .boxthree h1 {width:100%;height:42px;padding-top:8px;margin:0 0 10px 0;font-size:125% !important;color:#fff;text-align:center;background:rgba(24,136,170,1.0);}
.boxtwo h1 {width:100%;height:42px;padding-top:8px;margin:0 0 10px 0;font-size:125% !important;color:#fff;text-align:center;background:rgba(0,0,0,0.6);}
.boxone a:link.button, .boxone a:visited.button, .boxtwo a:link.button, .boxtwo a:visited.button, .boxthree a:link.button, .boxthree a:visited.button {position:absolute;bottom:25px;left:20%;width:60%;padding-right:15px;padding-left:15px;color:#fff;font-size:120%;text-transform:uppercase;background:rgba(0,0,0,0.4);border:none;z-index:3;transition:0.2s all ease;}

}

/* END Homepage styling */