/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* =========================================================
   SALIENT (ThemeNectar) – RESPONSIVE BREAKPOINTS
   =========================================================

   Mobile:         0 – 690px
   Tablet:         691 – 999px
   Small Desktop:  1000 – 1299px
   Desktop:        1300px+
   XL Screens:     1600px+

   Mobile-first Ansatz
   ========================================================= */


/* =========================================================
   SMALL MOBILE
   bis 480px
   sehr kleine Smartphones
   ========================================================= */

@media (max-width: 480px) {
	
	#top > div > div > div.col.span_9.col_last > div.slide-out-widget-area-toggle.mobile-icon.fullscreen-inline-images > div > a > i {
		display: none;
	}
	body #top #logo img.starting-logo.skip-lazy.default-logo, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
		height: 50px !important;
	}
	#header-outer .nectar-mobile-only.mobile-header li[class*=menu-item-btn-style-button]:not(.menu-item-hidden-text) .nectar-menu-icon {
		display: block;
		margin-right: 0px;
	}
	.mobile-raus {
		display: none;
	}
	.menu-title-text {
		display: none;
	}
	
}




/* =========================================================
   MOBILE (Default)
   0 – 690px
   normale Smartphones
   ========================================================= */

/* Mobile Styles hier ohne Media Query */

div.nectar-cta > p > span > a {
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	font-weight: 500 !important;
}
div.nectar-cta > p > span {
	background: linear-gradient(to right, #00432f, #189380) padding-box, linear-gradient(to top, #113e30, #199a87) border-box !important;
    border: 1px solid transparent !important;
}
div.nectar-cta > p > span:hover {
	/*background: linear-gradient(to right, #0d5d45, #59b79b) padding-box, linear-gradient(to top, #116e51, #429f92) border-box !important;*/
	/*background: linear-gradient(to top, #00432f, #189380, #00432f, #189380) padding-box, linear-gradient(to top, #113e30, #199a87) border-box !important;*/
	background: linear-gradient(to right, #0d5e46, #1ebda4) padding-box, linear-gradient(to top, #113e30, #199a87) border-box !important;
	-webkit-transition: background 2s ease-out !important;
  	-moz-transition: background 2s ease-out !important;
  	-o-transition: background 2s ease-out !important;
  	transition: background 2s ease-out !important;
}
.home h1 {
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-bottom: 40px;
	font-weight: 400 !important;
}
.slogan {
	font-weight: 700 !important;
}
.malzeichen {
	padding-bottom: 7px;
}
.titel .nectar-carousel {
	margin-top: 140px;
}
h2.zimmer {
	text-transform: uppercase;
	font-size: 32px;
	line-height: 1.2em;
	letter-spacing: 1px;
}
.textaufdunkel p {
	color: #a9a9a9;
}
#zimmerkategorien h2 {
	color: #fff;
}
#zimmerkategorien {
		display: none;
	}
.schlagwort {
	text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 13px;
    line-height: 25px;
    font-weight: 600;
}
.zimmer-icons {
	margin: auto !important;
}
.zimmer-icons .row_col_wrap_12_inner {
	margin: 0 60px;
}
#zimmerkategorien .sub-desc, #zimmerkategorien .scrolling-tab-nav-total {
	color: #a9a9a9;
}
.testimonial_slider .image-icon.has-bg {
    width: 120px;
    height: 120px;
}
.nectar-fancy-ul[data-alignment=center] ul li {
	padding-left: 0 !important;
}
#jetztbuchen h2 {
    text-shadow: 0 6px 12px rgb(0 0 0 / 70%);
	text-transform: uppercase;
}
#jetztbuchen img {
	box-shadow: 0 5px 14px hsla(0, 0%, 0%, 0.3);
}
.badgetinyrooms {
	margin: auto !important;
	padding-bottom: 40px;
}
#footer-outer a.wp-element-button {
	background-color: #03816e !important;
	border-radius: 200px !important;
    -webkit-border-radius: 200px !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	font-weight: 500;
}
#footer-outer #footer-widgets h4 {
	font-size: 24px;
}
#footer-outer #footer-widgets .col p {
	color: #a9a9a9;
}
#footer-outer #footer-widgets .col ul li {
	list-style: disc !important;
	margin-left: 15px;
}
#footer-outer #block-11, #footer-outer #block-13, #footer-outer #block-15  {
	margin-bottom: 0;
}
#footer-outer #footer-widgets h4 {
	margin-bottom: 12px;
}
#footer-outer #footer-widgets .col ul li {
	color: #a9a9a9;
}
body #top #logo img.starting-logo.skip-lazy.default-logo, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
	height: 80px !important;
}
.mobile-raus {
		display: none;
}
.nectar-leaflet-map.leaflet-container {
	    height: 360px !important;
}
.fett {
	font-weight: bold;
}
.cta-btn {
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3) !important;
	padding: 16px 21px !important;
}
#footer-widgets > div > div > div:nth-child(2) {
	display: none;
}
#footer-widgets > div > div > div:nth-child(3) {
	display: none;
}
#footer-outer .widget a:not(.wp-block-button__link) {
	text-decoration: none;
	text-transform: uppercase;
	border-bottom: 1px solid rgba(255,255,255,0.35) !important;
	transition: border-color 0.25s ease;
	letter-spacing: 1px;
}
#footer-outer .widget a:not(.wp-block-button__link):hover {
	border-bottom-color: rgba(255,255,255,0.9);
	color: #00e2c0 !important;
}
#footer-outer #footer-widgets .col ul li a, #sidebar div ul li a {
    display: inline-block;
}
#footer-outer h3 {
	text-transform: uppercase;
	letter-spacing: 1px;
}
.schloss {
	max-width: 12px !important;
}


/* Styling Buchungstool – Start */

	.casa-room-offer .casa-room-offer-info {
		background-color: #03816e !important;
		color: #ffffff;
	}
	.casa-room-offer table.casa-room-offer-rates {
		background: #03816e !important;
	}
	.casa-room-offer table.casa-room-offer-rates td {
		border-top: none !important;
		border-color: #ffffff47 !important;
	}
	.casa-room-offer table.casa-room-offer-availabilityInfo {
		font-size: 14px !important;
		margin-bottom: 10px !important;
	}
	.casa-input-group .casa-form-control {
		background: #fff;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.k-calendar .k-today.k-state-selected {
		background-color: #03816e !important;
		color: #fff !important;
	}
	.k-calendar .k-today.k-state-selected .k-link {
		color: #fff !important;
	}
	.k-listview>.k-state-focused.k-state-selected, .k-state-selected td.k-state-focused, td.k-state-focused.k-state-selected {
		-webkit-box-shadow: inset 0 0 10px 3px #03816e !important;
		box-shadow: inset 0 0 10px 3px #03816e !important;
	}
	.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list>.k-state-highlight, .k-list>.k-state-selected, .k-marquee-color, .k-panel>.k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited {
		color: #fff;
		background-color: #03816e !important;
		border-color: #03816e !important;
	}
	.k-panelbar>li.k-state-default>.k-link.k-state-selected, .k-panelbar>li>.k-state-selected, .k-state-selected>.k-link {
		color: #fff !important;
	}
	#selection-overview button#bookingButton {
		background-color: #03816e !important;
		margin-top: 20px;
	}
	.cky-btn-revisit-wrapper {
		display: none !important;
	}
	.casa-control-row .casa-btn-default, .casa-control-row .casa-btn-default, #Content .casa-row.casa-control-row button {
		background: #03816e !important;
	}
	#buchungstool .casa-control-row .casa-btn-default {
	    background-color: #03816e !important;
		max-width: 240px;
		padding-top: 14px;
    	padding-bottom: 15px;
    	text-transform: uppercase;
    	letter-spacing: 1px;
	}
	#buchungstool .casa-form-control {
		border: 1px solid #ccc;
	}
	#buchungstool label span {
		color: #000000;
	}
	#buchungstool #heading-date-room-selection > div > div.casa-col-md-4.casa-form-horizontal > div {
		display: flex;
		align-items: center;
		gap: 5px;
		padding: 10px;
	}
	#buchungstool #heading-date-room-selection > div > div.casa-col-md-4.casa-form-horizontal > div > label {
		padding: 0;
	}
	#buchungstool #heading-date-room-selection > div > div.casa-col-md-4.casa-form-horizontal > div > div {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	#buchungstool .casa-room-config-heading {
		color: #03816e;
	}
	#buchungstool .casa-room-config .casa-design-row .casa-col-md-2 {
		width: 100%;
	}
	#buchungstool .casa-input-group {
		border-spacing: 6px;
	}
	#buchungstool .age-input-container .casa-control-label .input-wrapper {
		padding-top: 6px;
	}
	#buchungstool .casa-row.casa-control-row {
		padding: 0 12px;
		text-align: center;
	}
	#buchungstool .casa-carousel {
		background: #000000;
	}
	#buchungstool .casa-room-offer table.casa-room-offer-rates td {
	    background-color: #03816e !important;
	}
	#buchungstool .casa-room-offer-item .casa-room-offer-availabilityInfo {
		background: transparent;
	}
	#buchungstool .casa-room-offer-item .casa-room-offer-availabilityInfo > tbody > tr {
		background: transparent;
	}
	#buchungstool > div.row_col_wrap_12_inner.col.span_12.left > div > div > div > div > div > div > div.casa-wrapper > div:nth-child(1) > div:nth-child(1) > div > a {
		color: #03816e;
		text-decoration: none;
		padding-left: 10px;
		padding-bottom: 10px;
		display: inline-block;
	}
	#buchungstool .casa-booked-room a:hover, #buchungstool .casa-booked-room a:focus {
		color: #00662d;
	}
#buchungstool table {
	border-top: none;
}
#buchungstool .casa-room-offer table.casa-room-offer-rates td {
	padding: 16px 12px 16px 12px;
}
#buchungstool .casa-room-offer table.casa-room-offer-rates {
	border-radius: 12px !important;
    overflow: hidden !important;
	margin-bottom: 60px;
}
#buchungstool .casa-room-offer-item .casa-room-offer-availabilityInfo tbody > tr > td {
	    border-color: transparent;
}
#buchungstool .casa-room-offer table.casa-room-offer-rates td:last-child a span {
	line-height: 1.6em;
    display: inline-block;
}
#buchungstool .casa-room-offer-item b:first-child, #buchungstool .casa-room-offer-item br {
	display: none;
}
#buchungstool #selection-overview h2 {
	font-size: 26px;
	line-height: 1.2em;
}
#buchungstool #selection-overview h3 {
	font-size: 21px;
	line-height: 1.2em;
}
#buchungstool #selection-overview .casa-booked-room .casa-condensed td {
	padding-top: 6px;
	padding-bottom: 6px;
}
#buchungstool #selection-overview.casa-row.casa-control-row .compliance {
	text-align: left;
}
#buchungstool .casa-outer-footer {
	display: none;
}
#buchungstool #selection-overview #bookingButton {
	padding: 4px 16px;
	max-width: 360px;
    width: 100%;
}
#buchungstool #selection-overview #bookingButton h4 {
	font-size: 16px;
    line-height: 1.6em;
}
#buchungstool #selection-overview  .casa-booked-room a {
	text-decoration: none;
}
#buchungstool .casa-confirmation .casa-btn.casa-oge {
	background: #03816e;
    color: #ffffff;
    text-decoration: none;
    letter-spacing: 1px;
    font-weight: 600;
	padding: 12px;
}
#buchungstool .casa-confirmation {
	padding: 0 12px;
}
/* Styling Buchungstool – Ende */



/* =========================================================
   TABLET
   ab 691px
   ========================================================= */

@media (min-width: 691px) {
	.malzeichen {
		padding-bottom: 20px;
	}
	.titel .nectar-carousel {
		margin-top: 70px;
	}
	.badgetinyrooms {
		margin: -330px 20px 0px !important;
    	float: right;
	}
	.cta-btn {
		padding: 23px 50px !important;
	}
	/* Styling Buchungstool – Start */
	
	#buchungstool #heading-date-room-selection > div > div.casa-col-md-4.casa-form-horizontal > div > label {
		width: auto;
	}
	
	/* Styling Buchungstool – Ende */
}


/* =========================================================
   Query nur für Breakpoint Buchungstool
   ab 992px
   ========================================================= */

@media (min-width: 992px) {
	/* Styling Buchungstool – Start */
	
	#buchungstool #heading-date-room-selection > div > div.casa-col-md-4.casa-form-horizontal > div {
    	padding: 0;
	}
	#buchungstool #heading-date-room-selection > div > div:nth-child(1) > div > div.casa-col-md-3.casa-form-horizontal.casa-hidden-sm.casa-hidden-xs {
		display: none;
	}
	#buchungstool #heading-date-room-selection > div > div:nth-child(1) > div > div.casa-col-md-5.casa-form-horizontal > div > div {
		display: flex !important;
        gap: 5px;
        margin: 0;
        width: 100%;
	}
	#buchungstool #heading-date-room-selection > div > div:nth-child(1) > div > div.casa-col-md-5.casa-form-horizontal {
		width: auto;
	}
	#buchungstool .casa-room-config .casa-design-row .casa-col-md-2 {
		width: 26%;
	}
	
	/* Styling Buchungstool – Ende */
}


/* =========================================================
   SMALL DESKTOP
   ab 1000px
   ========================================================= */

@media (min-width: 1000px) {
	.mobile-raus {
		display: inline;
	}
	body #top #logo img.starting-logo.skip-lazy.default-logo, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
		height: 120px !important;
	}
	.malzeichen {
		padding-bottom: 32px;
	}
	.titel .nectar-carousel {
		margin-top: 60px;
	}
	.badgetinyrooms {
		margin: -410px 40px 0 !important;
    	float: right;
	}
	#zimmerkategorien {
		display: block;
	}
	.home-apartments-mobile-only {
		display: none !important;
	}
	.nectar-leaflet-map.leaflet-container {
	    height: 1200px !important;
	}
	#jetztbuchen h2 {
    	text-shadow: 0 12px 12px rgb(0 0 0 / 15%);
	}
	#footer-widgets > div > div > div:nth-child(2) {
		display: block;
	}
	#footer-widgets > div > div > div:nth-child(3) {
		display: block;
	}
	#footer-widgets > div > div > div:nth-child(3) strong {
		display: none;
	}
	#footer-widgets > div > div > div:nth-child(3) br {
		display: none;
	}
}




/* =========================================================
   DESKTOP
   ab 1300px
   ========================================================= */

@media (min-width: 1300px) {
	#footer-widgets > div > div > div:nth-child(3) strong {
		display: inline;
		color: #e2e2e2;
	}
	#footer-widgets > div > div > div:nth-child(3) br {
		display: inline;
	}
}




/* =========================================================
   XL SCREENS
   ab 1600px
   ========================================================= */

@media (min-width: 1600px) {

}