/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/
/*Add your own styles here:*/

/*
* DAMIAN ADDED
* Wordpress will use those functions instead of the original functions then.
*/

#header {
    margin-top: 22px !important;
}

.custom-top-bar {
    background-color: #b42b44;
    color: #fff;
    padding: 24px 0px 24px 0px;
    font-size: 21px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
	
}
.custom-top-bar .container {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.topbar-left {
    flex: 1;
    font-size: 16px;
}

.topbar-right {
    display: flex;
    align-items: center;
    gap: 10px; /* spacing between phone and icons */
}

.phone-number {
    font-size: 21px;
    font-weight: 900;
    display: flex;
    align-items: center;
    gap: 8px;
}

.social-icons-container {
    display: flex;
    align-items: center;
    gap: 20px;
}

.social-icons-line {
    font-size: 10px;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.social-icon {
    color: #fff;
    transition: color 0.3s;
    text-decoration: none;
    font-size: 18px;
}

.social-icon.facebook:hover {
    color: #3b5998;
}

.social-icon.instagram:hover {
    color: #e1306c;
}

.social-icon.youtube:hover {
    color: #ff0000;
}

body {
    padding-top: 50px; /* Adjust based on top bar height */
}