/*
Theme Name: Artex
Theme URI:
Author: Laurelthemes
Author URI: 
Description: Artex is the responsive and customize wordpress theme with very simple as well as felxible to use for blogging. This wordpress theme used as popular bootstrap CSS to perfect webpage sutable to used any device you want like mobile, tablet, desktop etc. Artex wordpress theme is work capable of all mojor browser with respnsive features.  
Tags: two-columns,responsive-layout,custom-background, custom-menu,featured-images, post-formats,translation-ready,threaded-comments
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Artex

This theme, like WordPress, is licensed under the GPL.

Azeria is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Header
# Footer
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
    ## calendar
# Content
	## Posts and pages
	## Pagination
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
# Header
# Footer
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}


fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.site-header {
	height: auto;
	width: 100%;
	
}
.site-title {
	width: 40%;
	margin-top: 3%;
	margin-left: 5%;
	font-size: 42px;
	font-weight: bold;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0%;
}

.site-description {
	width: 40%;
	margin-left: 5%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3%;	
	}
	
	.site-content {
	height: auto;
	width: 100%;
	
}
.site-header p a{
	color: #696969;
	}
	.site-header p a:hover{
	color: #838383;
	}
.site-header h1 a,
.site-header h2 a {
	color: #696969;
	display: inline-block;
	text-decoration: none;
}
.site-header h1 a:hover,
.site-header h2 a:hover {
	color: #838383;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.site-footer {
	padding: 2%;
	height: auto;
	width: 100%;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfcfc+0,53cbf1+50,05abe0+100 */
background: #fcfcfc; /* Old browsers */
background: -moz-linear-gradient(top, #fcfcfc 0%, #53cbf1 50%, #05abe0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fcfcfc 0%,#53cbf1 50%,#05abe0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fcfcfc 0%,#53cbf1 50%,#05abe0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#05abe0',GradientType=0 ); /* IE6-9 */
	margin-top: 3%;
	}
.site-info {
	height: auto;
	width: 100%;
	text-align: center;

	text-transform: uppercase;
	}

.site-info a{
	color: #FFFFFF;
	}
	.site-info a:hover{
	color: #E5E5E5;
	}
.container {
	margin-bottom: 3%;
	margin-top: 1%;
	color: #000;
	}
	.container .row a{

	color: #000;
	}
.row {
	width:auto;
	background-color: #FFF;
	border-radius:7px;
	}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #8AC5FF;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
 {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
 {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}
/* Search
----------------------------*/

.search-form input[type="submit"]{
	width: 33px;
	height: 32px;
	display: inline-block;
	text-indent: -9999px;
	border: none;
	background-image: url(inc/images/search.png);
	background-repeat: no-repeat;
	background-color: transparent;
	margin-bottom: 25px;
	background-position: 9px 13px;
	margin-left: -36px;
	position: absolute;
	margin-bottom: 10%;
}

.search-form input{
	border: 1px solid #B1DCED;
	outline: none;
	width: 100%;
	color: #485961;
	font-weight: 100;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	float: left;
	background-color: #deebf1;
	padding-top: 8px;
	padding-right: 30px;
	padding-bottom: 8px;
	padding-left: 15px;
	margin-bottom: 10%;
}



/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #FFFFFF;
	text-decoration: none;
}

a:visited {
		color: #FFFFFF;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #F2F2F2;
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}
.bmw {
	padding: 2%;
	float:right;
	background:#33F;
	}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: none;
	display: block;
	width: 90%;
	background: #fff;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 1px solid #d9d9d9;
	border-radius: 7px;
}
  
.main-navigation.stuckMenu {
   z-index: 999; }
   
.main-navigation.stuckMenu.has-bar {
      margin-top: 32px; }
	  
.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
	
	
	 }
	
.main-navigation ul ul {
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      position: absolute;
      top: 120%;
      visibility: hidden;
      opacity: 0;
      z-index: 99999;
      transition: 200ms linear;
      transition-property: top, opacity, visibility;
      background: #fafafa;
      padding: 10px 0;
      margin: 1px 0 0 0;
      left: -9999px; }
	  
.main-navigation ul ul li > ul {
        top: 20%;
        background: #fff; }
		
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul, .main-navigation ul ul li.menu-hover > ul {
        top: -11px;
        left: 100%; }
		
 .main-navigation ul ul li > ul.in-transition {
        left: 100%; }
		
 .main-navigation ul ul a {
        width: 200px;
        text-align: left;
        padding: 12px 15px 12px 20px;
        color: #000000;
        position: relative;

		 }
		
 .main-navigation ul ul a:before {
	top: 50%;
	bottom: 50%;
	width: 3px;
	opacity: 0;
	content: "";
	left: 0;
	position: absolute;
	transition: all 200ms ease-out;
	
}		

 .main-navigation ul ul :hover > a,
 .main-navigation ul ul .focus > a,
 .main-navigation ul ul .menu-hover > a,
 .main-navigation ul ul .current_page_item > a,
 .main-navigation ul ul .current-menu-item > a,
 .main-navigation ul ul .current_page_ancestor > a {
	color: #800080;
}
 .main-navigation ul ul :hover > a:before,
 .main-navigation ul ul .focus > a:before,
 .main-navigation ul ul .menu-hover > a:before,
 .main-navigation ul ul .current_page_item > a:before,
 .main-navigation ul ul .current-menu-item > a:before,
 .main-navigation ul ul .current_page_ancestor > a:before {
          top: 0;
          bottom: 0;
          opacity: 1; }
.main-navigation ul ul .page_item_has_children > a:after,
.main-navigation ul ul .menu-item-has-children > a:after {
        content: "\f105";
        font-family: FontAwesome;
        position: absolute;
        right: 8px;
        font-size: 15.6px;
        font-size: 1.2rem;
        line-height: 1; }

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul,
.main-navigation ul li.menu-hover > ul {
      top: 100%;
      left: 0;
      visibility: visible;
      opacity: 1; }
.main-navigation ul li > ul.in-transition {
      left: 0; }
.main-navigation ul.menu,
.main-navigation div.menu > ul {
	text-align: left;
	font-size: 0;
	line-height: 0;
	padding-left: 0.5%;
}
.main-navigation ul.menu > li,
.main-navigation div.menu > ul > li {
      display: inline-block; }
	  
.main-navigation ul.menu > li:after,
.main-navigation div.menu > ul > li:after {
        content: "";
        width: 1px;
        top: 50%;
        margin: -7px 0 0 0;
        position: absolute;
        height: 14px;
        left: 0;
        background: #d3d3d3;
        pointer-events: none; }
       
.main-navigation ul.menu > li:first-child:after,
.main-navigation div.menu > ul > li:first-child:after {
        display: none; }
       
.main-navigation ul.menu > li > a,
.main-navigation div.menu > ul > li > a {
	display: block;
	padding: 23px 20px;
	color: #000000;
	position: relative;
	text-decoration: none;
	background-color: #FFF;
}

.main-navigation ul li a:hover {
	background-color: #D9ECFF;
}

.main-navigation ul.menu > li:hover > a, .main-navigation ul.menu > li.menu-hover > a, .main-navigation ul.menu > li.current_page_item > a, .main-navigation ul.menu > li.current-menu-item > a, .main-navigation ul.menu > li.current_page_ancestor > a,
.main-navigation div.menu > ul > li:hover > a,
.main-navigation div.menu > ul > li.menu-hover > a,
.main-navigation div.menu > ul > li.current_page_item > a,
.main-navigation div.menu > ul > li.current-menu-item > a,
.main-navigation div.menu > ul > li.current_page_ancestor > a {
	color: #0065CA;
}
.main-navigation ul.menu > li:hover > a:before, .main-navigation ul.menu > li.menu-hover > a:before, .main-navigation ul.menu > li.current_page_item > a:before, .main-navigation ul.menu > li.current-menu-item > a:before, .main-navigation ul.menu > li.current_page_ancestor > a:before,
.main-navigation div.menu > ul > li:hover > a:before,
.main-navigation div.menu > ul > li.menu-hover > a:before,
.main-navigation div.menu > ul > li.current_page_item > a:before,
.main-navigation div.menu > ul > li.current-menu-item > a:before,
.main-navigation div.menu > ul > li.current_page_ancestor > a:before {
          left: 9px;
          right: 9px;
          width: auto;
          opacity: 1; }


.main-navigation a {
    display: block;
    text-decoration: none;
    font-size: 14.04px;
    font-size: 1.08rem;
    line-height: 1; }

/* Small menu. */
.main-navigation.toggled ul,
.main-navigation ul {
  display: block; }

button.menu-toggle {
	display: none;
	background: none;
	border: none;
	box-shadow: none;
	text-shadow: none;
	font-size: 19.5px;
	font-size: 1.5rem;
	padding: 15px 20px;
	margin: 0;
	color: #000000;
	text-align: center;
	width: 100%;
}
  
button.menu-toggle:before {
    content: "\f0c9";
    font-family: FontAwesome;
    display: inline-block;
    padding: 0 10px 0 0; }
	
button.menu-toggle:hover, button.menu-toggle:active, button.menu-toggle:focus {
	box-shadow: none;
	background: none;
	color: #0065CA;
	outline: none;
}
	
button.menu-toggle[aria-expanded="true"]:before {
    content: "\f00d"; }
		
  @media (max-width: 600px) {
 .main-navigation ul ul {
       position: static;
       opacity: 1;
       visibility: visible;
       box-shadow: none;
       background: none;
       padding: 0 0 0 15px;
       margin: 0; }
 .main-navigation ul ul li:before {
       content: "-";
       display: inline-block; } 
	   
.main-navigation.stuckMenu {
 position: relative !important; }
 
.main-navigation.stuckMenu.has-bar {
          margin-top: 0; }
		  
.main-navigation ul ul li > ul {
            background: none; } 
			
.main-navigation ul ul a {
            font-size: 13px;
            font-size: 1rem;
            padding: 10px 15px;
            width: 100%; }

.main-navigation ul ul a:before {
              display: none; } 	
			  
.main-navigation ul ul .page_item_has_children > a:after,
.main-navigation ul ul .menu-item-has-children > a:after {
            content: "\f107";
            position: static;
            display: inline-block;
            margin: 0 0 0 5px;
            vertical-align: middle; }	
			
button.menu-toggle {
    display: block; }

.main-navigation ul {
    display: none; }
.main-navigation ul.menu > li:hover > a:before, .main-navigation ul.menu > li.menu-hover > a:before, .main-navigation ul.menu > li.current_page_item > a:before, .main-navigation ul.menu > li.current-menu-item > a:before, .main-navigation ul.menu > li.current_page_ancestor > a:before,
.main-navigation div.menu > ul > li:hover > a:before,
.main-navigation div.menu > ul > li.menu-hover > a:before,
.main-navigation div.menu > ul > li.current_page_item > a:before,
.main-navigation div.menu > ul > li.current-menu-item > a:before,
.main-navigation div.menu > ul > li.current_page_ancestor > a:before {
              top: 0;
              bottom: 0;
              width: 5px;
              left: 0;
              right: auto; }
			  
.main-navigation ul.menu > li > a:before,
.main-navigation div.menu > ul > li > a:before {
              top: 50%;
              bottom: 50%;
              width: 5px;
              left: 0;
              height: auto; }
.main-navigation ul.menu > li > a,
.main-navigation div.menu > ul > li > a {
            padding: 15px 20px;
            text-transform: uppercase;
            font-weight: bold; }
.main-navigation ul.menu > li:first-child:after,
.main-navigation div.menu > ul > li:first-child:after {
            display: block; }
.main-navigation ul.menu > li:after,
.main-navigation div.menu > ul > li:after {
            height: 1px;
            top: 0;
            margin: 0;
            left: 0;
            right: 0;
            width: auto; }
.main-navigation ul.menu > li > ul,
.main-navigation div.menu > ul > li > ul {
          border-top: 1px solid #d3d3d3; }
.main-navigation ul.menu > li,
.main-navigation div.menu > ul > li {
          display: block;
          text-align: left; }  
		  
.main-navigation ul.menu,
.main-navigation div.menu > ul {
	text-align: center;
	font-size: 0;
	line-height: 0;
	padding-left:0;
}
			
			}
      
	
/*--------------------------------------------------------------
# Other navigations
--------------------------------------------------------------*/
.comment-navigation {
	float: left;
	width: 50%;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	height: 50%;
	background-color: #C00;
}

.comment-navigation  {
	float: right;
	text-align: right;
	width: 50%;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	height: 50%;
	background-color: #C00;
}
.post-navigation .nav-next a{
	background: #2096da;
	padding: 15px;
	color: #f0f0f0;
	font-weight: 600px;
	float: right;
	width: 48%;
	margin-bottom: 3%;
	border-radius:7px;
}
.post-navigation .nav-next a:hover{
	
	background-color: #56B0E7;
}
.post-navigation .nav-previous a 
{
	background: #2096da;
	padding: 15px;
	color: #f0f0f0;
	font-weight: 600px;
	width: 48%;
	float: left;
	margin-bottom: 3%;
	border-radius:7px;
}
.post-navigation .nav-previous a:hover 
{
background-color: #56B0E7;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}
.widget  ul {
	list-style: none;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3%;
	margin-left: 0;
}
.widget-area{
	width: 21%;
	border: 1px solid #d9d9d9;
	margin-right: 5%;
	float: right;
	margin-top: 2.5%;
	padding: 1.5%;
	border-radius: 7px;
}


.widget-title{
	color: #2492FF;
	font-size: 18px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 2%;
	margin-top: 2%;
	padding-top: 3%;
	padding-bottom: 3%;
}
.widget-area a{
	color: #000;
	
}
.widget-area a:hover{
	color: #6B6B6B;
}
.widget ul li {
    padding: 0 0 9px 12px;
    margin: 0 0 8px 0;
  
    border-bottom: 1px solid #ddd;
}
.widget li:before {
	font-family: FontAwesome;
	content: "\f061";
	margin-right: 5px;
	font-size: 12px;

	color: #1d1d1d;
}
/*--------------------------------------------------------------
## calendar
--------------------------------------------------------------*/
.widget_calendar {
	float: left;
	margin-top: 1.5em;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#wp-calendar {width: 100%; }
#wp-calendar caption {
	text-align: center;
	color: #333;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 15px;
	padding: 1%;
	font-weight: bold;
}
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { display:none; }
#wp-calendar tfoot #prev { display:none; }
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}


.entry-content {
	overflow: hidden;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	margin-right: 0;
	margin-left: 0;
	line-height: 1.7em;
	padding: 10px;
	margin-bottom: 4%;
	}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.post-image{
	text-align: center;
}
.post-image img{
	max-width: 100%;
	height: auto;
}
.feature-post-image{
	margin-bottom: 15px;
}
.post-content img {
	border: thick solid #D4D4D4;
	margin-bottom: 5%;
	}

.fa {
	padding-left: 10px;
	padding-right: 5px;
	}



.post-meta {
	clear: none;
	display: block;
	width: 100%;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 3%;
	margin-left: auto;	
}
.post-meta ul {
	
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	
}
.post-meta ul li{
	display: inline-block;
	
}
.post-meta-folder {
	padding: 2%;
	background:red;
	
	
}
.site-main {
	float: left;
	height: auto;
	width: 68%;
	margin-left: 5%;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;	
}
.artex-meta-comment {
	color: #66B3FF;	
	}
	.artex-meta-comment:hover {
	color: #158AFF;
	}
/*--------------------------------------------------------------
##	Pagination
--------------------------------------------------------------*/	

.pagination {
	max-width: 100%;
	width: 100%;
	text-align: center;
}
.pagination a{
	*float: left;
	background: #2096da;
	border: 2px solid #fff;
	color: #fff;
	padding: 10px 15px;
	min-width: 42px;
	text-decoration: none;
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	transition: all 0.25s linear;
}

.pagination a, 
.pagination .currenttext{
	display: inline-block;
}
.pagination a:hover, 
.pagination .currenttext{
	background: #fff;
	border: 2px solid #2096da;
	color: #2096da;
}
.pagination .currenttext{
	padding: 10px 15px;
}
.pagination ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.pagination ul li {
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
}
	
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}
.entry-title {
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	font-weight: bold;	
	}
	.entry-title a{
	
	color: #000;	
	}
		.entry-title a:hover{
	color: #6B6B6B;
	}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}
 
	#comments{
	display: block;
	background: white;
	margin-bottom: 30px;
	padding-bottom: 30px;
	min-height: 120px;
	-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
	box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
	-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
	border-top-width: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;

	border-top-color: #2096da;
	border-right-color: #EBEBEB;
	border-bottom-color: #EBEBEB;
	border-left-color: #EBEBEB;
}
	#comments > h2{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 42px!important;
	color: #000;
	padding: 4px 5px 0px 8px;
	text-transform: uppercase;
	height: 40px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #EBEBEB;
	
}
 	#respond h3{
	margin: 8px 0px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 42px!important;
	color: #000
	text-transform: uppercase;
	height: 40px;
	font-size: 24px;
	font-weight: bold;
	
}
	.logged-in-as{
	padding-bottom: 10px;
	
}
	ol.commentlist,ol.sepa_pinglist{
	margin: 15px;
	padding: 0;
	list-style: none;
	margin-bottom: 20px;
	
}
	ol.sepa_pinglist{
	margin: 20px;
	width: 96%;
	list-style: none;
	
}
	li.pingback{border-left: 3px solid #ECECEC;margin: 5px 0;padding: 8px 5px;background: #FAFAFA;border-bottom: 1px dashed #EEE;}
	.edit-link{
	margin-left: 15px;
	background-color: #EEE;
	padding: 0.5%;
	border-radius: 7px;
	font-size: 12px;
	color: #000;
}
.edit-link a{
	color: #000;
	
}
.edit-link a:hover{
	color: #6B6B6B;
}
	.comments-title{
	padding: 0px;
	line-height: 21px;
	
}
	.comment{
	margin-top: 20px;
	
}
	.commentlist ul.children{
	margin-left: 20px;
	list-style: none;
	
}
	.comment-wrapper{
	padding: 10px ! important;
	border: 1px solid #ebebeb;
		background-color: #F7F7F7;
		border-radius: 10px;
}
	.comment-avatar img{
	opacity: 1;
	padding: 3px;
	border: 1px solid #EBEBEB;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
}
	.comment-avatar{
	float: right;
	margin: 20px 12px 0px 0;
	text-align: center;
	width: 65px;
	height: 65px;
	background-color: #FFF;
}
	.odd .comment-avatar{
	float: right;
	margin: 15px 30px 0px 0;
	text-align: center;
	width: 65px;
	height: 65px;
	background-color: #FFF;
}
	.comment-meta{
	margin: 6px;
	display: block;
	text-transform: uppercase;

}
	.comment-meta .author{
	display: inline-block;
	margin: 5px;
	font-weight: bold;
	font-size: 14px;
	
}
	.comment-meta .time{
	padding-left: 6px;
	border-left: 1px solid #F7F7F7;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 4px;
	display: inline-block;
	color: #999;
	text-decoration: none;
	font-style: italic;
	letter-spacing: 1px;
	text-transform: none;
	
}
	.commentlist .comment-content{
	font-style: normal;
	font-family: "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
	color: #666;
	font-size: 13px;
	margin: 10px 20px;
	word-wrap: break-word;

}
	.comment-content p {
	margin-bottom: 20px;
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;	
}
	.comment-content ul li {list-style:disc;}

	.commentlist .comment-content h1,.commentlist .comment-content h2,.commentlist .comment-content h3,.commentlist .comment-content h4,.commentlist .comment-content h5,.commentlist .comment-content h6{
	margin-bottom: 20px;
	
}
	.commentlist .comment-content a{
	text-decoration: underline;
	color: #1470D3;
	background-color: #E1FFE1;
	border-radius: 7px;
	padding: 1%;
}	.commentlist .comment-content .reply{padding-top: 10px; }
	.commentlist .comment-content .reply a{
	text-decoration: none;
	color: #111;
}
	.commentlist .odd .comment-content{
	padding: 20px;
	border: 1px solid whiteSmoke;
	margin: 10px;
	background-color: #EEEEEE;
}
	.depth-2,.depth-3,.depth-4,.depth-5,.depth-6,.depth-7,.depth-8,.depth-9,.depth-10{
	padding-right: 0px;
	padding-bottom: 0px;
	
}
	#respond{
	clear: both;
	margin: 15px;
	padding: 10px 0 20px 5px;
	background-color: #F7F7F7;
} 
	#cancel-comment-reply-link{
	color: #E85A08;
	font-size: 12px;
	
}
	#commentform input[type="text"], input[type="email"],#commentform textarea ,.post_content input[type="password"] {
	color: #666;
	margin-bottom: 15px;
	height: 25px;
	border: 1px solid #0C0;
	outline: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	
	
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 8px;
	background-color: #EAFFEA;
}
	.post_content input[type="password"]{
	height: 20px;
	
}
	#commentform textarea {
	width: 94%;
	height: 100px;
	padding: 5px;
	max-width: 100%;
	line-height: 20px;
	outline: 0;
}
	#commentform input[type="text"]:focus, #commentforminput[type="email"]:focus, #commentform textarea:focus {
	border: 1px solid #B6B4B0;
	color: #444;
	-moz-box-shadow: 0 0 7px #B6B4B0;
	-webkit-box-shadow: 0 0 7px #B6B4B0;
	box-shadow: 0 0 7px #B6B4B0;
	
}
	#commentform  input[type="submit"] {
	color: #F4FCFF;
	font-size: 11px ! important;
	margin: 0 1px 1px 0;
	padding: 5px 10px;
	text-transform: uppercase;
	display: block;
	text-decoration: none;
	float: left;
	font-weight: bold;
	border: 1px solid #B6B4B0;
	height: 29px;
	line-height: 26px;
	padding: 1px 12px 0px 12px;
	display: inline-block;
	font-weight: bold;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	background-color: #1C7EEC;
}
	.comment-form-author label,.comment-form-email label,.comment-form-url label  {
	line-height: 32px;
	padding-left: 15px;
		
}
.comment-form a{
	color: #000;
	
}
.comment-form a:hover{
	color: #6B6B6B;
}
	.comment-form-comment label{display:none;}
	.comment-notes,.form-allowed-tags{margin:10px 0;}
	.shbox{margin:0 auto;-webkit-box-shadow:0 1px 0 rgba(160, 160, 160, 0.75) inset,0 20px 0 #6D6D6D,0 -2px 20px rgba(66, 63, 63, 0.8);-moz-box-shadow:0 1px 0 rgba(160, 160, 160, 0.75) inset,0 20px 0 #6D6D6D,0 -2px 20px rgba(66, 63, 63, 0.8);box-shadow:0 1px 0 rgba(160, 160, 160, 0.75) inset,0 20px 0 #6D6D6D,0 -2px 20px rgba(66, 63, 63, 0.8);}
	.nocomments{
	padding: 15px;
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 1px;
	
}
	.bypostauthor .comment-avatar img{border: 1px solid #12BEB8;}


/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}