/**************************************
Theme Name: Wiles
Theme URI: http://wpdean.com/wiles-wordpress-theme/
Description: Wiles is a clean minimal and responsive WordPress theme well suited for blog, magazine, travel, health, business, finance, portfolio, design, art, photography, personal and any other creative websites. Developed using Underscores Framework that makes it mobile and tablets friendly. Theme comes with awesomeicons, social icon integration, author bio, and improved category widget. Wiles is coded using latest web standards such as HTML5 and CSS3 and is 100% SEO friendly. It has dozens of Theme Options to change theme layout, colors, fonts, slider settings and much more. Theme is also translation and multilingual ready. Wiles is a free WordPress theme with premium functionality and design. Now theme is optimized to work with Contact Form 7 and other popular free and premium plugins.
Author: WPDean.com
Author URI: http://wpdean.com/
Version: 1.0.8
Tags: right-sidebar, left-sidebar, two-columns, right-sidebar, custom-colors, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: wiles

License: GNU General Public License v2.0 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
------------ Index ------------
01. GENERAL STYLES
02. LAYOUT & GRID STYLES
03. H1, H2, H3, H4, H5 STYLES
04. LINK STYLES
05. HEADER STYLES
06. NAVIGATION STYLES
07. POSTS & CONTENT STYLES
08. SIDEBARS & ASIDES
09. COMMENT STYLES
10. COMMENT FORM STYLES
11. WORDPRESS BODY CLASSES
12. PAGE NAVI STYLES
13. FOOTER STYLES
******************************************/
/*********************
01. GENERAL STYLES*/

*{ padding:0; margin:0;	outline:none; list-style:none; border: 0 none;}
html {}
body { font-family: 'Lato', Arial, sans-serif; font-size: 13px; line-height:1.5; color:#000; background: #F6F8F8; width:100%;}

p{word-spacing:0.1em; padding:10px 0;line-height: 1.9; font-size:13px;font-family: 'Open Sans', Arial, sans-serif;}

a{text-decoration:none;}
.clr , .clear{clear:both;}

img{max-width:100%;height:auto;}
textarea, input[type=text], input[type=password], input[type=email], select {border: 1px solid #ccc; background: #fff; font-size: inherit;}

input, select {cursor: pointer;}
input[type=text], input[type=password], input[type=email] {cursor: text;}
textarea {overflow:auto;}
textarea, input {padding: 5px;outline: none;}
select {padding: 2px;}
option {padding: 0 4px;}
input[type=button], button {padding: 4px;cursor: pointer;vertical-align: middle;} input:hover{color:#111;}
input.text_input,textarea.textarea {border: 1px solid #ccc;-moz-border-radius: 1px;-webkit-border-radius: 1px; border-radius: 1px;}
input.text_input:focus,textarea.textarea:focus {border: 1px solid #999;	} 

#menu-icon, .search-block .search-button, .post-meta-author,.post-meta-date,.post-meta-comments,
#gototop, .facebook, .twitter, .pinterest, .rss,.youtube, .googleplus, .stumbleupon
{background-image:url(images/sprite.png); background-repeat: no-repeat;}
 
/********************* 
02. LAYOUT & GRID STYLES */

.aligncenter{float:center;}
.alignright {float:right;}
.alignleft {float:left;}
.center {text-align:center;}
.wrap {margin:0 auto;}

.container {max-width:1240px; margin:auto; clear:both;}
.cat-container,.home-container {overflow:auto;}
.post-container,.page-container {margin-right: 440px; overflow:auto;} 
.full-width{margin-right:0px !important; margin-left:0px !important; }
.entry-content p{padding:10px 20px;}
.entry-content a{ border-bottom: 1px solid #DDD;}
.entry-content a:hover{ border-bottom-color: #1e8cbe; }
.entry-content p, .entry-content li{font-size:14px; line-height:2.2;}
/* .entry-content p a, .entry-content li a{border-bottom:3px solid;} */

#inner-content{overflow:auto;}
#content{float: left; width: 100%; margin-bottom:20px;}

.one-col       {width: 6.85483%; }
.two-col       {width: 15.32258%;}
.three-col   {width: 23.79032%;}
.four-col     {width: 32.25806%;}
.five-col     {width: 40.7258%; }
.six-col       {width: 49.19354%;}
.seven-col   {width: 57.66129%;}
.eight-col   {width: 66.12903%;}
.nine-col     {width: 74.59677%;}
.ten-col       {width: 83.06451%;}
.eleven-col {width: 91.53225%;}
.twelve-col {width: 100%; margin-right: 0;}

.one-col, .two-col, .three-col, .four-col, .five-col, .six-col, .seven-col, .eight-col, .nine-col, .ten-col, .eleven-col, .twelve-col {
	clear: none; display: inline; float: left; margin-bottom: 10px;	margin-right:1.61291%;overflow:hidden; padding: 0; position: relative;}

.first {margin-left: 0 !important; }
.last {margin-right:0 !important; }
.mtop{ margin-top:20px;}
.mbottom {margin-bottom:20px;}
.mleft {margin-left:20px;}
.mright {margin-right:20px;}
.mdefault{margin:20px;}
.mnone {margin:0px;}
.pnone {padding:0px;}
.vsmall {font-size:11px;}   
.small   {font-size:12px;}
.medium {font-size:13px;}
.big  {font-size:14px;}
.sticky {}
.bypostauthor {}

/*******************************
03. H1, H2, H3, H4, H5 STYLES */

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 , h6 , .h6{ margin:10px 0; font-family: 'Lato', Arial, Helvetica, sans-serif; color:#222; clear:both;}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a , h6 a, .h6 a { text-decoration: none; color:#222;}
h1,.h1 {font-size:30px}
h2,.h2 {font-size: 26px;}
h3,.h3 {font-size: 24px;}
h4,.h4 {font-size: 22px;}
h5,.h5 {font-size: 20px;}
h6,.h6 {font-size: 18px;}

/*********************
04. LINK STYLES */

a{color: #1e8cbe;}
a, a:visited {}
a:hover, a:visited:hover,
a:focus, a:visited:focus {}
a:link, a:visited:link {}

/******************
05. HEADER SYTLES */

#top-header{ margin:auto; /*position: relative;*/ background-color: #fff; /* #6A5A5D; */ width: 100%; min-height:90px;}
#top-header .logo, #footer-logo .logo{ position: relative; float: left; color: #fff; font-size: 42px; font-weight:bold;
max-height: 63px; z-index:999;}
#top-header h1, #top-header h2{float:left; margin-top:15px;}
.header .blog-title{ font-size:40px;}
.header .logo {height:60px;min-width:300px; background-repeat:no-repeat; color:#111; }
.header .logo img{ margin-top:20px;}

/**********************
06. NAVIGATION STYLES */


/* -------------------------------------------------------------------------------- */
/*	3.	Top Navigation
/* -------------------------------------------------------------------------------- */


.top-nav { background: #1e8cbe; }
.section-inner {
    width: 1240px;
    max-width: 92%;
    margin: 0 auto;}

/* primary Menu ------------------------------------ */

.mobile-menu {display:none;}
.primary-menu {
	float: left;
	font-size: 0.9rem;
}

.primary-menu li { position: relative; }

.primary-menu > li { float: left; }

.primary-menu > li > a {
	display: block;
	padding: 21px 15px;
	color: #d2d2d2;
}

.primary-menu > li.menu-item-has-children > a { padding-right: 30px; }
.primary-menu > li.menu-item-has-children > a:after {
	content: "";
	display: block;
	border: 4px solid transparent;
	border-top-color: #d2d2d2;
	position: absolute;
	top: 50%;
	margin-top: -1px;
	right: 15px;
}

.primary-menu > li:hover > a,
.primary-menu li.current-menu-item > a { color: #fff; }
.primary-menu > li:hover > a { background: #1D1D20; }
.primary-menu > li.menu-item-has-children:hover > a:after { border-top-color: #fff; }


/* Sub Menus --------------------------------------- */


.primary-menu ul {
	display: block;
	opacity: 0;
	position: absolute;
	z-index: 999;
	left: -9999px;
	top: 50px;
	-webkit-transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
	 -moz-transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
	 -ms-transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
	 -o-transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
	 transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
}

.primary-menu ul .menu-item-has-children::after {
	content: "";
	display: block;
	border: 4px solid transparent;
	border-left-color: #666;
	position: absolute;
	z-index: 1001;
	right: 6px;
	top: 50%;
	margin-top: -4px;
}

.primary-menu ul li { 	
	width: 200px; 
	background: #1D1D20;
}

.primary-menu ul li + li { border-top: 1px solid #333; }

.primary-menu ul a {
	display: block;
	padding: 15px;
	line-height: 130%;
	color: #999;
}

.primary-menu ul li:hover > a { color: #fff; }

.primary-menu ul .menu-item-has-children:hover::after { border-left-color: #fff; }

.primary-menu > li:hover > ul {
	opacity: 1;
	left: 0px;
	top: 55px;
}


/* Deep Down --------------------------------------- */


.primary-menu ul ul { 
	padding-top: 0;
	top: 5px;
}

.primary-menu li > ul > li:hover > ul {
	opacity: 1;
	left: 200px;
	top: 0;
	margin-left: 0;
}


/* Social Menu --------------------------------------- */


.social-menu { 
	float: right; 
	padding: 10px 0;
}

.social-menu li { 
	float: left;
	margin-left: 10px; 
	position: relative;
}

.social-menu li:first-child { margin-left: 0; }

.screen-reader-text {
	position: absolute;
	top: -9999em;
	left: -9999em;
}

.social-menu a {
	display: block;
	width: 36px;
	height: 36px;
	border: 2px solid #d2d2d2;
	color: #fff;
	border-radius: 999px;
	position: relative;
}

.social-menu a:hover,
.social-menu a.active { 
	border-color: #fff;
	color: #fff;
}

.social-menu li a::before {
	content: '\f408';
	display: inline-block;
	font-family: 'FontAwesome';
	font-size: 16px;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -11px;
	left: 0;
	right: 0;
	color:#fff;
}

.social-menu li a[href*="codepen.io"]::before { content: '\f1cb'; }
.social-menu li a[href*="dribbble.com"]::before { content: '\f17d'; }
.social-menu li a[href*="facebook.com"]::before { content: '\f09a'; }
.social-menu li a[href*="flickr.com"]::before { content: '\f16e'; }
.social-menu li a[href*="github.com"]::before { content: