/*
Theme Name: Step Into Learning
Template:   Divi
*/

@import url("../Divi/style.css");

/* =Theme customization starts here ---------------------- */

/*
Logo Colours -
Jade - rgba(29,177,157,1), #1db19d;
Logo Grey - rgba(151,158,163,1), #979ea3;
Pink (CIC) - rgba(232,62,129,1), #e83e81;
Purple (SILC) - rgba(127,73,151,1), #7f4997;
Green (Community) - rgba(165,194,18,1), #a5c212;
Orange (Training) - rgba(255,75,0,1), #ff4b00;
Backgrounds Colours -
Light Pink - rgba(248,230,233,1), #f8e6e9;
Mid Pink - rgba(238,221,224,1), #eedde0;
Dark Pink - rgba(210,185,190,1), #d2b9be;
Light Grey (background) - rgba(243,244,244,1), #f3f4f4;
Dark Grey (text) - rgba(114,105,106,1), #72696a;
Light Blue - rgba(153,212,225,1), #99d4e1;
Dark Blue - rgba(0,130,170,1), #0082aa;
*/

/* ---------- Logo Elements ----------*/
#logo {max-height: 90px !important;}

/* ---------- Header ---------- */
.topnav-contact {position: relative; top: -5px;}
.et_pb_sticky .frosted {background-color: rgba(255,255,255,.5) !important; backdrop-filter: blur(8px)!important; -webkit-backdrop-filter: blur(8px)!important;}
.et_pb_sticky .frosted-green {background-color: rgba(29,177,157,.5) !important; backdrop-filter: blur(8px)!important; -webkit-backdrop-filter: blur(8px)!important;}
.et_pb_sticky .frosted-pink {background-color: rgba(232,62,129,.5) !important; backdrop-filter: blur(8px)!important; -webkit-backdrop-filter: blur(8px)!important;}
.et_pb_image_0_tb_header, .smooth-menu {min-height:auto; transition: all 250ms linear !important;}
.et_pb_sticky--top .et_pb_image_0_tb_header {width:94px!important; min-height:64px; transition: all 250ms linear !important;}
.dmpro_breadcrumbs_0_tb_header .dmpro-breadcrumb-item, .dmpro_breadcrumbs_0_tb_header .dmpro-breadcrumb-item a {font-size: 14px !important; font-weight: 700 !important; color: yellow !important;}

/* ---------- Core Elements ----------*/

h1 {font-size: 28px !important;}
h2 {font-size: 26px !important;}
h3 {font-size: 24px !important;}
h4 {font-size: 23px !important;}
h5 {font-size: 22px !important;}
h6 {font-size: 21px !important;}
h1, h2, h3, h4, h5, h6, p, table, .et_pb_button {margin: 10px 0 10px 0 !important;}
.et_pb_bg_layout_light h1, .et_pb_bg_layout_light h2, .et_pb_bg_layout_light h3, .et_pb_bg_layout_light h4, .et_pb_bg_layout_light h5, .et_pb_bg_layout_light h6, .entry-title {color: #e83e81 !important;}
table, th, td {background: #505050 !important; border: 1px solid; padding: 20px !important;}
.et_pb_button {font-weight: 600 !important;}
.et_pb_post {margin-bottom: 0px !important;}
.single .post {padding-bottom: 0px !important;}
.et_pb_blurb_container h4 {margin-left: 10px !important;}
blockquote {font-size: 28px !important; color: #e83e81 !important; font-weight: 700 !important; border: none !important; font-family: 'Domine',Georgia,"Times New Roman",serif;}
article .et_pb_post {margin-bottom: 40px !important; background: #f8e6e9 !important; border: #f8e6e9 !important;}
.background-image {min-height: 450px !important;}
.entry-content a {font-weight: 700 !important;}
.entry-content .et_pb_bg_layout_dark a {color: #FFFF33 !important;}
.entry-content .et_pb_bg_layout_dark .et_pb_button_wrapper a {color: #FFFFFF !important;}
.et_pb_team_member_image {margin: 30px auto 0px auto !important;}
.et_pb_team_member_description {padding: 170px 40px 40px 40px !important; margin-top: -150px !important;}
.et_pb_contact_captcha {margin-right:20px !important;}
.mtli_attachment {color: #1db19d !important;}
.mtli_attachment a:after {color: #72696a !important;}
.category-news .et_pb_section_0.et_pb_section {background-image: linear-gradient(0deg, rgba(243,244,244,1) 18%, rgba(29,177,157,1) 18%, rgba(29,177,157,1) 69%, rgba(243,244,244,1) 69%, rgba(243,244,244,1)) !important;}
.et_pb_widget_area_left {border: none !important;}
.et_pb_gutters3 .et_pb_column_3_5 .et_pb_widget {width: 100% !important; padding: 20px !important; background: #1db19d !important;}
#left-area ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul {list-style-type: disc;line-height: 30px !important;}
.et_pb_blog_grid article .et_pb_post, article .et_pb_post {min-height: 400px !important;}
.projects .et_pb_blurb_content {min-height: 320px !important;}
.courses .et_pb_blurb_content {min-height: 280px !important;}

/* ---------- Navigation Elements ----------*/

.topnav-contact a {color: #ffffff !important;}
.topnav-contact-us a {color: #ffffff !important; position: relative; bottom:15px !important;}
.courses-menu h3 a, .courses-menu .et-db #et-boc h3 a, #mm-5-3 > div > div > h3  #mm-5-3 > div > div > h3 > a {
	font-family: Domine, Georgia, "Times New Roman", serif !important;
	font-size: 24px !important;
	font-style: normal !important;
	font-weight: 600 !important;
	height: 38px !important;
	color: #1db19d !important;
}
.et-db #et-boc .et-l .et_pb_text_dmp_138_7.et_pb_text a {color: #1db19d !important;}
.courses-menu ul a {list-style-type: none; color: #000000;}

/* .et_mobile_menu {position: absolute; left: -400px !important; width: 500px !important;} */
/*.et_mobile_menu {position: absolute; left: -190px !important; width: 300px !important;}*/
.nav li li {padding: 0 !important;}
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul {border: none !important; width: 360px !important;}
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a {width: 360px !important;}
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a:hover {background: #ffffff !important; color: #1db19d !important;}
/* .et_pb_menu_0_tb_header.et_pb_menu .nav li ul {margin-top: 52px !important;} */
.et-menu .menu-item-has-children>a:first-child {
	padding-right: 20px;
	height: 70px !important;
	padding-bottom: 0px;
}

/*---------------Vertically Center Column Elements---------------
.et_pb_equal_columns >.et_pb_column {
margin-top:auto;
margin-bottom:auto;
}*/

/*
Logo Colours -
Jade - rgba(29,177,157,1), #1db19d;
Logo Grey - rgba(151,158,163,1), #979ea3;
Pink (CIC) - rgba(232,62,129,1), #e83e81;
Purple (SILC) - rgba(127,73,151,1), #7f4997;
Green (Community) - rgba(165,194,18,1), #a5c212;
Orange (Training) - rgba(255,75,0,1), #ff4b00;
Backgrounds Colours -
Light Pink - rgba(248,230,233,1), #f8e6e9;
Mid Pink - rgba(238,221,224,1), #eedde0;
Dark Pink - rgba(210,185,190,1), #d2b9be;
Light Grey (background) - rgba(243,244,244,1), #f3f4f4;
Dark Grey (text) - rgba(114,105,106,1), #72696a;
Light Blue - rgba(153,212,225,1), #99d4e1;
Dark Blue - rgba(0,130,170,1), #0082aa;
*/

/* ---------- Training Logo + Colours ----------*/
.category-courses .entry-content .et_pb_bg_layout_light h1, .category-courses .entry-content .et_pb_bg_layout_light h2, .category-courses .entry-content .et_pb_bg_layout_light h3, .category-courses .entry-content .et_pb_bg_layout_light h4, .category-courses .entry-content .et_pb_bg_layout_light h5, .category-courses .entry-content .et_pb_bg_layout_light h6, .category-courses .entry-content .entry-title .category-courses blockquote {color: #e83e81 !important;}
.category-courses .entry-content .et_pb_bg_layout_light a {color: #e83e81 !important; font-weight: 700 !important;}
.category-courses > div.entry-content > div > div > div.et_pb_section.et_pb_section_1.et_section_regular > div > div.et_pb_column.et_pb_column_2_5.et_pb_column_3.et_pb_css_mix_blend_mode_passthrough.et-last-child > div.et_pb_module.et_pb_text.et_pb_text_6.et_pb_text_align_left.et_pb_bg_layout_light > div > p:nth-child(4) > a {color: #ffffff !important;}
.category-courses .entry-content .et_pb_bg_layout_light .et_pb_button a {color: #ffffff !important;}
.category-courses .entry-content .et_pb_button {background: #e83e81 !important; color: #ffffff !important;}
.category-courses .et_pb_pricing_tables_0 .et_pb_pricing_heading {background-color: #e83e81 !important;}

/* ---------- SILC Logo + Colours ---------- */
.page-id-646 .entry-content .et_pb_bg_layout_light h1, .page-id-646 .entry-content .et_pb_bg_layout_light h2, .page-id-646 .entry-content .et_pb_bg_layout_light h3, .page-id-646 .entry-content .et_pb_bg_layout_light h4, .page-id-646 .entry-content .et_pb_bg_layout_light h5, .page-id-646 .entry-content .et_pb_bg_layout_light h6, .page-id-646 .entry-content .entry-title .page-id-646 blockquote {color: #0082aa !important;}
.page-id-646 .entry-content .et_pb_bg_layout_light a {color: #0082aa !important; font-weight: 700 !important;}
.page-id-646 .entry-content .et_pb_bg_layout_light .et_pb_button a {color: #ffffff !important;}
.page-id-646 .entry-content .et_pb_button {background: #0082aa !important; color: #ffffff !important;}

/* ---------- Community Logo + Colours ---------- */
.category-community-projects .entry-content .et_pb_bg_layout_light h1, .category-community-projects .entry-content .et_pb_bg_layout_light h2, .category-community-projects .entry-content .et_pb_bg_layout_light h3, .category-community-projects .entry-content .et_pb_bg_layout_light h4, .category-community-projects .entry-content .et_pb_bg_layout_light h5, .category-community-projects .entry-content .et_pb_bg_layout_light h6, .category-community-projects .entry-content .entry-title, .category-community-projects blockquote {color: #a5c212 !important;}
.category-community-projects .entry-content .et_pb_bg_layout_light a {color: #a5c212 !important; font-weight: 700 !important;}
.category-community-projects > div.entry-content > div > div > div.et_pb_section.et_pb_section_1.et_section_regular > div > div.et_pb_column.et_pb_column_2_5.et_pb_column_3.et_pb_css_mix_blend_mode_passthrough.et-last-child > div.et_pb_module.et_pb_text.et_pb_text_6.et_pb_text_align_left.et_pb_bg_layout_light > div > p:nth-child(4) > a {color: #ffffff !important;}
.category-community-projects .entry-content .et_pb_bg_layout_light .et_pb_button a {color: #ffffff !important;}
.category-community-projects .entry-content .et_pb_button {background: #a5c212 !important; color: #ffffff !important;}

/* Adjust Height of Map in Divi - NB: Add 'absolute_map' as a css class to divi map */
.et_pb_map_dmp_567_15 {height: 290px;}
.contact_page_map {height: 450px !important;}
.absolute_map .et_pb_map {position: absolute; overflow:visible; height: 100%;}
.dmpro_timeline_item .date-icon.date-icon-circle.active {background-color: #0082aa !important;}
.dmpro_timeline_item .date-icon-wrap .date-icon.active {color: #ffffff !important;}

.question {color: #ffffff !important;}

/* ---------- Quote Element ----------*/

.sb:before {
	content:url('https://stepintolearning.mystagingwebsite.com/wp-content/uploads/2022/04/CTABefore.svg');
	position:absolute;
	z-index:100000;
	right:-50px;
	top:-50px;
	width:150px;
}
.sb:after {
	content: url('https://stepintolearning.mystagingwebsite.com/wp-content/uploads/2022/04/CTAAfter.svg');
	position:absolute;
	z-index:100000;
	left:-50px;
	bottom:-90px;
	width:150px;
}

/* ---------- Contact Form 7 Styling ----------*/
.dvppl_cf7_styler_0 .dipe-cf7-container .wpcf7 input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .dvppl_cf7_styler_0 .dipe-cf7-container .wpcf7 select, .dvppl_cf7_styler_0 .dipe-cf7-container .wpcf7 textarea {margin-bottom: 20px !important;}
.wpcf7-form .uacf7-row {margin: 10px 0 10px !important; padding: 20px 0 20px 0 !important; border-bottom: 1px dotted #72696a !important;}
.wpcf7-form .uacf7-row:last-child {border-bottom: 0px dotted #f3f4f4 !important;}
.dipe-cf7 .wpcf7 select {
	width: 100%;
	max-width: 100%;
	padding: .75em;
}

.dvppl_cf7_styler_0 .dipe-cf7-container .wpcf7 select {
	padding-top: 10px!important;
	padding-right: 15px!important;
	padding-bottom: 10px!important;
	padding-left: 15px!important;
	height: 40px !important;
}
#statement {min-height: 600px !important;}
.wpcf7-not-valid-tip, .dvppl_cf7_styler_0 .wpcf7 form span.wpcf7-not-valid-tip {
	font-size: 14px !important;
	font-weight: normal;
	display: block;
	margin-bottom: 20px !important;
}

/* *** closeable accoridians */
.et_pb_toggle_open .et_pb_toggle_title:before {
display: block !important;
content: “\e04f”;
color: #1db19d !important;
}

/* ---------- Footer Elements ----------*/
footer a {color: #0082aa !important;}
#footer-info a {color: #99d4e1 !important; font-weight: 600 !important;}
.et-social-icons a {color: #99d4e1 !important}

/* Mobile menu */
.dmpro-breadcrumbs {padding-top:8px;}

@media only screen and ( max-width: 1310px ) {
	.dmpro-breadcrumbs {padding-top: 0px !important;}
	#et_top_search, .et_pb_menu__icon, .et_pb_menu__search-button {display: none !important;}
	/*#top-menu-nav, #top-menu, .et-fixed-header, .et_pb_menu__menu {display: none !important;}
	.et_pb_menu .et_mobile_nav_menu {
		float: none;
		margin: 0 6px;
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		-ms-flex-align: center;
		-webkit-box-align: center;
		align-items: center;
		}
	.et-l--header ul {list-style-type: none !important; line-height: 1em !important; padding: 5px !important; width: 280px !important;}
	.et_pb_menu .et_mobile_menu li ul, .et_mobile_menu li a {width: 240px !important;}
	.et_pb_section_dmp_972_12.et_pb_section, .et_pb_section_dmp_138_0.et_pb_section, .et_pb_section_dmp_1023_21.et_pb_section {display: none !important;}
	.et_pb_row_2_tb_header.et_pb_row {padding-top: 0px !important;}*/
}

/* ---------- Media Query Elements ----------*/

/* Setting the breakpoint of the mobile menu for screens below 1450px */
@media only screen and (max-width: 1450px) {

}

/*** Responsive Styles Screens Above 981px ***/
@media (min-width: 981px), all {
	/*.menu-mobile {display: none !important;}*/
}

/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
  
}

/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 981px) and (max-width: 1190px) {


}
 
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
	
}
 
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	/*.menu-desk {display: none !important;}
	.menu-mobile {display: block !important;}*/
	#et-info {padding-top: 0px !important;}
}
 
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {

}
 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {

}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {

}

.none {display:none !important;}


/*change hamburger icon to x when mobile menu is open*/
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}
/*adjust the new toggle element which is added via jQuery*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}
/*some code to keep everyting positioned properly*/
ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}
/*remove default background color from menu items that have children*/
.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}
/*hide the submenu by default*/
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}
/*show the submenu when toggled open*/
ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}
/*adjust the toggle icon position and transparency*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
	text-align: center;
	opacity: 1;
}
/*submenu toggle icon when closed*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\33';
	color: #00d263;
	background: #f0f3f6;
	border-radius: 50%;
	padding: 3px;
}
/*submenu toggle icon when open*/
ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
	content: '\32';
}
/*add point on top of the menu submenu dropdown*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
	position: absolute;
	right: 5%;
	margin-left: -20px;
	top: -14px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ffffff;
}
/*adjust the position of the hamburger menu*/
.mobile_menu_bar {
	position: relative;
	display: block;
	bottom: 0px;
	line-height: 0;
}
/*force the background color and add a rounded border*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
	background-color: #ffffff!important;
	border-radius: 10px;
}

#menu-primary24 a {color: rgba(0,0,0,.6) !important;}
.ofsted {width: 38px !important; height: 38px !important; position: fixed !important; top: 150px !important; left: 0 !important;}