/*
Theme Name: Farbspiel
Theme URI: http://design.empathisch.org
Author: manu@empathisch.org
Author URI: http://design.empathisch.org
Description: A responsive theme built with Underscores and Gridiculous
Version: 1
License: GNU General Public License
License URI: license.txt
Text Domain: zfw
Domain Path: /languages/
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Farbspiel is based on Responsive Starter which is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc., and Gridiculous http://gridiculo.us/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Reset
2.0 - Typography
3.0 - Elements
4.0 - Forms
5.0 - Navigation
	5.1 - Links
	5.2 - Menus
6.0 - Accessibility
7.0 - Alignments
8.0 - Clearings
9.0 - Widgets
10.0 - Content
	10.1 - Posts and pages
	10.2 - Asides
	10.3 - Comments
11.0 - Infinite scroll
12.0 - Media
13.0 - Grid
14.0 - Media queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
ZfW Customize
--------------------------------------------------------------*/

/*Fonts */

/*@import url(https://fonts.googleapis.com/css?family=Oswald);*/

/* TradeGothic */
@font-face {
    font-family: 'TradeGothic Bold';
    src: url('fonts/TradeGothic-Bold.otf');
    font-weight: normal;
    font-style: normal;
 }
 
 @font-face {   
    font-family: 'TradeGothic Light';
    src: url('fonts/TradeGothic-Light.otf');
    font-weight: normal;
}



/* BUG FIXES */


/*HEADER & TITLE */

#site-title-desc {text-align: center;z-index: 2}

.site-title a, h1 .site-title, .site-description {display: none;}

.site-title, .site-title a { text-decoration:none; text-align:center; margin-bottom: 0 !important;}

.site-title a:hover, .site-title a:visited {color: #000; text-decoration: none;}

.site-description {font-family: 'TradeGothic Light', sans-serif; text-transform: lowercase; text-align: center; color:#961134; font-size: 24px !important; font-size: 1.5rem !important; line-height: 1.4 !important; }

#masthead img {text-align: center; margin-left: 0 !important;}



/*ARTIKEL */

.posted-on, .cat-links, .comments-link , .tags-link , .edit-link, .byline  { font-size: 12px !important; color: #777 !important;}


/*Home Sidebar + Footer Widget 

.home-sidebar .home-widget { background-color: #961134;  }
.home-widget, .home-widget li, , .footer-widget li, .footer-widget {font-size: 1.3em; font-size: 13px; color: #fff !important;  -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
.home-widget li, .footer-widget li {margin-bottom: 5px;}
.home-widget a  {color: #000 !important; text-decoration: underline !important;}
.home-sidebar .home-widget ul, .footer-sidebar .footer-widget ul {padding: 10px;}
.home-sidebar .widget-title {color: #1e8552 !important; padding: 5px; border-bottom: 2px solid #fff; background: #000; width: 100%;}
#home-sidebar, #footer-sidebar {overflow: hidden; } 
.home-widget {padding-bottom: 9999em !important; margin-bottom: -9999em; position:relative;}
#home-widget-area .row .row, #footer-widget-area .row .row {width:100%;}
.home-widget #groups-list {padding-left: 10px !important; }
*/

#footer-sidebar {/*margin-left: 20px; margin-right: -40px; background: rgba(0,0,0,.3);*/}
.footer-widget  {color: #000; }
.footer-sidebar .widget-title  { color:#000; border-bottom: 1px solid #fff; width:100%; }
.footer-widget {/*padding: 1em; margin: 2em 2em -2em 2em;*/}
.footer-widget a {color: #fff !important; text-decoration: underline;}
.footer-widget .widget-title, .footer-widget h2, .footer-widget h3, .footer-widget h3 a, .textwidget a, .textwidget h3 a, .footer-widget h6 {font-family: 'TradeGothic Bold'; text-transform: uppercase;}

#colophon {padding-left: 0px; padding-right: 60px; max-width: 1200px; margin: 0 auto;}
#footer-widet-area  {display: table;}
#colophon .c4 { display: table-cell; padding-top: 20px; padding-bottom: 20px; vertical-align: top !important; }

.widget-title {padding-left: .5rem;}

/* Slider */

.crellyslider-slider {margin: 20px auto; }
.crellyslider { width: 1180px !important; z-index: 3; }


/*#home-wide-widget, #slider, #home-half-widget-area {padding-left: 20px; padding-right: 20px} 

.home-wide {padding-left: 10px; padding-right: 10px; margin-top: 10px !important;}
#home-wide #wpgmza_map {margin-bottom: 20px;}
#home-half {margin-top: 20px;}
#slider {padding-left: 10px; padding-right: 10px;}
*/

/* Nav Margin Fix */

.grid .site-header {margin-bottom: 1px !important;}
#masthead {background: #961134 !important; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.myfixed {padding-bottom: 0 !important;}


/* CONTENT */

#primary .row, #content .row {  margin: 0 !important ;}
#content-wrap { padding-left: 0; padding-right: 0;}
#primary { padding-top: 20px; background: #fff; }
.nobg, #primary .nobg, .content-wrap .nobg {background: none !important;}
#main-content .row { display: table;}
#primary .c8 { display: table-cell; padding-top: 20px; padding-bottom: 20px; vertical-align: top !important; }
#primary .c4 { display: table-cell; padding-top: 20px; padding-bottom: 20px; vertical-align: top !important;}
.entry-meta {display: none;}

.entry-content iframe {width: 100%;}

.post-16 .entry-content {margin: 0; margin-right: -5em;}


/* #post-box { padding: 10px; background-color: #fff !important; vertical-align: top !important;  } 
#post-box h2 {font-size: 1rem !important; color: #1e8552 !important; }
#post-box p { font-size: .8rem; text-align: justify;}
#post-box a, #post-box a:visited {color: #000; } */

 /** COLUMNS  */

 .post-block {	
		-webkit-column-break-inside: avoid;
      page-break-inside: avoid;
      break-inside: avoid;
	}

/* FEATURED IMAGES */

.featuredimg { padding-bottom: 1em; }

/* LINKS */

#links {padding-bottom: 20px;}
#links a img {float: left; padding: 0 10px 10px 10px ; max-width: 150px; max-height: 80px;}
#links, #links ul, #links ul li {list-style: none !important; padding-left: 0px !important; }
#links ul li {padding: 10px; margin-bottom: 15px; background:#fff;}
.bookmarks-gallery {
	text-align: center;
	margin: 0 auto;
	}
.bookmarks-gallery img {
	float: left;
	max-width: 120px;
	max-height: 120px;
	margin: 0 8px 15px 8px;
	}


/* EVENTS MANAGER PLUGIN */
.em-rowcontainer {display:table;}
.em-container { z-index: 1;  padding-bottom: 0 !important; padding-top: 20px !important; float:left; opacity: 1.0; transition: opacity 1s ease-out; }
.em-container:hover {padding-top: 40px; opacity: 0.6; }
.em-img a, .em-img {/*padding-bottom: 20px;*/ position: relative; max-width: 100%; display: table-cell; }
.em-img a img {/* border: 2px solid #000; */  opacity: 1.0; }
.em-img:hover, .em-img a img:hover { }
.em-date {font-family: 'League Gothic'; z-index: 2; border-right: 2px solid #fff; border-bottom: 2px solid #fff;background: #942441; color: #fff; float: left; top: 0px; left: 0px; position: absolute; padding: .3rem}
.em-date{font-size: 1.5em  !important;  line-height: 1em; text-align: center; margin: 0 auto;}


.em-text-wrap {margin-top: -.4rem; position: relative; width:100%; vertical-align: middle; display: table;} 
.em-title a {padding: .4em; text-align: right;  color:#fff; font-family:'TradeGothic Bold'; font-size:1em;  display: table-cell; vertical-align: middle;}
.em-title a { font-size: 1.2em; color:#fff !important;  max-height: 80px; text-align: right; width: 26rem;}
.em-category ul {float: left; list-style-type: none; margin: 0; padding: 0}
.em-category a {font-family: 'League Gothic'; font-size: 1.3em !important; padding: .4em; line-height:1.1em;  color: #fff !important; text-transform: none !important;  }
.em-category ul li {padding: 0 !important; margin: 0 0 0 10px !important; line-height: normal !important; vertical-align: baseline;}
.em-category {display: table-cell; vertical-align: middle; }  

.em-tickets th, .em-tickets td {padding: .4em;}
.em-tickets tr {transition: background .5s ease-out;}
.em-tickets tr:nth-child(odd) {background: rgba(0,0,0,.1);}
.em-tickets tr:hover {background: rgba(0,0,0,.2); cursor: pointer;}

.ticket-desc {font-size: .7em;}

.em-booking-submit {padding: .8em !important; font-size: 1em !important; font-weight: bold; }

.em-pagination { margin: 2em 0 0 1em; display: block;}
.em-pagination a, .em-pagination strong {font-size: 1.2em; line-height: 1em; padding: .8em; background:#fff;}
.em-pagination .page-numbers {display: none;}
.em-pagination .prev, .em-pagination .next {display: inline;}
/* .em-pagination a.prev:after {content: " vorherige Veranstaltungen"; font-size:.8em; line-height: 1em; } */
.em-pagination a.next:before {content: "mehr Veranstaltungen "; font-size: .8em; line-height: 1em; }

div.css-search input, div.css-search select {margin-bottom: .5em !important;}

.em-events-search {opacity: 0.90; transition: opacity .6s ease-in;}
.em-events-search:hover {opacity: 1;}

.em-table {display:table; width: 100%;}

.em-single {background: #961134; border: none; border-collapse: collapse; color: #fff;}
.em-single td, .em-single th { border-left: 2px solid #fff;}
.em-single td:first-child, .em-single th:first-child { border-left: none; }

.em-single {padding: .5em; max-width: 100%; }
.em-single th {font-size: 1.5em; padding: .5em;  text-align: center; width: 30%; text-decoration: underline; font-family: 'TradeGothic Light'}

.em-single td {font-size: 1.2em; text-transform:uppercase; padding: 0.5em 0.5em 1.5em 0.5em; text-align: center; width: 30%; font-family: 'TradeGothic Bold'; }

.em-single tr { width: 30%;}

#em-att, #em-maincontent { margin-bottom: 1em;}

.event-title, .em-single, .em-linkatt {font-family: 'TradeGothic Bold'; margin-top: .5em;  }

.em-linkatt {font-size: 1.2em; }

.em-fullybooked {font-family: 'TradeGothic Light'; font-size: 1.3em; line-height: 1.5em; z-index: 2; background: #000; color: #fff; float: left; top: 100px; right: 0px; position: absolute; padding: 14px;}

.em-loc-text-wrap {height: 70px; position: relative; width:300px; vertical-align: middle; display: table;} 


/* GIVE ~ donation plugin */
/* WTF - so kann man da ja nie wieder was dran ändern */

#give-form-451-wrap, #text-5 p, #text-4 p {background-color: #961134; color: #fff !important; padding: 2rem; }
#text-4 a, #text-4 a:hover, #text-4 a:active, #text-4 a:visited {color: #fff;}
#text-5 a, #text-5 a:hover, #text-5 a:active, #text-5 a:visited {color: #fff;}


/* misc */

.fatborder { border: 3px solid #000; }
.up {margin-top: -1em !important; }

#text-3 pre {padding: 0 !important;}

.lgx-logo-slider-wp {width: 100%;}

.give-final-total-amount {color: #000 !important;}




#text-2 h2 {display: none; }
.cff-header {margin: 0 !important; text-transform: uppercase; padding: 10px 10px 5px 5px !important; }
.fb-xfbml-parse-ignore a {color: #4267b2 !important;}

/*--------------------------------------------------------------
1.0 - Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
    font-family: helvetica, sans-serif;
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}
*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
	-moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
	box-sizing:         border-box;
}
body {
	background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}
a img {
	border: 0;
}











/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}
.drop-cap:first-letter {
	float: left;
	margin: auto .25em auto auto;
	padding: inherit;
	font-size: 4em;
	font-family: inherit;
	line-height: 1;
	text-indent: 0;
	background: transparent;
	color: inherit;
}

p + .drop-cap {
	text-indent: 0;
	margin-top: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'TradeGothic Bold';
	clear: both;
	font-weight: normal;
}
h1 {
	font-size: 28px;
	font-size: 1.75rem;
   font-weight: 300;
	line-height: 1.4;
	margin-bottom: .5em;
}
h2 {
    font-size: 24px;
	font-size: 1.5rem;
	line-height: 1.3;
	margin-bottom: .5em;
}
h3 {
    font-size: 18px;
	font-size: 1.25rem;
	line-height: 1.2;
	margin-bottom: .5em;
}

h4 {
	font-size: 16px;
	font-size: 1.125rem;
	line-height: 1.2;
	margin-bottom: .5em;
}

h5 {
	font-size: 12px;
	font-size: 1rem;
	margin-bottom: .5em;
	font-weight: bold;
}

h6 {
	font-size: 11px;
	font-size: .9rem;
	font-weight: bold;
	margin-bottom: .5em;
	}

p {
	font-size: 10px;
	font-size: 1rem;
	margin-bottom: 1.5em;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #fff;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: .9375rem;
    line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}


/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
ul, ol {
	margin: 0 0 1em 1em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin: .7em 0 0 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. */
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border-radius: 3px;
	background: rgba(0, 0, 0, .5);
	color: rgba(255, 255, 255, .8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	font-size: .75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	transition: background .4s, color .6s;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: rgba(255, 255, 255, .5); color: rgba(0, 0, 0, .8); !important;
}
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 {

}
input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: #961134; text-decoration: none;
}
a:visited {
	color: #961134;
}
a:hover,
a:focus,
a:active {
	color: #961134; text-decoration: underline;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
#nav-container { padding-left: 20px !important; padding-right: 20px !important; float: right; z-index: 20; margin-bottom: -3em; margin-top: 2.5em; }


.main-navigation, .cat-navi {
	clear: both;
	display: block;
	float: right;
	/*width: 100%; */
	color: #fff;
	font-size: .8em;
	line-height: 1em;
	vertical-align: middle;
	padding: 2px 10px 18px 4px;
	font-family: 'TradeGothic Bold';
	text-transform: uppercase;
}
.main-navigation ul, .cat-navi ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation li, .cat-navi li {
	float: left;
	position: relative;
}
.main-navigation a, .cat-navi a {
	display: block;
	text-decoration: none;
	padding: 5px 3px;
	color: #fff;
	transition: color .4s ease-in;
}
.main-navigation a:hover, .cat-navi a:hover {color: #000;}

.main-navigation ul ul, .cat-navi ul ul {
	float: left;
	position: absolute;
/*	top: 2.8em; */
	left: -999em;
	z-index: 99999;
	background-color: #961134;
	color: #fff;
	padding: 5px;
	width: 300px;
}
.main-navigation ul ul ul, .cat-navi ul ul ul {left: -999em;top: 0;}
.main-navigation ul ul a, .cat-navi ul ul a {	width: 200px;}
.main-navigation ul ul li, .cat-navi ul ul li {}
.main-navigation li:hover > a, .cat-navi li:hover > a {}
.main-navigation ul ul :hover > a, .cat-navi ul ul :hover > a {}
.main-navigation ul ul a:hover, .cat-navi ul ul a:hover {}
.main-navigation ul li:hover > ul, .cat-navi ul li:hover > ul {	left: auto;}
.main-navigation ul ul li:hover > ul, .cat-navi ul ul li:hover > ul {	left: 100%;}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}



/* Small menu */
.menu-toggle {
	cursor: pointer;
	display: none;
	margin: .2em auto 0 auto;
	background: rgba(0,0,0,0);
	color: #000;
	border: 0px none;
	font-family: "TradeGothic Light", serif;
	text-transform: uppercase; 
	width: 60px;

}

.menu-toggle, .menu-toggle:hover {margin-top: .2em !important; background-color: rgba(255,255,255,0) !important; }


.nav-next {float:right; background: #f6f6f6;	opacity: .7; padding: 1em; transition: opacity 2s;}
.nav-previous {float:left; background: #f6f6f6; opacity: .7; padding: 1em; transition: opacity 2s;}
.nav-previous:hover, .nav-next:hover { opacity: 1}
.nav-links {padding-bottom: 4em; display: none;}

@media screen and (max-width: 600px) {	
	.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {width: 100% !important;}

	.menu-toggle,
	.main-navigation.toggled .nav-menu {
	display: block;
	float: right !important;
	}

   .main-navigation ul {
    display: none; 
	}

	.main-navigation ul li { clear: both !important;}

	/*For mobile submenu*/
	.main-navigation ul ul {
        display:block;
        width:100%;
        float:none;
        position: relative;
        top:inherit;
        box-shadow:none;
        height:auto;
        margin:0;
        left: 0em;
        z-index: 99999;
        background-color: #961134;
        padding: 10px;}


	#buddypress .standard-form #basic-details-section, #buddypress .standard-form #blog-details-section, #buddypress .standard-form #profile-details-section, #buddypress .standard-form #basic-details-section, #buddypress .standard-form #blog-details-section, #buddypress .standard-form #profile-details-section {width:100%;}

	#si_refresh_reg {display: block; float:left;}


	.site-main .comment-navigation,
	.site-main .paging-navigation,
	.site-main .post-navigation {
		margin: 0 0 1.5em;
		overflow: hidden;
	}
	.comment-navigation .nav-previous,
	.paging-navigation .nav-previous,
	.post-navigation .nav-previous {
		float: left;
		width: 50%;
	}
	.comment-navigation .nav-next,
	.paging-navigation .nav-next,
	.post-navigation .nav-next {
		float: right;
		text-align: right;
		width: 50%;
	}

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

.screen-reader-text:hover,
.screen-reader-text:active,
.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-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 */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin: .5em 1.5em 1.2em 0;
  
}
.alignright {
	display: inline;
	float: right;
   margin: .5em 0 1.2em 1.5em;	

}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
    margin-bottom: 1.2em;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.gallery:before,
.gallery:after,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

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

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

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}
.error404 .search-form {
    margin-bottom: 30px;
}




/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/

#primary ul li, #secondary ul li {
	/* list-style-type: none; 				zfw*/
	/*background: url('img/bullet.gif') no-repeat left 9px;  zfw*/
	padding-left: .5em;
	line-height: 1.4;
	padding-bottom: 7px;
	}




/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
}
.hentry {
	margin: 0 0 1.5em;
}
.byline,
.updated {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.entry-title {padding-left: .5em;}

.entry-content {margin: 0;}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/


.comments-area {
	border-top: 2px solid #fff;
	padding: .4em;
	max-width: 100%;
}

.comment-reply-title,
.comments-title {
	font: 900 16px/1.5 Arial, sans-serif;
	margin: 0;
	text-transform: uppercase;
}

.comment-list {
	list-style: none;
	margin: 0 0 48px 0;
}

.comment-author {
	font-size: 14px;
	line-height: 1.7142857142;
}

.comment-list .reply,
.comment-metadata {
	font-size: 12px;
	line-height: 2;
	text-transform: uppercase;
}

.comment-list .reply {
	margin-top: 24px;
}

.comment-author .fn {
	font-weight: 900;
}

.comment-author a {
	color: #2b2b2b;
}

.comment-list .trackback a,
.comment-list .pingback a,
.comment-metadata a {
	color: #767676;
}

.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
	color: #41a62a;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 24px;
	padding-top: 24px;
}

.comment-list > li:first-child > article,
.comment-list > .pingback:first-child,
.comment-list > .trackback:first-child {
	border-top: 0;
}

.comment-author {
	position: relative;
}

.comment-author .avatar {
	border: 1px solid rgba(0, 0, 0, 0.1);
	height: 18px;
	padding: 2px;
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
}

.bypostauthor > article .fn:before {
	content: "\f408";
	margin: 0 2px 0 -2px;
	position: relative;
	top: -1px;
}

.says {
	display: none;
}

.comment-author,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply,
.comment-metadata {
	padding-left: 30px;
}

.comment-edit-link {
	margin-left: 10px;
}

.comment-edit-link:before {
	content: "\f411";
}

.comment-reply-link:before,
.comment-reply-login:before {
	content: "\f412";
	margin-right: 2px;
}

.comment-content {
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	word-wrap: break-word;
}

.comment-content ul,
.comment-content ol {
	margin: 0 0 24px 22px;
}

.comment-content li > ul,
.comment-content li > ol {
	margin-bottom: 0;
}

.comment-content > :last-child {
	margin-bottom: 0;
}

.comment-list .children {
	list-style: none;
	margin-left: 15px;
}

.comment-respond {
	margin-top: 24px;
	margin-bottom: 24px;
	padding: 0;
}

.comment .comment-respond {
	margin-top: 24px;
}

.comment-respond h3 {
	margin-top: 0;
	margin-bottom: 24px;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.no-comments,
.form-allowed-tags,
.form-allowed-tags code {
	color: #767676;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as {
	font-size: 14px;
	line-height: 1.7142857142;
}

.no-comments {
	font-size: 16px;
	font-weight: 900;
	line-height: 1.5;
	margin-top: 24px;
	text-transform: uppercase;
}

.comment-form label {
	display: block;
}

.comment-form-comment {font-size: 1em;}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
	width: 100%;
}

.form-allowed-tags,
.form-allowed-tags code {
	font-size: 12px;
	line-height: 1.5;
}

.required {
	color: #c0392b;
}

.comment-reply-title small a {
	color: #2b2b2b;
	float: right;
	height: 24px;
	overflow: hidden;
	width: 24px;
}

.comment-reply-title small a:hover {
	color: #41a62a;
}

.comment-reply-title small a:before {
	content: "\f405";
	font-size: 32px;
}

.comment-navigation {
	font-size: 12px;
	line-height: 2;
	margin-bottom: 48px;
	text-transform: uppercase;
}

.comment-navigation .nav-next,
.comment-navigation .nav-previous {
	display: inline-block;
}

.comment-navigation .nav-previous a {
	margin-right: 10px;
}

#comment-nav-above {
	margin-top: 36px;
	margin-bottom: 0;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-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;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/* WordPress galleries */

.site-main .gallery {
	margin-bottom: 1.5em;
}
.site-main .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-main .gallery dd,
.site-main .gallery figcaption {
	margin: 0;
}
.gallery-item {
	display: inline-block;
	margin: 0 4px 4px 0;
	overflow: hidden;
	position: relative;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 48%;
	max-width: -webkit-calc(50% - 4px);
	max-width:         calc(50% - 4px);
}

.gallery-columns-3 .gallery-item {
	max-width: 32%;
	max-width: -webkit-calc(33.3% - 4px);
	max-width:         calc(33.3% - 4px);
}

.gallery-columns-4 .gallery-item {
	max-width: 23%;
	max-width: -webkit-calc(25% - 4px);
	max-width:         calc(25% - 4px);
}

.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width: -webkit-calc(20% - 4px);
	max-width:         calc(20% - 4px);
}

.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width: -webkit-calc(16.7% - 4px);
	max-width:         calc(16.7% - 4px);
}

.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width: -webkit-calc(14.28% - 4px);
	max-width:         calc(14.28% - 4px);
}

.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width: -webkit-calc(12.5% - 4px);
	max-width:         calc(12.5% - 4px);
}

.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width: -webkit-calc(11.1% - 4px);
	max-width:         calc(11.1% - 4px);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;
}

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
	clear: left;
}

.gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 6px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	width: 100%;
}

.gallery-caption:before {
	content: "";
	height: 100%;
	min-height: 49px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.gallery-item:hover .gallery-caption {
	opacity: 1;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

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



/*--------------------------------------------------------------
13.0 Gridiculous
-------------------------------------------------------------- */
.grid{margin:0 auto;max-width:1200px;width:100%}
img{max-width:100%;height:auto;display:block;margin-left:auto;margin-right:auto}
.wfull{width:100%;max-width:100%}
.w320{max-width:320px}
.w640{max-width:640px}
.w960{max-width:960px}
.row{width:100%;margin-bottom:20px;}
.row .row{width:auto; margin:0px -10px;}
.c1{width:8.33%}
.c2{width:16.66%}
.c3{width:25%}
.c4{width:33.33%}
.c5{width:41.66%}
.c6{width:50%}
.c7{width:58.33%}
.c8{width:66.66%}
.c9{width:75%}
.c10{width:83.33%}
.c11{width:91.66%}
.c12{width:100%}
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{min-height:1px;float:left;padding-left:10px;padding-right:10px;position:relative;}
.s1{margin-left:8.33%}
.s2{margin-left:16.66%}
.s3{margin-left:25%}
.s4{margin-left:33.33%}
.s5{margin-left:41.66%}
.s6{margin-left:50%}
.s7{margin-left:58.33%}
.s8{margin-left:66.66%}
.s9{margin-left:75%}
.s10{margin-left:83.33%}
.s11{margin-left:91.66%}
.end{float:right!important}


/*--------------------------------------------------------------
14.0 Media Queries
-------------------------------------------------------------- */

@media only screen and (min-width:601px) and (max-width:800px){
.row .row .c1,.row .row .c2,.row .row .c3,.row .row .c5,.row .row .c6,.row .row .c7,.row .row .c8,.row .row .c9,.row .row .c10,.row .row .c11,.row .row .c12{width:100%;margin-bottom:20px}
.row .row > div:last-child{margin-bottom:0 !important}
.em-rowcontainer .c4 {width: 50% !important;}
.main-navigation ul ul ul, .cat-navi ul ul ul {left: 0 !important;top: 0;}
#nav-container {margin-top: 0 !important;}
.site-branding{height:80px;}
}



/* =Media query for 960 Screens - sets nested grids to 100%
-------------------------------------------------------------- */
@media only screen and (min-width:801px) and (max-width:1023px){
.row .row .c1,.row .row .c2,.row .row .c3,.row .row .c4,.row .row .c5,.row .row .c6,.row .row .c7,.row .row .c8,.row .row .c9,.row .row .c10,.row .row .c11,.row .row .c12{width:100%;margin-bottom:20px}
#nav-container {margin-bottom: 0em !important; margin-top: .5em !important;}
.row .row > div:last-child{margin-bottom:0 !important}
}

/* =Media query for tablets
-------------------------------------------------------------- */
@media, handheld only screen and (max-width:600px), only screen and (max-device-width:600px) and (orientation:portrait){
.row{margin-bottom: 0 !important; }
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{width:100%;margin-right:0;margin-left:0;margin-bottom:20px; padding: 5px !important; }
.post-16 .entry-content {margin: 0 !important;}
.main-navigation ul ul ul, .cat-navi ul ul ul {left: 0 !important;top: 0;}

#masthead {border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important;  }

.site-branding .c3 {width: 66% !important; z-index: 1;}
.site-branding .c9 {width: 33% !important;}

#content-wrap {padding: 0 !important;}
.menu-menu-container {margin-top: 4em;}
.entry-title {overflow-wrap: break-word;}
.lgx-logo-slider-wp {width: 100%;}
.crellyslider {width: 100% !important; }
#masthead img {width: 100% !important; }

#masthead .c4 {width: 66% !important; }
#masthead .c8 {width: 33% !important; }
.menu-menu-container ul {padding-top: 1em; z-index: 999999; }
#masthead img, .site-title-desc img, .site-branding img {z-index: 3;}
.owl-stage { }
.em-single tr, .em-single th, .em-single td  { font-size: 1em !important; overflow: auto;}

.em-single th {display: none;}
.em-single td{display: block !important; width: 100%; border-bottom: 1px solid #fff; }
.em-single td:first-child, .em-single th:first-child { border-left: 2px solid #fff !important; }
.wpcf7-text {width: 100% !important; }
.alignleft img, .alignright img { width: 100% !important; }

#nav-container {margin-top: 0 !important;}


 }

@media only screen and (min-width: 440px) and (max-width: 600px) {.menu-toggle {padding-top: .8em !important;} }

@media only screen and (max-width:1150px){.post-16 .entry-content {margin: 0 !important;}}