/*
Theme Name: laNAV
Author: jean-philippe Garcia
Author URI: http://www.jpg-design.com/
*/
body {
	font-family: 'Roboto', sans-serif;
}
img {
	width: 100%;
	height: auto;
}
figcaption {
	text-align: center;
}
/* override bootstrap jp */
.container-fluid {
	padding-left: 0;
	padding-right: 0;
}
/* container size */
/* post */
.container_max {
	max-width: 650px;
}

/*--------------------------------------------------------------
# colors
--------------------------------------------------------------*/
/* .custom-element {
	color: $gray-100;
	background-color: $dark;
} */

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
blockquote {
	padding: 1em;
	background-color: #FFECD6;
	border-left: 1px solid #111;
	border-right: 1px solid #111;
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
	margin-bottom: 1em;
	padding: 0 2em;
}

/* Hero */
.hero__image .carousel-caption {
	top: 35%;
}

.carousel-caption {
	position: absolute;
}

/* HERO lanav v1 jp */
.hero_image {
	height: 50%;
	background-position-y: 30%;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	border-bottom: 1px solid #111;
}

.hero_text {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.hero_content {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	width: 100%;
	position: absolute;
	bottom: 32px;
}

.hero_btn {
	color: #fff;
	font-size: 1.2rem;
	font-variant: small-caps;
	text-decoration: none;
	border: 1px solid #fff;
	background-color: rgba(0, 0, 0, 0.6);
	padding: 10px 16px 12px 16px;
	
}

.hero_btn:hover {
	color: #74e3ff;
	border: 1px solid #74e3ff;
	background-color: rgba(0, 0, 0, 0.9);
}


/* Navigation
--------------------------------------------- */
nav {
	border-bottom: 2px solid #000;
}

.logo {
	height: 60px;
	width: auto;
}

/* Small menu. */
.menu-toggle {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}
}

/* Links
--------------------------------------------- */
nav a {
	color:#111;
	text-decoration: none;
}

a {
	color: #3C68A5;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #00568f;
	transition: all .8s ease-out;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* LINKS */
.link_white {
	color: #fff;
	text-decoration: none;
	word-break: break-word;
}

.link_white:hover {
	color: #74e3ff;
}

/* Page prestations */
.prestations_col {
	border: 2px solid#111;
	padding: 1.5rem 2rem;
	margin-bottom: 2rem;
}

.prestations_col ul {
  list-style:none;
  padding-left: 1rem;
}

.prestations_col li {
	font-size: 1.2rem;
	line-height: 2.6rem;
}

.prestations_col li::before {
		content: '';
		display: inline-block;
		height: .4rem;
		width: .4rem;
		background-image: url(https://lanacelleartvivant.com/navimg/lanav_list_square_min.svg);
		background-size: contain;
		background-repeat: no-repeat;
		margin-right: 0.5rem;
}
/* btn A propos */
.btn-label {
	position: relative;
	left: -12px;
	display: inline-block;
	padding: 6px 12px;
	background: rgba(0, 0, 0, 0.15);
	border-radius: 3px 0 0 3px;
}

.btn-labeled {
	padding-top: 0;
	padding-bottom: 0;
}

/**
/* Page artistes */

.artistes_col a::before {
	content: url(../../../navimg/galerie.svg);
	margin-right: .5rem;
	vertical-align: middle;
}
/*
.artistes_col a::before:hover {
	content: url(../../../navimg/galerie-hover.svg);
	filter: invert(100%);
}
*/
/* override WP block button */
.wp-block-button__link {
	padding: .3rem .6rem;

}

.wp-block-button__link:hover {
	color: #74e3ff;
}
/*
.sep {
	border-bottom: 1px solid#111;
}
*/
/* footer */

footer {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 2rem;
	background-color: #111;
	color: #999;
}
/**
* fonts
*/
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: 'Arima Madurai', cursive;
	text-align: center;
}

h1 {
	font-size: calc(1rem + 2vw);
	line-height: calc(1.2rem + 2vw);
	margin-bottom: 1.4rem;
	margin-top: 1.4rem;
}

h2 {
	font-weight: 300;
	font-size: calc(1rem + 1.5vw);
	margin: 1.4rem 0;
}

.shadowh1 {
	background-color: #fff;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	text-shadow: rgba(0, 0, 0, 0.8) 2px 3px 6px;
}

.font_title {
	font-family: 'Arima Madurai', cursive;
	font-weight: 800;
}

.font_baseline {
	font-family: 'Alegreya Sans', sans-serif;
}

.font_regular {
	font-weight: 100;
}

.txt_white {
	color: #fff;
}
.txt_center {
	text-align: center;
}

/* font sizes */
.txt_12 {
	font-size: 1.2rem;
}

.txt_15 {
	font-size: 1.5rem;
}

.txt_24 {
	font-size: 2.4rem;
}
/* elements */

/*** CUSTOMISER LES BOUTONS DE PARTAGES ***/
.msb-link {
	padding: 5px 15px 5px 15px !important;
	color: #fff;
	font-size: 12px;
	border-radius: 2px;
	margin-right: 2px;
	cursor: pointer;
	box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .2);
	-moz-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .2);
	-webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .2);
	margin-top: 2px;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase
}

.msb-link:hover,
.msb-link:active {
	background: #ff942a;
	transition: all 0.3s ease-in;
	color: #fff;
}

.msb-twitter {
	background: #00aced;
}

.msb-facebook {
	background: #3B5997;
}

.msb-googleplus {
	background: #D64937;
}

.msb-pinterest {
	background: #bd081c;
}

.msb-linkedin {
	background: #0074A1;
}

.msb-email {
	background: #878787;
}

.partage-reseaux-sociaux {
	margin: 20px 0px 25px 0px;
	font-size: 12px;
	text-align: center;
}

/*** media queries ***/

@media only screen and (max-width: 680px) {

	h1 {
		font-size: calc(.6rem + 2vw);
		line-height: calc(.6rem + 2vw);
		margin-bottom: 1.4rem;
		margin-top: 1rem;
	}

	h2 {
		font-size: calc(.6rem + 1.5vw);
		margin: 1.4rem 0;
	}


}

/* Widget footer */

.widget_custom_html {
	list-style: none;
}