.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:13px;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}

/* SLIDER */


  

/* FONTS */


@font-face {
    font-family:'vag_rounded';
    src: url('http://www.ecfr.eu/fonts/2B8689_0_0.eot');
    src: url('http://www.ecfr.eu/fonts/2B8689_0_0.eot?#iefix') format('embedded-opentype'),
         url('http://www.ecfr.eu/fonts/2B8689_0_0.woff') format('woff'),
         url('http://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('http://www.ecfr.eu/fonts/2B8689_1_0.eot');
    src: url('http://www.ecfr.eu/fonts/2B8689_1_0.eot?#iefix') format('embedded-opentype'),
         url('http://www.ecfr.eu/fonts/2B8689_1_0.woff') format('woff'),
         url('http://www.ecfr.eu/fonts/2B8689_1_0.ttf') format('truetype');
    font-weight: normal;
    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;}
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;}

  






        #footerr {
                position:fixed;
                bottom:0;
                width:100%;
                height:69px;
                left:0;
	}

        html>body #footerr{position:fixed}
        #footer-inner {
                height: 30px;
        }

        #content {
                margin-bottom: 69px;
		background-color: #c0c0c0;
        }

.accept_cookie {
	-moz-box-shadow:inset 0px 0px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 0px 0px 0px #caefab;
	box-shadow:inset 0px 0px 0px 0px #caefab;
	background-color:#77d42a;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #268a16;
	display:inline-block;
	color:#306108;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:-17px 1px 26px #aade7c;
}.accept_cookie:hover {background-color:#5cb811;}.accept_cookie:active {
	position:relative;
	top:1px;
}
.more_about_cookies {
	-moz-box-shadow:inset 0px 0px 0px 0px #fed897;
	-webkit-box-shadow:inset 0px 0px 0px 0px #fed897;
	box-shadow:inset 0px 0px 0px 0px #fed897;
	background-color:#f6b33d;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eda933;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:-17px 1px 26px #cd8a15;
}.more_about_cookies:hover {background-color:#d29105;}.more_about_cookies:active {
	position:relative;
	top:1px;
}



/* COLORS */
.green  {color:#8dc63f;}
.red  {color:#ee2b2c;}
.blue {color:#00ade8;}
.yellow {color:#fdb813;}
.orange {color:#fc5004;}
.pink   { color: #D70C7A;}

.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: 40px;
  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;}

/* 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: 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;}
#post-cities 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.25rem; 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-featured-text-mini h2  { font-size:1.3rem; 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;}




.post-featured-post    { position: relative; float:left; width: 100%; margin-bottom: 0em; height:144px; overflow:hidden; }

.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;}

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

	




/*AUDIOPLAYER*/

.audioplayer {
    background: #333 none repeat scroll 0 0;
    border: 1px solid #222;
    color: #fff;
    height: 2.5em;
    position: relative;
    text-shadow: 1px 1px 0 #000;
    z-index: 1;
    font-family: "vag_rounded";
}
.audioplayer-mini {
    margin: 0 auto;
    width: 2.5em;
}
.audioplayer > div {
    position: absolute;
}
.audioplayer-playpause {
    cursor: pointer;
    height: 100%;
    left: 0;
    text-align: left;
    text-indent: -9999px;
    top: 0;
    width: 2.5em;
    z-index: 2;
}
.audioplayer:not(.audioplayer-mini) .audioplayer-playpause {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.audioplayer-mini .audioplayer-playpause {
    width: 100%;
}
.audioplayer-playpause:hover, .audioplayer-playpause:focus {
    background-color: #222;
}
.audioplayer-playpause a {
    display: block;
}
.audioplayer-stopped .audioplayer-playpause a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent -moz-use-text-color transparent #fff;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 0.5em medium 0.5em 0.5em;
    content: "";
    height: 0;
    left: 50%;
    margin: -0.5em 0 0 -0.25em;
    position: absolute;
    top: 50%;
    width: 0;
}
.audioplayer-playing .audioplayer-playpause a {
    height: 0.75em;
    left: 50%;
    margin: -0.375em 0 0 -0.375em;
    position: absolute;
    top: 50%;
    width: 0.75em;
}
.audioplayer-playing .audioplayer-playpause a::before, .audioplayer-playing .audioplayer-playpause a::after {
    background-color: #fff;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 40%;
}
.audioplayer-playing .audioplayer-playpause a::before {
    left: 0;
}
.audioplayer-playing .audioplayer-playpause a::after {
    right: 0;
}
.audioplayer-time {
    height: 100%;
    line-height: 2.375em;
    text-align: center;
    top: 0;
    width: 4.375em;
    z-index: 2;
}
.audioplayer-time-current {
    border-left: 1px solid rgba(0, 0, 0, 0.25);
    left: 2.5em;
}
.audioplayer-time-duration {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    right: 2.5em;
}
.audioplayer-novolume .audioplayer-time-duration {
    border-right: 0 none;
    right: 0;
}
.audioplayer-bar {
    background-color: #222;
    cursor: pointer;
    height: 0.875em;
    left: 6.875em;
    margin-top: -0.438em;
    right: 6.875em;
    top: 50%;
    z-index: 1;
}
.audioplayer-novolume .audioplayer-bar {
    right: 4.375em;
}
.audioplayer-bar div {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
}
.audioplayer-bar-loaded {
    background-color: #333;
    z-index: 1;
}
.audioplayer-bar-played {
    background: #007fd1 none repeat scroll 0 0;
    z-index: 2;
}
.audioplayer-volume {
    border-left: 1px solid rgba(0, 0, 0, 0.25);
    cursor: pointer;
    height: 100%;
    right: 0;
    text-align: left;
    text-indent: -9999px;
    top: 0;
    width: 2.5em;
    z-index: 2;
}
.audioplayer-volume:hover, .audioplayer-volume:focus {
    background-color: #222;
}
.audioplayer-volume-button {
    height: 100%;
    width: 100%;
}
.audioplayer-volume-button a {
    background-color: #fff;
    display: block;
    height: 0.375em;
    left: 35%;
    position: relative;
    top: 40%;
    width: 0.313em;
    z-index: 1;
}
.audioplayer-volume-button a::before, .audioplayer-volume-button a::after {
    content: "";
    position: absolute;
}
.audioplayer-volume-button a::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent #fff transparent -moz-use-text-color;
    border-image: none;
    border-style: solid solid solid none;
    border-width: 0.5em 0.5em 0.5em medium;
    height: 0;
    margin-top: -0.5em;
    right: -0.25em;
    top: 50%;
    width: 0;
    z-index: 2;
}
.audioplayer:not(.audioplayer-muted) .audioplayer-volume-button a::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #fff;
    border-image: none;
    border-radius: 0 0.938em 0 0;
    border-style: double;
    border-width: 0.25em 0.25em 0 0;
    height: 0.313em;
    left: 0.563em;
    top: -0.063em;
    transform: rotate(45deg);
    width: 0.313em;
}
.audioplayer-volume-adjust {
    background: #333 none repeat scroll 0 0;
    cursor: default;
    height: 6.25em;
    left: 0;
    position: absolute;
    right: -1px;
    top: -9999px;
}
.audioplayer-volume:not(:hover) .audioplayer-volume-adjust {
    opacity: 0;
}
.audioplayer-volume:hover .audioplayer-volume-adjust {
    bottom: 100%;
    top: auto;
}
.audioplayer-volume-adjust > div {
    background-color: #222;
    cursor: pointer;
    height: 80%;
    margin: 30% auto 0;
    position: relative;
    width: 40%;
    z-index: 1;
}
.audioplayer-volume-adjust div div {
    background: #007fd1 none repeat scroll 0 0;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
}
.audioplayer-novolume .audioplayer-volume {
    display: none;
}

.audioplayer {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 0 0.4em rgba(0, 0, 0, 0.5);
}
.audioplayer-volume-adjust {
    box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.15), 2px -2px 2px rgba(0, 0, 0, 0.15);
}
.audioplayer-bar, .audioplayer-volume-adjust > div {
    box-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5), 1px 1px 0 rgba(255, 255, 255, 0.1);
}
.audioplayer-volume-adjust div div, .audioplayer-bar-played {
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.5) inset;
}
.audioplayer-playpause, .audioplayer-volume a {
    filter: drop-shadow(1px 1px 0 #000);
}
.audioplayer, .audioplayer-volume-adjust {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #444, #222) repeat scroll 0 0;
}
.audioplayer-bar-played {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #007fd1, #00ade8) repeat scroll 0 0;
}
.audioplayer-volume-adjust div div {
    background: rgba(0, 0, 0, 0) linear-gradient(to top, #007fd1, #00ade8) repeat scroll 0 0;
}
.audioplayer-bar, .audioplayer-bar div, .audioplayer-volume-adjust div {
    border-radius: 4px;
}
.audioplayer {
    border-radius: 2px;
}
.audioplayer-volume-adjust {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.audioplayer *, .audioplayer *::before, .audioplayer *::after {
    transition: color 0.25s ease 0s, background-color 0.25s ease 0s, opacity 0.5s ease 0s;
}

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



/*EVENTS*/


.event1 h3 {width:100%;}

/*END EVENTS*/




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


/*END PUBLICATIONS*/




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}

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





/* DEBATE -------------------------------------------------------------------------*/



#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.8rem;}

#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;}


/* 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%; max-height: 472px; 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);}

.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 -120px 60px -30px rgba(0,0,0,0.6);
box-shadow:inset 0 -120px 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(http://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;}
#fb-root{ margin-top: -6px; }
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:#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(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.0725rem 0.625rem 0.0625rem 0.625rem;
    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;}














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

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








.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 */




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





/* SPECIFIC MOBILE ------------------------------------------------------------------------------*/
/* Small screens */
@media only screen { 

.post-middle p  {font-size: 1.1rem;     line-height: 1.6rem;}

.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;}
.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 .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);
}


.trending-block {min-height: 240px;}
.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;}

.post-image-yes-left  { top: 30px; bottom: auto;  left: 20px; width: 90%; }
.post-image-yes-right { top:auto; bottom: 0px; left: 20px;  width: 80%;  text-align: left; position: absolute; }

.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;}





.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%;}



.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;}











} 











/* Medium screens */
@media only screen and (min-width: 40.063em) { 
.post-middle p  {font-size: 1.2rem;     line-height: 1.8rem;}

#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}
.trending-block{ min-height:auto; height: 370px;}
.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;}



a img.logo{ width: 140px;}

.desktoponly {display:none;}
.tabletdesktop {display:block;}
.tabletonly {display:block;}
.mobileonly {display:none}

.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: 2rem;}
#debate-green h2, #debate-red h2, #debate-blue h2, #debate-yellow h2, #debate-pink h2, #debate-orange h2 {font-size:1.8rem;}

.directorImage img {    margin-bottom: 0.5rem;    margin-top: 0.5rem;    width: 25%;}

.post-image-yes-left  { top: auto;  bottom: 30px; left: 20px; width: 70%; }
.post-image-yes-right { top:auto;  bottom: 25px; right: 20px; width: 25%; text-align: right; display: block; left:auto}

.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;}


} 



@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) { 

a img.logo{ width: 200px;}

.top-bar{height:45px;}
.header-middle .top-bar{ margin-top:20px; background:#ffffff;}

.mobileonly {display:none}
.desktoponly {display:block;}
.tabletdesktop {display:block;}
.tabletonly {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;}

.trending-block{ height: 330px;}

.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;}

.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;}

#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-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%; }

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



<!-- one to be changed .header-middle .top-bar-section .has-dropdown > a back to 15 -->

.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;

}

} 

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

.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;}