/*
Theme Name: RealBeland
Theme URI: http://realbeland.com
Description: Child Theme For Divi
Author: transistor
Author URI: http://realbeland.com
Template: Divi
*/



sub, sup {
        font-size: 0.83em;
        vertical-align: super;
        line-height: 0;
    }

    sup {
    bottom: -0.2em;
}

.et-pb-contact-message {
    position: relative;
    color: #ffffff;
}
page-container {
    padding-top: 70px;
}

#mobile_menu {
	padding-top: 0px;
	border-top-width: 0px !important;
	top: 50px !important;
}

.mobile_menu_bar {
	padding-bottom: 0px !important;
}
.et-boc{
	background-color:#ffffff!important;
}
#main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu {
    background-color: #ffffff!important;
}
#main-header, body #main-header.et-fixed-header {
    box-shadow: 0px 0px 0px rgb(0 0 0 0)!important;
}
body #main-header {
    -webkit-box-shadow: 0 0px 0 rgb(0 0 0 / 10%)!important;
}
#top-menu a, body .et-fixed-header #top-menu a, body .et_mobile_menu li a, body .et_mobile_menu li a{
    color:#000000!important;
}
#top-menu a:hover, .et-fixed-header #top-menu a:hover, body .et_mobile_menu li a:hover, body .et_mobile_menu li a:hover{
    color:#999999!important;
}
.et_header_style_centered .mobile_nav .select_page, .et_header_style_split .mobile_nav .select_page, .et_mobile_menu li a,
.mobile_menu_bar::before, .et_nav_text_color_light #top-menu > li > a, .et_nav_text_color_dark #top-menu > li > a, #top-menu a,
.et_mobile_menu li a, #et_search_icon::before, #et_top_search .et-search-form input, .et_search_form_container input, #et-top-navigation .et-cart-info {
    color: #000!important;
}
body.custom-background {
    background-color: #ffffff!important;
}

.bande-spectacle {
    background-color: #000;
    margin-top: -8px;
    position: relative;
}
.bande-spectacle h1 {
    font-family: 'Ubuntu',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 700;
    font-variant: small-caps;
    font-size: 50px;
    line-height: 1;
    text-align: left;
    color: #e0e0e0;
}
.top-page-spectacle{
  text-align: center;
}
.titre-image{
  max-width: 810px !important;
  width:100%;
  margin: 0 auto;
  height:auto;
  display: block;
}
.image-rb{
  max-width: 1100px;
  margin: 0 auto;
  width:100%;
  height:auto;
}
.section-dates-spectacles{
  background-color: #fff;
}

.page-template-page-spectacles .et_pb_section_0.et_pb_section {
    background-color: #fff!important;
}

.page-template-page-spectacles .et_pb_text_1 h4{
  line-height: 1 !important;
  text-align: center;
}
.page-template-page-spectacles .et_pb_row_0 {
    border-color: rgba(0,0,0,0.2);
    border-bottom-width: 1px;
}

.page-template-page-spectacles .et_pb_row_0.et_pb_row{
    padding-top: 13px !important;
    padding-bottom: 0 !important;
}
.page-template-page-spectacles h4{
  line-height: 1 !important;
  font-family: 'Ubuntu',Helvetica,Arial,Lucida,sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 20px;
  color: #000000!important;
  text-align: left;
}

.page-template-page-spectacles .achats .et_pb_button {
    background-color: #000 !important;
    color: #fff !important;
    border:none !important;
}
.page-template-page-spectacles .achats .et_pb_button:hover {
    background-color: #333 !important;
    color: #fff !important;
    border:none !important;
}


.page-template-page-spectacles .et_pb_with_border.et_pb_row.et_pb_row_0.et_pb_equal_columns.et_pb_gutters1.et_pb_row_4col {
    width: 100%;
}
.img-spectacle img {
    max-width: 120px;
    margin: 0 auto;
    display: block;
}
p.titre-spectacle{
  color:#000;
  font-size: 18px;
  margin-bottom: 20px;
}
h4.date-spectacle{
  margin-top:3px;
}
h4.tel-spectacle{
  text-align: right;
}
h3.poste-tel{
  text-align: right;
}
h3.salle-spectacle{
  font-size: 18px;
}

.hidden{
  display: none;
}

.single-spectacles .et_pb_gutters1 .et_pb_column_1_5, .et_pb_gutters1.et_pb_row .et_pb_column_1_5 {
    width: 20%;
    display: block;
    float: left;
    margin-bottom: 30px;
}

.single-spectacles .et_pb_post .entry-content {
    padding-top: 0;
}

.single-spectacles .et_pb_row {
    width: 100% !important;
    max-width: 1080px;
    margin: auto;
    position: relative;
}




/*** Remove the divider line between content and sidebar ***/
.single-spectacles #main-content .container:before {background: none;}

/*** Hide Sidebar ***/
.single-spectacles  #sidebar {display:none;}

/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
.single-spectacles #left-area {
  width: 100%;
  padding: 23px 0px 0px !important;
  float: none !important;
}
}

@media only screen
and (min-width : 100px)
and (max-width : 767px) {
.bande-spectacle h1 {
  font-size: 40px;
  line-height: 1;
  text-align: center;
}
.page-template-page-spectacles .liste-spectacles .et_pb_column.mobile-50 {
    width: 50% !important;
}
.et_pb_with_border.et_pb_row.et_pb_row_0.et_pb_equal_columns.et_pb_gutters1.et_pb_row_4col.liste-spectacles.et_pb_row_5col{
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.liste-spectacles .et_pb_button_module_wrapper.et_pb_button_alignment_center {
    text-align: left;
}
.img-spectacle img {
    max-width: 155px;
    margin: 0;
    display: block;
}
.liste-spectacles .et_pb_button_0_wrapper {
    margin-bottom: 0px !important;
}
.mb-10-mobile{
  margin-bottom:10px !important;
}
p.titre-spectacle{
  text-align: left;
  margin-top: 5px;
  margin-bottom: 15px;
}
h4.date-spectacle{
  text-align: left !important;
}
h4.lieu-spectacle{
  text-align: left;
}
h3.salle-spectacle{
  text-align: left;
}
h4.tel-spectacle{
  text-align: left;
  font-size: 20px;
  margin-top: -10px;
}
h3.poste-tel{
  text-align: left;
}
}

@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
.titre-image {
  max-width: 500px !important;
}
.image-rb {
  max-width: 450px;
}
.page-template-page-spectacles .liste-spectacles .et_pb_column.mobile-50 {
    width: 20% !important;
}
.et_pb_with_border.et_pb_row.et_pb_row_0.et_pb_equal_columns.et_pb_gutters1.et_pb_row_4col.liste-spectacles.et_pb_row_5col{
  padding-left: 8px !important;
  padding-right: 8px !important;
}
h4.date-spectacle {
  font-size: 18px;
  text-align: center;
}
h4.lieu-spectacle{
  font-size:18px;
}
h3.salle-spectacle{
  font-size: 15px;
  line-height: 1.1;
}
h4.tel-spectacle {
  font-size: 18px;
  text-align: right;
}
h3.poste-tel{
  text-align: right;
  font-size: 15px;
}
p.titre-spectacle {
  color: #000;
  font-size: 15px;
  margin-bottom: 10px;
  padding: 0 5px 0 0;
}
}