/*
 Theme Name:   Vera Wildemann Kosmetik
 Description:  Siteorigin Corp Child Theme
 Author:       netSchmiede24
 Author URI:   https://www.netschmiede24.de
 Template:     siteorigin-corp
 Version:      1.0
 Text Domain:  siteorigin-corp-child
*/

body {
	font-size: 18px !important;
}

.site-header .corp-container {
    max-width: 100%;
	padding: 0 18%;
}

.site-header .site-branding .custom-logo-wrapper {
     max-width: 400px;
}

.site-footer .bottom-bar {
	display: none;
}

.site-footer .widget p  {
    font-size: 16px !important;
	margin: 0 0 6px !important;
}

.main-navigation ul li {
	text-transform: none !important;
	font-size: 1.2em !important;
}

.main-navigation ul .sub-menu {
	top: 50px !important;
}

.main-navigation ul .sub-menu li {
	font-size: 0.8em !important;
}

#mobile-navigation ul li {
	text-align: center;
}


#mobile-navigation ul li a {
	text-transform: none !important;
	font-size: 1.5em !important;
}

.entry-meta .entry-category, .entry-meta .entry-date::after {
	display: none;
}

.ow-pt-columns-atom .ow-pt-column {
	padding: 0 1%;
}

.ow-pt-title {
	font-size: 1.5em !important;
	padding: 30px 5% !important;
}

.ow-pt-subtitle {
	font-size: 0.6em !important;
}

.flexbox {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row; /* Standard */
  flex-direction: row; /* Standard */
     -webkit-align-items: flex-start;
   align-items: flex-start;
    -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.behandlungen {
	width: 50%;
	line-height: 1.4em;
	padding: 2%;
}

.preis {
	float: right;
	font-weight: bold;
	line-height: 1.4em;
}

.tuerkis {
	color: #00b7b5;
	font-size: 1.2em;
}

.sow-accordion-panel li {
	clear: right;
}

form {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row; /* Standard */
  flex-direction: row; /* Standard */
     -webkit-align-items: flex-start;
   align-items: flex-start;
    -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

form p, .wpcf7-form-control-wrap {
	width: 50%;
}

form p.description-text {
	width: 100% !important;
}

@media only screen and (min-width: 769px) and (max-width:1600px) {
		.site-header .corp-container {
		padding: 0 5%;
	}	
}

@media only screen and (max-width:1165px) {
		.wpcf7-form-control-wrap {
	width: 100%;
	margin-bottom: 10px;
}
}


@media only screen and (max-width:768px){
		.site-header .corp-container {
		padding: 0 2%;
	}
	
.behandlungen, form p {
	width: 100%;
}	
}
}