/*
Theme Name: DJS
Theme URI: https://refreshs9.sg-host.com/
Author: Refresh Services
Author URI: https://refreshservices.fr/
Description: Custom WooCommerce theme developed from Figma design with optimized performance and clean code structure.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: djs
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-theme, woocommerce, figma, responsive, clean-code
*/

:root {
  --djs-primary:#C8102E;
  --djs-secondary:#1A1A1A;
  --djs-text:#777777;
  --djs-white:#fff;
  --djs-gray:#666666;
}
* {
  box-sizing:border-box
}
html,
body {
  height:100%
}
body {
  margin:0;
  padding:0;
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  background:#fff;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  color:var(--djs-secondary);
  line-height:1.6;
  font-size:14px
}
img {
  max-width:100%;
  height:auto;
  width:auto
}
a {
  text-decoration:none;
  color:var(--djs-text);
  transition:all .25s ease
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin:0;
  color:var(--djs-text);
  font-weight:300;
  line-height:1.2;
  font-family: "Cormorant Garamond", serif;
}
h1 {
  font-size:50px;
  font-weight: 300;
}
h2 {
  font-size:40px
}
h3 {
  font-size:22px
}
h4 {
  font-size:18px
}
:is(ul,
ol) {
  margin-bottom:20px;
  padding-left:17px
}
p {
  font-size:14px;
  color:var(--djs-secondary);
  line-height:1.6;
  margin:0
}
strong {
  font-weight:600;
  color:var(--djs-text)
}
input[type=text],
input[type=email],
input[type=tel],
input[type=password],
textarea {
  border:1px solid #FFFFFF33;
  color:#fff;
  width:100%;
  background-color:initial;
  font-size:14px;
  padding:10px;
  line-height:1.3;
 font-family: "Jost", sans-serif;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=password]:focus,
textarea:focus {
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);
  outline:0;
  border-color: #FFFFFF33;
}
textarea {
  overflow:auto;
  padding:10px 15px;
  min-height:190px;
  resize:vertical
}
label {
  display:block;
  margin-bottom:5px;
  color:var(--djs-primary);
  vertical-align:middle;
  font-weight:400
}
mark {
  display:inline-block;
  padding:5px 8px;
  background-color:#f7f7f7;
  color:var(--djs-text);
  font-weight:600;
  line-height:1
}
.required {
  color:var(--djs-primary)
}
.djs-container {
   width: 100%;
	  max-width: 1360px;
	  margin: 0 auto;
	  padding-left: 24px;
	  padding-right: 24px;
}
.btn,
input[type=submit],
.button {
  background:#C8102E;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:20px;
  line-height:1;
  padding:12px 24px;
  color:#fff;
  text-align:center;
  transition:all .3s;
  font-weight:500;
  border:1px solid transparent;
  cursor:pointer;
  transition:all .4s ease
}
.btn span,
input[type=submit] span,
.button span {
  transition:all .4s ease
}
.btn:hover,
input[type=submit]:hover,
.button:hover {
  background:0 0
}
.btn:hover,
input[type=submit]:hover,
.button:hover span {
  background:var(--djs-primary);
  color:#fff;
}
.btn-white {
  background:#fff;
  color:var(--djs-text);
  box-shadow:none;
  box-shadow:0 4px 4px rgba(8,8,8,8%);
  box-shadow:0 1px 2px rgba(8,8,8,.2);
  box-shadow:0 0 0 1px #ccc inset
}
.btn-white:hover {
  background:#fff;
  color:var(--djs-text)
}
.btn-full {
  display:flex;
  width:100%;
  justify-content:center
}
.btn-outline {
  background-color:initial;
  border:1px solid var(--djs-primary);
  color:var(--djs-primary)
}
.btn-outline:hover {
  background-color:var(--djs-primary);
  border:1px solid var(--djs-primary);
  color:#fff
}
.djs-page-content{
  padding: 40px 0px;;
}
.djs-page-header{
  padding-bottom: 10px;
}