@charset "UTF-8";

/*Theme Name: Paris Combo

Theme URI: http://www.bewebfactory.com
Author: Be Web Factory
Author URI: http://www.bewebfactory.com
Description: Le thème de Paris Combo
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*//* ------------------------------ RESET ------------------------------ */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	outline:none;
	font-size:1em;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
table {border-collapse: collapse;border-spacing: 0;}

/* ------------------------------ END RESET ------------------------------ */

/* ------------------------------ GLOBAL ------------------------------ */

body {
	font-family: 'Exo', Helvetica, Arial, sans-serif;
	font-weight:300;
	font-size:15px;
	line-height:auto;
	color:#282c2f;
	margin:0;
	max-width:100%;
	-webkit-text-size-adjust: none;
	background-color: #f5eedc;
	position:relative;
}
.container {
	position:relative;
    margin: 0 auto;
    padding: 0 30px;
    width: 1120px;
	box-sizing: border-box;
}
img {max-width:100%;height:auto;}
a img {border:0;}
.clear {clear:both;}
.hide {display: none;}

a {color:#e31102;}

strong, b {font-weight:700;}

p {
	font-size: 15px;	
	line-height: 22px;
}
.grand {
	font-size: 30px;	
	line-height: 37px;
}
h2, h3, h4 {	
	font-weight:900;
}
h2 { 	font-size: 34px !important;line-height: 41px !important;}
h3 {	font-size: 28px;line-height: 35px;}
h4 {	font-size: 15px;line-height: 22px;	font-weight:700;}

.vc_separator h4, #videos .vc_separator h4 { 	
    font-size: 28px /*34px*/ !important;line-height: 35px !important;font-weight:900;color:#e31102;margin:0;
}
.vc_separator .vc_sep_holder .vc_sep_line {top:-3px !important;}

.wpb_content_element ol, .wpb_content_element ul {padding-left:22px;}


.section {
	padding-top: 15px !important;
    padding-bottom: 35px !important;
}

.btn, input[type=submit], .hs-button {
cursor: pointer;
	font-weight:600 !important;
	border: 1px solid #b33d89 !important;
	background-color:#b33d89 !important;
	color:#FFF !important;
	border-radius: 5px !important;
	text-decoration:none !important;
	padding:7px 25px !important;
	font-size: 14px !important;	
	letter-spacing: 0.44px !important;	
	line-height: 35px !important;
	webkit-transition: all 0.3s ease;
	moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	box-shadow:0 0 0 0 !important;		
	text-shadow:0 0 0 !important;	
	font-family: "Exo", sans-serif !important;
	-webkit-appearance: none;
}
input[type=submit], .hs-button {
	line-height: 21px !important;
}

hr {background-color: #FFF;height:1px;border:0;}

/* ------------------------------  HEADER -----------------------------*/


#sous_header {height:68px;}
header { 
	width:100%;
	z-index:1000;
	/*background: #282c2f;*/
	position:fixed;
	top:0;
  	webkit-transition: all 0.3s ease;
	moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#logo {float:left;margin:15px 0 10px 0;width:250px;}

nav {float:right;margin:0 /*148px;*/}
nav .menu {	padding:0;margin:0;}
nav li {
	float:left;
	list-style-type: none;
	margin:0;
	padding: 0;
	position:relative;
	text-align: center;
}
nav li a {
	color: #fff;	
	font-size: 18px;	
	text-decoration: none;
	display: block;
	padding:20px 15px 25px 15px;
	box-sizing: border-box;
	font-weight:700;
}

nav li a:hover,nav li a.active , nav li.current_page_item > a, nav li.current-menu-item > a, nav li.current-menu-parent > a {
	color:#e31102;
}


#btn_menu {
	cursor:pointer;
	float:right;
	margin-top:14px;
	height:40px;
	width:40px;
	display: none;
	position: relative;
}

.show {display:block;}

/* ------------------------------  SOCIAL -----------------------------*/

.inv-recaptcha-holder {display: none !important;}

.social {text-align: center;}
.social a, .listen a {text-decoration: none;text-align: center;margin:5px;}
.social .fas, .social .fab {
	line-height:60px;
	webkit-transition: all 0.2s ease;
	moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.social .fa-stack {width:50px;height:50px;}
.social .fa-stack-2x {color:#282c2f;font-size:50px;}
.social .fa-stack-1x {color:#fff;font-size:25px;}

/*.social a:hover .fa-stack-2x {font-size:60px;}
.social a:hover .fa-stack-1x {font-size:30px;}*/

.social a:hover .faf  { color: #3B5998; }
.social a:hover .fat   { color: #4099FF; }
.social a:hover .fai   { color: #417399; }
.social a:hover .fay   { color: red; }
.social a:hover .fabc   { color: #1DA0C3; }
.social a:hover .fasp   { color: #1db954; }
.social a:hover .fait   { color: #999; }

.listen {text-align: left;}
.listen a {width:36px;}
.listen .fas, .listen .fab {line-height:40px;}

.listen .fa-stack {width:36px;height:36px;}
.listen .fa-stack-2x {color:#282c2f;font-size:36px;}
.listen .fa-stack-1x {color:#fff;font-size:20px;}

.listen .fasp   { color: #1db954; }
.listen .fait   { color: #999; }

.social .deezer {vertical-align: -webkit-baseline-middle;margin-left:2px;}
.deezer {vertical-align: bottom;margin-left:2px;}

/* ------------------------------  CONTENT -----------------------------*/

#albums p {margin-top:0;}

#videos h4 {margin-top:-15px;}
#videos p {margin-top:5px;}

#videos {color:#FFF !important;}

/*.songkick-widget {
	height:500px !important;
	overflow-y:scroll !important;
    overflow-x:hidden !important;
}*/
iframe {
	scroll-behavior: auto;
}
/*#carousel-anything-1 .owl-ca-controls {position: absolute !important;top:200px !important;}
#carousel-anything-1 .owl-ca-prev, #carousel-anything-1 .owl-ca-next {
    top:50% !important;
}
#carousel-anything-1 .owl-ca-prev::before, #carousel-anything-1 .owl-ca-next::before {
	content:'' !important;
}
#carousel-anything-1 .owl-ca-prev {	background: url('img/big-left-arrow-Normal.svg') no-repeat ;}
#carousel-anything-1 .owl-ca-prev:hover {	background: url('img/big-left-arrow-Hover.svg') no-repeat ;}
#carousel-anything-1 .owl-ca-next {	background: url('img/big-right-arrow-Normal.svg') no-repeat right;}
#carousel-anything-1 .owl-ca-next:hover {	background: url('img/big-right-arrow-Hover.svg') no-repeat right;}*/




/* ------------------------------  FORM CONTACT -----------------------------*/
.hs-form-required {color:#414141 !important;}
fieldset, .hs-input {max-width:100% !important;}

select {
	width: 95% !important;
	height:30px;	
}


form label {
	font-family: "Exo", sans-serif !important;
	font-size:16px !important;
	display: block !important;
	margin:0px 0 2px 0 !important;
	font-weight:600 !important;
}
::placeholder { opacity: 0.5; }
.wpcf7-form span {
	font-family: "Exo", sans-serif;
	font-size:14px;
}
form input[type=text], form input[type=email], form textarea {
	width:100% !important;
	border:1px solid #EBEBEB !important;
	font-family: "Exo", sans-serif !important;
	font-size:16px !important;
	line-height:23px !important;
	padding:6px !important;
	box-sizing: border-box !important;
	clear:both !important;
    margin-bottom:15px;
}
#newsletter form input[type=text], #newsletter form input[type=email] {
	width:300px !important;
}
form textarea {
	height:70px !important;
	width:100%;
	resize:none;
}
form input[type=text]:focus, form input[type=email]:focus, form input[type=tel]:focus, form textarea:focus {
	border:1px solid #b33d89;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid red !important;
}
div.wpcf7-response-output {
    text-align: center;
}
div.wpcf7 .ajax-loader {display: none !important;}


/* ------------------------------  FOOTER -----------------------------*/

#footer { text-align: center;color:#FFF;font-size:10px;}
#footer img {width:70px;height:auto;margin:5px;}
#footer a {color:#fff;}

/* ------------------------------  RESPONSIVE -----------------------------*/

@media (max-width: 1120px) {
	.container { width:100%;}
}
@media (max-width: 991px) {
    #sous_header {height:58px;}
    #logo {width:200px;}
	#btn_menu {display:block;}
	nav {
		display: none;
		background: #282c2f;
		float:none;
		width:100%;
		position:fixed;
		top:58px;
		left:0;
		border-top:1px solid #555;
	}
	nav li {
		float:none;
		margin:0 30px;
		text-align:left;
		border-top:1px solid #555;
	}
	nav li:first-child {
		border-top:0;
	}
	nav li a {
		padding:20px 10px !important;
		height:auto;
	}
	
}
@media (max-width: 768px) {
    #contacts {background-image: none !important;}
    #albums h3 {font-size: 20px;line-height: 27px;}
    #albums .vc_column_container > .vc_column-inner {padding-left:7px;padding-right:7px;}

    .social .fa-stack {width:40px;height:40px;}
    .social .fa-stack-2x {font-size:40px;}
    .social .fa-stack-1x {font-size:20px;}
    
    .social .deezer {width:40px;margin-top:16px;}
}