/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Child Theme for Divi Theme by Elegant Themes
 Author:         Divi.world
 Author URI:     http://divi.world
 Template:       Divi
 Version:        1.0.0
*/


.button-im-popup {    color: #333333!important;
    border-width: 10px!important;
    border-color: rgba(0,0,0,0);
    border-radius: 0px;
    font-family: 'Raleway',sans-serif!important;
    font-weight: 700!important;
    background-color: #ffffff!important;}

@media (max-width:980px) {
	.reverse-columns-mobile {
		display: flex;
		flex-direction: column-reverse;
	}
}



/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {

/*** slider ***/

.slider-home h2 {font-size:80px!important;
				 color:#333333!important;
					    font-weight: 700;
    line-height: 1.2em;}

.slider-home h5 {font-size:20px!important;
				 font-weight: 700;
				color:#333333!important;
				line-height:1.8em;
				    letter-spacing: 0.5em;}
 }
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
/*** slider ***/

.slider-home h2 {font-size:80px!important;
				 color:#333333!important;
					    font-weight: 700;
    line-height: 1.2em;}
	
.slider-home h5 {font-size:20px!important;
				 font-weight: 700;
				color:#333333!important;
				line-height:1.8em;
				    letter-spacing: 0.5em;}
 
 
}
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
 

/*** slider ***/

.slider-home h2 {font-size:48px!important;
				 color:#333333!important;
					    font-weight: 700;
    line-height: 1.2em; }}

.slider-home h5 {font-size:14px!important;
				 font-weight: 700;
				color:#333333!important;
				line-height:1.8em;
				    letter-spacing: 0.5em;}
 
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
 .slider-home h2 {font-size:48px!important;
				 }
	.slider-home h5 {font-size:14px!important;    
				
				 }
}
 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
 
.slider-home h2 {font-size:32px!important;
				 }
 .slider-home h5 {font-size:12px!important;
				 }

}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
 .slider-home h2 {font-size:32px!important;
				 }
 .slider-home h5 {font-size:12px!important;
				 }
}

/*** global ***/

/*** vertical-align-columns ***/
.ds-vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
}

/*** anfrageformular ***/

#anfrageformular h2  {font-size: 40px!important;}


/*** burgermenuicon ***/
.mobile_menu_bar:before {color:#af6e50!important;}
.mobile_menu_bar:after {color:#af6e50!important;}

/*** slider ***/

.slider-home h2 {font-size:80px;
				 color:#333333!important;
					    font-weight: 700;
    line-height: 1.2em;}

.slider-home  h5 {font-size:20px;
				 font-weight: 700;
				color:#333333!important;
				line-height:1.8em;
				    letter-spacing: 0.5em;}

.et_pb_slide {padding:0 0 0 0!important;
			  }

.et_pb_slide_description {padding: 16% 0%!important;}

@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
 
}

/*** iframe pauschalen ***/
.package  {
background: white;
}

.EBcicolors {
background: white!important;
}
/*** slider pfeile ***/
.et-pb-arrow-prev {
color:#333333!important;
}

.et-pb-arrow-next {
color:#333333!important;
}

#arrow-white .et-pb-arrow-prev  {
color:white!important;
}
#arrow-white .et-pb-arrow-next  {
color:white!important;
}

/* Hide logo from navigation when displaying site title and tagline instead */

#logo {
    max-height: 106%;
}
/* main-nav-points */
@media all and (max-width: 813px) {
	.main-nav-points, .main-nav-points a {display:none;}}
	
.main-nav-points
	{opacity:1;
		font-family:railway, sans-serif;
		color:grey;
	font-weight:700;
    display: inline-block;
    float: none;
   margin-left:6%;
        margin-bottom: 0.25em;
    vertical-align: middle;
	font-size:14px;}

.main-nav-points a
	{color:#F9E1C1;
	font-weight:700;
	font-size: 16px;}

.second-button {
    color: #33333!important;
    background: #fffff;
    border-width: 10px!important;
    border-color: rgba(0,0,0,0);
    border-radius: 0px;
    font-size: 20px;
    font-weight: 700!important;
    background-color: #fffff;
}
/* text vor burger */
.et_header_style_slide #et-top-navigation::before { 
    content:'Menü'; 
    position: absolute; 
    margin-left:-50px; 
    margin-top: 5px; 
	color:#af6e50!important;
	font-family:Raleway, sans-serif;
}

/*STICKY BOTTOM RIGHT*/
/*This places the button where we want it*/
#ds-sticky-button {
	font-weight:700;
position: fixed;
right: 100px !important; /*Positions the button to the right of the page*/
bottom: 0; /*Sets the distance of the button from the bottom of page*/
width: 200px !important; /*Sets dimensions of the button*/
height: 25px !important; /*Sets dimensions of the button*/
z-index:99999; /*Keeps the button on top*/
}

#ds-sticky-button2 {font-weight:700;
position: fixed;
right: 282px !important; /*Positions the button to the right of the page*/
bottom: 0; /*Sets the distance of the button from the bottom of page*/
width: 200px !important; /*Sets dimensions of the button*/
height: 25px !important; /*Sets dimensions of the button*/
z-index:99999; /*Keeps the button on top*/
}
#ds-sticky-button3 {font-weight:700;
position: fixed;
right: 468px !important; /*Positions the button to the right of the page*/
bottom: 0; /*Sets the distance of the button from the bottom of page*/
width: 265px !important; /*Sets dimensions of the button*/
height: 25px !important; /*Sets dimensions of the button*/
z-index:99999; /*Keeps the button on top*/
}
/*Styles the link text to make it look like a button - You can edit all these values to match your design*/
#ds-sticky-button a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
 text-shadow: 0px -1px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 9px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 0px 9px rgba(0,0,0,0.3);
  color: #ffffff;
  font-size: 16px;
  background: #af6e50;
  padding: 10px 20px 9px 20px;
  text-decoration: none;
}

#ds-sticky-button2 a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
 text-shadow: 0px -1px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 9px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 0px 9px rgba(0,0,0,0.3);
  color: #ffffff;
  font-size: 16px;
  background: #af6e50;
  padding: 10px 20px 9px 20px;
  text-decoration: none;
}
#ds-sticky-button3 a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
 text-shadow: 0px -1px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 9px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 0px 9px rgba(0,0,0,0.3);
  color: #ffffff;
  font-size: 16px;
  background: #af6e50;
  padding: 10px 20px 9px 20px;
  text-decoration: none;
}
/*Styles the button on hover - You can edit all these values to match your design*/
#ds-sticky-button a:hover {
  background: #fff;
	color:#333;
  text-decoration: none;
}

#ds-sticky-button2 a:hover {
  background: #fff;
	color:#333;
  text-decoration: none;
}

#ds-sticky-button3 a:hover {
  background: #fff;
	color:#333;
  text-decoration: none;
}


@media all and (max-width:770px) {#ds-sticky-button, #ds-sticky-button2, #ds-sticky-button3 {display:none;}}

/*Top-Header second number*/

#top-phone {position:fixed;
			top:0;
			right:0;
			left:0;
			line-height:1em;
			z-index:100000;
			color:#fff;
			font-size:12px;
			background:#af6e50;}


@media all and (min-width:981px){
#samnaun-logo img {    text-align: center;
    width: 10%;
    float: right;
    margin-right: 10px;
    margin-bottom: 40px;}}

@media all and (max-width:980px){
#samnaun-logo img {
    width: 15%;
        margin-bottom: 40px;}
	#samnaun-logo {margin-top: 5px;
    float: none;
    text-align: center;}
}

@media (max-width: 980px){
.et_header_style_left #logo, .et_header_style_split #logo {
    max-width: 100%;
}}


.et-fixed-header #logo {
content: url(https://www.motnaida.ch/wp-content/uploads/2018/12/logo-simpel.png);
}



.rv_button.closed:after {
	    background-image: url(https://www.motnaida.ch/wp-content/uploads/2019/06/view.png) !important;
    background-size: auto 1em;
    background-repeat: no-repeat;
    min-width: 20em;
    height: 100%;
    content: "" !important;
    background-position: left center;
    position: absolute;
    top: 0;
	filter: invert(100%);
}

.rv_button.opened:after{
	
background-image: url(https://www.motnaida.ch/wp-content/uploads/2019/06/hide.png) !important;
    background-size: auto 1em;
    background-repeat: no-repeat;
    min-width: 20em;
    height: 100%;
    content: "" !important;
    background-position: left center;
    position: absolute;
    top: 0;
	filter: invert(100%);
	
}
.rv_button.opened{
	background:red;
}

@media (max-width: 767px)
{
.et-pb-controllers {
    position: absolute;
    z-index: -56;
    bottom: 5%;
    left: 0;
    width: 100%;
    height: 14px;
    text-align: center;
}
}