/*
Theme Name: RockingHoster
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

a {
	transition: all .4s ease-in-out;
}

.dark .widget a, .dark a {
    color: var(--primary-color);
}

.dark .widget a:hover, .dark a:hover {
	color: #fff;
}

/* --- Kundencenter-Menüpunkt --- */

.rh-kundencenter-nav a {
	background: #f03434;
	transform: skew(-4deg);
	font-weight: bold !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	margin-top: -2px;
	height: 31px;
	margin-bottom: -1px;
}

	.rh-kundencenter-nav a span {
		transform: skew(4deg);
	}

/* --- Buttons --- */

.rh-button {
	transform: skew(-5deg, 0deg);
	border-left: 5px solid var(--fs-color-secondary);
	padding-right: 20px;
	z-index: 999;
}

.dark .rh-button {
	border-left: 5px solid #efefef;
}

.rh-button span {
	display: inline-block;
	line-height: 1.6;
	transform: skew(5deg, 0deg);
}

.rh-submit {
	background-color: var(--fs-color-primary) !important;
	border-radius: 0 !important;
	border-left: 5px solid var(--fs-color-secondary) !important;
}

.button.alt, .button.checkout, .checkout-button, .secondary {
    background-color: var(--fs-color-primary);
}

/* --- Slider Textbox, Skewed Columns --- */

.rh-banner .text-box-content {
	transform: skew(-4deg);
}

.rh-banner .text-inner {
	transform: skew(4deg);
}

.rh-column .col-inner {
	transform: skew(-4deg);
}

.rh-column .col-inner h1,
.rh-column .col-inner h2,
.rh-column .col-inner h3,
.rh-column .col-inner h4,
.rh-column .col-inner h5,
.rh-column .col-inner p {
	transform: skew(4deg);
}

.rh-column .col-inner .rh-button {
	transform: skew(0deg);
}

/* --- TLD --- */

ul.domainendings {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.domainendings > li {
    display: inline-block;
    width: 60px;
    color: #fff;
    font-size: 13px;
    margin-right: 40px;
    text-align: right;
    margin-left: 0px;
}

ul.domainendings > li > strong, ul.domainendings > li > b {
    font-weight: 700 !important;
    float: left;
}

/* --- Produkt-Tabellen --- */

.nav > .tab > a {
	padding: 5px 10px;
	background: var(--fs-color-secondary);
	color: #fff;
	transform: skew(-4deg);
	transition: all .2s ease-in-out;
}

	.nav > .tab > a span {
		transform: skew(4deg);
	}
	
	.nav > .tab.active > a {
		background: var(--fs-color-primary);
		color: #fff;
	}
	
	.nav > .tab > a:hover {
		color: #fff;
		background: var(--fs-color-primary);
	}

.fa-ul {
    list-style-type: none;
    margin-left: 3px !important;
    padding-left: 0;
}

.rh-oeko {
	color: #1cac5c;
}

.rh-alert {
	color: #ac1c59;
	font-weight: 600;
}

.rh-s {
	color: #a2c9a2;
}

.rh-m {
	color: #d2ba84;
}

.rh-l {
	color: #cabfe1;
}

.rh-xl {
	color: #d0a5a7;
}

.tabbed-content .nav>li {
	margin: 0 15px;
}

/* --- Kontaktformular --- */

div.wpforms-container-full:not(:empty) {
	margin: 0 auto;
}

/* --- Detail-Tabellen --- */

table th {
	position: -webkit-sticky;
	position: sticky;
	top: 70px;
	z-index: 1;
	background: #fff;
	text-transform: none;
}

.rh-details .column-1 {
	width: 25%;
}

.rh-details .column-2,
.rh-details .column-3,
.rh-details .column-4,
.rh-details .column-5 {
	width: 18.75%
}

.rh-details td {
	vertical-align: middle;
}

.rh-details td,
.rh-details th {
	text-align: center;
	border-right: 1px solid #eee;
	padding: 10px 20px;
}

.rh-details th {
	padding-top: 40px;
}

.rh-details td.column-1,
.rh-details th.column-1 {
	border-left: 1px solid #eee;
}

.rh-details td.column-1 {
	text-align: left;
}

.rh-details h3 {
	margin-top: 50px;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}