/*
 Theme Name:   Annuaire DD
 Theme URI:    https://dividiva.com/annuaire
 Description:  Divi Child Theme for Business Directories
 Author:       Divi Diva
 Author URI:   https://dividiva.com
 Template:     Divi
 Version:      1.0.0
*/
/*======================= TABLE OF CONTENTS ================================
      
	1.	GENERAL
	2.	HEADER
	3.	HOME PAGE
	4.	ABOUT PAGE
	5.	PRICING TABLE
	6.	FAQ TOGGLES
	7.	BLOG STYLES
	8.	SIDEBAR
	9.	CONTACT PAGE

For Business Directory related styles please see wpbdp.css

============================================================================*/

/*------------------------------------------------*/
/*-----------------[1. GENERAL]-------------------*/
/*------------------------------------------------*/
/* increase content width for smaller screens */
.container, .et_pb_row { 
	width: 90%;
}
/* set default font weight */
body {
	font-weight: 400;
}
/* set search widget font color */
.widget_search input#s, .widget_search input#searchsubmit {
	color: #ffffff;
}
/* set login button font color */
.dd-login .et_pb_button, .et_pb_bg_layout_light .et_pb_newsletter_button {
	color: #ffffff;
}
/* desktop/tablet landscape styles */
@media only screen and (min-width: 981px) { 
	/* remove sidebar line */
	#main-content .container:before {
		width: 0;
		background: none;
	}
	/* remove bottom padding on sidebar pages */
	#left-area {
		padding-bottom: 0;
	}
	/* remove left padding on sidebar*/
	.et_right_sidebar #sidebar {
		padding-left: 0;
	}
}
/*------------------------------------------------*/
/*------------------[2. HEADER]-------------------*/
/*------------------------------------------------*/
.et_mobile_menu li a {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1px;
}
/*------------------------------------------------*/
/*------------------[3. HOME PAGE]----------------*/
/*------------------------------------------------*/
/* increase header content width on smaller screens*/
@media only screen and ( max-width: 980px ) { 
	.dd-home-header-top.et_pb_row_0 {
		max-width: 90%!important;
		width: 90%!important;
	}
}
@media only screen and ( min-width: 981px ) and ( max-width: 1180px ) { 
	.dd-home-header-top.et_pb_row_0 {
		max-width: 80%!important;
		width: 80%!important;
	}
}
.dd-home-header h1 {
	text-transform: none;
	letter-spacing: 0;
}
.dd-intro-para hr {
	border: 0;
	height: 2px;
	width: 120px;
}
.dd-intro-para p:first-of-type {
	margin-top: 20px;
}
.dd-intro-para p {
	line-height: 1.7em;
}
/* Section headings with buttons*/
@media only screen and (max-width: 767px) { 
	.dd-header-with-button .et_pb_button_module_wrapper.et_pb_button_alignment_right, 
	.dd-header-with-button h2 {
		text-align: center;
	}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
	.dd-header-with-button .dd-header-title.et_pb_column {
		width: 60%!important;
		margin-right: 5%!important;
	}
	.dd-header-with-button .dd-header-button.et_pb_column {
		width: 35%!important;
	}
}
/*blog grid*/
.dd-blog-grid .et_pb_blog_grid .et_pb_image_container {
	padding: 20px 20px 0 20px;
	margin-bottom: 10px;
}
.dd-blog-grid h2 {
	text-align: center;
	padding-bottom: 0;
}
.dd-blog-grid .et_pb_post .entry-featured-image-url {
	margin-bottom: 0;
}
/* Image hover effect */
.dd-blog-grid a.entry-featured-image-url {
	line-height: 0;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
}
.dd-blog-grid a.entry-featured-image-url img {
	-webkit-transition: opacity 0.7s, -webkit-transform 0.7s;
	transition: opacity 0.7s, transform 0.7s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	display: block;
	width: auto;
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
}
.dd-blog-grid a.entry-featured-image-url:hover img {
	opacity: 0.4;
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}
/* Hide post excerpt */
.dd-blog-grid .post-content {
	display: none;
}
/* Call to Action */
.dd-cta h2 {
	text-transform: none;
	letter-spacing: 0;
}
.et_pb_bg_layout_light.dd-cta .et_pb_promo_button {
	color: #ffffff;
}
.dd-cta .et_pb_promo_button {
	font-weight: bold;
}
/*------------------------------------------------*/
/*-----------------[4. ABOUT PAGE]----------------*/
/*------------------------------------------------*/
.dd-testimonial-slider .et_pb_slide_description .et_pb_slide_title {
	text-transform: none;
	letter-spacing: 0;
}
.dd-testimonial-slider .et_pb_slide_description h2 {
	position: relative;
}
.dd-testimonial-slider .et_pb_slide_description h2:before, .dd-testimonial-slider .et_pb_slide_description h2:after {
	text-shadow: 0 0;
	font-family: "ETmodules" !important;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	border: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-transform: none;
	speak: none; 
	font-size: 64px;
	position: absolute;
	content: '\7b';
	opacity: 0.5;
}
.dd-testimonial-slider .et_pb_slide_description h2:before {
	top: 0;
	left: -60px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.dd-testimonial-slider .et_pb_slide_description h2:after {
	bottom: 5px;
	right: -45px;
}
.dd-testimonial-slider .et-pb-controllers {
	bottom: 0;
}
.dd-testimonial-slider .et-pb-controllers a {
	width: 15px;
	height: 15px;
	border-radius: 100%;
	background-color: #cccccc;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	border: 2px solid #cccccc;
}
.dd-testimonial-slider .et-pb-controllers a:hover, .dd-testimonial-slider .et-pb-controllers a.et-pb-active-control {
	background-color: #eeeeee!important;
}
/*------------------------------------------------*/
/*----------------[5. PRICING TABLE]--------------*/
/*------------------------------------------------*/
.dd-pricing-table.et_pb_pricing li {
	padding-left: 20px;
}
.dd-pricing-table.et_pb_pricing li span:before {
	text-shadow: 0 0;
	font-family: "ETmodules" !important;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	border: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-transform: none;
	speak: none; 
	font-size: 20px;
	color: #cccccc;
	content: '\4e';
	top: 0;
	left: -22px;
} 
.dd-pricing-table .et_pb_pricing_heading {
	padding: 35px 0 30px 0;
}
.dd-pricing-table .et_pb_pricing_heading:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-width: 20px;
	margin-left: -20px;
}
.dd-pricing-table .et_pb_pricing_content_top {
	padding-top: 25px;
}
.dd-pricing-table .et_pb_pricing_content_top {
	border-bottom: 1px solid #dddddd;
}
.dd-pricing-table .et_pb_pricing_table_button {
	color: #ffffff;
}
/*------------------------------------------------*/
/*----------------[6. FAQ TOGGLES]----------------*/
/*------------------------------------------------*/
.dd-faq-toggle h5 {
	text-transform: none;
	letter-spacing: 0;
	font-size: 20px;
}
.dd-faq-toggle.et_pb_toggle .et_pb_toggle_title:before {
	right: auto;
	left: 0;
}
.dd-faq-toggle.et_pb_toggle h5.et_pb_toggle_title, .dd-faq-toggle.et_pb_toggle .et_pb_toggle_title {
	padding: 0 0 0 35px;
}
.dd-faq-toggle .et_pb_toggle_title:before {
	font-size: 24px;
	content: "\e064";
}
/*------------------------------------------------*/
/*----------------[7. BLOG STYLES]----------------*/
/*------------------------------------------------*/
/* add a border around the post*/
.dd-blog .et_pb_post, .archive .et_pb_post, .search .et_pb_post {
	padding: 15px;
	border: solid 1px #dddddd;
	margin-bottom: 30px;
}
/* spacing adjustments*/
#left-area .post-meta {
	padding-bottom: 0;
}
.archive .et_pb_post:after, .search .et_pb_post:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0;
	content: " ";
}
.archive h1.dd-page-title {
	margin-bottom: 20px;
}
.comment-reply-link, .form-submit .et_pb_button {
	color: #ffffff;
}
.pagination {
	text-transform: uppercase;
}
/* Image hover effect */
.dd-blog a.entry-featured-image-url, .archive a.entry-featured-image-url, .search a.entry-featured-image-url {
	line-height: 0;
	position: relative;
	overflow: hidden;
}
.dd-blog a.entry-featured-image-url img, .archive a.entry-featured-image-url img, .search a.entry-featured-image-url img {
	-webkit-transition: opacity 0.7s, -webkit-transform 0.7s;
	transition: opacity 0.7s, transform 0.7s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: relative;
	display: block;
	max-width: 100%;
}
.dd-blog a.entry-featured-image-url:hover img, .archive a.entry-featured-image-url:hover img, 
.search a.entry-featured-image-url:hover img {
	opacity: 0.4;
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}
/* meta font size*/
.dd-blog .post-meta {
	font-size: 14px!important;
}
/* style the more link*/
.dd-blog a.more-link {
	clear: none;
}
.dd-blog a.more-link, .archive a.more-link, .search a.more-link {
	float: right;
	margin-top: 15px;
	padding: 0.3em 1em;
	font-size: 14px;
	border-width: 0px;
	border-radius: 1px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #ffffff;
	line-height: 1.7em;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
/* float image left on desktop*/
@media only screen and (min-width: 981px) {
	.dd-blog .entry-featured-image-url, .archive .entry-featured-image-url, .search .entry-featured-image-url {
		display: inline-block;
		float: left;
		position: relative;
		width: 250px;
		margin-bottom: 0;
		height: 250px;
    margin-right: 30px;
	}
	.dd-blog .et_pb_post a img, .archive .et_pb_post a img, .search .et_pb_post a img {
		height: 250px;
		-o-object-fit: cover;
		object-fit: cover;
	}
}
/*------------------------------------------------*/
/*------------------[8. SIDEBAR]------------------*/
/*------------------------------------------------*/
.widget_wpbdp_searchwidget {
	background: #f7f7f7;
	padding: 15px;
}
/*------------------------------------------------*/
/*---------------[9. CONTACT PAGE]----------------*/
/*------------------------------------------------*/
.dd-contact-row .et_pb_column {
	border: 1px solid #dddddd;
}
.dd-contact .et_pb_main_blurb_image {
	margin-bottom: 20px;
}
.dd-contact hr {
	border: 0;
	height: 2px;
	width: 60px;
}
.dd-contact .et_pb_blurb_description p:first-of-type {
	margin-top: 15px;
}
.dd-contact-form .et_pb_button {
	color: #ffffff;
}