/**
 *  Theme name:     RST
 *  Version:        3.1
 *  Description:    WP Starter Theme
 *  Text domain:    rst
 */

/* Overwrite */
/* Global */
body {
	font-family: 'Raleway',sans-serif;
	color: var(--global-main-font-color);
}
h1,
h2,
h3 {
	font-family: "Playfair Display", serif;
	font-weight: 500;
	color: var(--global-main-font-color);
}
.bg-muster {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;	
	/*background: #ffffff url('https://alp-roy.ittim.eu/wp-content/uploads/2026/05/AlpinRoyal_pattern_color_50_prozent.png');*/
	background: gray url('/wp-content/uploads/2026/05/pattern_white_transparent.png');
	background-size: 100px;
}
.bg-muster-mask {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.9;	
}
.bg-muster-events {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;	
	/*background: #ffffff url('https://alp-roy.ittim.eu/wp-content/uploads/2026/05/AlpinRoyal_pattern_color_50_prozent.png');*/
	background-image: url('/wp-content/uploads/2026/05/pattern_white_transparent.png');
	background-size: 100px;
}
.bg-muster-events-mask {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--global-dark-color);
    opacity: 0.96;	
}
section {
	padding-top: 50px;
	padding-bottom: 50px;	
}
.color-white {
	color: white;
}
.home .container {
	max-width: 1704px;
}
/* Global */
/* Header */
.header {
	background-color: var(--global-main-bg-color);
	max-height: 160px;
}
.header + section {
    margin-top: 160px;
}
.header ul li a {
	font-family: 'Raleway',sans-serif;
	text-transform: uppercase;
	font-size: 22px;
	font-weight: 500;
}
.header.small .header__left, .header.small .header__right {
   	opacity: 1;
}
.header ul .sub-menu li {
	background-color: var(--global-secondary-color);
    margin-bottom: 0px;
    transition: all .3s;
    border-bottom: 1px solid;	
}
.header ul .sub-menu li a {
	font-size: 17px;
	padding: 10px 20px;
}
.header ul li a:hover {
    color: var(--global-secondary-color);
}
.header ul li.current-menu-item a {

}
/* Header */

/* Blocks */
.hero img {
	height: calc(100vh - 300px);
}
.counter {
	position: relative;
	padding-top: 50px;
}
.counter .container,
.events .container,
.gallery .container,
.footer .container {
	position: relative;
}	
.events {
	position: relative;
	padding-top: 50px;	
}
.events .card-event__text h3 {
	font-family: 'Raleway',sans-serif;	
	font-weight: 700;
	font-size: 24px;
}
.events .card-event__position {
	font-size: 18px;
}
.events .card-event__top span {
	color: var(--main_font_color);
}
.events h3 {
	font-size: 42px;
	text-shadow: 1px 1px 0 white;
	text-transform: uppercase;
} 
.events .card-event {
	border: 2px solid #ffa100;	
}
.gallery h3 {
	font-size: 42px;
	text-shadow: 1px 1px 0 black;
	text-transform: uppercase;
}
.text-block {
	margin: 0;
	padding: 50px 0;
	background-color: var(--global-main-bg-color);
}
.text-block .row {
	max-width: none;
}
.gallery {
	position: relative;
	margin-bottom: 0;
	padding-top: 50px;
	padding-bottom: 50px;
	/*background-color: var(--global-main-bg-color);*/
}
.text-banner.banner-box {
	padding: 50px;
	color: var(--global-main-font-color);
}
.text-banner.banner-box .text-banner__wrapper {
	background-color: orange;
	width: calc(40% - 40px);
	max-width: calc(100% - 40px);
	padding: 20px;
	font-size: 20px;
}
.text-banner.banner-box .btn {
	background-color: var(--global-dark-color);
	text-transform: uppercase;
	justify-content: space-between;
    display: flex;	
}
.footer {
	position: relative;
}
.footer p {
	line-height: 1.3;	
}
.footer__nav,
.social-links {
	justify-content: center;
}
.footer__bottom {
    text-align: center;
    margin-top: 20px;
}
.footer iframe {
	width: 100%;
}
.footer #menu-footer {
	display: flex;
    justify-content: space-between;	
}
.footer h3 {
	color: white;
	font-size: 20px;
	font-family: 'Raleway',sans-serif;
}
.social-links li a {
	color: var(--global-light-color);
}
.footer #menu-footer li {
	
}
/* Blocks */
@media (min-width: 1024px) {
    .header.small .header__left, .header.small .header__right {
        transform: translateY(-60px);
    }	
}
@media (max-width: 1024px) {
	.header + section {
		margin-top: 0px;
	}	
}