/*
	Theme Name: Innenstadtentwicklung 2022
	Theme URI: http://wir-sind-attendorn.de
	Description: Theme fuer Innenstadtentwicklung 2022 der Hansestadt Attendorn (Base: Genesis Framework & News Child Theme)
	Author: FREY PRINT + MEDIA
	Author URI: http://www.freymedia.de
	Version: 3.0.2
 
	Template: genesis
	Template Version: 2.0.1
 
*/

@import "css/colors.css";

/*
# HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* Baseline Normalize
	normalize.css v2.1.2 | MIT License | git.io/normalize
--------------------------------------------- */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}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:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}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}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* ## Box Sizing
--------------------------------------------- */

*,
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

/* ## Float Clearing
--------------------------------------------- */

.clearfix:before,
.entry-content:before,
.entry:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.widget:before,
.wrap:before  { content: " "; display: table; }

.clearfix:after,
.entry-content:after,
.entry:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.widget:after,
.wrap:after { clear: both; content: " "; display: table; }


/*
# Defaults
---------------------------------------------------------------------------------------------------- */

/* ## Typographical Elements
--------------------------------------------- */

body {
	background-color: #fff /*#f6f5f2*/;
	color: #111;
	font-family: Roboto, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.625;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out;
}

::-moz-selection	{ background-color: #111; color: #fff; }
::selection 		{ background-color: #111; color: #fff; }

a { color: #111; text-decoration: none; }

.site-inner a,
.footer-container a { text-decoration: underline; }

a img { margin-bottom: -4px; }

a:focus { outline: 0; }

.site-inner a:hover,
.footer-container a:hover { text-decoration: none; }

div[style*="center"] { margin-bottom: 12px; }

p { margin: 0 0 18px; padding: 0; }

strong { font-weight: 700; }

ol,
ul { margin: 0; padding: 0; }

blockquote,
blockquote::before,
blockquote * { color: #aaa; }

blockquote { margin: 30px 40px 34px; }

blockquote::before {
	content: "\201C";
	display: block;
	position: relative;
	top: -10px;
	left: -20px;
	height: 0;
	font-size: 30px;
}

.entry-content code { background-color: #111; color: #fff; }

cite { font-style: normal; }

hr {
    height: 1px;
    margin: 32px 0 !important;
    border: 0 none;
    background: none repeat scroll 0 0 #ebebeb;
}

/* to proof ... */
[style^="justify;"],
[style$="justify"],
[style*="justify"] { text-align: left !important; }


/* ## Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 16px;
	color: #111;
	font-family: Roboto, Arial, sans-serif;
	line-height: 1.2;
}

h1,
h2,
h4,
h6 { font-weight: 400; }

h3,
h5 { font-weight: 700; }

h1 { font-size: 36px; }

h2 { font-size: 30px; }

h3,
h4 { font-size: 24px; }

h5,
h6 { font-size: 21px; }


/* ## Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption { max-width: 100%; }

img { height: auto; }

.featured-content img,
.gallery img { width: auto; } /* IE8 */


/* ## Tables
--------------------------------------------- */

table {
	width: auto !important;
	max-width: 100%;
	margin-bottom: 40px;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
}

tbody { border-bottom: 1px solid #ddd; }

th,
td { text-align: left; }

th { font-weight: bold; text-transform: uppercase; }

td {    
    padding: 6px 10px;
    border-top: 1px solid #ddd !important;
    border-right: 0 none transparent !important;
    border-bottom: 1px solid #ddd !important;
    border-left: 0 none transparent !important;
	background-color: transparent !important;
	text-align: left;
	vertical-align: top;
}


/* ## Forms
--------------------------------------------- */

input,
select,
textarea {
	width: 100%;
	padding: 16px;
	border: 1px solid #ddd;
	background-color: #fff;
	color: #111;
	box-shadow:			1px 1px 3px #eee inset;
	-moz-box-shadow: 	1px 1px 3px #eee inset;
	-webkit-box-shadow: 1px 1px 3px #eee inset;
	font-size: 15px;
}

fieldset { margin: 0; padding: 0; border: 0 none; }

input[type="checkbox"], 
input[type="radio"], 
input[type="image"] { width: auto; }

.content input[type="search"] { margin-bottom: 24px; }

/* error404 for example */
.search-form > input[type="submit"] { display: none; }

input:focus,
textarea:focus { border: 1px solid #666; outline: none; }

::-moz-placeholder			{ color: #666; opacity: 1; }
::-webkit-input-placeholder { color: #666; }



/* ## Links, Buttons etc
--------------------------------------------- */

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.pt-cv-wrapper .btn-success {
	width: auto;
	padding: 10px 24px 8px;
	border: 0 none;
	border-radius: 0;
	background-color: #666;
	color: #fff;
	box-shadow:			none;
	-moz-box-shadow: 	none;
	-webkit-box-shadow: none;
	cursor: pointer;
	text-transform: uppercase;
	text-decoration: none !important;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
.entry-content .button:hover,
.pt-cv-wrapper .btn-success:hover { background-color: #111; color: #fff; }

.button { display: inline-block; }

.button.big { padding: 6px 18px; font-size: 18px; font-weight: 400; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button { display: none; }

.content-sidebar-wrap .more-link,
.content-sidebar-wrap .more-from-category {
	position: relative;
	display: block;
	margin-top: 15px;
	/*padding: 8px 24px 6px;*/
	/*background-color: #aaa;*/
	line-height: 1;
	text-transform: uppercase;
	text-align: right;
	box-shadow: none;
	cursor: pointer;
}

.content-sidebar-wrap .more-link,
.content-sidebar-wrap .more-from-category a { color: #222 /*#fff*/; font-weight: 700; text-decoration: underline /*none*/!important; }

.content-sidebar-wrap .more-link:hover,
.content-sidebar-wrap .more-from-category a:hover { text-decoration: none !important; }

/*.content-sidebar-wrap .more-link:hover,
.content-sidebar-wrap .more-from-category:hover { background-color: #222; }*/

.content-sidebar-wrap .more-link:after,
.content-sidebar-wrap .more-from-category:after { clear: both; }


/*
# Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* ## Site Containers
--------------------------------------------- */

.site-container,
.wrap { max-width: 1140px; margin: 0 auto; }

.att2022-landing .site-container { max-width: 960px; }

.site-inner { clear: both; background-color: #fff; }


/* ## Column Widths and Positions
--------------------------------------------- */

/* ### Content
------------------------------ */

.content { float: left; width: 800px; }

body.home .content { padding: 0 0 40px; }

.full-width-content .content { width: 100%; }


/* ### Primary Sidebar
------------------------------ */

.sidebar-primary {
	overflow: hidden;
	float: right;
	width: 300px;
	padding-bottom: 40px;
}


/* ## Column Classes
	Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds { float: left; margin-left: 2.564102564102564%; }

.one-half,
.three-sixths,
.two-fourths { width: 48.717948717948715%; }

.one-third,
.two-sixths { width: 31.623931623931625%; }

.four-sixths,
.two-thirds { width: 65.81196581196582%; }

.one-fourth { width: 23.076923076923077%; }

.three-fourths { width: 74.35897435897436%; }

.one-sixth { width: 14.52991452991453%; }

.five-sixths { width: 82.90598290598291%; }

.first { clear: both; margin-left: 0; }


/*
# Common Classes
---------------------------------------------------------------------------------------------------- */

/* ## WordPress
--------------------------------------------- */

.avatar { float: left; border-radius: 50%; }

.alignleft .avatar { margin-right: 24px; }

.alignright .avatar { margin-left: 24px; }

.search-form { overflow: hidden; }

.sidebar .search-form input[type="submit"],
.mobile-search .search-form input[type="submit"] {
	clip: rect(0, 0, 0, 0);
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}

img.centered,
.aligncenter { display: block; margin: 0 auto 20px; }

.alignleft { float: left; text-align: left; }

.alignright { float: right; text-align: right; }

a.alignnone,
a.alignleft,
a.alignright { max-width: 100%; }

a.alignnone img,
img.alignnone,
.wp-caption.alignnone { margin-bottom: 18px; }

a.alignleft img,
img.alignleft,
.wp-caption.alignleft { margin: 0 32px 18px 0; }

a.alignright img,
img.alignright,
.wp-caption.alignright { margin: 0 0 18px 32px; }

.entry-content .wp-caption-text {
	margin: 5px 0 0;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
}

.widget_calendar table { width: 100%; }

.widget_calendar td,
.widget_calendar th { text-align: center; }

.featured-image { overflow: hidden; margin-top: -39px; margin-bottom: 30px; }

body.archive .featured-image { margin-top: 10px; }

body.full-width-content .content .featured-image { max-height: 400px; }

body.content-sidebar .featured-image { max-height: 350px; }

.featured-image img { width: 100%; margin-bottom: 0; }

.featured-image a:hover {
	opacity: 		0.5; /* css3 */
	-moz-opacity: 	0.5; /* css2 */
	filter: 		alpha(opacity=50); /* IE 5-9 */
}


/* ## Genesis
--------------------------------------------- */

.archive-description,
.author-box {
    overflow: hidden;
    margin: 0 0 24px;
    padding: 0;
    border-bottom: 0 none transparent;
}

/*.archive-description .archive-title,*/
.author-box-title { margin-bottom: 0; font-size: 16px; }

.author-box p { margin-bottom: 0; }

.author-box .avatar { margin-right: 24px; }


/* ## Titles
--------------------------------------------- */

.entry-title {
	margin-bottom: 6px;
	padding: 0;
	font-size: 36px;
	font-weight: 300;
	color: #aaa;
	text-transform: uppercase;
}

.singular .entry-title { font-size: 42px; }

.sidebar .widget-title a,
.entry-title a { color: #aaa !important; text-decoration: none !important; }

.entry-title a:hover { color: #333 !important; }

.widget-title {
	margin-bottom: 16px;
	color: #888;
	font-size: 24px;
	font-weight: 300;
	text-transform: uppercase;
}

.footer-widgets .widget-title {	margin-bottom: 30px; font-size: 32px; }

/*.archive-title { margin-bottom: 26px; font-size: 20px; }*/


/*
# Widgets
---------------------------------------------------------------------------------------------------- */

.widget { font-size: 16px; word-wrap: break-word; }

.widget-last { margin-bottom: 0 !important; }

.ad { margin: 0 4px; }

body .after-header .widget { width: 100%; margin-bottom: 20px !important; }

.after-header .widget_search { display: none; } /* display just @980px + lower */

.kontakt-sidebar { margin-bottom: 0 !important; padding-top: 0 !important; border: 0 none !important; }


/* ## Featured Content
--------------------------------------------- */

.home .front-page .widget.featured-content { margin-bottom: 60px; }

.featured-content .entry { padding: 0 0 20px; border-bottom: 1px solid #ddd; }

.home .featured-content .entry:last-of-type { margin: 0; padding: 0; border-bottom: 0 none transparent; }

.featuredpost .entry { margin: 0 0 25px; }

.featuredpage .entry { margin: 0; }

.home .featuredpage img { margin-bottom: 5px; }

.featured-content .entry-title { font-size: 20px; line-height: 1.2; }

.featured-content p { margin-bottom: 20px; }


/*
# Site Header
---------------------------------------------------------------------------------------------------- */

.site-header { position: relative; margin-bottom: 40px; border-bottom: 1px solid #ddd; }


/* ## Title Area
--------------------------------------------- */

.title-area { height: 80px; }

.site-title { margin: 0; }

.site-title,
.site-title a { width: 100%; height: 100%; }

.site-title a,
.site-description { display: block; text-indent: -9999px; }

.title-area .site-title a { background-position: center !important; }

.site-title a:hover {
	opacity: 			0.8;
	-moz-opacity: 		0.8;
	-webkit-opacity: 	0.8;
}

.site-description { margin: 0; line-height: 0; }


/*
# Site Navigation
---------------------------------------------------------------------------------------------------- */

.genesis-nav-menu {	font-size: 15px; font-weight: 400; line-height: 1; }

.genesis-nav-menu .menu-item { text-align: left; }

.genesis-nav-menu a {
	display: block;
	position: relative;
	padding: 15px 12px;
	color: #888;
	font-family: Roboto, Arial, sans-serif;
}

.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .current-menu-ancestor > a { color: #000; }


/* ## Primary Navigation
--------------------------------------------- */

.nav-primary .genesis-nav-menu > li { background-color: #111; }

.nav-primary .genesis-nav-menu > li:last-child { margin-right: 0; }

.nav-primary .genesis-nav-menu > .menu-item > a { color: #fff; }

.nav-primary .genesis-nav-menu > li > a { font-size: 15px; font-weight: 600; text-transform: uppercase; }


/* ## Secondary Navigation
--------------------------------------------- */

.nav-secondary { position: relative; border-bottom: 1px solid #ddd; text-align: right; }

.nav-secondary > .wrap { padding: 10px 0; }


/* ## Footer Navigation
--------------------------------------------- */

.nav-footer { 	border-top: 1px solid #eee; }


/*
# Content Area
---------------------------------------------------------------------------------------------------- */

/* ## Misc contents
--------------------------------------------- */

.front-page:last-child,
.home .content .featured-content .entry:last-child,
.entry-content > *:last-child,
.sidebar .widget-wrap > :last-child,
.sidebar .widget-wrap div.textwidget > :last-child,
.content-sidebar-wrap ul > li:last-child,
.widget p:last-child,
.widget ul > li:last-child,
.widget-area .widget:last-of-type,
.footer-widgets ul > li:last-child,
.footer-widgets p:last-child,
.footer-widgets .textwidget > :last-child,
p:last-child .button,
.content-sidebar-wrap p:empty { margin-bottom: 0 !important; }

.sidebar > .widget:last-of-type/*,
.footer-widgets .widget-area > .widget:last-of-type*/ { padding-bottom: 0 !important; }

.site-inner a,
.footer-widgets a,
.site-footer a { text-decoration: underline; }

.site-inner a:hover,
.footer-widgets a:hover,
.site-footer a:hover { text-decoration: none; }

.entry-content ol > li,
.widget ol > li,
.genesis_responsive_slider .slide-excerpt-border ol li { list-style-type: decimal; }

.entry-content ol li li,
.widget ol li li { list-style-type: lower-latin; }

.entry-content ul > li,
.widget ul > li,
.genesis_responsive_slider .slide-excerpt-border ul li { list-style-type: square; }

.entry-content ol ol,
.widget ol ol,
.entry-content ul ul,
.widget ul ul { margin-bottom: 0; margin-left: 15px; }


/* ## Gutenberg
--------------------------------------------- */

.wp-block-button__link { text-transform: uppercase; text-decoration: none !important; }

.wp-block-button__link:hover { opacity: .6; }


/* ## Home Page
--------------------------------------------- */

.front-page-feat { max-width: 1140px; margin: 0 auto; }

/* content widget areas only */
.front-page { clear: both; margin-bottom: 40px; }

.front-page .widget { margin-bottom: 55px; }

.front-page .widget-title,
.front-page .entry-title a { color: #111; font-weight: 400; font-size: 24px; }


/* ## Entries
--------------------------------------------- */

.entry { margin-bottom: 40px; padding-bottom: 42px; border-bottom: 1px solid #ddd; }

.archive .entry:last-child,
.page article.page,
.single .entry { padding-bottom: 0; border-bottom: 0 none transparent; }

.entry-header { margin-bottom: 24px; }

.single .entry-header { margin-bottom: 36px; padding-bottom: 36px; border-bottom: 1px solid #ddd; }

.entry-content { padding: 0; }

.entry-content p,
.quote-caption { margin-bottom: 18px; }

.content .entry-content ol,
.content .entry-content ul { margin-bottom: 28px; }

.content .entry-content ol ol,
.content .entry-content ul ul { margin-bottom: 0; margin-left: 0; }

.content .entry-content li ol,
.content .entry-content li ul { margin-top: 10px; }

.content .entry-content li,
.content .entry-content li li { margin-bottom: 10px; }

.content .entry-content li li { margin-left: 17px; }


/* ## Entry Meta
--------------------------------------------- */

p.entry-meta { color: #333; font-size: 14px; text-transform: uppercase; } /*margin-right: 40px; margin-left: 40px; */

.entry-header p.entry-meta { margin-top: 12px; margin-bottom: 0; }

.entry-footer p.entry-meta { margin-top: 30px; padding-top: 12px; border-top: 1px solid #ddd; }

.page-template-page_blog .entry-footer p.entry-meta { margin: 0; padding: 0; border: 0 none transparent; }

.entry-comments-link::before { content: "\2014"; margin: 0 6px 0 2px; }

.entry-categories,
.entry-tags { display: block; }


/* ## Entry Navigation
--------------------------------------------- */

.archive-pagination { clear: both; margin: 40px; font-size: 14px; }

.archive-pagination li { display: inline; }

.archive-pagination li a {
	display: inline-block;
	margin-bottom: 4px;
	padding: 8px 12px;
	background-color: #333;
	color: #fff;
	cursor: pointer;
	text-decoration: underline;
}

.archive-pagination li a:hover,
.archive-pagination li.active a { background-color: #111; color: #fff; }


/* ## Comments
--------------------------------------------- */

.entry-comments,
.comment-respond { padding: 40px; }

.entry-comments { padding-right: 0; }

.ping-list { margin-bottom: 40px; }

.comment-content { clear: both; }

.entry-comments .comment-author { margin-bottom: 0; color: #000; font-weight: 700; }

.entry-comments .comment-meta { font-size: 14px; text-transform: uppercase; }

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] { width: 50% }

.comment-respond label { display: block; margin-right: 12px; }

.comment-list li,
.ping-list li { margin-top: 24px; padding: 32px; list-style-type: none; }

.comment-list li li { margin-right: -32px; }

li.comment { border-bottom: 1px dotted #ebebeb; background-color: #f5f5f5; }

.comment .avatar { margin: 0 16px 24px 0; }

.form-allowed-tags { padding: 24px; background-color: #f5f5f5; font-size: 14px; }

li.depth-2 { background-color: #fff; }


/*
# Widgets
---------------------------------------------------------------------------------------------------- */

.sidebar ul,
.footer-widgets ul { list-style-type: none; }

.sidebar ul li,
.footer-widgets ul li {
	margin-bottom: 12px;
	padding: 0 12px 12px;
	border-bottom: 1px dotted #ebebeb;
	list-style-type: none;
	word-wrap: break-word;
}

.sidebar li ul,
.footer-widgets li ul { margin-top: 12px; padding-top: 12px; border-top: 1px dotted #ebebeb; }

.sidebar ul > li:last-child,
.footer-widgets ul > li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }

.sidebar > .widget { margin-bottom: 40px; padding-top: 35px; border-top: 1px solid #f5f5f5; }

.sidebar > .widget:first-of-type { padding-top: 0; border-top: 0 none transparent; }

.widget_recent_entries a { font-weight: 500; }

.widget_recent_entries .post-date { display: block; }


/* # Footer Widgets
---------------------------------------------------------------------------------------------------- */

.footer-widgets { clear: both; font-size: 15px; text-align: center; }

.footer-widgets > .wrap { padding-top: 50px; padding-bottom: 45px; border-top: 1px solid #eee; }

.footer-widgets .widget-area > .widget { margin-bottom: 45px; }

.footer-widgets,
.footer-widgets .wrap a,
.footer-widgets .wrap a.button { color: #000; }

.footer-widgets input {
	border: 1px solid #b2b2b2; /* fallback for old browsers */
	border: 1px solid rgba(0,0,0,0.3);
}

.footer-widgets p:last-child { margin-bottom: 0; }

.footer-widgets .widget-zeitplan .su-column { height: 240px; background: url(//attendorn-innenstadt2022.de/wp-content/themes/att2022/images/bg-zeitplan-footerwidgets.jpg) no-repeat 0 0; }

.footer-widgets .widget-zeitplan .su-column p { display: table; width: 100%; height: 240px; }

.footer-widgets .widget-zeitplan .su-column a {
	display: table-cell;
	background-color: rgba(0,0,0,0.6); /* no fallback for old browsers - overlay for background image */
	color: #fff;
	text-align: center;
	vertical-align: middle;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.2;
	text-decoration: none;
	text-transform: uppercase;
}

.footer-widgets .widget-zeitplan .su-column a:hover {
	background-color: rgba(255,255,255,0.7); /* no fallback for old browsers - overlay for background image */
	color: #000;
}


/*
# To Top (before footer navigation)
---------------------------------------------------------------------------------------------------- */

.footer-totop { position: relative; height: 30px; }

.footer-totop,
.footer-totop a { z-index: 9999 !important; }

.footer-totop a {
	position: absolute;
	right: 0;
	margin: 0 auto;
	height: 30px;
	width: 50px;
	background-color: #aaa;
	text-align: center;
	text-decoration: none;
}

.footer-totop a:hover { height: 40px; margin-top: -10px; background-color: #222; }

.footer-totop a:before {
	content: "\25b2";
	position: relative;
	color: #fff;
}

.footer-totop a:hover:before { top: 20%; }


/*
# Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {
	position: relative;
	color: #000;
	background-color: #f5f5f5;
	padding: 15px 0; 	
	font-size: 15px;
	text-align: center;
}

.site-footer > .wrap { position: relative; }

.site-footer a { color: #000; }

.site-footer a:hover { color: #222; }

.site-footer p { margin-bottom: 0; }

.site-footer .creds { display: inline-block; }


/*
# Plugins
---------------------------------------------------------------------------------------------------- */

/* ## Advanced Accordion Block
------------------------------------------------------------ */

.wp-block-aab-accordion-block .aab__accordion_head .aab__accordion_heading .aab__accordion_title,
.wp-block-aab-accordion-item .aagb__accordion_head .aagb__accordion_heading .aagb__accordion_title { color: #000 !important; }


/* Complianz
--------------------------------------------- */

.cmplz-buttons button,
#cmplz-manage-consent .cmplz-manage-consent { font-size: 14px; font-weight: 400 !important; text-transform: none; }

.cmplz-buttons button,
#cmplz-manage-consent .cmplz-manage-consent:hover { background-color: #eee !important; color: #222 !important; }

.cmplz-buttons button.cmplz-btn:hover,
#cmplz-manage-consent .cmplz-manage-consent { background-color: #222 !important; color: #eee !important; }


/* ## Contact Form 7
------------------------------------------------------------ */

body .wpcf7-form { clear: both; }

body .wpcf7 input[type="text"],
body .wpcf7 input[type="email"],
body .wpcf7 textarea { margin: 0 10px 0 0; }

.wpcf7-list-item { margin: 1em 0 0 !important; }

body div.wpcf7-response-output { 
	margin: 1.5em 0!important;
	padding: 0.5em 1em !important;
	border: 0 none !important;
	background-color: #92d14f !important;
	color: #fff;
	text-align: center;
}

body div.wpcf7,
body div.wpcf7-response-output { width: auto; }

form.invalid .wpcf7-response-output { background-color: #ff8e00 !important; }


/* ## Genesis Pro Portfolio
------------------------------------------------------------ */

#portfolio-menu { margin: 40px 0 0 !important; text-align: center; }

body.post-type-archive-portfolio .content,
bpody.tax-portfolio-type.genesis-pro-portfolio .content { margin-bottom: 40px !important; }

.genesis-pro-portfolio .content .pro-portfolio { margin-bottom: 0 !important; }


/* ## Genesis Subtitles
------------------------------------------------------------ */

h3.entry-subtitle {
  font-size: 27px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
}


/* ## Mapplic
------------------------------------------------------------ */

body .mapplic-element { margin-bottom: 60px; }

body ol.mapplic-list { margin: 0 !important; }

body ol.mapplic-list ol li { margin: 0 10px 10px !important; }

body .mapplic-list-location > a:hover { background-color: #f5f5f5; }

body .mapplic-list-location span { color: #aaa; }

body .mapplic-list-location > a:hover span { color: #888; }


/* ## Nextgen Gallery
------------------------------------------------------------ */

body .ngg-galleryoverview { margin-bottom: 30px; }

body .ngg-gallery-thumbnail img {
    width: 170px !important;
    margin: 4px 0 4px 4px;
    padding: 1px;
	border: 0 none transparent;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);
}


/* ## Shortcodes Ultimate
--------------------------------------------- */

.entry-content > [class^="su-"] + * { margin-top: 40px; }


/* ### Accordions
------------------------------ */

body .su-spoiler-title { font-size: 21px; font-weight: normal; }


/* ### Boxes & Notes
------------------------------ */

body .su-box,
body .su-note { padding: 24px; }

body .sidebar .su-box.alignleft,
body .sidebar .su-box.alignright,
body .sidebar .su-note.alignleft,
body .sidebar .su-note.alignright { width: 100%; max-width: 100%; }

body .content .su-box.alignleft,
body .content .su-box.alignright,
body .content .su-note.alignleft,
body .content .su-note.alignright,
body .footer-widgets .su-box.alignleft,
body .footer-widgets .su-box.alignright,
body .footer-widgets .su-note.alignleft,
body .footer-widgets .su-note.alignright { max-width: 420px; }


body .su-box.alignleft,
body .su-note.alignleft { margin-right: 32px; }

body .su-box.alignright,
body .su-note.alignright { margin-left: 32px; }

body .su-box,
body .su-box-title,
body .su-box-content,
body .su-note,
body .su-note-inner { border-radius: 0 !important; }

body .su-box,
body .su-box-title,
body .su-box-content,
body .su-note-inner { border: 0 none transparent !important; }

body .su-box-title,
body .su-box-content,
body .su-note-inner { padding: 0 !important; }

body .su-box-content,
body .su-note-inner { background-color: transparent !important; }

body .su-box-content a,
body .su-note-inner a { color: inherit !important; }

body .su-box-content p,
body .su-note-inner p { margin-bottom: 12px; }

body .su-box { background-color: #f7f7f7 !important; }

body section.kontakt-sidebar {
	padding: 24px !important;
	background-color: #1f497d !important;
	font-size: 15px;
	line-height: 1.3;
}

body section.kontakt-sidebar * { color: #fff !important; }

body section.kontakt-sidebar h4.widget-title { 
	margin-bottom: 10px;
	background-color: transparent !important;
    font-family: Roboto, Arial, sans-serif;
	font-size: 18px;
    font-weight: 500;
}

body .su-box-title {
	margin-bottom: 10px;
	background-color: transparent !important;
    color: #333 !important;
    font-family: Roboto, Arial, sans-serif;
	font-size: 18px;
    font-weight: 500;
}

body .widget.kontakt-sidebar .su-box-title,
body .widget.kontakt-sidebar .su-box-content { color: #fff !important; }

body .su-box-title:empty { display: none; }

body .su-box-title:empty + .su-box-content { padding-top: 0 !important; }

body .su-note { margin-bottom: 0.75em /*24px*/ !important; border: 1px solid #ddd !important; }

body .su-note-inner { padding: 0 !important; }

body .su-list ul li { background-image: none; }


/* ### Buttons
------------------------------ */

.su-button { border: 0 none transparent !important; border-radius: 0 !important; background-color: #999 !important; }

.su-button:hover { background-color: #222 !important; }

.su-button span { 
	padding: 10px 24px 8px !important;
	font-size: 16px !important;
	line-height: inherit !important;
	border: 0 none transparent !important;
	border-radius: 0;
	font-weight: 400;
	text-transform: uppercase;
}


/* ### Rows & Columns
------------------------------ */

.entry-content > .su-row + .su-row { margin-top: 0; }

.su-row:last-child .su-column-inner > * { margin-bottom: 0 !important; }


/* ## Simple Lightbox
--------------------------------------------- */

body #slb_viewer_wrap .slb_theme_slb_default .slb_container { border-radius: 0; }

body #slb_viewer_wrap .slb_theme_slb_default .slb_container * { font-family: Roboto, Arial, sans-serif; font-size: 15px; font-weight: 400; }

body #slb_viewer_wrap .slb_theme_slb_default .slb_container .slb_content { margin-bottom: 16px; }

body #slb_viewer_wrap .slb_theme_slb_default .slb_data_title .slb_template_tag_item_title { font-size: 18px !important; font-weight: 600 !important; }

body #slb_viewer_wrap .slb_theme_slb_default .slb_group_status { float: right; }

body #slb_viewer_wrap .slb_theme_slb_default .slb_group_status:hover,
body #slb_viewer_wrap .slb_theme_slb_default .slb_group_status .slb_template_tag:hover { cursor: text !important; }

body .slb_data_desc				{ display: none !important; }
body.lernorte .slb_data_desc	{ display: block !important; }

body .slb_data_desc p 				{ margin-bottom: 16px !important; }
body .slb_data_desc p:last-child 	{ margin-bottom: 0 !important; }


/* ## Slide Deck
--------------------------------------------- */

body .slidedeck-frame { margin-bottom: 60px; }

body .slidedeck2_widget .slidedeck-frame { margin-bottom: 10px; }

body .slide-source-custom.slide-type-image .sd2-node-caption { padding: 0; }

/* ### Lenses
------------------------*/

/* #### Profocal Lens */
body .parfocal-cycle-pager.activeSlide { border-color: #111; }


/* ## Timeline Express Pro
--------------------------------------------- */

body:not(.single-te_announcements) .announcement-banner-image { float: none !important; width: 100% !important; height: auto; }

/* ### Overview
------------------------*/

body .cat-checkbox-container li { float: left; width: 50%; list-style-type: none; }

body #cd-timeline { margin-bottom: 0; }

body .cd-timeline-img .fa:before {content: "\f067" !important; }

body .cd-timeline-content {
	border-radius:			0; 
	-moz-border-radius: 	0; 
	-webkit-border-radius: 	0; 
}

body .timeline-width34 { width: 44%; }

body .cd-timeline-content {
	padding: 0;
	background-color: #f5f5f5;
	box-shadow:			0 0 0 transparent !important;
	-moz-box-shadow: 	0 0 0 transparent !important;
	-webkit-box-shadow: 0 0 0 transparent !important;
}

body .cd-timeline-title-container,
body .cd-timeline-content .the-excerpt,
body .cd-timeline-content .cd-read-more,
body .cd-timeline-block:nth-child(2n) .cd-timeline-content .cd-read-more { margin: 0; padding-right: 1.6em; padding-left: 1.6em !important; }

body .cd-timeline-title-container { padding-top: 1.2em; padding-bottom: 1em; }

body h2.cd-timeline-item-title { font-size: 24px; font-weight: 400; text-transform: uppercase; }

body .cd-timeline-content .the-excerpt { padding-top: 0.8em; padding-bottom: 1.4em; }

body .cd-timeline-block:nth-child(2n+1) .cd-timeline-content .cd-read-more { z-index: 9990; }

body .cd-timeline-content .cd-read-more,
body .cd-timeline-block:nth-child(2n) .cd-timeline-content .cd-read-more {
	float: right;
    width: 100%;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	background-color: #f2f2f2;
	font-weight: 600;
	text-align: right;
	text-decoration: none;
}

body .cd-timeline-content .cd-read-more:hover,
body .cd-timeline-block:nth-child(2n) .cd-timeline-content .cd-read-more:hover { background-color: #fafafa; }


/* ### Single Entry
------------------------*/

body.single-te_announcements .entry-content { position: relative; }

/* too much, use defaults: body.single-te_announcements .entry-header { padding-bottom: 58px; }*/

/* body.single-te_announcements img.announcement-banner-image { float: none; width: 100%; margin: -33px 0 32px 0; } */

body.single-te_announcements .timeline-express-single-page-announcement-date { position: absolute; top: -95px; left: 0; }
	
body.single-te_announcements .timeline-categories {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    margin: 30px 0 40px;
	padding-top: 12px;
	border-top: 1px solid #ddd; 
	text-align: left;
	text-transform: uppercase;
}

body.single-te_announcements .entry-content > p:last-of-type { margin-bottom: 80px !important; }

body .return-to-timeline { display: block; margin-top: 57px; }


/*
# Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (-moz-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (min-device-pixel-ratio: 1.5) {

	.site-title a { background: url(//attendorn-innenstadt2022.de/wp-content/themes/att2022/images/logo-att2022@2x.png) no-repeat 0 0 !important; }
	
}

@media only screen and (min-width: 1280px) {

	 .nav-primary {
		width: calc(100% - 276px - 20px);
		margin-top: 44px;
		text-align: right;
	}
}
	
	body .lens-proto.sd2-large dl.slidedeck > dd div.sd2-node-caption .sd2-slide-title,
	body .lens-proto.sd2-large dl.slidedeck > dd div.sd2-node-caption .sd2-slide-text { padding: 30px 40px; }

	body .lens-proto.sd2-large dl.slidedeck > dd div.sd2-node-caption .sd2-slide-title { font-size: 1.5em; }	
	
}

@media only screen and (max-width: 1279px) {

	.title-area,
	.nav-primary { margin-right: auto; margin-left: auto; }
	
	.nav-primary { margin-top: 20px; text-align: center; }

}

@media only screen and (max-width: 1279px) and (min-width: 768px) {

	body .lens-proto.sd2-large dl.slidedeck > dd div.sd2-node-caption .sd2-slide-title,
	body .lens-proto.sd2-large dl.slidedeck > dd div.sd2-node-caption .sd2-slide-text { padding: 20px 40px; }

}

@media only screen and (max-width: 1279px) {

	body .lens-proto.sd2-large dl.slidedeck > dd div.sd2-node-caption .sd2-slide-title { font-size: 3em; }	
	
}

@media only screen and (max-width: 1188px) {

	body.home .genesis_responsive_slider .slide-excerpt { width: 34%; padding: 15px 20px 30px; }

	.site-title { margin-top: 0; }

}

@media only screen and (max-width: 1188px) and (min-width: 1025px) {

	.site-container { max-width: 960px; }

	.content { width: 620px; }
	
}


@media only screen and (min-width: 1024px) {

	.site-inner { padding-bottom: 20px; }
	
	.site-header > .wrap { display: flex; align-items: flex-end; justify-content: space-between; }
	
	.title-area/*,
	.site-title a*/ { flex-basis: 276px; }
	
	.genesis-nav-menu { display: flex; flex-wrap: wrap; justify-content: flex-end; }
	
	.sidebar > .widget { border-top: 1px solid #f5f5f5; }

	.mobile-search.widget-area { display: none; }
	
}

@media only screen and (max-width: 1024px) {

	.site-container { max-width: 920px; }
	
	.content { width: 580px; }
	
	.sidebar-primary { width: 295px; }
	
}

@media only screen and (max-width: 1023px) {

	body { font-size: 100%; }
	
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	.button	{ padding: 16px; }
	
	iframe { width: 100%; }	
	
	.site-container { width: 980px; }

	.site-inner,
	.footer-widgets,
	.wrap { width: 100%; }
	
	.sidebar-primary { width: 290px; }
	
	.sidebar > .widget { text-align: center; }
	
	.site-header .title-area { margin-bottom: 20px; }
	
	.site-header .title-area,
	.site-header .widget-area { padding: 0; }
	
	.genesis-nav-menu,
	.site-header .widget-area { text-align: center; }

	.genesis-nav-menu li.right { display: none; }
	
	.genesis-nav-menu a { padding: 10px 15px; }	
	
	.nav-primary .genesis-nav-menu > li > a { background-color: transparent; }
		
	.sidebar-primary .widget_search { display: none; } /* mobile search widget after header for responsive search! */
	
	.mobile-search { margin: 60px auto; }
	
	.mobile-search .widget_search { display: block; }
	
	.mobile-search .search-form { text-align: center; }
	
	.content { border: none; }
	
	.site-footer { padding: 24px; }
	
}

@media only screen and (max-width: 1023px) and (min-width: 800px) {

	.site-header .title-area { margin-bottom: 20px; }

}


@media only screen and (max-width: 1023px) and (min-width: 736px) {

	.site-header .widget-area {	width: 200px; }

}

@media only screen and (min-width: 981px) {

	.sidebar-primary { height: auto !important; }

	.sidebar .widget,
	.footer-widgets .widget-area { text-align: center; }
	
}

@media only screen and (max-width: 980px) {

	.site-container { width: 870px; }

	.content,
	.sidebar-primary,
	.site-inner,
	.footer-widgets,
	.site-footer,
	.wrap { width: 100%; }
	
}

@media only screen and (min-width: 801px) {

	.genesis-nav-menu .menu-item { display: inline-block; }

	.nav-primary .genesis-nav-menu > li { margin-right: 2px; }
	
	.nav-primary .genesis-nav-menu > li > a { padding: 14px 24px; }
	
	.genesis-nav-menu .sub-menu {
		position: absolute;
		left: -9999px;
		top: 100%;
		width: 220px;
		border-top: 1px solid #ddd;	
		opacity: 0;
		-webkit-transition: opacity .4s ease-in-out;
		-moz-transition:    opacity .4s ease-in-out;
		-ms-transition:     opacity .4s ease-in-out;
		-o-transition:      opacity .4s ease-in-out;
		transition:         opacity .4s ease-in-out;
		z-index: 99;
	}

	.genesis-nav-menu .sub-menu a {
		position: relative;
		width: 220px;
		padding: 12px 24px;
		border: 1px solid #ddd;
		border-top: none;
		color: #111;
	}

	.genesis-nav-menu .sub-menu a { background-color: #fff; }

	.genesis-nav-menu .sub-menu a:hover,
	.genesis-nav-menu .sub-menu .current-menu-item > a,
	.genesis-nav-menu .sub-menu .current-menu-ancestor > a { background-color: #f5f5f5; color: #111; }

	.genesis-nav-menu .sub-menu .sub-menu { top: -1px; margin: 0 0 0 219px; }

	.genesis-nav-menu .menu-item:hover { position: relative; }

	.genesis-nav-menu .menu-item:hover > .sub-menu { left: auto; opacity: 1; }
	
	.nav-secondary .menu-item a[target="_blank"] { padding-right: 30px; }	
	
	.responsive-menu-icon { display: none; }
	
	.site-header { padding: 20px 0;	}	
	
	.nav-footer .genesis-nav-menu { text-align: right; }
	
}

@media only screen and (max-width: 800px) {

	.responsive-menu-icon { display: block; text-align: center; cursor: pointer; }
	
	.nav-primary,
	.nav-primary > .wrap/ { position: unset; }
	
	.nav-secondary > .wrap { padding: 10px 0; }
	
	.responsive-menu-icon::before {
		content: "\f333";
		display: inline-block;
		margin: 0 auto;
		padding: 10px;
		color: #111;
		font: normal 20px/1 'dashicons';
	}

	.responsive-menu-icon::after,
	.responsive-menu-icon::after {
		position: relative;
		top: -4px;
		color: #111;
		font-family: inherit;
		font-size: 16px;
		line-height: 1;
		font-weight: 600;
	}

	.nav-primary .responsive-menu-icon::after { content: "HAUPT-MENU"; }

	.nav-secondary .responsive-menu-icon::after { content: "BASIS-MENU"; }	
	
	.nav-primary .genesis-nav-menu.responsive-menu,
	.nav-secondary .genesis-nav-menu.responsive-menu {
		position: absolute;
		width: 100%;
		padding: 10px 0 20px;
		background-color: #fff;
		z-index: 9999;
	}

	.genesis-nav-menu.responsive-menu > .menu-item > .sub-menu,
	.genesis-nav-menu.responsive-menu { display: none; }
	
	.nav-footer .genesis-nav-menu { text-align: center; }

	.genesis-nav-menu .menu-item { display: block; margin: 0; padding: 0; }
	
	.nav-secondary .genesis-nav-menu .menu-item { border-bottom: 1px solid #ddd; }	
	
	.nav-footer .genesis-nav-menu .menu-item { display: inline-block; }	

	.genesis-nav-menu.responsive-menu .menu-item:hover { position: static; }
	
	.genesis-nav-menu.responsive-menu .menu-item-has-children { cursor: pointer; }
	
	.genesis-nav-menu.responsive-menu > .menu-item-has-children:before {
		content: "\f132";
		position: absolute;
		right: 0;
		height: 16px;
		padding: 18px 20px;
		color: #888;
		font: normal 16px/1.5 'dashicons';
		text-align: right;
		z-index: 9999;
	}
	
	.nav-primary .genesis-nav-menu.responsive-menu > .menu-item-has-children:before { color: #fff; }
	
	.genesis-nav-menu.responsive-menu .menu-open.menu-item-has-children:before { content: "\f460"; }
	
	.nav-secondary .genesis-nav-menu.responsive-menu .menu-item-has-children > a { background-color: #f5f5f5; }

	.genesis-nav-menu.responsive-menu li a { color: #888; }
	
	.genesis-nav-menu.responsive-menu > li > a { padding: 16px 24px; }

	.genesis-nav-menu.responsive-menu li > a:hover,
	.genesis-nav-menu.responsive-menu li.current-menu-item > a,
	.genesis-nav-menu.responsive-menu li.current-menu-ancestor > a,
	.genesis-nav-menu.responsive-menu .sub-menu li.current-menu-item > a { color: #111; }
	
	.nav-primary .genesis-nav-menu.responsive-menu li a,
	.nav-primary .genesis-nav-menu.responsive-menu .sub-menu li a { color: #fff; }
	
	.nav-primary .genesis-nav-menu.responsive-menu li > a:hover,
	.nav-primary .genesis-nav-menu.responsive-menu li.current-menu-item > a,
	.nav-primary .genesis-nav-menu.responsive-menu li.current-menu-ancestor > a,
	.nav-primary .genesis-nav-menu.responsive-menu .sub-menu li.current-menu-item > a,
	.nav-primary .genesis-nav-menu.responsive-menu .sub-menu li.current-menu-ancestor > a { color: #eee; color: rgba(255,255,255,0.8); }
	
	.genesis-nav-menu.responsive-menu .menu-item > a {
		font-size: 16px;
		line-height: 1.5; /* 2.5 */
		text-align: left;
		text-transform: uppercase;
	}	

	.genesis-nav-menu.responsive-menu li a,
	.genesis-nav-menu.responsive-menu li a:hover { display: block; border: none; }

	.genesis-nav-menu.responsive-menu .sub-menu {
		position: relative;
		left: auto;
		width: 100%;
		border: none;
		-moz-transition:    opacity .4s ease-in-out;
		-ms-transition:     opacity .4s ease-in-out;
		-o-transition:      opacity .4s ease-in-out;
		-webkit-transition: opacity .4s ease-in-out;
		transition:         opacity .4s ease-in-out;
		opacity: 1;
		z-index: 99;
	}

	.genesis-nav-menu.responsive-menu .sub-menu .sub-menu { margin: 0; }
	
	.genesis-nav-menu.responsive-menu .sub-menu .menu-item { border-top: 1px solid rgba(255, 255, 255, 0.15); }	
	
	.genesis-nav-menu.responsive-menu .sub-menu li a {
		position: relative;
		width: 100%;
		padding: 16px 40px;
		border: none;
		background-color: transparent;
		color: #888;
		text-transform: none;
	}	
	
	.genesis-nav-menu.responsive-menu .sub-menu > .menu-item:last-of-type > a { padding-bottom: 21px; }	
	
	.nav-primary .genesis-nav-menu.responsive-menu .sub-menu > .menu-item:last-of-type > a { padding-bottom: 16px; }	
	
	.genesis-nav-menu.responsive-menu .sub-menu li li a { padding-left: 60px; }	
	
	.genesis-nav-menu.responsive-menu .sub-menu li li li a { padding-left: 80px; }
	
	.genesis-nav-menu.responsive-menu .sub-menu li li li li a { padding-left: 100px; }
	
	.nav-secondary .genesis-nav-menu li > a { font-size: 14px; }
	
	.site-header { padding: 30px 0 15px; }
	
	.sidebar .alignleft,
	.sidebar .alignright,
	.footer-widgets .alignleft,
	.footer-widgets .alignright { display: block; float: none; margin: 0 auto 20px; }	
	
}

@media only screen and (max-width: 800px) and (min-width: 480px) {

	.site-container { width: 86%; }

}

@media only screen and (max-width: 799px) {

	body .lens-proto.sd2-large dl.slidedeck > dd div.sd2-node-caption .sd2-slide-title,
	body .lens-proto.sd2-large dl.slidedeck > dd div.sd2-node-caption .sd2-slide-text { padding: 10px 20px; }
		
}

@media only screen and (max-width: 799px) and (min-width: 668px) {

	body  .lens-proto.sd2-large dl.slidedeck dd.slide-source-custom.has-excerpt .sd2-node-caption .sd2-slide-text { font-size: 16px; }	

}

@media only screen and (max-width: 799px) and (min-width: 480px) {

	.footer-widgets .widget-zeitplan .su-column { background-size: 100% auto; }

}

@media only screen and (max-width: 736px) {

	body { word-wrap: break-word; }

}

@media only screen and (max-width: 735px) and (min-width: 569px) {

	body .lens-proto.sd2-large dl.slidedeck > dd div.sd2-node-caption .sd2-slide-title { font-size: 3em; }	
	
}

@media only screen and (max-width: 667px) {

	.content .entry-content ol,
	.content .entry-content ul { margin-left: 15px; }

	body  .lens-proto.sd2-large dl.slidedeck dd.slide-source-custom.has-excerpt .sd2-node-caption .sd2-slide-text { font-size: 13px; }	
	
}

@media only screen and (max-width: 640px) {

	.five-sixths,
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds { width: 100%; margin: 0; }
	
	/*.title-area,
	.site-title a { width: 200px; height: 74px; }*/
	
	.site-title a { background-size: 100% auto; }

	.content #genesis-responsive-slider .flex-direction-nav li .next,
	.content #genesis-responsive-slider .flex-direction-nav li .prev,
	.content .slide-excerpt { display: none; }
	
	.header-image .site-header .site-title a { background-size: contain !important; }
	
	.entry-title { font-size: 26px; }
	
	.footer-widgets .widget { margin-bottom: 60px !important; }
	
	.site-footer .creds { width: 100%; }

	/* no masonry sidebar over 980px & under 640px, pt II */
	
	.sidebar-primary { height: auto !important; }

	.sidebar .widget,
	.footer-widgets .widget-area {
		overflow: hidden;
		position: relative !important;
		top: auto !important;		
		left: auto !important;
		width: 100%; /* 640px only! */
		text-align: center;
	}	

}

@media only screen and (max-width: 568px) and (orientation: landscape) {

	body .lens-proto.sd2-large dl.slidedeck > dd div.sd2-node-caption .sd2-slide-title { font-size: 1em; }	
	
}

@media only screen and (max-width: 568px) and (min-width: 481px) {

	body .slide-source-custom.slide-type-image.custom-layout-body-text.custom-caption-position-right .sd2-node-caption { left: 47%; }

}

@media only screen and (max-width: 480px) {

	.site-container { width: 80%; }

}

@media only screen and (max-width: 480px) and (min-width: 421px) {

	body .slide-source-custom.slide-type-image.custom-layout-body-text.custom-caption-position-right .sd2-node-caption { left: 37%; }

}

@media only screen and (min-width: 421px) {

	.content .entry-content ol,
	.content .entry-content ul { margin-left: 40px; }
	
}

@media only screen and (max-width: 420px) {
	
	body .slide-source-custom.slide-type-image.custom-layout-body-text.custom-caption-position-right .sd2-node-caption { left: 0%; }
}