@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Princess+Sofia&display=swap');

@font-face {
  font-family: "Cabin";
  src: url("../fonts/CabinSketch-Regular.ttf") format('truetype')
}

@font-face {
  font-family: "Oxygen";
  src: url("../fonts/Oxygen/Oxygen-Regular.ttf") format('truetype'), url("../fonts/Oxygen/Oxygen-Bold.ttf") format('truetype')
}

:root {
  --pb-green: #3c9754;
  --pb-creme: #fdf8ef;
  --pb-brown: #312615;
  --pb-darkbrown: #1b100e;
  --pb-bnight: #35397c;
  --pb-brique: #fe4918;
  --pb-darkpink : #ee4f4e;
  --pb-blue: #074088;
  --pb-lluna: #13376d;
}

body{
	color: var(--pb-brown) !important;
  	font-family: Oxygen !important;
}

.navbar{
  font-family: Cabin !important;
  background-color: var(--pb-creme) !important;
}

.navbar-brand{
  color: var(--pb-bnight) !important;
}

.navbar-brand > span{
  color: var(--pb-brown) !important;
}


.contact{
  color: var(--pb-brown) !important;
  font-size: 1rem !important;
}

.masthead{
  background: var(--pb-creme) !important;
  padding-top: 55px !important;
  padding-bottom: 0px !important;
}

h1{
	font-size: calc(25px + (38 - 25) * ((100vw - 300px) / (1600 - 300)));
	font-family: Cabin !important;
	color: var(--pb-creme) !important;
	margin-bottom: 15px;
}



.masthead h2{
	font-family: Cabin;
	font-size: calc(52px + (52 - 35) * ((100vw - 300px) / (1600 - 300)));
	font-weight: bold;
	color: var(--pb-creme);
	text-transform: uppercase;
}

/* scroll */

#scroll, #dates {
	background-color: var(--pb-darkbrown) !important;
	color: var(--pb-creme) !important;
}

.titre1{
	font-family: Cabin;
	font-size: calc(27px + (43 - 27) * ((100vw - 300px) / (1600 - 300)));
	margin-bottom: 20px;
}

.titre3{
	font-family: Cabin;
	font-size: calc(26px + (38 - 26) * ((100vw - 300px) / (1600 - 300)));;
}

.sstitre3{
	color: #1e2329;
	font-family: Cabin;
	font-size: 1rem;
	margin-left: 10px;"
}

.container{
	max-width: 100% !important;
}

/* ateliers */

.ateliers {
	background-color: var(--pb-creme) !important;
}

/* interventions */

.spectacles {
	background-color: var(--pb-creme) !important;
	color: #1e2329;
}


.titre2{
	font-family: Cabin;
	font-size: calc(27px + (43 - 27) * ((100vw - 300px) / (1600 - 300)));
	color: #1e2329;
}


.titre3{
	font-family: Cabin;
	font-size: calc(27px + (43 - 27) * ((100vw - 300px) / (1600 - 300)));
}


/* lluna */

.lluna1 {
	background-color: var(--pb-creme) !important;
	color: #1e2329;
}

#lluna h1{
	font-size: 1.5rem;
	font-family: Cabin !important;
	color: var(--pb-lluna) !important;
	margin-bottom: 15px;
}


.col-dans {
  height: 150px;
  overflow: hidden;
  background-size: cover !important;
  border-radius: 5px;
}


.titre4{
	font-family: Cabin;
	font-size: calc(12px + (38 - 26) * ((100vw - 300px) / (1600 - 300)));;
}

/* nav bottom */

.navbar-bottom{
	background-color: #2b2e37 !important;
}

.navbar-bottom .navbar-nav .nav-item .nav-link {
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 0.1rem;
  	font-family: Cabin;
  	color: var(--pb-creme);
}

.yt-resp { 
overflow:hidden; 
padding-bottom:56.25%; 
position:relative; 
height:0;
}

.yt-resp iframe {
left:0; 
top:0; 
height:80%;
width:80%;
position:absolute;
}

html{scroll-behavior:smooth}

body section{
	text-align: justify;
	font-size: 1.05rem !important;
}

.sepa{
	max-width: 730px;
	min-width: 310px;
	width: 70vw;
}

#page-mentions{
	background-color: var(--pb-creme) !important;
}

.mentions {
	color: var(--pb-darkbrown);
	background: var(--pb-creme) !important;
	padding-top: 55px !important;
	padding-bottom: 0px !important;
}