/*
Theme Name: Enfold Child
Theme URI: http://www.ttiionline.com
Template: Enfold
Description:  Enfold Child Theme
Version: 2.0
Description: TTII Online
Author: The QUIKRETE Companies
Author URI: http://www.quikrete.com
*/

/*@import url("/enfold/style.css");*/

/* =Theme customization starts here
-------------------------------------------------------------- */

.btn-blue {
    font-family: 'Roboto', 'Arial';
    text-align: center;
    background-color: #2b5d8a;
    padding: 10px 25px;
    font-size: 15px;
    color: #fff;
    border: 0px;
    cursor: pointer;
    border-radius: 25px;
    border: 2px solid #fff;
}


/************* Hoverable Dropdown Buttons *************/
/* Dropdown Button */
.dropbtn {
    background-color: #2b5d8a;
    color: white;
    padding: 10px;
    font-size: 16px;
    border: none;
    min-width: 200px;
    margin: 0px 20px 20px 0px;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #2b5d8a;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    margin-top: -20px;
    max-height: 350px;
    overflow-y: auto;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 10px 15px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
    background-color: #ddd;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}


/************* END Hoverable Dropdown Buttons *************/
#socket {
    z-index: 0 !important;
}

#footer {
    z-index: 0 !important;
}



@media (max-width: 767px) {
    #footer {
            background-image: none !important;
        }
}
