/*
Theme Name: The Secret Salon
Theme URI: https://www.45b.co.uk
Author: 45b
Version: 1.0
*/

@import "style-base.css"; 

/*--------------------------------------------------------------
# Body
--------------------------------------------------------------*/

body {
  background-color: #000;
  background-image: url("assets/images/si-sig.png"); background-position: center center; background-repeat: no-repeat;
  color: #fff;
  font-family: 'Poppins', Helvetica, Arial, sans-serif;
  overflow-x: hidden;
}

.container {max-width: 90%;}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  line-height: 1.2em;
  margin-bottom: 1em;
}

h1 {font-size: 2.2em; color: #fff; margin-bottom: 0.5em;}
h2 {font-size: 1.8em; color: #aaa;}
h3 {font-size: 1.6em; color: #aaa;}
h4 {font-size: 1.4em; color: #aaa;}
h5 {font-size: 1.2em; color: #aaa;}

p {margin-bottom: 1.5em; font-weight: 300;}
.main-copy ul, .main-copy ol {font-weight: 300; color: #000; margin-bottom: 1.5em;}

a {text-decoration: none; color: #ba9571;}
a:hover {text-decoration: none; color: #aaa;}

.row-tint {background: #efefef;}


.gold {color: #ba9571;}

strong {font-weight: bold;}

.small {font-size: 0.8em;}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

header {padding-top: 1em; padding-bottom: 2em;}
header img {max-width: 120px; margin-bottom: 2em;}

.header-contact {text-align: left;}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

.header-menu {padding: 0; font-weight: 700; border-bottom: 1px solid #666; border-top: 1px solid #666;}
.header-menu ul {list-style: none; margin: 0.5em 0 0.5em 0; padding: 0;}
.header-menu ul li {display: inline-block;}
.header-menu ul li a {display: inline-block; color: #ba9571; margin: 0 40px 0 0; padding: 0;}
.header-menu ul li a:hover {color: #fff;}
.header-menu ul li.current_page_item a {color: #fff;}
.header-menu ul li.current_page_item a:hover {color: #fff;}



/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

.page-content {text-align: left;}

/************/
/* Homepage */
/************/



/* Form panel */
.form-panel {background: #efefef; padding: 2em;}



label {width: 100%; font-size: 1em; margin-bottom: 1em; font-family: 'Poppins', Helvetica, Arial, sans-serif; font-weight: bold;}
textarea.form-control {height: 107px!important;}
.wpcf7-form-control {border-radius: 0;}
.wpcf7-acceptance {margin-top: 1em;}
.wpcf7-list-item {margin-left: 0; margin-top: 0;}
.wpcf7-submit {position: relative; background: #ba9571; color: #fff; padding: 10px 15px; white-space: nowrap; font-size: 1.2em; border: none; font-family: 'Poppins', Helvetica, Arial, sans-serif;}
.wpcf7-submit:hover {background: #fff; color: #000; border: none;}

.wpcf7-radio {display: block; margin-bottom: 1em;}
.wpcf7-form p {margin-bottom: 0.2em;}

.btn-primary.disabled, .btn-primary:disabled {background: #999; border: none;}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

footer {color: #999; padding-top: 3em; padding-bottom: 3em; font-size: 1em;}

.legal {font-size: 0.75em;}

/* Plugin overrides */
.badge {text-align: left!important; white-space: wrap!important;}

.wp-block-table table {width: auto!important;}
.wp-block-table td, .wp-block-table th {border: none!important; border-bottom: 1px solid #666!important;}
.has-text-align-right {color: #ba9571;}

/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
/* MEDIA QUERIES */

@media screen and (min-width: 200px) {

}

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

}

@media screen and (min-width: 640px) {

}

@media screen and (min-width: 960px) {
.header-contact {text-align: right;}
}

	
@media screen and (min-width: 991px) {

}
@media screen and (min-width: 1200px) {

}

@media print {
/* Print CSS rules go here */

}