/*
 * Theme Name: SwissTech Hotel theme
 * Template:   stcc-theme
 * Description: Handcrafted custom theme by superhuit.ch.
 * Author: superhuit
 * Version: 2.3.0
 */

@import './assets/header.css';
@import './assets/nav.css';
@import './assets/access-section.css';
@import './assets/secure-direct-hotel-booking-widget.css';
@import './assets/footer.css';
@import './assets/tabmenu.css';
@import './assets/error-404.css';

html {
	--color-primary: #8D273B;
}
:root {
	--color-text: var(--color-primary);
	--color: rgb(141 39 59 / 25%)
}

.page-template-default {
	.page__content {
		padding-bottom: clamp(50px, 11.03vw + 0.92rem, 200px);
	}
}


ul.page-banner__steps-list > li.page-banner__step a figure.icon img{
	margin-left: 15px;
}

/* @import url('https://fonts.googleapis.com/css2?family=Playfair+Display+SC:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap'); */

.block-article-card__text a, .list-groups__content a, .modular__content__item p a, .page--article .liststyle a, .page--article .page--article__fullcontent ol li a, .page--article .page--article__fullcontent ul li a, .page--article .page--terms-of-use__fullcontent ol li a, .page--article .page--terms-of-use__fullcontent ul li a, .page--article .wp-caption-text a, .page--article figcaption a, .page--article p a, .page--article__fullcontent ol .page--article li a, .page--article__fullcontent ul .page--article li a, .page--terms-of-use p a, .page--terms-of-use__fullcontent ol .page--article li a, .page--terms-of-use__fullcontent ul .page--article li a, .page-template-default .page__content > ol li a, .page-template-default .page__content > p a, .page-template-default .page__content > ul li a, .paragraph a, .service-head__col__content ul a, .service-head__container p a, .service-head__content__item p a, .transport-type__content p a, .virtual-visit__description a{
	color: var(--color-primary)
}

.transport-type__content p a {
	color: var(--color-primary)
}

.link__icon.link__icon--geo-point > img, .link__icon.link__icon--cff > img, .parking-detail__info__icon, .parking-detail__address__icon, .link__icon.link__icon--parking > img {
  filter: hue-rotate(152deg) brightness(0.6);
}

.block-gallery .arrow{
	border-color: var(--color-primary);
}

.block-gallery__progress{
	background-color: var(--color-primary);
}

.modular__content__item ul {
  list-style-type: disc;
}

.modular__content__item ul li{
	font-size: 18px;
  padding-left: 1.5em;
}

.modular__content__item ul li:not(:last-child) {
  margin-bottom: 15px;
}

.modular__content__item ul li::marker {
  color: var(--color-primary);
	font-size: 30px;
}

.simple-banner {
	position: relative;
  z-index: 1;
}

.social-link.linkedin{
	background-image: url(/wp-content/uploads/2024/06/tripadvisor.svg);
}

.small-title{
	color: var(--color-primary);
}

.transport-type--car .transport-type__parkings__title {
	margin-top: 1em;
}

.transport-type__schemas__item svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}


.scroll_down{
	position: absolute;
	top: 120px;
  right: 8%;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  background: transparent;
	cursor: pointer;
}

.scroll_down img{
	width: 100%;
	height: 100%;
}



.page-banner__shape, .page-banner__title, .page-banner__steps-title{
	display: none;
}

.page-banner__step .arrow-button{
	border: 1px solid var(--color-primary);
  background-color: var(--color-primary);
}

.page-banner__step .arrow-button:hover{
	color: var(--color-primary) !important;
	border: 1px solid var(--color-primary) !important;
  background-color: white !important;
}

.breadcrumb  {
  color: var(--color-primary) ;
}

li.page-banner__step .icon img:first-child{
	margin-left: 8px;
}

li.page-banner__step:nth-child(2) .icon img{
	width: 75%;
	margin-left: 20px;
}

li.page-banner__step:nth-child(3) .icon img{
	width: 80%;
	margin-left: 20px;
}

li.page-banner__step .page-banner__step__title{
	font-family: "Brown";
	font-size: 19px;
}

.button--outline-blue, .button--small-icon, .button--small-outline-blue {
  background-color: transparent;
  border-color: var(--color-primary);
  border-color: var(--color-primary);
	color: var(--color-primary);
}

.block-article-preview__inner:focus .button, .block-article-preview__inner:hover .button, .button:focus, .button:hover {
	background-color: var(--color-primary);
	color: #fff;
	border-color: var(--color-primary);
}



path[style] {
    stroke-linecap: butt;
    stroke-linejoin: miter;
    fill-opacity: 0;
    stroke-miterlimit: 10;
    stroke: rgb(140, 39, 59);
    stroke-opacity: 1;
    stroke-width: 1.263;
    d: path("M -21.104 7.905 C -20.349 7.82 -11.125 8.314 -6.761 7.115 C 6.371 3.505 19.068 -0.045 22.805 -2.462 C 27.768 -5.675 19.06 -8.315 7.833 -4.678 C 6.929 -4.386 5.997 -4.086 5.04 -3.773 C 5.04 -3.773 -6.101 -6.434 -6.101 -6.434 C -6.101 -6.434 -9.266 -5.412 -9.266 -5.412 C -9.266 -5.412 -4.719 -0.613 -4.719 -0.613 C -8.559 0.631 -12.256 1.83 -15.268 2.803 C -15.268 2.803 -24.602 -3.162 -24.602 -3.162 C -24.602 -3.162 -27.768 -2.136 -27.768 -2.136 C -27.768 -2.136 -22.323 5.104 -22.323 5.104 C -24.577 6.024 -24.039 8.24 -21.104 7.905 Z");
}


.block-gallery__pagination{
	z-index: 10;
}

.block-gallery__pagination-item-text{
	display: flex !important;
}

.block-gallery__pagination-item > a:focus, .block-gallery__pagination-item > a:hover{
	color: var(--color-primary) !important;
}

.block-gallery__pagination-item.is-current>a {
	color: var(--color-primary) !important;
}

.block-gallery__progress-caption, .block-gallery__progress-caption current>a {
  background-color: var(--color-primary) !important;
}

#cookieChoiceInfo{
	background: var(--color-primary) !important;
}

#cookieChoiceInfo #cookieChoiceDismiss{
	color: var(--color-primary) !important;
}

#cookieChoiceInfo #cookieChoiceDismiss:hover {
  background-color: var(--color-primary) !important;
	color: #ffffff !important;
}

.transport-type {
  padding-top: 60px;
  padding-bottom: 60px;
	background-color: transparent;
}

.page-banner__step > a:hover .arrow-button {
  background-color: #fff;
  color: var(--color-primary);
}

.page-banner__step > a:hover .arrow-button * {
  stroke: transparent !important;
}

.block-gallery__slide {
  height: 100%;
}

.page-template-page-region .page__content > .modular.modular--banner {
  background: transparent;
}

.modular__subcomponent.image {
  height: 100%;
  margin-top: 0;
}

.block-gallery__slide .image__wrap {
  height: 100%;
}

.block-gallery__slide img {
  height: 100%;
  object-fit: cover;
}

.keypoint__text {
  padding-left: 130px;
}

.keypoints__element:nth-child(2) {
  margin-top: 70px;
  margin-bottom: -70px;
}

.keypoints__element:nth-child(3) {
  margin-top: 140px;
  margin-bottom: -140px;
}

.input--textarea [type="checkbox"].input__field:checked + label::before, .input__field[type="checkbox"]:checked + label::before, [type="checkbox"].textarea__field:checked + label::before {
	background-image: url("assets/img/icons/ico-tick.svg");
}
.widget-form::after {
	border-color: var(--color-primary);
	border-top-color: transparent;
}
	
@media (max-width: 1023px) {
	
	.scroll_down{
		top: 60px;
  	right: 12%;
	}
	
	.page-banner{
		overflow: visible;
	}
	
	.page-banner__steps{
		margin-top: 100px;
	}
	
	.page-banner__steps-list{
		grid-template-columns: repeat(2,1fr);
		gap: 30px 10x;
	}
	
	.page-banner__step {
		min-height: 80px;
		grid-column: span 1;
	}
	
	.page-banner__step:nth-child(1){
		grid-column: 1/3;
	}
	
	.tab{
		display: block;
	}
}

@media (min-width: 768px) {	
	.block-gallery__slides {
		height: 40vw;
		max-width: 70%;
		margin-left: auto;
	}
	
	.block-gallery__pagination{
		left: 12%;
	}
	
	.block-gallery--no-caption .block-gallery__pagination-item a{
		width: 90%;
	}
	
	.block-gallery::after {
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		height: 40%;
		width: 100%;
		background-color: #FDF0F2;
		z-index: -1;
  }
	
	
	
	.list-groups__title, .list-groups__content li::before {
    color: var(--color-primary);  
	}

	.link--icon .link__wrap {
		color: var(--color-primary);
	}
	
	.region-map .modular--banner {
    display: none;
  }
	

	.header-contact__details__phone-number .link__label::after, .link .link__label::after, .widget-article-filter .toggle a .link__label::after {
    background-color: var(--color-primary);
  }
	
	rect[style], polygon[style] {
    fill: rgb(140, 39, 59);
	}

	path[style] {
    d: path("M 10.1592 18.182 C 9.87116 17.8891 9.72233 17.5098 9.72233 17.1257 C 9.72233 16.7416 9.86636 16.3623 10.1592 16.0694 L 21.0866 5.14683 C 19.027 2.04529 15.5029 0 11.4988 0 C 5.14683 0 0 5.15163 0 11.5036 C 0 12.7278 0.192046 13.9041 0.547331 15.0132 L 10.7354 4.82515 C 11.3163 4.24422 12.2621 4.24422 12.843 4.82515 C 13.1359 5.11802 13.28 5.49732 13.28 5.88141 C 13.28 6.2655 13.1359 6.64479 12.843 6.93766 L 1.91566 17.8603 C 3.97535 20.9618 7.49939 23.0071 11.4988 23.0071 C 17.8507 23.0071 23.0023 17.8555 23.0023 11.5036 C 23.0023 10.2793 22.8103 9.10298 22.455 7.99871 L 12.2717 18.182 C 11.686 18.7629 10.7402 18.7629 10.1592 18.182 M 5.87661 18.6189 C 5.47811 18.6189 5.10362 18.4652 4.82035 18.182 C 4.23941 17.601 4.23941 16.6552 4.82035 16.0742 L 16.0694 4.82515 C 16.6504 4.24422 17.5962 4.24422 18.1771 4.82515 C 18.4604 5.10842 18.6141 5.48291 18.6141 5.88141 C 18.6141 6.2799 18.4604 6.65439 18.1771 6.93766 L 6.92806 18.182 C 6.64959 18.4652 6.2751 18.6189 5.87661 18.6189");
    fill: rgb(140, 39, 59);
	}

	g#Symbols g#D-Public rect#Rectangle-3-Copy,  g#Scheme-Public-transport rect#Rectangle-3-Copy-2,
g#Scheme-Public-transport 	rect#Rectangle-3-Copy-5, g#Scheme-Public-transport rect#Rectangle-3-Copy-9, g#Scheme-Public-transport rect#Rectangle-3-Copy-4,
g#Scheme-Public-transport	circle#Oval-6, g#Scheme-Public-transport g#Group-3
	path#ICO-Metro, g#Scheme-Public-transport g#SBB-CFF-FFS polygon#path73, g#D-Public g#Scheme-Public-transport g#Group-3-Copy path#ICO-Metro, g#Scheme-Public-transport	circle#Oval-6-Copy, g#Scheme-Public-transport g#SBB-CFF-FFS-Copy polygon#path73, g#Scheme-Public-transport	circle#Oval-6-Copy-11, g#Scheme-Public-transport g#Group-3-Copy-2 path#ICO-Metro{ 
		fill: rgb(140, 39, 59);
	}

	div.parking-schema__item.parking-schema__item--tablet.parking-schema__item--desktopp.is-appear-on svg path{
		fill: rgb(140, 39, 59);
	}
	
	.header-contact__details__phone-number,  .widget-form__success__title, .widget-form__title  {
		color: var(--color-primary);
  }

	.button--blue, .button--small-blue {
    background-color: var(--color-primary);

		&:hover, &:focus {
			background-color: #fff;
			color: var(--color-primary);
		}
  }

	
	.input--textarea [type=checkbox].input__field+label::before, .input__field[type=checkbox]+label::before, [type=checkbox].textarea__field+label::before {
		border: 2px solid var(--color-primary);
	}
	
	div.widget-form__element div.input label.input__label p a{
		color: var(--color-primary);
	}
}

@media (max-width: 768px) {
	.scroll_down{
		top: 25px;
  	right: 8%;
		width: 32px;
		height: 32px;
	}
	
	.simple-banner{
		margin-top: 0 !important;
	}
	
	.simple-banner {
		margin-bottom: 100px;
	}
	
	.page-banner__steps{
		margin-top: 170px;
	}
	
	.modular__title{
		letter-spacing: 4px;
	}
	
	.header-contact__details__phone-number,  .widget-form__success__title, .widget-form__title  {
		color: var(--color-primary);
  }
	
	.input--textarea [type="checkbox"].input__field + label::before, .input__field[type="checkbox"] + label::before, [type="checkbox"].textarea__field + label::before{
		border-color: var(--color-primary) !important;
	}

	.button--blue, .button--small-blue {
    background-color: var(--color-primary);
  }
	
	.header-contact__details__phone-number .link__label::after, .link .link__label::after, .widget-article-filter .toggle a .link__label::after{
		background-color: var(--color-primary);
	}
	
	.link{
		color: var(--color-primary);
	}
	
	.nav__lang{
		margin-bottom: 0;
	}
	
	.page-banner__step__title{
		font-size: 14px !important;
		line-height: 16.8px !important;
		margin-left: 20px;
		width: calc(100% - 50px);
		color: hsla(0, 0%, 11%, 1) !important;
	}
	
	li.page-banner__step:nth-child(2) .page-banner__step__title{
		font-size: 14px !important;
		line-height: 16.8px !important;
	}
	
	.page-banner__step__text{
		font-size: 14px !important;
		line-height: 16.8px !important;
		margin-left: 20px;
		width: calc(100% - 50px);
	}
	
	li.page-banner__step:nth-child(1) .page-banner__step__text{
		display: block !important;
		margin-top: 10px !important;
	}
	
	.page-banner__step .icon{
		max-width: 30px;
	}
	
	.list-groups__title, .list-groups__content li::before{
		color: var(--color-primary);
	}
	
	.block-gallery__slides{
		height: 60vw;
	}
	
	.tab{
		display: none;
	}
}