/*
Theme Name:     Kleo Child
Theme URI:
Description:    Child theme for Kleo
Author:         SeventhQueen
Author URI:     http://seventhqueen.com
Template:       kleo
Tags:  one-column, two-columns, right-sidebar, fluid-layout, custom-menu, featured-images, post-formats, sticky-post, translation-ready
License: GNU General Public License
License URI: license.txt
*/

/*
* Please add your custom styles below
*/


/*-------------------------------
* Global setting
-------------------------------*/
:root {
	--font-family-global: "Lato";
	--font-family-global-bold: "Lato";
	--font-family-text: "Lato";

	--font-size-main-heading: 40px;
	--font-size-menu-text: 16px;
	--font-size-page-heading: 40px;
	--font-size-petrol-heading: 28px;
	--font-size-text-heading: 22px;
	--font-size-normal-text: 18px;
	--font-size-button-text: 16px;
	--font-size-info-text: 16px;
	--font-size-footer-text: 16px;
	--font-size-socket-text: 14px;

	--clr-bg-primary: #9c142a;
	--clr-bg-active-menu: #9c142a;
	--clr-sucess-bg: #8CB938;
	--clr-error-bg: #D34D61;
	--clr-field-error-bg: #EEBFC6;
	--clr-button-bg: #9c142a;
	--clr-normal-text: #707070;
}

@media (max-width: 998px) {
	:root {
		--font-size-main-heading: 38px;
		--font-size-menu-text: 14px;
		--font-size-page-heading: 40px;
		--font-size-petrol-heading: 26px;
		--font-size-text-heading: 20px;
		--font-size-normal-text: 16px;
		--font-size-button-text: 14px;
		--font-size-footer-text: 14px;
	}
}

@media (max-width: 768px) {
	:root {
		--font-size-main-heading: 36px;
		--font-size-menu-text: 14px;
		--font-size-page-heading: 40px;
		--font-size-petrol-heading: 24px;
		--font-size-text-heading: 18px;
		--font-size-normal-text: 14px;
		--font-size-button-text: 12px;
		--font-size-footer-text: 12px;
	}
}

h1, h2, h3, h4, h5, h6, #content body .rev_slider .tp-caption {
	font-family: var(--font-family-global) !important;
}
.container {
	max-width: 1140px;
	padding-left: 0px;
	padding-right: 0px;
}

.vc_column-inner  {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.vc_row {
	margin-right: 0px !important;
	margin-left: 0px !important;
}
button {
	width: 167px;
	height: 40px;
	border-radius: 26px;
	background-color: #9c142a !important;
	font-size: var(--font-size-button-text) !important;
	font-weight: 400;
	color: #fff;
	border: none;
	line-height: 17px;
	padding: 6px !important;
	background-image: none !important;
}
.button button:hover,
button.page-3-button-demo:hover,
.btn.btn-highlight:hover,
button.contact-submit-button:hover {
	background-color: transparent !important;
	border-color: #9c142a !important;
	color: #9c142a !important;
	background-image: none !important;
	border: 2px solid #9c142a !important;
}

.i-taros-success {
	font-size: var(--font-size-info-text);
	background-color: #8CB938;
    border: 1px solid #8CB938;
    padding: 6px !important;
    margin-bottom: 14px !important;
	border-radius: 4px;
	color:#fff;
}
.i-taros-error {
	font-size: var(--font-size-info-text);
	background-color: #D34D61;
    border: 1px solid #D34D61;
    padding: 6px !important;
    margin-bottom: 14px !important;
	border-radius: 4px;
	color:#fff;
}

.i-taros-field-error {
	background-color: #ffdfdf !important;
    border: 1px dotted #c89797 !important;
    padding: 6px !important;
}

#ui-datepicker-div {
	font-size:14px;
	z-index: 999 !important;
}



/*-------------------------------
* Header
-------------------------------*/
#header .container {
	padding: 0px;
	max-width: 1200px !important;
	position: relative;
}

.header-color .dropdown-menu li{
	font-size: var(--font-size-menu-text);
	line-height: 22px;
}
.header-color .dropdown-menu li:hover{
	border-left: 6px solid var(--clr-bg-active-menu);
}
.offcanvas-sidebar .offcanvas-menu li.active a{
	background-color: var(--clr-bg-primary);
	color: var(--clr-bg-active-menu) !important;
}
.widget_nav_menu .parent > a .caret::after,
.widget_nav_menu .parent > a .caret.active::after {
	font-size: 28px;
}


.kleo-main-header .nav > li.active > a {
	color:var(--clr-bg-active-menu);
	box-shadow: none;
}
.dropdown-menu > .active > a {
	color:#8f8670 !important;
}
.current-page-ancestor a {
	color:var(--clr-bg-active-menu);
}

/* Header Button  */
@media (min-width:991px) {
	/* .navbar-nav > li > a {
		margin: 0 15px !important;
	} */
}
 
@media (max-width:1198px) {
	#header .container .primary-menu {
		padding: 0px !important;
	}
	#header .container .primary-menu .nav.navbar-nav li a {
		margin-right: 15px !important;
		margin-left: 0px !important;
	}
} 

.btn.btn-highlight {
	width: 157px;
	border-radius: 26px;
	height: 40px;
	padding:7px;
	margin-right: 0px !important;
	border-bottom-width: 0px;
	background-color: var(--clr-button-bg) !important;
	background-image: none !important;
}
.kleo-main-header .container .primary-menu .nav.navbar-nav li.kleo-show-login:nth-last-child(2) {
	position:absolute;
	right: 182px;
	display: none;
}
/* .kleo-main-header .container .primary-menu .nav.navbar-nav li.menu-item:nth-last-child(2) a {
	font-size: 18px;
} */
.kleo-main-header .container .primary-menu .nav.navbar-nav li.kleo-register-nav:last-child {
	position:absolute; 
	right: 0px;
}

.breadcrumbs-container {
	display: none !important;
}
#header button {
	width: 55px;
}

/* Mobile Menu */
.wrap-canvas-menu .widget_nav_menu .offcanvas-menu a {
	text-transform: none;
	font-size: 18px;
}

/*-------------------------------
* Footer
-------------------------------*/

/* Footer 1 */
#footer {
	height: 305px;
}
#footer .container, #socket .container {
	max-width:1140px;
}
#footer .container .row {
	margin-left: 0px;
	margin-right: 0px;
}
#footer .container .col-sm-3 {
	z-index: 99;
	padding-right: 0px;
	padding-left: 0px;
}
/* Newsletter form */
.newsletter-form {
	width: auto;
	
}
.newsletter-form .title {
  color: #9c142a;
  font-family: var(--font-family-global);
  font-style: normal;
  font-size: var(--font-size-text-heading);
  width: auto;
  height: 30px;
  margin-bottom: 28px;
}
.newsletter-form form input[name="newsletter_email"], .newsletter-form form input[name="newsletter_submit"] {
	background: #fff;
	font-size: var(--font-size-button-text);
	border-radius: 6px;
	height: 39px;
	border:0px;
}
.newsletter-form form input[name="newsletter_email"] {
	width: 188px;
	display: inline-block;
	padding: 10px 21px 11px 10px;
}
.newsletter-form form input[name="newsletter_submit"] {
	width: 97px;
	color: #fafafa;
	background-color: #9c142a;
	display: inline-block;
	position: relative;
	left: -10px;
	z-index: 1;
	font-size: var(--font-size-button-text) !important;
}
#footer .newsletter_spinner {
	position: relative;
	top:80px;
}
.newsletter-subscription-text {
	font-size: 12px;
	line-height: 15px;
	color:#fff;

}
.newsletter-successfull-text, .newsletter-unsuccessfull-text {
	display:none;
	font-size: var(--font-size-info-text);
	color: #fff;
	background: var(--clr-sucess-bg);
	max-width: 1112px;
	margin: auto;
	margin-bottom: 28px;
	padding: 10px 14px;
	line-height: 22px;
}
.newsletter-unsuccessfull-text {
	background-color: var(--clr-error-bg);
}

#footer .col-sm-3 .text-company-name,
#footer .col-sm-3 .text-company-address,
#footer .col-sm-3 .text-company-zipcode,
#footer .col-sm-3 .text-email,
#footer .col-sm-3 .text-tel,
#footer .col-sm-3 .text-fax,
#footer .col-sm-3 .text-between-logo {
	font-size: var(--font-size-footer-text);
	line-height: 19px;
	color:#fff;
	text-align: center;
}

#footer .col-sm-3 .itaros-logo {
	float: right;
	margin-left: 300px;
	margin-bottom: 32px;
	height: 26px;
	width:150px !important;
}
#footer .col-sm-3 .text-between-logo {
	text-align: right;
	margin-bottom: 19px;
}
#footer .col-sm-3 .buit-logo {
	width: 221px !important;
	float: right;
}


.footer-text-1, .footer-text-2 {
	font-size: var(--font-size-socket-text);
	display: inline-block;
}
.footer-text-2 {
	/* position: absolute;
	right: 0px;
	top: 34px; */
	float: right;
}
.footer-links-1, .footer-links-2, .footer-links-3, .footer-links-4 {
	display:inline;
	margin-left:30px;
}
.footer-links-1 {
	margin-left:0px;
}

/* .i-taros-social-links {
	 margin-top:36px; 
} */
.i-taros-twitter, .i-taros-facebook, .i-taros-linkedin, .i-taros-xing {
	padding: 0 5px;
}
.i-taros-twitter img{
	width: 35px !important;
}

/*-------------------------------
* Smaller devices
-------------------------------*/
/* @media  (max-width: 1736px) {
	.newsletter-form .title {
		text-align:center;
	}
	.newsletter-form form input[name="email"], .newsletter-form form input[name="submit"] {
		font-size: 14px;
		height: 45px;
	}
	.newsletter-form form input[name="email"] {
		width: 100%;
		display: inline-block;
		padding: 16px;
	}
	.newsletter-form form input[name="submit"] {
		width: 92px;
		position: relative;
		left: -10px;
	}
} */

@media (max-width: 1140px) {

	#header .container {
		padding-left: 15px;
	}
	.container {
		padding-left: 15px;
		padding-right: 15px;
	}
	/* .vc_column-inner  {
		padding-left: 15px !important;
		padding-right: 15px !important;
	} */
	.row {
		margin-right: 15px !important;
		margin-left: 15px !important;
	}
	
	/* Branchenlösung Popup-modal */
	/* .modal-popup{
		width:auto;
		height: auto !important;
	}
	.modal-popup .row {
		margin:0px !important;
	}
	.modal-popup .col-sm-6 {
		width:100%;
		text-align: center;
	}
	.modal-popup .col-sm-6:first-child {
		padding-left:0px !important;
		padding-right:0px !important;
	}
	.modal-popup .col-sm-6:last-child {
		/* height:50%; */
		/*overflow: auto;
	}
	.modal-popup .each-grid-content-image img {
		border-radius: 36px !important;
		height: auto !important;
	}
	.modal-popup .each-grid-content-text {
		margin-top: 10px !important;
	}
	.modal-popup .each-grid-content-text h1 {
		font-size: 25px !important;
		margin:0px !important;
		line-height: 25px !important;
	}
	.modal-popup .each-grid-content-text p {
		margin-bottom: 10px !important;
		font-size: 14px !important;
		line-height: 18px !important;
		min-height: auto !important;
	}
	.modal-popup .each-grid-content-text button {
		margin-bottom: 10px !important;
	} */


	#footer .container {
		z-index: 99;
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
	/* #footer .container .row .col-sm-3 {
		width:49%;
		display:inline-block;
	} */
	.newsletter-form p {
		text-align: center;
	}
	.newsletter-form form input[name="newsletter_email"]{
		width: 100%;
	}
	.newsletter-form form input[name="newsletter_submit"]{
		display: block;
		position: absolute;
		left:50%;
		transform: translate(-50%);
	}
	.newsletter-subscription-text {
		margin-top:50px !important;
	}
	.i-taros-social-links {
		
		text-align: center;
	}
	.footer-text-2 {
		right: 30px;
	}
}


@media  (max-width: 996px) {

	.widget_nav_menu ul li {
		min-height: 50px;
	}

	.widget_nav_menu #menu-haptmenu-1 li:first-child a {
		border-top-width: 0px !important;
	}
	.widget_nav_menu #menu-haptmenu-1 a.btn.btn-highlight {
		padding:7px;
		margin: auto !important;
	}

	.widget_nav_menu #menu-haptmenu-1 li.kleo-show-login:nth-last-child(2) {
		display: none;
	}

	#footer {
		height: auto;
	}
	.footer-text-1, .footer-text-2 {
		display: block;
		text-align: center;
	}
	.footer-text-2 {
		float: none;
	}
	.footer-links-1 {
		display:block;
		margin: 0 auto;
		text-align: center;
	}
	.footer-links-2, .footer-links-3, .footer-links-4 {
		display: inline;
		margin: 0 10px;
	}
}


@media (max-width: 766px) {
	.page-1.row-2 .image-text-column-2 .row, .page-2-subpages.image-text-column:nth-child(3) .container .row {
		display: flex;
		flex-flow: column-reverse;
	}
}


@media (max-width: 768px) {

	.vc_align_left {
		text-align: center !important;
	}

	/* .page-3.row-3 .round-images-grid .col-sm-4,
	.page-3.row-3 .round-images-grid .col-sm-4:last-child,
	.page-3.row-3 .round-images-grid .col-sm-4:nth-last-child(2){
		padding:0px;
		width:100%;
	}
	.page-3.row-3 .round-images-grid .col-sm-4 .each-grid-content{
		margin:auto;
	} */

	#footer .container .row .col-sm-3:last-child img {
		float: none !important;
		margin: 40px auto !important;
		display: block;
		max-width: 300px !important;
	}

	#footer .container .row .col-sm-3:last-child p {
		text-align: center !important;
	}
 
}

@media (max-width: 640px) {
	#footer .container .row .col-sm-3 {
		width:100%;
		display:block;
	}
}