/*======================================
Theme Name: William Hussey
Theme URI: https://divicake.com/
Description: Divi child theme for William Hussey
Version: 1.0
Author: Bookswarm
Author URI: https://bookswarm.co.uk
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

body {
	font-family: duper, sans-serif;
}

h1 {
	font-family: permanent-marker-pro, sans-serif;
	font-weight: 200;
	font-style: normal;
}

#gform_submit_button_1, #gform_submit_button_2, #gform_submit_button_3 {
	display: inline-block;
	float: left;
	font-size: 20px!important;
	font-family: duper, sans-serif;
}

#gform_3 .gfield_label, .ginput_product_price_label, .ginput_quantity_label {
	color: #FFF;
}


#gform_3 .ginput_product_price, .ginput_total {
	color: #f06971!important;
}

#main-header {
	background: rgb(16,33,63);
	background: -moz-linear-gradient(130deg, rgba(16,33,63,1) 0%, rgba(41,111,137,1) 50%, rgba(16,33,63,1) 100%);
	background: -webkit-linear-gradient(130deg, rgba(16,33,63,1) 0%, rgba(41,111,137,1) 50%, rgba(16,33,63,1) 100%);
	background: linear-gradient(130deg, rgba(16,33,63,1) 0%, rgba(41,111,137,1) 50%, rgba(16,33,63,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#10213f",endColorstr="#10213f",GradientType=1);
}
	
.spooky_shadow {
	box-shadow: 5px 5px 10px #000000;
}

div#schoolvisitsheading h2:before {
	content: url('/wp-content/uploads/2020/10/icon_school_visits.png');
	margin-left: -70px;
	margin-right: 25px
}

div#signupheading h2:before {
	content: url('/wp-content/uploads/2020/10/icon_signup.png');
	margin-left: -70px;
	margin-right: 25px
}

.bookrow {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;	
}

.bookcolumn1 {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;	
  flex: 50%;
	margin-right: 60px;
}

.bookcolumn2 {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;		
  flex: 30%;
}

div.bookcolumn1 > span {
	margin-bottom: 20px;
}

div.bookcolumn2 > img {
	box-shadow: 7px 6px 5px #999;
	max-width: 242px!important;
	margin: 0 auto 40px!important;
}

div.bookcolumn2 > p > span > a {
 font-size: 20px!important;
 margin-bottom: 20px!important;
}