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

/******************************************************************************
 * contact form
 ******************************************************************************/

form.wpcf7-form fieldset{
    clear :         both;
    overflow :      hidden;
}
form.wpcf7-form p{
    float :         left;
    margin :        20px 10px 0 0;
}
form.wpcf7-form em{
    font-size :     0.8em;
    font-style :    normal;
}
form.wpcf7-form input,
form.wpcf7-form textarea{
    width :         180px;
    border :        #cccccc solid 1px;
    border-left :   #cccccc solid 5px;
    height :        30px;
    padding :       5px;
    font-size :     14px;
    color :         #909090;
}
form.wpcf7-form input:focus,
form.wpcf7-form input:active,
form.wpcf7-form textarea:focus,
form.wpcf7-form textarea:active{
    border-left :   #ffcc00 solid 5px;
    color :         #000000;
}
form.wpcf7-form textarea{
    height :        initial;
    width :         560px;
}
form.wpcf7-form input[type=submit]{
    border :        initial;
    color :         initial;
}
form.wpcf7-form div[role=alert]{
    clear :         both;
    width :         560px;
    padding :       10px;
    margin :        10px 0 0 0;
    border :        none;
    background :    #ffe201;
    color :         #1b4598;
    font-size :     12px;
    text-align :    center;
}
.wpcf7-form-control.g-recaptcha{
    overflow :      hidden!important;
}

::-webkit-input-placeholder{
    font-size :     12px;
}
:-moz-placeholder{
    font-size :     12px;
}
::-moz-placeholder{
    font-size :     12px;
}
:-ms-input-placeholder{
    font-size :     12px;
}