/**
 * Theme Name: Customizr
 * Theme URI: http://www.themesandco.com/customizr
 * Description:  Enjoy designing a beautiful website live with the WP customizer : select skin, logo, social profiles, sliders, layout, home featured blocks, or even live css styling. The flat and fully responsive design can be used for small businesses, portfolios, blogs, corporate sites or landing pages. Built with valid HTML5 and CSS3 (from the Twitter Bootstrap), cross-browser tested, the theme is translation ready and available in 15 languages. Ready for WooCommerce, bbPress, qTranslate, the code is easily extensible with a comprehensive API of hooks.
 * Version: 3.1.5
 * Author: nikeo
 * Author URI: http://www.themesandco.com/
 * Tags: gray, white, light, blue, red, yellow, green, purple, orange, black, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fluid-layout, responsive-layout, custom-menu, featured-images, full-width-template, theme-options, threaded-comments, translation-ready, sticky-post, post-formats, rtl-language-support, editor-style
 * Text Domain: customizr
 * Copyright: (c) 2013 Nicolas GUILLAUME (nikeo), Nice, France
 * License: GNU General Public License v2.0 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */


/**
 * The styleheets of Customizr are located in inc/css. Each skin has its own stylesheet : blue.css, green.css, ...
 *
 * IMPORTANT : If you write your CSS code below, it will be deleted when you'll update the theme.
 * If you want to style the css of Customizr, you can either use the Custom CSS section in the customizer (which will not be lost on update) OR create a child theme (recommended if you do many customizations) and add your css code in the style.css file of it.
 */

.widget-front {
    border: 1px solid #CCC;
    border-radius: 10px;
    text-align: center;
}

.screenReader { left: -9999px; position: absolute; top: -9999px; }
.thanks { background: #F2F3F6; border: 1px solid #7E8AA2; padding:10px; width:50% }

/*****Forms*****/
ul.forms { float: left; list-style: none; margin: 0; width: 100%; }
ul.forms li { 
	clear: both; 
	float: left; 
	margin-bottom: 5px; 
	position: relative;
	width: 100%;
}
ul.forms label {
	cursor: pointer;
	display: block;
	float: left;
	font-weight: bold;
	padding-right: 20px;
	width: 150px;
}
ul.forms input, ul.forms textarea {
	float: left;
	border: 1px solid #7E8AA2;
	border-radius: 3px;
	font: inherit;
	-moz-border-radius: 3px;
	padding: 2px;
	-webkit-border-radius: 3px;
	width: 284px;
}
ul.forms textarea { height: 200px; width: 334px; }
ul.forms textarea.address {height: 105px; width: 334px;}
ul.forms input:focus, ul.forms textarea:focus { background-color: #f2f3f6; border-color: #ff9800; }
.error { color: #f00; }
ul.forms li .error { font-size: 12px; margin-left: 20px; }
ul.forms li.screenReader { margin-bottom: 0; }
ul.forms li.buttons button {
	background: #ff9800;
	border: none;
	color: #000;
	cursor: pointer;
	font: 16px/16px "Avenir LT Std", Helvetica, Arial, sans-serif;
	overflow: hidden;
	padding: 6px 3px 3px 3px;
	text-transform: uppercase;
	width: auto;
}
ul.forms li.buttons button:hover { color: #222; }
ul.forms li.buttons button:active { left: -1px; position: relative; top: -1px; }
ul.forms li.buttons, ul.forms li.inline { float: right; width: 460px; }
ul.forms li.inline input { width: auto; }
ul.forms li.inline label { display: inline; float: none; width: auto; }

/*ICONS FOR WIDGETS*/

.widget h5:before {
  font-family: 'genericons';
  color: #f78c40;
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  padding-right: 5px;
  top: 8px;
  font-size: 1.5em;
  position: relative;
  line-height: 0px;
}
.widget_social h5:before {
  font-family: 'entypo';
  top: 2px;
  font-size: 2em;
  content: "\E73C";
}
.widget_categories h5:before {
  font-family: 'entypo';
  top: 2px;
  font-size: 2em;
  content: "\1F4C1";
}
/* hack for safari, uses the browser body.class added with a script */

.safari .widget_categories h5:before {
  font-family: 'genericons';
  top: 8px;
  font-size: 1.5em;
  content: '\f301';
}
.widget_archive h5:before {
  font-family: 'entypo';
  top: 2px;
  font-size: 2em;
  content: "\E800";
}
.widget_tag_cloud h5:before {
  content: "\f302";
}
.widget_recent_entries h5:before {
  font-family: 'entypo';
  top: 2px;
  font-size: 2em;
  content: "\1F4E3";
}
/* hack for safari, uses the browser body.class added with a script */

.safari .widget_recent_entries h5:before {
  font-family: 'genericons';
  top: 8px;
  font-size: 1.5em;
  content: '\f403';
}
.widget_meta h5:before {
  content: "\f442";
}
/* hack to render white color icons if skin is grey */

.white-icons .widget h5:before {
  color: white;
}
#footer .white-icons .widget li:before {
  color: white;
}
.widget_calendar h5:before {
  content: "\f307";
}
.widget_pages h5:before {
  font-family: 'entypo';
  top: 2px;
  font-size: 2em;
  content: "\1F56A";
}
/* hack for safari, uses the browser body.class added with a script */

.safari .widget_pages h5:before {
  font-family: 'genericons';
  top: 8px;
  font-size: 1.5em;
  content: '\f436';
}
.widget_recent_comments h5:before {
  content: "\f108";
}
.widget_search h5:before {
  content: "\f400";
}
.widget_nav_menu h5:before {
  content: "\f419";
  top: 4px;
  font-size: 1em;
  padding-right: 10px;
}