﻿@media (max-width: 355px) {

    #mail-to {
        width:30px;
        height:30px;
        overflow:hidden;
    }
}

#mail-to {
    color:#f7f7f7 !important;
}

#language-toggle-content.navbar-collapse.collapse,
#search-toggle-content.navbar-collapse.collapse {
    display:none !important;
}

#language-toggle-content.navbar-collapse.collapse.in,
#search-toggle-content.navbar-collapse.collapse.in {
    display:block !important;
}

#language-toggle-content,
#search-toggle-content {
    border-bottom:solid thin #2e3c73;
}

#language-toggle-content .container,
#search-toggle-content .container {
    padding:0px;
}

#search-toggle-content .navbar-nav{
    padding:15px;
}

#search-toggle-content .navbar-nav{
    width:100%;
}

#search-toggle-content form {
    margin:auto;    
}



#search-toggle-content .input-group-addon,
#search-toggle-content input {
    border:none;
    padding: 6px 10px;
}

#search-toggle-content .input-group-addon {
    background-color:#f7f7f7;    
}

#search-toggle-content .input-group-addon:hover {
    background-color:#172148;
    cursor:pointer;
}

#search-toggle-content .input-group-addon:active {
    background-color:#101735 !important;
}

.navbar-h30.blue-background a:hover {
    background-color:#172148 !important;
}

.navbar-h30.blue-background a:focus,
.navbar-h30.blue-background a:focus {
    background-color:#101735 !important;
}

#announces-container-right {
    padding:0px;
    display:none;
}

#announces-container-left {
    padding:0px;
}

#announces-container-left img,
#announces-container-right img{
    width:100%;
    max-width:400px;
    margin:auto;
    cursor:pointer;
    display:block;
}

#rssfeeds-container {
    padding-left:0px;
    padding-right:0px;
}

#rssfeeds-container .icon {
    background-color:#e7811c;
}

#most-populars-container .icon {
    background-color:#1e2a5b;
}

#most-populars-container .list-group-item:hover {
    background-color:#f0f0f0;
}

#rssfeeds-container .list-group-item:hover {
    background-color:#f0f0f0;
}

#most-populars-container {
    padding:0px;
}

#most-populars-container h4 {
    margin-left:15px;
    margin-right:15px;
}

.footer-menu {
    padding-top:30px;
    padding-bottom:30px;
}

.footer-copiright,
.footer-menu {
    margin:0px;
}

.footer-copiright .container,
.footer-menu .container {
    padding-left:0px;
    padding-right:0px;
}

.footer-menu {
    border-bottom: thin solid #2e3c73;
}

.footer-copiright {
    text-align:center;
    padding-top:30px;
    padding-bottom:30px;
    padding-left:15px;
    padding-right:15px;
}

#footer-logo {
    margin-top:15px;
    margin-bottom:15px;
}

.news-title {
    float: left; 
    margin-left: 0px;
    margin-right:-7px;
}



.news-arrow {
    border-color: transparent transparent transparent #f00d0d; 
    border-style: solid; 
    border-width: 7px 0 7px 7px; 
    float: right; 
    position: relative; 
    top: 10px;
}

.news-title label {
    background-color: #f00d0d !important; 
    color: white !important; 
    padding: 6px 15px; 
    margin-bottom: 0px; 
    margin-top: 0px; 
    text-transform: uppercase
}

#tickers .ticker-item a:hover{
    background-color: transparent !important;

}

#tickers .ticker-item a label{
    color:#9aa7de !important;
}

#tickers .ticker-item a label.news-source{
    color:#fff !important;
}

#tickers .ticker-item a:hover label{
    color:#fff !important;
}

@media (min-width: 400px) {

    #announces-container-left {
        padding:30px;
    }
}

@media (min-width: 768px) {

    #announces-container-left {
        display:none;
    }

    #announces-container-right {
        display:table;
    }

    #language-toggle-content {
        padding-top:0px;
        padding-bottom:0px;
    }

    #language-toggle-content .container, #search-toggle-content .container {
        padding-left:15px;
        padding-right:15px;    
    }

    #search-toggle-content form {
        max-width:600px;    
    }

    #search-toggle-content .navbar-nav{
        padding-top:30px;
        padding-bottom:30px;
    }
}