/*!
Theme Name: STARTEO Starter Theme
Author: Starteo
Author URI: https://www.starteo.pro
Description: 
Version: 1.0
Requires at least: 5.0
Tested up to: 5.7
Requires PHP: 7.2
Text Domain: gbdi-starter
*/

/* Don't overwrite this file. Compile "/assets/main.(less|scss)" to "/assets/css/main.css" */

/* From http://codex.wordpress.org/CSS */

/* GENERAL */
/*
@font-face {
	font-family: "Ganton";
	src: url(assets/_fonts/Ganton.otf) format("opentype");
}
*/

@font-face {
  font-family: "Museo";
  src: url(assets/_fonts/MuseoSansCyrl300.ttf) format("truetype");
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: "Museo";
  src: url(assets/_fonts/MuseoSansCyrl700.ttf) format("truetype");
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "SteelWorks";
  src: url(assets/_fonts/SteelworksVintageDemo.ttf) format("truetype");
  font-style: normal;
  font-weight: 400;
}

:root {
  font-size: 112.5%;

  --font-size-15: 0.833rem; /* 15px */
  --font-size-16: 0.889rem; /* 16px */
  --font-size-base: 1rem; /* 18px */
  --font-size-24: 1.333rem; /* 24px */
  --font-size-25: 1.389rem; /* 25px */
  --font-size-30: 1.667rem; /* 30px */

  --color-yellow: #ffcc00;
  --color-purple-light: #891c68;
  --color-purple: #410a32;
  --color-black: #000000;
  --color-white: #ffffff;

  --font-family-content: "Museo";
  --font-family-title: "SteelWorks";
  --font-weight-light: 300;
  --font-weight-bold: 700;
}

@media (max-width: 992px) {
  :root {
    font-size: 100%;

    --font-size-30: 1.563rem; /* ~25px sur mobile */
    --font-size-25: 1.375rem; /* ~22px sur mobile */
    --font-size-24: 1.313rem; /* ~21px sur mobile */
  }
}

body {
  color: var(--color-purple);
  font-family: var(--font-family-content);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-light);
  line-height: 1.11;
}

a {
  color: var(--color-purple-light);
}

.back-to-top {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 10px; /* Place the button at the bottom of the page */
  right: 10px; /* Place the button 30px from the right */
  z-index: 999; /* Make sure it does not overlap */
  outline: none; /* Remove outline */
  cursor: pointer; /* Add a mouse pointer on hover */
  font-size: 20px; /* Increase font size */
  color: #ffffff;
  background: #172544;
  border: solid 1px #f4c000;
  padding: 14px 16px;
  transition:
    background-color 0.3s,
    opacity 0.5s,
    visibility 0.5s;
  opacity: 0;
  visibility: hidden;
}

.back-to-top.show {
  opacity: 1;
  visibility: visible;
}

.back-to-top:hover {
  background-color: #f4c000;
}

.thermo-title {
  font-size: 45px;
  text-transform: uppercase;
  font-weight: var(--font-weight-bold);
}

.thermo-purple-light {
  color: var(--color-purple-light);
}

.thermo-yellow {
  color: var(--color-yellow);
}

.thermo-white {
  color: var(--color-white);
}

.thermo-bg-black {
  background-color: var(--color-black);
}

.thermo-content strong {
  font-weight: var(--font-weight-bold);
}

.grecaptcha-badge {
  display: none;
}
/* GENERAL */

/* FOOTER */
.thermo-footer {
  font-size: var(--font-size-15);
}

.thermo-footer-logo {
  height: 58px;
  width: auto;
}

.thermo-footer-contact-title {
  text-transform: uppercase;
  font-size: var(--font-size-25);
  font-weight: var(--font-weight-bold);
}

.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7-select,
.wpcf7 textarea {
  width: 100%;
}

::placeholder,
textarea,
label,
select,
input {
  font-family: var(--font-family-content);
  font-size: 13px;
  color: var(--color-white);
}

.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7-form textarea,
.wpcf7-form select {
  border: 1px solid var(--color-white);
  background-color: transparent;
  padding: 5px;
  outline: none !important;
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
  color: var(--color-white) !important;
}

textarea {
  height: 82px;
}

.wpcf7-form input.wpcf7-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: var(--color-yellow);
  font-family: var(--font-family-content);
  font-size: var(--font-size-16);
  line-height: 1.12;
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  text-transform: uppercase;
  padding: 5px;
  cursor: pointer;
}

.thermo-footer-links {
  font-size: var(--font-size-15);
}

.thermo-footer-links a {
  color: var(--color-white);
}
/* FOOTER */

/* HOME */
.thermo-home-header-bg {
  background: url("assets/images/Thermolaq_bg_header.jpg") center / cover
    no-repeat;
  min-height: 177px;
}

.thermo-home-header-logo {
  height: 80px;
  width: auto;
}

.thermo-home-banner-bg {
  background: url("assets/images/Thermolaq_bg_top.png") center / cover no-repeat;
  min-height: 510px;
}

.thermo-home-banner-image {
  height: 425px;
  width: auto;
  object-fit: cover;
}

.thermo-home-services {
  text-transform: uppercase;
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-bold);
  border: 1px solid var(--color-purple-light);
  padding: 10px 30px;
}

.thermo-home-services p {
  margin-bottom: 0;
}

.thermo-home-steps {
  background: linear-gradient(to right, #891c68, #410a32);
}

.thermo-home-steps-title {
  text-transform: uppercase;
  font-size: var(--font-size-24);
  letter-spacing: 1px;
  line-height: 26px;
}

.thermo-home-steps-title strong {
  font-weight: var(--font-weight-bold);
}

.thermo-home-steps-logo {
  height: 162px;
  width: auto;
}

.thermo-home-step-title {
  background: url("assets/images/Thermolaq-Sections-Titre.png") no-repeat left
    center / 100% 100%;
  padding: 0.3rem 0.75rem;
  margin-bottom: 0.75rem;
  line-height: 1.2;
  font-family: var(--font-family-title);
  font-size: var(--font-size-30);
}

.thermo-home-step-title p {
  margin-bottom: 0;
}

.thermo-home-step-content {
  text-align: justify;
  font-size: var(--font-size-16);
  line-height: 1.3;
}

.thermo-home-step-content p:last-child {
  margin-bottom: 0;
}
/* HOME */