/*
Theme Name: TheGem Child
Description: Multi-Purpose Wordpress Theme
Author: Codex Themes.
Theme URI: http://codex-themes.com/thegem/
Author URI: http://codex-themes.com/thegem/
Template: thegem
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/

/* Sticky Navigation */
header #primary-menu.no-responsive > li:hover > a {
    color: #487781;
}

/* KONTAKTFORMULAR */
span.cf7ic-icon-wrapper {
    display: block !important;
}
.captcha-image {
    margin-bottom: 25px !important;
    width: 100% !important;
}
.woocommerce .captcha-image .cf7ic-icon-wrapper label, .woocommerce-page .captcha-image .cf7ic-icon-wrapper label, .captcha-image .cf7ic-icon-wrapper label {
    vertical-align: baseline !important;
}
.hairdress-form.row {
    padding: 0 21px;
}
.hairdress-form.row:nth-child(2) {
    margin-bottom: 0;
}

/* Footer */
.logo-senkrecht {
	text-align: center;
}
.footer-icons .centered-box {
    text-align: right;
}
.footer-1 .vc_icon_element.vc_icon_element-outer.vc_icon_element-align-center {
    text-align: center;
}

/* Überschriften und Text */
h1, h2, h3, h4, h5, h6 {
	text-transform: none !important;
}
.custom-title-excerpt.styled-subtitle {
    font-family: 'cookie';
}

/* Startseite E1 */
.traeume {
    font-size: 31px !important;
}
@media (max-width:1199px) {
	.traeume {
    font-size: 17px !important;
}
}
@media (max-width:767px) {
	.traeume {
    font-size: 13px !important;
}
}
/* Startseite E2 */
.hidden {
	display:none;
}
/* Startseite E3 */
.startseite-e3-links span:hover {
	color: #487781 !important;
	font-weight: 500 !important;
}
@media only screen and (min-width: 831px) {
	.portfolio.fullwidth-columns-4 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-4 .fullwidth-block .portfolio-item-size-container .portfolio-item, .portfolio.fullwidth-columns-5 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-5 .fullwidth-block .portfolio-item-size-container .portfolio-item {
		width: 20% !important;
	}
	.portfolio-item.thegem_pf_item.type-thegem_pf_item.status-publish.has-post-thumbnail.item-animations-inited:nth-child(4) {
		width: 40% !important;
	}
}
.portfolio-item .overlay {
    display: none !important;
}

/* US Preise E2 */
.pricing-table-style-5 .pricing-price-wrapper {
    display: none !important;
}
figure.pricing-row div {
    margin-top: -4px !important;
}

body .pricing-table-style-5 figure.pricing-row {
    background-color: #487781;
}
body .pricing-table-style-5 figure.pricing-row:nth-child(odd) {
    background-color: #a4bbc0;
}
body .pricing-table-style-5 .pricing-row > div > span {
	color: #000000 !important;
}
/* US Preise E3 */
.preisliste-header .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab {
	margin-right:94px;
}
.preisliste-header .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:last-child {
	margin-right:0px;
}
@media (max-width:1212px) {
	.preisliste-header .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab {
	margin-right:0px;
}
}
.preisliste-header .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a {
	text-transform: none !important;
	border-color: #487781 !important;
    background-color: #edf1f2 !important;
    color: #5a5a5a !important;
	border-width: 0px !important;
}
.preisliste-header .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active > a {
	text-transform: none !important;
	border-color: #487781 !important;
    background-color: #c8d6d9 !important;
    color: #5a5a5a !important;
	border-width: 2px !important;
}
.preisliste {
	width: 100%;
	border-style: hidden;
}
.preisliste th {
	text-align: left;
	background-color: #487781;
	color: #ffffff !important;
	font-size: 24px !important;
	line-height: 48px;
}
.preisliste tr, .preisliste tr td,  .preisliste tr th  {
	border-style: hidden !important;
}
.preisliste tr td:nth-child(2), .preisliste tr td:nth-child(3) {
	text-align: right;
}
.preisliste .service {
	width: 85%;
}
.preisliste .ab {
	width: 5%;
}
.preisliste .preis {
	width: 10%;
}
.preisliste tr:nth-child(odd) {
	background-color: #edf1f2;
}
.preisliste tr:nth-child(even) {
	background-color: #ffffff;
}
.preisliste tr:hover {
	background-color: #487781;
	color: #ffffff;
}
/* SEO MENU */
.menu-seo-seitenleiste-container{
	position: fixed !important;
	right: 0 !important;
	top: 50% !important;
	width: 200px !important;
	z-index: 9999999999999999;
}

*[id^="menu-seo-seitenleiste"]{
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

*[id^="menu-seo-seitenleiste"] > li{
	height: 44px !important;
	background-color: #487781 !important;
	margin: 0px 0px 2px 0px !important;
	list-style: none !important;
}

*[id^="menu-seo-seitenleiste"] > li:last-child{
	margin-bottom: 0px !important;
}

*[id^="menu-seo-seitenleiste"] > li > a{
	width: 100% !important;
	height: 100% !important;
	float: left !important;
	color: #ffffff !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	box-sizing: border-box!important;
	width: 100% !important;
	height: 100% !important;
	float: left !important;
	padding: 9px 0px 9px 18px !important;
	font-size: 12px !important;
	line-height: 0 !important;
}

*[id^="menu-seo-seitenleiste"] > li > a:hover{
	color: #ffffff !important;
}

@media only screen and (max-width: 1200px){
	.menu-seo-seitenleiste-container{
		display: none;
	}
}

/* MOBIL */
@media(max-width: 767px) {
	.desktop-only {
		display: none !important;
	}
	div .mobile-height-100 {
		height: 100px !important;
	}
	div .mobile-margin-top-100 {
		margin-top: 100px !important;
	}
	.ds-header-1, .ds-header-2, .ds-header-3, .imp-header-all {
		font-size: 22px !important;
	}
	div .title-100px .title-xlarge {
		font-size: 40px !important;
	}
}
@media(min-width: 768px) {
	.mobile-only {
		display: none !important;
	}
}

/* COLORs */
#primary-navigation.responsive #primary-menu > li.menu-item-current > a, #primary-navigation.responsive #primary-menu > li.menu-item-active > a, #primary-navigation.responsive #primary-menu > li.opened > a, #primary-navigation.responsive #primary-menu > li.menu-item-current > .menu-item-parent-toggle, #primary-navigation.responsive #primary-menu > li.menu-item-active > .menu-item-parent-toggle, #primary-navigation.responsive #primary-menu > li.opened > .menu-item-parent-toggle, #primary-navigation.responsive ul.dl-submenu.level1 > li.menu-item-current > a, #primary-navigation.responsive ul.dl-submenu.level1 > li.menu-item-active > a, #primary-navigation.responsive #primary-menu > li.menu-overlay-item-open > a, #primary-navigation.responsive #primary-menu > li.menu-overlay-item-open > .menu-item-parent-toggle {
    color: #487781 !important;
}

body .title-100px .title-xlarge span span {
    color: #487781 !important;
}
input[type='submit'] {
	background-color: #487781 !important;
}
input[type='submit']:hover {
	background-color: #1e1e1e !important;
}
body #site-header:not(.shrink) .header-colors-light:not(.header-layout-fullwidth_hamburger) #primary-menu.no-responsive > li:hover > a {
    color: #487781;
}
body .main-menu-item.active,
body #primary-menu.no-responsive > li.menu-item-current > a, 
body #primary-menu.no-responsive > li.menu-item-active > a {
    color: #487781;
}

/* STICKY NAVIGATION */
#site-header.fixed.shrink .top-area-background:before, #site-header.fixed.shrink .header-background:before {
	opacity: 1;
	background-color: #D7D2CD;
}

/* TITLE AREA */
.custom-title-background.fullwidth-block {
	background-color: #a4bbc0 !important;
}

/* SEO PAGES */
.seo-wrapper,
.seo-row{
	width: 100%;
}

.seo-wrapper{
	max-width: 1300px;
	margin: auto;
}

.seo-row{
	display: flex;
	margin-bottom: 80px;
}

.seo-row:last-child{
	margin-bottom: 0px;
}

.seo-column{
	width: 50%;
	max-height: 100%;
	float: left;
	flex: 1;
	position: relative;
}

.seo-image-inner-left{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 80%;
    position: absolute;
	right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.seo-image-inner-right{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 80%;
    position: absolute;
	left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.seo-text{
	background-color: #487781;
}

.seo-text-inner,
.seo-text-inner > p,
.seo-text-inner > h3{
	color: #ffffff !important;
}

.seo-text-inner,
.seo-text-inner > p{
	font-size: 16px !important;
	line-height: 24px !important;
}

.seo-text-inner > h3{
	font-size: 26px !important;
	line-height: 30px !important;
	margin: 0px 0px 14px 0px !important;
}

.seo-text-inner{
	padding: 60px;
	box-sizing: border-box;
}

@media only screen and (max-width: 1200px){	
	.seo-row{
		flex-direction: column;
		margin-bottom: 40px;
	}
	
	.seo-column{
		width: 100%;
		min-height: 400px;
		flex: 0 0 100%;
	}
	
	.seo-row:nth-child(odd) > .seo-column:first-child{
		order: 2;
	}
	
	.seo-row:nth-child(odd) > .seo-column:last-child{
		order: 1;
	}
	
	.seo-text-inner{
		padding: 32px;
	}
	
	.seo-image-inner-left{
		height: 100%;
	}
	
	.seo-text-inner > h3{
		font-size: 24px !important;
	}
	
	.seo-text-inner,
	.seo-text-inner > p{
		font-size: 14px !important;
		line-height: 20px !important;
	}
}
/* RECHTLICHE UNTERSEITEN */
.imp-header-all{line-height: 1.2; margin-top: 20px; margin-bottom: 10px;}
.imp-paragraph{margin-bottom: 10px; line-height: 26px; font-size: 16px;}
.ds-header-all{line-height: 1.2; margin-top: 20px; margin-bottom: 10px;}
.ds-header-1{font-size:32px;}
.ds-header-2{font-size:28px;}
.ds-header-3{font-size:24px;}
.ds-wrapper{margin-left: 20px;}
.ds-paragraph{margin-bottom: 10px; line-height: 26px; font-size: 16px;}