/* CSS Document */
body, html{
	width:100%;
	height:100%;
	
	}
body{
	background-color:#FFF;
	position:relative;
	width:100%;
	height:100%;
	}
*{
	margin:0px;
	padding:0px;
}

.cursor{
	cursor:pointer;
	}
	
	
/*******************************************/
/*******************************************/
/* reset bootstrap */
.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
}
.nobootmargin{
	 padding-left: 0px;
    padding-right: 0px;
	}
.pictmargin{
	 padding-top: 38px;
    padding-bottom:45px;
	}
	
.navbar-toggle {
    background-color: transparent;
    background-image: none;
    border: 1px solid #fff;
    border-radius: 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 8px;
    padding: 9px 10px;
    position: relative;
}
.navbar-toggle .icon-bar {
    background-color: white;
    border-radius: 1px;
    color: white;
    display: block;
    height: 2px;
    width: 22px;
}
/*******************************************/
/*******************************************/	
/* font typo */

	@font-face{
	font-family:"FrutigerLTW01-45Light";
	src:url("../webfonts/7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot?#iefix");
	src:url("../webfonts/7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot?#iefix") format("eot"),
	url("../webfonts/4fb89ed5-baf5-425f-aba4-46e8c2c3aabe.woff2") format("woff2"),
	url("../webfonts/2a004a53-ac5c-43b3-9eeb-9f74ae4c1609.woff") format("woff"),
	url("../webfonts/74d53f3b-1683-4d5a-a556-e13f6553cdf0.ttf") format("truetype"),
	url("../webfonts/3f5a5b87-e71e-4544-be0c-da4daa132710.svg#3f5a5b87-e71e-4544-be0c-da4daa132710") format("svg");
	}	
	
@font-face{
	font-family:"FrutigerLTW01_65Bold";
	src:url("../webfonts/fbd7c0fb-f004-4e83-81d2-1d400413a873.eot?#iefix");
	src:url("../webfonts/fbd7c0fb-f004-4e83-81d2-1d400413a873.eot?#iefix") format("eot"),
	url("../webfonts/6e7f04cb-3b30-43a5-b79d-25b4c1178700.woff2") format("woff2"),
	url("../webfonts/9aa32a81-1124-4c43-b3db-15bfb1f7aed2.woff") format("woff"),
	url("../webfonts/6faffbf4-f8e8-4817-b24b-a390e166be7e.ttf") format("truetype"),
	url("../webfonts/fc09de64-de25-425e-90dc-a0cae29b02c4.svg#fc09de64-de25-425e-90dc-a0cae29b02c4") format("svg");
	}	
    :root{
        --primary: #82bc00;
        --primary-light: #E9F7BE;
        --primary-extralight: #F7FBEA;
        --primary-dark: #0F2D00;
    }

*{
	font-family:'FrutigerLTW01-45Light', serif;
	color: #717173;
	font-size: 18px;
	}
h1,h2,h3,h4,h5,h6{
	font-family: 'Raleway', sans-serif;
		font-weight:300;
		color: #717173;
	}
	
h1{
	font-family: 'Raleway', sans-serif;
    color: rgb(80,80,80);
	font-weight: 900;
    margin-bottom: 35px;
	font-size:36px;
	}
	h2{
		font-size:28px;
		margin-bottom:40px;
		margin-top: 35px;
		
		}
	h2.heading{
		color:#d8b8a0;
		font-weight:bold;
		}
	h2 small{
		text-transform:none;
		font-weight:bold;
		font-size:16px;
		}
	p{
		margin-bottom:20px;
		}
	.home p{
		font-size:24px;
		}
		
	strong, strong span {
    font-family: "FrutigerLTW01_65Bold";
    font-weight: 600;
}
/*******************************************/
/*******************************************/	
/* nav */
a {
	color: #717173;
	}

.egourmetBtn {
    font-size: 18px;
    font-weight: 600;
    border-radius: 37px;
    background-color: #82bc00;
    color: #FFF;
    display: block;
    text-align: center;
    padding: 10px;
    width: 100%;
    line-height: 20px;
    margin-top: 10px;
    transition: all 0.2s ease-in-out 0s;
    border: 2px solid #82bc00;
    cursor: pointer;
    width: fit-content;
    min-width: 200px;
    margin: 0 auto;
}
.egourmetBtn:hover{
	font-size: 18px;
    font-weight: 600;
    border-radius: 37px;
    background-color: #ffffff;
    color:rgb(49,49,49);
    display: block;
    text-align: center;
    padding: 10px;
    width: 100%;
	line-height:20px;
	margin-top:10px;
	transition: all 0.2s ease-in-out 0s;
	border:2px solid #82bc00;
    cursor: pointer;
    width: fit-content;
    min-width: 200px;
    margin: 0 auto;
	}

.qrContainer{
    border:1px solid #82bc00;
    margin-bottom: 35px;
    padding-bottom: 8px;
    
}
.qrContainer .head{
    background-color: #82bc00;
    padding-top: 10px;  
    padding-bottom: 10px;
    margin-bottom: 20px;
} 
.qrContainer .head p{
    margin-bottom: 0px;
    color:#fff;
}
.qrContainer .head p strong{
    margin-bottom: 0px;
    color:#fff;
}
.caption{
    font-size: 12px;
    color: #82bc00;
    margin-bottom: 5px;
    display: none;
}
.topHeader{
    background-color:#82bc00;
}
.topHeader p, .topHeader p a, .topHeader h3{
    color:#ffffff;
    margin-right: 10px;
    margin-top: 10px;
}
.topHeader .glyphicon{
    color:#ffffff;
}
.coverAll{
    margin-top: 150px;
}
.raz{
    font-size: 12px;
    cursor:pointer;
}


.overContent{
    border: 1px solid #82bc00;
    padding-bottom: 30px;
    border-bottom: 5px solid #82bc00;
    margin-top: 35px;
}

.overContent h1{
    background-color: #82bc00;
    color: #ffffff;
    margin-top: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    
}

.linktreeBody{
    .container {
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        .info {
            /* background-color: #f9f9f9; */
            padding: 40px;
            /* box-shadow: 0 0 10px rgba(0,0,0,0.1); */
            border-radius: 5px;
            flex: 1 1;
            height: 100dvh;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 10px;
            h1{
                margin-bottom: 10px;
                color: var(--primary);
                line-height: 45px;
                font-family: "FrutigerLTW01-45Light", "Raleway", Times, serif;
                font-size: 34px;
            }
            .logo{
                height: 70px;
                margin-bottom: 60px;
                img{
                    height: 100%;
                    width: auto;
                }
            }
            p{
                font-size: 18px;
                line-height: 24px;
                margin: 0 0 20px;
                font-family: "FrutigerLTW01-45Light", "Raleway", sans-serif;
                color: var(--primary-dark);
                strong{
                 /* font-family:"FrutigerLTW01_65Bold", "Raleway", sans-serif; */
                    color: var(--primary);
                }
            }
            .btnSubscribe{
                margin-top:40px;
                min-width: 200px; 
                text-align:center; 
                border: none; 
                height: 44px; 
                border-radius:40px; 
                font-size: 18px; 
                font-family: "FrutigerLTW01-45Light", "Raleway", sans-serif;   
                background-color:var(--primary);
                color: white;
                &:hover{
                    border: 1px solid var(--primary);
                    background-color:var(--primary-extralight);
                    color: var(--primary);;
                }
            }
            input[type="email"] {
                display: block;
                width: 100%;
                height: calc(1.5em + 0.75rem + 2px);
                padding: 0.375rem 0.75rem;
                font-size: 1rem;
                font-weight: 400;
                line-height: 1.5;
                color: var(--primary-dark);
                background-clip: padding-box;
                border: none;
                border-radius: 0.25rem;
                background-color: white;
                opacity: 1;
                margin: 4px 0;
            }
            form{
                width: 100%;
                td{
                    font-family: "FrutigerLTW01-45Light", "Raleway", sans-serif;   
                }
            }
        }
        .visuel{
            background-color: #80ba26; 
            flex: 1 1;
            height: 100dvh;
            border-radius: 0;
            position: relative;
            &.visuel-6731b09cd6a4d{
                background-color:unset;
            }
            .visuelBG{
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                animation:unset;
                opacity: 50%;
                background-size: cover;
                background-repeat: no-repeat;
                background-image: url('https://app2.eldora.ch/qr-code/themes/simple/images/base-food-bg-aplat-white.png');

                &.visuel-6731b09cd6a4d{
                    animation:unset;
                    opacity: 100%;
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center;
                    background-image: url('https://app2.eldora.ch/qr-code/themes/simple/images/6731b09cd6a4d-bg.jpg');
                }
      
            }
           
        }
        &::before{
            display: none;
        }
        &::after{
            display: none;
        }
        
    }
}

@media only screen and (max-width: 1024px) {
    .linktreeBody{
        .container{
            flex-direction: column-reverse;
            gap: 10px;
            .visuel{
                height: 200px;
                width: 100%;
                flex: unset;
                border-radius: 20px 20px 20px 20px;
                .visuelBG{
                    animation: unset;
                    &.visuel-6731b09cd6a4d{
                        background-size: cover;
                    }
                }
            }
            .info{
                width: 100%;
                border-radius: 20px 20px 20px 20px;
            }
        }
    }

}
@keyframes moveBackground {
        0% {
            background-position: 0 0;
        }
        50% {
            background-position: 100% 100%;
        }
        100% {
            background-position: 1% 1%;
        }
    }
    @-webkit-keyframes AnimateBG {
        0% {
          background-position: 0% 50%;
        }
        50% {
          background-position: 100% 50%;
        }
        100% {
          background-position: 0% 50%;
        }
      }
      
      @keyframes AnimateBG {
        0% {
          background-position: 0% 50%;
        }
        50% {
          background-position: 100% 50%;
        }
        100% {
          background-position: 0% 50%;
        }
      }