/*CSS BY ARTAMEDIA - DEV Version*/
/* Art Danse Thérapie */

/* 
VERT 		: #669B78 	
VERT FONCE	: #418257
VERT CLAIR 	: #8FB69C	
BEIGE		: #F8DEC3
BEIGE FONCE	: #D4B08B
BEIGE CLAIR	: #FFF2E3
BLEU FONCE	: #444D79
*/

body {background-color:#fdf7f1}

/*FONTS*/
.qx-subtitle p {font-size:24px; text-transform:uppercase; text-align: center}
h2.qx-title, h3.qx-title {text-align: center}
h2 {font-family: 'Dancing Script', cursive; font-size: 48px; color:#418257}
h3 {font-family: 'Dancing Script', cursive; font-size: 30px; color:#444D79}
h4 {font-size:20px; text-transform:uppercase}

/*BOUTONS*/
a.btn, a.btn:visited {border-radius: 5px; padding: 8px 24px; color: #ffffff; font-size: 14px; background-color: #669B78}
a.btn:hover, a.btn:focus, a.btn:active {background-color:#418257; color: #ffffff;}

/*BARRE NAV TOP
section#sp-top {background-color:#7c8e54; position: fixed; width:100%; z-index:999}*/

/*nav*/
.sp-megamenu-wrapper {text-align: center}
.sp-megamenu-parent {float:none}
.sp-megamenu-parent >li >a {line-height: 40px; color:#fff; font-weight: 500}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a {}


/*responsive menu*/
#offcanvas-toggler {line-height: 40px;}
#offcanvas-toggler >i {color: #FFF2E3}
#offcanvas-toggler >i:hover {color: #fff}

/*Langues
#sp-top2 {text-align: right} 
.sp-module ul >li >a {line-height: 40px; color:#fff}
.sp-module ul >li.lang-active a {color:#FFF2E3}
.sp-module ul >li >a:hover {color:#FFF2E3}*/

/*LOGO*/
h1 {font-family: 'Dancing Script', cursive; margin:0; font-size: 24px}
.logo a {display:block; padding:8px 0 0 0}
#sp-header .logo a h1, #sp-header .logo a:hover h1, #sp-header .logo a:focus h1, #sp-header .logo a:visited h1 {color:#fff}

/*SECTIONS*/
#sp-main-body {padding: 0}
#header .qx-col-wrap, #map .qx-col-wrap {padding: 0}
#header h2 {font-size: 60px; font-weight: 700; text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;}
#header h3 {font-size:24px; font-family:'Open Sans', sans-serif; text-shadow: rgb(255, 255, 255) 1px 0px 0px, rgb(255, 255, 255) 0.540302px 0.841471px 0px, rgb(255, 255, 255) -0.416147px 0.909297px 0px, rgb(255, 255, 255) -0.989992px 0.14112px 0px, rgb(255, 255, 255) -0.653644px -0.756802px 0px, rgb(255, 255, 255) 0.283662px -0.958924px 0px, rgb(255, 255, 255) 0.96017px -0.279415px 0px;}
#creations {background: #ece4e4}

/*DESCRIPTION*/
#description {background-color:#fff}
#description #collogos .logos {text-align: center}
.qx-element-blurb__media {width:auto!important}
.qx-element-blurb__title {margin-bottom: 0!important}

/*CONTACT*/
#contact, #map {background: #F8DEC3}
#contact {text-align:center}
#contact img {text-align: center; margin:0 auto}
#contact #presentation {text-align: justify}
#contact .qx-col-wrap h3.qx-title {margin: 0 auto; padding: 0 0 24px 0}
.convertforms {margin: 0 auto}
.convertforms .cf-label .cf-required-label {color: #900; font-weight: 400}
.convertforms .cf-label {font-weight: 300; text-align: left}
.convertforms.cf-success .cf-response {background-color: #F8DEC3; color:#444D79}

/*Captcha*/
iframe .rc-anchor-center-container, iframe .rc-anchor-compact .rc-anchor-content {height: 50px!important}

/*Map*/
#colmap {padding:0}


/*FOOTER*/
#sp-footer .container-inner {padding:8px 0}
#sp-footer {background: #669B78; text-align: center; color:#fff; padding: 8px}
#sp-footer p {margin:0}
#sp-footer a {color:#F8DEC3}
#sp-footer a:hover, #sp-footer a:focus {color:#fff}
#footer svg path {fill:#fff}


@media only screen and (max-width: 600px) {
    #header h2.qx-title {font-size:50px}
    #header .qx-subtitle p {font-size:24px} 
}