/*
 Theme Name:   Soledad Child Theme
 Theme URI:    http://pencidesign.com/
 Description:  Soledad Child Theme - Made by PenciDesign
 Author:       Pencidesign
 Author URI:   http://pencidesign.com/
 Template:     soledad
 Text Domain:  soledad
*/

/* = Theme customization go here
-------------------------------------------------------------- */

.borderbox {
	background: #f2f2f2;
	padding: 2rem 1.5rem 1.5rem 1.5rem;
	border-radius: 0.15rem;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.borderbox ul,
.borderbox ul li {
	list-style: none !important;
	padding-left: 0.2rem;
	list-style-type: none !important;
	font-weight: bold;
	margin: 0;
}

.borderbox ul li:before {
	content: "■ ";
	background-color: #f2f2f2 !important;
	font-size: 1.3rem;
	color: #659d39;
}

a.product-button {
	clear: both;
	display: block;
	padding: 1rem;
	border-radius: 0.15rem;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	text-align: center;
	color: white !important;
	font-size: 1.2rem;
	font-weight: bolder;
	text-transform: uppercase;
	letter-spacing: 0.02rem;
	background: #659d39;
	transition: background 0.3s ease;
	margin-bottom: 2rem;
}
a.product-button:hover {
	text-decoration: none;
	background: #80bf50;
}

a.buynow {
	clear: both;
	display: inline-block;
	padding: 0.25rem 1rem;
	border-radius: 0.15rem;

	text-align: center;
	color: white !important;
	font-size: 1.1rem;
	font-weight: bolder;

	background: #659d39;
	transition: background 0.3s ease;
	margin-bottom: 2rem;
}
a.buynow:hover {
	text-decoration: none;
	background: #80bf50;
}

.postid-400 #main .toc_wrap_left.no_bullets.contracted,
.postid-400 #main .toc_wrap_left.no_bullets {
	width: 100% !important;
	margin-bottom: 1rem !important;
}

.postid-400 #main .toc_wrap_left.no_bullets p.toc_title {
	text-align: left !important;
}
.postid-400 #main .toc_wrap_left.no_bullets .toc_list {
	margin-top: 0.5rem !important;
}
.postid-400 #main .toc_wrap_left.no_bullets span.toc_toggle {
	float: right;
}
.postid-400 #main #toc_container .toc_number {
	color: #659d39 !important;
}

.postid-400 #main #toc_container a:hover {
	text-decoration: none;
	color: #659d39 !important;
}

.postid-400 #main ol,
.postid-400 #main ol li {
	list-style: none !important;
	padding-left: 0.5rem;
	margin: 0;
	list-style-type: none !important;
	font-weight: bold;
}
.postid-400 #main ol {
	margin-bottom: 2rem;
}
.postid-400 #main ol li:before {
	content: "✓ ";
	font-size: 1.3rem;
	color: #659d39;
	padding: 0;
	padding-right: 2px;
	display: inline-block;
	margin-left: -16px;
}

.postid-400 #main  #main ul,
.postid-400 #main  #main ul li {
	list-style: none !important;
	padding-left: 0.5rem;
	margin: 0;
	list-style-type: none !important;
	font-weight: bold;
}

.postid-400 #main  #main ul li:before {
	content: "■ ";
	font-size: 1.3rem;
	color: #659d39;
}
.postid-400 #main  #main ul.toc_list li::before {
	display: none;
}



.page-list-cols-3 {
	column-gap: 55px !important;
	column-count: 2;
	margin-bottom: 2rem;
}

.page-list-cols-3 ul {
	list-style: none !important;
	padding-left: 0.2rem;
	list-style-type: none !important;
	font-weight: bold;
	margin: 0;
}

.page-list-cols-3 li:before {

	content: "■ ";
	background-color: #ffffff !important;
	font-size: 1.3rem;
	color: #659d39;
}




.flexrow {
	display: flex;
	align-content: flex-start;
}

.flexrow ul,
.flexrow ul li {
	padding-left: 0;
}
.flexrow ul li {
	font-size: 1rem;
	padding-left: 10px;
}
.flexrow ul li:before {
	padding: 0;
	padding-right: 2px;
	display: inline-block;
	margin-left: -14px;
}
.flexrow {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.advantage,
.disadvantage {
	background: #f2f2f2;
	padding: 2rem 1.5rem 1.5rem 1.5rem;
	border-radius: 0.25rem;
	margin-right: 2px;
	flex-basis: 100%;
}

.flexrow ul,
.flexrow ul li {
	list-style-type: none;
	font-weight: 600;
}

.disadvantage {
	margin-right: 0;
	margin-left: 2px;
}
.advantage ul li:before {
	content: "■ ";
	background-color: #f2f2f2 !important;
	font-size: 1.3rem;
	color: #659d39 !important;
}
.disadvantage ul li:before {
	content: "■ ";
	background-color: #f2f2f2 !important;
	font-size: 1.3rem;
	color: #9d4039 !important;
}

.advtext,
.disadvtext {
	font-size: 1.5rem !important;
	color: #659d39 !important;
}
.disadvtext {
	color: #9d4039 !important;
}

.selftest {
	background: #f2f2f2;
	border-radius: 0.25rem;
	padding: 0.5rem 1.5rem 0.5rem 1.5rem;
	margin-bottom: 2.5rem;
}

.product-image {
	padding: 0 .5rem;
}
.nomargin {
	margin-bottom: 0 !important;
	margin-bottom: .4rem !important;
}
.wp-image-421 {
	margin-right: 2rem;
}

.nomargin {
	padding-left: 9.2rem !important;
}

@media screen and (max-width: 779px) {
	.nomargin {
		padding-left: 0.5rem !important;
	}
	.flexrow {
		display: block;
	}
	.page-list-cols-3 {
		column-gap: 55px !important;
		column-count: 1;
		margin-bottom: 2rem;
	}
	img {
		width: 100%;
	}
	.wp-image-421 {
		width: 25%;
		display: block;
	}
	
	a.buynow {
		text-decoration: none;
		background: #80bf50;
		width: 100%;
	}
}
