/*
 Theme Name:   WithDots Divi ChildTheme
 Theme URI:    https://www.withdots.com/
 Description:  Divi Child Theme, created by WithDots Design
 Author:       WithDots Design
 Author URI:   https://www.withdots.com/
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  wdd-divi-child
*/

/**
 * Fonts.
 *
 * (We're importing from Google Fonts directly to get additional font weights.)
 */
@import url('https://fonts.googleapis.com/css?family=Dosis:300,400,600');
@import url('https://use.fontawesome.com/releases/v5.5.0/css/all.css');

* {
	font-family: 'Dosis', sans-serif;
}

/**
 * Prevent Webkit from uglifying the logo after resize.
 */
#logo {
    -webkit-transform: initial;
}

/**
 * Remove box shadow.
 */
#main-header {
	-webkit-box-shadow: none;
	box-shadow: none;
}

/**
 * Main menu text styles.
 */
#top-menu li.menu-item a {
	font-family: 'Dosis', sans-serif;
	font-weight: 300;
}

#top-menu li.menu-item.current-menu-item a {
	font-weight: 600;
}

/**
 * Social Media secondary menu.
 */
#et-secondary-menu {
	float: none;
	margin-top: .5em;
	margin-bottom: 1.5em;
}

#et-secondary-menu .fab {
	display: inline-block;
	width: 26px;
    text-align: center;
    background: #eee;
    border-radius: 50%;
    padding: 4px;
}

.fab.fa-facebook-f {
	color: #34609c;
}

.fab.fa-instagram {
	color: #6f7271;
}

.fab.fa-pinterest-p {
	color: #bf1a36;
}

.fab.fa-etsy {
	color: #dc6a37;
}

/**
 * Make body links bold.
 */
#main-content a {
	font-weight: bold;
}

/**
 * .wdd-double-column-mobile
 * Make columns double in mobile view.
 */
@media all and (max-width: 767px) {
	.wdd-double-column-mobile {
		line-height: 0;
		-webkit-column-count: 2;
		-webkit-column-gap: 1em;
		-moz-column-count: 2;
		-moz-column-gap: 1em;
		column-count: 2;
		column-gap: 1em;
	}
	
	.wdd-double-column-mobile .et_pb_module {
		margin: 0 0 1em !important;
	}
}

/**
 * Image hover text.
 */
.wdd-text-on-hover .et_overlay {
	padding: 1.5em;
	color: #000;
	line-height: initial;
	font-weight: 300;
}

/**
 * Etsy button.
 */
body #page-container .wdd-etsy-button {
	background-color: #f4641e !important;
}

/**
 * Contact form submit button alignment.
 */
.et_contact_bottom_container {
	float: none;
	text-align: center;
	padding-left: 3%;
}

.et-pb-contact-message p {
	font-weight: 600;
}

.et-pb-contact-message p,
.et-pb-contact-message ul {
	text-align: center;
}

.et-pb-contact-message ul {
	list-style-type: none;
}