/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {
  background: none;
}
 
/*** Hide Sidebar ***/
#sidebar {display:none;}
 
/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
#left-area {
    width: 100%;
    padding: 23px 0px 0px !important;
    float: none !important;
}
}

.wpo365-ms-signin {
display: inline-block;
border: 0px;
padding: 0.5rem 0rem 0.5rem 0rem;
}

#main-content{
margin-bottom:70px;

}
.video.et_pb_column_0{
    box-shadow: lightgray -20px 10px 30px;
}
.video.et_pb_column_1{
    box-shadow: lightgray -10px 10px 30px;
}
.video.et_pb_column_2{
    box-shadow: lightgray 10px 10px 30px;
}
.video.et_pb_column_3{
    box-shadow: lightgray 20px 10px 30px;
}

.learndash-wrapper a.et_pb_button{
  border-bottom:2px solid !important;
}

.learndash-wrapper a.et_pb_button:hover{
  border-bottom:2px transparent !important;

}


.videoblock{
padding: 0px;
display: block;
height: 260px;
overflow: hidden;
}
.videoblock:hover{
    background-color: #6e8ca8;

}
.videoblock h3{
    font-size: 1.3em;
    overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: absolute;
  padding: 10px;
  z-index: 20;
  width: 100%;
  line-height: 1.3em;

}
.videoblock:hover h3{
    color:white;
    overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-bottom: 20px;
  text-overflow: initial;
  white-space: initial;
  overflow: visible;
  background-color: #6e8ca8;
  padding-top:30px;
  height: 260px;
}
.videoblock:hover .videoframe{
    background-size: auto 130%;
}
.videoblock:hover .videoframe, .videoblock:hover,.videoblock, .videoblock .videoframe, .videoblock:hover h3, .videoblock h3{
   transition:all 300ms ease 0ms; 
}

.videoframe{
display: block;
overflow: hidden;
margin: 0px auto;
height: 150px;
background-size: auto 110%;
background-position: center;
top: 60px;
position: relative;
width: 90%;
z-index: 10;
}

.videoframe img{
height: 150px;
}
#main-footer{
    position: fixed;
    top: auto;
    bottom: 0;
    width: 100%;
    z-index: 20;
    display: inline-block;
}
#footer-bottom {
    padding: 15px;
  }

.videorow{
background-color: black;
}

#videoframe {
 padding-top: 56.25% !important;
}
.boutonresetvideo,.boutonselectvideo,.boutonretourvideo, .wpo365-ms-signin {
    position: relative;
    padding: .3em 1em;
    border: 2px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.7em !important;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}
.boutonresetvideo:before{
 content:'\51';
 font-family:"ETmodules"!important;
}

.wpo365-ms-signin:before{
 content:'\06e';
 font-family:"ETmodules"!important;
}

.boutonselectvideo {
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
}

/* For IE10 */
.boutonselectvideo::-ms-expand {
  display: none;
}
.boutonretourvideo,.boutonselectvideo {
 color:#ffffff!important;
 border-radius:8px;
 background-color:darkgrey;
}
.boutonresetvideo, .wpo365-ms-signin { 
  color:#ffffff!important;
  border-radius:8px;
  background-color: #6e8ca8;
}

.boutonselectvideo:hover{
   padding-left:0.7em;
  padding-right:2em;
  background-color: #6e8ca8;
  cursor:pointer;
}
.boutonselectvideo option{
  cursor:pointer;
  background-color: darkgrey;
  cursor:pointer;
}

.boutonresetvideo:hover{
   padding-left:0.7em;
  padding-right:2em;
  background-color: red;
   cursor:pointer;
}
.wpo365-ms-signin:hover{
     padding-left:0.7em;
  padding-right:2em;
  background-color: green;
   cursor:pointer;
}

.boutonretourvideo:hover{
 padding-left:2em;
 padding-right:0.7em;
 background-color: #6e8ca8;
 cursor:pointer;
}
.boutonretourvideo:after {
 display:none;
}
.boutonselectvideo:before,.boutonresetvideo:before, .wpo365-ms-signin:before {
 display:none;
}
.select-wrapper{
  position: relative;
  line-height: 1.7em !important;
  font-size: 20px;
  color: white;
}
.select-wrapper:after {
position: absolute;
  top: -2px;
 content:attr(data-icon);
 font-family:"ETmodules"!important;
 line-height:inherit;
 font-size:inherit!important;
 opacity:0;
 margin-right:-0.3em;
 padding-left: 0.3em;
 right: 0px;
 display:inline-block;
 pointer-events: none;
}

.boutonresetvideo:after {
 content:attr(data-icon);
 font-family:"ETmodules"!important;
 line-height:inherit;
 font-size:inherit!important;
 opacity:0;
 margin-right:-1.3em;
 padding-left: 0.3em;
 left: auto;
 display:inline-block;

}

.wpo365-ms-signin:after {
content: attr(data-icon);
font-family: "ETmodules" !important;
line-height: inherit;
font-size: inherit !important;
opacity: 0;
left: auto;
display: inline-block;
position: absolute;
right: -20px;
top: 7px;
}

.boutonretourvideo:before {
 content:attr(data-icon);
 font-family:"ETmodules"!important;
 line-height:inherit;
 font-size:inherit!important;
 opacity:0;
 margin-left:-1.3em;
 padding-right: 0.3em;
 right:auto;
 display:inline-block;
}

.select-wrapper:hover:after {
 margin-right:.3em;
 left:auto;
 margin-right:0.8em;
 opacity:1;
}

.boutonresetvideo:hover:after{
 margin-right:.3em;
 left:auto;
 margin-right:-1.3em;
 opacity:1;
}

.wpo365-ms-signin:hover:after{
right:13px;
 left:auto;
 opacity:1;
}

.boutonretourvideo:hover:before {
 margin-left:.3em;
 right:auto;
 margin-left:-1.3em;
 opacity:1;
}

.boutonselectvideo option,.boutonretourvideo,.boutonretourvideo:after,.boutonretourvideo:before,.boutonselectvideo,.select-wrapper:after,.select-wrapper:before,.boutonresetvideo, .boutonresetvideo:after,.boutonretourvideo:before, .wpo365-ms-signin, .wpo365-ms-signin:after {
 transition:all 300ms ease 0ms;
}

#main-header {
 z-index: 80;
}
.videoframe > div{
 max-width: inherit !important;

}

.formtrifield{
    float: left;
    margin:0px 20px 0px 0px;
}
#reset {

}


/*Ultimate member*/

/* Link colors */
.um a.um-link,
.um .um-tip:hover,
.um .um-field-radio.active:not(.um-field-radio-state-disabled) i,
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
.um .um-member-name a:hover,
.um .um-member-more a:hover,
.um .um-member-less a:hover,
.um .um-members-pagi a:hover,
.um .um-cover-add:hover,
.um .um-profile-subnav a.active,
.um .um-item-meta a,
.um-account-name a:hover,
.um-account-nav a.current,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon,
.um-dropdown li a:hover,
i.um-active-color,
span.um-active-color
{
    color: darkgrey !important;
}

.um a.um-link:hover,
.um a.um-link-hvr:hover {
    color: #6e8ca8 !important;
}

/* Button colors */
.um .um-field-group-head,
.picker__box,
.picker__nav--prev:hover,
.picker__nav--next:hover,
.um .um-members-pagi span.current,
.um .um-members-pagi span.current:hover,
.um .um-profile-nav-item.active a,
.um .um-profile-nav-item.active a:hover,
.upload,
.um-modal-header,
.um-modal-btn,
.um-modal-btn.disabled,
.um-modal-btn.disabled:hover,
div.uimob800 .um-account-side li a.current,
div.uimob800 .um-account-side li a.current:hover,
.um .um-button,
.um a.um-button,
.um a.um-button.um-disabled:hover,
.um a.um-button.um-disabled:focus,
.um a.um-button.um-disabled:active,
.um input[type=submit].um-button,
.um input[type=submit].um-button:focus,
.um input[type=submit]:disabled:hover
{
    background: darkgrey !important;
}

.um .um-field-group-head:hover,
.picker__footer,
.picker__header,
.picker__day--infocus:hover,
.picker__day--outfocus:hover,
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted,
.picker__list-item:hover,
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted,
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected,
.um .um-button:hover,
.um a.um-button:hover,
.um input[type=submit].um-button:hover{
    background: #6e8ca8 !important;
}

/* Button alt colors */
.um .um-button.um-alt, 
.um input[type=submit].um-button.um-alt {
    background: #eeeeee !important;
}

.um .um-button.um-alt:hover,
.um input[type=submit].um-button.um-alt:hover {
    background: #e5e5e5 !important; 
}

@media (max-width: 980px) {
.et_pb_row_1-2_1-4_1-4, .et_pb_row_1-2_1-6_1-6_1-6, .et_pb_row_1-4_1-4, .et_pb_row_1-4_1-4_1-2, .et_pb_row_1-5_1-5_3-5, .et_pb_row_1-6_1-6_1-6, .et_pb_row_1-6_1-6_1-6_1-2, .et_pb_row_1-6_1-6_1-6_1-6, .et_pb_row_3-5_1-5_1-5, .et_pb_row_4col, .et_pb_row_5col, .et_pb_row_6col {
 overflow: visible;
}
}