/*
 Theme Name:   Jacob Shenton Tutoring
 Theme URI:    https://generatepress.com
 Description:  Child Theme for the Jacob Shenton Tutoring website
 Author:       Blackbox Web Design
 Author URI:   https://www.blackboxdesign.co.uk
 Template:     generatepress
 Version:      0.3
*/

/* JST Colours:
 * Light blue: #004f8b;
 * Mid blue: #15366e;
 * Dark blue: #191049;
 */

/* All Devices */

/* Typography*/

h1.jst_home_h1 {
	font-size:38px;
}

#jst_home_services h3 {
	font-size:16px;
	margin-bottom:8px;
}

.jst_prehead.large {
	font-family:'Montserrat', arial;
	font-weight:700;
	font-size:20px;
	line-height:1.0em;
	margin-bottom:10px;
	color:#004f8b;
	text-transform:uppercase;
}

.jst_prehead.large span {
	font-weight:300;
	display:block;
}

.jst_standout {
	font-weight:700;
	font-size:20px;
}

a.jst_button {
	display:inline-block;
	text-align:center;
	padding:8px 40px;
	background-color:#191049;
	color:#fff;
	border-radius:20px;
	transition: 0.3s all;
	text-decoration:none;
	margin-bottom:30px;
}

a.jst_button:hover {
	background-color:#004f8b;
}

a.jst_button.disabled, a.jst_button.disabled:hover {
	background-color:#999;
}

a.jst_button.disabled:hover {
	cursor:initial;
}

p.bio_name {
	font-weight:700;
	font-size:24px;
	margin-bottom:10px;
}

p.jst_bio_heading {
	margin-bottom:5px;
}

.jst_bio_sidebar {
	font-size:14px;
}

.jst_bio_section {
    padding: 10px 0 10px 15px;
    border-left: 2px solid #004f8b;
    background-color: #fff;
	margin-bottom:20px;
}

.jst_subjects p:last-of-type, .jst_bio_section p:last-of-type {
	margin-bottom:0;
}

/* Navigation  */

/* Headers & Banners */

.jst_header_banner {
	background-size:cover;
	padding-top:100px;
}

/* Services Blurbs */

#jst_home_services {
    display:flex;
    flex-wrap:wrap;
	margin:50px 0;
}

.jst_services_content {
	position:relative;
	/*padding-top:20px;*/
}

.jst_services_item {
	padding: 20px;
	background-color: #fff;
	text-align: center;
	font-size: 14px;
	border:1px solid #ccc;
	box-shadow:0 0 16px #ddd;
	margin-bottom:30px;
}




/* Tutor Bios */
.tutor_item {
	display:flex;
	flex-wrap:wrap;
	font-size:14px;
	padding: 20px;
    border: 1px solid #ddd;
    margin-bottom: 30px;
	box-shadow:0 0 16px #ddd;
}



.tutor_item .tutor_name {
	font-weight: 700;
    font-size: 22px;
    border-bottom: 1px solid #999;
    margin-bottom: 10px;
}

/* Revision Classes */
.jst_revision_meta {
	padding: 10px 0 20px 20px;
    border-left: 2px solid #004f8b;
    background-color: #fff;
	margin-bottom:30px;
}

.jst_revision_meta p:last-of-type {
	margin-bottom:0;
}

#jst_mechanics_diag1 {
	background-color:#fff;
}

/* Lity Modal */

.lity {
	background-color:rgba(10,10,10,0.9)!important;
}

.lity-wrap {
	overflow:auto;
}

/* Gravity Forms */

.jst_modal_form {
	width:800px;
	max-width:100%;
	background-color:#fff;
	padding:30px;
}

.jst_class_name {
	font-size:20px;
	/*text-align:center;
	text-decoration:underline;*/
}

.gform_wrapper form h3 {
	font-size:16px;
}

h3.gsection_title {
	margin-bottom:5px;
}

.jst_form_payment_info, .jst_form_submit_info {
	padding: 10px;
    background-color: #f6f6f6;
    border: 1px solid #bbb;
}

.jst_form_payment_info p:last-of-type, .jst_form_submit_info p:last-of-type {
	margin-bottom:0;
}

.jst_modal_form input[type="submit"], .jst_main_contact input[type="submit"] {
	border-radius:20px;
	background-color:#004f8b;
	color:#fff;
	transition: 0.3s all;
	padding:4px 40px;
}

.jst_modal_form input[type="button"].gform_next_button {
	border-radius:20px;
	background-color:#004f8b;
	color:#fff;
	transition: 0.3s all;
	padding:4px 40px;
}

.jst_modal_form input[type="submit"]:hover, .jst_main_contact input[type="submit"]:hover {
	background-color:#15366e;
}

.jst_main_contact {
	padding:30px;
	border:1px solid #e1e1e1;
	box-shadow:0 0 16px #ddd;
}

/* Testimonials */

:not(.jst_testi_static) .jst_testi_item {
	padding-right:40px;
}

.jst_testi_content p {
	margin-bottom:0.75em;
}

.jst_testi_content {
    font-size: 14px;
    padding-left: 20px;
    border-left: 2px solid #ccc;
}

.jst_testi_author {
	font-size:14px;
	font-weight:700;
}

.jst_testi_static .jst_testi_item {
	margin-bottom:30px;
}

/* 404 */


/* Footer */

.jst_footer_widget {
	font-size:13px;
	line-height:1.5em;
}

.jst_footer_widget a {
	text-decoration:none;
}

/* General Content */

.hide_me {display:none!important}

hr.jst_divider {
	height:3px;
	max-width:50%;
	margin: 20px 0;
	background-color:#999;
}

.jst_services_content hr.jst_divider {
	margin: 0 auto 20px auto;
}

/*div.dot_motif {
	position:absolute;
	width:200px;
	height:200px;
	background-image:url(/assets/dot_motif.svg);
	left:calc(80% - 100px);
	opacity:0.5;
	top:150px;
	z-index:2;
}*/

div.j_motif {
	position:absolute;
	width:300px;
	height:600px;
	background-image:url(/assets/J-motif.svg);
	background-repeat:no-repeat;
	background-size:contain;
	left:40px;
	opacity:0.03;
	top:150px;
	z-index:1;
}

.jst_positioned_j div.j_motif {
	position:fixed;
	left:initial;
	right:40px;
	top:100px;
}

.jst_services_icon img {
	width:40px;
}

.jst_profile_col {
	background-color:#f5f5f5;
		padding:30px;
	box-shadow:0 0 16px #ccc;
}

.jst_extra_pad .wp-block-group__inner-container{
	padding: 80px 40px;
}

.jst_shadow {
	box-shadow:0 0 16px #ddd;
}

/* Responsive Desktop - Everything ABOVE 1024 */
@media only screen
	and (min-width: 1024px) {
		
		article.page .entry-content {
			min-height:calc(100vh - 158px );
		}
		
		#jst_home.jst_header_banner {
			min-height:100vh;
		}
		
		.nav-float-right #site-navigation {
			margin-left:2%;
		}
		
		#jst_home {
			display:flex;
			align-items:center;
		}
		
		.jst_services_item {
			flex-basis:32%;
}

.jst_services_item:not(:last-of-type) {
	margin-right:2%;
}	
		
		.jst_mob_header {
			display:none!important;
		}
		
		.tutor_item .tutor_image {
			flex-basis:30%;
			margin-right:2%;
}

.tutor_item .tutor_content {
	flex-basis:68%;
}
		
	
}

/* Responsive - Everything BELOW 1024 */
@media only screen
	and (max-width: 1023px) {
		
		.no_bg_mob {
			background-image:none!important;
		}
		
		#home_mob.jst_mob_header {
			margin-top:100px;
			height:40vh;
		}
		
		#home_mob.jst_mob_header + .jst_header_banner {
			padding-top:0;
		}
		
		#generate-slideout-menu .inside-navigation aside {
			order:2;
		}
		

		#generate-slideout-menu .inside-navigation div {
			order:3;
		}		
		
		.jst_fw_resp .wp-block-columns {
			flex-wrap:wrap;
		}

		.jst_fw_resp .wp-block-columns .wp-block-column, .jst_fw_resp .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) {
			flex-basis:100%!important;
		}
		
		div.dot_motif {
			right:0;
		}
		
		.jst_services_item {
			flex-basis:100%;
			margin-right:0;
		}
		
		
}

/* Responsive Tablet - Between 768 and 1023 */
@media only screen
	and (min-width: 768px)
	and (max-width: 1023px) {
		
}


/* Responsive Mobile - Everything BELOW 768 */
@media only screen
	and (max-width: 767px) {
		
		div.dot_motif {
			right:0;
		}
		
		h1 {
			font-size:34px;
		}
		
		.form_modal {
			text-align:center;
		}
		
		a.jst_button {
			margin-left:auto;
			margin-right:auto;
		}
		
}