/*
Theme Name: Border Crossing
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Border Crossing brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 3.6
Tested up to: 6.5
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bordercrossing
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

ul,
ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {

	font-size: 22px;
	font-weight: 700;
	font-family: "Roboto", sans-serif;
	line-height: 34px;
}

a {
	text-decoration: none;
	color: inherit;
}

a:hover {
	text-decoration: none;
	color: inherit;
}

a:focus {
	text-decoration: none;
	color: inherit;
}

a:visited {
	text-decoration: none;
	color: inherit;
}

a:active {
	text-decoration: none;
	color: inherit;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
	max-width: 1320px;
	margin-left: auto;
	margin-right: 0;
}

.content-page-header {
	background-color: #004891;
	padding: 0px;
}

.content-page-header-blog {
	background-color: #e3000b;
	padding: 0px;
}

.contact-details a {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #004891;
	font-size: 16px;
	font-weight: 500;
	font-family: "Merriweather", serif;
	margin-right: 35px;
}

.content-page-header .nav-link,
.content-page-header-blog .nav-link {
	font-size: 18px !important;
	color: #fff !important;
	font-weight: 500;
	padding: 0px 20px !important;
	font-family: "Merriweather", serif;
	border-right: 2px solid #fff;
	line-height: 17px;
}

.content-page-header .nav-item:first-child .nav-link,
.content-page-header-blog .nav-item:first-child .nav-link {
	padding-left: 0 !important;
}

.content-page-header .nav-item:last-child .nav-link,
.content-page-header-blog .nav-item:last-child .nav-link {
	border-right: 0px !important;
	display: flex;
	align-items: center;
}

.current-menu-item a {
	font-weight: 700 !important;
	text-decoration: underline;
}

.content-page-header .nav-item:last-child .nav-link img,
.content-page-header-blog .nav-item:last-child .nav-link img {
	width: 40px;
	margin-right: 10px;
}

.content-page-header .nav-item {
	padding: 16px 0px !important;
}

.content-page-header-blog .nav-item {
	padding: 16px 0px !important;
}

/* Sub Menu Style Start */
.content-page-header .nav-item {
    padding: 28px 0px !important;
}
.menu-item-has-children{
	position: relative;
}
.content-page-header .nav-item .sub-menu::before {
    content: '';
    height: 20px;
    width: 20px;
    position: absolute;
    top: -20px;
	background-image: url(assets/images/submenu-arrow.png);
	background-size: cover;
	background-position: left;
	background-repeat: no-repeat;
	left: 20px;
}

.content-page-header .nav-item:last-child {
    padding: 16px 0 !important;
}
.content-page-header .nav-item .sub-menu {
	display: none;
	position: absolute;
	background: #e5e7f3;
    padding: 10px 0;
    top: 73px;
}
.content-page-header .nav-item:hover .sub-menu {
	display: block;
}
.content-page-header .nav-item .sub-menu .nav-item {
    padding: 16px 20px !important;
}
.content-page-header .nav-item .sub-menu .nav-item .nav-link {
    border: none;
    color: #004891 !important;
    padding-left: 0 !important;
}
/* Sub Menu Style End */


@media (max-width: 991px){
	button.navbar-toggler {
		position: relative;
		z-index: 999;
	}
	.navbar-collapse {
		position: relative;
		z-index: 1;
		margin-top: -54px;
		margin-left: -12px;
		margin-right: -12px;
	}
	.navbar-collapse .navbar-nav {
		display: block;
	}
	.navbar-collapse .navbar-nav .nav-item {
		padding: 0 !important;
		border-bottom: 1px solid #fff;
	}
	.navbar-collapse .navbar-nav .nav-item:last-child {
		padding: 10px 15px !important;
	}
	.navbar-collapse .navbar-nav .nav-item .nav-link {
		padding: 20px 15px !important; display: inline-block;
		text-decoration: none !important;
	}
	.navbar-collapse .navbar-nav .nav-item:last-child .nav-link{
		padding: 0 !important
	}
	.navbar-collapse .navbar-nav .nav-item .sub-menu {
		position: static;
		display: none;
		padding: 0;
	}
	.navbar-collapse .navbar-nav .nav-item .sub-menu::before{
		display: none;
	}
	.menu-item-has-children::after {
		content: '';
		height: 20px;
		width: 20px;
		position: absolute;
		bottom: unset;
		top: 25px;
		right: 15px;
		background: none;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-top: 8px solid #fff;
		width: auto;
		height: auto;
		transition: 0.2s ease-in-out;
	}
	.menu-item-has-children.active::after {
		transform: rotate(180deg);
	}
	.navbar-collapse .navbar-nav .nav-item .sub-menu .nav-item {
		padding: 0 !important;
	}
	.navbar-collapse .navbar-nav .nav-item .sub-menu .nav-item .nav-link {
		padding: 20px 15px !important;
	}
	button.navbar-toggler {
        width: 40px;
        height: 40px;
        position: relative;
        cursor: pointer;
        display: inline-block;
    }
	button.navbar-toggler span, button.navbar-toggler span::before, button.navbar-toggler span::after {
        width: 35px;
        height: 3px;
        background-color: #000;
        border-radius: 4px;
        transition-property: transform;
        transition-duration: .15s;
        transition-timing-function: ease;
        position: absolute;
        top: 50%;
		left: 0;
        transform: translateY(-50%);
    }
	
	button.navbar-toggler.active span {
        transform: translate3d(0, 10px, 0) rotate(45deg);
        top: 11px;
    }
	button.navbar-toggler span::before, button.navbar-toggler span::after {
        content: "";
        position: absolute;
        top: -8px;
    }
	button.navbar-toggler span::after {
        top: 11px;
    }
	button.navbar-toggler.active span::before {
        transform: translate3d(0, 10px, 0) rotate(45deg);
        opacity: 0;
    }
	button.navbar-toggler.active span::after {
        transform: translate3d(0, -20px, 0) rotate(-90deg);
        top: 20px;
    }
}

.front-page-banner div {
	position: relative;
}

.front-page-banner div span {
	color: white;
	position: absolute;
	left: 7px;
	bottom: 30px;
	font-size: 40px;
	font-weight: 700;
	font-family: "Roboto", sans-serif;
}

.sidebar-box {
	background: #e5e5e5;
}

.widget {
	padding: 20px;
	color: #404040 !important;
	font-family: "Merriweather", serif;
	border-top: 9px solid #e3000b;
}

#categories-2 ul li a {
	color: #404040 !important;
	text-decoration: none !important;

}

#categories-2 ul li a:hover {
	color: #004891 !important;
}

.widget_media_image {
	text-align: center;
}

.homep-top-content p {
	color: #004891;
	font-family: "Roboto", sans-serif;
	font-size: 20px;
	line-height: 34px;
}

.content-h-box h2 {
	color: #004891;
	font-size: 22px;
	font-weight: 700;
	font-family: "Roboto", sans-serif;
	line-height: 34px;
	border-bottom: 1px solid #004891;
}

.content-h-box p {
	color: #404040;
	font-size: 16px;
	font-weight: 400;
	font-family: "Merriweather", serif;
	line-height: 30px;
}

div#execphp-2,
#search-2,
#categories-2 {
	padding: 0px !important;
	border: 0;
}
.post-list h2 a:hover{
	text-decoration: none !important;
}
#execphp-2 h2,
#categories-2 h2 {
	background: #e3000b;
	padding: 15px 20px !important;
	font-family: "Merriweather", serif;
	font-size: 23px;
	color: #fff;
	margin: 0;
	font-weight: 700;
}

div#execphp-2 .execphpwidget,
#categories-2 nav {
	padding: 20px;
}

.execphpwidget article h6 {
	font-size: 20px;
	font-weight: 700;
	color: #404040;
	line-height: 30px;
}

.execphpwidget article .date {
	font-size: 13px;
	font-weight: 400;
}

.execphpwidget .post-list1 {
	margin-bottom: 20px;
}

.execphpwidget article .content-post1,
.execphpwidget article .content-post1 * {
	font-size: 16px;
	font-weight: 400;
}

.search-field {
	background: #fff url(assets/images/Suche_Lupe.svg);
	background-position: 6%;
	background-repeat: no-repeat;
	background-size: 24px;
	height: 50px;
	width: 100%;
	border: 0;
	padding-left: 50px;
}

:focus {
	outline: 0;
}

#categories-2 nav ul li {
	padding: 10px 0;
	border-bottom: 1px solid #a5a5a5;
}

.blog-title h1 {
	font-size: 35px;
	font-weight: 700;
	font-family: "Roboto", sans-serif;
	line-height: 64px;
	color: #004891;
}

.sub-pages-title {
	font-size: 40px;
	font-weight: 700;
	font-family: "Roboto", sans-serif;
	line-height: 54px;
	color: #004891;
}

.post-list h2 {
	color: #004891;
	font-size: 22px;
	font-weight: 700;
	font-family: "Roboto", sans-serif;
	line-height: 32px;
	border-bottom: 1px solid #004891;
}

.post-list span.date {
	font-weight: 400;
	font-size: 16px;
	color: #404040;
	font-family: "Merriweather", serif;

}

.entry-content *,
.entry-content {
	font-weight: 400;
	font-size: 16px;
	line-height: 34px;
	color: #404040;
	font-family: "Merriweather", serif;
}

.entry-content strong {
	font-weight: 700;
}

.post-list .content-post *,
.post-list .content-post {
	font-weight: 400;
	font-size: 16px;
	color: #404040;
	font-family: "Merriweather", serif;
	line-height: 30px;
}

.single-content-post,
.single-content-post * {
	font-weight: 400;
	font-size: 16px;
	color: #404040;
	font-family: "Merriweather", serif;
	line-height: 30px;
}

img {
	max-width: 100%;
	height: auto;
}

time.updated {
	display: none;
}

.read-post {
	color: #e3000b !important;
}

.search-found input {
	background-color: #f5f5f5;
	background-position: 2%;
}

#comments label {
	display: block;
}

#comments textarea,
#comments input {
	width: 80%;
}

#comments input {
	height: 42px;
}

.comment-form-cookies-consent label {
	display: inline-block !important;
}

.comment-form-cookies-consent input {
	width: auto !important;
	height: auto !important;
}

input#submit {
	width: fit-content;
	background: #004891;
	padding: 0px 20px;
	color: #fff;
	border: 1px solid #004891;
}

.simple-links-title {
	font-weight: 700 !important;
	font-size: 20px !important;
}

.site-main a {
	color: #004891;
	text-decoration: none !important;
}

.site-main a:hover {
	text-decoration: underline !important;
}

.wpcf7-submit {
	background: #004891;
	border: 0px;
	padding: 4px 25px;
	color: #fff;
	border-radius: 6px;
}

.entry-content h2   {
	font-size: 28px;
	font-weight: 700;
	font-family: "Roboto", sans-serif;
    line-height: 36px;
    padding-top:26px;
}

.entry-content h3   {
	font-size: 24px;
	font-weight: 700;
	font-family: "Roboto", sans-serif;
    line-height: 36px;
    padding-top:26px;
}

.entry-content h4   {
	font-size: 20px;
	font-weight: 700;
	font-family: "Roboto", sans-serif;
    line-height: 34px;
    padding-top:26px;
}


/*MOBILE STUFF ___________________________________________________*/

@media screen and (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{margin-right: auto}
}

@media screen and (max-width: 1600px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		margin-right: auto;
	}

}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.navbar-brand img {
		width: 300px;
	}
}

@media screen and (max-width: 991px) {
	.content-page-header-blog .nav-item {
		padding: 14px 0px !important;
	}

	.content-page-header .nav-link,
	.content-page-header-blog .nav-link {
		border: 0px !important;
		padding: 0px 8px !important;
	}

	.navbar-toggler-icon {
		width: 1.9em;
		filter: brightness(0) invert(1);
	}

	.sidebar-box {
		margin-bottom: 30px;
	}

	.contact-details a {
		margin-right: 0px;
		margin-bottom: 13px;
	}

	.navbar-brand {
		display: block;
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 767px) {
	.front-page-banner div span {
		left: 21px;
		bottom: 17px;
		font-size: 20px;
	}

}

@media screen and (max-width: 576px) {
	.navbar-brand img {
		width: 100% !important;
	}
}

button:focus {
	outline: 0 !important;
	box-shadow: none !important;
}

.entry-content ul li {
	list-style: disc;
	margin-left: 20px;
}
.tags {
    font-size: 16px;
    padding: 15px;
    background-color: #f9f9f9;
    border-radius: 5px;
}
.tags .fa-tags{
	margin-right: 5px;
}
li.comment{
	padding: 20px;
    border: 2px solid #e5e5e5;
	font-family: "Merriweather", serif;
    font-size: 16px;
	margin-bottom: 15px;
}
.comment-body .comment-meta {
    background-color: transparent !important;
	padding-bottom: 10px;
	margin-bottom: 15px;
    border-bottom: 1px solid #f2f2f2;
}
.comment-body .comment-meta .comment-author{
	font-size:20px;
}
.comment-body .comment-meta .comment-metadata{font-size:14px;}
.reply .comment-reply-link .icon-mail-reply{width:20px;height:18px;margin-right:10px;}


li.comment .comment-respond{
	padding: 0 34px;
    padding-top: 15px;
	
}
.logged-in-as, .comment-form-comment, .comment-respond .comment-form .form-submit .submit{
   font-size:16px;	
}
.comment-respond .comment-form textarea{
	width:100% !important;
}
li.comment .comment-respond .comment-form textarea{
	border: 1px solid #e5e5e5;
	resize:none;
}
.pagination .page-numbers{
	font-size:16px;
}
.pagination .nav-links svg.icon{
	width:15px;
	fill:#004891;
}
.pagination .nav-links .next{
	margin-left:7px;
}
.pagination .nav-links .prev{
	margin-right:7px;
}