/*
 Theme Name:  Tag Child Theme
 Theme URI:    https://tagdesignco.ca
 Description:  Child Theme for Divi
 Author:       Tag Design Co.
 Author URI:   https://tagdesignco.ca
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/

/*hide WP footer*/
#main-footer {
    display: none;
} 

/*replace "X" icon with YouTube icon*/
.et-social-twitter a.icon:before {
    content: "\e0a3" !important;
}

/*main header background home page*/
@media only screen and (min-width: 981px) {
.page-id-9 #main-header {
    background-color: #00000000;
}
}

.page-id-9 #main-header.et-fixed-header {
    background-color: #000;
}


/*main header dropshadow*/
#main-header {
-webkit-box-shadow: 0 0px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0px 0 rgba(0, 0, 0, .1);
}

/*Divi menu dropdown auto width*/
@media only screen and (min-width: 981px) {
	.nav li ul {
		width: fit-content;
		display: flex;
		flex-direction: column;
	}
	.nav li li {
		white-space: nowrap;
	}
	.nav li li a {
		width: auto !important;
	}
}

/*limit section width*/
div.et_pb_section {
	max-width: 1920px;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* checkmark li 1 */
.entry-content .check1 ul {
	list-style-type: none;
	padding-left: 0px;
}

.entry-content .check1 li {
	position: relative;
	padding-left: 20px;
}

.entry-content .check1 li:before {
	position: absolute;
	left: -4px;
	line-height: initial;
	font-size: 1.15em;
	content: "✓";
	color: #b2b9c4;
}

/* checkmark li 2 */
.check2 ul {
	list-style-type: none;
	padding-left: 0px;
}

.check2 li {
	position: relative;
	padding-left: 20px;
	padding-bottom:10px;
}

.check2 li:before {
	position: absolute;
	left: -4px;
	line-height: initial;
	font-size: 1.15em;
	content: "✓";
	color: #000000;
}

/* eaqualize blog grid post height */
.pa-blog-equal-height .pa-auto-height {
    height: auto !important;
}
.pa-blog-equal-height .pa-auto-margin {
    margin-top: 20px !important;
}

/* product page width */
.single-product #main-content .container {
    max-width: 1280px;
    width: 90%;
}

/* product page checkmark li */
.et_pb_wc_description ul {
	list-style-type: none;
	padding-left: 0px;
}

.et_pb_wc_description li {
	list-style-type: none;
	position: relative;
	padding-left: 20px;
	padding-bottom:10px;
}

.et_pb_wc_description li:before {
	list-style-type: none;
	position: absolute;
	left: -4px;
	line-height: initial;
	font-size: 1.15em;
	content: "✓";
	color: #000000;
}

/*accordian close toggle css*/
.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before {
    display: block!important;
    content: "\e04f" !important;
}

/*tabs styling*/
.et-db #et-boc .et-l .et_pb_tabs_controls li a {
    padding: 4px 20px;
}

.et-db #et-boc .et-l ul.et_pb_tabs_controls:after {
    border-top: 1px solid #6e747f;
}

#et-boc .area-outer-wrap[data-da-color=light] .da-close {
    background: #ffffff !important;
    color: #000 !important;
}

/* logos brands */
.brands {
	padding: 10px;
	vertical-align: middle;
	max-width: 152px;
}

div.et_pb_module.et_pb_text.et_pb_text_12.et_pb_text_align_left.et_pb_bg_layout_light > div > p:nth-child(1) {
	background-color:#fff;
}

div.et_pb_module.et_pb_text.et_pb_text_7.et_pb_text_align_left.et_pb_bg_layout_dark > div > p:nth-child(1) {
	background-color:#fff;
}

/* main-nav hover style */
#top-menu-nav>ul>li>a:hover {
    opacity: .35;
}

.nav ul li a:hover {
    opacity: .35;
}

/* product/category archive titles */
@media (min-width: 981px) {
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
	font-size: 1.2em !important;
}
}

/* woocommerce "showing all results", "default sorting" text */
p.woocommerce-result-count {
    color: #000000;
}

.orderby {
	color:#000 !important;
}

/* product description ul */
.et_pb_wc_description ul {
    list-style-type: none;
    padding-left: 0px;
    padding-top: 17px;
}

/* woocommerce-breadcrumb */
.et_pb_wc_breadcrumb {
    padding-top: 7px;
}

/*Make The Divi Contact Form Checkbox Or Radio Buttons Inline*/
.pa-checkboxes-radio-buttons-inline .et_pb_contact_field_options_list span {
	display: inline-block;
	margin-right: 20px;
}

/*product subtitle*/
.product-subtitle {
	margin-top: -6px;
    font-weight: 600;
}
