/* @override https://benjamin-caillaud.com/wp-content/themes/helmet-music/style.css?* */

/*
Theme Name: Helmet Music
Description: Thème du site Helmet Music
Version: 1.0
Author: Maximilien Gorelkine
Author URI: https://gorelkine.com
Template: enfold
*/

@font-face {
    font-family:"Gabriel-Sans-Cond";
    src:url("fonts/Gabriel-Sans-Cond-Normal.woff2") format("woff2"),url("Gfonts/abriel-Sans-Cond-Normal.woff") format("woff"),url("fonts/Gabriel-Sans-Cond-Normal.otf") format("opentype");
    font-style:normal;
    font-weight:400;
}
       
@font-face {
    font-family:"Gabriel-Sans-Cond";
    src:url("fonts/Gabriel-Sans-Cond-Normal-Italic.woff2") format("woff2"),url("fonts/Gabriel-Sans-Cond-Normal-Italic.woff") format("woff"),url("fonts/Gabriel-Sans-Cond-Normal-Italic.otf") format("opentype");
    font-style:italic;
    font-weight:400;
}


@font-face {
    font-family:"Gabriel-Sans-Cond";
    src:url("fonts/Gabriel-Sans-Cond-Bold-Italic.woff2") format("woff2"),url("fonts/Gabriel-Sans-Cond-Bold-Italic.woff") format("woff"),url("fonts/Gabriel-Sans-Cond-Bold-Italic.otf") format("opentype");
    font-style:italic;
    font-weight:bold;
}
@font-face {
    font-family:"Gabriel-Sans-Cond";
    src:url("fonts/Gabriel-Sans-Cond-Bold.woff2") format("woff2"),url("fonts/Gabriel-Sans-Cond-Bold.woff") format("woff"),url("fonts/Gabriel-Sans-Cond-Bold.otf") format("opentype");
    font-style:normal;
    font-weight:bold;
}
    
@font-face {
    font-family:"Gabriel-Sans";
    src:url("fonts/Gabriel-Sans-Normal.woff2") format("woff2"),url("fonts/Gabriel-Sans-Normal.woff") format("woff"),url("fonts/Gabriel-Sans-Normal.otf") format("opentype");
    font-style:normal;
    font-weight:normal;
}
@font-face {
    font-family:"Gabriel-Sans";
    src:url("fonts/Gabriel-Sans-Normal-Italic.woff2") format("woff2"),url("fonts/Gabriel-Sans-Normal-Italic.woff") format("woff"),url("fonts/Gabriel-Sans-Normal-Italic.otf") format("opentype");
    font-style:italic;
    font-weight:normal;
}

@font-face {
    font-family:"Gabriel-Sans";
    src:url("fonts/Gabriel-Sans-Bold.woff2") format("woff2"),url("fonts/Gabriel-Sans-Bold.woff") format("woff"),url("fonts/Gabriel-Sans-Bold.otf") format("opentype");
    font-style:normal;
    font-weight:bold;
}
@font-face {
    font-family:"Gabriel-Sans";
    src:url("fonts/Gabriel-Sans-Bold-Italic.woff2") format("woff2"),url("fonts/Gabriel-Sans-Bold-Italic.woff") format("woff"),url("fonts/Gabriel-Sans-Bold-Italic.otf") format("opentype");
    font-style:italic;
    font-weight:bold;
}

html {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
:focus {
    outline: none !important;
}


.HM-logo-animated {
	max-width: 600px;
	margin: auto;
}
a.scroll-down-link.av-custom-scroll-down-color {
	font-size: 24px!important;
}


/*Add your own styles here:*/

body, .avia_textblock {
	font-family:"Gabriel-Sans-Cond"!important;
}
H1, h2 {
	font-family:"Gabriel-Sans";
	color: #028183!important;
}
H3, h42 {
	font-family:"Gabriel-Sans";
}

.logo img {
	width: 300px!important;
	height: 140px;
}
.avia_textblock p:first-of-type {
	margin-top: 0;
}
.avia_textblock p strong {
	color: inherit;
	font-family:"Gabriel-Sans";
}
.form_element input.button {
	border-radius: 0px;
	font-family:"Gabriel-Sans";
	border: none;
}
.form_element input.button:hover {
	background: #000;
}

div#header_main_alternate.container_wrap div.container {
	background: #028183 !important;
}

.header-scrolled .logo a img {
    visibility: hidden;
}
.header-scrolled .logo a {
    background: url("images/logo-helmet-mini.svg") no-repeat center center;
	background-size: 60px;
}

.av-masonry {
	padding: 50px!important;
	padding-right: 25px!important;
	background: #01999c!important;
}
/*.av-masonry-container .av-masonry-entry {
	transition: opacity 0.3s ease-in-out 0s;
}
.av-masonry-container:hover .av-masonry-entry {
	opacity: 0.5;
	transition: opacity 0.3s ease-in-out 0s;
}*/

.av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry{ position: relative; margin-right:25px; margin-bottom:25px; padding: 5px; background: #fff!important;  overflow: visible!important;
}

figcaption.av-inner-masonry-content.site-background div.av-inner-masonry-content-pos{
	z-index: 99999!important;
	
}
.av-large-gap.av-flex-size .av-masonry-entry:hover {
	z-index: 99!important;
	opacity: 1;
	transition: opacity 0.3s ease-in-out 0s;
}


.av-large-gap.av-flex-size .av-masonry-entry {width:16.666%!important;}
.av-large-gap.av-flex-size .av-masonry-entry:nth-child(4n) {width:33.333%!important;}

.av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry img {
	width: 100%;
}

figcaption.av-inner-masonry-content.site-background {
	 background-color: rgba(255, 255, 255, 0.9) !important;
     /*margin-left: 100%!important;
	 overflow: visible!important;
	 width: 100%!important;
	 margin-top: 2px!important;
	 margin-bottom: 2px!important;*/
	 margin: 2px!important;
}

h3.av-masonry-entry-title.entry-title {
	color: #02797a!important;
	text-transform: uppercase;
	line-height: 30px;
	margin-bottom: 10px;
}
.av-masonry-entry-content.entry-content {
	color: #000!important;
	line-height: 22px;
	display: block!important;
}

.main_menu a{
	color: #fff!important;
	opacity: 0.8;
}
.main_menu a:hover, .menu-item.current-menu-item a {
	color: #fff!important;
	opacity: 1!important;
}
.main_menu a img._mi._svg {
	position: relative;
	top: -1px;
}

/*  BURGER MENU FLYOUT */


.av-burger-overlay a{
	font-size: 24px!important;
	background: none!important;
	color:  #000!important;
	line-height: 50px!important;
	padding: 0px 40px!important;
	font-family:"Gabriel-Sans-Cond";
}
.av-burger-overlay a:hover{
	color: #02797a!important;
}

.av-burger-overlay a img._mi._svg {
	content: url("images/logo-imdb.svg");
}

/* -------- WPML -------- */

.avia_wpml_language_switch li span{
display:inline-block;
}

.avia_wpml_language_switch li span.language_translated, .avia_wpml_language_switch li span.language_code {
	display: none;
}

.avia_wpml_language_switch li .language_flag img{
display: none;
}
.copyright {
	text-align: center;
	width: 100%;
	font-size: 14px;
}

/* FORMS */

form .text_input::-webkit-input-placeholder, form .text_area::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #999999;
}
form .text_input::-moz-placeholder, form .text_area::-moz-placeholder { /* WebKit, Blink, Edge */
	color: #999999;
}
form .text_input:-ms-input-placeholder, form .text_area:-ms-input-placeholder { /* WebKit, Blink, Edge */
	color: #999999;
}
form .text_input:placeholder-shown, form .text_area:placeholder-shown { /* WebKit, Blink, Edge */
	color: #999999;
}

form .text_input, form .text_area {
	background: none!important;
	padding-left: 0!important;
	padding-right: 0!important;
	box-shadow: none!important;
	border-radius: 0px!important;
	border: none!important;
	border-bottom: 2px solid #01999c!important;
	font-family:"Gabriel-Sans-Cond"!important;
	color: #000!important;
}

#top #wrap_all .valid .text_input, #top #wrap_all .valid .text_area, #top #wrap_all .valid .select {
	border-bottom: 2px solid #9AA600!important;
}
#top #wrap_all .error .text_input, #top #wrap_all .error .text_area, #top #wrap_all .error .select {
	border-bottom: 2px solid #DF653E!important;
}
#top #wrap_all .ajax_alert .text_input, #top #wrap_all .ajax_alert .text_area, #top #wrap_all .ajax_alert .select {
	border-bottom: 2px solid #ffb628!important;
}

/* SCROLL TOP */

#scroll-top-link {
	border-radius: 0px;
	border: 1px solid #018182!important;
	background: #018182!important;
	opacity: 1!important;
	color: #fff;
	font-size: 20px;
	line-height: 47px;
	right: 0px;
	bottom: 0px;
}
#scroll-top-link:hover {
	background: #000 !important;
	opacity: 1!important;
	color: #fff!important;
	border:1px solid #000!important;
}

/* BLOG */

#top .av-share-box ul{
	border: none;
	border-radius: 0px;
	display: block;
	margin: auto;
	width: 300px;
}
.av-share-box {
	margin-top: 40px;
	margin-bottom: 20px!important;
}

.blog-tags.minor-meta {
	text-align: center!important;
}

.post-meta-infos a, .post-meta-infos time, .post-meta-infos span  {
	color: #111!important;
}

.av-instagram-item {
	padding: 4px!important;
	background: #fff!important;
	border: 3px solid #f8f8f8!important;
}

.av-share-box ul li{
	padding: 0 10px;
	border: none;
	width: 40px;
}
.av-share-box ul li a{
	padding: 0px;
	height: 40px;
	width: 40px!important;
	line-height: 40px;
	width: 100%;
}
.av-share-box ul li:hover a {
	background: #c3262e!important;
	background-size: contain;
	transition: all 0s ease-in-out 0s;
}

div#wrap_all a.avia-post-nav {
	background: #111;
	color: #fff;
	border-radius: 0px;
} 
div#wrap_all a.avia-post-nav:hover {
	background: #c3262e;
	color: #fff;
	transition: none!important;
} 

.avia-related-tooltip{
border-radius: 0px!important;
box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0);
border: 1px solid #111!important;
background: #111 !important;
color: #fff!important;
font-size: 14px;
line-height: 20px;
} 
.avia-related-tooltip .avia-arrow-wrap{
	border: 1px solid #111!important;
}
.avia-related-tooltip .avia-arrow-wrap .avia-arrow{
background: #111;
border: 1px solid #111!important;
border-top: none!important;
border-left: none!important;
top: -4px;
}
.related_posts img, .related_posts a {
	border-radius: 0px;
}

.related_posts_default_image {
	border-color: #f8f8f8 !important;
}

.related-format-icon:hover {
	background: #c3262e;
	opacity: 0.9;
}

.related-format-icon .related-format-icon-inner:before {
	content: "\E80a"!important;
	font-family: 'line-icons'!important;
	font-size: 40px!important;
	color: #c3262e;
	opacity: 1!important;
	font-size: 30px;
}

.related-format-icon:hover .related-format-icon-inner:before {
	color: #fff;
}

div#av_gmap_0.avia-google-map-container.avia-google-map-sc.av-no-fallback-img.av_gmaps_map_attached div div.gm-style div div div div div div.gm-style-iw-a div.gm-style-iw-t div.gm-style-iw.gm-style-iw-c div.gm-style-iw-d div p b {
	color: #028183!important;
	font: normal normal 20px "Gabriel-Sans"!important;
}


/* BULLETS */

.av_textblock_section ul li {
list-style: none;	
}

.av_textblock_section ul li {
padding-left: 8px; 	
}

.av_textblock_section ul li:before {
content: '\e8bd';
font-family: 'entypo-fontello';
font-size: 23px;
font-weight: normal;
position: absolute;
left: 6px;
color: #c3262e;
}

/* HAMBURGER */


/*.av-hamburger-box {
width: 40px;
height: 26px;
display: inline-block;
position: relative;
top: 0px;
}*/

.av-hamburger-inner, .av-hamburger-inner::before, .av-hamburger-inner::after {
height: 2px;
background-color: #000;
border-radius: 3px;
position: absolute;
transition: transform 0.15s ease; 
}

/*
 * Spin
 */
 
.av-hamburger--spin .av-hamburger-inner {
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}

.av-hamburger--spin .av-hamburger-inner::before {
transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in, background-color 0.15s ease; 
}

.av-hamburger--spin .av-hamburger-inner::after {
transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) , background-color 0.15s ease;
}

.av-hamburger--spin.is-active .av-hamburger-inner {
transform: rotate(45deg);
transition-delay: 0.14s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 
}

.av-hamburger--spin.is-active .av-hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out, background-color 0.15s ease; 
}

.av-hamburger--spin.is-active .av-hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.15s ease;
}


/*
* Spin Reverse
*/
.av-hamburger--spin-r .av-hamburger-inner {
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.av-hamburger--spin-r .av-hamburger-inner::before {
transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; }
.av-hamburger--spin-r .av-hamburger-inner::after {
transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.av-hamburger--spin-r.is-active .av-hamburger-inner {
-webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
transition-delay: 0.14s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.av-hamburger--spin-r.is-active .av-hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; }
.av-hamburger--spin-r.is-active .av-hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }

/* ------------ pop up animation -------------- */

			@-webkit-keyframes avia_msonry_show {
			  0%   { -webkit-transform:translateZ(0px) translateY(200px) rotateX(0deg); opacity: 0.1;  }
			  100% { -webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
			}
			@keyframes avia_msonry_show {
			  0%   { transform:translateZ(0px) translateY(200px) rotateX(0deg); opacity: 0.1;  }
			  100% { transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1;  }
			}


.avia_transform .avia_start_delayed_animation.left-to-right {
-webkit-animation: avia-ltr 0.8s 1; /* Safari 4+ */
animation:         avia-ltr 0.8s 1; /* IE 10+ */
opacity: 1;
}
.avia_transform .avia_start_delayed_animation.right-to-left {
-webkit-animation: avia-rtl 0.8s 1; /* Safari 4+ */
animation:         avia-rtl 0.8s 1; /* IE 10+ */
opacity: 1;
}
.avia_transform .avia_start_delayed_animation.top-to-bottom {
-webkit-animation: avia-ttb 0.8s 1; /* Safari 4+ */
animation:         avia-ttb 0.8s 1; /* IE 10+ */
opacity: 1;
}
.avia_transform .avia_start_delayed_animation.bottom-to-top {
-webkit-animation: avia-btt 0.8s 1; /* Safari 4+ */
animation:         avia-btt 0.8s 1; /* IE 10+ */
opacity: 1;
}




/* --------- MEDIA QUERIES ------------ */

@media only screen and (max-device-width: 1024px) {
	#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
	    position: absolute!important;
	    top: auto!important;
	    left: 0!important;
	    right: 0!important;
	    display: block;
	    height: auto;
	    width: auto;
	    opacity: 1;
	}
	h3.av-masonry-entry-title.entry-title {
		font-size: 20px!important;
		line-height: 24px!important;
		margin-bottom: 0px!important;
	}
	.av-masonry-entry-content.entry-content {
		font-size: 16px;
		line-height: 20px;
	}
}

@media only screen and (max-width: 1400px) {
.av-large-gap.av-flex-size .av-masonry-entry {width:33%!important;}
.av-large-gap.av-flex-size .av-masonry-entry:nth-child(4n) {width:66%!important;}
}

@media only screen and (min-width: 991px) {

}

@media only screen and (max-width: 990px) {
.av-large-gap.av-flex-size .av-masonry-entry {width:50%!important;}
.av-large-gap.av-flex-size .av-masonry-entry:nth-child(4n) {width:100%!important;}
}

@media only screen and (min-width: 768px) {

}

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


div#header_main.container_wrap.container_wrap_logo div.container.av-logo-container div.inner-container span.logo {
	width: 100%!important;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
div#header_main.container_wrap.container_wrap_logo div.container.av-logo-container div.inner-container span.logo a img {
	margin: auto;
}
.home div#header_main.container_wrap.container_wrap_logo div.container.av-logo-container div.inner-container span.logo a img {
	display: none;
}
.home #header {
	position: absolute!important;
}
}

@media only screen and (max-width: 580px) {
.av-masonry {
	padding: 30px!important;
	background: #01999c!important;
}
.av-large-gap.av-flex-size .av-masonry-entry {width:100%!important;}
.av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry{ margin-right:0px; margin-bottom:30px;
}

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

h3.av-masonry-entry-title.entry-title {
	font-size: 20px!important;
	line-height: 24px!important;
}
}