/*
Theme Name:         Dahrendorf Forum
Theme URI:          http://dahrendorf-forum.eu/
Description:        Blogging theme, based on Reverie 3.
Version:            1.1
Author:             Clemens & Viktor Nübel
Author URI:         http://lieberungewoehnlich.de/
*/



/*---------------- GLOBAL --------------- */

body { min-height: 1000px; color: #505050; font-family: 'PT Sans', sans-serif; font-size: 1rem; line-height: 1.5; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: 1.2; margin:0 0 .2em 0; }
h1, .entry-title { font-size: 2rem; margin-bottom: 0.4em; }
h2 { font-size: 1.4rem; margin: 0 0 0.5em 0; }
h3 { font-size: 1.1rem; line-height: 1.5; margin: 0 0 0.2em 0; }
h4 { font-size: 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: inside none none;  margin: 0 0 1.6em 0; }
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; }

.clear { clear:both; }
.divider { width: 100%; height: 0px; border-top: 1px solid #e3e3e3; }
.row { max-width: 970px; width: 100%; }

hr { border-color: -moz-use-text-color -moz-use-text-color #f5f5f5; border-style: none none solid; border-width: 0 0 5px;  margin: 50px 0; }

/* Gallery */
.gallery dl { margin-left: 0.5625rem; margin-right: 0.5625rem; }
.gallery dt, .gallery dl { display: inline-block; }


/*---------------- HEADER --------------- */

.site-header { background-color: transparent; margin: 0; }
.title-area { padding: 20px 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; }
.socialmedia { padding-top: 5px; }
.socialmedia a { font-size: 1.2rem; opacity: 0.6; }

/* 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.8rem; font-weight: normal; letter-spacing: 0.04em; text-align: right; text-transform: uppercase; padding: 39px 267px 0 0; width: 100%; }
.sponsor .footer-logo-one img { margin: 0 2px 0 0; width: 120px; }
.sponsor .footer-logo-two img { margin: 0 0 0 0; width: 155px; }
.sponsor .footer-logo-three img { margin: 7px 15px 0 5px; width: 126px; }

/* 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: #fff; border-bottom: 1px solid #dbdbdb; color: #0f5a91; line-height: 55px; font-weight: bold; }
.top-bar-section li.active:not(.has-form) a:hover:not(.button) { background: #fff; 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; }

/* Top Additional Naviagtion */
.top-additional { /*border-bottom: 1px solid #e4e4e4; height: 27px;*/ }
.top-additional-nav ul { margin: 0; padding: 0; }
.top-additional-nav li { float: left; padding: 2px 20px 0 0; }
.top-additional-nav li a { color: #999; font-size: 0.8rem; }
.top-additional-nav li a:hover { color: #333; }

/* Footer Utility Naviagtion */
.footer-utility-nav ul { margin: 0; }
.footer-utility-nav li { float: left; padding: 0 20px 0 0; }

/* Category Naviagtion */
.cat-navigation { padding: 20px 0; margin: 0 auto; height: 90px; width: 100%; border-bottom: 1px solid #dbdbdb; }
.cat-navigation ul {clear:both;padding:0 0 10px 0;margin:0;margin:0 auto; max-width:970px;width:970px;display: block; }
.cat-navigation ul li a { font-size: 1em; font-weight: bold; letter-spacing: 0.04em; line-height: 1.7em; padding: 5px 20px 5px 5px; text-transform: uppercase; }
.topic-navigation li a {color:#505050;}
.topic-navigation li a:hover,.topic-navigation li a:active,.topic-navigation li a:focus {color:#505050;}
.geo-navigation li a {color:#0f5a91;} 
.geo-navigation li a:hover,.geo-navigation li a:active,.geo-navigation li a:focus {color: #505050;}
.cat-navigation .menu-item { float: left; }
.cat-navigation .icon-play {color:#dbdbdb; font-size:0.7rem;line-height: 1em;}
.page .cat-navigation, .single-event .cat-navigation { display: none; }
.page-id-1102 .cat-navigation { display: block; }


/*---------------- CONTENT--------------- */

.container { margin: 25px auto; max-width: 970px; position: relative; }
.home .container { margin: 0 auto 25px auto; }
#content.has-first-post { margin-top: 560px; }
.archive #content, .search #content, .error404 #content, .paged #content { margin-top: 10px; }
.page #content, .single #content, .archive #content { margin-top: 0; }
.post-meta { color: #999; }
.post-meta .author { padding-right: 30px; }
.post-meta span.author, .post-meta span.entry-date { font-size: 0.8rem; 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; line-height: 1.5;  margin: 0; }
p a { border-bottom: 1px dotted #505050; text-decoration: none; }
p a:hover { border-bottom: 1px solid #505050; color: #333; }

/* LIST STYLING  */
#content article ul { list-style: initial;  }
#content article ol { list-style-type: decimal; }
#content article ul li { margin-bottom: 0.2rem; }

/* ARTICLE STREAM */
.home #content article, .page-template-news-archive-page #content article  { display: -webkit-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-self: auto; height: auto; }
.home #content .first-post { display: block; }
article, .page-template-news-archive-page article { border-bottom: 5px solid #f5f5f5; width: 100%; padding: 25px 0; overflow: hidden; }
.page-template-news-archive-page .entry-content p { font-size: 0.9rem !important; }
.featured-media { height: 145px; margin: 0 15px 15px 0; overflow: hidden; min-width: 260px; max-width: 260px; }
.first-post .featured-media img { min-width: 500px; }
.featured-media img { min-width: 245px; }
.content-block { width: auto; overflow: hidden; }
.entry-content h2 {}
.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; }
.home article .entry-date { display: none; }
.category_description p { font-size: 1.2rem; font-weight: bold; }

/* FIRST POST */
.first-post { display: block;  margin: 0; padding: 0 0 25px 0; position:absolute; top: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 article p:first-child { font-size: 1.2rem; }
.single .category-content p { color: #fff; }
.single .post-meta { padding: 0px 0 15px 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 { margin: 5px 0 25px 0; }
.single .entry-content p { font-size: 1rem; }
.single .entry-content p:first-child { font-weight: bold; }
.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; }

/* PAGE */
.page article { padding: 0 0 15px 0; margin: 0 0 15px 0; }
.page .entry-content p { font-size: 1rem; }


/*---------------- SIDEBAR --------------- */

#sidebar { padding-left: 2.875em; }


/*---------------- FOOTER --------------- */

.utility-wrapper { height: 57px; background-color: #ebebeb; width: 100%; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
.site-footer-info, .utility-nav { font-size: 1rem; color:#505050; line-height: 55px; margin: 0; }


/*---------------- WIDGET AREAS--------------- */

/* Sidebar Widget Area */
.default-sidebar.has-first-post { margin-top: 580px; }
.default-sidebar { max-width: 252px; margin-top: 30px; }
.archive .default-sidebar, .search .default-sidebar, .error404 .default-sidebar { margin-top: 30px; }
.page .default-sidebar,.single .default-sidebar,.archive .default-sidebar { margin-top: 0; }
#sidebar .panel { font-size: 0.9rem; color: #666; background: #fff; border: none; margin: 0 0 40px 0; min-height: 0; padding: 0; }
#sidebar h4 { border-bottom: 5px solid #0f5a91; font-size: .9rem; font-weight: normal; letter-spacing: 0.04em; margin: 0; padding: 0 0 10px 0; text-transform: uppercase; }
#sidebar .textwidget, #sidebar p { padding: 10px 0; }
#sidebar a { }
#sidebar li a:hover { color: #999; }
#sidebar ul { list-style: none; margin: 0; padding: 0; }
#sidebar ul li { border-bottom: 1px solid #e3e3e3; line-height: 1.3; padding: 10px 0 10px 0; }
.widget ul li a {font-weight: bold; padding: 0; display: block;}


/*---------------- WIDGETS --------------- */
#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 .event_widget .events-more {}
#sidebar .text-xtra { color: #0f5a91; font-size: 1rem; }
#sidebar .text-xtra a {}
#sidebar .widget-featured-media { height: 120px; margin: 0 0 5px; overflow: hidden; }


/*---------------- SLIDER --------------- */

.slider-wrapper { background-color: #f5f5f5; margin: 25px 0; padding: 25px 0; width: 100%; position: relative; overflow: hidden; -webkit-box-shadow: inset 0px 0px 100px 50px rgba(0, 0, 0, 0.05); /* WebKit */-moz-box-shadow: inset 0px 0px 100px 50px rgba(0, 0, 0, 0.05); /* Firefox */ box-shadow: inset 0px 0px 100px 50px rgba(0, 0, 0, 0.05); /* Standard */  }
.autoplay { margin: 0 auto; max-width: 900px; height: 328px; overflow: visible !important; padding: 0; background-color: #FFF;}
.autoplay .slick-slide { overflow: hidden !important; border: 1px solid #FFF; height:328px !important; }
.autoplay .slick-slide a:hover { opacity: 0.8; }
.autoplay .slide-caption { background-color: rgba(255, 255, 255, 0.9) !important; height: 100px; padding: 10px; position: absolute; top: 0; width: 100%; }
.autoplay .slick-slide img { max-width:none; min-height: 100%; }
.autoplay .slide-caption h2 { margin: 0px 0 2px; }
.autoplay .slide-caption p { margin:0 0 10px 0; }
.autoplay .slide-caption a { color:#333; }
.autoplay .slide-caption .excerpt_more {  }


/*---------------- 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; }


/*---------------- NETWORK 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; }


/*---------------- NEWS --------------- */

.post-type-archive-news span.author, .news .author { display: none; }
.all_news_link, .edit_post_link { display: block; float: right; margin: 5px; }


/*---------------- PUBLICATIONS --------------- */

.page-template-publications-archive-page span.author { display: none; }
.category-policy-brief span.author, .category-dahrendorf-analysis span.author, .category-academic span.author, .category-in-the-media span.author, .category-podcast span.author { display: none; }
.page-template-publications-archive-page 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 {  background: #f5f5f5; padding: 25px; margin: 0 0 5px 0; }
.archive article.publications .featured-media, .page-template-publications-archive-page article.publications .featured-media { display: none; }


/*---------------- 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: #ccc; }
button:hover, button:focus, .button:hover, .button:focus { background-color: #999; }
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(http://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: 130px;padding-right: 32px;color: #000;background-color: #fff;cursor: auto;background-position: 100px center;}
.searchform input[type="text"]:-moz-placeholder {color: transparent;}
.searchform input[type="text"]::-webkit-input-placeholder {color: transparent;}


/*----------------  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; }


/*---------------- 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; }
article.category-symposium-2016 header h2:before { content: url("img/symposium2016_ico.png"); float: left; margin: 2px 10px 0 0; height: 50px; width: 50px; }
article.category-symposium-2016 header h1:before  { content: url("img/symposium2016_ico2.png"); float: left; margin: 5px 10px 0 0; height: 65px; width: 65px; }
article.category-brexit header h2:before { content: url("img/brexit_ico.png"); float: left; margin: 5px 10px 0 0; height: 45px; width: 45px; }
article.category-brexit header h1:before  { content: url("img/brexit_ico2.png"); float: left; margin: 7px 11px 0 0; height: 65px; width: 65px; }

/*---------------- 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; }
	.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-info, .utility-nav { padding: 0 0 0 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; }
	.first-post { position: relative; }
	.single article p:first-child { font-size: 1.1rem; }
	.eventlist ul li .eventinfo { width: 77%; }
}