/*===========================================================================================================================================================
Color Options
========================================================================================================================================================*/
/*===========================================================================================================================================================
Body Hintergrund
========================================================================================================================================================*/
body{
background-color: #F5F5F5;}


/*===========================================================================================================================================================
Primary Color
========================================================================================================================================================*/
.nav-container-primary{
    border-bottom: 3px solid #e55743;
}

.nav-container-primary a:hover{
    border-bottom: 2px solid #e55743;
    transition: 0.5s;
}

.nav-secondary{
    border-top: 3px solid #e55743;
}

a{
 color: #e55743;
}

.button-container a{
    background-color: #e55743;
}

.current_page_item{
    border-bottom: 2px solid #e55743;
}
/*===========================================================================================================================================================
Main Container
========================================================================================================================================================*/
.container{
margin: 0}

/*===========================================================================================================================================================
Google Fonts Fontface
========================================================================================================================================================*/

            @font-face{
                font-family: "raleway";
                font-style: normal;
                src: url(" https://tattoo-connection.de/wp-content/themes/terranova_Theme/inc/fonts/raleway-v14-latin/raleway-v14-latin-regular.woff") format("woff")
            }
    
        @font-face{
                font-family: "roboto";
                font-style: normal;
                src: url(" https://tattoo-connection.de/wp-content/themes/terranova_Theme/inc/fonts/roboto-v20-latin/roboto-v20-latin-regular.woff") format("woff")
            }
    
/*===========================================================================================================================================================
Nav Style
========================================================================================================================================================*/
/*===========================================================================================================================================================
Navigation Color
========================================================================================================================================================*/

.nav-container-primary, nav{
    background-color: #21242A;
    color: white;
}

.sub-menu li{
background-color: #21242A;
color: white;
}

.nav-container-primary a, nav a{
    color: white;
}

.sub-menu{
    color: white;
}


.icon{
    background-color:white;
}

.icon:before, .icon:after{
    background-color:white;
}
/*===========================================================================================================================================================
Navigation Position
========================================================================================================================================================*/

.nav-container-primary{
        grid-template-areas:    "brand brand nav nav nav nav nav nav nav social social social";
}


        .nav-primary-social{
            border-left: none !important;
        }
        .nav-primary-social{
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            min-height: 45px;
        }
        @media (min-width: 1300px) {
            .nav-primary-social{
                    display:flex !important;
            }
        }

        .nav-tel, .nav-mail{
            padding-left:10px;
            padding-right:10px;
        }

        .nav-primary-social{
        background-color: #4D5462;
        color: white;
        }
}

.nav-primary-social{
        border-left: 2px solid;
        text-align: center;
}

.nav-container-primary img{
        max-height:75px;
}

/*===========================================================================================================================================================
Nav Font Styling
========================================================================================================================================================*/
/*PRIMARY*/
.nav-container-primary, nav, h1, h2, h3, h4, h5, h6, button{
font-family: raleway;
}
/*SECONDARY*/
body{
font-family: roboto;
}

/*===========================================================================================================================================================
Sidebar /no Sidebar
========================================================================================================================================================*/
.site-main{
}