/*
 Theme Name:   Webconférences Expression
 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
*/

.txt-white { color:#fff; }
.txt-black { color:#3a3a3a; }
.txt-grey { color:#5c5c5c; }
.txt-greylight { color:#dadada; }
.txt-greydark { color:#6f6c6d; }
.txt-blue { color:#11236F; }
.txt-bluelight { color:#008FB1; }
.txt-bluedark { color:#001553; }
.txt-red { color:#D92C50; }
.txt-orange { color:#dc4939; }
.txt-center { text-align:center; }
.txt-left { text-align:left; }
.txt-right { text-align:right; }
.txt-normal { font-size:100%; line-height:normal; }
.txt-small { font-size:80%; line-height:normal; }
.txt-big { font-size:120%; line-height:normal; }

.hgt-white, .hgt-black, .hgt-grey, .hgt-blue, .hgt-bluelight, .hgt-red { display:inline-block; padding:5px 10px; background:none; }
.hgt-white { background:#fff; }
.hgt-black { background:#3a3a3a; }
.hgt-grey { background:#5c5c5c; }
.hgt-blue { background:#11236F; }
.hgt-bluelight { background:#008FB1; }
.hgt-red { background:#e2302b; }

.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; }
p + .on-middle { margin-top:-0.5em; }

.msg-notice, .msg-succes, .msg-error { padding:0.5em 1em; background:#666; color:#fff; }
.msg-succes { background:#59a90a; }
.msg-error { background:#e84d0e; }
.field-text { margin-bottom:1em; }
.field-text label { display:block; width:100%; font-size:80%; font-weight:600; }
.field-text input { display:block; padding:5px 10px; border-radius:10px; width:100%; font-size:80%; }
.field-checkbox { margin-top:1.5em; margin-bottom:1em; }
.field-checkbox label { display:inline-block; padding-right:10px; vertical-align:top; }
.field-checkbox span { display:inline-block; width:90%; font-size:80%; font-style:italic; }
.field-checkbox span a { font-weight:600; color:#001553; }
.field-radio { list-style:none; margin:0 0 0.5em 0; }
.field-radio li { display:inline-block; margin-right:50px; }
.field-radio label { display:inline-block; padding-right:5px; vertical-align:top; }
.field-radio span { display:inline-block; font-size:80%; font-weight:600; }
.field-submit { margin-top:1.5em; margin-bottom:3em; text-align:center; }

#expg_loginform { margin-top:-15px; }
#logmail { margin-bottom:10px; width:100%; max-width:400px; }
#logsubmit { margin:0; width:100%; max-width:400px; font-weight:600; letter-spacing:0.1em; }
#expg_signupform { margin-top:-0.5em; }
#regsubmit { padding:0; width:250px; background:#11236F; font-size:110%; line-height:150%; letter-spacing:0.1em; }
#expg_identification_row .vc_column_container { text-align:center; }
#expg_identification_row .vc_column_container:last-child .vc_column-inner { padding-top:0px; }

#masthead { background:#fff; }
#masthead .widget_media_image { width:100%; height:50px; overflow:hidden; background:#fff url('assets/logo_UCB.png') right center no-repeat; text-indent:-9999px; }
.site-logo { float:left; width:150px; }
.header-widget { float:right !important; width:180px; }


.event-title { margin:0; font-size:280%; font-weight:normal; line-height:normal; }
.event-subtitle { max-width:820px; font-size:150%; font-weight:normal; line-height:110%; color:#fff; }
.event-list { list-style:none inside; margin:20px 0; }
.event-list li { color:#fff; line-height:120%; }
.event-list li:before {content:"\2022"; display:inline-block; width:10px; color:#D92C50; }
h3.txt-red + .event-list { margin-top:-20px; }
.event-dating, .event-login { float:none; margin-left:auto; margin-right:auto; width:auto; text-align:center; }
.event-dating p { margin:0; font-size:110%; line-height:130%; }
.event-register { z-index:999; }
.event-illustrated { margin-bottom:0 !important; padding-left:25px; height:300px; background:#fff url('assets/illustration.png') 250px bottom no-repeat; }
.event-header { margin-top:25px; }

.live-container { position:relative; overflow:hidden; padding-top:56.25%; }
.live-container > iframe { position:absolute; top:0; left:0; width:100%; height:100%; /*max-width:640px; max-height:360px;*/ border:0; }

.codereglement { /*background:#FADF6C;*/ }

.prog-section { float:none; margin:-0.5em auto 1.5em auto; padding:20px; max-width:500px; border:2px solid #e2302b; text-align:center; }

@media only screen and (min-width: 659px) {
  #logsubmit { margin:0 0 0 15px; width:auto; }
}
@media only screen and (min-width: 769px) {
  #masthead { background:none; }
  #masthead .widget_media_image { width:auto; height:auto; overflow:hidden; background:none; text-indent:0; }
  .event-dating { max-width:450px; text-align:left; }
  .event-login { max-width:620px; text-align:left; }
  .event-header { margin-top:75px; }
  .event-register .vc_column-inner { min-height:800px !important; }
  .semi-large { margin-top:-300px; margin-bottom:180px; border-top:15px solid #fff; }
  .semi-large .event-dating { margin-left:0; margin-right:0; }
}
@media only screen and (min-width: 1024px) {
  .field-text label { display:inline-block; padding-right:10px; width:190px; text-align:right; }
  .field-text input { display:inline-block; width:450px; width:calc(100% - 200px); -moz-width:calc(100% - 200px); -webkit-width:calc(100% - 200px); }
  .field-checkbox label { width:210px; text-align:right; }
  .field-checkbox span { display:inline-block; width:400px; width:calc(100% - 220px); -moz-width:calc(100% - 220px); -webkit-width:calc(100% - 220px); }
  .field-radio { margin-left:auto; margin-right:auto; padding-left:200px; width:250px; }
  .site-logo { width:220px; }
  .header-widget { width:240px; }
  #expg_registerform .field-checkbox { margin-top:0.5em; margin-bottom:0em; }
  #expg_registerform .field-submit { margin-top:-0.5em; }
  #regsubmit { margin-left:100px; }
  .event-header { margin-top:85px; }
  .event-title { font-size:330%; }
  .event-subtitle { font-size:180%; }
  .event-register .vc_column-inner { min-height:750px !important; }
  .semi-large { margin-top:-260px; margin-bottom:140px; }
}
@media only screen and (min-width: 1200px) {
  .site-logo, .header-widget { width:auto; }
  .event-header { margin-top:90px; }
  .event-title { font-size:350%; }
  .event-subtitle { font-size:200%; }
}
/*EOF*/

/*OP11 - 18-06-2020*/

#masthead .site-logo {
  background-color: #2F2F8C;
  padding: 7px 10px;
}

@media only screen and (min-width: 769px) {
  #masthead .site-logo {

  }
}