/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/

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

.x-brand.text {
    display: none;
}

.x-brand.img {
    display: none;
}

.x-navbar .x-brand {
    margin-top: 10px !important;
}

.x-navbar {
    background-color: rgba(255, 255, 255, .9) !important;
}
.x-navbar .x-nav-wrap .x-nav > li > a {
    font-size: 25px !important;
    font-family: "Oswald",sans-serif !important;
    font-variant: small-caps !important;
}

/*
.x-navbar .desktop .x-nav > li > a > span {
border: 1px solid black !important;
padding: 0.875em 1.25em !important;
border-radius: 100em !important;
}
*/

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

/*
p {
    font-family: 'Coustard', serif;
    font-weight: 400;
}

h3 {
    font-family: 'Leckerli One', cursive;
    font-size: 16px;
    font-weight: 400 !important;
}
*/

.customer {
    font-family:
}

#textHome {
    color: #006666 !important;
}

.hr_services {
   border-color:black !important;
}

.bullets > li{
 color: #006666 !important;
}

.black {
    color: white !important;
}

/*
.x-colophon {
    border-top: none !important;
    box-shadow: none !important;
} 
*/

p {
    font-size: 20px !important;
    font-weight: 100 !important;

}

p.extraService {
    padding-top: 10px !important; 
    padding-bottom: 10px !important;
}

p.small {
    color: white !important;
    text-align: left !important;  
    line-height: 25px !important;
    font-size: 18px !important;
    font-family: "Oswald",sans-serif !important;
}

.gold {
    font-weight: 600;
    font-size: 80px;
    color: #666600 !important;
}

.font {
    font-family: "Helvetica Neue",Helvetica,sans-serif !important;
    font-variant: small-caps !important;
}

h2.title {
    font-size: 50px !important;
    padding-top: -500px !important; 
}

h2.subtitle {
    font-size: 30px !important;
    padding-bottom: 50px; 
}

h3.carte {
    font-size: 25px !important;
    font-weight: 600 !important;
    font-family: "Oswald",sans-serif !important;
    font-variant: small-caps !important;
    color: #006666 !important;
}

h3.cut {
    font-size: 25px !important;
    font-weight: 600 !important;
    font-family: "Oswald",sans-serif !important;
    font-variant: small-caps !important;
    color: #006666 !important;
}

h3.colour {
    font-size: 25px !important;
    font-weight: 600 !important;
    font-family: "Oswald",sans-serif !important;
    font-variant: small-caps !important;
    color: #006666 !important;
}

h3.blowDry {
    font-size: 25px !important;
    font-weight: 600 !important;
    font-family: "Oswald",sans-serif !important;
    font-variant: small-caps !important;
    color: #006666 !important;
}

h4 {
    font-weight: 600 !important;
}

.h-custom-headline.accent span:before, .h-custom-headline.accent span:after {
   border-color: black !important;
   padding-bottom: 5px !important;
}

.hrService, .hrServiceMobile {
    border-color: #666600 !important;
    border-width: 2px !important;
}

/* ----------------------------------------------IMAGES---------------------------------------------- */

img.about {
    border: solid grey 2px !important;
}

img#logo {
    margin-left: 37.5% !important;
    width: 25% !important;
    height: 25% !important;
}

/* ----------------------------------------------BUTTON---------------------------------------------- */

.tp-caption a {
    color:#b7a11b !important;
}

.x-scroll-top {
   color: #006666 !important;
   border: 2px solid #006666 !important;
}

.x-btn-navbar {
    color: #006666 !important;
}

.x-btn-navbar.collapsed {
    color: #006666 !important;
}

#upload a{
	background-color:#999900 !important;
	display:inline-block !important;
	cursor:pointer !important;
	color: white !important;
	font-size:25px !important;
	padding:16px 31px !important;
	text-decoration:none !important;
	text-shadow:0px 1px 0px #000000 !important;
}

#upload a:hover {
	background-color:#666600 !important;
}

#upload a:active {
    position:relative !important;
    top:1px !important;
    color: white !important;
}

#book a{
	background-color:#999900 !important;
	display:inline-block !important;
	cursor:pointer !important;
	color: white !important;
	font-size:30px !important;
	padding:40px 100px !important;
	text-decoration:none !important;
	text-shadow:0px 1px 0px #000000 !important;
}

#book a:hover {
	background-color:#666600 !important;
}

#book a:active {
    position:relative !important;
    top:1px !important;
    color: white !important;
}


/* ----------------------------------------------SLIDER---------------------------------------------- */

p.slider {
    font-family: "Oswald",sans-serif !important;
    font-weight: 600 !important;
    font-size: 40px !important;
    color: #ffffff !important;
    font-variant: small-caps;
    line-height: 60px !important;
}

p.slider1 {
    font-family: "Oswald",sans-serif !important;
    font-weight: 600 !important;
    font-size: 40px !important;
    color: #ffffff !important;
    font-variant: small-caps;
    line-height: 60px !important;
}

p.slider2 {
    font-family: "Oswald",sans-serif !important;
    font-weight: 600 !important;
    font-size: 40px !important;
    color: #ffffff !important;
    font-variant: small-caps;
    line-height: 60px !important;
}

.large{
    font-size: 80px;
}

.colourSlider {
    color: #666600 !important;   
}

/* ----------------------------------------------MAP---------------------------------------------- */

.x-map {
    margin-bottom: 0 !important;
}

/* -------------------------------------------CONTACT FORM------------------------------------------- */

.wpcf7 input[type="text"] {
    font-size: 18px !important;
}

.wpcf7 input[type="email"] {
    font-size: 18px !important;
}

.wpcf7 input[type="tel"] {
    font-size: 18px !important;
}

.wpcf7 textarea {
    font-size: 18px !important;
}

input[type="submit"] {
    background-color:#999900 !important;
    display:inline-block !important;
    cursor:pointer !important;
    color: white !important;
    font-size:17px !important;
    padding:16px 31px !important;
    text-decoration:none !important;
    text-shadow:0px 1px 0px #000000 !important;  
    border-style: none !important;  
    box-shadow: none !important;
    border-radius: 0px !important;
}

input[type="submit"]:hover {
    background-color:#666600 !important;
}

input[type="submit"]:active {
    position:relative !important;
    top:1px !important;
    color: white !important;
}

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

.x-colophon.bottom .x-social-global a {
    font-size: 40px !important;
}

.x-colophon.bottom .x-nav li a {
    font-size: 1.15em !important;
}

#box {
    border: groove black !important;
    border-width: 2px !important;
    padding: 10px !important;
}

/*************************************************************** RESPONSIVE ***************************************************************/

@media only screen and (min-width: 768px) and (max-width: 1024px) {
}

@media only screen and (max-width: 995px) {

.hrServiceMobile {
    padding-top: 100px !important;
    margin-top: 95px !important;
}

.colour {
    margin-top: -100px !important;
}

img#logo {
    margin-left: 25% !important;
    width: 50% !important;
    height: 50% !important;
}
    
}

@media only screen and (max-width: 800px) {

.hrServiceMobile {
    margin-top: 63px !important;
}

.colour {
    
}

img#elena {
    margin-top: 50px !important;
}

}

@media only screen and (max-width: 767px) {

.hrServiceMobile {
    margin-top: 0px !important;
}

.colour {
    margin-top: 0px !important;
}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

#contactSpace {
    margin-top: 20px !important;
}

.hrServiceMobile {
    margin-top: 20px !important;
}

.colour {
    margin-top: -100px !important;
}

img#elena {
    margin-top: -10px !important;
    margin-bottom: 25px !important;
}

img#logo {
}

}

@media only screen and (max-width: 480px) {

p.man.h4_look {
    font-size: 0.8em !important;
}

p.extraService {
    padding-top: 10px !important; 
    padding-bottom: 10px !important;
}

.colour {
    margin-top: -100px !important;
}

.hrServiceMobile {
    margin-top: 30px !important;
}

p.slider {
    line-height: 100px !important;
}

p.slider1 {
    line-height: 60px !important;
}

p.slider2 {
    line-height: 60px !important;
}

p.small {
    margin-top: -40px !important;
    margin-bottom: 100px !important;
    line-height: 25px !important;
}

#contactSpace {
    margin-top: 20px !important;
}

img#elena {
    margin-top: -10px !important;
    margin-bottom: 25px !important;
}

}