/*
* Add child theme CSS Rules
*/


/* Body */
.composer-inner-frame {
background: transparent;
}
body p{
	line-height:1.6;
}

/* Header */
#wrapper {
    background-color: #fff;
}

#logo {
    line-height: 50px;
}
.header-elem .custom-header-text {
color: #e84e59;
margin: 8px 0 2px;
}
.header-wrap .header-elem .social-icons {
margin: 12px 0 2px;
}
#menu-billetterie .external {
padding:  0 8px;
color: #fff;
}
#menu-billetterie .menu-item {
background-color: #22bda7;
border-radius: 0 0 3px 3px;
}
#menu-billetterie .menu-item:hover  {
background-color: #00a9d1;
}

.background-nav .main-nav .menu > li:last-child {
padding-right: 0;
}

/* Sous-menu Header */
.pix-submenu .sub-menu li {
	border-bottom:#CCC 1px solid;
	}
.main-nav .sub-menu {
	padding:5px 20px;
}
.pix-submenu .sub-menu li:last-child {
	border-bottom:0;
	}
	
.main-nav .sub-menu li a {
    display: block;
    padding: 8px 10px;
}
.mobile-menu-nav.menu-dark .pix-submenu .sub-menu li a:hover {
    color: #00a9d1;
}
/* Barre de titre */
#sub-header .banner-header .sub-banner-title {
padding-left: 15px;
font-size: 24px;
}

.pix-breadcrumbs {
padding-right:30px;
}
.site-main p a {
text-decoration: underline;
}

/* footer */
.copyright .header-elem {
    clear: none;
}

.copyright-text, .copyright-text a {
font-family: 'Roboto Condensed', Arial, sans-serif;
font-size: 14px;
padding-top: 2px;
}

#menu-menu-pied-de-page {
margin-right: 10px;
}

#menu-menu-pied-de-page li a{
font-size: 14px;
}
/*HOMEPAGE */
.line-style1 {
    z-index:5;
}
.bg_text::after{
    border-top-color: #282828;
}
.home .slick-slider .slick-prev {
    left: 0;
}
.home .slick-slider .slick-next {
    right: 0;
}
.presentation-spectacles .ultb3-info {
    padding: 25px 60px 25px 60px;
}

.presentation-spectacles .ultb3-title,.presentation-spectacles .ultb3-desc {
    margin-bottom:20px;
}
.presentation-spectacles .ultb3-btn{
    padding: 5px 25px;
}


/* FICHE SPECTACLE */
.single-spectacle #sub-header {
	display:none; 
}

.header-spectacle {
	padding: 40px 40px 30px 40px;
	background:no-repeat;
	background-size:cover;
	min-height:250px;
	text-align:center;
}
.header-spectacle .soustitre {
	font-size:24px;
	margin-bottom:10px;
}

.header-spectacle p{
	margin-bottom:0;
	font-size:20px;
}

.content-spectacle .col-md-9, .content-spectacle .col-md-3 {
	padding-top: 60px;
	padding-bottom:60px;
}
.content-spectacle section {
	padding-top:20px;
}
.content-spectacle section:first-child {
	padding-top:0;
}
.content-spectacle section p:last-child {
	margin-bottom:0;
}

.content-spectacle .container-images, .content-spectacle .container-textes {
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	justify-content:space-between;
}
 .left-image, .right-image {
 	width:48%;
 }
 .left-image, .right-image, .image-large {
	 margin: 5px;
 }
 
.container-images img {
  max-height: 305px;
  overflow: hidden;
}

/*.container-images img:before  {
  content: "";
  display: block;
  padding-bottom: 50%;
} */
.content-spectacle .caption {
	font-size:0.7em;
	font-style:italic;
	color:#666;
}
.content-spectacle .texte {
	padding:0 5px 0;
}

.right-text, .left-text {
	width:50%;
}
.left-text {
	padding: 0 10px 0 5px;
}
.right-text { 
padding: 0 5px 0 10px;
}

.bouton-spectacle a {
	display:block;
	width:100%;
	padding:10px;
	border:2px solid;
	border-radius:3px;
	text-transform: uppercase;
	font-size:18px;
	text-align:center;
	margin-bottom:20px;
}

.bouton-spectacle a:hover {
	background-color:#00a9d1;
	border-color:#00a9d1;
	color:#FFF;
}

/* PAGE PROGRAMME */
.extrait-programme h4 {
	font-size:18px;

}
.extrait-programme .vc_btn3-container {
	margin-bottom:0;

}
#btn_programme .vc_btn3 {
}
.extrait-programme .bouton-programme .vc_btn3, #btn_programme .vc_btn3 {
	background-color: transparent;
	border-color:#00a9d1;
	border:#00a9d1 1px solid;
	color:#00a9d1;
	text-transform:uppercase;
}
.extrait-programme .bouton-programme .vc_btn3:hover, .extrait-programme .bouton-programme .vc_btn3:active, #btn_programme .vc_btn3:hover {
	background-color:#00a9d1;
	border-color:#00a9d1;
	color:#FFF;
}
/* CONTACT */
.contactform .textfield, .wpcf7-text, .wpcf7-number, .wpcf7-date, .wpcf7-select, .wpcf7-quiz, .wpcf7-captchar, .contactform .message, .wpcf7-textarea {
	border: 1px solid #666;
}
.contactform .textfield, .wpcf7-text {
	max-width:100%;
}
.row-contact {
	padding: 0 60px;
}

/* MEDIAQUERIES */
@media screen and (max-width:1024px) {
	img.ultb3-img.ultb3-img-center-right {
		display:none;
	}
}

@media screen and (max-width:991px) {
.pix-container, .container {
		width:100%;
		max-width:860px;
}
.container {
		width:100%;
		width:inherit !important;
}
}
@media screen and (max-width:768px) {
body.composer-frame {
	margin:0;
}
.composer-inner-frame {
	display:none;
}

@media screen and (max-width:480px) {
.home .espace-desktop {
	display:none;
}
.home .main-title {
	padding:15px !important;
}
.container, .main-side-left .container, .pix-container, .main-side-left .left-menu-content .pix-container, .left-main-menu .menu-container {
	width:100% !important;
	max-width:100% !important;
}
.presentation-spectacles .ultb3-info {
    padding: 25px !important;
}
.slick-prev {
    left: -15px;
}
.slick-next {
    right: -15px;
}
.copyright .copyright-right .header-elem {
	float: none;
}
.copyright .copyright-right {
	margin:auto;
	text-align:center;
}

breadcrumb {
    padding-left: 10px;
}

.content-spectacle .container-images, .content-spectacle .container-textes {
    flex-direction: column;
}
.right-text, .left-text {
	width:100%;
	padding:0;
}
.left-image, .right-image {
    width: 100%;
}

.left-image, .right-image, .image-large {
    margin: 5px 0;
}
.content-spectacle .col-md-3 {
	padding-top:0;
}
.row-contact {
	padding: 0;
}
	
}