/*
Theme Name:         Dahrendorf Forum
Theme URI:          http://dahrendorf-forum.eu/
Description:        Blogging theme, based on Reverie 3.
Version:            1.2
Author:             Clemens & Viktor Nübel
Author URI:         http://lieberungewoehnlich.de/
*/



/*---------------- GLOBAL --------------- */

html, body { overflow: auto; }
body { color: #505050; font-family: 'PT Sans', sans-serif; font-size: 1.1rem; line-height: 1.5; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: 1.2; }
h1, .entry-title { font-size: 2.2rem; letter-spacing: -0.01rem; margin: 0.1em 0 0.4em 0; }
h2 { font-size: 1.6rem; margin: 0 0 0.4em 0; }
h3 { font-size: 1.2rem; line-height: 1.5; margin: 0 0 0.4em 0; }
h4 { font-size: 1.1rem; }
a { color: #505050; text-decoration: none; -webkit-transition: all 200ms ease-in 0s; -moz-transition: all 200ms ease-in 0s; -ms-transition: all 200ms ease-in 0s; -o-transition: all 200ms ease-in 0s; transition: all 200ms ease-in 0s; }
a:hover { color: #999; }
a img:hover { opacity: 0.75; }
p { margin: 0 0 1.6rem 0; }
ul, ol, dl { list-style: outside circle none; margin: 0 0 1.6rem 0; padding: 0 0 0 20px; }
del { color: #999; }
img { border: 0; }
figure  { margin: 0; }
figure img { }
img.alignleft, figure.left { float: left; margin: 5px 18px 18px 0; }
figcaption { color: #999; font-size: 0.9rem; line-height: 1.2; margin: 0 0 1rem; }
hr { border-width: 0 0 5px; border-color: #f5f5f5; margin: 50px 0; }

.clear { clear: both; }
.divider { width: 100%; height: 0px; border-top: 1px solid #e3e3e3; }
.row { max-width: 970px; width: 100%; }

/* Gallery */
.gallery dl { margin-left: 0.5625rem; margin-right: 0.5625rem; }
.gallery dt, .gallery dl { display: inline-block; }
.gallery-columns-3 { max-width: 510px; margin: 0 auto; }
.gallery-columns-5 .gallery-item { width: 17%; }
.gallery-columns-5 .gallery-caption { display: none; }

/*---------------- HEADER --------------- */

.site-header { background-color: transparent; margin: 0; }
.title-area { padding: 20px 0 25px 0; max-width: 970px; }
#site-logo { max-width: 350px; }
#site-logo img:hover { opacity: 1;; }
#searchform { margin: 0 0 0.5rem 0.5rem }
.search-area { padding-top: 8px; }

/* Header Widget */
header .panel { background: none; border: none; float: right; margin: 0; padding: 0; }
.page header article, .single header article { border: none; margin: 0; padding: 0; }
.sponsor { overflow: hidden; padding: 0; }
.sponsor h4 { color: #999; font-size: 0.7rem; font-weight: normal; letter-spacing: 0.04em; text-align: right; text-transform: uppercase; padding: 34px 54px 0 0; margin-bottom: 3px; width: 100%; }
.sponsor h4 span { padding: 0 0 0 202px; }
.sponsor .header-logo-three { padding: 0 0 0 15px; }
.sponsor .header-logo-one img { margin: 0 2px 0 0; width: 180px; }
.sponsor .header-logo-two img { margin: 0 0 0 0; width: 128px; }
.sponsor .header-logo-three img { margin: 7px 15px 0 5px; width: 102px; }

/* Quotes */
header p.quote, #sidebar p.quote { border-top: 5px solid #0f5a91; color: #F01111; font-size: 1.8em; font-style: italic; line-height: 1.3; margin: 0; padding: 7px 0; text-align: left; }
#sidebar p.quote a { border: none; color: #0f5a91; text-decoration: none; }
header .quote-author, #sidebar .quote-author { color: #505050; text-align: left; }


/*---------------- NAVIGATION--------------- */

/* Main Naviagtion */
.nav-wrapper { height:57px;background-color: #ebebeb; width: 100%;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb; }
.nav-wrapper .row { max-width: 970px; margin:0 auto; }
.contain-to-grid .top-bar { background-color: transparent; }
.top-bar-section ul li:not(.has-form) { background-color: transparent; height: 40px;}
.top-bar-section ul li > a { font-family: 'PT Sans', sans-serif; color: #505050; font-weight: bold;font-size: 1em; text-transform: uppercase; line-height: 55px; letter-spacing: 0.05em; }
.top-bar-section li:not(.has-form) a:not(.button) {padding: 0 15px !important; background-color: transparent; line-height:55px; height:56px;}
.top-bar-section li:not(.has-form) a:hover:not(.button) { background-color: transparent; color:#0f5a91;}
.top-bar-section ul li:hover:not(.has-form) > a {background-color: transparent;color:#505050;}
.top-bar-section li.active:not(.has-form) a:not(.button) { background: transparent; color: #0f5a91; line-height: 55px; font-weight: bold; }
.top-bar-section li.active:not(.has-form) a:hover:not(.button) { background: transparent; color: #0f5a91;}
.top-bar-section .left li .dropdown { background: #ebebeb; padding: 0 10px 20px 0; right: auto; }
.top-bar-section .dropdown li.active:not(.has-form) a:not(.button) { background-color: #ebebeb; }
.top-bar-section .menu-item-dahrendorf-blog:not(.has-form) a:not(.button) { background-color: #fff; border-bottom: 1px solid #f5f5f5; border-right: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; padding: 0 30px !important; }
.top-bar-section .menu-item-dahrendorf-blog.active:not(.has-form) a:not(.button) { border-bottom: 1px solid #fff; border-right: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; padding: 0 30px !important; }
.top-bar-section .menu-item-dahrendorf-blog:hover:not(.has-form) a:not(.button),.top-bar-section .menu-item-dahrendorf-blog.active:hover:not(.has-form) a:not(.button) { background-color: #fff;color: #505050; }
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { background: #ebebeb;color: #505050; border: none; font-weight: bold;font-size: 0.9em; text-transform: uppercase; line-height: 55px; }
.top-bar-section .dropdown li:hover:not(.has-form):not(.active) > a:not(.button) { background-color: #ebebeb;color: #0f5a91; }
.top-bar-section .top-navigation {height: 55px !important; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box }
.top-bar-section .has-dropdown > a::after {display: none;}
.top-bar-section .dropdown {-webkit-box-shadow: 0px 10px 9px -2px rgba(0,0,0,0.25);-moz-box-shadow: 0px 10px 9px -2px rgba(0,0,0,0.25);box-shadow: 0px 10px 9px -2px rgba(0,0,0,0.25);}

/* Main Mobile Naviagtion Responsive */
.top-bar .toggle-topbar {width: 100%;}
.top-bar .toggle-topbar a { color: #505050; font-size: 0.9rem; height: 57px; line-height: 53px; padding: 0 0 0 4em; }
.top-bar .toggle-topbar a:before { box-shadow: 0 0 0 2px #505050, 0 8px 0 2px #505050, 0 16px 0 2px #505050; content: ""; display: block; left: -2.2em; position: relative; top: 1.2em; width: 20px; }
.top-bar.expanded .toggle-topbar a:before { box-shadow: 0 0 0 2px #888, 0 8px 0 2px #888, 0 16px 0 2px #888; }
.top-bar-section ul.show-for-small { margin: 56px 0 10px 0; }
.top-bar-section ul.show-for-small li:not(.has-form) { border-bottom: 1px solid #dbdbdb; height: 57px; }
.top-bar-section ul.show-for-small .menu-item-dahrendorf-blog:not(.has-form) a:not(.button), .top-bar-section ul.show-for-small li:not(.has-form) a:not(.button) { padding: 0 25px !important; }
.top-bar .toggle-topbar.menu-icon a h3 { color: #fff;  height: 45px;  line-height: 43px; padding: 0 15px; }
.top-bar.expanded .toggle-topbar a h3 { color: #999; }
.top-bar-section .show-for-small .dropdown { box-shadow: none; }
.top-bar-section .show-for-small .dropdown li:not(.has-form):not(.active) > a:not(.button) { background: #fff; }
.top-bar-section .show-for-small li .dropdown { padding: 0; }
.top-bar-section ul.show-for-small li > a { padding: 5px 0 5px 15px; }
.top-bar-section .dropdown li.title h5 a { font-size: 1rem; font-weight: bold; line-height: 54px; height: 56px; padding: 0 0 0 1em; text-transform: uppercase;color:#0f5a91;}
.top-bar-section .dropdown li.title h5 a:hover { background: #ccc; }

/* Footer Naviagtion */
.footer-nav span { float: left; margin: 0 20px 0 0; }
.footer-nav ul { margin: 0; list-style: inside none none; }
.footer-nav li { float: left; padding: 0 20px 0 5px; }
.footer-nav li:before { content: "\2022"; color: #999; display: block; left: -15px; position: relative; top: 0; height: 0px; }

/* Category Naviagtion */
.cat-navigation { padding: 20px 0; margin: 0 auto; height: 90px; width: 100%; border-bottom: 1px solid #dbdbdb; }
.cat-navigation span.ourTopics { color: #dbdbdb; font-weight: 600; line-height: 1.7; margin: 0 15px 0 0; text-transform: uppercase; float: left; display: block; height: 50px; }
.cat-navigation ul { padding: 0 0 10px 0; margin: 0 auto; }
.cat-navigation ul li a { font-size: 1em; font-weight: bold; letter-spacing: 0.04em; line-height: 1.7; padding: 5px 20px 5px 3px; text-transform: uppercase; }
.topic-navigation li a { color: #0f5a91; }
.topic-navigation li a:hover,.topic-navigation li a:active,.topic-navigation li a:focus { color: #505050; }
.cat-navigation .menu-item { float: left; }
.cat-navigation .icon-play { color: #dbdbdb; font-size: 0.7rem; position: relative; top: -2px; }
.page .cat-navigation, .single-event .cat-navigation { display: none; }
.page-id-1102 .cat-navigation, .page-id-4127 .cat-navigation { display: block; }


/*---------------- CONTENT--------------- */

.container { margin: 25px auto; max-width: 970px; position: relative; }
.archive #content, .search #content, .error404 #content, .paged #content { margin-top: 10px; }
.page #content, .single #content, .archive #content { margin-top: 10; }
.post-meta { color: #999; margin: 0 0 11px 0; }
.post-meta span.author, .post-meta span.entry-date { font-size: 0.9rem; line-height: 1.2; margin: 2px 0 0; }
.post-category { height: auto; width: 100%; }
.post-category, .post-category a { text-transform: uppercase; font-size: 0.8rem; letter-spacing: 0.06em; font-weight: bold; color: #0f5a91; margin: 0; display: inline-block; }
p a, #content ul li a { border-bottom: 1px dotted #505050; text-decoration: none; }
p a:hover, #content ul li a:hover { border-bottom: 1px solid #505050; color: #333; }

/* ARTICLE STREAM */
.home #content .first-post { display: block; }
.home #content .first-post .post-meta { margin: 0; }
.home #content .first-post .post-category { background: #f5f5f5; padding: 7px 15px 7px 15px; float: left; width: auto; margin: 0 10px 0 0; }
.home .article-list .featured-media { margin: 0; }
.home .article-list article { padding: 0 20px 0 0; min-height: 580px; }
.home .article-list h2 { -webkit-line-clamp: 3; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; }
article, .page-template-news-archive-page article { border-bottom: 5px solid #f5f5f5; width: 100%; margin: 0 0 15px 0; padding: 10px 0 5px 0; overflow: hidden; }
.page-template-news-archive-page .entry-content p { font-size: 1rem !important; }
.featured-media { height: 300px; margin: 0 0 15px 0; overflow: hidden; min-width: 100%; }
.first-post .featured-media img { min-width: 500px; }
.featured-media img { min-width: 245px; }
.content-block { display: block; width: 100%; }
.entry-content a p { color: #333; margin: 0 0 0.7em 0; }
.first-post .entry-content a p { font-size: 1rem; }
.excerpt_more { color: #0f5a91;  font-size: 0.8rem;  font-style: italic;  margin: 0 0 0 6px; }
.excerpt_more:hover { color: #333; }
.category_description p { font-size: 1.2rem; font-weight: bold; }

/* FIRST POST */
.first-post { display: block;  margin: 0 0 25px 0; padding: 0 0 20px 0; }
.first-post h2 { font-size: 1.7rem;  }
.first-post figure { display: block; width: 100%; }
.first-post .featured-media, .single .featured-media { height: auto; max-height: 340px; overflow: hidden; max-width: 100%; }
.first-post figure img { width: 100%; }
.archive .firstpost { padding: 0 0 25px; }

/* VIDEO POST */
.featured-media iframe { height: 100%; width: 100%; }
.single .featured-media iframe { min-height: 360px; }

/* AUDIO POST */
#audio-player { height: 50px; width: 100%; }
.featured-media-audio { height: 147px; margin: 0 15px 10px 0; overflow: hidden; position: relative; width: 245px; }
.post-audio { position: absolute; bottom: 0; width: 100%; }
.single .featured-media-audio, .first-post .featured-media-audio { height: 50px; margin: 0 0 10px; overflow: hidden; position: relative; width: 100%; }

/* SINGLE POST */
.single article { padding: 0 0 15px 0;border:none;}
.single .category-content, .single .category-content img { height: 150px; }
.single .category-content p { color: #fff; }
.single .post-meta { padding: 0px 0 15px 0; margin: 0; }
.single .featured-media { max-height: 340px; margin: 0 0 4px 0; }
.single .featured-media img { width: 100%; }
.single .img-caption { color: #999; display: block; font-size: 11px; margin: 0 0 21px; text-align: right; width: 100%; }
.single .entry-content { font-family: 'PT Serif', serif; }
.single .entry-content { margin: 5px 0 25px 0; }
.single .entry-content p { font-size: 1.1rem; }
.single .entry-content p:first-child { font-weight: bold; font-size: 1.3rem; }
.single .entry-content img { max-width: 100%; }
.post-disclaimer { color: #999; font-style: italic; }
.print-link {font-size: 1.4rem;}
.single .entry-footer { border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; overflow: hidden; padding: 6px 0; }
.shariff { width: 70%; float: left; clear: none !important; }
/* RELATED POST */
.yarpp-related ol { list-style: none !important; padding: 0; }
.yarpp-related ol li { display: inline-block; line-height: 1.3; padding: 0 0 10px 0; }
.yarpp-related ol li p { margin: 0; }
/* PAGE */
.page article { padding: 0 0 15px 0; margin: 0 0 15px 0; }
.page article p:first-child, .page-template article p:first-child { font-size: 1.2rem; }
.page .entry-content { font-family: 'PT Serif', serif; }
.page-template-blog-archive-page .entry-content { font-family: 'PT Sans', sans-serif; }


/*---------------- FOOTER --------------- */

.site-footer { background-color: #ebebeb; color:#505050; font-size: 1rem; line-height: 2; width: 100%; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; padding: 35px 0; }
.socialmedia h4 { float: left; margin-right: 1.25rem; }
.socialmedia a { font-size: 1.8rem; opacity: 0.8; }
.socialmedia [class^="icon-"]::before, [class*=" icon-"]::before { margin-right: 0; }

/*---------------- SIDEBAR & WIDGET AREAS--------------- */

/* Frontpage Widget Area */
.home-footer { border-top: 1px solid #dbdbdb; }
.front-widgets .panel { border: none; background: transparent; }
.front-widgets .panel > :first-child { margin-top: 1.5rem; }
.front-widgets h4 { color: #0f5a91; }
.home-footer .event_widget  ul { list-style: inside none none; margin: 0 0 1.6rem 0; padding: 0 0 0 0; }

/* Sidebar Widget Area */
#sidebar { padding-left: 2.875em; }
.widget-featured-media { height: 87px; margin: 0 12px 5px 0; overflow: hidden; width: 90px; float: left; padding: 5px 0 0 0; }
.widget-featured-media img { min-height: 90px; }
.default-sidebar.has-first-post { margin-top: 570px; }
.default-sidebar { margin-top: 14px; }
.archive .default-sidebar, .search .default-sidebar, .error404 .default-sidebar { margin-top: 30px; }
#sidebar .panel { font-size: 0.9rem; color: #666; background: #fff; border: none; margin: 0 0 40px 0; min-height: 0; padding: 0; }
#sidebar h4, .blogHeadline { font-size: 1.2rem; font-weight: bold; letter-spacing: 0.04em; line-height: 1.5; margin: 0 0 -4px 0; padding: 0; text-transform: uppercase; }
#sidebar .textwidget, #sidebar p { padding: 10px 0; }
#sidebar ul { list-style: none; margin: 0; padding: 0; }
#sidebar ul li { display: inline-block; line-height: 1.3; padding: 10px 0 10px 0; }
#sidebar ul li a { font-size: 1.1rem; line-height: 1.2; font-weight: bold; padding: 0; display: block; }
#sidebar ul li a:hover { color: #999; }
#sidebar .widget_text_special { background: #ccc; color: #fff; font-size: 1.3rem; line-height: 1.1; padding: 12px 10px 15px; }
#sidebar .widget_text_special h4 { border: none; color: #fff; }
#sidebar .event_widget ul { padding: 0 0 5px 0; }
#sidebar .event_widget ul li a { padding: 0 5px 0 0; width: 100%; }
#sidebar .event_widget .eventmonth { font-size: 0.7rem; height: 45px; line-height: 1.15; margin: 0 12px 0 0; padding: 8px 0; width: 45px; }
#sidebar .event_widget .eventmonth .eventyear { font-size: 0.8rem; }
#sidebar .event_widget .eventinfo { display: inline-block; width: 65%; }
#sidebar .event_widget .event-date, #sidebar .event_widget .eventlocation { font-weight: normal; font-size: 0.8rem; }
#sidebar .text-xtra { color: #0f5a91; font-size: 1rem; }
#sidebar .widget-more { border-top: 5px solid #f5f5f5; width: 100%; padding: 10px 0; font-weight: bold; font-size: 1rem; display: block; color: #999; }
#sidebar .widget-more:hover { opacity: 0.75; }
#sidebar .publications_widget .widget-more { margin: 5px 0 0 0; }


/*---------------- ARCHIVES --------------- */

.author-info  { border-bottom: 5px solid #f5f5f5; margin: 35px 0 20px; min-height: 160px; padding: 0 0 30px; }
.author-info img { float: left; margin: 0 20px 20px 0; max-width: 130px; }
.archive .firstpost figure { margin: 15px 0; }


/*---------------- EVENT PAGE --------------- */

.eventlist ul { list-style: none; margin: 30px 0 0 0; padding: 0; }
.eventlist ul li { padding: 0 0 10px 0; margin: 0 0 10px 0; }
.eventlist ul li:hover { opacity: 0.8; }
.eventmonth { background-color: #0f5a91; color: #fff; font-size: 1.2rem; font-weight: bold; height: 60px; line-height: 1; margin: 0 20px 10px 0; padding: 11px 0; text-align: center; text-transform: uppercase; width: 60px; }
.eventmonth .eventyear { font-size: 0.8rem; }
.eventlist ul li.open { background-color: #f5f5f5; }
.eventlist ul li header { clear: both; cursor: pointer; display: inline-block; height: auto; min-height: 60px; width: 100%; }
.eventlist ul li .eventinfo { float: left; margin: 0 0 10px; width: 87%;}
.eventlist ul li .entry-content { display: none; padding: 10px 40px 10px 0; }
.eventlist ul li .entry-content .featured-media { height:170px; width: 180px; min-width: 180px; }
.eventlist ul li .entry-content .featured-media img { width: 180px; min-width: 158px; }
.page-template-event-archive-page .eventlist .eventmonth { background-color: #dbdbdb; }
.single-event .entry-header { margin: 0 0 30px 0; }
.no-events-msg { margin: 15px 0 30px 0; font-size: 1.1rem; font-style: italic; }
.no-events-msg a { border-bottom: 1px dotted #999; }


/*---------------- NETWORK/MEMBERS PAGE --------------- */

.networklist { margin: 35px 0; }
.networklist ul { margin: 0; padding: 0; }
.networklist ul li { border-bottom: 1px solid #f5f5f5; padding: 10px 20px 12px 15px; }
.networklist ul li.open { background-color: #f5f5f5; }
.networklist header { cursor: pointer; }
.networklist .featured-media { height: auto; margin: 6px 15px 15px 0; width: 155px; min-width: auto; }
.networklist .featured-media img { min-width: 155px; }
.index a { color: #505050; font-size: 1rem; padding: 0 6px; text-decoration: underline; }
.index span { color: #ccc; font-size: 1rem; padding: 0 6px; }
.networklist .anchorspace { margin-top: 50px; }
.networklist .anchorspace h6 { color: #ddd; font-size: 2.4rem; line-height: 1; margin: 0 0 0 -10px; }
.member-posts, .member-post { display: inline-block; width: 100%; }
.member-post .members-featured-media { height: 87px; width: 90px; float: left; margin: 0 12px 22px 0; }
.member_contact img { margin: 0 10px 0 0; width: 40px; float: left; }
.contact_icons { width: 100%; display: inline-block; }
.member_contact_more { clear: both; margin: 35px 0 0 0; }
.single .entry-content .member_contact_more p:first-child { font-size: 1rem; font-weight: normal; }


/*---------------- NEWS --------------- */

.all_news_link, .edit_post_link { display: block; float: right; margin: 5px; }


/*---------------- PUBLICATIONS --------------- */

.page-template-page-briefings  article.publications, .page-template-publications-archive-page article.publications,
.category-dahrendorf-podcast article.publications,
.archive article.category-policy-brief, .archive article.category-dahrendorf-analysis, 
.archive article.category-academic, .archive article.category-in-the-media, .archive article.category-podcast, 
.archive article.category-dahrendorf-proceedings {  background: #f5f5f5; padding: 25px; margin: 0 0 5px 0; }
.page-template-page-briefings article.publications .featured-media, .archive article.publications .featured-media, .page-template-publications-archive-page article.publications .featured-media { display: none; }
.page-template-page-briefings .newslist article p:first-child, .page-template-publications-archive-page .newslist article p:first-child  { font-size: 1rem; }

/*---------------- COMMENTS --------------- */

.comments-wrapper { border-top: 3px solid #e3e3e3; margin: 30px 0 0 0; padding-top: 15px; }
.comments-wrapper h3 { border-bottom: 1px solid #e3e3e3; font-size: 1.2rem; margin: 0; padding: 5px 0 20px; }
.comments-wrapper h3 span { color: #CCC; font-size: 0.9rem; margin: 0 5px; }
.comment-nav { border-bottom: 1px solid #E3E3E3; list-style: none outside none; margin: 0; padding: 0 0 27px; display: none; }
.comment-nav li { line-height: 1em; padding: 3px 15px 0 5px;}
.comment-nav li a { color: #ccc; font-size: 0.8rem; letter-spacing: 0.05em; text-transform: uppercase; }
.comment-nav li a:hover {color: #777; }
.comment-nav li.active a { color: #999; }
ol.commentlist li { margin: 0; }
ol.commentlist li section.comment { margin:0; }
.comment.depth-1 { border-bottom: 1px solid #e3e3e3; }
.comment article { padding: 15px 10px 35px 10px;}
ol.commentlist li .children .comment article { background-color: #f2f2f2; margin-bottom: 15px; }
ol.commentlist li .children { margin: 30px 0 10px 50px; }
ol.commentlist li .children .comment-content { margin: 0; padding: 0; }
ol.commentlist li .children .response { margin:0; padding:0; }
.comment-author { padding:15px 0 0 0; }
.author-meta { color: #ccc; text-align: right; font-size: 0.8rem; }
.author-meta .fn { font-weight:normal; color: #999; margin: 0 10px 0 0; }
.comment h4 { color: #333; font-size: 0.9rem; font-weight: bold; margin: 0; }
.comment h4 span { font-weight: normal; color: #999; display: inline-block; text-align: left; width: 50px; }
.comment-content { padding:0 0 0 50px; }
.response { margin: 0; }
.comment article.recommended { background-color: #f5fafe; }
ol.commentlist .response li { color: #ccc; margin: 0; padding: 0; }
ol.commentlist section .comment-reply-link, ol.commentlist .author-meta .comment-reply-link { color: #999; font-size: 0.875rem; }
ol.commentlist section .comment-reply-link:hover, ol.commentlist .author-meta .comment-reply-link:hover { color: #333; }
#commentform p { margin: 0 0 5px 0; }
#commentform label { color: #999; font-size: 0.8rem; margin: 0 0 5px; }
#commentform textarea { min-height: 160px; }


/*---------------- SEARCHFORM & SEARCH & BUTTONS & FORMELEMENTS --------------- */

button, .button { background-color: transparent; border: 2px solid #0f5a91; color: #0f5a91; font-family: inherit; font-weight: bold; }
button:hover, button:focus, .button:hover, .button:focus { background-color: #0f5a91; color: #fff; }
input[type="text"], input[type="password"], input[type="date"], input[type="email"], input[type="search"], input[type="url"], textarea { background-color: #fff;  border-color: #e4e4e4;  border-style: solid;  border-width: 1px;  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;  color: rgba(0, 0, 0, 0.75); font-size: 0.875rem; height: 2.3125rem; margin: 0 0 1rem; padding: 0.5rem; width: 100%; }
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="url"]:focus, textarea:focus { background: none repeat scroll 0 0 #fafafa; border-color: #999; box-shadow: none; outline: medium none; }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="url"]:focus, textarea:focus { border-color: #999; box-shadow: none; }
.searchform input[type="text"] { -webkit-appearance: textfield; -webkit-box-sizing: border-box; font-family: inherit; font-size: 100%; }
input::-webkit-search-decoration,input::-webkit-search-cancel-button { display: none; }
.searchform input[type="text"]  { height:38px; width:38px;padding: 5px 32px 5px 0px; color: transparent; cursor: pointer; background: #fff url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px center; border: none; -webkit-border-radius: 10em; -moz-border-radius: 10em; border-radius: 10em; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.searchform input[type="text"]:focus  {width: 150px; padding-left: 10px ;background-color: #fff; border-color: #66CC75; -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);box-shadow: 0 0 5px rgba(109,207,246,.5);}
.searchform input[type="text"]:-moz-placeholder { color: #999; }
.searchform input[type="text"]::-webkit-input-placeholder { color: #999; }
.searchform input[type="text"]:hover { background-color: #fff; }
.searchform input[type="text"]:focus { width: 250px; padding-right: 32px; color: #000; background-color: #fff; cursor: auto; background-position: 220px center; }
.searchform input[type="text"]:-moz-placeholder { color: transparent; }
.searchform input[type="text"]::-webkit-input-placeholder { color: transparent; }


/*---------------- Ninja Registration  --------------- */

.field-wrap { margin-top: 25px; }
.label-right .nf-field-description { margin-right: 0% !important; }
.label-right .nf-field-label { align-items: normal !important; }
.nf-form-content button, .nf-form-content input[type="button"], .nf-form-content input[type="submit"] { background: #0f5a91 !important; padding: 0 35px; margin: 0 auto; display: inherit; }
.nf-field-description a, .nf-field-element a { border-bottom: 1px dotted #333; }

/*----------------  SHORTCODES --------------- */

/* AUTHOR INFO SHORTCODE */
.authorinfo { margin: 0 20px 20px 0; padding: 4px; width: 190px; }
.authorinfo h3 { font-size: 0.9rem; font-weight: bold; margin: 0; }
.authorinfo p  { color: #999; font-size: 0.9rem !important; margin: 0 0 5px; }
.authorinfo img { margin: 0 0 10px 0; }
.authorinfo a { font-size: 0.9rem; }

/* INFO BOX SHORTCODE */
.info-box { background: transparent; margin: 0 20px 20px 0; padding: 10px; width: 190px; }
.info-box h3 { font-size: 0.8rem; font-weight: bold; margin: 0 0 5px; }
.info-box p { font-size: 0.8rem; margin: 0 0 5px; }


/*---------------- PAGINATION --------------- */

.pagination-centered { text-align: center; margin: 20px 0 0 0; }
.pagination-centered ul.pagination li { float: none; display: inline-block; }
.page-numbers { color: #999; display: block; height: 1.5rem; margin-left: -0.3125rem; }
.page-numbers li { height: 1.5rem;color: #222222;font-size: 0.875rem;margin-left: 0.5rem;}
.page-numbers li a { display: block; padding: 0.125rem 0.625rem;color: #999999; -webkit-border-radius: 3px; border-radius: 3px; }
.page-numbers li:hover a,.page-numbers li a:focus {background: #e6e6e6;}
.page-numbers li.unavailable a {cursor: default;color: #999999;}
.page-numbers li.unavailable:hover a, .page-numbers li.unavailable a:focus {background: transparent;}
.page-numbers li.current a {background: #008cba;color: white;font-weight: bold; cursor: default;}
.page-numbers li.current a:hover, .page-numbers li.current a:focus {background: #008cba;}
.page-numbers li {float: left;display: block;}
.pagination-centered ul.page-numbers li {float: none;display: inline-block;}
.page-numbers li span.current { background: transparent; color: #333; padding: 0.0625rem 0.625rem 0.0625rem;font-weight: bold; cursor: default; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }


/*---------------- COOKIE NOTICE --------------- */
#cookie-notice { opacity: 0.95; }
.cookie-notice-container { padding: 15px; border-top: 1px solid #dbdbdb; }
#cn-notice-text { display: inline-block; }
#cn-notice-text a { color: #222; border-bottom: 1px dotted #222; }
#cn-notice-text a:hover { border-bottom: 1px solid #222; }
#cookie-notice .button.wp-default { line-height: 18px; padding: 10px 20px; background: transparent; border-color: #222; color: #222; text-shadow: 0 0px 0 #FFF; -moz-box-sizing: border-box; border-radius: 3px; white-space: nowrap; margin: 0 0 5px 10px; }
#cookie-notice #cn-more-info.button.wp-default { line-height: 18px; padding: 10px 20px; background: transparent; border-color: #222; color: #222; text-shadow: none; -moz-box-sizing: border-box; border-radius: 3px; border: 1px dotted #000829; white-space: nowrap; margin: 5px 0 5px 10px; }
#cookie-notice .button.wp-default:hover, #cookie-notice #cn-more-info.button.wp-default:hover { background: #222; color: #fff; border: 1px solid #222; } 


/*---------------- MISC --------------- */

.entry-content iframe { margin: 15px 0; }
.entry-content .resp-video-left  iframe { margin: 7px 0; }
.resp-video-left { float: left; margin: 0 25px 0 0; max-width: 400px; }
.resp-video { position: relative; padding-bottom: 55%; padding-top: 15px; height: 0; overflow: hidden; }
.resp-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
img.ddf-team { max-width: 130px; }
.backHome .button { background-color: #fff; border: 1px solid #0f5a91; color: #0f5a91; padding: 12px 26px; margin: 20px 0 40px 0; }
.backHome .button:hover { background-color: #0f5a91; color: #fff; }
.ajax-load-more-wrap.grey button.alm-load-more-btn { background: transparent; border: 1px solid #999; color: #999; padding: 12px 36px; line-height: 1; }
.ajax-load-more-wrap.grey button.alm-load-more-btn.done, .ajax-load-more-wrap.grey button.alm-load-more-btn:hover { background: #999; color: #fff; }
.alm-btn-wrap { clear: both; margin: 25px 0; }
#content article ul.accordion { list-style: none; padding: 20px; background: #f5f5f5; }
#content article ul.accordion .inner, #content article ul.accordion .show { overflow: hidden; display: none; }
#content article ul.accordion li { margin: .5em 0; }
#content article ul.accordion li h3.toggle { width: 100%; display: block; transition: background .3s ease; cursor: pointer; }
#content article ul.accordion li h3.toggle:hover { color: #000; }
#content article ul.accordion li h3 span { font-weight: normal; font-style: italic; color: #999; display: block; line-height: 1; }
.mtli_attachment { background-position-y: 5px !important; }

/*---------------- RESPONSIVNESS --------------- */

@media only screen and ( max-width: 970px ) {
	.column, .columns { padding-left: 0; padding-right: 0; }
	.title-area, .cat-navigation { padding: 20px; }
	.search-area { padding-right: 20px; }
	.container { padding: 0 20px; }
	.socialmedia { display: none; }
	#content { margin: 20px 0 35px 0 !important; }
	.featured-media, .featured-media-audio { min-width: 145px; height: auto; }
	.home .article-list .featured-media { margin: 0 0 5px 0; }
	.first-post { position: relative; }
	.first-post .featured-media, .single .featured-media { height: auto; }
	.default-sidebar.has-first-post { margin-top: 20px; }
	#sidebar { padding-left: 0; }
	.default-sidebar { margin-top: 20px; max-width: 100%; }
	.site-footer{ padding: 35px 20px; }
}

@media only screen and ( max-width: 800px ) {
 	.search-area { display: none; }
}

@media only screen and ( max-width: 642px ) {
	.contain-to-grid { overflow: hidden; position: relative; }
	.top-bar { width: 100%; }
	.top-bar.expanded { width: 100%; }
	.top-bar-section { position: inherit; }
	.top-bar-section .top-navigation { height: auto !important; }
	.cat-navigation, .page-id-1102 .cat-navigation { display: none; }
	#content { margin: 10px 0 35px 0 !important; }
	.home #content article, .page-template-news-archive-page #content article { display: block; }
	.home #content .content-block, .page-template-news-archive-page .content-block, .archive  .content-block { clear: both; }
	.home .article-list article { min-height: auto; }
	.first-post { position: relative; }
	.single article p:first-child { font-size: 1.1rem; }
	.eventlist ul li .eventinfo { width: 77%; }
	.footer-nav span { width: 100%;}
	.footer-nav li { float: none; }
}