/******************/
/**** NAV BAR ****/
/****************/

/* Auto Dropdown when hover */
.dropdown:hover .dropdown-menu {
    display: block;
    /*margin-top: 0;*/
    margin: 0;
}

/* Facebook and Twitter */
.btn-fb{
    color: #fff;
    background-color:#3b5998;
}
.btn-fb:hover{
    color: #fff;
    background-color:#496ebc
}
.btn-tw{
    color: #fff;
    background-color:#55acee;
}
.btn-tw:hover{
    color: #fff;
    background-color:#59b5fa;
}
@media(max-width:768px){
    #login-dp{
        background-color: inherit;
        color: #fff;
    }
    #login-dp .bottom{
        background-color: inherit;
        border-top:0 none;
    }
}



/****************************/
/**** Global Custom CSS ****/
/**************************/

/* Home logo center */
.home_center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10%;
    width: 30%;
}

/* Enlarge image when Hover over */
.img_zoom {
    /*max-width: 60%;*/
    height: auto;
    transition: all .5s ease-in-out;
}
.img_zoom:hover {
    transform-origin: top right;
    transform: scale(1.5); /* (150% zoom)*/
}

/* Apply to grid columns to make them all the same height */
.col-height {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

/* Formatted Horizontal Rule */
.hr_formatted {
    margin-left: 0px;
    margin-right: 0px;
    height: 20px;
    background-image: linear-gradient(to right, rgba(252,186,3,1), rgba(0,0,0,0.5), rgba(252,186,3,1));
}
.hr_text_formatted {
    margin-left: 0px;
    margin-right: 0px;
    height: auto;
    background-image: linear-gradient(to right, rgba(252,186,3,1), rgba(0,0,0,0.5), rgba(252,186,3,1));
}

/************************************/
/**** Home Page Ticker Keywords ****/
/**********************************/

/*Based on this*/
/*https://alvarotrigo.com/blog/7-scroll-text-animations-css-and-js/*/

.ablock {
    display: inline-block;
    margin-right: 340px;
}

.ticker-keywords {
    margin-top: 30px;
    width: 10000px;
    padding: 10px 0;
    color: #ffffff;
    font-size: 36px;
    /*text-transform: uppercase;*/
    text-shadow: 0 0 5px rgba(0,0,0,1);
    background: linear-gradient(135deg,  rgba(252,186,3,1) 0%,rgba(252,186,3,1) 10%,rgba(0,0,0,0.5) 30%); /* W3C */
}

.ticker-keywords > * {
    display: inline-block;
    animation: keywords 30s infinite linear;
}

@keyframes keywords {
    0% {transform: translateX(30%);}
    /*100% {transform: translateX(-4135px);}*/
    100% {transform: translateX(-7000px);}
}