/*
Theme Name: Gregoris Theme
Author: eloq GmbH
Author URI: https://eloq.swiss/
Description: Die eloq GmbH macht nicht einfach Internetseiten. Wir bieten Ihnen durchdachte Konzepte, mischen Designkompetenz mit technischem Können und streben so nach der perfekten Internet-Präsenz unseres Kunden. Das vorliegende Theme wurde von uns mit Passion und Freude handgefertigt. Wir hoffen, Ihnen gefällt unsere Arbeit!
Version: 1.0
*/

/* Imports */
@import url("https://fonts.googleapis.com/css?family=Barlow:300,400,700|Playfair+Display:400,700&display=swap");

/*
Primary: #002171
Secondary: #E3F2FD
*/
:root {
  --primary-color: #1b1a19;
  --secondary-color: #322b26;
  --title-h1-color: #f9ede4;
  --titel-color: #ddb19a;
  --text-color: #958c84;
}
/* GENERAL */
body {
  font-family: "Barlow", sans-serif;
  font-size: 17px;
  color: #958c84;
  -webkit-font-smoothing: antialiased;
  background-color: #1b1a19;
  line-height: 1.2;
}

main {
  position: relative;
  z-index: 2;
}

h2,
h3,
h4,
h5 {
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 2px;
}

h1 {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-size: 50px;
  margin-bottom: 60px;
  color: #f9ede4;
  letter-spacing: 0px;
}

h2 {
  font-size: 45px;
  margin-bottom: 30px;
  color: #ddb19a;
}

h3 {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 15px;
  color: #ddb19a;
}

p.lead {
  font-size: 24px;
  font-weight: 300;
}

a,
a:hover {
  position: relative;
  color: #f9ede4;
  text-decoration: none;
}

a p,
p a,
a:hover p,
p a:hover {
  text-decoration: underline;
}

svg.e_icon {
  width: 100%;
  height: 100%;
}

.btn-primary {
  border-radius: 0;
  border: 1px solid #958c84;
  min-width: 200px;
  background-color: #322b26;
  text-decoration: none;
  color: #f9ede4;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.btn-primary:hover {
  background-color: #322b26;
  color: #f9ede4;
  border-color: #ddb19a;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.5);
}

a:hover .btn-primary {
  text-decoration: none;
  border-color: #ddb19a;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.5);
}

button:focus {
  outline: none;
  box-shadow: none;
}

.btn:focus,
.btn-primary:focus {
  outline: none;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.5);
}

.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #322b26;
  border-color: #ddb19a;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.5);
}

img.bg_static_cover {
  object-fit: cover;
  -o-object-fit: cover;
  object-position: center;
  -o-object-position: center;
  font-family: "object-fit: cover; object-position: center;";
  max-width: 100%;
  width: 100%;
  height: 100%;
}

img.bg_static_cover {
  -webkit-filter: blur(3px);
  filter: blur(3px);
  transition: filter 500ms, -webkit-filter 500ms;
}

img.bg_static_cover.lazyloaded {
  -webkit-filter: blur(0);
  filter: blur(0);
}

section {
  position: relative;
}

section.bg_primary {
  background-color: #1b1a19;
}
section.bg_secondary {
  background-color: #322b26;
}
.form-control {
  position: relative;
  border: 2px solid #79b5dd;
  color: #79b5dd;
}

.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.pt_0 {
  padding-top: 0px;
}

.pt_50 {
  padding-top: 50px;
}

.pt_100 {
  padding-top: 100px;
}

.pb_0 {
  padding-bottom: 0px;
}

.pb_50 {
  padding-bottom: 50px;
}

.pb_100 {
  padding-bottom: 100px;
}

.mt_3 {
  margin-top: 15px;
}

.mt_4 {
  margin-top: 30px;
}

.mt_5 {
  margin-top: 60px;
}

table {
  width: 100%;
}

th,
td {
  vertical-align: top;
  padding-bottom: 1rem;
}

th {
  padding-right: 15px;
}
/* Header */
/*#wpadminbar {
  display: none;
}*/

.navbar-brand {
  font-family: "Playfair Display", serif;
  font-weight: 700;
  height: 50px;
  color: #f9ede4 !important;
}

.navbar-dark .navbar-toggler {
  border: none;
}

.navbar.fixed-top {
  background-color: rgba(27, 26, 25, 0.9) !important;
  transition: background-color 400ms linear;
}

.navbar.fixed-top.scrolled {
  background-color: #1b1a19 !important;
  transition: background-color 400ms linear;
}

nav a,
.navbar-dark .navbar-nav .nav-link {
  text-decoration: none;
  color: #958c84;
  letter-spacing: 2px;
}

@media (max-width: 767.9px) {
  .navbar.fixed-top {
    background-color: #1b1a19 !important;
  }
}

/* footer */

footer {
  background: #1b1a19;
}

footer ul {
  padding: 0;
}
footer li {
  display: flex;
}

footer a {
  text-transform: uppercase;
  font-size: 24px;
}

/* End footer */

/* ./ PLUGIN STYLING */

/* Small Devices, Tablets */
/* Disable AOS */
@media (max-width: 991px) {
  .aos-animate {
    /*CSS transitions*/
    -webkit-transition-property: none !important;
    transition-property: none !important;
    /*CSS transforms*/
    -webkit-transform: none !important;
    transform: none !important;
    /*CSS animations*/
    -webkit-animation: none !important;
    animation: none !important;
  }

  h1 {
    font-size: calc(50px * 0.75);
  }

  h2 {
    font-size: calc(45px * 0.75);
  }

  h3 {
    font-size: calc(30px * 0.8);
  }

  p.lead,
  footer a {
    font-size: calc(24px * 0.85);
  }
}