/*
Theme Name: The Expert Leader Programme
Description: This is a child theme for Flatsome Theme, adapted by Tinstar Design for The Expert Leader Programme
Author: UX Themes
Template: flatsome
Version: 1.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* 
C=100 M=82 Y=50 K=67
Darkest Blue: 0E1D2D
C=100 M=78 Y=0 K=25
Dark Blue: 0D377B
C=65 M=55 Y=0 K=0
Purple Blue: 6E74B6
C=45 M=35 Y=0 K=0
Light Purple: 9AA2D2

C=89 M=78 Y=0 K=25
Light Med Blue: 33397C
C=90 M=60 Y=30 K=0
Light Blue 01: 24608B
C=75 M=40 Y=0 K=0
Light Blue 02: 4085C6
C=71 M=11 Y=0 K=0
Lightest Blue: 27ADE4
 */


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* body {background-color:#6E74B6;} */
#main {font-size:125%;}
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {font-size:160%;}
#main h1 > span, #main h2 > span, #main h3 > span, #main h4 > span, #main h5 > span, #main h6 > span {font-size:160%;}


/* No less than 850px, no greater than 1230px */
@media (min-width:850px) and (max-width:1230px) {
.header-wrapper #logo {display:none;}
.header-wrapper .header-nav-main {font-size:75%;}
}

.mobilemenulogo {}
.mobile-sidebar .header-block {display:block;}

@media only screen and (min-width: 850px) {
/*************** ADD TABLET AND DESKTOP ONLY CSS HERE  ***************/
.bookremainingplaces {display:none !important;}
.col.rightcolumn {border-left-color:#6E74B6 !important;}
}

/* Less than 1229px */
@media only screen and (max-width:1229px) {
.text-box-circle.medbluecircle .text-box-content {background-color:transparent !important;}
.text-box-circle.medbluecircle .text-box-content .text-inner {padding:0 !important;}
.section.sectioncircle {padding-top:150px !important;padding-bottom:125px !important;}
.columntextleftofcircle .col-inner {padding-right:10px !important}
.text-box-circle.medbluecircle .text-box-content {padding:0 !important;}
.banner.bannercircle {padding-top:40% !important;}
.col.leftcolumn {padding-bottom:0 !important;border-left:none !important;}
.col.leftcolumn ul {margin-bottom:0 !important;}
}

/* More than 1230px */
@media only screen and (min-width:1230px) {
.text-box-circle.medbluecircle .text-box-content {border: 20px solid #24608B;}
.col.rightcolumn {border-left-color:#6E74B6 !important;}
.col.leftcolumn {border:none !important;}
}


/* Programme Elements Circles */
/* ================================== */

/* Base: hide all containers */
.overlap-circles { display: none; margin: 50px auto; position: relative; }

/* Desktop container */
.overlap-circles.desktop { width: 1200px; height: 900px; }
@media (min-width: 1231px) {
  .overlap-circles.desktop { display: block; }
}

/* Tablet container */
.overlap-circles.tablet { width: 1000px; height: 1000px; }
@media (min-width: 851px) and (max-width: 1230px) {
  .overlap-circles.tablet { display: block; }
}

/* Mobile container */
.overlap-circles.mobile { width: 450px; height: 1700px;}
@media (max-width: 850px) {
  .overlap-circles.mobile { display: block; }
.secureplacelink {display:none !important;}
}

/* Mobile container */
@media (max-width: 500px) {
.overlap-circles.mobile {margin-left:-65px; }
}



/* Circles */
.oc-circle {
  position: absolute;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  padding: 25px;
  box-sizing: border-box;
}

/* Text inside circles */
.oc-text { width: 80%; text-align: center; }
.oc-text strong { display: block; margin-bottom: 10px; font-weight: 800; }
.oc-text p { margin:0 0 8px 0; font-size:1rem; text-align:center; }
.oc-text p.lead { font-size:1.25rem;line-height:1.3;}
.oc-text ul { text-align: left; padding-left: 20px; margin:0; }
.oc-text ul li { margin-bottom:4px; font-size:1rem; }


/* Modules */
.encloseddata .col .col-inner {font-size:85%;}
.encloseddata .col .col-inner ul li {margin-bottom:0;}

.encloseddata .moduleone::before,
.encloseddata .moduletwo::before,
.encloseddata .modulethree::before {width:100px;height:100px;border-radius:50px;position:absolute;border:10px solid #24608B;top:-50px;left:50px;display:block;background-color:#0D377B;z-index:1;color:white;font-weight:700;font-size:3rem;line-height:80px;text-align:center;margin:0;padding:0 5px 0 0;}

.encloseddata .moduleone::before {content:'1';}
.encloseddata .moduletwo::before {content:'2';}
.encloseddata .modulethree::before {content:'3';}

.encloseddata .moduleone,
.encloseddata .moduletwo,
.encloseddata .modulethree {}

/* Dates */
/* =========== */
.text.dates {padding-left:10%}
.text.dates p:not(.lead) {display:table-row;text-align:left;width:50%;padding:0 20px;}
.text.dates p:not(.lead) strong {display:table-cell;text-align:right;width:50%;padding:0 20px;}

.page-2026-dates-venue .datespanel .securebutton,
.page-enrol-for-2026 .datespanel .securebutton {display:none;}

/* Large container */
@media (min-width: 1500px) and (max-width: 1620px) {
.text.dates p:not(.lead) {font-size:85%;}
}

/* Large container */
@media (min-width: 850px) and (max-width: 1500px) {
.text.dates {padding-left:0%}
.text.dates p:not(.lead) {display:inline-block;text-align:center;width:100%;padding:0;margin:0 0 10px 0;}
.text.dates p:not(.lead) strong {display:inline-block;text-align:center;width:100%;padding:0;}
}


/* Tablet container */
@media (min-width: 450px) and (max-width: 850px) {
.text.dates {padding-left:25%}
}

/* Mobile container */
@media (max-width: 550px) {
.text.dates {padding-left:0%}
.text.dates p:not(.lead) {display:inline-block;text-align:center;width:100%;padding:0;margin:0 0 10px 0;}
.text.dates p:not(.lead) strong {display:inline-block;text-align:center;width:100%;padding:0;}
}

/* Forms */
#main label {color:#33397C;font-weight:normal;font-size:75%;}
#main .wpcf7-submit {background-color:#33397C;border-radius:25px;}

/* Contact */
p.contact {margin-bottom:0 !important;}