/*
Theme Name:     Susannah Design
Theme URI:      http://www.susannahdesign.co.uk
Description:    Child theme for the Divi theme
Template:       Divi                             
Version:        1.0
*/

@import url("../Divi/style.css");

/* --- MAIN --- */


#main-content, .et_pb_section {
	background: url("http://www.susannahdesign.co.uk/wp-content/uploads/2014/06/susannah-design-background.png") repeat;
}

.title.et_pb_text {
	margin-bottom: 0px;
}

.title h1 {
	color: #3c1f60;
	padding-bottom: 0;
}

.home-divider.et_pb_section {
	padding: 0 !important;
}

.home-divider .et_pb_row {
	padding: 0 !important;
}

.home-divider .et_pb_image {
	margin: 0 !important;
}

.center .et_pb_column {
	text-align: center;
}


/* -- END MAIN --- */

/* --- HOMEPAGE --- */

.et_pb_blurb h4 {
	padding-bottom: 5px;
	margin-top: -75px !important;
}

.et_pb_blurb img {
	border-radius: 10px;
}

.sdcontact .et_pb_contact_submit { 
	color: #3C1F60 !important; 
}

.tight-padding h2 {
	padding-bottom: 0px;
}

.section-no-padding-top { 
	padding-top: 0px !important;
}

.section-no-padding-bottom { 
	padding-bottom: 0px !important;
}

.section-padding-top-20 {
	padding-top: 20px !important;
}

.round-corners {
	border-radius: 10px;
}

.homepage-top-background.et_pb_row {
	background-image: url('http://www.susannahdesign.co.uk/wp-content/uploads/2014/06/homepage-image.jpg');
}

.header-image {
	background: #eaeaea !important;
}


/* --- END HOMEPAGE --- */


/* --- HEADER --- */

#main-header, .et-fixed-header {
	padding: 15px 0 0 !important;
}

.home #logo {
	display: none;
}

.et_fixed_nav #logo, .et-fixed-header #logo, #logo {
	max-height: 38px;
	margin-bottom: 0;
}

#main-header nav#top-menu-nav, #main-header.et-fixed-header nav#top-menu-nav {
	padding-top: 10px;
}

#top-menu li.current-menu-item > a {
	color: #3C1F60 !important;
}

#top-menu a:hover {
	color: #3C1F60 !important;
}

#top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .bottom-nav li.current-menu-item > a {
	color: #3C1F60 !important;
}
	
#top-menu li > a, .et-fixed-header #top-menu > li > a {
	padding-bottom: 20px;
}

.nav li ul, .et-fixed-header .nav li ul {
	top: 43px;
}

.nav li ul, .et_mobile_menu, .footer-widget li:before, .et_pb_pricing li:before, blockquote {
	border-color: #3C1F60 !important;
}

.nav li ul {
	left: -86px;
}

#top-menu .menu-item-has-children > a:first-child, #et-secondary-nav .menu-item-has-children > a:first-child {
	cursor: pointer;
}

/* --- END HEADER --- */



/* --- FOOTER --- */

#footer-bottom {
	background-color: #f1f1f1;
}

#footer-info-left {
	float: left;
	color: #333333;
	padding-bottom: 10px;
	font-size: 12px !important;
}

#footer-info-right {
	float: right;
	color: #333333;
	padding-bottom: 10px;
	font-size: 12px !important;
}

#main-footer a {
	color: #3C1F60 !important;
}

/* --- END FOOTER --- */

/* --- GALLERY --- */

.et-pb-arrow-next, .et_pb_slider:hover .et-pb-arrow-next, .et_mobile_device .et-pb-arrow-next {
	right: -35px;
	color: #3c1f60 !important;
	background: url("http://www.susannahdesign.co.uk/wp-content/uploads/2014/06/susannah-design-background.png");
	border-radius: 25px;
	padding: 5px 20px 5px 0;
}

.et-pb-arrow-prev, .et_pb_slider:hover .et-pb-arrow-prev, .et_mobile_device .et-pb-arrow-prev {
	left: -35px;
	color: #3c1f60 !important;
	background: url("http://www.susannahdesign.co.uk/wp-content/uploads/2014/06/susannah-design-background.png");
	border-radius: 25px;
	padding: 5px 0px 5px 20px;
}

.et-pb-arrow-prev, .et-pb-arrow-next {
	opacity: 0.7;
}

.gallery .et_pb_gallery_fullwidth .et_pb_gallery_item .et_pb_gallery_image img, .gallery.et_pb_gallery_fullwidth .et_pb_gallery_item .et_pb_gallery_image img {
	pointer-events: none;
}

.gallery {
	padding: 0 0 3px 0;
}

.gallery .et_pb_column_2_3 {
	margin: 0 auto;
	float: none;
}

/* --- END GALLERY --- */

/* --- CONTACT FORMS --- */

div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors {
	display: table !important;
}

.contact-submit {
	float: right;
}

.contact-captcha {
	float: right;
	margin-right: 20px;
}

.contact-submit-captcha {
	float: right;
	width: 50%;
	margin-top: 10px;
}

input[type=text].wpcf7-mathcaptcha {
	width: 50px !important;
}

input[type=text], input[type=email], input[type=tel] {
	background-color: #eeeeee;
	border: none!important;
	width: 100% !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	font-size: 14px;
	color: #666 !important;
	padding: 16px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
}

textarea {
	background-color: #eeeeee;
	border: none!important;
	width: 100% !important;
	height: 8em;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	font-size: 14px;
	color: #666 !important;
	padding: 16px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.home textarea {
	background-color: #eeeeee;
	border: none!important;
	width: 100% !important;
	height: 10em;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	font-size: 14px;
	color: #666 !important;
	padding: 16px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

input[type="submit"] {
	color: #3c1f60 !important;
	font-size: 20px;
	font-weight: 500;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 6px 20px;
	line-height: 1.7em;
	background: transparent;
	border: 2px solid #3c1f60;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	cursor: pointer;
}

input[type="submit"]:hover {
	background: rgba( 0, 0, 0, 0.05 );
	border: 2px solid transparent;
}

input[type=text]::-webkit-input-placeholder { color:#666666 !important; }
input[type=text]:-moz-placeholder { color:#666666 !important; }
input[type=text]::-moz-placeholder { color:#666666 !important; }
input[type=text]:-ms-input-placeholder { color:#666666 !important; }

input[type=email]::-webkit-input-placeholder { color:#666666 !important; }
input[type=email]:-moz-placeholder { color:#666666 !important; }
input[type=email]::-moz-placeholder { color:#666666 !important; }
input[type=email]:-ms-input-placeholder { color:#666666 !important; }

input[type=tel]::-webkit-input-placeholder { color:#666666 !important; }
input[type=tel]:-moz-placeholder { color:#666666 !important; }
input[type=tel]::-moz-placeholder { color:#666666 !important; }
input[type=tel]:-ms-input-placeholder { color:#666666 !important; }

textarea::-webkit-input-placeholder { color:#666666 !important; }
textarea:-moz-placeholder { color:#666666 !important; }
textarea::-moz-placeholder { color:#666666 !important; }
textarea:-ms-input-placeholder { color:#666666 !important; }

input[type=text]:focus::-webkit-input-placeholder { color:#999999 !important; }
input[type=text]:focus:-moz-placeholder { color:#999999 !important; }
input[type=text]:focus::-moz-placeholder { color:#999999 !important; }
input[type=text]:focus:-ms-input-placeholder { color:#999999 !important; }

input[type=email]:focus::-webkit-input-placeholder { color:#999999 !important; }
input[type=email]:focus:-moz-placeholder { color:#999999 !important; }
input[type=email]:focus::-moz-placeholder { color:#999999 !important; }
input[type=email]:focus:-ms-input-placeholder { color:#999999 !important; }

input[type=tel]:focus::-webkit-input-placeholder { color:#999999 !important; }
input[type=tel]:focus:-moz-placeholder { color:#999999 !important; }
input[type=tel]:focus::-moz-placeholder { color:#999999 !important; }
input[type=tel]:focus:-ms-input-placeholder { color:#999999 !important; }

textarea:focus::-webkit-input-placeholder { color:#999999 !important; }
textarea:focus:-moz-placeholder { color:#999999 !important; }
textarea:focus::-moz-placeholder { color:#999999 !important; }
textarea:focus:-ms-input-placeholder { color:#999999 !important; }


/* --- CONTACT FORMS --- *


/* --- TESTIMONIALS --- */

.et_pb_testimonial {
	border: 2px solid #3c1f60;
}

.et_pb_testimonial:before {
	color: #3c1f60;
}

/* --- END TESTIMONIALS --- */

/* --- MISC --- */

.window-dressing-text {
	margin-bottom: 0;
}

/* --- END MISC --- */


/* --- MEDIA CSS --- */

@media only screen and (max-width: 1100px) and (min-width: 981px) {


}


@media only screen and (max-width: 980px) {

#top-menu {
	display: block;
}

#main-header #et_mobile_nav_menu {
	display: none;
}

.gallery .et_pb_column_2_3 {
	float: left !important;
}

.services .et_pb_column_1_4 {
	width: 150px !important;
	margin-right: 30px !important;
	padding-bottom: 0;
}

.services .et_pb_row .et_pb_column:last-child {
	margin-right: 0 !important;
}

.services .et_pb_blurb h4 {
	margin-top: -66px !important;
	font-size: 14px;
}

.services .et_pb_column_1_2 {
	width: 330px !important;
}

.services .et_pb_column_3_4 {
	width: 510px !important;
}

.services .et_pb_testimonial_description p {
	font-size: 12px;
}


}


@media only screen and (max-width: 767px) {

#footer-info-right {
	float: left;
}

.contact-submit-captcha {
	width: 100%;
	margin-top: 10px;
}

#top-menu {
	display: none;
}

#main-header #et_mobile_nav_menu {
	display: block;
}

.home .mobile_menu_bar:before, .single .mobile_menu_bar:before, .page .mobile_menu_bar:before, .category .mobile_menu_bar:before, .archive .mobile_menu_bar:before {
	color: #3c1f60 !important;
}

.et_mobile_menu {
	top: 45px;
}

.et_pb_contact_left {
	padding-bottom: 20px;
}

.services .et_pb_column_1_4 {
	width: 100% !important;
	padding-bottom: 30px;
}

.services .et_pb_column_1_4:last-child {
	padding-bottom: 0;
}

.services .et_pb_column_1_2 {
	width: 100% !important;
}

.services .et_pb_column_3_4 {
	width: 100% !important;
}

}


@media only screen and (max-width: 479px) {

#footer-info-right {
	float: left;
}

span.wpcf7-not-valid-tip {
	font-size: 10px;
}

}

/* --- END MEDIA CSS --- */