/*
Theme Name: Divi Child Theme
Description: A child theme to house custom coding which modifies the Divi parent theme by Elegant Themes. Includes default line numbers where the code was taken from in the parent theme.
Author: Indigo Marmoset
Template: Divi
*/

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

/* Typography */

.first_title h2 {
	margin: 0px;
	padding: 0px;
}

.intro_headings h2 {
	padding: 10px 0px 30px 0px;
}

.intro_headings h3 {
	width: 100%;
	max-width: 400px;
	margin: 0px auto;
}

.intro_headings h4 {
	width: 100%;
	max-width: 600px;
	margin: 20px auto 0px auto;
}

/* Testimonial Box */

.testimonials_box {
	position: relative;
	overflow: visible !important;
}

.testimonials_box:after {
	content: url('https://www.websitesforplumbers.co.uk/wp-content/uploads/2019/10/speech_mark-1.png');
	position: absolute;
	bottom: -40px;
	right: 60px;
}

/* Bullet List */

.bullet_list ul {
	margin-top: 20px;
}

.bullet_list ul li {
	margin-bottom: 20px;
}

/* Package Columns */

.package_titles {
	font-size: 32px;
	font-weight: 900;
	text-shadow: 0.08em 0.08em 0em rgba(0,0,0,0.2);
	text-transform: uppercase;
}

.package_sub_titles {
	font-size: 21px;
	font-weight: 600;
}

.package_icons {
	font-size: 80px;
}

@media (max-width: 479px) {
	body .et_pb_gutters1.et_pb_row.package_columns .et_pb_column {
		margin-top: 40px !important;
	}
}

/* Pricing Tables */

.package_description {
	background: url('https://www.websitesforplumbers.co.uk/wp-content/uploads/2019/10/price_list_arrow.png') no-repeat bottom;
	padding-bottom: 80px;
}

.et_pb_toggle h5.et_pb_toggle_title {
    padding: 0 !important;
}

.et_pb_toggle_title:before {
	display: none !important;
}

.et_pb_toggle_title:after {
    position: static !important;
    display: inline !important;
	font-family: ETmodules !important;
	margin-left: 5px;
	content: "\e064";
	color: #d83b1c;
}

/* FAQs */

#faqs .faqs h5.et_pb_toggle_title:first-child:first-letter {
	color: #fff;
}

#faqs .et_pb_toggle_title:after {
	color: #fff;
	font-size: 15px;
	margin-left: 5px;
}

/* WooCommerce */
button {
	color: #fff !important;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float: left;
    width: 100%;
}

/* 404 Error Page */

.error404 #main-header, .error404 #main-footer {
	display: none !important;
}