﻿/*
Theme Name: ROGO
Theme URI: http: //mysite.com/
Description: This is a custom child theme for ROGO
Author: My Name
Author URI: http: //mysite.com/
Template: salient
Version: 0.1
*/

/* HEADER */

body[data-header-color="custom"]:not(.material) #header-secondary-outer {border-bottom:1px solid #fff !important;}
#header-secondary-outer {background-color:transparent!important; padding-top:30px; font-family: "Roboto Condensed";
font-size: 16px;
line-height: 28px;
font-weight: 400;}

#header-outer[data-format="centered-menu-bottom-bar"] header#top #logo img {margin:0!important;}
body.material #header-outer:not([data-transparent-header="true"]):not([data-format="left-header"]) #logo {float:left;}


#header-secondary-outer .custom-html-widget span {float:right!important; letter-spacing:1px;}

.sf-menu {width: 100%; display:flex; justify-content: space-between;}
body #header-outer[data-lhe="default"] header#top nav > ul > li > a {padding-left: auto!important; padding-right: auto!important;}
body.material #header-outer:not([data-format="left-header"]) header#top > .container > .row nav > ul > li {width:100%!important;}
header#top nav > ul > li > a {width:100%!important;}


body #header-outer header#top .span_9 nav ul li a {background-color:#ffffff!important; transition: background-color  0.1s linear!important;}
body #header-outer header#top .span_9 nav ul .current-menu-item a,
body #header-outer header#top .span_9 nav ul li a:hover,
body #header-outer header#top .span_9 nav ul li a:active,
body #header-outer header#top .span_9 nav ul li a:focus {background-color:#9C1006!important; transition: background-color  0.1s linear!important;}

body #header-outer header#top .span_9 nav ul li a {padding-top:10px!important; padding-bottom:10px!important; text-transform:uppercase;}
body #header-outer header#top .span_9 nav ul li {padding-right:10px; margin-bottom:30px;}
body #header-outer header#top .span_9 nav ul li:last-child {padding-right:0px;}

.nectar-slider-wrap.loaded .swiper-slide .content {width:50%;}
.nectar-slider-wrap.loaded .swiper-slide .content h2 {display: inline-block; padding:15px 20px 15px 20px; background: rgba(156,16,6,0.7);}


.orange_heading h1,
.orange_heading h3 {color:#ffffff!important;}
.orange_heading h3 {font-size:24px!important; font-weight:300!important;}
.orange_heading h1 {margin-bottom:0px!important;} 

body .orange_picture_background h1 {margin-bottom:20px!important;}

body h1 {color:#9C1006; margin-bottom:10px;}
body h3 {margin-bottom:10px; color:#9C1006;}
body .overlapping h3 {margin-bottom:20px; color:#ffffff!important; line-height:60px;}

body h3 {color:#9C1006; margin-bottom:20px;}


body blockquote {color:#9C1006; margin-bottom:20px; font-weight:700; text-transform:uppercase;}
body p {padding-bottom:20px;}

.ascend {background-color:#ffffff;}

.overlapping .col img {margin-bottom:0px;} 

#footer-outer[data-cols="1"] .col {text-align:left!important;}


.form_half {
width: 49.5%;
float: left;
margin-right: 1%;
}

.form_full {width: 100%;
float: left; }

.form_half_last {margin-right:0;
}


.form_half {
    width: 49.5%;
    float: left;
    margin-right: 1%;
}

.form_half_last {
    margin-right: 0px;
}

.wpcf7-form p {padding-bottom:30px;}

@media (max-width: 767px) {

	.form_half {
	width: 100%;

	}
}

input[type="submit"], button[type="submit"], input[type="button"] {
    background-color: #026E81;
}
input[type="submit"]:hover, button[type="submit"]:hover, input[type="button"]:hover {
    background-color: #014652!important;
}



.ascend .container-wrap #anfrage input[type="submit"], .ascend .container-wrap #anfrage button[type="submit"] {padding:7px 10px 7px 10px!important;}
div.wpcf7-validation-errors {border:0px!important;}

.container-wrap #anfrage input[type="text"], .container-wrap #anfrage textarea, .container-wrap #anfrage input[type="email"], .container-wrap #anfrage input[type="password"], .container-wrap #anfrage input[type="tel"], .container-wrap #anfrage input[type="url"], .container-wrap #anfrage input[type="search"], .container-wrap #anfrage input[type="date"] {font-size:14px!important;}

#leistungen .span_12 {padding-bottom:70px!important;}

.material .wpb_row {margin-bottom:0!important;}

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

#header-secondary-outer {display:none;}
body .vc_row-fluid .rogo_gallery {margin-top:0!important; margin-bottom:10%!Important;}
.overlapping {padding-top:70px!important;}

#leistungen .span_12 {padding-bottom:0px!important;}
#leistungen, #vorteile, #kontaktformular {padding-top:70px!important; padding-bottom:70px!important;}
.material .wpb_row > .span_12 > .column_container {margin-bottom:35px!important;}
.material .wpb_row > .span_12 > .column_container:last-child {margin-bottom: 0px !important;}
}



#slide-out-widget-area:not(.fullscreen-alt):not(.fullscreen) {background-color:#d3480a!important;}

.orange_picture_background a {color:#ffffff!important;}

body.material[data-header-format="centered-menu-bottom-bar"] #header-secondary-outer {
    transform: none!important;
    position: fixed;
}
body.material[data-header-format="centered-menu-bottom-bar"].admin-bar #header-secondary-outer {
    top: 32px;
}

.material .rogo_gallery .wpb_gallery {margin-bottom:0!important;}

.forminator-error-message {color:#9C1006;}
.forminator-custom-form-3441.forminator-design--flat .forminator-label {font-size:14px!important; color:#ffffff!important; text-transform:uppercase; letter-spacing:1px;}
.container-wrap .span_12.light input[type="text"],
.container-wrap .span_12.light input[type="email"],
.container-wrap .span_12.light textarea {color:#333!important;}
.forminator-custom-form-3441.forminator-design--flat .forminator-response-message.forminator-success {background-color:#9C1006!important; color:#fff!important;}
.forminator-custom-form-3441.forminator-design--flat .forminator-response-message.forminator-success p {color:#fff!important;}

#footer-outer[data-cols="1"] .col,
#footer-outer[data-cols="1"] #copyright .widget p {text-align:center!important;}