/* ----------------------------------------------------------------

	- Basic
	- Typography
	- Basic Layout Styles
	- Helper Classes
	- Loop Styles


Purple - #FFCDD9
Yellow - #FFD700
Pink - #E5E9FF
Peach - #E5E9FF

---------------------------------------------------------------- */



/* ----------------------------------------------------------------
	Typography
-----------------------------------------------------------------*/


body {
	line-height: 1.5;
	color: #555;
	font-family: poppins, serif;
}

a {
	text-decoration: none !important;
	color: #555;
}

header a, footer a {color: rgb(255,255,255);}

a:hover {transition: color 0.5s; color:#FFD700;}

a img { border: none; }

iframe { border: none !important; }


/* ----------------------------------------------------------------
	Basic Layout Styles
-----------------------------------------------------------------*/


h1,
h2,
h3,
h4,
h5,
h6 {
	color: #444;
	font-weight: 400;
	line-height: 130%;
        margin-bottom: 20px;
	
}
p {font-size:16px;}

h1 { font-size: 34px; font-weight:700; }

h2 { font-size: 34px; font-weight:600;}

h3 { font-size: 30px; }

h4 { font-size: 20px; color:#1300C1;margin-bottom: 20px;}

h5 { font-size: 14px; }

h6 { font-size: 12px; }



pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form { margin-bottom:20px; }

small { font-family: orpheuspro, serif; }
.my-10 {margin-bottom: 6rem; margin-top: 6rem;}
.py-10 {padding-bottom: 6rem; padding-top: 6rem;}
.pb-10 {padding-bottom: 6rem; }

.purplebg {background-color:#FFCDD9;}

.rounded-img {border-radius:30px;}
.shadow {-webkit-box-shadow: 0px 9px 13px 5px rgba(0,0,0,0.16); box-shadow: 0px 9px 13px 5px rgba(0,0,0,0.16);}

.page-title {color:#fff;}

.wp-block-media-text__media img {height:auto;}

ul.circle-bullets {display:table;list-style: none;margin:50px auto;}
.circle-bullets li {display:inline-block;width: 220px;
  height: 220px;
  line-height: 220px;
  border-radius: 50%;
  font-size: 18px;
  color: #fff;
  text-align: center;
  background: #1300C1;margin: 10px;}

.circle-bullets li:nth-child(odd){
    background: #FFCDD9;
}​


/* ----------------------------------------------------------------
	Buttons
-----------------------------------------------------------------*/
.wp-block-buttons {width:100%;text-align: center;}
.wp-block-button {width:100%;text-align: center;}
.wp-block-button__link {margin: 0 auto;}
.wp-block-button__link, .btn {display: inline-block; cursor:pointer;border-radius:50px;font-size:15px;}
.wp-block-button__link:hover, .btn:hover {opacity:0.7; transition:opacity 0.5s;}
.wp-block-button__link, .wp-block-button__link:active, .wp-block-button__link:focus,  .wp-block-button__link:hover{ padding: 10px 30px; background-color: #E5E9FF;color:#000;}
.btn-1, .btn-1:active, .btn-1:focus,  .btn-1:hover{ padding: 10px 30px; background-color: #E5E9FF;color:#000;}
.btn-2, .btn-2:active, .btn-2:focus, .btn-2:hover {padding: 10px 30px; background-color: #1300C1;color:#fff;}
.btn-3, .btn-3:active, .btn-3:focus, .btn-3:hover {padding: 10px 30px; background-color: #E5E9FF;color:#000;}
.btn-4, .btn-4:active, .btn-4:focus, .btn-4:hover {padding: 10px 30px; background-color: #E5E9FF;color:#000;}

/* ----------------------------------------------------------------
	Custom Elements
-----------------------------------------------------------------*/

.py-75 {padding-bottom:75px;padding-top:75px;}
.container-80 {width:80%;max-width:100%;}
.container-60 {width:60%;max-width:100%;}
.responsive-btn {display:none;}
.blk-overlay { 
    background:rgba(0,0,0,0.4);
    display:flex;
    height:100%;
    width:100%;
    }

/* ----------------------------------------------------------------
	Header
-----------------------------------------------------------------*/

.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {background-color:#fff !important;}
#header-top {background-color:#1300C1; color: #fff;}
#header-top a{margin: 10px 0;font-size:13px;}
#header-top a:hover {color:#fff;transition: color 0.5s;}
#header-top p{margin-bottom: 0;}
header {position: absolute; top:0; z-index:100;width: 100%;}

#top-banner {
    height: 375px;
}

body.admin-bar header {
    top:32px;
}

/* ----------------------------------------------------------------
	-> Menu Modal
-----------------------------------------------------------------*/

.modal-dialog {    max-width: 100%;    margin: 0;    top: 0;    bottom: 0;    left: 0;    right: 0;    height: 100vh;  height:100%;}
.modal-content {border:0;border-radius:0;height:100%;background:#1300C1;color:#fff;padding-top:0px}
.modal-content ul {list-style:none;padding:0;margin:0;}
.modal-content ul li {margin-bottom:0;border:none;}
.modal-content ul li a {font-size:28px;font-weight:600;color:#fff;}
.modal-content ul li a:hover {color:#7448ff;}
.modal-content h2 {color:#fff;}
.modal-content a.navbar-brand {padding-bottom:0 !important;}

/* ----------------------------------------------------------------
	--> Menu
-----------------------------------------------------------------*/


/* Header logo */
.navbar-brand img{max-width: 250px;padding-top:35px;} 
.footer-logo img {max-width:150px;width:100%;margin:10px 15px;}  

/* Main Menu */
#headerNav, .book-btn {margin-top:50px;}
.book-btn {margin-left:30px;}
#headerNav ul li {margin:0 15px;}
#headerNav ul li a {font-size:16px;color:#000;}
#headerNav ul li a:hover, #headerNav ul li a:focus  {transition: color 0.5s; color:#1300C1;}

/* Sub Menu */
#headerNav ul.dropdown-menu {border-radius:0;border:0; width: 100%;}
#headerNav ul ul  {min-width:250px;}
#headerNav ul ul li  {margin:0;}
#headerNav ul ul li a {font-size:13px;}
#headerNav ul li:hover > ul.dropdown-menu {display: block; background:#1300C1;transition: 0.5s display; padding:0;margin-top:-2px;}
#headerNav ul li:hover > ul.dropdown-menu li {padding: 0;}
#headerNav ul li:hover > ul.dropdown-menu li a {padding: 8px 12px;font-size:14px;color:#fff;}
#headerNav ul li:hover > ul.dropdown-menu li a:hover {color:#000;background:#E5E9FF;}

/* Top nav item with dropdown as link */
.dropdown-item{white-space:normal !important;}
#social-menu-container a{color:#9FEDD7; padding-right:10px;}

/* ----------------------------------------------------------------
	Banner
-----------------------------------------------------------------*/
#top-banner{position:relative; height:40vh; background: #FFCDD9;}
#top-banner h1 {color: #000;}


/* ----------------------------------------------------------------
	Front Page
-----------------------------------------------------------------*/
#front-banner{position: relative;
    height: 100vh;
    background: #FFCDD9;

background-repeat:no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#228d94",endColorstr="#FFCDD9",GradientType=1); }
#front-banner-container {padding-top: 250px; color:#000;}

#front-banner-container h1{margin-bottom: 0;color:#000;line-height: 1.5;}
#front-banner-container p{margin: 20px 0 30px;}
#front-banner-container .container{max-width: 100%;}
#front-banner img {max-height: 80px;}
#who-we-can-help h4{color:#E5E9FF;}
#who-we-can-help h2{color:#1300C1;}
#front-offer p {margin: 0 20%;}
#front-offer, #front-offer h2  {color: #fff;}
#front-offer h4  {color: #FFD700;}
#front-offer .btn-2 {color:#fff;}


#who-we-are p, #who-we-are {color:#000;}
#who-we-are h2, #who-we-are {color:#1300C1;}





/* ----------------------------------------------------------------
	Team Page
-----------------------------------------------------------------*/
#team-page p {font-size:14px;}
#team-page .bio-profile {border-bottom: 2px solid #FFCDD9;}

/* ----------------------------------------------------------------
	Coloured Bullets
-----------------------------------------------------------------*/

ul.coloured-bullets {
  list-style: none; 
}

ul.coloured-bullets li::before {
  content: "\2022";  
  color: #E5E9FF; 
  font-weight: bold; 
  display: inline-block;
  width: 1em; 
  margin-left: -1em;
}

ul.coloured-bullets.purple-bullets li::before {color:#FFCDD9;}
ul.coloured-bullets.blue-bullets li::before {color:#FFD700;}
ul.coloured-bullets.pink-bullets li::before {color:#E5E9FF;}


/* ----------------------------------------------------------------
	Work Page
-----------------------------------------------------------------*/
#work-container  {border-top:3px solid #E5E9FF;padding:20px 0;}
#work-container  .work-text {text-align:center;}
#work-container  img {max-width:350px;padding:20px 0;}
#work-container  .work-text p em {font-size:26px;font-weight:500;}
#work-container h2 {font-size:28px;}
#work-container h2::before {content: ">"; padding-right: 5px; color: #E5E9FF;}

/* ----------------------------------------------------------------
	Footer
-----------------------------------------------------------------*/
footer {background: #1300C1;}
.footer-inner {padding-top:75px; padding-bottom:75px;}
footer img {max-width:300px;}
footer p {color: #fff; font-size:16px}
#copyright-container {background-color:#FFCDD9; padding:10px 0;}
#copyright-container p{margin-bottom: 0; color: #000;font-size:13px;}





/* ----------------------------------------------------------------
	Contact Page
-----------------------------------------------------------------*/
#contact-details img {max-height:70px;}
#contact-page p, #contact-page h2 {color:#000;}
#contact-page .btn.btn-3 {color:#fff;background:#1300C1;}
.contact-form h2 {margin-bottom:30px;}
.contact-form p {color:#fff;}
.wpcf7-submit {border:none;}
.wpcf7 input.wpcf7-text, .wpcf7 textarea {padding:20px 30px; background:#fff; border: 1px solid #242424;width: 100%; border-radius:50px; margin: 5px 0; }
::-webkit-input-placeholder { /* WebKit browsers */
    color: #000 !important;
    opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #000 !important;
    opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #000 !important;
    opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #000 !important;
    opacity: 1;
}
.wpcf7 textarea {width:100%;}
#contact-page {background-color:#E5E9FF;}
.contact-form p a {color:#E5E9FF;}

.wpcf7 form.sent .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output {color:#fff;border-color:#E5E9FF;}

/* ----------------------------------------------------------------
	Learn Dash
-----------------------------------------------------------------*/
.ld-course-list-content h3 {font-size:22px;}
body .ld-course-list-content .ld_course_grid_button a.btn {padding: 5px 10px;
    font-size: 12px;
    max-width: 100px;background-color: #E5E9FF;
    color: #000 !important;
    border:none;
    border-radius: 50px;
    margin:0 auto;
}
body .ld-course-list-items .ld_course_grid .thumbnail.course {border :none;text-align:center;}
body .ld-course-list-items .ld_course_grid .thumbnail.course .ld_course_grid_price.ribbon-enrolled {background:#8149ff;}
/*Subscriptions */
.ld_course_grid_price {font-size:28px;font-weight:bold;}
.ld_course_grid img {width:100%;height:auto;}
.ld_course_grid .caption h3 {margin:10px 0;}
.ld_course_grid .caption .btn {padding:5px 10px;}

/* Disable price and title */
.ld_course_grid_price, .ld-course-list-items h3.entry-title {display:none;}

/* Rounded images */
.ld-course-list-items .ld_course_grid .thumbnail.course img {border-radius:30px;}


/* ----------------------------------------------------------------
	Loop Styles
-----------------------------------------------------------------*/
/* Loop Styling */
#loop-single h2 {font-weight:300;}
.loop-item {padding-bottom:35px;text-align:center;}
.loop-item .loop-inner {border: 3px solid #E5E9FF;border-radius:30px;}
.loop-image img {width:100%;height:auto;}
.loop-title, a.loop-title {font-size:22px;font-weight:400;color:#000;display:block;margin-top:15px;}
a.loop-title:hover {color:#72b244;}
.loop-date {font-size:12px;margin-bottom:15px;color:#9b9dad;}
.loop-text {font-size:12px;margin-bottom:20px;}
.loop-item .btn {padding:5px 10px;font-size:12px;min-width:100px;}


/* ----------------------------------------------------------------
	Pagination
-----------------------------------------------------------------*/
.prev a, .next a{text-decoration: none;
                 display: inline-block;
                 padding: 8px 16px;color:#fff;background:#3C2E3C;float:left;margin-right:10px;}
.prev a:hover, .next a:hover {background:#009ca5;transition: background 0.5s;}
.pagination {max-width:300px;margin:50px auto;}

a.page-numbers {color:#fff;}
.page-numbers {
    color:#fff;
    display: inline-block;
    padding: 5px 10px;
    margin: 0 2px 0 0;
    border: 1px solid #eee;
    line-height: 1;
    text-decoration: none;
    border-radius: 2px;
    font-weight: 600;
    background: #707281;
}
.page-numbers.current,
a.page-numbers:hover {
    background: #707281;
    color:rgb(255, 131, 0);
}

/* ----------------------------------------------------------------
	Responsive Styles
-----------------------------------------------------------------*/

@media (max-width: 576px) {
	h1 {font-size:28px;}
	h2 {font-size:30px;}
	#page h2 {margin-top:15px;}
        .sml-hide {display:none;}
      body  #header-top{padding-right:0;}
      body .container-80 {width:95%;}
      #front-offer p {margin:0;}
      #front-banner-container h1 {font-size:24px;}
      #front-banner-container {
    padding-top: 105px;
}
}

@media (max-width: 768px) {
    
    
    
    #front-banner .text-right img {width:100%;max-width:240px;}
    .tel-num {margin-right:60px !important;}
	footer img {
  margin-bottom:25px;
}
.card-img-top {min-height:100px;}
}
body #top-banner {height:375px;}
#top-banner .my-10 {margin-bottom:4rem;}

@media (max-width: 992px) {
	.responsive-hide {display:none;}
        .navbar-brand img {
    max-width: 200px;
    padding-top: 25px;
}

  
}
@media (max-width: 1200px) {
	
        /* Responsive menu styling */
        .responsive-btn {display:block;position:absolute;right:10px;top:-8px;z-index:2000;}
        .headerNav {display:none;}
        #headerNav ul li a {font-size:26px;color:#fff;}
        #headerNav ul li:hover > ul.dropdown-menu {display:block;transition: display 0.5s;position:relative;background-color:transparent;padding-left:20px;padding-bottom:20px;}
        #headerNav ul.dropdown-menu li a {font-size:18px;}
        #headerNav ul li:hover > ul.dropdown-menu li a:hover {color:#FFCDD9;background:none;}
        #headerNav ul li a:hover, #headerNav ul li a:focus  {transition: color 0.5s; color:#FFCDD9;}
        /* Responsive menu styling */
        #header-top{padding-right:75px;}
        footer img {
    max-width: 200px;
}
}

@media (max-width: 1600px) {
    .container-80 {width:90%;}
    
}