/*
 Theme Name:   Expression Live Event
 Theme URI:    https://generatepress.com
 Description:  Thème de webconférences évènementielles basé sur GeneratePress
 Author:       Expression Groupe
 Author URI:   https://www.expression-groupe.fr
 Template:     generatepress
 Version:      1.0
*/                                             
body { overflow-x:hidden; }
/* Text custom ----------------------------------- */
.txt-fontserif { font-family:'Merriweather', serif; }
.txt-fontsans { font-family:'Montserrat', sans-serif; }
.txt-fontitle { font-family:'Montserrat', sans-serif; }
.txt-white { color:#fff; }
.txt-black { color:#000; }
.txt-grey { color:#646464; }
.txt-first { color:#ff7000; } /* orange */
.txt-second { color:#00c900; } /* green */
.txt-third { color:#01bb01; } /* green 2 */
.txt-fourth { color:#e30a13; }  /* orange 2 */
.txt-fifth { color:#090905; } /* black 2 */
/* Text base ------------------------------------- */
.txt-center { text-align:center; }
.txt-left { text-align:left; }
.txt-right { text-align:right; }
.txt-justify { text-align:justify; }
.txt-normal { font-size:100%; line-height:normal; } 
.txt-small { font-size:85%; line-height:normal; }
.txt-big { font-size:120%; line-height:normal; }
.txt-bold { font-weight:bold; }
.txt-italic { font-style:italic; }    
.txt-size70 { font-size:70%; }     
.txt-size75 { font-size:75%; }     
.txt-size80 { font-size:80%; }     
.txt-size85 { font-size:85%; }     
.txt-size90 { font-size:90%; }     
.txt-size95 { font-size:95%; }
.txt-size100 { font-size:100%; }
.txt-size110 { font-size:110%; }
.txt-size120 { font-size:120%; }
.txt-size130 { font-size:130%; }
.txt-size140 { font-size:140%; }
.txt-size150 { font-size:150%; }
.on-middle { float:none; margin-left:auto; margin-right:auto; width:auto; text-align:center; }
.on-left { float:left; margin-left:auto; margin-right:5%; }
.on-right { float:right; margin-left:5%; margin-right:auto; }
ol, ul { margin: 0 0 1.2em 1.2em; }
p + .on-middle { margin-top:-0.5em; }
/* Wordpress custom ------------------------------ */
.entry-content p + h1, .entry-content ul + h1, .entry-content ol + h1, .entry-content p + h2, .entry-content ul + h2, .entry-content ol + h2 { margin-top:1.5em; }
.entry-content p + h3, .entry-content ul + h3, .entry-content ol + h3, .entry-content p + h4, .entry-content ul + h4, .entry-content ol + h4 { margin-top:1em; }
.entry-content > .wp-block-group.alignwide, .entry-content > .wp-block-group.alignfull { margin-bottom:0; }
.nav-more a:before { content:"\f105 \f105"; display:inline-block; padding-right:5px; font-family:GeneratePress; font-size:90%; }
button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.button:visited, 
a.wp-block-button__link:not(.has-background) { position:relative; top:0; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; -webkit-transition:all 200ms ease; -moz-transition:all 200ms ease; transition:all 200ms ease; }
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, a.button:hover, a.button:active, 
a.wp-block-button__link:not(.has-background):hover { top:-2px; -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, .25); -moz-box-shadow:0px 1px 3px rgba(0, 0, 0, .25); box-shadow:0px 1px 3px rgba(0, 0, 0, .25); }
.button, .wp-block-button .wp-block-button__link { padding:8px 30px; min-width:200px; text-align:center; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { padding:8px 30px; }
/* GeneratePress custom -------------------------- */
#page { min-height:300px; }
.page-content:not(:first-child), .entry-content:not(:first-child) { margin-top:1em; }
.wp-block-separator { margin:1.5em 5em; border-top:none; border-bottom:none; }
/* Forms custom ---------------------------------- */
.form-container .msg-error, .form-container .msg-notice, .form-container .msg-succes { padding:0.5em 1em; background:#666; color:#fff; }
.form-container .msg-notice { background:#baeff1; }
.form-container .msg-succes { background:#59a90a; }
.form-container .msg-error { background:#e84d0e; color:#fff; }
.form-container .field-text label { display:inline-block; padding-right:20px; width:280px; font-size:18px; font-weight:500; text-align:right; }
.form-container .field-text input { display:inline-block; width:350px; width:calc(100% - 300px); -moz-width:calc(100% - 300px); -webkit-width:calc(100% - 300px); max-width:650px; padding:12px; font-size:20px; }
.form-container .field-checkbox { margin-top:1.5em; margin-bottom:1em; }
.form-container .field-checkbox label { display:inline-block; padding-right:15px; width:320px; vertical-align:top; text-align:right; }
.form-container .field-checkbox span { display:inline-block; width:400px; width:calc(100% - 335px); -moz-width:calc(100% - 335px); -webkit-width:calc(100% - 335px); max-width:550px; font-size:16px; font-style:italic; font-weight:400; }
.form-container .field-checkbox span a { }
.form-container .field-radio { list-style:none; margin-left:310px; }
.form-container .field-radio li { display:inline-block; margin-right:50px; }
.form-container .field-radio label { display:inline-block; padding-right:5px; vertical-align:top; }
.form-container .field-radio span { display:inline-block; font-size:18px; font-weight:500; }
.form-container .field-required { margin-left:310px; font-size:14px; }
.form-container .field-submit { margin-top:2em; margin-bottom:1.5em; text-align:center; }
/* Yoast Wordpress SEO --------------------------- */
/* Kadence Blocks custom ------------------------- */
/* GDPR Cookie Consent custom -------------------- */
/* Header ---------------------------------------- */
.page-hero-content { padding:30px; background:#090905 url('./assets/img/bg_hero.png') right bottom no-repeat; }
.page-hero-content .hero-logo { margin:0; padding:0; width:120px; }
.page-hero-content .hero-title { margin:0 0 10px 0; padding:0; line-height:1.1em; font-size:64px; font-weight:700; text-transform:none; }
.page-hero-content .hero-title a { color:#fff; }
.page-hero-content .hero-text { margin:30px 0; padding:0; max-width:450px; font-size:20px; font-weight:500;  }
.page-hero-content .hero-text p { margin:0; padding:0; line-height:1.2em; }
.page-hero-content .hero-date { margin:0 0 5px 0; padding:0; font-size:30px; font-weight:700; }
.page-hero-content .hero-date span { display:inline-block; padding:0 10px; }
.page-hero-content .hero-date .hightlight-white { background:#fff; color:#01bb01; }
.page-hero-content .hero-date .hightlight-green { background:#01bb01; color:#fff; }
.page-hero-content .hero-action .button { margin:0 20px 20px 0; border:2px solid #ff7000; }
.page-hero-content .hero-action .btn-empty { background:none; }
/* Navigation ------------------------------------ */
/* Footer ---------------------------------------- */
.footer-bar .widget_nav_menu { margin-bottom:10px; }
.footer-bar .widget_nav_menu li { margin:0 5px; }
.footer-bar .widget_nav_menu li a { padding-right:10px; border-right:1px solid #ff7000; }
.footer-bar .widget_nav_menu li:last-child a { padding-right:0; border-right:none; }
/* Sidebar --------------------------------------- */
/* Primary content ------------------------------- */
.entry-header .entry-title { margin-bottom:20px; text-align:center; }
/* Archives -------------------------------------- */
/* Post ------------------------------------------ */
.live-container { position:relative; overflow:hidden; margin-left:auto; margin-right:auto; /*padding-top:56.25%;*/ width:100%; max-width:640px; }
.live-container > iframe, .live-container > div { position:absolute; top:0; left:0; width:100%; height:100%; border:0; }
/* Responsive design ----------------------------- */
@media only screen and (min-width:1200px) {
}
@media only screen and (max-width:1199px) {
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:896px) {
  .form-container .field-text label { display:block; padding-right:0; width:100%; text-align:left; }
  .form-container .field-text input { display:block; width:100%; }
  .form-container .field-checkbox label { width:15px; text-align:left; }
  .form-container .field-checkbox span { display:inline-block; width:90%; }
  .form-container .field-radio, .form-container .field-required { margin-left:0; }
}
@media only screen and (max-width:768px) {
  /*.live-container { padding-top:0; height:360px; }*/
}
@media only screen and (max-width:540px) {
  .page-hero-content .hero-logo { width:100px; }
  .page-hero-content .hero-title { font-size:40px; }
  .page-hero-content .hero-date { font-size:25px; }
  .footer-bar .widget_nav_menu li a { padding-right:0; border-right:none; }
}
/*EOF*/