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

/*
* Theme Name: Divi Child Theme
* Author:  CAPCOM Consulting Inc.
* Version:  3.2.5
* Description:  Divi is a WordPress theme created by Elegant Themes.  The Divi 'Child' Theme is the version that should be activated for Peacock Rug Care.  It is an adapted version by CAPCOM Consulting Inc. allowing for customization of the original theme.  By keeping this 'Child' theme activated, the original can be updated without losing the changes and customization made to peacockrugcare.ca
* Author URI: http://www.capcomconsulting.com
* Created: January 6, 2017
* Template: Divi
*/

h1 {color: #1ea54a; }
h2 {color: #0b55a2; }

.imgShd {  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }


 
/* These three changes fix up the main nav padding so it look as it does */

ul.fullwidth-menu.nav {
 padding-top: 12px !important;
}
.fullwidth-menu li > a {
 padding-bottom: 14px;
 padding-right: 10px; /* spaces out the menu items */
}
@media (min-width: 981px) {
.et_pb_fullwidth_menu.et_pb_fullwidth_menu_fullwidth .et_pb_row {
padding: 0 !important;
width: 97% !important; /* removes the padding from the left and right so links can stretch full width */
}
}

.et_pb_fullwidth_menu_0.et_pb_fullwidth_menu li.current-menu-item ul.sub-menu a {
 color:#fff !important;
}

/* Changes the active link of main menu to be a bit bold with a shadow */
.fullwidth-menu li.current-menu-item > a {
text-shadow: 1px 1px 5px #000000; 
font-weight: bold; 
color: #1ea54a !important; 
}

/* Supposed to ensure when a sub menu item is selected the corresponding main menu item is treated with the same styles as well */
.et_pb_fullwidth_menu .fullwidth-menu li.current-menu-ancestor > a {
text-shadow: 1px 1px 5px #000000;
color: #1ea54a !important;
font-weight: bold; 
}

/* stops the drop down menu for the main menu from wrapping */
 .fullwidth-menu li li a { width: 400px; }  /*affects the text length */
.nav li ul { width: 415px; }  /* affects the bg colour length */

/* Removes the header and footer from post pages - it is the class targets of the single post that get rid of the spacing but you need to keep the ids for the header and footer as well.  If not and the page is loading slowly the content shows up before the actual spacing changes...   still need to double check if the body.et_fixed... still needs to be there */

#main-header {
 display: none;
}
#main-footer {
 display: none;
}
body.et_fixed_nav.et_boxed_layout #page-container {
 padding-top: 0px !important;
}
.single .et_pb_post {
 margin-bottom: 0px;
}
.single #left-area {
 padding-bottom: 0px;
}
.single .post {
 padding-bottom: 0px;
}

/* gets rid of the big spacing between speciatly module rows */
.et_section_specialty,  .et_pb_row_inner {
padding-top: 0px !important;
padding-bottom:  0px !important;
}

/* Removes the padding at the top of the right side column when using specialty sections */
.et_pb_column_single {
padding-top: 0px !important;
}

/* formats top right corner with phone numbers.  Created by Elegant Themes support */

.entry-content .et_pb_section ~ p {
	display: none;
}
.left-header-wrapper {
	float: left;
	width: 77%;
}
.right-header-wrapper {
	float: right;
}
.left-header-wrapper p {

	text-align: right;
	color: #333333;
	line-height: 1.5;
	padding-bottom: 0;
}
.left-header-wrapper p:first-child {
	font-size: 32px;
}
.left-header-wrapper p:nth-child(2),
.left-header-wrapper p:nth-child(2) a {
	font-size: 24px;
	font-weight: 700;
	color: #666;
}
.left-header-wrapper p:nth-child(3),
.left-header-wrapper p:nth-child(3) a {
	font-size: 18px;
	color: #0b55a2;
}
.left-header-wrapper .free-quote {
	color: #ff0000;
	font-weight: 700;
}
@media (max-width: 980px) {
	.wpc-logo {
		float: left;
		width: 35%!important;
	}
	.wpc-info {
		float: right;
		width: 65%!important;
    }
    #social_grid {
        padding-left: 0;
    }
    #social_grid .et_pb_column {
        margin-right: 0 !important;
        width: 100% !important;
    }
    #social_grid .et_pb_column * {
        text-align: center;
    }
}

div.left-header-wrapper,
div.right-header-wrapper {
	width: auto;
	display:inline-block;
}

@media (max-width: 963px) {
	div.right-header-wrapper {
		float: none;
		text-align: center;
		display: block;
		margin-top: 1rem;
	}
	div.left-header-wrapper {
		display: block;
	}
	.wpc-header {
		padding-bottom: 0!important;
	}
	.wpc-logo {
		float: none;
		width: 100%!important;
	}
	.wpc-info {
		float: none;
		width: 100%!important;
	}
	.left-header-wrapper {
		float: none;
		width: 100%;
	}
	.left-header-wrapper p {
		text-align: center;
	}

	.right-header-wrapper img {
		display: inline-block;
	}
}

#social_grid .et_pb_column {
    margin-right: 2%;
}

#post-289 .et_pb_row_6,
#post-637  .et_pb_row.et_pb_row_5 {
    width: 100% !important;
}

#facebookcontainer {
    padding-bottom: 0 !important;
}

.gform_wrapper #gform_1 .gform_footer input[type=submit] {
    background-color: #0b55a2;
    color: #FFF;
    padding: .5rem 1rem;
	border: none;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	border: solid 1px #0b55a2;
}

.gform_wrapper #gform_1 .gform_footer input[type=submit]:hover {
	background-color: #FFF;
    color: #0b55a2;
}

.gform_wrapper #gform_1 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]),
.gform_wrapper #gform_1 textarea {
    border: solid 1px #0b55a2;
}

.gform_wrapper #gform_1 .top_label .gfield_label,
.gform_wrapper #gform_1 .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {
    color: #0b55a2;  
}

.gform_wrapper #gform_1 ul.gform_fields li.gfield {
    margin-top: 0;
}

.btnExpand {
	background-color: #0b55a2;
    color: #FFF;
    padding: .5rem 1rem;
    border: none;
    margin: 0 auto;
    display: block;
	cursor: pointer;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	border: solid 1px #0b55a2;
}

.long-content {
	max-height: 100000px;
	overflow: visible;
	-webkit-transition: all 1s ease-out;
	transition: all 1s ease-out;
}

.long-content.content-collapsed {
	max-height: 0;
	overflow: hidden;
}

.btnExpand:hover {
	background-color: #FFF;
    color: #0b55a2;
}

.expand-menu {
	display: none;
}

@media (max-width: 980px) {
	.sub-menu.mobile-hidden {
		display: none;
	}
	.et_pb_fullwidth_menu_0.et_pb_fullwidth_menu .et_mobile_menu li {
		position: relative;
	}
	.expand-menu {
		display: block;
		position: absolute;
		right: 1rem;
		top: 50%;
		transform: translateY(-50%);
		font-size: 2rem;
		pointer-events: none;
		cursor: not-allowed;
	}
	
}