/*-----------------------------------------------------------------------------------
	Yann Gourdon
	About: Yann Gourdon is a French hurdy-gurdy player, composer and sound artist. One third of the drone trio France and part of La Nòvia collective, his practice focuses on acoustic phenomena and dynamic relationships with the environment. Having learned to play traditional music from Auvergne by listening to field recordings, Yann recontextualizes tradition via minimalism, honing in on a place or location’s unique vibratory fields, volumes and surfaces.
	Author: yGrd
	Version: 1.0
	Built with Blocs
-----------------------------------------------------------------------------------*/
body{
	margin:0;
	padding:0;
    background:#FFFFFF;
    overflow-x:hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.page-container{overflow: hidden;} /* Prevents unwanted scroll space when scroll FX used. */
a,button{transition: background .3s ease-in-out;outline: none!important;} /* Prevent blue selection glow on Chrome and Safari */
a:hover{text-decoration: none; cursor:pointer;}
.scroll-fx-lock-init{position:fixed!important;top: 0;bottom: 0;left: :0;right: 0;z-index:99999;} /* ScrollFX Lock */
.blocs-grid-container{display: grid!important;grid-template-columns: 1fr 1fr;grid-template-rows: auto auto;column-gap: 1.5rem;row-gap: 1.5rem;} /* CSS Grid */
nav .dropdown-menu .nav-link{color:rgba(0,0,0,0.6)!important;} /* Maintain Downdown Menu Link Color in Navigation */
[data-bs-theme="dark"] nav .dropdown-menu .nav-link{color:var(--bs-dropdown-link-color)!important;} /* Maintain Downdown Menu Link Color in Navigation in Darkmode */


/* Preloader */

.page-preloader{position: fixed;top: 0;bottom: 0;width: 100%;z-index:100000;background:#FFFFFF url("img/pageload-spinner.gif") no-repeat center center;animation-name: preloader-fade;animation-delay: 2s;animation-duration: 0.5s;animation-fill-mode: both;}
.preloader-complete{animation-delay:0.1s;}
@keyframes preloader-fade {0% {opacity: 1;visibility: visible;}100% {opacity: 0;visibility: hidden;}}

/* = Blocs
-------------------------------------------------------------- */

.bloc{
	width:100%;
	clear:both;
	background: 50% 50% no-repeat;
	padding:0 20px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
	display:flex;
}
.bloc .container{
	padding-left:0;
	padding-right:0;
	position:relative;
}


/* Sizes */

.bloc-md{
	padding:50px 20px;
}

/* = Full Width Blocs 
-------------------------------------------------------------- */

.full-width-bloc{
	padding-left:0;
	padding-right:0;
}
.full-width-bloc .row{
	margin-left:0;
	margin-right:0;
}
.full-width-bloc .container{
	width:100%;
	max-width:100%!important;
}
.full-width-bloc .carousel img{
	width:100%;
	height:auto;
}


/* Light theme */

.d-bloc .card,.l-bloc{
	color:rgba(0,0,0,.5);
}
.d-bloc .card button:hover,.l-bloc button:hover{
	color:rgba(0,0,0,.7);
}
.l-bloc .icon-round,.l-bloc .icon-square,.l-bloc .icon-rounded,.l-bloc .icon-semi-rounded-a,.l-bloc .icon-semi-rounded-b{
	border-color:rgba(0,0,0,.7);
}
.d-bloc .card .divider-h span,.l-bloc .divider-h span{
	border-color:rgba(0,0,0,.1);
}
.d-bloc .card .a-btn,.l-bloc .a-btn,.l-bloc .navbar a,.l-bloc a .icon-sm, .l-bloc a .icon-md, .l-bloc a .icon-lg, .l-bloc a .icon-xl, .l-bloc h1 a, .l-bloc h2 a, .l-bloc h3 a, .l-bloc h4 a, .l-bloc h5 a, .l-bloc h6 a, .l-bloc p a{
	color:rgba(0,0,0,.6);
}
.d-bloc .card .a-btn:hover,.l-bloc .a-btn:hover,.l-bloc .navbar a:hover, .l-bloc a:hover .icon-sm, .l-bloc a:hover .icon-md, .l-bloc a:hover .icon-lg, .l-bloc a:hover .icon-xl, .l-bloc h1 a:hover, .l-bloc h2 a:hover, .l-bloc h3 a:hover, .l-bloc h4 a:hover, .l-bloc h5 a:hover, .l-bloc h6 a:hover, .l-bloc p a:hover{
	color:rgba(0,0,0,1);
}
.l-bloc .navbar-toggle .icon-bar{
	color:rgba(0,0,0,.6);
}
.d-bloc .card .btn-wire,.d-bloc .card .btn-wire:hover,.l-bloc .btn-wire,.l-bloc .btn-wire:hover{
	color:rgba(0,0,0,.7);
	border-color:rgba(0,0,0,.3);
}


/* = NavBar
-------------------------------------------------------------- */

/* Navbar Icon */
.svg-menu-icon{
	fill: none;
	stroke: rgba(0,0,0,0.5);
	stroke-width: 2px;
	fill-rule: evenodd;
}
.navbar-dark .svg-menu-icon{
	stroke: rgba(255,255,255,0.5);
}
.menu-icon-thin-bars{
	stroke-width: 1px;
}
.menu-icon-thick-bars{
	stroke-width: 5px;
}
.menu-icon-rounded-bars{
	stroke-width: 3px;
	stroke-linecap: round;
}
.menu-icon-filled{
	fill: rgba(0,0,0,0.5);
	stroke-width: 0px;
}
.navbar-dark .menu-icon-filled{
	fill: rgba(255,255,255,0.5);
}
.navbar-toggler-icon{
	background: none!important;
	pointer-events: none;
	width: 33px;
	height: 33px;
}
/* Handle Multi Level Navigation */
.dropdown-menu .dropdown-menu{
	border:none}
@media (min-width:576px){
	
.navbar-expand-sm .dropdown-menu .dropdown-menu{
	border:1px solid rgba(0,0,0,.15);
	position:absolute;
	left:100%;
	top:-7px}.navbar-expand-sm .dropdown-menu .submenu-left{
	right:100%;
	left:auto}}@media (min-width:768px){
	.navbar-expand-md .dropdown-menu .dropdown-menu{
	border:1px solid rgba(0,0,0,.15);
	border:1px solid rgba(0,0,0,.15);
	position:absolute;
	left:100%;
	top:-7px}.navbar-expand-md .dropdown-menu .submenu-left{
	right:100%;
	left:auto}}@media (min-width:992px){
	.navbar-expand-lg .dropdown-menu .dropdown-menu{
	border:1px solid rgba(0,0,0,.15);
	position:absolute;
	left:100%;
	top:-7px}.navbar-expand-lg .dropdown-menu .submenu-left{
	right:100%;
	left:auto}
}

/* = Buttons
-------------------------------------------------------------- */

.btn-d,.btn-d:hover,.btn-d:focus{
	color:#FFF;
	background:rgba(0,0,0,.3);
}

/* Prevent ugly blue glow on chrome and safari */
button{
	outline: none!important;
}


/* = Icons
-------------------------------------------------------------- */
.icon-sm{
	font-size:18px!important;
}

/*  Image Protection */
.img-protected{
	-webkit-touch-callout: none;
}
/*  Image Scale */
.img-fluid-up{
	min-width: 100%;
	height: auto;
}

.text-justify{
	text-align: justify;
}
/* = Text Widths
-------------------------------------------------------------- */
.text-w-sm{
	max-width:150px;
}


.card-sq, .card-sq .card-header, .card-sq .card-footer{
	border-radius:0;
}
.card-rd{
	border-radius:30px;
}
.card-rd .card-header{
	border-radius:29px 29px 0 0;
}
.card-rd .card-footer{
	border-radius:0 0 29px 29px;
}
/* = Masonary
-------------------------------------------------------------- */
.card-columns .card {
	margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
	.card-columns {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 1.25rem;
	-moz-column-gap: 1.25rem;
	column-gap: 1.25rem;
	orphans: 1;
	widows: 1;
}
.card-columns .card {
	display: inline-block;
	width: 100%;
}
}



.carousel-nav-icon{
	fill: none;
	stroke: #fff;
	stroke-width: 2px;
	fill-rule: evenodd;
	stroke-linecap:round;
}

.hide-indicators{
	display:none;
}

.carousel-indicators li::marker{
	font-size:0;
}


/* ScrollToTop button */

.scrollToTop{
	width:36px;
	height:36px;
	padding:5px;
	position:fixed;
	bottom:20px;
	right:20px;
	opacity:0;
	z-index:999;
	transition: all .3s ease-in-out;
	pointer-events:none;
}
.showScrollTop{
	opacity: 1;
	pointer-events:all;
}
.scroll-to-top-btn-icon{
	fill: none;
	stroke: #fff;
	stroke-width: 2px;
	fill-rule: evenodd;
	stroke-linecap:round;
}

/* Hide Object */
.object-hidden{
	display:none;
}

/* = Custom Styling
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6,p,label,.btn,a{
	font-family:"Lato";
	font-weight:300;
	color:#000000!important;
}
.container{
	max-width:1140px;
}
.h2-style{
	font-size:14px;
	font-family:"Lato";
	font-weight:300;
}
.h3-style{
	font-size:14px;
}
.h3-bloc-0-style{
	font-size:14px;
}
.h3-3-style{
	font-size:14px;
}
.h3-4-style{
	font-size:14px;
	width:76.56%;
}
.h3-5-style{
	font-size:14px;
	letter-spacing:15%;
}
.h3-6-style{
	font-size:14px;
	letter-spacing:0%;
}
.h3-discographie-style{
	font-size:14px;
}
.h3-contact-style{
	font-size:14px;
}
.link-style{
	text-decoration:none;
	color:#000000!important;
}
.link-yann-gourdon-style{
	text-decoration:none;
	font-weight:bold;
	font-family:"Lato";
}
.img-7-style{
	width:100px;
}
.img-8-style{
	width:100px;
}
.img-style{
	width:100px;
	height:100px;
}
.grid-bloc-0-style{
	grid-template-columns:1fr 1fr 1fr 1fr;
	width:70.5%;
}
.p-style{
	font-size:12px;
	color:var(--swatch-var-3315)!important;
	line-height:14px;
	font-family:"Lato";
	font-weight:300;
}
.text-span-style{
	font-style:italic;
	font-size:10px;
}
.carousel-style{
	width:100%;
}
.carousel-caption{
	z-index:10;
	position:sticky;
	right:0%;
	bottom:0%;
	padding-top:2px;
	padding-bottom:0px;
}
.h6-bloc-0-style{
	font-size:8px;
}
.h6-style{
	font-size:8px;
}
.h6-3-style{
	font-size:8px;
}
.h6-©-pedro-roque-style{
	font-size:8px;
}
.h6-5-style{
	font-size:8px;
}
.h6-6-style{
	font-size:8px;
}
.h6-2-style{
	font-size:8px;
}
.h6-1-style{
	font-size:8px;
}
.h6-4-style{
	font-size:8px;
}
.h6-8-style{
	opacity:0.7;
	font-size:8px;
}
.h6-10-style{
	font-size:8px;
}
.h6-11-style{
	font-size:8px;
}
.h6-13-style{
	font-size:8px;
}
.h6-7-style{
	font-size:8px;
}
.h6-13-bloc-0-style{
	font-size:8px;
}
.h6-16-style{
	font-size:8px;
}
.h6-19-style{
	font-size:8px;
}
.p-style-2{
	font-size:12px;
	color:var(--swatch-var-3315)!important;
	line-height:14px;
}

/* = Colour
-------------------------------------------------------------- */

/* Swatch Variables */
:root{
	
	--swatch-var-3315:#000000;
	
	--swatch-var-5455:#EAEAEA;
	
	--swatch-var-850:#EAEAEA;
	
	--swatch-var-224:rgba(255,255,255,0.90);
	
}


/* Background colour styles */

.bgc-224{
	background-color:var(--swatch-var-224);
}

/* Text colour styles */

.tc-3315{
	color:var(--swatch-var-3315)!important;
}

/* Link colour styles */

.ltc-3315{
	color:var(--swatch-var-3315)!important;
}
.ltc-3315:hover{
	color:#000000!important;
}

/* Icon colour styles */

.icon-3315{
	color:var(--swatch-var-3315)!important;
	border-color:var(--swatch-var-3315)!important;
}




/* = Bloc Padding Multi Breakpoint
-------------------------------------------------------------- */

@media (min-width: 576px) {
    .bloc-xxl-sm{padding:200px 20px;}
    .bloc-xl-sm{padding:150px 20px;}
    .bloc-lg-sm{padding:100px 20px;}
    .bloc-md-sm{padding:50px 20px;}
    .bloc-sm-sm{padding:20px;}
    .bloc-no-padding-sm{padding:0 20px;}
}
@media (min-width: 768px) {
    .bloc-xxl-md{padding:200px 20px;}
    .bloc-xl-md{padding:150px 20px;}
    .bloc-lg-md{padding:100px 20px;}
    .bloc-md-md{padding:50px 20px;}
    .bloc-sm-md{padding:20px 20px;}
    .bloc-no-padding-md{padding:0 20px;}
}
@media (min-width: 992px) {
    .bloc-xxl-lg{padding:200px 20px;}
    .bloc-xl-lg{padding:150px 20px;}
    .bloc-lg-lg{padding:100px 20px;}
    .bloc-md-lg{padding:50px 20px;}
    .bloc-sm-lg{padding:20px;}
    .bloc-no-padding-lg{padding:0 20px;}
}


/* = Mobile adjustments 
-------------------------------------------------------------- */
@media (max-width: 1024px)
{
    .bloc.full-width-bloc, .bloc-tile-2.full-width-bloc .container, .bloc-tile-3.full-width-bloc .container, .bloc-tile-4.full-width-bloc .container{
        padding-left: 0; 
        padding-right: 0;  
    }
}
@media (max-width: 991px)
{
    .container{width:100%;}
    .bloc{padding-left: constant(safe-area-inset-left);padding-right: constant(safe-area-inset-right);} /* iPhone X Notch Support*/
    .bloc-group, .bloc-group .bloc{display:block;width:100%;}
}
@media (max-width: 767px)
{
    .bloc-tile-2 .container, .bloc-tile-3 .container, .bloc-tile-4 .container{
        padding-left:0;padding-right:0;
    }
    .btn-dwn{
       display:none; 
    }
    .voffset{
        margin-top:5px;
    }
    .voffset-md{
        margin-top:20px;
    }
    .voffset-lg{
        margin-top:30px;
    }
    form{
        padding:5px;
    }
    .close-lightbox{
        display:inline-block;
    }
    .blocsapp-device-iphone5{
	   background-size: 216px 425px;
	   padding-top:60px;
	   width:216px;
	   height:425px;
    }
    .blocsapp-device-iphone5 img{
	   width: 180px;
	   height: 320px;
    }
}

@media (max-width: 991px){
	.list-style{
		width:89.43%;
	}
	.h3-6-style{
		width:100%;
	}
	.bloc-style{
		width:100%;
	}
	.carousel-style{
		width:100%;
	}
	.row-style{
		width:100%;
	}
	.carousel-caption{
		padding-top:2px;
	}
	
}

@media (max-width: 767px){
	.h2-style{
		width:26.55%;
	}
	.sidebar{
		position:fixed;
		z-index:123456;
		display:block;
		top:0px;
		right:0px;
		bottom:0px;
	}
	.list-style{
		width:89.44%;
	}
	.carousel-style{
		width:100%;
		position:sticky;
	}
	.row-style{
		width:100%;
	}
	.menu{
		background-blend-mode:normal;
		background-color:#FEFFFF;
		background:linear-gradient(0deg, #000000 0%, #FFFFFF 100%);
	}
	menu{
		background:linear-gradient(0deg, rgba(0,0,0,0.17) 0%, #FFFFFF 100%);
	}
	.row-sidebar-style{
		width:100%;
	}
	.h3-6-style{
		width:35.98%;
	}
	.h3-5-style{
		width:35.98%;
	}
	.h3-4-style{
		width:35.42%;
	}
	.h3-3-style{
		width:33.76%;
	}
	.h3-bloc-0-style{
		width:20.21%;
	}
	.h3-discographie-style{
		width:35.98%;
	}
	.h3-contact-style{
		width:22.77%;
	}
	.h3-style{
		width:27.68%;
	}
	.p-style{
		font-size:11px;
	}
	.h6-2-style{
		font-size:8px;
	}
	.p-style-2{
		font-size:11px;
	}
	h1,h2,h3,h4,h5,h6,p,label,.btn,a{
		font-family:"Lato";
		font-weight:300;
	}
	
}

@media (max-width: 575px){
	.h2-style{
		width:58.57%;
		font-size:12px;
	}
	.sidebar{
	}
	.h3-style{
		font-size:12px;
	}
	.h3-bloc-0-style{
		font-size:12px;
	}
	.h3-3-style{
		font-size:12px;
	}
	.h3-4-style{
		font-size:12px;
	}
	.h3-5-style{
		font-size:12px;
	}
	.h3-6-style{
		font-size:12px;
	}
	.h3-discographie-style{
		font-size:12px;
	}
	.h3-contact-style{
		font-size:12px;
	}
	.link-yann-gourdon-style{
		text-decoration:none;
		font-weight:bold;
	}
	.p-style{
		font-size:10px;
		width:100%;
	}
	.img-style{
		width:90px;
		height:90px;
	}
	.h6-bloc-0-style{
		font-size:6px;
	}
	.h6-1-style{
		font-size:6px;
	}
	.h6-2-style{
		font-size:6px;
	}
	.h6-4-style{
		font-size:6px;
	}
	.h6-style{
		font-size:6px;
	}
	.h6-3-style{
		font-size:6px;
	}
	.h6-©-pedro-roque-style{
		font-size:6px;
	}
	.h6-8-style{
		font-size:6px;
	}
	.h6-5-style{
		font-size:6px;
	}
	.h6-10-style{
		font-size:6px;
	}
	.h6-6-style{
		font-size:6px;
	}
	.h6-13-style{
		font-size:6px;
	}
	.h6-19-style{
		font-size:6px;
	}
	.p-style-2{
		font-size:8px;
		width:100%;
		overflow:scroll;
	}
	h1,h2,h3,h4,h5,h6,p,label,.btn,a{
		font-family:"Lato";
		font-weight:300;
	}
	.close{
		font-size:12px;
		text-align:left;
		color:#000000!important;
	}
	
}