@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@100;200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900&display=swap');
@import url('https://fonts.cdnfonts.com/css/cocogoose');

/* Songlink Page */

.youtube-container {line-height:0;}
.layout {
  width: 420px;
  max-width: 100%;
  margin: 0 auto;
  font-family: 'Lato', sans-serif;
}
.layout h1, .layout h2 {color:#fff;margin:0;font-family: 'Lato', sans-serif;text-align:center;padding:0;max-width: 100%;}
.layout i {width:35px;}
.layout-title {
  padding: 20px 0;
  background: #507070;
	display: block;
position: relative;
}
.layout-title::after {
  content: "";
  display: inline-block;
  left: 50%;
  margin-left: -12px;
  margin-bottom: -12px;
  width: 0;
  height: 0;
  bottom: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #507070;
  position: absolute;
}
.layoutlinks {width: 100%; box-shadow: inset 0 -2px 9px 0 rgba(0,0,0,.06); background: #eee;font-size: 1.2em;padding: 30px;display:block;}
.layoutlinks:hover {background:#ddd;}
a.layoutlinks, a:hover.layoutlinks, a:focus.layoutlinks, a:visited.layoutlinks, a:active .layoutlinks{
  color: #333;
}
.layout .center a,.layout .center a:hover, .layout .center a:focus, .layout .center a:visited {color:#eee;}
.playbutton {
  float: right;
  background: #507070;
  color: #fff;
  padding: 5px 15px;
  margin-top: -5px;
  border-radius: 10px;
}

/* End Songlink Page */

.onlinesoon {min-height: calc(100vh - 200px);}

html{
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
    zoom: 100%; /* zoom your page to 90% */
}

:root {
    --zoom: 1.0; /* set the variable saying what the current zoom is */
}

iframe{
width: 100%;
aspect-ratio: 16 / 9;
height: auto;
max-width:1000px;
}

#sib-container input:-ms-input-placeholder {
text-align: left;
font-family: 'Source Serif Pro', serif;
color: #c0ccda;
}

#sib-container input::placeholder {
text-align: left;
font-family: 'Source Serif Pro', serif;
color: #c0ccda;
}

#sib-container a {
text-decoration: underline;
color: #2BB2FC;
}
.sib-form .input:first-child, .sib-form .input__affix:first-child {padding-left:0.8rem;}
.sib-form .input:not(textarea), .sib-form .input__button {height: calc(3rem - 3px);}
.sib-form-block p {text-align:left;margin: 15px 0;}
.sib-form {padding: 10px;text-align: center;}
#sib-container {text-align:center; background-color:rgba(255,255,255,1); max-width:540px; border-radius:3px; border-width:1px; border-color:#C0CCD9; border-style:solid;}
.sib-form-block h1 {font-size:25px; text-align:center; font-weight:700; font-family: 'Source Serif Pro', serif; color:#3C4858; background-color:transparent;}
.sib-form-block {font-size:18px; text-align:left; font-family:'Source Serif Pro', serif; color:#3C4858; background-color:transparent;padding-top:10px;}
.sib-form .entry__label {font-weight: 600; text-align:left; font-size:18px; font-family: 'Source Serif Pro', serif; color:#3c4858;margin-bottom: 0px;line-height:1.4;}
.entry__error--primary {font-size:18px; text-align:left; font-family: 'Source Serif Pro', serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;}
.entry__specification {font-size:12px; font-family:'Source Serif Pro', serif; color:#8390A4; text-align:left}
.sib-form-block__button {font-size:18px; text-align:center; font-weight:700; font-family: 'Cocogooze', sans-serif; color:#FFFFFF; background-color:#517b51; border-radius:3px; border-width:0px;padding: 16px 18px;}
.sib-form__declaration {padding: 16px;}
.agree {font-size:16px; text-align:left; font-family: 'Cocogooze', sans-serif; color:#3C4858; background-color:transparent;font-weight:bold;}
#newsletter .sib-form {padding: 16px 0px;text-align: left;background-color: transparent;font-family: 'Source Serif Pro', serif; font-size:18px;}
#newsletter #sib-container {text-align: left;background-color: transparent;max-width: 100%;border-radius: 0px;border-width: 0px;border-color: transparent;border-style: solid;padding: 0;}
#newsletter .sib-form-block {padding:0}
#newsletter .sib-form .entry__specification {padding:0 0 5px; margin: 0;}
#newsletter h3 {text-align: center; padding-bottom: 20px;}
/* Grid */
body {font-family: 'Source Serif Pro', serif;font-size: 18px;font-weight: 400;text-align: left;color: #333;line-height: 1.8;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;text-size-adjust: none;background:#121212}
:focus, :active{outline: none;box-shadow: none;}
::selection {background: #333; color:#fff;/* WebKit/Blink Browsers */}
::-moz-selection {background: #333; color:#fff;/* Gecko Browsers */}
:focus {outline:none;box-shadow: none;}
::-moz-focus-inner {border:0;}
select {-moz-appearance: none;-webkit-appearance: none;padding: 5px;border: 0px;}
select::-ms-expand {display: none;}
button:focus {outline:0 !important;}
.btn-close:focus {outline: 0;box-shadow: none;opacity: 1;}
img {max-width: 100%;}
.btn-close {position: absolute; right: 25px;}
	
/* Fonts */
p {line-height: 1.5;margin: 15px 0;text-align:left;}
p a {text-decoration: none;}
h1,h2,h3,h4,h5,h6 {font-family: 'COCOGOOSE', sans-serif;color:#000;font-weight:400;margin:0}
.h1, h1 {font-size: 32px;text-align: center;margin: 0;padding: 0px 0 30px 0;font-weight: 400; text-transform: uppercase;color:#fff;}
.h2, h2 {font-size: 20px;margin: 0;padding: 0;text-transform: uppercase;}
.h3, h3 {color: #000;font-size: 32px;font-weight: 400;text-transform: uppercase;}
.h4, h4 {font-size: 37px;font-weight: 400;text-align: center;color: #333;letter-spacing: 3px;text-transform: uppercase;}
.h5, h5 {font-size: 40px;color: #666; letter-spacing: 3px;text-transform: uppercase;}
.h6, h6 {font-size: 14px;text-align: center;line-height: 70px;margin: 0;color: #c09b73;font-weight: 600;text-transform: uppercase;letter-spacing: 6px;}
h4 span {color:#fff;font-size:0.65em;text-transform: uppercase;font-weight:100;}

a,a:hover,a:focus {color:#333;text-decoration: none;}
.web-ref {text-decoration: underline;;}

.clear {clear:both;}

hr {border-top: 1px solid #ba8;}
/* Alignements */
.center {text-align:center;}
.centered {position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 82%;}
.relative {position:relative;}

/* Navigation */
.navbar {height: 80px;text-align: center;position: fixed;width:100%; font-family: 'Rubik', sans-serif; z-index: 10000;top:0;font-size: 20px;font-weight: 600;
letter-spacing: 2px; text-transform: uppercase;background:#fff;box-shadow: 0 5px 5px 0 rgba(20, 20, 20, 0.075);-webkit-box-shadow: 0 5px 5px 0 rgba(20, 20, 20, 0.075);}
.nav-link {color:#333;}
.navbar > .container {max-width: 100%;}
.navbar-logo img {height:50px;}
.navbar-margin {
  padding-top: 80px;
}
.logo {position: absolute;left: 50%;transform: translate(-50%);top:0;max-width: 180px;margin: 10px auto 0;display:block;}
.justify-content-end {display: flex;padding-right: 80px;}
.justify-content-start {display: flex;padding-left: 80px;}
button.navbar-toggler {z-index: 1;border: none;padding: 15px;letter-spacing: 0px;color: #000;}
.navbar-toggler:focus {box-shadow: 0 0 0 0rem;}
.navbar-toggler-icon i {color:#333;}
.nav-item.current {font-weight: bold;}
.navbar-brand, .navbar-brand:hover, .navbar-brand:focus, .navbar-brand:visited {margin:0;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.dropdown-item.active, .dropdown-item:active {color: #fff;text-decoration: none;background-color: #bbaa88;}
.dropdown-menu {padding: 0;font-size:unset; margin: 13px 0 0 0;color: #555;text-align: left;list-style: none;background-color: #fff;background-clip: padding-box;border: 1px solid #bbaa88;border-radius: 0; border-top: 0px;}
.dropdown-item {padding:0.5rem 1rem;}
a:hover.nav-link  {color:#bbb;}
.nav-item {padding: 0 1.5rem;}
.nav-item.active .nav-link  {color: #c09b73;}
.nav-link:focus  {color: #fff;}
.nav-link:hover {color: #ccc;}
.navbar-nav .nav-link {padding-right: 1rem;padding-left: 1rem;line-height: 1.2;}
.mobile-container {display: flex;flex-wrap: inherit;align-items: center;justify-content: space-between;width: 100%;padding-top: 30px;}
/*.offcanvas {background:#e8e7e5}*/
.justify-content-start {display:block;padding:0;}
.justify-content-end {display:block;padding:0;}
.nav-item {padding: 5px 0rem;border-bottom: 1px #eee solid;}
.offcanvas .navbar-brand, .offcanvas .navbar-brand:hover, .offcanvas .navbar-brand:focus, .offcanvas .navbar-brand:visited {margin: 0;position: absolute;left: 50%;top: 0;transform: translateX(-50%);}
.offcanvas-header {height: 80px;}

.langswitcher li {float: left;padding: 9px 10px;color: #fff;letter-spacing: 0px;margin: 0 5px;font-size: 18px;background: #cd1a17;border-radius: 50%;height: 50px;width: 50px;}
.langswitcher {position: absolute;right: 15px;}
.langswitcher a {color:#fff;}
.offcanvas .langswitcher {bottom: 15px;}

/* Lists & Blockquotes */
ul {list-style: none; padding: 0;margin-bottom: 0;}
blockquote {
  border-left: 10px solid #517b51;
  padding-left: 20px;
  font-weight: 600;Margin-top:30px;U
}

/* Buttons */
html input[type=button] {background-color: #fff;color: #333;display: inline-block;margin: 0;padding: 10px 45px;letter-spacing: 2px;text-transform: uppercase;cursor: pointer;font-size: 13px;font-weight: 600;}
.button {display: inline-block;margin: 0;border-radius: 5px;border: none;padding: 10px 15px;color: #fff;background: #cd1a17;font-weight: 400;text-transform: uppercase;letter-spacing: 3px;font-size: 18px;font-family: 'cocogoose', sans-serif;}
.button:hover, .button:focus, .btn-primary:focus {color: #fff;}
button {background: #cd1a17; color:#fff; border-radius:5px;border:none; padding: 10px ;}
button  a {color:#fff;}

/* Form */
.form-input-wrapper {padding: 5px 0;}
.form-control {padding: 4px 10px;font-size: inherit;height: auto;border-radius: 0;border: 1px solid #ba8;color: #999;font-weight: 300;}
.form-control:focus {color: #999;background-color: transparent;border-color: #ba8;outline: 0;box-shadow: 0 0 0 0rem transparent;}
.form-label {display: none;}
label {color:#121212;}
label.inline {color: #999;font-size:12px;}
.form-honeybear {visibility: hidden;position: absolute !important;height: 1px;width: 1px;overflow: hidden;clip: rect(1px,1px,1px,1px);}
.form-textarea-wrapper {padding: 5px 0;}
input[type="checkbox"] {;margin-right: 5px;}
/* Cookies */
.cc-color-override--29957753.cc-window {background-color: #555555;}

/* Sections */
#header {padding: 100px 0;text-align: center;}
#header::after {
content: "";
position: fixed;
top: 0;
height: 100vh;
left: 0;
right: 0;
z-index: -1;
background: url("/user/pages/images/bg-web.jpg") center top;
background-size: auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#header p {width: 60%;text-align: center;margin: 0 auto 50px;color: #fff; font-size: 20px; line-height: 1.8}
#header strong {color: #FBD015;font-weight: 400;}
#header p.headerlinks { width: 100%;margin: 30px auto 0px;}
#header p.headerlinks a {color:#fff;font-size: 60px;padding: 0px 20px;display: inline-block;line-height: 0.1}
#header p.headerlinks a b {font-size:14px;font-weight:400; line-height:1.5}
#header p.moredownloads {margin:10px auto 0; width:100%;color: #FBD015;}
#header p.moredownloads i {font-size: 12px;}
#header p a.yellow {color: #FBD015; text-decoration: underline;margin: 0;font-size: 16px;}

#about {padding: 100px 0 85px;background:#eee;}

#info {padding: 100px 0px 75px;background:#fff;}
#instagram {padding: 0px 0px 100px;background:#fff;}

#newsletter {padding: 100px 0px 100px;background:#eee;}

footer {padding: 30px 0;background: #121212;color: #fff;}
footer a, footer a:hover, footer a:visited, footer a:focus {color: #fff;}
footer ul {display: inline-block;}
footer li {float: left;padding: 10px 0px 0 20px;}
.right {text-align:right;}

.thankyoubox p {text-align:center;}
#thankyou {padding: 150px 0; background:#fff;min-height: calc(100vh - 50px); }

.mobile {display:none !important;}

#members {padding: 100px 0px 75px;background:#fff;min-height:calc(100vh - 200px);}
#exclusive {padding: 100px 0px 100px;background:#efefef;}
#exclusive .col-lg-6 {margin: 30px 0 0;}
#welcome {padding: 100px 0px 75px;background: url(/user/pages/images/caminolovers-bg.jpg) left top;background-size: cover;}

#underpage {
  background: #fff;
  padding: 50px 0;
}


@media screen and (max-width:575px){
	body {font-size:18px}
	.desktop {display:none;}
	#header {padding: 60px 0;}
	h1 {font-size: 28px; max-width: 300px;margin:0 auto;}
	#header p {font-size:18px;width:100%;}
    #header p.headerlinks { width: 100%;margin: 15px auto 0px;}
	#header p.headerlinks a {font-size: 34px; padding: 0px 10px;}
	#about {padding: 60px 0 45px;}
    #info {padding: 75px 0 30px;}
    #info h3 {padding-top: 10px}
    #instagram {padding: 0 0px 45px;}
    #instagram h3 {padding-top: 20px}
    #newsletter {padding: 75px 0}
	h3 {font-size: 22px;}
    .subscribe {padding-top:30px;}
    footer .col-md-6.right {display:none;}
    #header p.headerlinks a b {font-size: 8px;}
	.dl-icon {width: 35px;}
}

@media screen and (max-width:374px){
    body {font-size:14px}
    h1 {font-size: 26px;}
    #header p {font-size:14px;width:100%;}
    #header p.headerlinks a {font-size: 30px; width: 100%;padding: 0px 8px;}
}

@media screen and (min-width:576px) and (max-width:767px){
    body {font-size:18px}
	.desktop {display:none;}
	#header {padding: 60px 0;}
	h1 {font-size: 28px; max-width: 300px;margin:0 auto;}
	#header p {font-size:18px;width:100%;}
    #header p.headerlinks { width: 100%;margin: 15px auto 0px;}
	#header p.headerlinks a {font-size: 34px; padding: 0px 10px;}
	.dl-icon {width: 35px;}
	#about {padding: 60px 0 45px;}
    #info {padding: 60px 0;}
	h3 {font-size: 22px;}
}

@media screen and (min-width:768px) and (max-width:991px){
	h2 {font-size:52px;max-width:500px;}
	.digital {position: absolute;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);bottom: 12px;left: 14px; font-size: 12px;}
	svg#Layer_1 {max-width: 450px;margin: 0 auto;display: block;}
	img.logodesign {max-width: 400px;margin: 0 auto;display: block;}U
}


@media screen and (min-width:992px) and (max-width:1200px){
	.container, .container-lg, .container-md, .container-sm {max-width: 900px;}
	h2 {font-size:46px;}
	.digital {position: absolute;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);bottom: 12px;left: 14px; font-size: 16px;}
    #welcome {min-height:400px;}
}

@media screen and (min-width:1201px) and (max-width:1400px){
    #welcome {min-height:400px;}
}
@media screen and (min-width:1401px) and (max-width:1600px){
    #welcome {min-height:400px;}
}

@media screen and (min-width:1601px) and (max-width:1700px){
	.nav-item {padding: 0 1rem;letter-spacing:1px;}
	.justify-content-start {padding-left: 60px;}
	.justify-content-end {padding-right: 60px;}
}

@media screen and (max-width:319px) {
	body {font-size:12px;}
}

@media (max-width: 767px) {
	.offcanvas.offcanvas-end {width:100%}
	.carousel h2 span {margin: 0 5px;letter-spacing: 3px;}
	.carousel h2 span {text-shadow: -1px -1px 0 #333, 1px -1px 0 #333,-1px  1px 0 #333,1px  1px 0 #333;color: #fff;	padding: 0 1px;}
	.carousel h2::first-letter {text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff,-1px  1px 0 #fff,1px  1px 0 #fff;}
	
}

@media (max-width: 991px) {
	.container {max-width: 100%;}
	.desktop {display:none !important;}
	.mobile {display:block !important;z-index: 1000;}
	.langswitcher {bottom: 15px;}
	.navbar .offcanvas .langswitcher {display:block;}
	.fp-controlArrow.fp-next {border-width: 25px 0px 25px 22px;}
	.fp-controlArrow.fp-prev {border-width: 25px 22px 25px 0;}
	.fp-controlArrow {top: auto; bottom: 50px;}
	.langswitcher li {float: left;padding: 6px;color: #fff;letter-spacing: 0px;margin: 0 5px;font-size: 16px;background: #cd1a17;border-radius: 50%;height: 40px;width: 40px;
}
}

@media (max-width: 1200px) {
    .centered {position: relative;top:auto; left: auto; transform:initial; width: 100%;padding-bottom:15px;}	
}

@media screen and (min-width:1201px) {
    #welcome {min-height:400px;}
}

@supports (-webkit-touch-callout: none) {
   .carousel-item {background-attachment:inherit;}
}

@media (orientation: landscape) {
	.carousel {height: 100vh;}
	.carousel-inner {height: 100vh;}
	.carousel-item {height: 100vh;background-position: center;background-attachment:inherit;}
}