/*!
Theme Name: Discovery College
Theme URI: http://underscores.me/
Author: Lisa Jaffe
Author URI: https://ethicaldesign.co
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: discovery-college
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------*/

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
body {margin: 0; padding: 0;font-size: 14px;font-family: 'Geomanist'; font-weight: normal; color: #6D6E6E; line-height: 20px}
h1, h2, h3, h4, h5, h6 { font-family: Menco, sans-serif; font-weight: 700; font-style: normal; color: black;}
strong {font-family: Menco, sans-serif; font-weight: 900;}

h2 {font-size: 27px;}
h1 {font-size: 35px; margin-bottom: 30px; color: #000;}
h3 {font-size: 21px; margin-bottom: .9rem;}
h4 {font-size: 17px; margin-bottom: .9rem;}

#course-streams h2 {color: #fff;}
#form h2 {color: #fff;}
#form h3 {color: #fff;}
#footer h2 {color: #fff;}

p {margin-bottom: 17px;}
p:last-child {margin-bottom: 0;}

a {color: #00B4ED;}
a:hover {color: #00B4ED;}
figcaption {margin-top: .5rem; color: #00B4ED;}

*:focus {outline: none;}
a:hover {text-decoration: none;}

.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }

.blue-button {background-color: #00B4ED; color: #fff;font-family: 'Geomanist Book'; font-size: 14px; border-radius: 50px; display: inline-block;}
.blue-button a {padding: 12px 15px; display: block; color: #fff; font-size: 14px; }
.blue-button:hover {background-color: #66d1f4;}

.outline-button, input.gform_button, .gform_next_button, .gform_prev_button {background-color: #00B4ED; color: #fff;font-family: 'Geomanist Book'; font-size: 14px; border-radius: 50px; display: inline-block; border:2px solid #fff;}
.outline-button a, input.gform_button a, .gform_next_button, .gform_prev_button {padding: 12px 15px; display: block; color: #fff; font-size: 14px; }
.outline-button:hover, input.gform_button:hover, .gform_next_button, .gform_prev_button {background-color: #66d1f4;}



.white-button {background-color: #fff; color: #231F20;font-family: 'Geomanist Book'; font-size: 14px; border-radius: 50px; display: inline-block;}
.white-button a {padding: 12px 15px; display: block; color: #231F20; font-size: 14px; }

/************************
## Default page template
*************************/
.page-wrap {margin: 65px 0;}
.page-wrap .block {margin-top: 40px; margin-bottom: 40px;}
.page-wrap .block:first-child {margin-top: 0;}
.page-wrap .block:last-child {margin-bottom: 0;}
.page-wrap .block.resources ul {margin: 0; padding: 0; list-style: none;}
.page-wrap .block.resources ul a {color: #000; font-size: 12px; font-family: 'Geomanist Book';}
.page-wrap .block.resources ul li img {margin-right: 10px;}


body.page-id-19 h1 {margin-bottom: 0;}


/************************
## Footer
*************************/
#search-bar {background-color: #fff;}
#searchform input, #searchform .button {border:0; background-color: transparent; border-radius: 0;}
#searchform input {width: 100%; padding-left: 30px;}
#searchform {position: relative;}
#searchform .button {position: absolute;left: 0;}
#searchform .fas {color: #6D6E6E;}
#search-bar {padding: 20px 0;}
#searchform input, #searchform .button {font-size: 16px;}
#searchform input {font-size: 12px;}


#footer {background-color: #2C2C2D;color: #D7D8D9; font-family: 'Geomanist Book'; font-weight: normal;}
#footer a {color: #D7D8D9;}
#footer a:hover {color: #00B4ED}
#footer h3.title {color: #fff; font-size: 19px; margin-bottom: 25px;}
#footer h3.title:nth-child(2) {margin-top: 25px;}
#footer ul {list-style: none;padding: 0; margin: 0;}
#footer ul.lrg {margin: 20px 0; font-size: 16px;}
#footer ul.lrg li {margin-bottom: 10px;}
#footer ul.social li {width: 25px; height:25px; background-color: #00B4ED; color: #fff; border-radius: 50%; line-height: 25px; text-align: center;}
#footer ul.social li a {color: #fff; display: block; width: 100%;}
#footer ul.social li {display: inline-block; margin: 0 5px 0 0;}
#footer .site-info {padding-top: 35px; padding-bottom: 35px;}

#footer .mailchimp {background-color: #848689;  padding-left: 15px; padding-right: 15px;}
#footer .associations {background-color: #fff; text-align: center; padding: 0 10px; padding-left: 15px; padding-right: 15px;}
#footer .associations img {max-height: 80px; width: auto; display: inline-block;}
#footer .associations img:first-child {max-height: 50px;}
#footer .col-md-4 {background-color: #848689; padding: 0;}
#footer table {height: 100%; width: 100%;}
#footer table tr {height: 50%;}

#footer #menu-footer li {margin-bottom: 14.5px;}
#footer .timetable {margin-top: 25px;}
#footer .col-right {padding-right: 0;}
#footer .footer-container {margin-right: 0;}

#footer #mc-embedded-subscribe {background-color: #00B4ED; color: #fff;font-family: 'Geomanist Book'; font-size: 13px; border-radius: 50px; display: inline-block; border:2px solid #fff; display: inline-block; padding: 12px 15px; }
#mc-embedded-subscribe-form input {margin-top: 10px !important;}

#header-image {height: 180px; background-size: cover; background-position:  center center; position: relative; text-align: center;}
#header-image .circle {width: 58px; height: 58px ; background-color: #fff; text-align: center;line-height: 57px; border-radius: 50%;
position: absolute;
bottom:-29px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}


#top {background-color: #2C2C2D; text-align: right; color: #fff; font-size: 12px; padding: 10px 0; z-index: 99999;}
#top a {color: #fff;}
#top i {color: #00B4ED;}
#nav {background-color: #000; width: 100%; padding: 15px 0 0;}
#nav .logo {height: 60px; width: auto; margin-bottom: 15px;}
#nav i {color: #fff; font-size: 18px;}
#nav a {color: #fff;}
#nav a:hover {text-decoration: none;}
#nav .menu {position: relative;}
.menu-container {position: relative;}

.header + .menu-btn .menu-open {display: none;}

.header.open + .menu-btn .menu-closed {display: none;}
.header.open + .menu-btn .menu-open {display: block;}


.header {
    display: none;
    z-index: 2000;
}
.menu-btn {
    position: absolute;
    right: 20px;
    top:15px;
    z-index: 5000;
    font-size: 19px;
}
#stick, #stick-sticky-wrapper {z-index: 9999;position: relative;}
#nav .navigation {padding-top: 30px;}
#nav .navigation .primary-menu a {font-size: 19px;font-family: 'Menco', sans-serif; font-weight: 700;}
#nav .navigation  a {color: #fff;}
#nav .navigation a:hover {color: #00B4ED}
#nav .navigation ul {margin: 0; padding: 0; list-style: none;}
#nav .navigation .sub-menu a {font-size: 14px; color: #D7D8D9; font-family: 'Geomanist Book';}
#nav .navigation .sub-menu a:hover {color: #00B4ED}
#nav .navigation .primary-menu li ul li {margin-top: 10px;}
#nav .navigation .primary-menu li ul li:first-child {margin-top: 30px;}
#nav .navigation .primary-menu li ul li:last-child {margin-bottom: 30px;}
#nav .navigation .primary-menu li ul li:before {content:'-'; padding-right: 10px; font-size: 14px;}
#nav .navigation .primary-menu .socials {margin-top: 30px;}
#nav .social {height: 35px; width: 35px; border-radius: 50%; text-align: center; line-height: 33px; background-color: #00B4ED; color: #fff; position: relative;}
#nav .social a {color: #fff; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);left: 0; right: 0;}
#nav .social {display: inline-block; margin-right: 5px;}
#nav .social:hover {background-color: #66d1f4;}
#nav li.menu-item-has-children>a:hover {color:#fff; cursor:default;}


/************************
## Single Course
*************************/

.course-label {text-align: right; padding: 0 15px;}
.course-label img {width: 32px; height:auto;}
.course-label span {font-size: 19px; position: relative; top: 2px; left: -5px;}

.course-info img {width: 100%; height: auto;}
.course-info .blue-button {text-align: center; width: 100%; margin-top: 25px; margin-bottom: 50px;}
.course-buttons {margin: 40px auto 30px auto;}
.highlighted-info {padding: 25px 15px;}
.highlighted-info span {text-transform: uppercase;}
.highlighted-info a {color: #fff; font-family: 'Geomanist Book';}
.highlighted-info .length {margin-bottom: 15px;}

body.single-reframing .course-label span {color: #E0846E;}
body.single-reframing h1 {color: #E0846E;}
body.single-reframing .highlighted-info {background-color: #E0846E; color: #fff;}
body.single-reframing .content h1, 
body.single-reframing .content h2,
body.single-reframing .content h3,
body.single-reframing .content h4,
body.single-reframing .content h5,
body.single-reframing .content h6 {color: #E0846E;}


body.single-exploring .course-label span {color: #A2D4D9;}
body.single-exploring h1 {color: #A2D4D9;}
body.single-exploring .highlighted-info {background-color: #A2D4D9; color: #fff;}
body.single-exploring .content h1, 
body.single-exploring .content h2,
body.single-exploring .content h3,
body.single-exploring .content h4,
body.single-exploring .content h5,
body.single-exploring .content h6 {color: #A2D4D9;}

body.single-developing .course-label span {color:#9ABE53;}
body.single-developing h1 {color: #9ABE53;}
body.single-developing .highlighted-info {background-color: #9ABE53; color: #fff;}
body.single-developing .content h1, 
body.single-developing .content h2,
body.single-developing .content h3,
body.single-developing .content h4,
body.single-developing .content h5,
body.single-developing .content h6 {color: #9ABE53;}

body.single-support .course-label span {color: #F8CC46;}
body.single-support h1 {color: #F8CC46;}
body.single-support .highlighted-info {background-color: #F8CC46; color: #fff;}
body.single-support .content h1, 
body.single-support .content h2,
body.single-support .content h3,
body.single-support .content h4,
body.single-support .content h5,
body.single-support .content h6 {color: #F8CC46;}

.content h2 {font-size: 19px; margin-bottom: 30px;}
.content {margin-bottom: 30px;}

.courses-nav {background-color: #e5f7fd; padding: 35px 0; margin-top: 50px; text-align: center;}
.courses-nav img {margin-bottom: 20px;}
.reframing h3 {color: #E0846E; font-size: 19px;}
.building h3 {color: #A2D4D9; font-size: 19px;}
.developing h3 {color: #9ABE53; font-size: 19px;}
.supporting h3 {color: #F8CC46; font-size: 19px;}

.courses-nav .col-md-3 {margin-bottom: 50px;}
.courses-nav .col-md-3:last-child {margin-bottom: 0;}

.courses-nav .reframing:hover img,
.courses-nav .building:hover img,
.courses-nav .developing:hover img,
.courses-nav .supporting:hover img {transform: scale(1.1);}

.courses-nav .reframing img,
.courses-nav .building img,
.courses-nav .developing img,
.courses-nav .supporting img {transition: all .2s ease-in-out; width: 53px; height: 53px; background-size: cover;}

.courses-nav .reframing div a,
.courses-nav .building div a,
.courses-nav .developing div a,
.courses-nav .supporting div a {display: block; }

.enrolment-info {background-color: #00B4ED; text-align: center; padding: 50px 0; color: #fff;}
.enrolment-info h3 {font-size: 25px; color: #fff; margin-bottom: 25px;}
.enrolment-info .outline-button {width: 100%; max-width: 160px;}
.enrolment-info .col-md-4:first-child {margin-bottom: 30px;}
.enrolment-info a {color:#fff;}

.course-checkbox label {display:inline-block !important; width: auto !important;}
.course-checkbox input {width: auto !important; margin-top:0 !important;}
.course-checkbox {text-align:left;}
.course-checkbox .gfield_label {margin-top:25px !important; font-size:16px;}
#field_3_26 .gfield_description {
    position: relative;
    top: -40px;
}


/************************
## Courses Overview 
*************************/

#course-header {height: 270px; background-size: cover; background-position: center center; overflow: hidden; position: relative; text-align: center; }

#course-primary {background-color: #faebf3; color: black; text-align: center; padding: 70px 0; position: relative; margin-bottom: 55px;}
#course-primary .circle {text-align: center;
position: absolute;
top:-51.5px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
#course-primary.building {background-color: #e9f6fc}
#course-primary.developing {background-color: #edf7f1}
#course-primary.supporting {background-color: #fff6db}

#course-header h1 {color: #fff; position: absolute; bottom: 110px; left: 0; right: 0;}


#all-courses.reframing h2 {color: #E0846E; font-size: 19px; margin-top: 18px; margin-bottom: 10px;}
#all-courses.building h2 {color: #A2D4D9; font-size: 19px; margin-top: 18px; margin-bottom: 10px;}
#all-courses.developing h2 {color: #9ABE53; font-size: 19px; margin-top: 18px; margin-bottom: 10px;}
#all-courses.supporting h2 {color: #F8CC46; font-size: 19px; margin-top: 18px; margin-bottom: 10px;}
#all-courses.reframing a {color: #E0846E;}
#all-courses.building a {color: #A2D4D9;}
#all-courses.developing a {color: #9ABE53;}
#all-courses.supporting a {color: #F8CC46;}

#all-courses img {width: 100%; height: auto;}
#all-courses p {margin-bottom: 13px;}
#all-courses p:last-child {margin-bottom: 0; color: #000; font-family: 'Geomanist Book'; }
#all-courses .course {margin-bottom: 50px;}
#all-courses .course-img {position: relative;}
#all-courses .course-img .icon {position: absolute; top:20px; left: 32px; width: 38px; height: auto;}
#all-courses .check-link {font-family: 'Geomanist Book';  color: #000;}
#all-courses .blue-button a {color: #fff;}

#all-courses .see-timetable {text-align: center; margin-bottom: 50px;}
#all-courses .see-timetable .blue-button {margin:0 25px; width: 100%; max-width: 240px;}
#all-courses .see-timetable a {font-size: 19px; padding-top: 19px; padding-bottom: 17px;}

#all-courses a:hover {opacity:0.7;}


#form .gform_page_fields {width:100%!important;}

#form {background-color: #00B4ED; padding: 80px 0; margin-bottom: -50px; text-align: center; color: #fff;}
#form .gform_body input, #form .gform_body select, #form .gform_body textarea, #mc-embedded-subscribe-form input {border:0; border-radius: 0; border-bottom: 2px solid #fff;padding: 6px 10px 2px; background:transparent; width: 100%; color: #6D6E6E;}

#form .gform_body input, #form .gform_body select, #form .gform_body textarea {background: rgb(255 255 255 / 75%);}
#form .gfield {margin-bottom: 25px;}
#form .hidden_sub_label {display: none;}
#form .gform_body textarea {max-height: 80px;}
#form label {text-align:left; width:100%; margin-bottom:0;}
#field_3_27 label {text-align:center !important;}
.gform_page_footer {margin-top:50px;}

.gform_wrapper select {
      -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0px;
    background-image: url(assets/img/chevron-down.png);
    background-position: 99% 50%;
    background-repeat: no-repeat;
    background-size: 10px;
}
.gform_wrapper ul {list-style: none; padding: 0; margin: 0;}
.gform_wrapper ul.gform_fields {
	width: 100%;
}

.gf_progressbar {display: none;}
.esign div, .esign canvas {width: 100% !important;}

input.gform_button {height: 46px; width: 100%; max-width: 120px; margin-top: 30px;}


#form .gform_fields .gfield input::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
  color: #00B4ED;
}
#form .gform_fields .gfield input::-moz-placeholder { 
	/* Firefox 19+ */
  color: #00B4ED;
}
#form .gform_fields .gfield input:-ms-input-placeholder {
	/* IE 10+ */
  color: #00B4ED;
}
#form .gform_fields .gfield input:-moz-placeholder {
	/* Firefox 18- */
  color: #00B4ED;
}

#mc-embedded-subscribe-form ::placeholder, #form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}

#mc-embedded-subscribe-form :-ms-input-placeholder, #form :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

#mc-embedded-subscribe-form ::-ms-input-placeholder, #form ::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
}
#form option {
    padding: 3px 2px 3px;
}

#form .ginput_container .ginput_container_date select {width: 33%;}

#form .gform_body .gform_next_button, #form .gform_body .gform_previous_button, #form .gform_body .gform_page_footer input {background-color: #00B4ED; color: #fff;font-family: 'Geomanist Book'; font-size: 14px; border-radius: 50px; display: inline-block; border:2px solid #fff; width: auto;}
#form .gform_body .gform_next_button, #form .gform_body .gform_previous_button, #form .gform_body .gform_page_footer input {padding: 12px 30px; display: inline-block; color: #fff; font-size: 14px; }
#form .gform_body .gform_next_button:hover, #form .gform_body .gform_previous_button:hover, #form .gform_body .gform_page_footer input::hover {background-color: #66d1f4; cursor: pointer;}

#form h3 {font-size: 17px; text-align: left;}
.gfield.gfield_html {margin:20px 0 10px 0;}
#form .gsection h2 {font-size: 16px; text-align: left;}
#form #field_3_14 h2 {margin-top: 30px;}
#gf_progressbar_wrapper_3 h3 {text-align: center;}
#gforms_calendar_icon_input_3_27, body.page-id-35 #ui-datepicker-div {display: none !important;}
#input_3_27 {width: auto !important; text-align: center;} 
#field_3_23 {margin-top: 25px;}
#field_3_24 textarea {margin-top: 0 !important;}
.gfield_description {font-size:12px; margin-bottom:15px; margin-top:5px;}
#field_3_36 .gfield_description {position:relative; top:-40px;}

/************************
## News page
*************************/

#news-header {height: 270px; background-size: cover; background-position: center center; overflow: hidden; position: relative; text-align: center; }



#news-header h1 {color: #fff; position: absolute; left: 0; right: 0; bottom:100px;}
.blog-circle {width: 58px; height: 58px ; background-color: #fff; text-align: center;line-height: 57px; border-radius: 50%; display: block; margin: -29px auto 0 auto; z-index: 100; position: relative;}

.blog-single img {width: 100%; height: auto;}
.blog-single p.posted {font-size: 13px; font-family: 'Geomanist Book';  color: #000; margin: 12px 0;}
.blog-single a {color: #000;}
.blog-single h2 {margin-bottom: 15px;}
.blog-single {margin-bottom: 30px;}
body.blog .page-wrap {margin-bottom: 35px;}

/*#mobile-calendar {overflow-x: hidden;}*/
#calendar {display: none;overflow-x: hidden;}



/************************
## Home page template
*************************/

#home-header {height: 500px; position: relative;}
#home-header .circle {width: 58px; height: 58px ; background-color: #fff; text-align: center;line-height: 57px; border-radius: 50%;
position: absolute;
bottom:-29px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1000;
}

#home-header .dc-card {bottom: -25px;}

.slide-copy {color: #fff;}
.slide-copy h1, .slide-copy h2, .slide-copy h3, .slide-copy h4 {color: #fff;}
.slide-copy {display: table;height: 100%; width: 100%;}
.slide-copy .slide-cell {display: table-cell; vertical-align: middle;}
.slide-copy .slide-cell h1 {margin-bottom: 10px;}


#what-is {margin: 65px auto 50px auto; text-align: center;}
#what-is h2 {margin-bottom: 25px; color: black;}
#what-is h5 {margin-bottom: 25px; color: black;}
#what-is .blue-button {width: 140px;}

#course-streams {background-color: #00B4ED; padding: 60px 0; text-align: center; color: #fff;}
.home-hvr:first-child .col-md-8 {background-color: #faebf3;}

.image-col {background-size: cover; background-position: center center; min-height: 200px;}
.text-col {height: 355px; display: table; width: 100%; padding: 0 50px;}
.text-col .cell {display: table-cell; vertical-align: middle;}
.text-col .cell .blue-button {display: none; max-width: 190px; text-align: center; }

.row.reframing {background-color: #ffe1da}
.row.building {background-color:#e9f6fc;}
.row.developing {background-color:#edf7f1;}
.row.supporting {background-color:#fff6db;}

.img-col {position: relative;}
/*
.row.reframing .icon { background-color:#e83e8c; border-radius:50%;}
.row.building .icon { background-color:#e9f6fc; border-radius:50%;}
.row.developing .icon { background-color:#edf7f1; border-radius:50%;}
.row.supporting .icon { background-color:#ffc1075e; border-radius:50%;}
*/

#home-courses {margin:60px auto;}
#home-courses .blue-button {min-width: 160px; text-align: center; display: block; margin: 0 auto; margin-top: 50px;}
#home-courses h2 {text-align: center; color: #000; display: block; margin: 0 auto; margin-bottom: 40px;}

body.home .blog-single {position: relative;}
body.home .blog-single .icon {width: 38px; height: 38px; background-size: cover; background-repeat: no-repeat; 
  position: absolute; top:30px; left: 60px; display: none;}

/*body.home .blog-single.c-1 .icon.course-1 {background-image: url(assets/img/icon-reframing.png); display: block !important;}*/
/*body.home .blog-single.c-2 .icon.course-2 {background-image: url(assets/img/icon-building.png); display: block !important;}*/
/*body.home .blog-single.c-3 .icon.course-3 {background-image: url(assets/img/icon-developing.png); display: block !important;}*/
/*body.home .blog-single.c-4 .icon.course-4 {background-image: url(assets/img/icon-supporting.png); display: block !important;}*/

body.home .blog-single.c-1 .icon.course-1 {display:block !important;}
body.home .blog-single.c-2 .icon.course-2 {display:block !important;}
body.home .blog-single.c-3 .icon.course-3 {display:block !important;}
body.home .blog-single.c-4 .icon.course-4 {display:block !important;}


body.home .blog-single.c-1 h3 a {color: #E0846E}
body.home .blog-single.c-2 h3 a {color: #A2D4D9}
body.home .blog-single.c-3 h3 a {color: #9ABE53}
body.home .blog-single.c-4 h3 a {color: #F8CC46}

body.home .blog-single h3 {margin-top: 20px;}
body.home .blog-single p.check-link {color: #000; font-family: 'Geomanist Book';}
body.home .blog-single p.check-link a {color:#00B4ED}
body.home .blog-single p {margin-bottom: 10px;}

body.home .blog-single  {margin-bottom: 30px;}

.discover-bar {position: relative;}
.discover-bar {background-position: bottom center; min-height: 220px; text-align: center; background-size: contain; padding-top: 50px; color: #000;}
.discover-bar .blue-button {margin-top: 35px;}
.discover-bar .blue-button a {padding-left: 25px; padding-right: 25px;}
.discover-bar .circle {width: 58px; height: 58px ; background-color: #fff; text-align: center;line-height: 57px; border-radius: 50%;
position: absolute;
bottom:-29px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}

#footer .footer-sml-txt	{text-align: left; color: #fff;}
#footer .acknowledgements {padding-bottom: 20px;}
.timetable-bar {background-color: #00B4ED; padding-top: 65px; padding-bottom: 30px; text-align: center;}
.timetable-bar .outline-button {min-width: 160px;}

.last-column {margin-top: 30
	px;}

.searchpage-results {margin: 75px auto;}
.results-header h1 {margin-bottom: 30px;}
.results-header h3 {color: #000; margin-bottom: 30px;}
.results-header h3 span {color: #00B4ED}

nav.pagination h2 {display: none;}
.pagination {text-align: center; width: 100%; display: block;}
.pagination a {color: #000;}
.pagination a.next, .pagination a.prev {color: #00B4ED; font-family: 'Geomanist Book';}
.pagination a.next {margin-left: 5px;}
.pagination a.prev {margin-right: 5px;}

/**** home page edits (nav) ***/

body.home #nav.someClass {background-color: #000; transition: background-color .3s linear;}
body.home .sticky-wrapper.is-sticky #nav {background-color: #000; transition: background-color .3s linear;}



/* ## Gallery
--------------------------------------------- */
.gallery,
.gallery-row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.gallery a {
	display: block;
	min-height: 100%;
}

.gallery img {
	height: auto;
	width: 100%;
	display: block;
}

.gallery-caption {
	display: block;
}

.gallery-item {
	width: 100%;
	margin: 0;
	text-align: center;
	display: block;
}

/************************
## MEC customisations
*************************/


.entry-content .mec-wrap h1, .entry-content .mec-wrap h2, .entry-content .mec-wrap h3, .entry-content .mec-wrap h4, .entry-content .mec-wrap h5, .entry-content .mec-wrap h6, .mec-wrap h1, .mec-wrap h2, .mec-wrap h3, .mec-wrap h4, .mec-wrap h5, .mec-wrap h6, .mec-wrap dt {
	font-family: Menco, sans-serif; 
	font-weight: 700; 
	font-style: normal; 
	color: black;	
}

.lity-container, .mec-wrap, .mec-wrap div:not([class^=elementor-]) {
    font-family: Menco, sans-serif;
}

.mec-slider-t1-wrap {
    background: #fff;
	padding: 10px 90px;
}

.mec-single-event .mec-event-meta dt, .mec-single-event .mec-event-meta h3 {
    font-size: 16px!important;
    color: #000!important;
}

.mec-event-data-fields .mec-event-data-field-item .mec-event-data-field-name {
    font-size: 16px;
}

.mec-event-content p {
    font-family: 'Geomanist',sans-serif;
    font-size: 14px;
}

.mec-wrap h1 {
	font-size: 35px!important;
}

.mec-wrap h2 {
	font-size: 27px!important;
	margin-bottom: 30px;
}

.mec-wrap h3 {
	font-size: 21px!important;
	margin-bottom: .9rem;
}

.mec-wrap h4 {
	font-size: 17px!important;
}


.reframing-color-change .mec-wrap.colorskin-custom .mec-color-before *:before,
.reframing-color-change .mec-wrap h2,
.reframing-color-change .mec-wrap h3,
.reframing-color-change .mec-wrap h4{
    color: #E0846E;
}
.exploring-color-change .mec-wrap.colorskin-custom .mec-color-before *:before,
.exploring-color-change .mec-wrap h2,
.exploring-color-change .mec-wrap h3,
.exploring-color-change .mec-wrap h4{
    color: #A2D4D9;
}
.developing-color-change .mec-wrap.colorskin-custom .mec-color-before *:before,
.developing-color-change .mec-wrap h2,
.developing-color-change .mec-wrap h3,
.developing-color-change .mec-wrap h4{
    color: #9ABE53;
}
.supporting-color-change .mec-wrap.colorskin-custom .mec-color-before *:before,
.supporting-color-change .mec-wrap h2,
.supporting-color-change .mec-wrap h3,
.supporting-color-change .mec-wrap h4{
    color: #F8CC46;
}


.reframing-color-change .mec-event-cost, .reframing-color-change .mec-event-more-info, .reframing-color-change .mec-event-website, .reframing-color-change .mec-events-meta-date, .reframing-color-change .mec-single-event-additional-organizers, .reframing-color-change .mec-single-event-category, .reframing-color-change .mec-single-event-date, .reframing-color-change .mec-single-event-label, .reframing-color-change .mec-single-event-location, .reframing-color-change .mec-single-event-organizer, .reframing-color-change .mec-single-event-time {
    background: #ffe1da;
}

.reframing .mec-masonry-item-wrap .mec-event-grid-modern .event-grid-modern-head {
    background: #ffe1da;
}

.exploring-color-change .mec-event-cost, .exploring-color-change .mec-event-more-info, .exploring-color-change .mec-event-website, .exploring-color-change .mec-events-meta-date, .exploring-color-change .mec-single-event-additional-organizers, .exploring-color-change .mec-single-event-category, .exploring-color-change .mec-single-event-date, .exploring-color-change .mec-single-event-label, .exploring-color-change .mec-single-event-location, .exploring-color-change .mec-single-event-organizer, .exploring-color-change .mec-single-event-time {
    background: #e9f6fc;
}

.building .mec-masonry-item-wrap .mec-event-grid-modern .event-grid-modern-head {
    background: #e9f6fc;
}

.developing-color-change .mec-event-cost, .developing-color-change .mec-event-more-info, .developing-color-change .mec-event-website, .developing-color-change .mec-events-meta-date, .developing-color-change .mec-single-event-additional-organizers, .developing-color-change .mec-single-event-category, .developing-color-change .mec-single-event-date, .developing-color-change .mec-single-event-label, .developing-color-change .mec-single-event-location, .developing-color-change .mec-single-event-organizer, .developing-color-change .mec-single-event-time {
    background: #edf7f1;
}

.developing .mec-masonry-item-wrap .mec-event-grid-modern .event-grid-modern-head {
    background: #edf7f1;
}

.supporting-color-change .mec-event-cost, .supporting-color-change .mec-event-more-info, .supporting-color-change .mec-event-website, .supporting-color-change .mec-events-meta-date, .supporting-color-change .mec-single-event-additional-organizers, .supporting-color-change .mec-single-event-category, .supporting-color-change .mec-single-event-date, .supporting-color-change .mec-single-event-label, .supporting-color-change .mec-single-event-location, .supporting-color-change .mec-single-event-organizer, .supporting-color-change .mec-single-event-time {
    background:#fff6db;
}

.supporting .mec-masonry-item-wrap .mec-event-grid-modern .event-grid-modern-head {
    background: #fff6db;
}

.mec-event-data-fields .mec-event-data-field-item {
    width: 100%;
}

.mec-events-button {
    background: #00abe9;
    border-radius: 50px;
    color: #fff!important;
}

.mec-events-button:hover {
	background: #00abe9ad!important;
}

.mec-masonry-content.mec-event-grid-modern .mec-event-footer .mec-booking-button,
.mec-single-event .mec-events-meta-group-booking button,
.mec-event-footer .mec-booking-button{
    background: #00abe9!important;
    border-radius: 50px!important;
    color: #fff!important;
	box-shadow: none;
	border: none;
	text-transform: none!important;
	font-family: 'Geomanist Book'!important;
    font-size: 13px!important;
	letter-spacing: none;
}

.mec-event-footer .mec-booking-button:hover {
    background: #00b4eda8!important;
}

.mec-container [class*=col-] img {
    max-width: 100%;
    height: auto;
}

.mec-masonry .mec-masonry-img img {
    width: 100%;
    height: auto;
}

.course-list {
	position: relative;
}

.mec-event-grid-modern .mec-event-title {
    margin: 0 0 10px 0;
    font-weight: 700;
    font-size: 24px!important;
    text-transform: none;
    letter-spacing: none;
}

.mec-wrap .mec-events-event-image {
    display: none;
}

.mec-calendar img.wp-post-image {
    max-width: 65px;
    height: auto;
}


/************************
## Responsive breakpoints
*************************/

@media (max-width: 576px) {
    
    .disclaimer {position:relative; padding-bottom: 20px;}
  .row .icon {width: 78px; height: 78px; position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-size: cover; background-repeat: no-repeat; bottom:-39px;
  }
  .col-right {padding: 0;}
  #footer .mailchimp td:first-child {padding: 30px 15px;}
  #footer .mailchimp td:last-child {padding: 30px 15px;}
  #footer .associations td {padding-top: 30px; padding-bottom: 30px;}

  .primary-menu {display: none;}
  .mob-menu {padding-top:30px; padding-bottom: 30px;}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  #mobile-calendar {display: none;}
  #calendar {display: block;}

  .mobile-only {display: none;}
  .primary-menu {display: inherit; display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;}

    .last-column {margin-top: 0;}
	.gallery-item {width: 50%;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {  
	.gallery-columns-2 .gallery-item {
		width: 50%;
	}
	.gallery-columns-3 .gallery-item {
		width: 33.3333333333333%;
	}
	.gallery-columns-4 .gallery-item {
		width: 25%;
	}
	.gallery-columns-5 .gallery-item {
		width: 20%;
	}
	.gallery-columns-6 .gallery-item {
		width: 14.52991452991453%;
	}
  #footer .mailchimp td:first-child {padding-left: 30px;}
  #footer .mailchimp td:last-child {padding-right: 30px;}
  .col-12 .acknowledgements {padding-bottom:20px;}
  .disclaimer {padding-bottom:50px; padding-top: 20px;}
  #footer .site-info {padding-top:35px;}
  #footer .mailchimp h2 {font-size: 22px;}

  #search-bar {padding: 40px;}
  #searchform input, #searchform .button {font-size: 18px;}
  #search-bar .col-12 {padding-left: 0;}
  #searchform input {padding-left: 50px;}
  .menu-btn {right: 0;}

  .content {margin-bottom: 0;}
  .courses-nav .col-md-3 {margin-bottom: 0;}
  .enrolment-info .col-md-4:first-child {margin-bottom: 0;}

  #all-courses .course-img .icon {left: 16px; top:32px;}

  #course-header,
  #news-header,
  #home-header {height: 490px;}
  .text-col {padding-left: 70px; padding-right: 70px;}
  body.home .blog-single {margin-bottom: 0;}

  .row .icon {width: 78px; height: 78px; position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-size: cover; background-repeat: no-repeat;}

  .row.reframing .icon {right: -39px !important;}
  .row.building .icon {left: -39px;}
  .row.developing .icon {right: -39px !important;}
  .row.supporting .icon {left: -39px;}

  body.home .blog-single .icon {left: 30px;}

  .course-info .blue-button {margin-bottom: 0;}

  #nav .navigation {padding-bottom: 30px}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#search-bar {padding: 40px 65px;}
  #home-header {height: 680px;}
  #footer ul.lrg {font-size: 19px;}

  .slide-copy .slide-cell p {font-size: 17px; line-height: 26px;}
  .slide-copy .slide-cell h1 {font-size: 53px; margin-bottom: 0;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#searchform input, #searchform .button {font-size: 18px;}

	ul.info {font-size: 14px;}
	ul.info li.lrg {font-size: 18px;}

  #footer .site-info {padding-top: 35px}

  .dc-card {right: 20%;}

  #footer .footer-container {margin-right: auto;}

  #top .container {padding: 0}

}