/*
 Theme Name:   Creativo Child
 Theme URI:    http://example.com/
 Description:  Creativo Child Theme for Young Urban Farmers
 Author:       nh_labs
 Author URI:   http://nancyhuynh.com
 Template:     creativo
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         responsive-layout
 Text Domain:  creativo-child
*/

div.qbox_title1 img {
	width: 100%;
}

div.shortcode_img {
	width: 100px;
	height: 100px;
	padding-top: 0;
}

div.shortcode_img img {
	max-width: 100px;
	height: auto;
	border-radius: 50%;
}

div.icon-center .shortcode_img {
	padding-top: 35px;
	width: 100px;
	height: 65px;
}

div.icon-center .shortcode_img img {
	max-width: 32px;
	border-radius: 0;
}

/*********************
LIGHTBOX STYLES
*********************/
	
div#mailchimp-lightbox {
	display: none;
	position: fixed;
	z-index: 1000;
	top: 10%;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	width: 40%;
	min-height: 15em;
	background: #FFFFFF;
	padding: 0 20px 10px 20px;
	border: none;
	text-align: justify;
	font-size: 0.9em;
}

p#window-function {
	position: relative;
	top: 10px;
	left: 10px;
	
	width: 100%;
	height: 20px;
}

.shadow {
	-moz-box-shadow: 2px 3px 4px #666;
	-webkit-box-shadow: 2px 3px 4px #666;
	box-shadow: 2px 3px 4px #666;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');
}

.circle {
		border-radius: 50%;
width: 30px;
height: 30px;
	background-color: #DDDDDD;
	border: solid 2px #CCCCCC;
	
}

a.close {
	width: 30px;
	height: 30px;
	display: block;
	float: right;
	color: #666666;
	text-decoration: none;
	text-align: center;
	font-size: 1.5em;
	line-height: 1.5em;
}

/*********************
GALLERY - SMALLER IMAGES FOR LARGER SCREENS
*********************/

@media screen and (min-width: 768px) {
    .wpb_gallery_slides {
		width: 50%;
	}
}

/*********************
CALL TO ACTION BOX COLOUR FIX
*********************/

section.reading-box.default_border {
	background-color: #308d42;
}

section.reading-box.default_border:hover {
	background-color: #2b7e3b;
}