/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

.voir-plus-button{
	background: transparent;
	color: #cb142e;
	padding: 10px 30px;
	border: 1px solid #cb142e;
}
.voir-plus-button:hover{
	background: #cb142e;
	color: #fff;
	padding: 10px 30px;
	border: 1px solid transparent;
	transition: all 0.4s;
}
.archive .page-title {
	display: none;
}
.archive .spectacle{
	padding: 10px 20px;
	height: 400px;
	box-sizing : border-box;
	float: left;
	width: 50%;
}
.archive main{
	overflow: hidden;
} 
.archive .spectacle h3{
	font-size: 24px; 
	font-weight: 200;
	text-transform: uppercase;
	color: #cb142e;
}
.archive .wf-wrap{
	padding: 0;
}
.archive .link-spectacle .spectacle-thumnail{
	width: 40%;
	box-sizing : border-box;
	float: left;
}
.archive .link-spectacle .spectacle-content{
	width: 60%;
	box-sizing : border-box;
	float: left;
	padding-left: 10px;
}
.archive .link-spectacle .spectacle-thumnail img{
	width: 100%;
	height: auto;
}
.archive .link-spectacle{
	text-decoration: none;
	color: inherit;
	position: relative;
}
.archive .spectacle:hover{
	background: #F1F1F1;
}
.single-spectacles #main{
	padding-top: 0 !important;
}
.single-spectacles .page-title{
	display: none;
}
.single-spectacles #main .wf-wrap{
	padding-top: 0 !important;
	width: 100% !important;
	padding: 0;
}
.single-spectacles .spectacle-content p{
	max-width: 66%;
}

.single-spectacles .spectacle-solid-bg img{
	width: 100%;
	height: auto;
}
.single-spectacles .wpb_text_column{
	max-width: 66%;
}

.single-spectacles .spectacle-content{
	padding: 30px 70px;
	max-width: 1280px;
	margin: 0 auto;
}
.single-spectacles .spectacle-gallery{
	margin-top: 30px;
}
.single-spectacles .spectacle-gallery h3{
	color: #cb142e;
	text-align: center;
	margin-bottom: 30px;
	text-transform: uppercase;
	font-weight: 300;
}
.single-spectacles #precedentsuivant{
	margin-top: 20px;
	overflow: hidden;
}
.single-spectacles #precedentsuivant #suivant{
	width: auto;
	display: inline-block;
	float: right;
	margin-right: 10%;
	text-decoration: none;
}
.single-spectacles #precedentsuivant #precedent{
	width: auto;
	display: inline-block;
	float: left;
	margin-left: 10%;
	text-decoration: none;
}
.single-spectacles #precedentsuivant #suivant:after{
	content: "";
	width: 26px;
	height: 26px;
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
	background: url("http://www.fita-rhonealpes.fr/wp-content/uploads/2016/10/right-arrow.png");
	background-size: 100%;
}
.single-spectacles #precedentsuivant #precedent:before{
	content: "";
	width: 26px;
	height: 26px;
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
	background: url("http://www.fita-rhonealpes.fr/wp-content/uploads/2016/10/left-arrow.png");
	background-size: 100%;
}
.single-spectacles #precedentsuivant a {
	text-decoration: none;
	vertical-align: middle;
}

h1.h3-size{
    line-height: 35px !important;
}


@media screen and (max-width: 780px) {
    .archive .spectacle {
        height: auto;
        float: none;
        width: 100%;
        margin-bottom: 20px;
        display: inline-block;
    }
    
    .archive .link-spectacle .spectacle-thumnail{
        width: 70%;
        margin: 0 auto;
        float: none;
    }
    
    .archive .link-spectacle .spectacle-content {
        width: 100%;
        float: none;
    }
    .single-spectacles .spectacle-content p {
        max-width: 100%;
    }
}
 
@media screen and (max-width: 500px) {
    .archive .link-spectacle .spectacle-thumnail{
        width: 100%;
        float: none;
    }
}