html, body {height:100%;width:100%;}
.slides_container{width:620px;height:270px;margin-bottom:35px}
.slides_container div{width:620px;height:270px;display:block}
#slides .next,#slides .prev{display:block;height:0;left:0;overflow:hidden;padding-top:35px;position:absolute;top:553px;width:25px;z-index:200}
#slides .prev{background:url(http://ecfr.eu/page/-/prevarrowblack.png) repeat scroll 0 0 transparent;left:15px;margin-left:5px;float:left}
#slides .next{background:url(http://ecfr.eu/page/-/nextarrowblack.png) repeat scroll 0 0 transparent;left:610px;margin-right:5px;float:right}
.pagination{margin:6px 0 0;float:right;list-style:none}
.pagination li{float:left;margin:0 1px}
.pagination li a{display:block;width:1.8rem;height:0;padding-top:13px;background-image:url(/img/pagination.png);background-position:0 0;float:left;overflow:hidden}
.pagination li.current a,.pagination li.current a:hover{background-position:0 -13px}
.pagination li a:hover{background-position:0 -26px}
/* FONTS */
@font-face {
font-family:vag_rounded;
src: url('https://www.ecfr.eu/fonts/2B8689_0_0.eot');
src: url('https://www.ecfr.eu/fonts/2B8689_0_0.eot?#iefix') format('embedded-opentype'),
url('https://www.ecfr.eu/fonts/2B8689_0_0.woff') format('woff'),
url('https://www.ecfr.eu/fonts/2B8689_0_0.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family:vag_rounded_bold;
src: url('https://www.ecfr.eu/fonts/2B8689_1_0.eot');
src: url('https://www.ecfr.eu/fonts/2B8689_1_0.eot?#iefix') format('embedded-opentype'),
url('https://www.ecfr.eu/fonts/2B8689_1_0.woff') format('woff'),
url('https://www.ecfr.eu/fonts/2B8689_1_0.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
/* BASE */
body{ font-family:Georgia, "Times New Roman", Times, serif;}
h1, h2, h3, h4, h5, h6 {font-family:vag_rounded; letter-spacing:0.5px;}
h2 {font-size: 1.8rem;}
h1 {font-size: 2.3rem;}
p{font-family:Georgia, "Times New Roman", Times, serif; color: #222;}
#home-page p {font-family:vag_rounded;}
a {color: #000000;}
a:hover{color: #333333;}
blockquote, blockquote p {border-left: 0px; font-family:vag_rounded; float:left; font-size: 1.15rem; color:#000000;margin-bottom:0px;}
sup sup {vertical-align:baseline;}
/* break links */
a {
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
#footerr {
position:fixed;
bottom:0;
width:100%;
height:69px;
left:0;
}
html>body #footerr{position:fixed}
#footer-inner {
height: 30px;
}
#contentcookie {
bottom:0px;
position:absolute;
background-color: rgba(0,0,0,0.8);
padding:20px;
z-index:9999;
height:auto;
width:100%;
text-align: center;
}
#contentcookie span {color:white;font-size:15px;font-family:vag_rounded;letter-spacing:0.1rem;}
.accept_cookie {
background-color: #e9e9e9;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 2px solid black;
display: inline-block;
color: black;
font-size: 16px;
padding: 6px 24px;
text-decoration: none;
font-family: vag_rounded;
letter-spacing: 0.05rem;
}.accept_cookie:hover {background-color:grey;color:white;}.accept_cookie:active {
position:relative;
top:1px;
}
.more_about_cookies {
background-color: #fc5004;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 2px solid white;
display: inline-block;
color: #ffffff;
font-size: 15px;
font-weight: bold;
padding: 6px 24px;
text-decoration: none;
font-family: vag_rounded;
letter-spacing: 0.05rem;
color: white;
}
.more_about_cookies:hover {background-color:#d29105;}
.more_about_cookies:active {
position:relative;
top:1px;
}
#expressionengine_template_debug {float: left;}
/* COLORS */
.green {color:#8dc63f!important;}
.red {color:#ee2b2c!important;}
.blue {color:#00ade8!important;}
.yellow {color:#fdb813!important;}
.orange {color:#fc5004!important;}
.pink { color: #D70C7A!important;}
.bg-green { background-color:#ffffff; border-top:5px solid #8dc63f;}
.bg-red { background-color:#ffffff; border-top:5px solid #ee2b2c;}
.bg-blue { background-color:#ffffff; border-top:5px solid #00ade8;}
.bg-yellow { background-color:#ffffff; border-top:5px solid #fdb813;}
.bg-grey-dark { background-color:#ffffff; border-top:5px solid #808080;}
.bg-orange { background-color:#ffffff; border-top:5px solid #fc5004;}
.bg-pink { background-color:#ffffff; border-top:5px solid #D70C7A;}
.bg-grey { background-color:#ffffff; color: #000000; border-top: 5px solid #fc5004;}
.additional-block.bg-grey p,.additional-block.bg-grey h2 a,.additional-block.bg-grey a,.additional-block.bg-grey h5 a,.additional-block.bg-grey h2 { color: #000000;}
.additional-block.bg-grey h2 a,.additional-block.bg-grey a,.additional-block.bg-grey span,.additional-block.bg-grey h2 { color: #fc5004;}
.bg-white {background-color:#ffffff;}
.bg-grey span.trending-block-top-text a { margin-bottom:20px; color: #000000;}
.shadow{-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);}
/* HEADER ------------------------------------------------------------------------------*/
/* HEADER TOP */
.header-top{ background-color:#000000; color:#ffffff; font-family:vag_rounded;}
.header-top .top-bar.expanded .title-area {background:#000000;}
.header-top a{ color: #ffffff;}
.header-top .top-bar-section li:not(.has-form) a:not(.button) {font-family:vag_rounded; font-size:0.9em; text-transform:none;}
.header-top .top-bar{background:#000000;}
.header-top .top-bar-section li:not(.has-form) a:not(.button) {background: #000000;}
/* HEADER MIDDLE */
.header-middle .logo{margin-top:15px;}
.header-middle .top-bar{ margin-top:20px; background:#ffffff;}
.header-middle .top-bar-section li:not(.has-form) a:not(.button) {background: #FFF; color:#000000; font-family:vag_rounded_bold; font-size:1.1em; text-transform:uppercase;letter-spacing:0.4px;}
.header-middle .top-bar.expanded .title-area {background:#ffffff; color:#000000;}
.header-middle .top-bar .toggle-topbar.menu-icon a {color: #000000; font-family:vag_rounded;}/*icon text color*/
.header-middle .top-bar .toggle-topbar.menu-icon a span::after {box-shadow: 0 0px 0 1px black, 0 7px 0 1px black, 0 14px 0 1px #ffffff;}/*icon color*/
.header-middle .top-bar .toggle-topbar.menu-icon a span:hover:after {box-shadow: 0 0px 0 1px black, 0 7px 0 1px black, 0 14px 0 1px #ffffff;}/*icon color*/
/* HEADER BOTTOM */
.header-bottom { border-top:1px solid #d8d8d8; padding-bottom:0px; margin-top:3px; clear:both;}
.header-bottom .top-bar { margin-top:8px; background:#ffffff;}
.top-bar-section ul li{ background: transparent; background-color: transparent;}
.header-bottom .top-bar-section li:not(.has-form) a:not(.button) {background: transparent; font-family:vag_rounded_bold; font-size:1.1em; text-transform:uppercase; letter-spacing:0.5px; }
.header-bottom .top-bar :nth-of-type(1) a {color:#ee2b2c;}
.header-bottom .top-bar :nth-of-type(2) a {color:#8dc63f;}
.header-bottom .top-bar :nth-of-type(3) a {color:#fdb813;}
.header-bottom .top-bar :nth-of-type(4) a {color:#00ade8;}
.header-bottom .top-bar :nth-of-type(5) a {color:#000000;}
.header-bottom .top-bar :nth-of-type(6) a {color:#D70C7A;}
.header-bottom .top-bar :nth-of-type(1) a:hover {color:#ee2b2c;}
.header-bottom .top-bar :nth-of-type(2) a:hover {color:#8dc63f;}
.header-bottom .top-bar :nth-of-type(3) a:hover {color:#fdb813;}
.header-bottom .top-bar :nth-of-type(4) a:hover {color:#00ade8;}
.header-bottom .top-bar :nth-of-type(5) a:hover {color:#000000;}
.header-bottom .top-bar :nth-of-type(6) a:hover {color:#D70C7A;}
.header-bottom .top-bar.expanded .title-area {background:#ffffff; color:#000000;}
.header-bottom .top-bar .toggle-topbar.menu-icon a {color: #000000; font-family:vag_rounded;}/*icon text color*/
.header-bottom .top-bar .toggle-topbar.menu-icon a span::after {box-shadow: 0 0px 0 1px black, 0 7px 0 1px black, 0 14px 0 1px black;}/*icon color*/
.header-bottom .top-bar .toggle-topbar.menu-icon a span:hover:after {box-shadow: 0 0px 0 1px black, 0 7px 0 1px black, 0 14px 0 1px black;}/*icon color*/
.header-bottom .top-bar li:nth-of-type(1).select{ background:#ee2b2c; color: #ffffff; border-radius:11px 11px 0px 0px;-moz-border-radius:11px 11px 0px 0px;-webkit-border-radius:11px 11px 0px 0px;}
.header-bottom .top-bar li:nth-of-type(1).select a{ color: #ffffff;}
.header-bottom .top-bar li:nth-of-type(2).select{ background:#8dc63f; color: #ffffff; border-radius:11px 11px 0px 0px;-moz-border-radius:11px 11px 0px 0px;-webkit-border-radius:11px 11px 0px 0px;}
.header-bottom .top-bar li:nth-of-type(2).select a{ color: #ffffff;}
.header-bottom .top-bar li:nth-of-type(3).select{ background:#fdb813; color: #ffffff; border-radius:11px 11px 0px 0px;-moz-border-radius:11px 11px 0px 0px;-webkit-border-radius:11px 11px 0px 0px;}
.header-bottom .top-bar li:nth-of-type(3).select a{ color: #ffffff;}
.header-bottom .top-bar li:nth-of-type(4).select{ background:#00ade8; color: #ffffff; border-radius:11px 11px 0px 0px;-moz-border-radius:11px 11px 0px 0px;-webkit-border-radius:11px 11px 0px 0px;}
.header-bottom .top-bar li:nth-of-type(4).select a{ color: #ffffff;}
.header-bottom .top-bar li:nth-of-type(5).select{ background:#000000; color: #ffffff; border-radius:11px 11px 0px 0px;-moz-border-radius:11px 11px 0px 0px;-webkit-border-radius:11px 11px 0px 0px;}
.header-bottom .top-bar li:nth-of-type(5).select a{ color: #ffffff;}
.header-bottom .top-bar li:nth-of-type(6).select{ background:#D70C7A; color: #ffffff; border-radius:11px 11px 0px 0px;-moz-border-radius:11px 11px 0px 0px;-webkit-border-radius:11px 11px 0px 0px;}
.header-bottom .top-bar li:nth-of-type(5).select a{ color: #ffffff;}
/*SEARCHER*/
.header-search {margin-top:30px;}
.header-search input {
background: #ffffff;
border: 1px solid #e9e9e9;
border-radius: 55px 0 0 55px;
color: #000000;
display: block;
float: left;
height: 30px;
margin: 0;
padding: 0 10px;
width: 100%;
box-shadow: none;
border-right:0px;
}
.header-search input:focus {
background: #ffffff;
border-color: #e9e9e9;
color: #000000;
outline: none;
box-shadow: none;
}
.header-search button {
background: #ffffff;
border: 1px solid #e9e9e9;
border-radius: 0 55px 55px 0;
color: #000000;
display: block;
float: left;
height: 30px;
line-height: 40px;
margin: 0;
padding: 0;
position: relative;
width: 20%;
border-left:0px;
}
.header-search button:hover,
.header-search button:focus {
background: #000000;
color: #ffffff;
outline: none;
}
.header-search button:active {background: #000000;top: 1px;}
.header-search i{ float:right; margin-right:20px;}
.header-search {
margin-top: 43px;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
background-color: white;
border: #106aac;
padding: 0!important;
-webkit-border-radius: 7px 7px 7px 7px!important;
border-radius: 30px!important;
height: 30px!important;
}
td.gsc-search-button input.gsc-search-button-v2 {
height: 25px!important;
padding-left: 13px!important;
padding-right: 13px!important;
width: 40px!important;
border: 0px!important;
}
.gsc-input-box {
border: 1px solid #D9D9D9;
background: #fff;
height: 35px;
padding: 0;
margin-top: 0px;
}
form.gsc-search-box {
font-size: 13px;
margin-top: -1px!important;
margin-right: auto;
margin-bottom: 5px;
margin-left: 2px!important;
width: 100%;
}
.gsc-search-button {
margin-top: 0px!important;
min-width: 13px!important;
height: 15px!important;
background: #000000;
border: 1px solid #000000;
border-radius: 0 30px 30px 0;
color: #000000;
}
#cse .gsc-input {
border: 0px!important;
}
#gs_id50, .gstl_50 {
border-radius: 30px 0px 0px 30px;
}
/* CONTAINER */
.container{background-color:#ffffff; padding-top:30px; border-top: 1px solid #d8d8d8; clear:both;}
/* FOOTER */
.footer{ border-top: 1px solid #d8d8d8; width:100%; height:auto; padding:15px 0px 15px 0px; margin-top: 30px;}
.footer-logo{ width:100%; padding:20px 0px 30px 0px; /*background-color:#f7f7f7;*/ background-color:#ffffff;}
.footer-logo-img{ width:77px; height:77px; margin: 0 auto;}
/* FOOTER TOP */
.footer-top {padding-bottom:10px;}
.footer-top .logo{margin-top:27px;}
.footer-top .top-bar{ margin-top:0px; background:#ffffff;}
.footer-top .top-bar-section li:not(.has-form) a:not(.button) {background: #FFF; color:#000000; font-family:vag_rounded_bold; font-size:1.1em; text-transform:uppercase; letter-spacing:0.5px;}
.footer-top .top-bar.expanded .title-area {background:#ffffff; color:#000000;}
.footer-top .top-bar .toggle-topbar.menu-icon a {color: #000000;}/*icon text color*/
.footer-top .top-bar .toggle-topbar.menu-icon a span::after {box-shadow: 0 0px 0 1px black, 0 7px 0 1px black, 0 14px 0 1px black;}/*icon color*/
.footer-top .top-bar .toggle-topbar.menu-icon a span:hover:after {box-shadow: 0 0px 0 1px black, 0 7px 0 1px black, 0 14px 0 1px black;}/*icon color*/
/* FOOTER AREA */
.footer-area h3{font-size:1.3rem;font-family:vag_rounded_bold;letter-spacing:0.5px;}
.footer-area ul{margin-left:0px;}
.footer-area li{list-style-type:none;}
.footer-area li a{ font-size:1rem; color:#262626; font-family:vag_rounded;}
.footer-area .linetop{ border-top: 1px solid #d8d8d8; padding-top:30px; padding-bottom:40px;}
/* FOOTER BOTTOM */
.footer-bottom{padding-top:30px;}
.footer-bottom .top-bar{ margin-top:0px; background:#ffffff; }
.footer-bottom .top-bar-section li:not(.has-form) a:not(.button) {background: #FFF; color:#000000; font-family:vag_rounded_bold; font-size:1.1em; text-transform:uppercase;letter-spacing:0.5px; }
.footer-bottom .top-bar.expanded .title-area {background:#ffffff; color:#000000;}
.footer-bottom .top-bar .toggle-topbar.menu-icon a {color: #000000;}/*icon text color*/
.footer-bottom .top-bar .toggle-topbar.menu-icon a span::after {box-shadow: 0 0px 0 1px black, 0 7px 0 1px black, 0 14px 0 1px black;}/*icon color*/
.footer-bottom .top-bar .toggle-topbar.menu-icon a span:hover:after {box-shadow: 0 0px 0 1px black, 0 7px 0 1px black, 0 14px 0 1px black;}/*icon color*/
/* ADDITIONAL BLOCK 2 */
.additional-block-2{ border-color: #d8d8d8;
border-style: solid;
border-width: 1px;
color: #222;
font-family: vag_rounded;
line-height: 1.25rem;
margin-bottom: 1.25rem;
min-height: 8.125em;
padding: 0.75rem 1.25rem;}
.additional-block-2 h5{margin-top:8px;}
.additional-block-image{ width:92px; height:92px; float:left; margin-right: 1rem; }
.additional-block-info { font-style:italic; margin-bottom: 1rem; font-size:0.8em;}
.additional-block-info a{ color: #ffffff; text-decoration:underline;}
.additional-block a.read-more{ font-style:italic; color: #ffffff; text-decoration:underline; font-size:0.8em;}
.additional-block h2, .additional-block h2 a {color:#ffffff;}
.additional-block h1, .additional-block h1 a{color:#ffffff;}
.additional-block h3, .additional-block h3 a{color:#ffffff;}
/* SECTIONS ------------------------------------------------------------------------------*/
/* HOME ------------------------------------------------------------------------------*/
/* FEATURED */
#home-featured ul li { margin-bottom: 0px;}
#home-blocks ul li{ margin-bottom: -20px;}
.home-featured{ }
.home-featured h1,.home-featured p,.home-featured h2 {color:#fff;}
.home-featured h1 a,.home-featured p a,.home-featured h2 a {color:#fff;}
.home-featured-image { position: relative; width: 100%; margin-bottom: 1.20em; max-height:472px; overflow:hidden;}
.home-featured-text {
position: absolute;
bottom: 4%;
left: 0;
width: 93%;
color:#ffffff;
margin-left:3%;
}
.home-featured-post { position: relative; width: 100%; margin-bottom: 1.20em; max-height:150px; overflow:hidden;}
.home-featured-text-mini{
position: absolute;
bottom: 10%;
left: 0;
width: 93%;
color:#ffffff;
margin-left:4%;
}
.home-featured-text p { font-style:italic; margin-bottom: 1rem; font-size:0.8em;}
.home-featured-text p a { color: #ffffff;font-style:italic;}
.{ height:auto; width:100%;}
/* NEWEST BLOCK */
.newest-block{ margin-bottom: 1.25rem; padding: 1.25rem; color:#ffffff; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5); min-height:8.125em;}
.newest-block-image{ width:92px; height:92px; float:left; margin-right: 1rem; }
.newest-block-info { font-style:italic; margin-bottom: 1rem; font-size:0.8em;}
.newest-block-info a{ color: #ffffff; text-decoration:underline;}
.newest-block h2, .newest-block h2 a{font-size:1.000em; color:#ffffff;}
/* ADDITIONAL BLOCK */
.additional-block{ margin-bottom: 1.25rem; padding: 1.25rem; color:#ffffff; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5); min-height:8.125em; float: left;}
.additional-block-image{ width:92px; height:92px; float:left; margin-right: 1rem; }
.additional-block-info { font-style:italic; margin-bottom: 1rem; font-size:0.8em;}
.additional-block-info a{ color: #ffffff; text-decoration:underline;}
.additional-block a.read-more{ font-style:italic; color: #ffffff; text-decoration:underline; font-size:0.8em;}
.additional-block h2, .additional-block h2 a{color:#ffffff;}
.additional-block,.additional-block p,.additional-block a{color:#ffffff;}
.additional-block p,.additional-block a { font-family:vag_rounded, georgia;}
.additional-block-white{ margin-bottom: 1.25rem; padding: 1.25rem; color:#000000; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5); min-height:8.125em; float: left;}
.additional-block-white h2, .additional-block-white h2 a{font-size:1.000em; color:#000000;}
.additional-block-white,.additional-block-white p,.additional-block-white a{ color:#000000; font-family:vag_rounded;}
/**
.home-bottom-blocks{ margin-top: 20px; margin-bottom: 15px; background-color: #343639; padding-top: 30px; border-top: 1px solid #202123; border-bottom: 1px solid #202123;}
.home-bottom-blocks ul { padding-left: 0.6em;padding-right: 0.6em; }
**/
.home-bottom-blocks{ margin-top: 0px; margin-bottom: 0px; background-color: #ffffff; padding-top: 20px; border-top: 0px; border-bottom: 0px}
.home-bottom-blocks ul { padding-left: 0.6em;padding-right: 0.6em; }
/* END HOME -----------------------------------------------------------------------------*/
/* POST ------------------------------------------------------------------------------*/
/*POST LINE COLORS*/
#post-yellow hr { border:2px solid; margin:0px; color:#fdb813;}
#post-green hr { border:2px solid; margin:0px; color:#8dc63f;}
#post-red hr { border:2px solid; margin:0px; color:#ee2b2c;}
#post-orange hr { border:2px solid; margin:0px; color:#fc5004;}
#post-blue hr { border:2px solid; margin:0px; color:#00ade8;}
#post-black hr { border:2px solid; margin:0px; color:#000000;}
#post-pink hr { border:2px solid; margin:0px; color:#D70C7A;}
#post-cities hr { border:2px solid; margin:0px; color:#0066ae;}
/*END POST LINE COLORS*/
/*BLOCKQUOTES*/
#post-yellow blockquote { color:#000000; background-color:#fff8e5; margin-left:-5%; margin-right:5%; width:40%; padding:22px;}
#post-green blockquote { color:#000000; background-color:#e8f3d8; margin-left:-5%; margin-right:5%; width:40%; padding:22px;}
#post-red blockquote { color:#000000; background-color:#fee9e8; margin-left:-5%; margin-right:5%; width:40%; padding:22px;}
#post-blue blockquote { color:#000000; background-color:#e5f7fd; margin-left:-5%; margin-right:5%; width:40%; padding:22px;}
#post-black blockquote { color:#000000; background-color:#cccccc; margin-left:-5%; margin-right:5%; width:40%; padding:22px;}
#post-orange blockquote { color:#000000; background-color:#fdf3e5; margin-left:-5%; margin-right:5%; width:40%; padding:22px;}
#post-pink blockquote { color:#000000; background-color:#fbe6f1; margin-left:-5%; margin-right:5%; width:40%; padding:22px;}
.cities-blue blockquote { color:#000000; background-color:#d1dee7; margin-left:-5%; margin-right:5%; width:40%; padding:22px;}
/*END BLOCKQUOTES*/
#post-yellow .post-top-right .post-top-right-category {color:#fdb813;}
#post-green .post-top-right .post-top-right-category {color:#8dc63f;}
#post-red .post-top-right .post-top-right-category {color:#ee2b2c;}
#post-blue .post-top-right .post-top-right-category {color:#00ade8;}
#post-orange .post-top-right .post-top-right-category {color:#fc5004;}
#post-pink .post-top-right .post-top-right-category {color:#D70C7A;}
#post-yellow .post-featured-post { background-color:#ffffff; border-top: 4px solid #fdb813; }
#post-green .post-featured-post { background-color:#ffffff; border-top: 4px solid #8dc63f; }
#post-red .post-featured-post { background-color:#ffffff; border-top: 4px solid #ee2b2c; }
#post-blue .post-featured-post { background-color:#ffffff; border-top: 4px solid #00ade8; }
#post-orange .post-featured-post { background-color:#ffffff; border-top: 4px solid #fc5004; }
#post-pink .post-featured-post { background-color:#ffffff; border-top: 4px solid #D70C7A; }
#post-green .bg-green, #post-yellow .bg-green, #post-red .bg-green, #post-blue .bg-green, #post-orange .bg-green, #post-pink .bg-green { background-color:#ffffff; border-top: 4px solid #8dc63f; }
#post-green .bg-blue, #post-yellow .bg-blue, #post-red .bg-blue, #post-blue .bg-blue, #post-orange .bg-blue, #post-pink .bg-blue { background-color:#ffffff; border-top: 4px solid #00ade8; }
#post-green .bg-red, #post-yellow .bg-red, #post-red .bg-red, #post-blue .bg-red, #post-orange .bg-red, #post-pink .bg-red { background-color:#ffffff; border-top: 5px solid #ee2b2c; }
#post-green .bg-yellow, #post-yellow .bg-yellow, #post-red .bg-yellow, #post-blue .bg-yellow, #post-orange .bg-yellow, #post-pink .bg-yellow { background-color:#ffffff; border-top: 5px solid #fdb813; }
#post-green .bg-orange, #post-yellow .bg-orange, #post-red .bg-orange, #post-blue .bg-orange, #post-orange .bg-orange, #post-pink .bg-orange { background-color:#ffffff; border-top: 5px solid #fc5004; }
#post-green .bg-pink, #post-yellow .bg-pink, #post-red .bg-pink, #post-blue .bg-pink, #post-orange .bg-pink { background-color:#ffffff; border-top: 5px solid #D70C7A; }
.post-top {float: left; border-style: solid; border-width: 1px; border-color: #d8d8d8; margin-bottom: 0px; padding: 1.25rem; border-top: 0px; border-bottom: 0px; width: 100%;}
.post-middle {float: left; border-style: solid; border-width: 1px; border-color: #d8d8d8; margin-bottom: 0px; padding: 1.5rem; border-top: 0px; border-bottom: 0px; width: 100%;}
.post-bottom {float: left; border-style: solid; border-width: 1px; border-color: #d8d8d8; margin-bottom: 0px; padding: 1.25rem; width: 100%; margin-bottom:20px;}
.post-middle a {color: #1991de;font-size: 1.20rem; line-height: inherit; text-decoration: none;}
.post-middle p {font-size: 1.2rem; line-height: 1.8rem;}
.post-middle ol, .post-middle ul {font-size: 1.15rem;}
.post-top-left {width:70%; float:left;}
.post-top-right {width:30%; float:left; text-align:right;}
.post-top-right .post-top-right-category{ font-size: 1.2rem; width:100%; float: left; margin:11px 0px 9px 0px;}
.post-top-right p{ font-style:italic; font-size: 0.9rem;}
.post-top-bottom, .article-Body-bottom { float: left; width: 100%; padding-top: 20px;}
.post-top-bottom ul, .article-Body-bottom ul{ margin-left: 0px; padding-left: 0px;}
.post-top-bottom li, .article-Body-bottom li{ float: left; display: inline; margin-right: 10px; }
.post-top-bottom li h4, .article-Body-bottom li h4{ margin-top: -3px;}
.post-top-bottom li i, .article-Body-bottom li i, .post-publications i{ color: #d8d8d8;}
#post-green .infobox {
background-color: #e8f3d8;
}
#post-yellow .infobox {
background-color: #fff8e5;
}
#post-red .infobox {
background-color: #fee9e8;
}
#post-blue .infobox {
background-color: #e5f7fd;
}
#post-pink .infobox {
background-color: #fbe6f1;
}
#post-orang .infobox {
background-color: #fdf3e5;
}
.infobox {
width: 45%;
padding: 20px 5px 20px 20px;
margin: 0 0 25px 25px;
font-size: 0.9rem;
float: right;
line-height: 180%;
}
.infobox p {
font-size: 0.9rem;
line-height: 180%;
}
.post-featured-text-mini h2 { font-size:1.5rem; margin-bottom:0px; }
.post-featured-text-mini p { font-style:italic; margin-bottom: 1rem; font-size:0.8em; margin-top:0px; padding-top:0px; }
.post-featured-text-mini p a {text-decoration:none;}
p.sub-h {color:#888;margin-bottom:24px;font-style: italic; font-size: 1.4rem;}
.post-featured-post { position: relative; float:left; width: 100%; margin-bottom: 0em; height:226px; overflow:hidden; }
aside .post-featured-post {height: 178px; }
aside .post-featured-post h2 {font-size: 1.3rem;}
.post-featured-text-mini { position: absolute; bottom: 0%; left: 0; width: 93%;color:#ffffff;margin-left:4%; }
.post-top-photo-author img{ border-color: #d8d8d8;border-style: solid;border-width: 1px; }
.columns h5 a:hover { color: #1991de; }
#ftn p, #ftn a {font-size:0.9rem;}
.readalso a {font-size:1rem;}
.readalso a:hover {color:#2ba6cb}
.readalso h3>a {font-size:1.5rem;}
.post-middle .readalso p {font-size:1rem; color:#222;}
div.readalso {min-height: auto;padding: 12px;margin: 0;margin-bottom:25px;width:99%;border: 1px solid #e8e8e8;display: inline-block;}
.readalso .post {border-bottom:0px;padding:0px;}
a:hover.tweetme {-webkit-transition: background 0.1s linear;
-moz-transition: background 0.1s linear;
-ms-transition: background 0.1s linear;
-o-transition: background 0.1s linear;
transition: background 0.1s linear;
}
a.tweetme {
background-image: url('http://ecfr.eu/page/-/TwitterLogo_55acee.png?v=1469122737581');
background-position: right;
background-repeat: no-repeat; padding-right: 25px; color: #222; border-bottom: dotted 1px #222;}
#post-yellow a:hover.tweetme {background-color:#fff8e5;}
#post-green a:hover.tweetme {background-color:#e8f3d8;}
#post-red a:hover.tweetme {background-color:#fee9e8;}
#post-blue a:hover.tweetme {background-color:#e5f7fd;}
#post-black a:hover.tweetme {background-color:#cccccc;}
#post-orange a:hover.tweetme {background-color:#fdf3e5;}
#post-pink a:hover.tweetme {background-color:#fbe6f1;}
#post-cities a:hover.tweetme {background-color:#d1dee7;}
.full-w-download {
border: solid 1px #d6d6d6;
padding: 10px;
width: 100%;
margin: 2rem 0px;
}
.full-w-download:hover img {
outline: 5px dashed #d6d6d6;
outline-offset: 5px;
cursor: pointer;
}
.prepDownload .fa {
font-size: 3rem;
margin-right: 1rem;
}
/* END POST ------------------------------------------------------------------------------*/
/* TABLES */
#post-red th { color: white; background-color:#ee2b2c;font-size:1.1em; }
th p {font-family:'vag rounded'; text-transform:uppercase;}
#post-green th { color: white; background-color:#8dc63f;font-size:1.1em; }
#post-yellow th { color: white; background-color:#fdb813;font-size:1.1em; }
#post-blue th { color: white; background-color:#00ade8;font-size:1.1em; }
#post-orange th { color: white; background-color:#fc5004;font-size:1.1em; }
#post-pink th { color: white; background-color:#D70C7A;font-size:1.1em; }
table tr.even, table tr.alt, table tr:nth-of-type(2n) {
background: #c1c1c1 none repeat scroll 0 0;
}
.tablecompress p, .tablecompress a, .tablecompress li, .tablecompress ul { font-size:1em; line-height: 1.3em;}
.tablecompress td {padding:5px;}
#dos table td, #dos table th {height:45px;border: 1px solid #d4d4d4;background-color:white;padding:5px;}
#dos .donors-blue td, #dos .donors-blue th {background-color:#106aac;}
#dos .donors-blue td p, #dos .donors-blue th p {color:white;}
#dos table {border-collapse: collapse;}
.post {
padding: 15px 0 5px 0;
margin: 0;
border-bottom: 1px solid #e8e8e8;
min-height: auto;
clear: both;
position: relative;
width: 100%;
float: left;
}
p.by a {
text-decoration: underline;
}
.post h3 {
font-size: 21px;
}
.post h3, .post p {
margin-bottom: 10px;
}
/* END SECTIONS -------------------------------------------------------------------------*/
.parpadea {
animation-name: parpadeo;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-animation-name:parpadeo;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
}
@-moz-keyframes parpadeo{
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@-webkit-keyframes parpadeo {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@keyframes parpadeo {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
.image-yes img { width:100%; /*height:100%;*/height: auto;}
.image-black{ z-index:3333;width:100%; height:100%;position: absolute; bottom:0px; left:0px;background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);}
.post-featured-text-mini{z-index:3334;}
.image-black2{-webkit-box-shadow:inset 0 -230px 60px -50px rgba(0,0,0,0.6);box-shadow:inset 0 -260px 60px -50px rgba(0,0,0,0.6);background: none repeat scroll 0 0 rgba(0, 0, 0, 0.0)!important}
.home-featured-text {z-index:3334;}
img.tw-handle-ico {width:auto;}
img.tw-handle-ico:hover {-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;-moz-transform: scale(1.05) rotate(0.3deg) translateX(0.5px) translateY(1px) skewX(0deg) skewY(0.5deg);
-webkit-transform: scale(1.05) rotate(0.3deg) translateX(0.5px) translateY(1px) skewX(0deg) skewY(0.5deg);
-o-transform: scale(1.05) rotate(0.3deg) translateX(0.5px) translateY(1px) skewX(0deg) skewY(0.5deg);
-ms-transform: scale(1.05) rotate(0.3deg) translateX(0.5px) translateY(1px) skewX(0deg) skewY(0.5deg);
transform: scale(1.05) rotate(0.3deg) translateX(0.5px) translateY(1px) skewX(0deg) skewY(0.5deg);}
.post-image-yes a:hover {z-index:9999;-webkit-transition: color 300ms ease;
-moz-transition: color 300ms ease;
-ms-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease;text-shadow: 1px 0px 1px grey;}
/* TRENDING BLOCK */
.trending-block{
margin-bottom: 1.25rem;
padding: 1.25rem;
color:#000000;
-webkit-box-shadow: 0px 1px 2px 0px #cccccc;-moz-box-shadow: 0px 1px 2px 0px #cccccc;box-shadow: 0px 1px 2px 0px #cccccc;
overflow:hidden;
position: relative;
float:left;
width: 100%;
background-color:#ffffff; border-top:5px solid #808080;
font-family:vag_rounded;
padding-top: 0.5rem;
}
.trending-block.bg-green { background-color:#ffffff; border-top:5px solid #8dc63f;}
.trending-block.bg-red { background-color:#ffffff; border-top:5px solid #ee2b2c;}
.trending-block.bg-blue { background-color:#ffffff; border-top:5px solid #00ade8;}
.trending-block.bg-yellow { background-color:#ffffff; border-top:5px solid #fdb813;}
.trending-block.bg-orange { background-color:#ffffff; border-top:5px solid #fc5004;}
.trending-block.bg-pink { background-color:#ffffff; border-top:5px solid #D70C7A;}
.trending-block .trending-block-top span.trending-block-top-text{ color: #808080;}
.trending-block.bg-green .trending-block-top span.trending-block-top-text{ color: #8dc63f;}
.trending-block.bg-red .trending-block-top span.trending-block-top-text{ color: #ee2b2c;}
.trending-block.bg-blue .trending-block-top span.trending-block-top-text{ color: #00ade8;}
.trending-block.bg-yellow .trending-block-top span.trending-block-top-text{ color: #fdb813;}
.trending-block.bg-orange .trending-block-top span.trending-block-top-text{ color: #fc5004;}
.trending-block.bg-pink .trending-block-top span.trending-block-top-text{ color: #D70C7A;}
.trending-block.bg-green .trending-block-top span.trending-block-top-text a{ color: #8dc63f;}
.trending-block.bg-red .trending-block-top span.trending-block-top-text a { color: #ee2b2c;}
.trending-block.bg-blue .trending-block-top span.trending-block-top-text a { color: #00ade8;}
.trending-block.bg-yellow .trending-block-top span.trending-block-top-text a{ color: #fdb813;}
.trending-block.bg-orange .trending-block-top span.trending-block-top-text a{ color: #fc5004;}
.trending-block.bg-pink .trending-block-top span.trending-block-top-text a{ color: #D70C7A;}
.trending-block-top-link{float:right;}
.trending-block-info { font-style:italic; margin-bottom: 1rem; font-size:0.9em; color: #000000; min-height:22px;}
.trending-block-info a{ color: #000000; text-decoration:none; font-family:vag_rounded, georgia;}
.trending-block h2 a,.trending-block p{color:#000000;}
.trending-block-top{z-index:4336; width:100%; position:relative; float:left; width:100%; height:30px; }
.trending-block img{ width:100%; height:100%; position:absolute; left:0px; top:0px; }
.trending-block-top-link img { width:auto; height:auto; position: relative; }
.trending-block-content{ z-index:4338; position: relative; top: 0; left: 0; width: 100%;color:#ffffff; /*width: 100%; margin-left:4%; margin-top:4%;*/}
.trending-block-content p {font-family:vag_rounded, georgia;}
.bg-green span.trending-block-top-text{color:#8dc63f;}
.bg-red span.trending-block-top-text{color:#ee2b2c;}
.bg-blue span.trending-block-top-text{color:#00ade8;}
.bg-yellow span.trending-block-top-text{color:#fdb813;}
.bg-orange span.trending-block-top-text{color:#fc5004;}
.bg-pink span.trending-block-top-text{color:#D70C7A;}
.image-yes a,.image-yes p,.image-yes h2 a,.image-yes .trending-block-info,.image-yes span.trending-block-top-text{color:#ffffff;}
.home-featured .bg-orange { background-color:#fc5004; border-top:0px }
.home-featured .bg-green { background-color:#8dc63f; border-top:0px }
.home-featured .bg-red { background-color:#ee2b2c; border-top:0px }
.home-featured .bg-blue { background-color:#00ade8; border-top:0px }
.home-featured .bg-yellow { background-color:#fdb813; border-top:0px }
.home-featured .bg-pink { background-color:#D70C7A; border-top:0px }
.flarge-3{ width:15%; margin-right:1%;}
.home-page-video {float: left;
height: 60px;
width: 100%;
display: block;
margin-bottom: 10px;
display: block;
top: -50px;
position: relative;}
.home-page-video img { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
border: 5px solid #fff;
border-radius: 50%;
height: 60px;
opacity: 0.6;
position: absolute;
left: 40%;
text-align: center;
top: 40%;
width: 60px;}
.home-page-video img:hover {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); opacity: 0.9;}
.video-home {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2222
}
.video-home a {
left: 40%;
position: absolute;
top: 25%;
color: black;
}
.video-home a i {
text-shadow: 1px 0px 12px rgba(255, 255, 255, 1);
}
/*EVENTS*/
.event1 h3 {width:100%;}
#event-page .trending-block {
height: 300px;
}
#event-page .trending-block-text h2 {
font-size: 2rem;
}
#event-page .trending-block-text h2 {
font-size: 1.8rem;
margin-bottom: 1.2rem;
}
/*END EVENTS*/
/* PODCAST HOME */
.podcast-home-2018 ul {list-style-type: none; margin: 0;}
.button-sidebar-group.new-multimedia {padding:21px;}
.button-sidebar-group.new-multimedia h5 {text-transform:uppercase;text-align:center}
.w30 {border:1px solid #d6d6d6; padding:5px;position:relative;}
.w31 {padding:5px;}
.w31 a:hover {color:#fc5004!important}
.podcasts-progs {margin-bottom:1.2em;}
.w32 {position:absolute;bottom:1px;background-color: rgba(0, 0, 0, 0.5);right:1px;left:1px;padding:4px;height:40%}
.w33 {border:0px;position:relative;}
.w33 img {width:100%;}
.w32 h6 {color:white;}
.pod-section {margin-bottom:7px;}
.green hr, .green h5 { color:#8dc63f !important;}
.red hr, .red h5 {color:#ee2b2c !important;}
.blue hr, .blue h5 { color:#00ade8 !important;}
.yellow hr { color:#fdb813 !important;}
.orange hr, .orange h5 { color:#fc5004 !important;}
.green .w32:hover {background-color:#8dc63f}
.blue .w32:hover {background-color:#00ade8}
.red .w32:hover {background-color:#ee2b2c}
.yellow .w32:hover {background-color:#fdb813}
.orange .w32:hover {background-color:#fc5004}
.w32 h6 {font-size: 1.5rem; color: white; hyphens: none;}
/* END PODCAST HOME */
/*PUBLICATIONS*/
.publications-section { margin-top:20px; padding-top:20px; float:left; display:inline; border-top:1px solid #d8d8d8;}
.publi-podcast {float:right;margin:5px 0 25px 25px;padding:7px;border: solid 1px #d9d9d9;width:50%}
#post-green .publi-podcast {background-color:#8dc63f;}
#post-red .publi-podcast {background-color:#ee2b2c;}
#post-yellow .publi-podcast {background-color:#fdb813;}
#post-orange .publi-podcast {background-color:#fc5004;}
#post-blue .publi-podcast {background-color:#00ade8;}
#post-pink .publi-podcast {background-color:#D70C7A;}
.publi-podcast iframe {border:solid 2px white;}
#myModal-share {
width:20%;
margin-left: -10%;
top: 40vh!important;
padding:40px;}
#publication-2016 h1 {
font-size: 2.5rem;
margin-bottom:1.5rem;
}
#publication-2016 h2 {text-transform:uppercase;color:#808080;line-height:160%;font-size:2rem;margin-top:3rem;margin-bottom:1.5rem;}
#publication-2016 h2#intro {margin-top:0px;}
#publication-2016 .policy h2 {
margin-top: 1rem;
}
#publication-2016 .post-middle h3 {margin-bottom:16px;}
#publication-2016 .post-middle h4 {
line-height: 2;
margin-bottom:1.5rem;
}
#publication-2016 .publi-menu {margin-top: 1.25rem;margin-bottom:1.25rem;}
#publication-2016 .publi-info {min-height:265px;}
#publication-2016 .post-middle {border:0px;word-wrap:break-word;}
#publication-2016 #post-green .post-top, #publication-2016 #post-green div.policy {
background-color: #e8f3d8;
}
#publication-2016 #post-yellow .post-top, #publication-2016 #post-yellow div.policy {
background-color: #fff8e5;
}
#publication-2016 #post-red .post-top, #publication-2016 #post-red div.policy {
background-color: #fee9e8;
}
#publication-2016 #post-blue .post-top, #publication-2016 #post-blue div.policy {
background-color: #e5f7fd;
}
#publication-2016 #post-pink .post-top, #publication-2016 #post-pink div.policy {
background-color: #fbe6f1;
}
#publication-2016 #post-orange .post-top, #publication-2016 #post-orange div.policy {
background-color: #fdf3e5;
}
#publication-2016 .post-top-bottom li {
background-color: white;
margin: 0;
padding: 20px;
font-size: 1.4rem;
border: solid 1px #e9e9e9;
font-family:vag_rounded;
}
#publication-2016 .post-top-bottom li:hover {
background-color: #e9e9e9;
}
#publication-2016 .post-top-bottom li:hover i {color:white;}
#publication-2016 .post-top-right .additional-block-2 {margin-bottom:0px; padding: 0rem;}
.post-top-right-category {
font-size: 1.2rem;
width: 100%;
float: left;
margin: 11px 0px 9px 0px;
}
#publication-2016 #post-green .post-top-right-category {
color: #808080;
}
#publication-2016 .post-top-left p {
font-style: italic;
font-size: 1rem;
}
#publication-2016 .post-top-left {width:70%;margin-right:5%;}
#publication-2016 .post-top-right {width:25%;}
#publication-2016 div.policy {padding:25px; padding-top:5px; margin: 3rem 0px;}
#publication-2016 div.policy ul {list-style-type:square}
#publication-2016 div.policy li {margin:12px 0px;font-size:1rem;line-height:125%;}
#publication-2016 .fixed-p { position: fixed; top: 0; left: auto;-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
right:auto;
left:auto;
}
#publication-2016 .publi-fix {
z-index: 9001;
position: static;
width: 355px;
}
#publication-2016 .publi-fixx {
z-index: 9001;
position: fixed;
width: 355px;
}
#publication-2016 #share-button {
background-color:transparent;
border:1px solid white;
padding:0px;
position:absolute;
top:-9999px;
left:-9999px;
z-index:9999;
box-shadow:0 1px 3px rgba(0,0,0,.4);
}
#publication-2016 button {margin-bottom:0px;}
#publication-2016 .publi-footnotes {float:left;width:100%;word-wrap:break-word;}
#publication-2016 .publi-footnotes p, #publication-2016 .publi-footnotes a {font-size:0.9rem;}
.side-note {
background-color: #d6d6d6;
padding: 1.5rem;
margin: 0 1.5rem 1.5rem auto;
}
.side-note h3 {
text-align: center;
font-size: 1.4rem;
font-family: 'vag_rounded_bold';
}
.side-note p, .side-note li {
font-size: 1rem;
font-family: 'vag_rounded';
line-height: 150%
}
p.publi-type {
color: grey;
font-size: 0.8rem;
margin-top: 5px;
}
.list-content a {
font-family: 'vag_rounded'
}
/*END PUBLICATIONS*/
/* SHARE SIDE NEWSTYLES */
ul.share-buttons{
list-style: none;
padding: 15px;
}
ul.share-buttons li{
display: inline;
}
ul.share-buttons .sr-only {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
}
/* END */
aside .latest-post ul li {margin-bottom: -20px;}
aside .related-post ul li {margin-bottom: -20px;}
/*PROGRAMMES*/
.programmes-top {float: left; border-style: solid; border-width: 1px; border-color: #d8d8d8; margin-bottom: 0px; padding: 1.25rem; border-top: 0px; border-bottom: 0px; width: 100%;}
.programmes-middle {float: left; border-style: solid; border-width: 1px; border-color: #d8d8d8; margin-bottom: 0px; padding: 1.25rem; border-top: 0px; width: 100%; min-height:80vh;}
.programmes-before-container-img { max-height: 150px; overflow: hidden;}
.programmes-before-container-img img{ width: 100%;}
.prog-sub a {
color: #1991DE;}
#programmes-yellow hr { border:2px solid; margin:0px; color:#fdb813;}
#programmes-green hr { border:2px solid; margin:0px; color:#8dc63f;}
#programmes-red hr { border:2px solid; margin:0px; color:#ee2b2c;}
#programmes-blue hr { border:2px solid; margin:0px; color:#00ade8;}
#programmes-black hr { border:2px solid; margin:0px; color:#000000;}
#programmes-pink hr { border:2px solid; margin:0px; color:#D70C7A;}
#programmes-orange hr { border:2px solid; margin:0px; color:#fc5004;}
#section-orange hr { border:2px solid; margin:0px; color:#fc5004;}
#programmes-yellow .post-featured-post {background-color:#fdb813;}
#programmes-green .post-featured-post {background-color:#8dc63f;}
#programmes-red .post-featured-post {background-color:#ee2b2c;}
#programmes-blue .post-featured-post {background-color:#00ade8;}
#programmes-black .post-featured-post {background-color:#000000;}
#programmes-pink .post-featured-post {background-color:#D70C7A;}
#programmes-orange .post-featured-post {background-color:#fc5004;}
#programmes-green .additional-block-2 {border-color:#8dc63f;}
#programmes-green .post, #programmes-green .post-publications { border-bottom: 2px solid #8dc63f;}
#programmes-yellow .additional-block-2 {border-color:#fdb813;}
#programmes-yellow .post, #programmes-yellow .post-publications { border-bottom: 2px solid #fdb813;}
#programmes-red .additional-block-2 {border-color:#ee2b2c;}
#programmes-red .post, #programmes-red .post-publications { border-bottom: 2px solid #ee2b2c;}
#programmes-blue .additional-block-2 {border-color:#00ade8;}
#programmes-blue .post, #programmes-blue .post-publications { border-bottom: 2px solid #00ade8;}
#programmes-pink .additional-block-2 {border-color:#D70C7A;}
#programmes-pink .post, #programmes-pink .post-publications { border-bottom: 2px solid #D70C7A;}
#programmes-orange .additional-block-2 {border-color:#fc5004;}
#programmes-orange .post, #programmes-orange .post-publications { border-bottom: 2px solid #fc5004;}
/*PROGRAMMES MENUS*/
.asia-menu-full { background-color: #ee2b2c; width: 100%; }
.mena-menu-full { background-color: #8dc63f; width: 100%; }
.reinventing-menu-full { background-color: #fdb813; width: 100%; }
.wider-menu-full { background-color: #00ade8; width: 100%; }
.geoeconomics-menu-full { background-color: #D70C7A; width: 100%; }
.events-menu-full { background-color: #fc5004; width: 100%; }
.scorecard-menu-full { background-color: #000000; width: 100%; }
.mena-menu-full .top-bar, .wider-menu-full .top-bar, .asia-menu-full .top-bar, .reinventing-menu-full .top-bar, .scorecard-menu-full .top-bar,.events-menu-full .top-bar { background-color: transparent; }
#mena-menu .top-bar-section ul li>a { color:#ffffff;font-family: vag_rounded;font-size:1rem;font-weight:normal;text-transform:none}
#mena-menu li:not(.has-form) a:not(.button) { background: none repeat scroll 0 0 #8dc63f;}
#wider-menu .top-bar-section ul li>a { color:#ffffff;font-family: vag_rounded;font-size:1rem;font-weight:normal;text-transform:none}
#wider-menu li:not(.has-form) a:not(.button) { background: none repeat scroll 0 0 #00ade8;}
#asia-menu .top-bar-section ul li>a { color:#ffffff;font-family: vag_rounded;font-size:1rem;font-weight:normal;text-transform:none}
#asia-menu li:not(.has-form) a:not(.button) { background: none repeat scroll 0 0 #ee2b2c;}
#reinventing-menu .top-bar-section ul li>a { color:#ffffff;font-family: vag_rounded;font-size:1rem;font-weight:normal;text-transform:none}
#reinventing-menu li:not(.has-form) a:not(.button) { background: none repeat scroll 0 0 #fdb813;}
#geoeconomics-menu .top-bar-section ul li>a { color:#ffffff;font-family: vag_rounded;font-size:1rem;font-weight:normal;text-transform:none}
#geoeconomics-menu li:not(.has-form) a:not(.button) { background: none repeat scroll 0 0 #D70C7A;}
#scorecard-menu .top-bar-section ul li>a { color:#ffffff;font-family: vag_rounded;font-size:1rem;font-weight:normal;text-transform:none}
#scorecard-menu li:not(.has-form) a:not(.button) { background: none repeat scroll 0 0 #000000;}
.top-bar-section ul li ul li:not(.has-form) a:not(.button) {line-height: 35px; font-size:0.5rem;}
.forum-type-img {max-height:280px;width:1181px;margin-left:9px;margin-top:-90px;-webkit-border-radius: 5px 5px 5px 5px; border-radius: 3px 3px 3px 3px;;margin-bottom:30px}
.forum-type-txt {max-width:540px;background-color:rgba(0, 0, 0, 0.6);float:right;padding:0.5rem;position:absolute;top:250px;left:990px;-webkit-border-radius: 5px 5px 5px 5px; border-radius: 3px 3px 3px 3px;}
.forum-type-txt p {font-family:vag_rounded;color:white}
.forum-type-txt a {color:#00ade8}
.staff-section-menu li {
display: inline;
padding: 0.5rem 1rem;
margin-right: 0.5rem;
border: solid 2px #fdb813;
font-family: 'vag_rounded';
}
.experts-section-menu li {
display: inline;
padding: 0.5rem 1rem;
margin-right: 0.5rem;
border: solid 2px #fc5004;
font-family: 'vag_rounded';
}
.staff-section-menu, .experts-section-menu {
list-style-type: none;
margin-left: 0px;
margin-bottom: 30px;
}
/*END PROGRAMMES MENUS*/
/*TABS*/
nav.tabs{ padding-bottom: 10px;}
.tabs dd a, .tabs .tab-title a{ margin-right: 10px; padding: 5px 15px 5px 15px; margin-bottom: 10px;}
.tabs dd.active a, .tabs .tab-title.active a{ background-color: #000000; color: #ffffff;}
/*COLOR TABS*/
#programmes-yellow .tabs dd.active a, #programmes-yellow .tabs .tab-title.active a { background-color: #fdb813;}
#programmes-green .tabs dd.active a, #programmes-green .tabs .tab-title.active a { background-color: #8dc63f;}
#programmes-red .tabs dd.active a, #programmes-red .tabs .tab-title.active a { background-color: #ee2b2c;}
#programmes-blue .tabs dd.active a, #programmes-blue .tabs .tab-title.active a { background-color: #00ade8;}
#programmes-pink .tabs dd.active a, #programmes-blue .tabs .tab-title.active a { background-color: #D70C7A;}
#programmes-black .tabs dd.active a, #programmes-black .tabs .tab-title.active a { background-color: #000000;}
/*CAROUSEL*/
#owl-carousel { margin-bottom: 10px; }
#owl-carousel .item img{
display: block;
width: 100%;
height: auto;
}
#owl-carousel .caption { background-color: #000000;}
.card {
background-color: #000000;
height: 320px;
overflow: hidden;
position: relative;
}
.card_content {
background-color: rgba(0,0,0,0.4);
padding: 6px 18px 1px 18px;
position: absolute;
bottom: -145px;
transition: all 0.5s ease;
}
.card_content p,.card_content h2{
font-family: vag_rounded,georgia;
color:#ffffff;
}
.card_content h2 a {color:#ffffff;}
.card:hover .card_content {
background-color: rgba(0,0,0,0.6);
bottom: 0;
}
.card img{
transition: all 0.5s ease;
opacity: 0.8;
}
.card:hover img{
opacity: 0.5;
bottom: 0;
-webkit-transform:scale(1.1);
transform:scale(1.4);
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
#epower [class*="block-grid-"] > li {
display: block;
float: left;
height: auto;
padding: 0 0.625rem 2.25rem;
}
div.cover {
position: fixed;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
}
img.cover {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
min-width: 50%;
min-height: 50%;
overflow-x: hidden;
}
/* JOBS */
#job-offer p {line-height: 2rem;}
#job-offer .series-top h3 {color:#fc5004;}
#job-offer .row .job-offer a {color:#fc5004;}
#job-offer .tabs .tab-title {width: 50%;}
#job-offer .tabs dd a, #job-offer .tabs .tab-title a {padding: auto;}
#job-offer .tabs dd>a, #job-offer .tabs .tab-title>a {background: whitesmoke;border: 1px solid #d3d3d3;color: #222;font-family: 'vag rounded';font-size: 1.1rem;}
#job-offer.tabs dd.active a, #job-offer .tabs .tab-title.active a {background-color: white;color: #fc5004;border: 1px solid #fc5004;}
#job-offer .content h1 {margin-bottom: 2.5rem;}
.jobs-about-img {width:100%;margin-bottom:2.5rem}
.jobs-video {padding:0.5rem;border: none;}
.jobs-post p {margin-bottom:0.5rem}
.jobs-post h3 {margin-bottom:1.5rem;}
.jobs-post h3>a {color:#fc5004}
.jobs-post {margin-bottom: 1rem;padding: 1rem 0rem 1.5rem 0.5rem;background-color: whitesmoke;overflow: auto;-webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.1);box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.1);}
.jobs-last{border-bottom:0px;}
.jobs-home-scroll {float:left;padding:30px 0px 10px 0px;margin-top:50px;border-top:solid 1px #fc5004;width:100%;}
.job-offer-top ul {list-style-type:none;margin-left:0;}
.job-offer-top h5 {padding: 20px 0px;}
.job-offer-body ul {margin-left:5%;}
#job-offer .series-top h3 {color:#fc5004;}
.row .job-offer a {color:#fc5004;}
.job-offer-top {border-bottom: 1px solid rgb(216, 216, 216); overflow: hidden;}
.job-offer-body {padding:30px 10px;}
.job-side div.post-featured-post {
-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
}
#job-offer .post-featured-text-mini h2 {font-size: 1.2rem;}
.job-offer-bottom {margin-bottom:45px;}
.jobs-page-main button, .jobs-page-main .button {border: solid 1px #fc5004; background-color: #fff;}
.jobs-page-main button a {color: #fc5004}
#job-offer p.quotes {
font-family: 'Overlock', cursive;
font-size: 1.5rem;
line-height: 2rem;
}
#job-offer span.big-q {
font-size: 2rem;
}
#job-offer p.quotes-author{
font-family: vag_rounded_bold;
font-size: 1.2rem;
}
#job-offer .quotes-area {
padding: 3% 3% 3% 2%;
margin: 3rem 0px;
}
.jobs-page-left.desktoponly {
float: left;
width: 100%;
}
.jobs-latest {
padding-top: 20px;
float: left;
padding-right: 10px;
width: 100%;
}
.job-offer-apply-button button {float: right}
/* END JOBS */
/* DEBATES -------------------------------------------------------------------------*/
#debate-yellow .trending-block { border-top: 4px solid #fdb813; }
#debate-green .trending-block { border-top: 4px solid #8dc63f; }
#debate-red .trending-block { border-top: 4px solid #ee2b2c; }
#debate-blue .trending-block { border-top: 4px solid #00ade8; }
#debate-pink .trending-block { border-top: 4px solid #D70C7A; }
#debate-orange .trending-block { border-top: 4px solid #fc5004; }
#debate-green .trending-block-top span.trending-block-top-text{ color: #8dc63f;}
#debate-red .trending-block-top span.trending-block-top-text{ color: #ee2b2c;}
#debate-blue .trending-block-top span.trending-block-top-text{ color: #00ade8;}
#debate-yellow .trending-block-top span.trending-block-top-text{ color: #fdb813;}
#debate-pink .trending-block-top span.trending-block-top-text { border-top: 4px solid #D70C7A; }
#debate-orange .trending-block-top span.trending-block-top-text{ color: #fc5004;}
.debate-title h1 {margin-left: 12px; margin-bottom: 36px;}
#debate-green h2, #debate-red h2, #debate-blue h2, #debate-yellow h2, #debate-pink h2, #debate-orange h2 {font-size:1.6rem;}
#debate-right .bg-green { background-color:#8dc63f; border-top: none; }
#debate-right .bg-blue { background-color:#00ade8; border-top: none; }
#debate-right .bg-red { background-color:#ee2b2c; border-top: none; }
#debate-right .bg-yellow { background-color:#fdb813; border-top: none; }
#debate-right .bg-pink { background-color:#D70C7A; border-top: none; }
#debate-right .bg-orange { background-color:#fc5004; border-top: none; }
#debate-right a {color:#fff}
#debate-right p {color:#fff}
.d-intro a {color: #1991de}
.series-top {margin-left: 12px; margin-bottom: 30px; border-bottom: 1px solid rgb(216, 216, 216); padding-bottom: 22px;}
.pic-debate {width:100%;float:left;margin-bottom:5px;}
.vfc-pic {float:left;width:100%;height:280px;margin-top:5px;}
#vfc .trending-block img {
float: left;
height: 270px;
position: absolute;
width: 100%;
top:auto;
}
#vfc .trending-block {height:620px;}
.capital {text-transform:capitalize;}
#debate-page .trending-block {height: 330px;}
/* END DEBATE -------------------------------------------------------------------------*/
/* ESSAYS SPECIFICS */
.publi-in-essay a {font-size:1.1rem; color:black;}
.publi-in-essay a:hover {color:#2ba6cb}
.publi-in-essay h3>a {font-size:1.5rem;}
.post-middle .publi-in-essay p {font-size:1rem; color:#222;}
div.publi-in-essay {min-height: auto;padding: 12px;margin: 0;margin-bottom:25px;width:99%;border: 1px solid #e8e8e8;display: inline-block;}
.publi-in-essay .list-img-pub img {width: 85%;}
#post-yellow .pic-debate, #post-green .pic-debate, #post-blue .pic-debate, #post-orange .pic-debate, #post-red .pic-debate, #post-pink .pic-debate {
width: 50%;
float: left;
margin-bottom: 20px;
}
/* HEIGHTS */
.h320 {height:320px;}
/* ABOUT */
#about-program-red ul li, #about-program-green ul li, #about-program-blue ul li, #about-program-yellow ul li { margin-bottom: -20px;}
.about-program-text-2 a {color: #1991de}
.panel-red,.panel-green,.panel-yellow,.panel-blue,.panel-pink {border-width: 0px; margin-bottom: 1rem; padding: 0.5rem 1.25rem 0.1rem 1.25rem ; border-bottom: 2px solid #000000;}
.panel-red {background-color:#ee2b2c;}
.panel-green {background-color:#8dc63f;}
.panel-yellow {background-color:#fdb813;}
.panel-blue {background-color:#00ade8;}
.panel-pink {background-color:#D70C7A;}
.panel-red h2,.panel-green h2,.panel-yellow h2,.panel-blue h2,.panel-pink h2{ color: #ffffff; font-family:vag_rounded_bold; }
.panel_home {
background: none repeat scroll 0 0 #cccccc;
border-color: #cccccc;
border-style: solid;
border-width: 1px;
margin-bottom: 0.1rem;
padding: 0;
height:auto;
}
.panel_home img {width:100%}
#mp-menu img{ margin-top: 20px; margin-left: 25px; margin-bottom: 15px;}
#menu-button p {font-size:1rem;font-family:vag_rounded;}
#menu-button p a.menu-trigger { padding-top: 6px; }
#about-program-red header h1, #about-program-green header h1, #about-program-blue header h1, #about-program-yellow header h1 { margin: 0em 0 0.70em 0; }
.vag {font-family:vag_rounded;}
.about-program-top { background-color: #fee6ca; border-top: 5px solid #000000; position: relative;}
.about-program-top-profile { background-color: #ffffff; width: 100%; position: relative; float: left; }
.about-program-top-profile-img { width: 15%; float: left; position: relative; }
.about-program-top-profile-text { width: 85%; float: left; position: relative; }
.about-program-top-profile-text h3 { font-size: 1.2rem; font-family:vag_rounded_bold; color: #000000; margin-bottom: 0rem; padding:0px; margin:0px; }
.about-program-top-profile-text p { color: #000000; margin-bottom: 0rem; margin-top: 0rem; font-size: 1rem; padding:0px; margin:0px;}
.simple-block-profile-text { padding: 0.7rem 1rem 0.6rem 1rem; position: relative; float: left; }
.simple-block { padding: 1rem; position: relative; float: left; }
.bg-orange-soft { background-color: #eeeeee; width: 100%;}
/*
p.about-program-text { font-size: 0.9rem; padding: 0rem 1rem 0rem 1rem; line-height: 1.3;}
*/
.about-program-middle { float: left; position: relative; width: 100%; }
.about-program-middle-title { border-bottom: 2px solid #000000; background-color: #808080; padding: 0.5rem 0.8rem 0.4rem 0.8rem; }
.about-program-middle .false-list { border-bottom: 1px solid #ffffff; padding: 0.6rem 1.25rem 0.6rem 1.25rem; width: 100%; font-family:vag_rounded;}
.about-program-middle h4 { margin-bottom: 0rem; font-size: 1.1em; color: #ffffff;}
p.about-program-text {
font-family: vag_rounded;
font-size: 0.8rem;
line-height: 1.3;
padding: 0rem 1rem 1rem 1rem;
min-height: 140px
}
.about-program-bottom { border-radius: 24px; margin-top: 1.25rem;padding: 1.25rem; float: left; position: relative; font-family: vag_rounded;}
.about-program-bottom p { font-family: vag_rounded;}
.about-program-bottom:after {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #eeeeee rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-style: solid;
border-width: 25px;
top: 102%;
content: " ";
height: 0;
left: 10%;
margin-left: -9px;
pointer-events: none;
position: absolute;
width: 0;
}
#about-program-col-right p { margin-bottom: 0rem; }
p.big-text{ font-size: 1.4rem;}
p.padding {padding: 0.6rem 1.25rem 0.6rem 1.25rem; }
.accordion .accordion-navigation .content, .accordion dd .content { padding: 0px;}
.accordion .accordion-navigation a, .accordion dd a {background-color: #000000;display: block; padding: 0rem; }
.accordion .accordion-navigation a:hover, .accordion dd a:hover {background-color: #000000;}
.accordion .accordion-navigation.active > a, .accordion dd.active > a {background-color: #000000; }
.accordion a h4 { text-align: center; width: 100%; color: #ffffff; padding-top: 0px; margin-top: 0px;}
.accordion .accordion-navigation .bg-orange-soft a, .accordion dd a {background-color: transparent; color: #000000; color: #000000 !important; }
.reveal-modal {z-index:9996;}
/*new post header image*/
.tw-handle-ico {width:auto;}
.post-image-yes .image-black { z-index: 3333; width: 100%; height: 100%; position: absolute; bottom: 0px; left: 0px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); }
.post-image-yes .image-black {-webkit-box-shadow:inset 0 -160px 90px 0 rgba(0,0,0,0.6);
box-shadow:inset 0 -160px 90px 0 rgba(0,0,0,0.6);}
.post-image-yes { position: relative; width: 100%; overflow: hidden; }
.post-image-yes-left { position: absolute; bottom: 30px; left: 20px; width: 70%; color: #ffffff; z-index: 3334; }
.post-image-yes-right { position: absolute; bottom: 25px; right: 20px; width: 25%; color: #ffffff; z-index: 3334; text-align: right; left:auto;}
.post-image-yes-left h1 {color: #ffffff;}
.post-image-yes-right-category {font-size: 1.2rem;}
.post-image-yes-right p { margin-top: 9px; font-style: italic; }
.caption{ position: absolute; bottom: 5px; right: 20px; color: #ffffff; z-index: 3334; opacity:0.8; text-align: right; font-size: 0.7rem; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);}
.caption a { color: #222; opacity:0.8;}
.home-featured-image .image-black {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4); }
.post-image-yes .image-black {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.0); }
.post-featured-post .image-black {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.0); -webkit-box-shadow:inset 0 -170px 60px -30px rgba(0,0,0,0.6);
box-shadow:inset 0 -170px 60px -30px rgba(0,0,0,0.6);}
aside ul li div.post-featured-post{ -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);}
.bg-black-mic {background: #000000 url(https://www.ecfr.eu/page/-/mic2.jpg); background-position: right top; background-repeat: no-repeat; border-top: 5px solid #fc5004;}
.list-img img { margin-top: 8px;}
.list-content{ height: auto; position: relative;}
#tabs .post{ height: auto; clear: both;float: left; display: inline; width: 100%;}
#epubimg a img { margin-top: 7px;}
.epubimg a img { margin-top: 7px;}
/*buttons-sidebar-publication*/
.button-sidebar-group { width: 100%;}
.button-sidebar-group div { width: 100%; border:1px solid #e8e8e8; text-align: center; margin-bottom: 0.5rem; padding: 0.8rem; background-color: #ffffff;}
.button-sidebar-group a { font-family: vag_rounded; letter-spacing: 0.5px; }
.button-sidebar-group.h320 div {padding: 1.3rem;}
.directorImage { margin-bottom: 0.5rem; text-align: center; border:1px solid #e8e8e8;}
.directorImage img { width: 60%; margin-bottom: 0.5rem; margin-top: 0.5rem;}
div.directorImageButton { text-align: center; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); width: 100%; padding-top: 12px; padding-bottom: 12px;}
div.directorImageButton a { color: #ffffff; }
.button-sidebar-group .chinainactive { background-color: #ffffff; background-image: url(../img/button-sidebar-group.png); background-repeat: no-repeat; background-position: left top;}
.button-sidebar-group .chinactive { background-color: #ee2b2c; color: white; border:1px solid #ee2b2c;}
.button-sidebar-group .widerinactive { background-color: #ffffff; background-image: url(../img/button-sidebar-group.png); background-repeat: no-repeat; background-position: left top; background-position: 0px -200px; }
.button-sidebar-group .wideractive { background-color: #00ade8;color: white; border:1px solid #00ade8;}
.button-sidebar-group .menainactive { background-color: #ffffff; background-image: url(../img/button-sidebar-group.png); background-repeat: no-repeat; background-position: left top; background-position: 0px -400px; }
.button-sidebar-group .menactive {background-color: #8dc63f;color: white; border:1px solid #8dc63f;}
.button-sidebar-group .reinventioninactive { background-color: #ffffff; background-image: url(../img/button-sidebar-group.png); background-repeat: no-repeat; background-position: left top; background-position: 0px -600px; }
.button-sidebar-group .reinventionactive {background-color: #fdb813;color: white; border:1px solid #fdb813;}
.button-sidebar-group .otherinactive { background-color: #ffffff; background-image: url(../img/button-sidebar-group.png); background-repeat: no-repeat; background-position: left top; background-position: 0px -800px; }
.button-sidebar-group .otheractive {background-color: #808080;color: white; border:1px solid #808080;}
.button-sidebar-group .geoeconomicsinactive { background-color: #ffffff; background-image: url(../img/button-sidebar-group.png); background-repeat: no-repeat; background-position: left top;}
.button-sidebar-group .geoeconomicsactive { background-color: #D70C7A; color: white; border:1px solid #ee2b2c;}
.button-sidebar-group .otherinactive { background-color: #ffffff; background-image: url(../img/button-sidebar-group.png); background-repeat: no-repeat; background-position: left top; background-position: 0px -800px; }
.button-sidebar-group .otheractive {background-color: #808080;color: white; border:1px solid #808080;}
.iran-no-active, .israel-no-active, .africa-no-active, .syria-no-active { background-color: #ffffff; background-image: url(../img/button-sidebar-group.png); background-repeat: no-repeat; background-position: left top; background-position: 0px -800px; }
.iran-active, .israel-active, .africa-active ,.syria-active { background-color: #808080;color: white; border:1px solid #808080;}
.button-sidebar-group .iran-active,.button-sidebar-group .israel-active,.button-sidebar-group .africa-active,.button-sidebar-group .syria-active{ background-color: #808080;color: white; border:1px solid #808080;}
.last-press-release {
border-bottom: 0px!important;
}
/* ABOUT OFFICES */
.offices-header { border-top: 5px solid #000000; border-bottom: 2px solid #000000;}
.offices-header h2 {font-family:vag_rounded_bold; padding-top: 4px; margin-bottom: 3px;}
.offices-image {}
.offices-name {border-top: 5px solid #000000; border-bottom: 2px solid #000000; background-color: #8dc63f; color: #ffffff; padding: 0rem 1rem;}
.offices-name h3 {color: #ffffff; font-size: 1.2rem; font-family:vag_rounded_bold; padding-top: 5px; margin-bottom: 0px;}
.offices-name h5 {color: #ffffff; font-size: 1rem;}
.offices-text h5 {font-size: 1rem; font-family:vag_rounded_bold;}
.offices-line {border-top: 2px solid #000000; width: 100%;}
.offices-text { background-color: #e5f1d5; padding: 1rem;}
.offices-text p {font-size: 0.8rem;line-height: 1.3; font-family:vag_rounded;}
#offices ul li{ padding-bottom: 0px;}
/* END ABOUT OFFICES */
/* ABOUT PROGRAMMES */
/* END ABOUT PROGRAMMES*/
/* ADDITIONAL BLOCK ACCORDION */
.additional-block-accordion { margin-bottom: 1.25rem; padding: 1.25rem; color:#ffffff; min-height:0em; border-style: solid; border-width: 1px;border-color: #d8d8d8;}
.additional-block-accordion ul.accordion { margin-left: 0px; color: #000000; list-style-type: none;}
.additional-block-accordion ul.accordion ul li { margin-left: 0px; color: #000000; list-style-type: none}
.additional-block-accordion ul.accordion dl { margin-bottom: 0rem;}
.additional-block-accordion .accordion-navigation a {background-color:transparent;}
.additional-block-accordion .accordion-navigation a:hover {background-color:transparent;}
.additional-block-accordion .accordion .accordion-navigation.active a,.accordion dd.active>a {background:transparent;}
.additional-block-accordion .accordion .accordion-navigation a,.accordion dd>a {padding:0rem;}
.additional-block-accordion .additional-block-accordion { min-height: 0px;}
.additional-block-accordion .accordion a:after {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #888888 transparent transparent; border-image: none; border-right: 5px inset transparent; border-style: solid inset inset; border-width: 5px; content: ""; display: block; height: 0; margin-top: -30px; top: 22.5px; width: 0; float: right;}
.additional-block-accordion ul.accordion li ul { margin-left: 0px; color: #000000; list-style-type: none;}
#panel1c, #panel2c, #panel3c, #panel4c { margin-top: 1.25rem;}
#panel1c .active, #panel2c .active, #panel3c .active, #panel4c .active{ background-color: transparent;}
#panel1c, #panel2c, #panel3c, #panel4c{ background-color: transparent;}
#panel1c ul li { margin-left: 0px; color: #000000; list-style-type: none;}
#panel1c ul li a{ margin-left: 0px; color: #000000; list-style-type: none;}
#panel1c .menactive {color:#000000;}
#panel1c .reinventionactive {color:#000000;}
#panel1c .wideractive {color:#000000;}
#panel1c .chinactive {color:#000000;}
#panel1c.chinactive a, #panel1c.menactive a, #panel1c.active a {color:#000000;}
#panel1c a:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent transparent transparent; border-image: none; border-right: 0px inset transparent; border-style: solid inset inset; border-width: 0px; content: ""; display: block; height: 0; margin-top: -30px; top: 22.5px; width: 0; float: right;}
.panel_home {
-webkit-box-shadow: 0px 0px 0px 0px #cccccc;-moz-box-shadow: 0px 0px 0px 0px #cccccc;box-shadow: 0px 0px 0px 0px #cccccc;
}
.news_side {
border: 0px solid #f4f4f4;
margin-bottom: 7px;
padding:10px;
background-color: #e8e8e8;
}
.trending-block-text{background: none repeat scroll 0% 0% ; padding: 5px; margin-top: 30px;}
/* PROFILE ------------------------------------------------------------------------------*/
.profile{ }
.profile-top{ float:left; clear:both; display:inline; }
.profile-description{ margin-top:20px; padding-top:20px; float:left; display:inline; border-top:1px solid #d8d8d8;}
.profile-img{ width:30%; float:left; height:auto; display: inline; }
.profile-img img{ border:1px solid #d8d8d8; padding:10px; margin-top:10px;}
.profile-info{ width:70%; float: left; height:auto; display: inline;}
.profile-info-text{ padding-left: 20px;}
.box { border-style: solid; border-width: 1px;border-color: #d8d8d8;margin-bottom: 1.25rem;padding: 1.25rem;float:left; display:inline;}
.profile-latest{ width:100%; float: left; display:inline;}
.nav-one {margin-left:0px;}
.profiletab {margin-top:43px;}
/* END PROFILE ------------------------------------------------------------------------------*/
/* EVENTS NEW ------------------------------------------------------------------------------*/
.image-yes .trending-top-event {color:white;}
.trending-top-event {font-size:1.1rem;}
.event-hpb h2 {font-size:1.8rem;}
#event-page span.trending-block-top-text.trending-top-event,#event-page span.trending-block-top-text.trending-top-event a {color:black;}
.image-yes span.trending-block-top-text.trending-block-top-text-pic.trending-top-event {color:white;}
#event-page .image-yes span.trending-block-top-text.trending-block-top-text-pic.trending-top-event a {color:white;}
#event-page .image-yes span.trending-block-top-text.trending-block-top-text-pic.trending-top-event {color:white;}
#event-page h3 {font-size: 1.6875rem;text-transform: uppercase;MARGIN-BOTTOM: 1.5REM;}
.events-side h4 {font-size: 1.5rem;text-transform: uppercase;MARGIN-BOTTOM: 1.1REM;text-align:center;}
img.highlight-icon {width:45px;}
.event_archive_image {padding: 0.2rem;float: left;min-height: 150px;}
.event_archive_image img.highlight-icon {width:75%;margin:0;}
/* END EVENTS NEW ------------------------------------------------------------------------------*/
/* SOCIAL LIST */
.social-list{ width: 100%; padding-bottom: 10px; float: left; padding-top: 15px; background-color: #ffffff; border-left: 1px solid #d8d8d8;border-right: 1px solid #d8d8d8;}
.social-list ul li{ float: left; display: inline; list-style-type: none; margin-right: 12px;font-family:vag_rounded,georgia;}
li.twitter-li{ width: 60px; overflow: hidden;}
.print-b a {border:1px solid; color:grey ; padding: 0 2px ;-webkit-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px;}
li.print-b { margin-top: -3px; margin-left: -25px;font-family:vag_rounded,georgia; }
.share_lang { margin-top: -3px; margin-left: 5px; color:grey }
/* MENU MAGELIAN ELIMINAR SI NO SE USA
[data-magellan-expedition], [data-magellan-expedition-clone] {
background: none repeat scroll 0 0 #000000;
min-width: 100px;
padding: 10px;
z-index: 50;
float:left;
position:absolute;
}
.menu-about{ margin-left: 100px; border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;}
.menu-about ul li{ list-style-type: none; float: left; display: block; width: 100%; border-bottom: 1px solid #2d2d2d; border-bottom: 1px solid #2d2d2d;
padding: 10px 0px 10px 0px; }
.menu-about ul li a{ color: #ffffff; font-family: vag_rounded;font-size: 1.2em;}
*/
/* HEADER BOTTOM */
.header-bottom #about-menu.top-bar :nth-of-type(1) a {color:#000000;}
.header-bottom #about-menu.top-bar :nth-of-type(2) a {color:#000000;}
.header-bottom #about-menu.top-bar :nth-of-type(3) a {color:#000000;}
.header-bottom #about-menu.top-bar :nth-of-type(4) a {color:#000000;}
.header-bottom #about-menu.top-bar :nth-of-type(5) a {color:#000000;}
.header-bottom #about-menu.top-bar :nth-of-type(1) a:hover {color:#000000;}
.header-bottom #about-menu.top-bar :nth-of-type(2) a:hover {color:#000000;}
.header-bottom #about-menu.top-bar :nth-of-type(3) a:hover {color:#000000;}
.header-bottom #about-menu.top-bar :nth-of-type(4) a:hover {color:#000000;}
.header-bottom #about-menu.top-bar :nth-of-type(5) a:hover {color:#000000;}
.header-bottom #about-menu.top-bar.expanded .title-area {background:#ffffff; color:#000000;}
.header-bottom #about-menu.top-bar .toggle-topbar.menu-icon a {color: #000000; font-family:vag_rounded;}/*icon text color*/
.header-bottom #about-menu.top-bar .toggle-topbar.menu-icon a span::after {box-shadow: 0 0px 0 1px black, 0 7px 0 1px black, 0 14px 0 1px black;}/*icon color*/
.header-bottom #about-menu.top-bar .toggle-topbar.menu-icon a span:hover:after {box-shadow: 0 0px 0 1px black, 0 7px 0 1px black, 0 14px 0 1px black;}/*icon color*/
.header-bottom #about-menu.top-bar li:nth-of-type(1).select{ background:#000000; color: #ffffff; border-radius:11px 11px 0px 0px;-moz-border-radius:11px 11px 0px 0px;-webkit-border-radius:11px 11px 0px 0px;}
.header-bottom #about-menu.top-bar li:nth-of-type(1).select a{ color: #ffffff;}
.header-bottom #about-menu.top-bar li:nth-of-type(2).select{ background:#000000; color: #ffffff; border-radius:11px 11px 0px 0px;-moz-border-radius:11px 11px 0px 0px;-webkit-border-radius:11px 11px 0px 0px;}
.header-bottom #about-menu.top-bar li:nth-of-type(2).select a{ color: #ffffff;}
.header-bottom #about-menu.top-bar li:nth-of-type(3).select{ background:#fc5004; color: #ffffff; border-radius:11px 11px 0px 0px;-moz-border-radius:11px 11px 0px 0px;-webkit-border-radius:11px 11px 0px 0px;}
.header-bottom #about-menu.top-bar li:nth-of-type(3).select a{ color: #ffffff;}
.header-bottom #about-menu.top-bar li:nth-of-type(4).select{ background:#000000; color: #ffffff; border-radius:11px 11px 0px 0px;-moz-border-radius:11px 11px 0px 0px;-webkit-border-radius:11px 11px 0px 0px;}
.header-bottom #about-menu.top-bar li:nth-of-type(4).select a{ color: #ffffff;}
.header-bottom #about-menu.top-bar li:nth-of-type(5).select{ background:#000000; color: #ffffff; border-radius:11px 11px 0px 0px;-moz-border-radius:11px 11px 0px 0px;-webkit-border-radius:11px 11px 0px 0px;}
.header-bottom #about-menu.top-bar li:nth-of-type(5).select a{ color: #ffffff;}
#programmes p.about-program-text-2 {
font-family: vag_rounded;
font-size: 1rem;
line-height: 1.5;
padding: 0rem 1rem 1rem 1rem;
}
.programmes-before-container-title { margin-top: -50px; margin-bottom: 18px;}
.programmes-before-container-title span { color: #ffffff; font-family:vag_rounded_bold; font-size: 2rem;}
.programmes-before-container-img { background-color: #000000; clear: both; height: 100%; width: 100%;}
.programmes-before-container-img img { opacity: 0.7; filter: alpha(opacity=70); /* For IE8 and earlier */}
.mena-menu-full h2{ padding-top: 20px; font-family: vag_rounded_bold; font-size: 2rem; color: #ffffff;}
.asia-menu-full h2{ padding-top: 20px; font-family: vag_rounded_bold; font-size: 2rem; color: #ffffff;}
.reinventing-menu-full h2 { padding-top: 20px; font-family: vag_rounded_bold; font-size: 2rem; color: #ffffff;}
.wider-menu-full h2 { padding-top: 20px; font-family: vag_rounded_bold; font-size: 2rem; color: #ffffff;}
.events-menu-full h2 { padding-top: 20px; font-family: vag_rounded_bold; font-size: 2rem; color: #ffffff;}
.events-menu-full a {color: #ffffff;}
.mena-menu-full h2 span, .asia-menu-full h2 span,.reinventing-menu-full h2 span,.wider-menu-full h2 span,.events-menu-full h2 span { font-size: 1.5rem;}
.minh900{
min-height: 900px;
}
a img.logo{ width: 200px;}
/* logos section about/donors */
.supporters-li { padding-bottom: 10px; margin-bottom: 0px; height: 220px; border: 1px solid #ddd; text-align: center;}
.supporters-li img{ margin-top: 30px;}
.supporters-li h5 { margin-top: 25px; font-size: 1rem; text-align: center; padding-left: 25px; padding-right: 25px;}
.f14{ font-size: 14px;}
.issues-block{
margin-bottom:20px ;
padding:60px 0px 50px 0px;
}
.issues-block img{
position:absolute;
right:25px;
top:15px;
}
.issues-block h2{ color:#ffffff; text-align:center; font-size: 1.1em;
letter-spacing: 0.5px;
text-transform: uppercase;
font-family: vag_rounded_bold;
}
.issues-block.red{background-color:#ee2b2c;}
.issues-block.green{background-color:#8dc63f;}
.issues-block.yellow{background-color:#fdb813;}
.issues-block.blue{background-color:#00ade8;}
.issues-block.black{background-color:#000000;}
.issues-block.orange{background-color:#fc5004;}
.issues-block.pink{background-color:#D70C7A;}
/*404*/
.bigAlert{ padding:120px 0px 120px 0px;}
.bigAlert i{ font-size: 12em; color:#c0c0c0; text-align:center;}
.bigAlert .centered {text-align:center;}
.bigAlert a {text-decoration:underline;}
/* pagination */
ul.pagination{ font-family: vag_rounded;}
ul.pagination li a, ul.pagination li button {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-radius: 3px;
color: #000000;
display: block;
font-size: 1em;
font-weight: normal;
line-height: inherit;
padding: 0.0425rem 0.125rem 0.0325rem 0.325rem;
transition: background-color 300ms ease-out 0s;
}
ul.pagination li.current a, ul.pagination li.current button {
background: none repeat scroll 0 0 #000000;
color: #fff;
cursor: default;
font-weight: bold;
}
ul.pagination li:hover a,ul.pagination li a:focus,ul.pagination li:hover button,ul.pagination li button:focus{background:#e6e6e6}
ul.pagination li.unavailable a,ul.pagination li.unavailable button{cursor:default;color:#999}
ul.pagination li.unavailable:hover a,ul.pagination li.unavailable a:focus,ul.pagination li.unavailable:hover button,ul.pagination li.unavailable button:focus{background:transparent}
ul.pagination li.current a,ul.pagination li.current button{ background: none repeat scroll 0 0 #000000;color:#fff;font-weight:bold;cursor:default}
ul.pagination li.current a:hover,ul.pagination li.current a:focus,ul.pagination li.current button:hover,ul.pagination li.current button:focus{background:#000000}
ul.pagination li {float:left;}
ul.pagination li a {
height: 25px;
}
.margin-top-30{ margin-top: 30px;}
.staff{ float: left; width: 100%;}
.trending-block-text-2 {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
margin-top: 30px;
padding: 5px;
}
/**
.list-img img{ width: 20%; margin-right: 20px; margin-bottom: 20px; float: left;}
.event-img img{ width: 20%; margin-right: 20px; margin-bottom: 20px; float: left; border: 1px solid #e9e9e9}
**/
/* TABS ISIS */
.tabs-isis ul{ width: 100%; float: left; margin-left:-3px; margin-top:5px;}
.tabs-isis ul li {
float: left;
display: inline;
list-style-type: none;
}
.tabs-isis ul li a{
float: left;
background-color: white;
border: 1px solid teal;
color: teal;
display: block;
padding: 5px 0px 5px 0px;
text-align: center;
width: 100%;
}
.tabs-isis ul.full{ width: 100%; float: left; margin-left:-3px; margin-top:5px;}
.tabs-isis ul.full li a{ width:100%; float: left; display: inline; background-color: white;
border: 1px solid teal;
color: teal;
display: block;
padding: 5px 5px;
text-align: center;
}
/*NEWSLETTER*/
.newsletter-signup {margin-top:5px;}
.newsletter-signup input {
background: #ffffff;
border: 1px solid #e9e9e9;
border-radius: 55px 0 0 55px;
color: #000000;
display: block;
float: left;
height: 40px;
margin: 0;
padding: 0 10px;
width: 80%;
box-shadow: none;
border-right:0px;
font-style: italic;
}
.newsletter-signup input:focus {
background: #ffffff;
border-color: #e9e9e9;
color: #000000;
outline: none;
box-shadow: none;
}
.newsletter-signup button {
background: #ffffff;
border: 1px solid #e9e9e9;
border-radius: 0 55px 55px 0;
color: #000000;
display: block;
float: left;
height: 40px;
line-height: 40px;
margin: 0;
padding: 0;
position: relative;
width: 20%;
border-left:0px;
}
.newsletter-signup button:hover,
.newsletter-signup button:focus {
background: #000000;
color: #ffffff;
outline: none;
}
.newsletter-signup button:active {background: #000000;top: 1px;}
.newsletter-signup i{ float:right; margin-right:20px;}
.newsletter-block h2 { font-family: vag_rounded;font-size: 1.3em;}
.newsletter-block p { font-size: 0.9em;}
#syria p {font-size:14px;line-height:1.3em;margin-bottom:1em;}
#syria { background: #white; padding: 10px; padding-top:0px; padding-bottom:30px; margin: 0 0 15px 0;border: 1px solid #E9E9E9; float:left;}
.profile-description a { color: #1991de;
font-size: 1.05rem;
line-height: inherit;
text-decoration: none;
}
/* Pagination */
.pagination-block{ margin-top: 20px; float: left;}
/* various */
.epub_img_big { width:268px; margin: 0px 1px 15px 1px;float:left; border: 1px solid #e8e8e8; padding: 4px;}
.epub_img_small { height:160px; margin: 5px 10px 5px 1px;float:left; border: 1px solid #e8e8e8; padding: 4px;}
.epub_img_small_index { height:160px; margin: 5px 5px 5px 10px;float:left; border: 1px solid #e8e8e8; padding: 4px;}
.light-grey-box {background-color: #e3e3e3; padding:1.5rem; margin-bottom: 1.5rem;}
.light-orange-box {background-color: #ffe2d6; padding:1.5rem; margin-bottom: 1.5rem;}
/*home page revamp */
.trending-block {
height: 257px;
}
/* Print styles */
@media print {
@page {margin: 1.5cm;}
body {font: 12pt Georgia, "Times New Roman", Times, serif;line-height: 1.3;}
.footer,.social-list, aside, #disqus_thread, #cse,.header-bottom, .top-bar, .header-top,.post-bottom, /*#tabs,*/ #councilcountries, .blacktab.nav { display: none;}
.post-middle{ border: 0px; padding-left: 0px; padding-right: 0px;}
.post-middle p {
font-size: 1rem;
}
#councilmembers p, #councilmembers li {font-size:13px;margin:0;}
.list-wrap {height:auto !important}
.caption { display: none;}
.post-image-yes {clear: both;position: relative;width: 100%; float: left;min-height: 160px; }
.post-image-yes img {clear: both;position: relative;width: 100%; float: left; display: none;}
.post-image-yes-left {position: relative;
width: 70%;
float: left;
padding-left: 0px;
padding-right: 0px;
top: 0;
overflow: hidden;}
.post-image-yes-right {clear: both;
position: absolute;
width: 30%;
float: left;
padding-left: 0px;
padding-right: 0px;
text-align: right;
top: 15px;
overflow: hidden;}
.post-top-bottom {display:none}
.article-Body-bottom {display:none}
blockquote {margin-left:20px;padding-left:20px;}
.logo {display:block!important}
.trending-block-top-link img { display: none;}
.additional-block { display: none;}
.additional-block-white { display: none;}
.home-bottom-blocks {display: none;}
#home-blocks .image-yes img,#home-blocks-2 .image-yes img { display: none;}
#home-featured img{opacity: 0;}
#home-featured .post-featured-text-mini{height: auto;width: 100%; display: inline-block;}
#expressionengine_template_debug {display:none}
a[href]:after {content: " (" attr(href) ")";}
a[href]:after {content: none !important;}
a {text-decoration: none;}
a:link{ text-decoration: none;}
.scorecard_right {display: none;}
#sc_compare {display: none;}
.scorecard-social {display: none;}
.publi-fix, .fix-menu {display: none;}
iframe {display: none;}
[data-magellan-expedition], [data-magellan-expedition-clone] {display: none;}
.geo-right, .yemen-audio, #downloads {display: none;}
}
/* End Print styles */
.epub_img_side{
border: 1px solid #e8e8e8;
float: left;
margin: 5px 10px 5px 1px;
padding: 4px;
width: 100%;
}
.council p {font-family: vag_rounded;}
.council ul li {font-family: vag_rounded;}
#section-orange hr { border:2px solid; margin:0px; color:#fc5004;}
#section-orange .post-featured-post {background-color:#fc5004;}
#section-orange .additional-block-2 {border-color:#fc5004;}
#section-orange .post, #section-orange .post-publications { border-bottom: 2px solid #fc5004;}
#section-orange .tabs dd.active a, #section-orange .tabs .tab-title.active a { background-color: #fc5004;}
#mapa {
position: relative;
padding-bottom: 87%;
padding-top: 0px;
height: 0;
overflow: hidden;
}
.contenedor iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.contenedor object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.contenedor embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ARTICLE AND FEATURED FIX - TO ORDER */
.home-featured-text {bottom:0;}
.home-featured-text p {font-style:normal;}
.visible-mobile p {font-style:italic;}
/**Google search**/
#cse table {
background: none repeat scroll 0 0 transparent;
border: 0px solid #ddd;
margin-bottom: 0rem;
}
table tr th, table tr td {
color: #222;
font-size: 0.875rem;
padding: 0rem 0rem;
text-align: left;
background-color:transparent;
}
.gsc-input-box { border:0px!important; margin-top:0px; padding-top:5px; background-color:transparent;}
.gsc-input-box-hover { border:0px!important; margin-top:0px; padding-top:5px; background-color:transparent;}
.gsc-input-box-focus { border:0px!important; margin-top:0px; padding-top:5px; background-color:transparent;}
.gsib_a { border:0px; margin-top:0px; padding-top:0px; background-color:transparent;}
#gs_tti50 .gsib_a {
padding: 10px 10px;
background-color:transparent;
}
#cse .gsc-input {
background: none repeat scroll 0 0 transparent;
border: 0px solid #d9d9d9;
height: auto;
background: transparent;
border: 1px solid #e9e9e9;
border-radius: 55px 0 0 55px;
color: #000000;
display: block;
float: left;
height: 32px;
margin: 0;
padding: 0 10px;
box-shadow: none;
border-right:0px;
width: 100%;
}
td.gsc-search-button input {
background: none repeat scroll 0 0 transparent;
border: 1px solid #e9e9e9;
border-radius: 0 55px 55px 0;
color: #000000;
height: 32px;
margin-top: 0;
min-width: 13px;
padding: 6px 6px;
width: 13px;
background-color:#000000;
}
td.gsc-search-button input.gsc-search-button-v2{
width: 60px;
height: 32px;
}
.gsc-search-button{
margin-top: 0px;
min-width: 13px;
padding: 0px;
height: 32px;
background:#000000;
border: 1px solid #000000;
border-radius: 0 55px 55px 0;
color: #000000;
}
td.gsc-search-button input.gsc-search-button-v2 {
height: 25px;
padding-left: 13px;
padding-right: 13px;
width: 40px;
border:0px;
}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
border-color: #000000;
background-color: #000000;
background-image: none;
filter: none;
}
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
border-color: #ffffff;
box-shadow: 0px 0px 0px 0px;-moz-box-shadow: 0px 0px 0px 0px;-webkit-box-shadow: 0px 0px 0px 0px;
border:0px;
}
.gsc-input input.gsc-input {
background: none repeat scroll 0% 0% white !important;
}
.gsc-search-box .gsc-input > input:hover, .gsc-input-box-hover {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #ffffff #ffffff #ffffff;
border-image: none;
border-right: 1px solid #ffffff;
border-style: solid;
border-width: 0px;
box-shadow: 0px 0px 0px 0px;-moz-box-shadow: 0px 0px 0px 0px;-webkit-box-shadow: 0px 0px 0px 0px;
outline: medium none;
}
.gsc-search-box .gsc-input > input:focus, .gsc-input-box-focus {
border: 0px solid #4d90fe;
-moz-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);
-webkit-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);
box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);
box-shadow: 0px 0px 0px 0px;-moz-box-shadow: 0px 0px 0px 0px;-webkit-box-shadow: 0px 0px 0px 0px;
outline: none;
}
.cse input.gsc-search-button, input.gsc-search-button {
background-color: #4d90fe;
background-image: -moz-linear-gradient(center top , #000000, #000000);
border: 1px solid #000000;
border-radius: 2px;
color: #fff;
font-family: inherit;
font-size: 11px;
font-weight: bold;
height: 29px;
min-width: 54px;
padding: 0 8px;
}
.cse input.gsc-search-button:hover, input.gsc-search-button:hover {
background-color: #000000;
color: #fff;
}
input.gsc-search-button-v2:hover {
background-color: #000000;
color: #fff;
}
.gsc-input-box {box-shadow: none; border: none; border-width:0px;}
.gsc-input-box:hover {box-shadow: none; border: none; border-width:0px;}
.gsc-input-box:focus {box-shadow: none; border: none; border-width:0px;}
.gsc-input-box-hover {box-shadow: none; border: none; border-width:0px;}
.gsc-input-box-focus {box-shadow: none; border: none; border-width:0px;}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
border-color: #000000;
background-color: #000000;
background-image: none;
filter: none;
box-shadow: none; border: none; border-width:0px;-moz-box-shadow: none; border: none; border-width:0px;-webkit-box-shadow: none; border: none; border-width:0px;
}
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
border-color: #ffffff;
box-shadow: 0px 0px 0px 0px;-moz-box-shadow: 0px 0px 0px 0px;-webkit-box-shadow: 0px 0px 0px 0px;
border:0px;
box-shadow: none; border: none; border-width:0px;-moz-box-shadow: none; border: none; border-width:0px;-webkit-box-shadow: none; border: none; border-width:0px;
}
/* HOME PAGE FIX (to order) */
.image-yes p {text-shadow: 3px 4px 3px #050505;}
.image-yes h2 {text-shadow: 3px 1px 3px #050505;}
.home-featured h1 {text-shadow: 3px 1px 3px #050505;}
.trending-block-top-text-pic {text-shadow: 1px 1px 1px #050505;}
.image-black {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4)}
.post-featured-post .image-yes .image-black {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3)}
.trending-block-info {
color: #000000;
font-size: 0.9em;
font-style: italic;
margin-bottom: 0.8rem;
}
.trending-block.bg-green a:hover, .bg-green p:hover {color:#8dc63f;}
.trending-block.bg-yellow a:hover, .bg-yellow p:hover {color:#fdb813;}
.trending-block.bg-red a:hover, .bg-red p:hover {color:#ee2b2c;}
.trending-block.bg-blue a:hover, .bg-blue p:hover {color:#00ade8;}
.trending-block.bg-orange a:hover, .bg-orange p:hover {color:#fc5004;}
.trending-block.bg-pink a:hover, .bg-pink p:hover {color:#D70C7A;}
.trending-block.image-yes p:hover {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6)}
header .cse input.gsc-search-button:hover, header input.gsc-search-button:hover {
background-color: #000000;
background-image: -moz-linear-gradient(center top , #000000, #000000);
border-color: #000000;
}
.readall {float: right;width: 100%;margin-bottom:15px;}
.readall a {float:right; padding: 8px 17px 7px 17px; text-align: center; background-color: #106aac!important; color: #ffffff!important; font-family: vag_rounded!important;letter-spacing: 0.5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.readall a:hover { color:#ffffff; background-color: #005795;}
.cities-blue .readall a:hover { color:#ffffff; background-color: #005795;}
/* TABS ------------------------------------------------------------------------------*/
.hide{position:absolute;top:-9999px;left:-9999px}
#tabs h1{color:#222}
#tabs ul{list-style:none;margin-left:0}
#tabs .nav{overflow:hidden}
#tabs .nav li{float:left;margin:0 10px 0 0;font-size:1.2em;font-family:vag_rounded;background-color:#efefef;margin:0 5px 10px 5px;font-size:1em;color:#222;border:0}
#tabs .nav2 li{float:left;margin:0 10px 0 0;font-size:1.2em;font-family:vag_rounded;background-color:#efefef;margin:0 5px 10px 5px;font-size:1em;color:#222;border:0}
#tabs .nav li a{display:block;padding:6px 25px 5px;text-align:center;border:0}
#tabs .nav li.last{margin-right:0}
#tabs .nav li a:hover{background:#e6e6e6}
#tabs .chinatab li a.current,#tabs .chinatab li a.current:hover{background-color:#ee2b2c;color:#fff}
#tabs .profiletab li a.current,#tabs .profiletab li a.current:hover{background-color:#fc5004;color:#fff}
#tabs .widertab li a.current,#tabs .widertab li a.current:hover{background-color:#00ade8;color:#fff}
#tabs .menatab li a.current,#tabs .menatab li a.current:hover{background-color:#8dc63f;color:#fff}
#tabs .refugtab li a.current,#tabs .refugtab li a.current:hover{background-color:#fc5004;color:#fff}
#tabs .reinventiontab li a.current,#tabs .reinventiontab li a.current:hover{background-color:#fdb813;color:#fff}
#tabs .geoeconomicstab li a.current,#tabs .geoeconomicstab li a.current:hover{background-color:#D70C7A;color:#fff}
#tabs .blacktab li a.current,#tabs .blacktab li a.current:hover{background-color:#000;color:#fff}
#tabs .syria li a.current,#tabs .syria li a.current:hover{background-color:teal!important;color:#fff!important}
#tabs .syria{overflow:hidden}
#tabs .syria li{width:150px;float:left;margin:2px 2px 15px;font-size:1.3em;height:15px}
#tabs .syria li.last{margin-right:0}
#tabs .syria li a{display:block;padding:2px 5px;color:#fff;text-align:center;border:0;background-color:#fff;color:teal;border:solid 1px teal}
#tabs .syriablog li a{background-color:#fff;color:#E9E9E9;border:solid 1px #E9E9E9;width:600px}
#tabs2 { background: #white; padding: 10px; padding-top:0px; padding-bottom:30px; margin: 0 0 15px 0;border: 1px solid #E9E9E9; }
#tabs2 h1 {color:#6A747C;font-size:21px;}
#tabs2 ul { list-style: none; margin-left:0px;}
#tabs2 .nav { overflow: hidden; }
#tabs2 .nav li { width: 120px; float: left; margin: 0 10px 0 0; font-size:1.3em; }
#tabs2 .nav li.last { margin-right: 0; }
#tabs2 .nav li a { display: block; padding: 5px; color: white; text-align: center; border: 0; }
#tabs2 .sectab li a {background-color:teal}
#tabs2 li a.current,#tabs2 li a.current:hover { background-color: #eee !important; color: black; }
#tabs2 .nav li a:hover, #tabs2 .nav li a:focus { background: #999;}
/* TABS */
/* NEW ABOUT */
.scroll-about {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.scroll-about-text {
padding: 5px 5%;
max-width: 900px;
}
#about-ecfr h2, #about-ecfr h3 {
font-family: vag_rounded_bold;
}
#about-ecfr h2 {
font-size: 1.8rem;
text-align: center;
}
#about-ecfr h3 {
font-size: 1.5rem;
}
#about-ecfr hr {
margin-top: 3rem;
margin-bottom: 1.5rem;
border: solid 2px #fc5004;
-webkit-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.scroll-about p, .scroll-about li {
font-family: 'Lora', georgia, serif;
font-size: 1.2rem;
}
.scroll-about a {
color: #1991de;
font-family: vag_rounded_bold;
}
.scroll-about h1 {
font-size: 2rem;
text-transform: uppercase;
margin-bottom: 2rem;
text-align: center;
font-family: vag_rounded_bold;
}
#about-ecfr {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 3rem;
}
#about-ecfr img {
margin-bottom: 2rem;
}
#about-ecfr .approach {
margin-top: 4rem;
margin-bottom: 4rem;
}
.scroll-about section {
width: 50%;
border-bottom: dashed 2px #d2d2d2;
margin-bottom: 3rem;
padding-bottom: 2rem;
}
.scroll-about section:last-of-type {
border-bottom: 0px;
}
.new-about-menu {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.about-explore {
width: 100%;
}
.about-explore ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
.about-explore li {
text-transform: uppercase;
font-family: vag_rounded;
height: 180px;
}
.about-explore li>div {
background-color: rgba(255,255,255,0.4);
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
#programmes h3{
font-size: 1.5rem,
text-transform: uppercase;
font-family: vag_rounded_bold;
}
#offices iframe {
border: solid 1px #e9e9e9;
margin-bottom: 1.5rem;
}
#about-council img {
display: inline-block;
vertical-align: middle;
width: 100%;
margin-bottom: 3.5rem;
}
#about-council h2 {
margin-bottom: 1.5rem;
}
#arrow-up {
position: fixed;
bottom: 20px;
right: 20px;
display: none;
}
/*CITIES*/
.city-links a {color:#106aac;}
.city-links .aside-button-cities a {color:black}
header.cities .header-middle {background-color: #106aac;padding-bottom: 10px;}
header.cities .header-middle h2 {color: #ffffff; margin-top: 40px;}
header.cities .header-top ul{margin-bottom: 0px;}
header.cities .header-top .right{margin-top: 10px;}
header.cities .header-bottom { border-top:0px; padding-bottom:8px; margin-top:0px; clear:both;}
header.cities .header-bottom .top-bar ul {margin-left: 0%;}
header.cities .header-bottom .top-bar {margin-left:0px; padding-left:0px:}
header.cities .header-bottom .top-bar-section li:not(.has-form) a:not(.button) {background: #FFF; color:#000000; font-family:vag_rounded_bold; font-size:1.1em; text-transform:uppercase;letter-spacing:0.5px;}
header.cities .header-bottom .top-bar.expanded .title-area {background:#ffffff; color:#000000;}
header.cities .header-bottom .top-bar .toggle-topbar.menu-icon a {color: #000000; font-family:vag_rounded;}/*icon text color*/
header.cities .header-bottom .top-bar .toggle-topbar.menu-icon a span::after {box-shadow: 0 0px 0 1px black, 0 7px 0 1px black, 0 14px 0 1px #ffffff;}/*icon color*/
header.cities .header-bottom .top-bar .toggle-topbar.menu-icon a span:hover:after {box-shadow: 0 0px 0 1px black, 0 7px 0 1px black, 0 14px 0 1px #ffffff;}/*icon color*/
header.cities .header-bottom .top-bar-section .has-dropdown > a { padding-right:15px !important;}
header.cities .header-bottom .top-bar-section .has-dropdown > a:after {border-color: transparent transparent transparent;}
header.cities .header-bottom .top-bar-section ul.dropdown { padding: 5px 0px 5px 0px; text-align: center; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; background-color: #ffffff;
-webkit-box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.27);
-moz-box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.27);
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.27);
z-index: 9999;
left: -15px;
}
header.cities .header-bottom .top-bar-section ul.dropdown:after {bottom: 100%; left: 50%; border: solid transparent; content:" "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-bottom-color: #ffffff; border-width: 9px; margin-left: -9px;}
header.cities .header-bottom .top-bar-section ul.dropdown li a {background: #ffffff; color: #000000; font-size: 1em; text-transform: uppercase;margin: 0px;padding: 0px; border-bottom: 1px solid #e6e6e6; padding: 5px 30px 5px 30px;}
header.cities .header-bottom .top-bar-section li:not(.has-form) a:hover:not(.button) {background: #106aac; color: #ffffff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
header.cities .header-bottom .top-bar-section ul.dropdown li:not(.has-form) a:hover:not(.button) {background: #106aac; color: #ffffff; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
header.cities .header-bottom .top-bar-section ul.dropdown li:not(.has-form) a:not(.button) {font-size: 0.9rem; }
header.cities .header-bottom .top-bar-section ul.dropdown { margin-left: -75px;}
header.cities .header-bottom .top-bar-section ul.dropdown.droppubli { margin-left: -40px;}
header.cities .header-bottom .top-bar-section ul.dropdown.dropevents { margin-left: -7px;}
header.cities .header-bottom .top-bar-section ul.dropdown.dropabout { margin-left: -35px;}
.citi-recomend {margin-bottom: 1.25rem;}
.citi-follow {margin-bottom: 1.25rem; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5); padding: 1.25rem 1.25rem 1rem 1.25rem; }
.citi-subscribe {margin-bottom: 1.25rem;}
.citi-infobox {float:right}
table.social-icons {border: 0px; }
table.social-icons td {padding-right:5px;}
table.social-icons img {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;width:50px;height:50px;}
.cities-blue hr {border:2px solid; margin:0px; color:#106aac;}
.cities-blue .trending-block {background-color: #ffffff; border-top: 5px solid #106aac;}
.cities-blue #tabs li a.current, #tabs li a.current:hover { background-color:#106aac; color: #ffffff; }
.cities-blue .citi-info { /*border:1px solid #106aac; margin-bottom: 1.25rem; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5); border-top: 5px solid #106aac; */ margin-bottom: 1.25rem;padding: 1.25rem 1.25rem 1rem 1.25rem; }
.cities-blue .trending-block .trending-block-top span.trending-block-top-text{color:#106aac;}
.cities-blue .image-yes .trending-block-top span.trending-block-top-text{color:white;}
.cities-blue .trending-block .trending-block-top h2 a:hover{color:#106aac;}
.cities-blue a:hover{color:#106aac;}
.cities-blue .citi-info {font-family:vag_rounded;}
.cities-blue .citi-info p{font-family:vag_rounded;}
.cities-blue .citi-info a{ font-family:vag_rounded; color:#106aac;}
.cities-blue .additional-block-2 { border-color: #106aac; }
.cities-blue .bg-grey { border-color: #fc5004; }
.cities-blue .bg-grey h2 { color: #fc5004; }
.cities-blue .bg-grey a { color: #fc5004; }
.cities-blue .bg-grey a:hover { color: #fc5004; }
header.cities .header-bottom .top-bar-section li.language-on:not(.has-form) a:not(.button) {background-color: #d2e4ec; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
header.cities .header-bottom .top-bar-section li.language-on:not(.has-form) a:hover:not(.button) {color:#106aac;}
div.partners{ margin-top:25px; float:left;width:100%;}
div.partners ul {border-top: 1px solid #d8d8d8; padding:15px 0px 15px 0px;}
div.partners ul li{margin-top:6px;}
.aside-block-cities{
float:left;
width: 100%;
position:relative;
margin-bottom: 1.25rem;
}
.aside-block-cities-top{
float:left;
width: 100%;
position:relative;
margin-bottom: 1.25rem;
min-height: 8.125em;
padding: 1.25rem;
border: 1px solid #d8d8d8;
}
.aside-button-cities {
background-color: #ffffff;
border: 1px solid #e8e8e8;
margin-bottom: 0.5rem;
text-align:left;
width: 100%;
}
.aside-button-cities a{
width: 100%;
font-family: vag_rounded;
display:block;
padding: 0.8rem;
}
.aside-button-cities a:hover{background-color:#ececec;}
.google-maps {
position: relative;
padding-bottom: 75%; // This is the aspect ratio
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.special-blocks-2 ul.alc {margin-top:1em;}
.cities-blue .london-box {
border: 1px solid #d6d6d6;
float: left;
font-family: vag_rounded;
height: auto;
line-height: 1.5rem;
margin-bottom: 20px;
width: 100%;
}
#mapas .nav { overflow: visible; }
#mapas .nav li, #mapas .nav2 li{
list-style-type:none;
text-align: left;
width: 100%;
background-color: #ffffff!important;
text-align:left!important;
}
#mapas .nav2 li a,
#mapas .nav li a {
border: 1px solid #e8e8e8;
float: left;
font-family: vag_rounded;
letter-spacing: 0.5px;
padding: 0.6rem;
position: relative;
text-align: left!important;
width: 100%;
}
#mapas .nav li a.current, #mapas .nav li a.current:hover {
background-color: #8dc63f;
color: #ffffff;
}
.cities-blue #mapas .nav li a.current, .cities-blue #mapas .nav li a.current:hover {
background-color: #106aac;
color: #ffffff;
}
#mapas .nav li a:hover, #mapas .nav2 li a:hover {
background-color: #e6e6e6;
}
#mapas .nav h4{ font-family: vag_rounded_bold;margin-bottom: 0.5rem; font-size: 1.3rem;}
#mapas .nav2 h4{ color:#8dc63f; font-family: vag_rounded_bold;margin-bottom: 0.5rem; font-size: 1.3rem;}
.mappingnavtitle h4{padding-top:19px;position: relative;float:left;}
#cover img:hover {
cursor: pointer;
}
.cities-blue .bg-yellow ,.cities-blue .bg-blue, .cities-blue .bg-red, .cities-blue .bg-green,.cities-blue .bg-orange{border-top: 5px solid #106aac;}
header.cities .header-bottom .top-bar-section li:not(.has-form) a.no-sp {color:#fc5004;}
header.cities .header-bottom .top-bar-section li:not(.has-form) a.no-sp-active {color:white;background-color:#fc5004;border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}
.header-middle .top-bar-section .has-dropdown > a { padding-right:15px !important;}
.header-middle .top-bar-section .has-dropdown > a:after {border-color: transparent transparent transparent;}
.header-middle .top-bar-section ul.dropdown { padding: 5px 0px 5px 0px; text-align: center; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; background-color: #ffffff;
-webkit-box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.27);
-moz-box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.27);
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.27);
z-index: 9999;
left: -15px;
}
.header-middle .top-bar-section ul.dropdown:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-bottom-color: #ffffff; border-width: 9px; margin-left: -9px;}
.header-middle .top-bar-section ul.dropdown li a { background: #ffffff; color: #000000; font-size: 1em; text-transform: uppercase;margin: 0px;padding: 0px; border-bottom: 1px solid #e6e6e6; padding: 5px 30px 5px 30px;}
.header-middle .top-bar-section li:not(.has-form) a:hover:not(.button) {background: #fc5004; color: #ffffff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.header-middle .top-bar-section ul.dropdown li:not(.has-form) a:hover:not(.button) {background: #fc5004; color: #ffffff; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.header-middle .top-bar-section ul.dropdown li:not(.has-form) a:not(.button) {font-size: 0.9rem; }
.header-middle .top-bar-section ul.dropdown { margin-left: -75px;}
.header-middle .top-bar-section ul.dropdown.droppubli { margin-left: -40px;}
.header-middle .top-bar-section ul.dropdown.dropevents { margin-left: -7px;}
.header-middle .top-bar-section ul.dropdown.dropabout { margin-left: -35px;}
button.alert, .button.alert {
background-color: #fc5004;
border-color: #fc5004;
color: #fff;
}
/* HOME PAGE: IN THE MEDIA */
.top-dropdown { border-bottom: 5px solid #fc5004; padding: 15px 15px 3px 0px; float:left; width:100%;}
.top-dropdown h3 { color: #fc5004; float:left; margin-right:15px;}
.top-dropdown a { background-color: #fc5004; padding: 6px 15px 6px 15px; color:#ffffff; float:left; margin-top:3px;}
.box-dropdown { width:100%; border-color: #d8d8d8;border-style: solid;border-width: 1px;display: inline;float: left; margin-bottom: 1.60rem; background-color: #ededed;}
.mostrar {position: relative; margin: 0 auto;}
.element { border-bottom: 5px solid #fc5004; position:relative }
.element ul { padding: 1.25rem; }
.box-dropdown-image { width:20%; float:left; margin-right:2%; margin-top:10px;}
.box-dropdown-image img {width:100%;}
.box-dropdown-text { width:78%; float:left;}
.box-dropdown-text-big { width:100%; float:left;}
input.orange-button{
background-color:#fc5004;
color:#ffffff;
padding:7px 25px 5px 25px;
font-family: vag_rounded;
letter-spacing: 0.5px;
font-size:16px;
border:0px;
cursor:pointer;
}
#home-blocks-2 [class*="block-grid-"] > li {
display: block;
float: left;
height: auto;
padding: 0 0.625rem 0rem;
}
.trending-block.image-yes p:hover {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
text-shadow: 0px 0px 0px #000000;
margin-left: -16px;
padding-left: 16px;
margin-top: -10px;
padding-top: 10px;
margin-right: -16px;
padding-right: 16px;
margin-bottom: -10px;
padding-bottom: 10px;
}
.mediabotright {background-color: #fc5004;
border: 0 none; padding: 7px 25px 5px;
color: #ffffff;
cursor: pointer;
font-family: vag_rounded;
font-size: 16px;
letter-spacing: 0.5px;
position:absolute;bottom:0;right:0}
.mediabotright a {color:white;}
/* SPECIFIC MOBILE ------------------------------------------------------------------------------*/
/* Small screens */
@media only screen {
.post-middle p {font-size: 1.1rem; line-height: 1.6rem;}
p.sub-h {color:#888;margin-bottom:20px;font-style: italic; font-size: 1.3rem;line-height: 1.8rem;}
.top-bar{height:40px;}
.header-middle .top-bar{ margin-top:10px; background:#ffffff;}
a img.logo{ width: 100px;}
.desktoponly {display:none;}
.tabletdesktop {display:none;}
.tabletonly {display:none;}
.tabletmobile {display:block;}
.reveal-modal p {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1}
.modal-title {width:80%;margin-left:10%;margin-bottom:2em;}
.card {height:auto}
#scoretab {width: 100%; margin-left:0px;}
.header-bottom .top-bar ul {margin-left:0%;}
.home-featured h1{font-size:1.4rem;}
.home-featured-text-mini h2{line-height:1em;}
.home-featured-text-mini p{display:none;}
.footer-top .top-bar{display:none;}
.footer-bottom .top-bar-section {display:none;}
.profile-img{ width:100%; text-align: center;}
.profile-info{width:100%;}
.top-only-big{margin-top:10px;}
.trending-block-text p { display: none;}
.image-black2{-webkit-box-shadow:inset 0 -120px 20px -10px rgba(0,0,0,0.6);box-shadow:inset 0 -120px 20px -10px rgba(0,0,0,0.6);background: none repeat scroll 0 0 rgba(0, 0, 0, 0.0)!important}
.post-image-yes {
position: relative;
width: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
max-height: auto;
}
.post-image-yes .image-black {
-webkit-box-shadow: inset 0 -160px 90px 0 rgba(0,0,0,0.6);
box-shadow: inset 100px 80px 90px 120px rgba(0,0,0,0.6);
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
}
.post-image-yes-left {
bottom: auto;
left: 20px;
width: 90%;
position: relative;
}
.post-image-yes-right {
top: auto;
bottom: 0px;
left: 20px;
width: 80%;
text-align: left;
position: relative;
}
article .image-yes h2>a {
color: white;
}
article .image-yes p, article .image-yes a {
text-shadow: none;
color: #222
}
article .post-featured-text-mini a {
color: white;
}
article .image-no .post-featured-text-mini a {
color: #222;
}
.tw-handle-ico {
display: none;
}
.post-image-yes-left h1 {
color: #222
}
.post-top-right-category {
color: #222;
font-size: 1rem;
}
.post-image-yes div {
margin-bottom: 1rem;
}
.post-image-yes div.caption, .post-image-yes div.caption a {
margin-bottom: 0rem;
color: #222;
background-color: white;
}
.trending-block, .home-featured-image, .post-featured-post {min-height: 55vw; height: 55vw;}
.home-featured-text .hidden-mobile p { display: none;}
.post-top-bottom li h4, .article-Body-bottom li h4{ width: 900px; clear: both; }
.post-top-left {float: left; width: 100%; clear: both;}
.post-top-right {float: left; width: 100%; clear: both; text-align:left;}
.home-page-video {display:none;}
blockquote {margin-bottom:22px;}
#post-yellow blockquote { margin-left:0%; margin-right:0%; width:100%; padding:22px;}
#post-green blockquote { margin-left:0%; margin-right:0%; width:100%; padding:22px;}
#post-red blockquote { margin-left:0%; margin-right:0%; width:100%; padding:22px;}
#post-blue blockquote { margin-left:0%; margin-right:0%; width:100%; padding:22px;}
#post-black blockquote { margin-left:0%; margin-right:0%; width:100%; padding:22px;}
#post-orange blockquote { margin-left:0%; margin-right:0%; width:100%; padding:22px;}
.side-note {
padding: 1rem;
margin: auto;
}
.scroll-about h1 {
font-size: 1.8rem;
}
.scroll-about section {
width: 90%;
}
.scroll-about p, .scroll-about li {
font-size: 1rem;
}
#about-ecfr .approach {
margin-bottom: 1rem;
}
.about-explore li {
height: 80px;
}
#arrow-up {
bottom: 0px;
right: 3px;
width: 30px;
}
.social-list{ display: none;}
#about-menu{margin-left:0px;}
.home-featured-text p{ display: none;}
.home-featured-text p.visible-mobile{ display:block; clear: both; width: 100%;}
.infobox {
width: 100%;
padding: 10px 5px 10px 10px;
margin: 0 0 15px 15px;
font-size: 0.9rem;
float: right;
line-height: 180%;
}
.infobox p, .infobox a {
font-size: 1rem;
line-height: 180%;
}
.special-blocks .trending-block { height: 330px;}
.special-blocks ul li{ padding: 0 0rem 0rem;}
.special-blocks-2 .trending-block { height: 155px;}
.special-blocks-2 ul li{ padding: 0 0rem 0rem;}
.special-blocks-2 h2{ font-size: 1.5rem;}
h1 {font-size: 1.6rem;}
h2 {font-size: 1.3rem;}
#debate-green h2, #debate-red h2, #debate-blue h2, #debate-yellow h2, #debate-pink h2, #debate-orange h2 {font-size:1.3rem;}
.publi-podcast {margin:5px 0 15px 0;padding:3px;width:100%}
.list-img-prof { float: left; margin-bottom: 20px; margin-right: 20px; height: auto; width: 100%; margin-top: 8px; }
.list-img-prof img { float: left; margin-right: 20px; height: auto; width: 100%; margin-top: 8px; }
.list-img { float: left; margin-bottom: 20px; margin-right: 20px; height: auto; width: 100%; margin-top: 8px; }
.list-img img { float: left; margin-right: 20px; height: auto; width: 100%; margin-top: 8px; }
.list-content { float: left; margin-bottom: 20px; margin-right: 20px; height: auto; width: 100%; margin-top: 8px; }
ul#inthepress .list-img { margin-bottom: 24px; margin-right: 0px; height: auto; width: 20%; margin-top: 8px; }
ul#inthepress .list-img img { margin-right: 20px; height: auto; width: 100%; margin-top: 8px; border: 0; padding: 0;}
ul#inthepress .list-content { margin-bottom: 20px; margin-right: 0; height: auto; width: 80%; margin-top: 8px; }
/*The Council Board list*/
.list-content-prof-big { float: left; margin-bottom: 20px; margin-right: 0px; height: auto; width: 100%; margin-top: 8px; }
.list-img-prof-big { float: left; margin-bottom: 5px; margin-right: 0px; height: auto; width: 100%; margin-top: 8px; }
.list-img-prof-big img { float: left; margin-right: 20px; height: auto; width: 100%; margin-top: 8px; }
.list-content p, .list-content h3,.list-content-prof-big p ,.list-content-prof-big h3 ,.list-content h5 { padding-left: 20px;}
header.cities .header-middle h2 {color: #ffffff; margin-top: 10px; font-size: 17px;}
.menu-top li{ border-top: 1px solid; border-color:#161616;}
.menu-top-social li { display: none;}
.header-middle .top-bar-section .has-dropdown > a { padding-right:15px !important;}
.header-middle .top-bar-section .has-dropdown > a:after { border-color: transparent transparent transparent;}
.header-middle .top-bar-section ul.dropdown { padding: 5px 0px 5px 0px; text-align: center; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; background-color: #ffffff;
-webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.27);
-moz-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.27);
box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.27);
z-index: 9999;
left: -15px;
}
.header-middle .top-bar-section ul.dropdown:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-bottom-color: #ffffff; border-width: 9px; margin-left: -9px;}
.header-middle .top-bar-section ul.dropdown li a { background: #ffffff; color: #000000; font-size: 1em; text-transform: uppercase;margin: 0px;padding: 0px; border-bottom: 1px solid #e6e6e6; padding: 5px 30px 5px 30px;}
.header-middle .top-bar-section li:not(.has-form) a:hover:not(.button) {background: #fc5004; color: #ffffff; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.header-middle .top-bar-section ul.dropdown li:not(.has-form) a:hover:not(.button) {background: #fc5004; color: #ffffff; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.header-middle .top-bar-section ul.dropdown li:not(.has-form) a:not(.button) {font-size: 0.9rem; }
.header-middle .top-bar-section ul.dropdown { margin-left: 0px;}
.header-middle .top-bar-section ul.dropdown.droppubli { margin-left: 0px;}
.header-middle .top-bar-section ul.dropdown.dropevents { margin-left: 0px;}
.header-middle .top-bar-section ul.dropdown.dropabout { margin-left: 0px;}
.post-featured-post.image-yes img {
width: 107%;
max-width:110%;
min-height: 100%
}
#close-modal-hp {
position: absolute;
right: 20px;
bottom: 20px;
font-family: vag_rounded_bold;
font-size: 2.5rem;
}
#modal-screen-layer {
display: none;
z-index: 9998;
position: fixed;
top: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.7)
}
.video-modal-hp, .podcast-modal-hp {
display:none;
position: fixed;
width: 100%;
left: 0%;
top: 0%;
max-height: 100vh;
padding: 1rem;
background-color: white;
z-index: 9999;
box-shadow: 3px 3px 2px 2px #333;
overflow: auto;
}
.video-modal-hp p, .podcast-modal-hp {
font-size: 90%;
font-style: italic;
padding: 0px 0.5rem;
text-align: center;
margin-bottom: 0.5rem;
}
}
@media only screen and (max-width: 40.063em) {
html {text-align:center;}
body {display:inline-block;text-align:left;max-width:500px}
#publication-2016 .post-top-left {
width: 100%; margin-right:0%;
}
#publication-2016 h1 {
font-size: 2rem;
margin-bottom: 1.5rem;
}
#publication-2016 .post-top {
padding: 1rem;
}
#publication-2016 div.policy {padding:12px;margin: 2.5rem 0px;}
#publication-2016 li {margin:12px 0px;font-size:1rem;line-height:140%;}
#publication-2016 .post-middle ol, .post-middle ul {
font-size: 1.rem;
}
#publication-2016 .publi-fix {
width: 100%;
}
.post-middle {padding:1rem;}
#publication-2016 #share-button {display:none}
#publication-2016 h2 {font-size:1.6rem;line-height:160%;}
[data-magellan-expedition] .sub-nav, [data-magellan-expedition-clone] .sub-nav {
margin-bottom: 0;
padding-left:0.2rem;
padding-right: 0.2rem;
margin-right: 0.5rem;
}
[data-magellan-expedition].mobile-only .sub-nav {
margin-right: 0.0rem;
}
#post-green [data-magellan-expedition] .sub-nav, #post-green [data-magellan-expedition-clone] .sub-nav {
border-bottom: solid 2px #8dc63f;
}
#post-yellow [data-magellan-expedition] .sub-nav, #post-yellow [data-magellan-expedition-clone] .sub-nav {
border-bottom: solid 2px #fdb813;
}
#post-blue [data-magellan-expedition] .sub-nav, #post-blue [data-magellan-expedition-clone] .sub-nav {
border-bottom: solid 2px #00ade8;
}
#post-red [data-magellan-expedition] .sub-nav, #post-red [data-magellan-expedition-clone] .sub-nav {
border-bottom: solid 2px #ee2b2c;
}
#post-pink [data-magellan-expedition] .sub-nav, #post-pink [data-magellan-expedition-clone] .sub-nav {
border-bottom: solid 2px #D70C7A;
}
#post-orange [data-magellan-expedition] .sub-nav, #post-orange [data-magellan-expedition-clone] .sub-nav {
border-bottom: solid 2px #fc5004;
}
[data-magellan-expedition], [data-magellan-expedition-clone] {
background: #fff;
z-index: 50;
min-width: auto;
max-width: 100vw;
}
.sub-nav dt, .sub-nav dd, .sub-nav li {
float: left;
display: inline;
margin-left: 0.5rem;
margin-bottom: 0.625rem;
font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
font-weight: normal;
font-size: 0.8rem;
color: #222;
}
.sub-nav dt a, .sub-nav dd a, .sub-nav li a {
text-decoration: none;
color: #444;
padding: 0.1875rem 0.5rem;
}
sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a {
padding: 0.1875rem 0.5rem;
}
[data-magellan-expedition] .sub-nav a, [data-magellan-expedition-clone] .sub-nav a {
line-height: 1.8em;
}
#post-green .sub-nav dt.active a:hover, #post-green .sub-nav dd.active a:hover, #post-green .sub-nav li.active a:hover, #post-green .sub-nav dt.active a, #post-green .sub-nav dd.active a, #post-green .sub-nav li.active a {
background: #8dc63f;
}
#post-yellow .sub-nav dt.active a:hover, #post-yellow .sub-nav dd.active a:hover, #post-yellow .sub-nav li.active a:hover, #post-yellow .sub-nav dt.active a, #post-yellow .sub-nav dd.active a, #post-yellow .sub-nav li.active a {
background: #fdb813;
}
#post-blue .sub-nav dt.active a:hover, #post-blue .sub-nav dd.active a:hover, #post-blue .sub-nav li.active a:hover, #post-blue .sub-nav dt.active a, #post-blue .sub-nav dd.active a, #post-blue .sub-nav li.active a {
background: #00ade8;
}
#post-red .sub-nav dt.active a:hover, #post-red .sub-nav dd.active a:hover, #post-red .sub-nav li.active a:hover, #post-red .sub-nav dt.active a, #post-red .sub-nav dd.active a, #post-red .sub-nav li.active a {
background: #ee2b2c;
}
#post-pink .sub-nav dt.active a:hover, #post-pink .sub-nav dd.active a:hover, #post-pink .sub-nav li.active a:hover, #post-pink .sub-nav dt.active a, #post-pink .sub-nav dd.active a, #post-pink .sub-nav li.active a {
background: #D70C7A;
}
#post-orange .sub-nav dt.active a:hover, #post-orange .sub-nav dd.active a:hover, #post-orange .sub-nav li.active a:hover, #post-orange .sub-nav dt.active a, #post-orange .sub-nav dd.active a, #post-orange .sub-nav li.active a {
background: #fc5004;
}
.list-img-pub {display: none;}
}
/* Medium screens */
@media only screen and (min-width: 40.063em) {
html, body {height:100%;width:100%;}
.post-middle p {font-size: 1.2rem; line-height: 1.8rem;}
p.sub-h {margin-bottom:22px;font-size: 1.4rem;line-height: 1.9rem;}
#scoretab {width: 250px;}
.header-bottom .top-bar ul {margin-left:0%;}
.ajust01 {height:230px;}
#footer-area [class*="column"]:last-child {float: left;}
.home-featured [class*="column"]:last-child {float: left;}
.home-featured h1{font-size:1.7rem;}
.home-featured-text-mini p{display: none;}
.footer-top .top-bar{ display: block;}
.footer-bottom .top-bar-section {display:inline;}
.profile-img{ width:30%; text-align: left;}
.profile-info{ width:70%; padding-left:3%;}
.top-only-big{margin-top:10px;}
.reveal-modal p {-moz-column-count: 2; -moz-column-gap: 10px; -webkit-column-count: 2; -webkit-column-gap: 10px; column-count: 2; column-gap: 10px;}
.britain-modal p {-moz-column-count: 1; -moz-column-gap: 10px; -webkit-column-count: 1; -webkit-column-gap: 10px; column-count: 1; column-gap: 10px;}
.modal-title {width:50%;margin-left:25%;margin-bottom:2em;}
.card {height:auto}
.post-featured-post {height: 28vw; min-height: 28vw}
.trending-block{min-height:auto;height: 28vw;}
.home-featured-text .hidden-mobile p { display: inline;}
.post-top-bottom li h4, .article-Body-bottom li h4{ width: auto; clear:none; }
.post-top-left {width:70%; float:left; clear: none;}
.post-top-right {width:30%; float:left; text-align:right; clear: none;}
.scroll-about section {
width: 80%;
}
#arrow-up {
bottom: 5px;
right: 5px;
width: 40px;
}
a img.logo{ width: 140px;}
.desktoponly {display:none;}
.tabletdesktop {display:block;}
.tabletonly {display:block;}
.mobileonly {display:none}
.tabletmobile {display:block;}
.top-bar{height:45px;}
.header-middle .top-bar{ margin-top:20px; background:#ffffff;}
#post-yellow blockquote { margin-left:0%; margin-right:0%; width:100%; padding:22px;}
#post-green blockquote { margin-left:0%; margin-right:0%; width:100%; padding:22px;}
#post-red blockquote { margin-left:0%; margin-right:0%; width:100%; padding:22px;}
#post-blue blockquote { margin-left:0%; margin-right:0%; width:100%; padding:22px;}
#post-black blockquote { margin-left:0%; margin-right:0%; width:100%; padding:22px;}
#post-orange blockquote { margin-left:0%; margin-right:0%; width:100%; padding:22px;}
.social-list{ display: inline;}
#about-menu{margin-left:0px;}
.home-featured-text p{display:block;}
.home-featured-text p.visible-mobile{ display:block; clear: both; width: 100%;}
.special-blocks .trending-block { height: 330px;}
.special-blocks ul li{ padding: 0 0rem 0rem;}
.special-blocks-2 .trending-block { height: 155px;}
.special-blocks-2 ul li{ padding: 0 0rem 0rem;}
h1 {font-size: 2rem;}
h2 {font-size: 1.4rem; line-height: 1.2}
.trending-block-text h2, .post-featured-text-mini h2 {font-size: 2.5vw; line-height: 130%;}
span.trending-block-top-text {font-size: 1.6vw;}
.trending-block-text p {display:block;}
.trending-block-top-link {
float: right;
width: 2vw;
}
.trending-block {padding: 1rem; padding-top: 0.2rem;}
.trending-block-text {padding: 0px}
#debate-green h2, #debate-red h2, #debate-blue h2, #debate-yellow h2, #debate-pink h2, #debate-orange h2 {font-size:1.6rem;}
.directorImage img { margin-bottom: 0.5rem; margin-top: 0.5rem; width: 25%;}
.post-image-yes {max-height: 472px}
.post-image-yes-left { top: auto; bottom: 30px; left: 20px; width: 70%; position:absolute}
.post-image-yes-right { top:auto; bottom: 25px; right: 20px; width: 25%; text-align: right; display: block; left:auto; position:absolute; color: white;}
.post-image-yes .image-black {
background: none;
z-index: 3333;
}
.post-image-yes-left h1 {
color: white;
}
article .image-yes a, article .image-yes p {
color: white;
}
article .post-image-yes-left h1 {
color: white;
}
.tw-handle-ico {
display: inline;
}
.post-top-right-category {
color: #222;
font-size: 1.2rem;
}
.post-image-yes-right .post-top-right-category {
color: white;
}
.post-image-yes div {
margin-bottom: 0px;
}
.list-img-prof { float: left; margin-bottom: 5px; margin-right: 0px; height: auto; width: 30%; margin-top: 8px; }
.list-img-prof img { float: left; margin-right: 20px; height: auto; width: 100%; margin-top: 8px; border: 1px solid #e8e8e8; padding: 4px;}
.list-img { float: left; margin-bottom: 5px; margin-right: 0px; height: auto; width: 30%; margin-top: 8px; }
.list-img img { float: left; margin-right: 20px; height: auto; width: 100%; margin-top: 8px; border: 1px solid #e8e8e8; padding: 4px;}
.list-img-pub img { float: left; margin-right: 20px; height: auto; width: 70%; margin-top: 8px; border: 1px solid #e8e8e8; padding: 4px;}
.list-content { float: left; margin-bottom: 20px; margin-right: 0px; height: auto; width: 70%; margin-top: 8px; }
ul#inthepress .list-img img { border: 1px solid #e8e8e8; padding: 4px;}
.home-page-video {float:left;height:60px;width:100%;display:block;margin-bottom:10px;display:block;}
.home-page-video img { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
border: 5px solid #fff;
border-radius: 50%;
height: 60px;
opacity: 0.6;
position: absolute;
left: 40%;
text-align: center;
top: 40%;
width: 60px;}
.home-page-video img:hover {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); opacity: 0.9;}
/*The Council Board list*/
.list-content-prof-big { float: left; margin-bottom: 20px; margin-right: 0px; height: auto; width: 80%; margin-top: 8px; }
.list-img-prof-big { float: left; margin-bottom: 5px; margin-right: 0px; height: auto; width: 20%; margin-top: 8px; }
.list-img-prof-big img { float: left; margin-right: 20px; height: auto; margin-top: 8px; }
.list-content p, .list-content h3,.list-content-prof-big p ,.list-content-prof-big h3 ,.list-content h5 { padding-left: 20px;}
.image-black2{-webkit-box-shadow:inset 0 -150px 40px -30px rgba(0,0,0,0.6);box-shadow:inset 0 -150px 20px -10px rgba(0,0,0,0.6);background: none repeat scroll 0 0 rgba(0, 0, 0, 0.0)!important}
.post-image-yes .image-black {-webkit-box-shadow:inset 0 -160px 90px 0 rgba(0,0,0,0.6);
box-shadow:inset 0 -160px 90px 0 rgba(0,0,0,0.6);}
header.cities .header-middle h2 {color: #ffffff; margin-top: 40px; font-size: 24px;}
.menu-top li{ border-bottom: 0px solid; border-color:none;}
header.cities .menu-top-social li { display: block; margin-top: 8px;}
.menu-top-social li { display: block; margin-top: 5px;}
.menu-top-home{ margin-top: 15px}
.header-middle .top-bar-section .has-dropdown > a { padding-right:11px !important;}
.header-middle .top-bar-section .has-dropdown > a:after {border-color: transparent transparent transparent;}
.header-middle .top-bar-section ul.dropdown { padding: 5px 0px 5px 0px; text-align: center; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; background-color: #ffffff;
-webkit-box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.27);
-moz-box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.27);
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.27);
z-index: 9999;
left: -15px;
}
.header-middle .top-bar-section ul.dropdown:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-bottom-color: #ffffff; border-width: 9px; margin-left: -9px;}
.header-middle .top-bar-section ul.dropdown li a { background: #ffffff; color: #000000; font-size: 1em; text-transform: uppercase;margin: 0px;padding: 0px; border-bottom: 1px solid #e6e6e6; padding: 5px 30px 5px 30px;}
.header-middle .top-bar-section li:not(.has-form) a:hover:not(.button) {background: #fc5004; color: #ffffff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.header-middle .top-bar-section ul.dropdown li:not(.has-form) a:hover:not(.button) {background: #fc5004; color: #ffffff; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.header-middle .top-bar-section ul.dropdown li:not(.has-form) a:not(.button) {font-size: 0.9rem; }
.header-middle .top-bar-section ul.dropdown { margin-left: -75px;}
.header-middle .top-bar-section ul.dropdown.droppubli { margin-left: -40px;}
.header-middle .top-bar-section ul.dropdown.dropevents { margin-left: -7px;}
.header-middle .top-bar-section ul.dropdown.dropabout { margin-left: -35px;}
.publi-fix {width:inherit;}
#myModal-share {
width:50%;
margin-left: -25%;
top: 40vh!important;
padding:20px;}
.video-modal-hp, .podcast-modal-hp p {
width: 80%;
left: 10%;
padding: 2rem;
max-height: 80vh;
height: auto;
top: 10vh;
}
.video-modal-hp p, .podcast-modal-hp p {
font-size: 100%;
line-height: 1.3;
}
}
@media only screen and (max-width: 767px) {
table.responsive { margin-bottom: 0; }
.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.pinned table { border-right: none; border-left: none; width: 100%; }
.pinned table th, .pinned table td { white-space: nowrap; }
.pinned td:last-child { border-bottom: 0; }
div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
div.table-wrapper div.scrollable { margin-left: 35%; }
div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }
table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
}
/* Large screens */
@media only screen and (min-width: 64.063em) {
p.sub-h {margin-bottom:24px;font-size: 1.4rem;line-height: 2rem;}
a img.logo{ width: 200px;}
.top-bar{height:45px;}
.header-middle .top-bar{ margin-top:40px; background:#ffffff;}
.mobileonly {display:none}
.desktoponly {display:block;}
.tabletdesktop {display:block;}
.tabletonly {display:none;}
.tabletmobile {display:none}
.reveal-modal p {-moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px;}
.britain-modal p {-moz-column-count: 1; -moz-column-gap: 10px; -webkit-column-count: 1; -webkit-column-gap: 10px; column-count: 1; column-gap: 10px;}
.britain-modal {width:60%;margin-left:-30%}
.modal-title {width:30%;margin-left:35%;margin-bottom:2em;}
.card {height:320px;}
#scoretab {width: 250px;}
.header-bottom .top-bar ul {margin-left:2%;}
.home-featured h1{ font-size:2.5rem; line-height: 3rem;}
.home-featured-text-mini p{display: inline;}
.footer-top .top-bar{ display: block; width: 100%;}
.footer-bottom .top-bar-section {display:inline;}
.profile-img{ width:30%; text-align: left;}
.profile-info{ width:70%; padding-left:0%;}
.top-only-big{margin-top:186px;}
.trending-block-text p { display: block; line-height:1.4rem;}
.directorImage img { margin-bottom: 0.5rem; margin-top: 0.5rem; width: 60%;}
.post-top-bottom li h4, .article-Body-bottom li h4{ width: auto; clear:none; }
.post-top-left {width:70%; float:left; clear: none;}
.post-top-right {width:30%; float:left; text-align:right; clear: none;}
.home-page-video {float:left;height:60px;width:100%;display:block;margin-bottom:10px;display:block;}
.home-page-video img { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
border: 5px solid #fff;
border-radius: 50%;
height: 60px;
opacity: 0.6;
position: absolute;
left: 40%;
text-align: center;
top: 40%;
width: 60px;}
.scroll-about h1 {
font-size: 2rem;
}
.scroll-about section {
width: 50%;
}
.scroll-about p, .scroll-about li {
font-size: 1.2rem;
}
#about-ecfr .approach {
margin-bottom: 4rem;
}
.about-explore li {
height: 180px;
}
#arrow-up {
bottom: 20px;
right: 20px;
width: auto;
}
.home-page-video img:hover {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); opacity: 0.9;}
blockquote {margin-bottom:0px;}
#post-yellow blockquote { margin-left:-5%; margin-right:5%; width:40%; padding:22px;}
#post-green blockquote { margin-left:-5%; margin-right:5%; width:40%; padding:22px;}
#post-red blockquote { margin-left:-5%; margin-right:5%; width:40%; padding:22px;}
#post-blue blockquote { margin-left:-5%; margin-right:5%; width:40%; padding:22px;}
#post-black blockquote { margin-left:-5%; margin-right:5%; width:40%; padding:22px;}
#post-orange blockquote { margin-left:-5%; margin-right:5%; width:40%; padding:22px;}
.side-note {
background-color: #d6d6d6;
padding: 1.5rem;
margin: 0 1.5rem auto auto;
}
#programmes-red .large-4, #programmes-blue .large-4, #programmes-green .large-4, #programmes-yellow .large-4{ float: right; clear: none;}
#programmes-red .large-12, #programmes-blue .large-12, #programmes-green .large-12, #programmes-yellow .large-12 { float: left; clear: none; min-height:1550px; }
.social-list{ display: inline;}
#about-menu{margin-left:200px;}
.home-featured-text p{ display:block; font-size: 1rem;}
.home-featured-text p.visible-mobile{ display:block; clear: both; width: 100%;}
.special-blocks .trending-block { height: 330px;}
.special-blocks ul li{ padding: 0 0.600rem 0rem 0rem;}
.special-blocks-2 .trending-block { height: 155px;}
.special-blocks-2 ul li{ padding: 0 0rem 0rem 0.600rem;}
h1 {font-size: 2.3rem;}
.post-image-yes {
display: block;
position: relative;
width: 100%;
max-height: 472px;
overflow: hidden;
}
.post-image-yes-left { bottom: 30px; left: 20px; width: 70%; }
.post-image-yes-right { bottom: 25px; right: 20px; width: 25%; text-align: right; display: block; }
.publi-podcast {float:right;margin:5px 0 25px 25px;padding:7px;border: solid 1px #d9d9d9;width:50%}
.list-img-prof { width: 20%; }
.list-img { width: 20%; }
.list-img-pub img { width: 80%;}
.list-content { width: 80%; }
/* JOBS */
#job-offer .tabs .tab-title {width: 100%;}
#job-offer .tabs.vertical {width: 100%;}
#job-offer .tabs dd a, #job-offer .tabs .tab-title a {padding: 20px;}
#job-offer .tabs dd>a, #job-offer .tabs .tab-title>a {min-height: 60px;}
#job-offer .tabs-content>.content {padding: 0 2rem;}
.job-offer {padding:0px 3rem;}
/* END JOBS */
/*The Council Board list*/
.list-content-prof-big { float: left; margin-bottom: 20px; margin-right: 0px; height: auto; width: 90%; margin-top: 8px; }
.list-img-prof-big { float: left; margin-bottom: 5px; margin-right: 0px; height: auto; width: 10%; margin-top: 8px; }
.list-img-prof-big img { float: left; margin-right: 20px; height: auto; width: 100%; margin-top: 8px; border: 1px solid #e8e8e8; padding: 4px;}
.list-content-prof-big
.list-content p, .list-content h3,.list-content-prof-big p ,.list-content-prof-big h3 ,.list-content h5 { padding-left: 20px;}
.image-black2{-webkit-box-shadow:inset 0 -260px 60px -50px rgba(0,0,0,0.6);box-shadow:inset 0 -260px 60px -50px rgba(0,0,0,0.6);background: none repeat scroll 0 0 rgba(0, 0, 0, 0.0)!important}
.post-image-yes .image-black {-webkit-box-shadow:inset 0 -160px 90px 0 rgba(0,0,0,0.6);box-shadow:inset 0 -160px 90px 0 rgba(0,0,0,0.6);}
header.cities .header-middle h2 {color: #ffffff; margin-top: 40px; font-size: 32px;}
.menu-top li{ border-bottom: 0px solid; border-color:none;}
header.cities .menu-top-social li { display: block; margin-top: 8px;}
.menu-top-social li { display: block; margin-top: 5px;}
.menu-top-home{ margin-top: 15px}
.header-middle .top-bar-section .has-dropdown > a { padding-right:11px !important;}
.header-middle .top-bar-section .has-dropdown > a:after {border-color: transparent transparent transparent;}
.header-middle .top-bar-section ul.dropdown { padding: 5px 0px 5px 0px; text-align: center; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; background-color: #ffffff;
-webkit-box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.27);
-moz-box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.27);
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.27);
z-index: 9999;
left: -15px;
}
.header-middle .top-bar-section ul.dropdown:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-bottom-color: #ffffff; border-width: 9px; margin-left: -9px;}
.header-middle .top-bar-section ul.dropdown li a { background: #ffffff; color: #000000; font-size: 1em; text-transform: uppercase;margin: 0px;padding: 0px; border-bottom: 1px solid #e6e6e6; padding: 5px 30px 5px 30px;}
.header-middle .top-bar-section li:not(.has-form) a:hover:not(.button) {background: #fc5004; color: #ffffff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.header-middle .top-bar-section ul.dropdown li:not(.has-form) a:hover:not(.button) {background: #fc5004; color: #ffffff; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.header-middle .top-bar-section ul.dropdown li:not(.has-form) a:not(.button) {font-size: 0.9rem; }
.header-middle .top-bar-section ul.dropdown { margin-left: -75px;}
.header-middle .top-bar-section ul.dropdown.droppubli { margin-left: -40px;}
.header-middle .top-bar-section ul.dropdown.dHOMEropevents { margin-left: -7px;}
.header-middle .top-bar-section ul.dropdown.dropabout { margin-left: -35px;}
#home-blocks-2 h2{ font-size: 1.7rem; }
#home-blocks-2 [class*="block-grid-"] > li {
display: block;
float: left;
height: auto;
padding: 0 0.625rem 0rem;
}
.home-featured h1 {
font-size: 2.4rem;
line-height: 3rem;
}
.post-featured-text-mini h2 {
font-size: 1.6rem;
margin-bottom: 0px;
}
h2 {
font-size: 2rem;
line-height: 1.2;
}
.home-featured .bg-orange { background-color:#fc5004; border-top:5px solid #fc5004 }
.home-featured .bg-green { background-color:#8dc63f; border-top:5px solid #8dc63f}
.home-featured .bg-red { background-color:#ee2b2c; border-top:5px solid #ee2b2c }
.home-featured .bg-blue { background-color:#00ade8; border-top:5px solid #00ade8 }
.home-featured .bg-yellow { background-color:#fdb813; border-top:5px solid #fdb813}
.home-featured .bg-pink { background-color:#D70C7A; border-top:5px solid #D70C7A}
.post-featured-post.image-yes img {
width: 107%;
max-width:110%;
min-height: 100%;
}
.trending-block {
height: 257px;
}
#home-blocks-2 .trending-block {
height: 228px;
}
.trending-block-text h2 {font-size: 2rem;}
.post-featured-text-mini h2 {font-size: 1.8rem;}
.post-featured-post { position: relative; float:left; width: 100%; margin-bottom: 0em; height:226px; overflow:hidden; height: 226px; min-height: auto }
.home-featured-image { position: relative; width: 100%; margin-bottom: 1.20em; max-height:472px; overflow:hidden; height: 472px; min-height: auto}
span.trending-block-top-text {font-size: 1rem;}
.trending-block-text p {display:block;}
.trending-block-top-link {
float: right;
width: auto;
}
.trending-block {padding: 1.25rem; padding-top: 0.5rem;}
.trending-block-text {padding: 5px}
#myModal-share {
width:24%;
margin-left: -12%;
top: 40vh!important;
padding:30px;
}
.infobox {
font-size: 0.9rem!important;
width: 40%;
padding: 20px 5px 20px 20px;
margin: 0 0 25px 25px;
}
.infobox p {
font-size: 0.9rem!important;
}
#close-modal-hp {
position: absolute;
right: 20px;
bottom: 20px;
font-family: vag_rounded_bold;
font-size: 2.5rem;
}
#modal-screen-layer {
display: none;
z-index: 9998;
position: fixed;
top: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.7)
}
.video-modal-hp, .podcast-modal-hp {
width: 50%;
left: 25%;
padding: 3rem;
max-height: 75vh;
top: 10vh;
}
}
/* end desktop */
@media only screen and (max-width: 325px) {
[data-magellan-expedition], [data-magellan-expedition-clone] {
padding: 0px;
}
[data-magellan-expedition] .sub-nav, [data-magellan-expedition-clone] .sub-nav {
padding-left: 0px;
}
.post-image-yes-left {
top: 10px;
bottom: auto;
left: 10px;
width: 100%;
}
.post-image-yes-right {
top: auto;
bottom: 0px;
left: 10px;
width: 100%;
text-align: left;
position: absolute;
}
.post-image-yes-right p {
top: auto;
bottom: 0px;
left: 10px;
width: 100%;
text-align: left;
position: absolute;
font-size: 12px;
}
.post-top-right-category {display:none}
}
/* END SPECIFIC MOBILE ------------------------------------------------------------------------------*/
/* AMP ---------------*/
header.amp-header {max-width: 600px;margin: 0 auto;overflow-x: hidden;}
#amp-article.container {max-width: 600px;margin: 0 auto;overflow-x: hidden;border-top:0px;}
/* TEMP REF CRISIS TO MENU */
.rc-menu-top {color:#fc5004!important;}
.rc-menu-top:hover {color:#fff!important;}