/*
 Theme Name:   Ripple Learning
 Theme URI:    https://generatepress.com
 Description:  Ripple Learning
 Author:       Blackbox Web Design
 Author URI:   https://www.blackboxdesign.co.uk
 Template:     generatepress
 Version:      0.1
*/

/* Ripple Colors: 	Blue	8FC5EC / Secondary (darker) 224E6E
					Yellow	FED695
					Fuchsia	b63b58

/*
 * 
/* All Devices */

/* Typography*/

html,body {
	/*font-family: 'Open Sans', sans-serif;*/
	font-family: 'Karla', sans-serif;
	font-style:normal;
	font-weight:400;
}

h1,h2,h3 {
	/*font-family: 'Bree Serif', serif;*/
	font-family: 'Spectral', serif;
	font-weight:700;
	font-style: normal;
	color:#261e34;
}

.home h1, h1#rl_home_title {
	font-size:3em;
	line-height:1.1em;
}

h1.bighead {
	font-size:3em;
}

h2.bighead {
	font-size:3em;
}

h2.bighead.very {
	font-size:4em;
	line-height:0.8em;
	letter-spacing:-0.03em;
}

h2.rl_left_bord {
	padding-left: 20px;
    border-left: 5px solid #e1e1e1;
}

h2.rl_right_bord {
	padding-right:20px;
	border-right:5px solid #e1e1e1;
	text-align:right;
}

h2.bio_name {
	margin-bottom:5px;
}

p strong {
	font-weight:600;
}

.rl_pullquote {
	padding:20px;
}

.rl_pullquote mark {
	font-family: 'Bree Serif', serif;
	font-size:2.3em;
	line-height:1.0em;
	letter-spacing:-0.04em;
	background-color:transparent;
	color:#fff;
	margin: 0 -0.4em;
  padding: 0.1em 0.4em;
}

.rl_pullquote.right {
	text-align:right;
}

.rl_svg_bg_2 + .rl_pullquote {
	z-index:2;
	position:relative;
}

.white {
	color:#f5f5f4;
}

.rl_service_blurb_title {
	font-size:1em;
	font-weight:700;
	color:#fff;
	z-index:2;
	padding:0 10px;
	position:absolute;
	bottom:-10px;
	display:inline-block;
	width:auto;
	background-color:#222;
}

.rl_home_intro, .rl_home_after_intro {
	text-align:center;
	font-size:20px;
	font-weight:600;
}

.rl_dark_bg p, .rl_dark_bg h1, .rl_dark_bg h2 {
	color:#f5f5f4;
}

.rl_dark_bg a {
	font-weight:700;
	color:#fff;
}



.rl_dark_bg a:hover {
	text-decoration:underline;
}

.rl_para_intro {
	font-weight:600;
	line-height:1.4em;
}

a.rl_button {
	display:inline-block;
	padding:8px 40px;
	font-weight:700;
	color:#fff;
	background-color:#0f1857;
}

/* Navigation  */

.menu-toggle {
	font-size:28px;
	color:#bae4ff;
}

.rl_inner_sidebar_wrapper {
	padding: 30px;
    background-color: #f1f1f1;
    box-shadow: 5px 5px 10px #ccc;
}

.rl_inner_sidebar_wrapper.rl_contacts p {
	margin-bottom:10px;
}

.rl_inner_sidebar_links ul {
	margin-left:1em;
}

/*.home .main-navigation .main-nav ul li > a, .home .main-navigation .main-nav ul li > a:hover {
	color:#333;
}*/

/* Headers */

.rl_header {
	min-height:70vh;
}

.rl_inner_trans_header {
	padding-top:80px;
}

/*#rl_home_intro .rl_shift_up .wp-block-group__inner-container {
	padding-bottom:0;
}*/

#rl_home_intro .rl_shift_up .wp-block-group__inner-container .wp-block-columns {
	margin-bottom:0;
}

.rl_shift_up .wp-block-group__inner-container {
	padding:20px;
}


/*
#rl_home_intro .rl_shift_up .wp-block-group__inner-container {
	max-width:900px;
}*/


/* Service Blurbs */

.rl_blurb_wrapper {
	position:relative;
}

.rl_service_blurb {
	background-color:#d7d7d7;
	/*min-height:150px;*/
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	padding-bottom:48%;

}

.rl_service_blurb p {
	margin-bottom:0;
	position:absolute;
}


.rl_service_blurb:after {
	position:absolute;
	display:block;
	height:100%;
	width:100%;
	content:'';
	top:0;
	left:0;
	transition: all 0.6s;
	z-index:1;
}

.rl_service_blurb:hover:after {
		background-color:rgba(0,0,0,0.4);
}

#pluses.rl_service_blurb {
	background-image:url('/wp-content/uploads/2021/02/service_blurb_pluses_600_2.jpg');
	background-size:cover;
	background-position:bottom;
}

.rl_service_blurb .rl_service_blurb_title {
	transition:all 0.6s;
	background-color:#336699;
}

.rl_service_blurb .rl_service_blurb_title:hover {
	transform:scale(1.1);
}

#gcse.rl_service_blurb {
	background-image:url(/wp-content/uploads/2021/02/service_blurb_gcse_600_2.jpg);
	background-size:cover;
}


#alevel.rl_service_blurb {
	background-image:url(/wp-content/uploads/2021/02/service_blurb_alevel_600_2.jpg);
	background-size:cover;
}

#rl_home_intro.test .rl_service_blurb {
	padding-bottom:79%;
}

#rl_home_intro.test #pluses.rl_service_blurb {
	background-image:url(/wp-content/uploads/2021/02/blurb_blog_image_pluses.png);
	background-color:transparent;
}

#rl_home_intro.test #gcse.rl_service_blurb {
	background-image:url(/wp-content/uploads/2021/02/blurb_blog_image_gcse.png);
	background-color:transparent;
}

#rl_home_intro.test #alevel.rl_service_blurb {
	background-image:url(/wp-content/uploads/2021/02/blurb_blog_image_alevel.png);
	background-color:transparent;
}

#rl_home_intro.test .rl_shift_up {
	background-color:transparent;
	box-shadow:none;
}

/* Testimonials */

.rl_testimonial_content, .rl_testimonial_author {
	text-align:center;
}

.rl_testimonial_content {
	font-size:90%;
	font-style:italic;
	display:inline-block;
	width:89%;
}

.rl_testimonial_content p:last-of-type {
	margin-bottom:5px;
}

.rl_testimonial_author p {
	font-weight:700;
	margin-bottom:0;
}

.rl_testimonial_item {
	padding:20px;
	background-color:rgba(255,193,61,0.6);
}

.testi_quote {
	display:inline-block;
	width:10%;
}

img.quote {
	width:50px;
	text-align:center;
}

.rl_testimonial_content p:empty {
	display:none;
}

/* Tutor Blurbs */

.rl_tutor_item {
	padding:20px;
	background-color:#ffffff;
	border:1px solid #e1e1e1;
}

.rl_tutor_item p {
	margin-bottom:10px;
	font-size:16px;
}

.rl_tutor_item p.rl_tutor_name {
	font-size:1.2em;
	font-weight:700;
}

/* Forms */

form#rl_contact {
	background:#f1f1f1;
	padding:20px;
}

form#rl_contact input[type="text"], form#rl_contact input[type="email"], form#rl_contact input[type="tel"], form#rl_contact textarea {
	width:100%;
	font-size:16px;
	padding:5px 15px;
}

form#rl_contact .wpcf7-list-item {
	margin-left:0;
}

form#rl_contact label {
	font-size:14px;
	text-transform:uppercase;
}
 
form#rl_contact .wpcf7-list-item label {
    font-size: 70%;
    line-height: 1.2em;
    display: inline-block;
	text-transform:initial;
}

form#rl_contact p {
	margin-bottom:10px;
}

form#rl_contact input[type="submit"] {
	background-color:#0f1857;
}

/* Hide & Reveal */

.rl_faq_wrapper {
	position:relative;
}

.jqreveal {
	display:none;
	padding:20px 0;
}

a.jqtoggle {
	margin-left:30px;
}

a.jqtoggle:before {
	position:absolute;
	left:0px;
	background-image:url(/wp-content/uploads/2021/03/plus_200.png);
	content:'';
	background-size:cover;
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	margin-top:4px;
}

a.jqtoggle.toggled:before {
		background-image:url(/wp-content/uploads/2021/03/minus_200.png);
}

a.jqtoggle:hover {
	cursor:pointer;
}

/* Featured In box */
.rl_featured_in {
	text-align:center;
	margin-top:30px;
}

.rl_featured_logos {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

.rl_featured_logos img {
	padding:0 20px;
	max-width:400px;
}



.rl_featured_title {
	display:inline-block;
	margin-bottom:5px;
	font-size:15px;
}

/* 404 */


/* Footer */

.site-info {
	background-image:linear-gradient(#336699,#0f1857)!important;
}

.rl_footer_widget {
	font-size:14px;
}

.rl_footer_widget p, .rl_footer_widget a {
	color:#fff;
}

#footer-widgets {
	background-image:linear-gradient(45deg, #336699,#0f1857);
}



/* General Content */

.hide-me {display: none!important}

.rl_shift_up {
	margin-top:-120px;
	background-color:#fff;
	box-shadow:5px 5px 20px #333;
	position:relative;
}

.rl_mob_header {
	display:none;
}

.rl_main_bios .wp-block-column {
	padding:20px;
	background-color:#f7f7f7;
	border:1px solid #e1e1e1;
}

.rl_grad_blue_bg {
	background-image:url(/wp-content/uploads/2021/02/ripple_bot_left_2000.png),linear-gradient(#336699,#0f1857)!important;
}

#rl_faq_section .wp-block-group__inner-container {
	padding: 0;
}

.rl_mgmt_bio_img img {
	max-width:180px;
	border-radius:50%!important;
}

/* Responsive Desktop - Everything ABOVE 1024 */
@media only screen
	and (min-width: 1024px) {
		
		#rl_home_intro .wp-block-column:not(:first-child) {
			margin-left:20px;
		}
		
		.nav-float-right #site-navigation {
			margin-left:5%;
		}
		
		.rl_tutor_wrapper {
			display:flex;
			flex-wrap:wrap;
		}
		
.rl_tutor_item {
	flex-basis:30%;
	margin-right:2%;
	margin-bottom:20px;
}
		
		.footer-widget-2 {
	text-align:center;
}

.footer-widget-3 {
	text-align:right;
}
		
	.rl_featured_logos a:first-of-type img {
		margin-right:60px;
	}
		
	
}

/* Responsive - small laptops */

@media only screen 
	and (min-width: 1024px)
	and (max-width: 1400px) {
		
		#rl_home_intro {
			max-width:93%;
			margin-left:auto;
			margin-right:auto;
		}
		
/*		#rl_pluses_header {
			background-image:url(/wp-content/uploads/2021/02/curved_image_pluses_1400.jpg);
		}*/
		

}

/* Responsive - Everything BELOW 1024 */
@media only screen
	and (max-width: 1023px) {
		
		#mobile-header.mobile-header-navigation {
			background-color:#336699;
		}
		
		.main-navigation.has-branding .inside-navigation.grid-container {
			width:92%;
			padding:10px 0;
		}
		
		#generate-slideout-menu.main-navigation a {
			font-size:18px;
		}
		
		.slideout-navigation .inside-navigation {
 		   display: flex;
    		/*flex-direction: column-reverse;*/
		}
		
		.slideout-navigation .inside-navigation aside {
			order:1;
		}

		.slideout-navigation .inside-navigation div {
			order:3;
		}
		
		.slideout-navigation .inside-navigation button {
			order:2;
		}

		
		
		.site-logo.mobile-header-logo img {
			height:70px!important;
		}
		
		.rl_inner_trans_header {
			padding-top:70px;
		}
		
		.rl_mob_header {
			margin-top:70px;
		}
		
		.rl_mob_header.midpage {
			margin-top:0;
		}
		
		.header-wrap .site-header {
			background-color:#006992;
		}
		
		#rl_home_intro {
			max-width:93%;
			margin-left:auto;
			margin-right:auto;
		}
		
		.wp-block-columns.rl_fw_mob .wp-block-column {
			flex-basis:100%!important;
		}
		
		.wp-block-column:nth-child(2n) {
			margin-left:0!important;
		}
		
		.rl_no_bg_mob {
			background-image:none!important;
		}
		
		.rl_no_bg_mob.overlay:before {
			background-image:url(/wp-content/uploads/2021/02/ripple_mob_left_1024_1a.png);
			position:absolute;
			width:100%;
			height:100%;
			background-repeat:no-repeat;
			content:'';
			top:0;
			left:0;
			opacity:0.5;
			z-index:0;
		}
		
		.rl_no_bg_mob.fuchsia {
			background-color:#b63b58;
		}
		
		.rl_no_bg_mob.blue {
			background-color:#006992;
		}
		
		.rl_mob_header {
			display:block;
			min-height:40vh;
		}
		
		.rl_mob_header.small {
			min-height:20vh;
		}
		
		.rl_mob_header.large {
			min-height:50vh;
		}
		
		.rl_mob_header + .rl_inner_trans_header {
			padding-top:0;
		}
		
		.rl_dark_bg.rl_no_bg_mob p, .rl_dark_bg.rl_no_bg_mob h1, .rl_dark_bg.rl_no_bg_mob h2 {
			color:#333;
}

		.rl_dark_bg.white.rl_no_bg_mob p, .rl_dark_bg.white.rl_no_bg_mob h1, .rl_dark_bg.white.rl_no_bg_mob h2 {
			color:#fff;
}

		
		.rl_mob_header + .rl_no_bg_mob .gb-inside-container {
			padding-top:0;
		}
		
		.rl_main_bios .wp-block-column:first-of-type {
			margin-bottom:30px;
		}
		
		.rl_main_bios .wp-block-image .alignright {
			float:none;
		}
		
		.minimal_header .gb-inside-container {
			padding-bottom:0!important;
		}
		
		.minimal_header .gb-inside-container .wp-block-columns {
			margin-bottom:0;
		}
		
		.add_top_marg_mob {
			margin-top:70px;
		}
		
}

/* Responsive Tablet - Between 768 and 1023 */
@media only screen
	and (min-width: 768px)
	and (max-width: 1023px) {
		
		#rl_home_intro .rl_shift_up .wp-block-column {
			flex-basis:32%!important;
		}
		
		#rl_home_intro .rl_shift_up .wp-block-column:not(:first-of-type) {
			margin-left:1%!important;
		}
		
		.gb-inside-container {
			width:90%;
		}
		
		.rl_rev_cols_mob .wp-block-columns .wp-block-column:first-of-type {
			order:2;
		}
		
		.rl_tutor_wrapper {
			display:flex;
			flex-wrap:wrap;
		}
		
.rl_tutor_item {
	flex-basis:48%;
	margin-right:2%;
	margin-bottom:20px;
}
		
}

/* Responsive Mobile - Everything BELOW 768 */
@media only screen
	and (max-width: 767px) {
		
		.home h1, h1#rl_home_title {
			font-size:2.0em;
			letter-spacing:-0.04em;
}
		
		h1.bighead {
			font-size:2.0em;
		}
		
h2.bighead.very {
	font-size:3em;
	line-height:0.8em;
	letter-spacing:-0.03em;
}
		
		.rl_service_blurb {
			margin-bottom:10px;
			padding-bottom:50%;
			/*background-image:none!important;*/
		}
		.rl_service_blurb_title {
			background-color:#006992;
			bottom:3px;
		}
		
		#rl_home_intro .wp-block-column {
			flex-basis:100%!important;			
		}
		
		.rl_rev_cols_mob .wp-block-columns .wp-block-column:first-of-type {
			order:2;
		}
		
		.rl_pullquote mark {
			font-size:1.8em;
		}
		
		.rl_svg_bg_2 svg {
			width:500px;
			height:500px;
		}
		
		.rl_svg_bg_2 {
		    top: 100px;
    		right: 75px;
		}
		
		.rl_tutor_item {
			margin-bottom:20px;
		}
		
		#rl_faq_section .gb-inside-container {
			padding:40px 30px;
		}
		
		.rl_mgmt_bio_img figure {
			margin-left:auto!important;
			margin-right:auto!important;
		}
		
		.rl_email a {
			letter-spacing:-0.04em;
		}
		
		.rl_featured_logos img {
			max-width:90%;
		}
		
}