/*!
Theme Name: Métamorphoses Productions
Theme URI: http://underscores.me/
Author: Nicolas Hrycenko
Author URI: https://www.nikodev.com
Description: Thème WordPress sur la base du thème HTML RYTHMN
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: metamorphoses

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Métamorphoses Productions is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* Custom styles */

/* Main menu */
/*.inner-nav.desktop-nav {float: none; text-align: center; display: block;}
.inner-nav.desktop-nav ul {display: inline-block; float: none;}
.nav-logo-wrap {z-index: 100; position: relative;}*/

/* Home */
.home-section.parallax-1 {color: #fff;}
.diaporama .home-text div {background: #000; display: inline-block;}

/* Evenements */
.page-section.little { padding: 70px 0 50px; }

/* Single Evenement */
.single-evenement .alt-features-descr h2 {font-family: Dosis, arial, sans-serif; margin-top: 0; text-transform: uppercase; font-size: 19px; }

.single-evenement .main-nav {opacity: 0; transition-duration: 500ms; transition-property: opacity;} 
.single-evenement .main-nav.small-height {opacity: 1; } 

.single-evenement .main-nav + section h1, 
.single-evenement .main-nav + section h2 {opacity: 0!important; transition-duration: 500ms; transition-property: opacity; background: #000; color: #fff; display: inline-block;} 
.single-evenement .main-nav.small-height + section h1, 
.single-evenement .main-nav.small-height + section h2 {opacity: 1!important; } 

.work-navigation a {width: 25%;}
.work-navigation a.work-all {width: 50%;}

.calendrier h2 {color: #777; border-bottom: 1px solid #777;}
.calendrier .event {font-size: 14px; clear: both;}
.calendrier .event .date {float: left; width: 100px; }
.calendrier .event .infos {float: left; color: #111; max-width: 380px;}
.calendrier .event.sans-lien .infos {max-width: 440px;}
.calendrier .event .link {float: right; text-align: right;}
.calendrier .event .link a {color: #5F5F5F;}

@media (min-width:992px) and (max-width:1199px) {
.calendrier .event .infos {max-width: 280px;}
.calendrier .event.sans-lien .infos {max-width: 340px;}  
}
@media (min-width:768px) and (max-width:991px) {
.calendrier .event .infos {max-width: 600px;}
.calendrier .event.sans-lien .infos {max-width: 500px;}  
}
@media (max-width:767px) {
.calendrier .event .date { width: 20%; min-width: 90px; }
.calendrier .event .link {width: 20%; min-width: 70px;  }
.calendrier .event .infos {max-width: 50%;}
.calendrier .event.sans-lien .infos {max-width: 70%;}  
}

/* Calendrier */
.artist {clear: both;}
.artist h2 {margin-bottom: 10px;}

/* Contact */
.frm_error_style, .frm_message {font-size: 12px; margin-bottom: 40px;}
.frm_error {font-size: 12px;}
.contact-item .ci-icon {color: #000; margin-top: -10px;}
.contact-item .ci-icon i {font-size: 30px; }
.contact-item .ci-icon:before {background: none; transform: none;}

/* Page libre */
.page-template-default .paragraphes h2 {font-family: Dosis, arial, sans-serif; margin-top: 0; text-transform: uppercase; font-size: 19px; }