/*
Theme Name:  Custom Theme
Theme URI: 
Author: Socail Pie
Author URI: https://socialpie.io/
Text Domain: socail-pie-theme
Description:  Discount Codes 2024.
Version: 1.0
Requires at least: 5.0
Requires PHP: 7.0
License: GNU General Public License v2 or later
*/

@font-face {
    font-family: 'Sentinel';
    src: url('assets/fonts/Sentinel-Medium.eot'); src: url('assets/fonts/Sentinel-Medium.eot?#iefix') format('embedded-opentype'), url('assets/fonts/Sentinel-Medium.woff2') format('woff2'), url('assets/fonts/Sentinel-Medium.woff') format('woff'), url('assets/fonts/Sentinel-Medium.ttf') format('truetype'); font-weight: 500;
    font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Sentinel';
    src: url('assets/fonts/Sentinel-Bold.eot'); src: url('assets/fonts/Sentinel-Bold.eot?#iefix') format('embedded-opentype'), url('assets/fonts/Sentinel-Bold.woff2') format('woff2'), url('assets/fonts/Sentinel-Bold.woff') format('woff'), url('assets/fonts/Sentinel-Bold.ttf') format('truetype'); font-weight: bold;
    font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Sentinel';
    src: url('assets/fonts/Sentinel-Semibold.eot'); src: url('assets/fonts/Sentinel-Semibold.eot?#iefix') format('embedded-opentype'), url('assets/fonts/Sentinel-Semibold.woff2') format('woff2'), url('assets/fonts/Sentinel-Semibold.woff') format('woff'), url('assets/fonts/Sentinel-Semibold.ttf') format('truetype'); font-weight: 600;
    font-style: normal; font-display: swap;
}

:root{
  --primary_col: #2A3A51;
  --body_col: #313131;
  --body_bg: #F4F2EF;
  --primary_font: "Karla", sans-serif;
  --head_font: 'Sentinel';
}
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: var(--primary_font);
}
body {
  color: var(--body_col);
  overflow-x: hidden;
  background: var(--body_bg);
}
a, a:hover {
  color: var(--primary_col);
}
body img {
  max-width: 100%;
  height: auto;
}
.fw-900{
  font-weight: 900;
}
.fw-500{
  font-weight: 500;
}
.fs-14 {
    font-size: 0.875em;
}
.spacing-2 {
    letter-spacing: 2px;
}
.cursor-pointer{
    cursor:pointer;
}
.secondary-font {
    font-family: var(--head_font);
}
body p {
  line-height: 1.4;
}
h1, h2, h3, h4, h5, h6 {font-family: var(--head_font);}
.text-primary {
  color: var(--primary_col) !important;
}
#masthead .main-header {
    padding: 1.5em 0;
}
#masthead .main-menu li a {
  text-decoration: none;
  /* font-size: 13px; */
  letter-spacing: 2px;
  text-transform: uppercase;
  border-bottom: 1px solid transparent;
  padding-bottom: 0.3em;
  transition: all 0.3s;
  /* color: var(--primary_col); */
}
#masthead .main-menu li a:hover {
  border-color: var(--primary_col);
}
body.mm-open {
    overflow: hidden;
}
header#masthead .mm-panel {
    height: 100vh;
    width: 100vw;
    position: absolute;
    background: #fff;
    left: 0;
    top: 0;
    transform: translateY(-100%);
    transition: all 1s;
    z-index: 999;
    padding: 1.5rem;
}
header#masthead .mm-panel.active {
  transform: translateY(0);
}
body header#masthead .mobile-menu .mobile-menu-toggle,
body header#masthead .mobile-menu .mobile-menu-toggle-close {
    background: transparent;
    border: 0;
}
body header#masthead .mobile-menu .mobile-menu-toggle span {
    height: 2px;
    width: 1.8em;
    background: var(--body_col);
    display: block;
    margin-bottom: 0.4em;
    margin-left: 0em;
    transform: rotate(0deg);
    transition: 0.4s;
}
body header#masthead .mobile-menu .mobile-menu-toggle span:last-child {
    margin-bottom: 0;
}
body header#masthead .mobile-menu button.mobile-menu-toggle-close span {
    height: 2px;
    width: 1.8em;
    background: var(--body_col);
    display: block;
    margin-bottom: 0.4em;
    margin-left: 0em;
}
body header#masthead .mobile-menu .mobile-menu-toggle-close span:first-child {
    transform: rotate(45deg);
    position: relative;
    top: 6px;
}
body header#masthead .mobile-menu .mobile-menu-toggle-close span:last-child {
    transform: rotate(-45deg);
    position: relative;
    top: -2px;
}
#mobile_menu {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
#mobile_menu li a {
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 1.2rem;
    font-family: var(--head_font);
    display: block;
    text-align: left;
}
footer .mailing-wrap {
    margin: 0 auto;
    max-width: 58em;
}
footer .newsletter_form  input[type=email] {
  border: 1px solid var(--body_col);
  color: #757575;
  letter-spacing: 2px;
}
footer .newsletter_form input[type=email]:focus {
    box-shadow: none;
}
footer .newsletter_form  input[type=email]::placeholder {
  text-transform: uppercase;
  color: #757575;
  letter-spacing: 2px;
  font-size: 12px;
}
footer .newsletter_form button[type=submit] {
    background: var(--body_col);
    padding: 0.375em 1.383em;
}

@media (max-width: 1500px) {
  body .container {
    width: 97%;
  }
}

@media (max-width: 999px) {
  body {
    font-size: 0.938em;
  }
}

@media (max-width: 767px) {
  body {
    font-size: 0.875em;
  }
    footer .newsletter_form button[type=submit] {
        padding: 0.375em 0.783em;
    }
}