/*
Theme Name: Christian Kolbow WordPress theme
Author: Tim Brathärig
Author Contact: development@brathaerig.net
Author URI: https://webdesignbs.de
Description: Christian Kolbow Wordpress theme
Version: 1.0
License: Apache License 2.0
License URI: https://www.apache.org/licenses/LICENSE-2.0
Tags: responsive, custom-menu, custom-widgets, editor-style, featured-images, footer-widgets, theme-options, one-column, slider, front-page, bootstrap
Text Domain: tb-dev-theme
*/


/* 
	General style
*/
h1, h2, h3, h4, h5, a, p
{
	font-family: 'Open sans', sans-serif;
}


.grid-separator
{
	margin: 20px 0;
	height: 1px;
	background-color: rgba(0,0,0,0.2);
}


/* 
	Body style
*/
@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1400px !important;
}
}

/*
	Header Navigation
*/
.navbar
{
	box-shadow: 0px 3px 5px rgb(0 0 0 / 20%);
}

.navbar .navbar-brand
{
	margin-right: 0;
	font-weight: 600;
}

@media (min-width: 1200px) {
	.navbar {
		padding-left: 90px;
		padding-right: 90px;
	}
}

.navbar ul .nav-item .nav-link
{
	font-weight: 400;
	font-size: 20px;
	font-family: 'Open sans', sans-serif;
}



/*
    Top Bar
 */
.top-bar
{
    min-height: 70px;
    border-bottom: 1px solid rgba(0,0,0,0.3);
}

.top-bar-right-alignment
{
    width: 70%;
}

.top-bar-wrapper
{
    padding-top: 10px;
    margin: auto;
}

/* Adjust Icon, Text heights */
#mail-top-bar .top-bar-wrapper, #tel-top-bar .top-bar-wrapper
{
    padding-top: 25px;
}

#add-top-bar i
{
    vertical-align: 10px;
}

#mail-top-bar a
{
    vertical-align: 3px;
}

#tel-top-bar a
{
    vertical-align: 3px;
}

@media (max-width: 1370px)
{
    /* Other elements with 25% width */
    .top-bar .col-lg-2#off-top-bar
    {
        max-width: 25%;
        flex: 0 0 25%;
    }

    .top-bar .col-lg-2#add-top-bar
    {
        max-width: 25%;
        flex: 0 0 25%;
    }

    .top .col-lg-2#tel-top-bar
    {
        max-width: 25%;
        flex: 0 0 25%;
    }
}



.top-bar .col-lg-2#tel-top-bar
{
    flex: 0 0 14.333335%;
    max-width: 14.333335%;
}

.top-bar i
{
    display: inline-block;
    padding-right: 10px;
    font-size: 25px;
    color: #fff;
}

@media (max-width: 1050px)
{
    .top-bar i
    {
        font-size: 18px;
    }
}

.top-bar span
{
    display: inline-block;
    font-family: "Poppins", "Open Sans", sans-serif;
    font-size: 17px;
    font-weight: 300;
    color: #fff;
}

.top-bar span a
{
    color: #fff;
	font-weight: 600;
}

@media (max-width: 992px)
{
	.top-bar
	{
		display: none;
	}
}



/* 
	Page.php  
*/
.page-wrapper h1
{
	margin-top: 50px;
	font-size: 40px;
}


@media (max-width: 991px)
{
	.page-wrapper h1
	{
		margin-top: 0px;
		font-size: 40px;
	}
}



/*
	Footer Style
*/

/* Footer general */
.page-footer
{
	border-top: 1px solid rgba(255,255,255,0.2);
	padding: 10px 0 10px 0;
	background-repeat: no-repeat;
	z-index: 2;
}

.page-footer p
{
	font-size: 16px;
	margin: 0;
}

/* Footer copyright */
.footer-copyright-notice
{
	text-align: right;
}

/* Footer widgets */
.footer-widgets li
{
	list-style-type: none;
}


/* Footer menu */
.footer-menu
{
	text-align: left;
}

.footer-menu ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.footer-menu li
{
	display: inline;
}

.footer-menu li:not(:last-child):after
{
	content: " | ";
}

.footer-menu a
{
	font-size: 16px;
}

.footer-menu a:not(:last-child):after
{
	content: " | ";
}


@media (max-width: 991px)
{
	.footer-menu, .footer-copyright-notice
	{
		text-align: center;
	}
}

@media (max-width: 767px)
{
	.footer-widgets .footer-widget
	{
		margin-top: 20px;
	}
}



/* Error 404 page */
.error-wrapper
{
	margin: 50px 0;
	text-align: center;
}

.error-wrapper img
{
	max-height: 150px;
}

.error-wrapper h1
{
	font-family: 'Open Sans', sans-serif;
	font-size: 50px;
}

.error-wrapper p
{
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
}