/*
Theme Name: Interlink The Night Suit Co
Template: hello-elementor
Version: 1.0
Author: Your Name
Description: A child theme for Hello Elementor
*/

/* You can write custom CSS below */
:root {
  --ocean-blue: #005EB8;
  --pink-peach: #ffe1d1;
  --red-our: #e6007e;
  --pink-peach-light: #fbf8f4;
}

.bg-blue-our {
  background-color: var(--ocean-blue) !important;
}

.bg-pink-our {
  background-color: var(--pink-peach) !important;
}

.bg-pink-light-our {
  background-color: var(--pink-peach-light) !important;
}

.bg-red-our {
  background-color: var(--red-our) !important;
}

.custom-logo-link img{
  width: auto;
  height: 80px;
}

/* #site-footer {
  display: none;
} */

@font-face {
	font-family: 'Montserrat New';
	src: url('assets/fonts/function-pro/functionpro-medium-webfont.woff2');
}

@font-face {
	font-family: 'Montserrat New Demi';
	src: url('assets/fonts/function-pro/functionpro-demi-webfont.woff2');
}

@font-face {
	font-family: 'Montserrat New bold';
	src: url('assets/fonts/function-pro/functionpro-bold-webfont.woff2');
}

body{
  font-family: 'Montserrat New', sans-serif !important;
}
body:not([class*=elementor-page-]) .site-main, main {
  min-height: 75dvh;
}
h1, h2, h3, h4, h5, h6, button, .pro-price {
  font-family: 'Montserrat New Demi', sans-serif !important;
}

p, .title-head{
  font-family: 'Montserrat New', sans-serif !important;
}

#search input{
  border: none !important;
  border-bottom: 1px solid gray !important;
  border-radius: 0;
}

@media (min-width: 1400px) {
  .page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
    max-width: 1320px !important;
  }
}

@media (min-width: 1500px) {
  .page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
    max-width: 1420px !important;
  }
}

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {
  color: #191919;
}

.proceed-to-checkout{
  /* background: rgb(33, 37, 41); */
  background-color: #212529 !important;
  color: white !important;
  border-radius: 25px !important;
  font-weight: 500 !important;
  text-decoration: underline !important;
}

a.proceed-to-checkout:hover {
  background-color: #212529 !important;
  color: white !important;
  border-radius: 25px !important;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

.h-full {
  height: 100% !important;
}

.alignwide {
  margin-inline: auto !important;
}