/*
 Theme Name:   EurActiv Aggregating Theme
 Description:  Extends EurActiv Base theme, with styling for bloggers
 Author:       VGMH
 Template:     euractivbase
 Tags: three-columns, featured-images, responsive-layout
 Version:      1.0.0
 Text Domain:  todo_textdomain
*/


header {
    background-color: #FEE300!important;
    border-bottom:1px solid #fed200;
}

header table {
    position:relative;
    width:100%;
    table-layout:fixed;
    overflow:hidden;
}

header img {
    border-bottom:none!important;
}

header a {
/*    color: #0b4da2!important;*/
}

/* handle the euractiv map */
header #eamap-map {
    text-align: right;
    overflow: hidden;
    height:135px;
    margin-bottom:-7px;
}

header #eamap-rss {
    width:50%;
}

header #eamap-rss ul {
    list-style-type: none;
    padding-left:0;
    overflow:hidden;
    
}

header #eamap-rss li {
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
}


/* navbar might be there if injected via EurActiv\GlobalMenu */
header .navbar {
    background-color:gold;
}

header .navbar * {
    border-color:#fed200!important;
}

header .navbar ul a {
    color:navy!important;
    font-size:15px!important;
}

header .navbar ul a:hover,
header .navbar ul a:active {
    background-color:navy!important;
    color:yellow!important;
}


h2 {
    margin: 16px 0 0!important;
    padding: 5px 10px 10.5px!important;
    border-top:4px solid #fed200;
}

h2.taxonomy-headline {
    border-top:4px solid #fed200;
    background-color: midnightblue;
    color: white!important;
}


h3 {
    margin: 16px 0 0!important;
    padding: 5px 0 10.5px!important;
    border-top:4px solid #fed200;
    /*background-color: rgba(254, 242, 0, 0.3);*/
}

.sticky .content-header h2::after,
.sticky .content-header h3::after {
    content: "Editor's Choice";
    display: block;
    font-size: 15px;
    padding:12px 0 0;
    color: #B45F04;
}

div.content-footer {
    border-bottom:0;
}

.right-column h3 {
    background-color: #999;
    color:white;
    text-align:center;
}

.right-column ul {
    list-style-type: none;
    padding-left:0;
}


@media (max-width: 769px)  {
    .right-column aside > * {
        display:none!important;
    }
    .right-column aside > h3 {
        display:block!important;
        cursor:pointer;
        color:aliceblue;
    }
    .right-column aside > h3::before {
	    content: "\f0d7 ";
	    color:aliceblue;
	    font-family: FontAwesome;
	    display:inline-block;
	    margin-right:1em;
    }
    .right-column aside > h3.show-menu::before {
	    content: "\f0d8 ";
    }

    .right-column aside > h3:hover {
        text-decoration:underline;
    }
    .right-column aside > .show-menu {
        display:block!important;
    }
}

.flag-stripe {
    background-color:#122742;
    text-align:center;
    font-size: 14px;
}
.flag-stripe div {
  min-height: 75px;
  vertical-align:center;
}
.flag-stripe a,
.flag-title span {
    color:white;
    display:inline-block;
    padding: 15px 5px 5px;
    vertical-align:middle;
}
.flag-stripe a img {
    display:block;
}
.flag-title {
  font-weight:bold;
  font-size: 18px;
}
.flags-network {
  background-color: #15387c;
}
.flags-syndicated {
  background-color: #2f62b7
}

footer #footer-widgets {
    background-color: #0A0A2A!important;
    border-top: 4px solid #fed200!important;
    border-bottom-width:0;
    color:white;
}
footer #footer-widgets .row{
    position:relative;
    top:-10px;
    font-size:80%;
}
footer #footer-widgets a {
    color:#A9A9F5;
}

footer #footer-widgets ul {
    padding-left: 0;
    list-style-type:none;
}

footer #footer-widgets li {
    min-height:0;
}