/*
Theme Name: 	Flare Child WordPress Theme
Theme URI: 		http://flare.bringthepixel.com
Description: 	Got questions? Visit our <a href="http://bringthepixel.com/support/">support forum</a>. 
Author: 		bring the pixel
Author URI: 	http://www.bringthepixel.com/
Template: 		flare
Version: 		1.0
*/
/* Place your modifications below */

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

.home #call-out.call-out3 {
margin-top:20px;
padding-bottom:14px !important;
}

.blog #call-out.call-out3 {
margin-bottom:20px;
}

#call-out.you_sell {
min-height: 220px; 
padding: 13px;	
}

#call-out.you_sell .image_div {
	width:168px;
	height:220px;
	float:left;
	padding-right:15px;
}

#call-out.you_sell .content_div {
	float:left; padding-top:5%; width: 80%;
}

@media (min-width:699px) and (max-width:1026px) {
#call-out.you_sell .content_div {
	width: 70%;
}	
}

@media (min-width:601px) and (max-width:698px) {
#call-out.you_sell .content_div {
	width: 60%;
}	
}

@media (max-width:600px) {
#call-out.you_sell .image_div {
    width: 167px;
    height: auto;
    float: none;
    padding-right: 15px;
    margin: 0 auto;
}

#call-out.you_sell .content_div {
    float: none;
    padding-top: 5%;
    width: 100%;
}

}



@media (max-width: 529px) {
.hide-mobile {
display: none;
}
}

.wpcf7-form-control.wpcf7-text {
    max-width: 100%;
}
.wpcf7-form-control-wrap {
	width: 100%;
	}
.entry-content ul {
	background-color: #ededed;
	margin-left: 0px;
	margin-bottom: 20px;
    padding: 20px 20px 20px 40px;
	}
.sidebar ul,
.collection ul {
	background-color: transparent;
	padding: 0px;
	}
body {
	line-height: 28px;
}

.divider.type-simple {
	margin-bottom: 22px;
	}
#call-out {
	background-color: #ededed;
	font-family: Georgia,serif;
    font-style: italic;
	padding: 11px 15px 20px;
	line-height: 22px;
	font-size:14px;
	}
	
	#call-out + #call-out {
	padding: 12px 13px 20px;
	}
	
	.home #call-out {
	padding:12px 13px 16px;
	}
	
	.home .call-out2 {
	padding:12px 13px 18px !important;
	}
	
	#call-out a img {
	width:18%;
	}
	
	.home #call-out a img {
	width: 11% !important;
    float: left;
    padding-right: 25px;
	}
	
#call-out i {
	 background-color: #245084;
    border-radius: 30px;
    color: #ffffff;
    font-size: 24px;
    height: 10px;
    line-height: 11px;
    padding: 15px 16px 13px 13px;
    width: 10px;
	}
#call-out i.fa-warning  {
	 background-color: #245084;
    border-radius: 30px;
    color: #ffffff;
    font-size: 24px;
    height: 15px;
    line-height: 11px;
    padding: 15px 16px 13px 13px;
    width: 17px;
	}
#call-out h2 {
    font-style: normal;
	font-size:17px;
	line-height:22px;
	}
i.yellow {
    background-color: #f6cf3f;
    border-radius: 40px;
    color: #ffffff;
    font-size: 24px;
    height: 20px;
    padding: 20px;
    width: 20px;
	margin-bottom: 20px;
}
#content .plus > span,
#content .minus > span,
#content .dropcap.type-square > span,
#content .button > span > span,
#content .pagination a,
#content .entry-nav > ul > li > a,
#content .box-header,
#content .progress-bar > .inner {
background-color: #23609e;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#2896e5, endColorstr=#23609e);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#2896e5, endColorstr=#23609e)";
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2896e5), to(#23609e));
background-image: -webkit-linear-gradient(top, #2896e5, #23609e);
background-image:    -moz-linear-gradient(top, #2896e5, #23609e);
background-image:     -ms-linear-gradient(top, #2896e5, #23609e);
background-image:      -o-linear-gradient(top, #2896e5, #23609e);
background-image:         linear-gradient(top, #2896e5, #23609e);
}
#content .plus:hover > span,
#content .minus:hover > span,
#content .button:hover > span > span,
#content .pagination a:hover,
#content .entry-nav > ul > li > a:hover {
background-color: #23609e;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#23609e, endColorstr=#2896e5);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#23609e, endColorstr=#2896e5)";
background-image: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#23609e), to(#2896e5));
background-image: -webkit-linear-gradient(top, #23609e 0%, #2896e5 200%);
background-image:    -moz-linear-gradient(top, #23609e 0%, #2896e5 200%);
background-image:     -ms-linear-gradient(top, #23609e 0%, #2896e5 200%);
background-image:      -o-linear-gradient(top, #23609e 0%, #2896e5 200%);
background-image:         linear-gradient(top, #23609e 0%, #2896e5 200%);
}
#content .button > span > span {
	background-color: #23609e;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#2896e5, endColorstr=#ff23609e);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#2896e5, endColorstr=#23609e)";
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2896e5), to(#23609e));
background-image: -webkit-linear-gradient(top, #2896e5, #23609e);
background-image: -moz-linear-gradient(top, #2896e5, #23609e);
background-image: -ms-linear-gradient(top, #2896e5, #23609e);
background-image: -o-linear-gradient(top, #2896e5, #23609e);
background-image: linear-gradient(top, #2896e5, #23609e);
border-color: #aaa;
color: #ffffff;
}

#content .button:hover > span > span {
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#23609e, endColorstr=#ff2896e5);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#23609e, endColorstr=#2896e5)";
background-image: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#23609e), to(#2896e5));
background-image: -webkit-linear-gradient(top, #23609e 0%, #2896e5 200%);
background-image: -moz-linear-gradient(top, #23609e 0%, #2896e5 200%);
background-image: -ms-linear-gradient(top, #23609e 0%, #2896e5 200%);
background-image: -o-linear-gradient(top, #23609e 0%, #2896e5 200%);
background-image: linear-gradient(top, #23609e 0%, #2896e5 200%);
}

#content .button {
background-color: #125e96;
}

#content .button:hover {
	background-color: #125e96;
}

#content h3 {
font-weight:bold;

}
#content h2 {
font-weight:bold;
}