@charset "UTF-8";
/*!
Theme Name: Werks Motorsport
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: werks-motorsport
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Werks Motorsport is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.bg-dark {
  background: #202020 !important;
}

.bg-green {
  background: #CCFF00 !important;
}

.bg-black {
  background: #000 !important;
}

.text-green {
  color: #CCFF00;
}

mark {
  padding: 0 !important;
}

.has-text-align-center {
  text-align: center;
}

.has-text-align-right {
  text-align: right;
}

html {
  width: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: din-2014, sans-serif;
  font-weight: 300;
  font-style: normal;
  line-height: 1.3 !important;
  max-width: 100%;
  overflow-x: hidden;
  color: #000;
}

ul {
  list-style: none;
  padding-left: 15px;
}
ul li:before {
  content: "•";
  font-size: 25px;
  margin-right: 10px;
  line-height: 1;
}

.container {
  padding-left: 25px;
  padding-right: 25px;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: none;
  color: inherit;
}

b,
strong,
.bold {
  font-weight: 600;
}

.small {
  font-size: 0.75rem !important;
}

h1,
.h1,
.has-h-1-font-size {
  line-height: 0.9 !important;
}

h2,
.h2,
.has-h-2-font-size {
  line-height: 0.9;
}

ul.menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 93px;
}
@media (min-width: 1200px) {
  main {
    margin-top: 107px;
  }
}

header {
  background-color: black;
  color: white;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  font-weight: 400;
}
header a:hover {
  color: #CCFF00;
}
header i {
  font-size: 1rem;
}
header ul li:before {
  display: none;
}
header a.logo {
  width: auto;
}
header .nav-toggle {
  cursor: pointer;
}
header nav {
  width: auto;
  display: none;
  font-weight: 600;
  text-transform: uppercase;
  background: #000;
}
header nav .menu li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  padding: 10px 15px;
}
header nav .menu li a:hover {
  color: #CCFF00;
}
@media (min-width: 576px) {
  header nav .menu li a {
    padding: 10px calc((100vw - 510px) / 2);
  }
}
@media (min-width: 768px) {
  header nav .menu li a {
    padding: 10px calc((100vw - 690px) / 2);
  }
}
@media (min-width: 992px) {
  header nav .menu li a {
    padding: 10px calc((100vw - 930px) / 2);
  }
}
@media (min-width: 1200px) {
  header nav .menu li a {
    padding: 10px;
  }
}
header nav .menu li .sub-menu {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 1199px) {
  header nav {
    position: absolute;
    z-index: 5;
    top: 93px;
    left: 0;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  header nav {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 30px;
  }
  header nav .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
  }
  header nav .menu .sub-menu {
    position: absolute;
    z-index: 2;
    background: #202020;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    left: 50%;
  }
  header nav .menu .sub-menu a:hover {
    background: #CCFF00;
    color: #000;
  }
  header nav .menu .sub-menu .current_page_item a {
    background: #CCFF00;
    color: #000;
  }
  header nav .menu li.menu-item-has-children {
    position: relative;
  }
  header nav .menu li.menu-item-has-children:hover .sub-menu {
    display: block;
  }
  header nav .menu > .current-menu-parent > a,
  header nav .menu > .current-menu-item > a {
    color: #CCFF00;
  }
}
header .search-form {
  position: relative;
  padding: 10px 15px;
  margin: auto;
}
header .search-form input {
  border: none;
  outline: none;
  padding: 0;
  padding: 10px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: white;
  background: transparent;
  border: 1px solid white;
}
header .search-form input::-webkit-input-placeholder {
  color: white;
}
header .search-form input::-moz-placeholder {
  color: white;
}
header .search-form input:-ms-input-placeholder {
  color: white;
}
header .search-form input::-ms-input-placeholder {
  color: white;
}
header .search-form input::placeholder {
  color: white;
}
header .search-form button {
  position: absolute;
  top: 0;
  right: 20px;
  color: white;
  height: 100%;
  width: 30px;
  border: none;
  background-color: transparent;
}
@media (min-width: 576px) {
  header .search-form {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  header .search-form {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  header .search-form {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  header .search-form {
    padding: 0;
  }
  header .search-form button {
    right: 0;
  }
  header .search-form input {
    border: none;
    width: 0;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
  }
  header .search-form.active input {
    width: 150px;
    border: 1px solid white;
  }
}

footer {
  background-color: black;
  color: white;
  font-size: 1.25rem;
}
footer ul li:before {
  display: none;
}
footer a {
  line-height: 1.5;
}
footer .contacts i {
  font-size: 1rem !important;
  width: 20px;
}
footer a:hover {
  color: #CCFF00;
}

.gform_wrapper .validation_message {
  font-size: 1rem;
  color: inherit;
}
.gform_wrapper .gform_required_legend {
  display: none;
}
.gform_wrapper .gform_validation_errors {
  padding: 0;
  border: 0;
  background: transparent;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.gform_wrapper .gform_validation_errors h2 {
  color: inherit !important;
  font-size: 1.25rem !important;
}
.gform_wrapper .gform_validation_errors .gform-icon {
  display: none;
}
.gform_wrapper .gform_fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
}
.gform_wrapper .gfield {
  margin-bottom: 15px;
}
.gform_wrapper .gfield label {
  margin-bottom: 10px;
  font-size: 1.25rem;
  font-weight: 600;
}
.gform_wrapper .gfield.hidden_label label {
  display: none;
}
.gform_wrapper .gfield input,
.gform_wrapper .gfield textarea {
  width: 100%;
  border: none;
  border: 1px solid;
  border-color: inherit;
  background: transparent;
  color: inherit;
  padding: 20px 10px;
  font-size: 1.25rem;
  max-height: 150px;
  border-radius: 0;
  min-block-size: unset !important;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: block;
}
.gform_wrapper .gfield input::-webkit-input-placeholder, .gform_wrapper .gfield textarea::-webkit-input-placeholder {
  color: inherit;
  font-weight: 300;
}
.gform_wrapper .gfield input::-moz-placeholder, .gform_wrapper .gfield textarea::-moz-placeholder {
  color: inherit;
  font-weight: 300;
}
.gform_wrapper .gfield input:-ms-input-placeholder, .gform_wrapper .gfield textarea:-ms-input-placeholder {
  color: inherit;
  font-weight: 300;
}
.gform_wrapper .gfield input::-ms-input-placeholder, .gform_wrapper .gfield textarea::-ms-input-placeholder {
  color: inherit;
  font-weight: 300;
}
.gform_wrapper .gfield input::placeholder,
.gform_wrapper .gfield textarea::placeholder {
  color: inherit;
  font-weight: 300;
}
.gform_wrapper .gfield textarea {
  padding: 7px 10px;
}
.gform_wrapper .gform_footer {
  margin-top: 0;
}
.gform_wrapper .gform_footer input[type=submit] {
  border: none;
  display: inline-block;
  font-weight: 600 !important;
  padding: 15px 30px !important;
  -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 65%, 93% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0, 100% 65%, 93% 100%, 0% 100%);
  text-align: center;
  position: relative;
  overflow: hidden;
  text-transform: uppercase !important;
  min-width: 230px !important;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.gform_wrapper .gform_footer input[type=submit]:hover {
  background: white !important;
  color: black !important;
}

.wp-block-cover.is-style-clip {
  -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 80%, 80% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0, 100% 80%, 80% 100%, 0% 100%);
  padding-right: 12% !important;
}

.wp-block-image.is-style-clip, .wp-block-image.is-style-clip img {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 80px), calc(100% - 80px) 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 80px), calc(100% - 80px) 100%, 0 100%);
}

.aligncenter {
  margin: auto;
}

.alignright {
  margin-left: auto;
}

.error404 main,
.search-no-results main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.error404 main .container,
.search-no-results main .container {
  padding-top: 150px;
  padding-bottom: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.error404 main .search-form,
.search-no-results main .search-form {
  position: relative;
}
.error404 main .search-form input,
.search-no-results main .search-form input {
  border: none;
  border: 1px solid;
  padding: 10px;
  outline: none;
  min-width: 250px;
}
.error404 main .search-form button,
.search-no-results main .search-form button {
  border: none;
  position: absolute;
  right: 5px;
  top: 0;
  height: 100%;
  background: transparent;
}

.search-results h1 span {
  color: #FF1393;
  font-weight: 600;
}
.search-results main .container {
  padding-top: 150px;
  padding-bottom: 150px;
}
.search-results main .container .search-result .img {
  width: 100%;
  padding-top: 75%;
  position: relative;
}
.search-results main .container .search-result .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.custom-home .row {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
}
@media (min-width: 992px) {
  .custom-home {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

.custom-home-cover a span.has-background-dim {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.custom-home-cover a:hover span.has-background-dim {
  opacity: 0.8;
}
@media (min-width: 992px) {
  .custom-home-cover {
    position: relative;
    left: calc((100vw - 925px) / 2);
  }
}
@media (min-width: 1200px) {
  .custom-home-cover {
    left: calc((100vw - 1100px) / 2);
  }
}
@media (min-width: 1400px) {
  .custom-home-cover {
    left: calc((100vw - 1500px) / 2);
  }
}

.services-list div {
  height: 100%;
}
.services-list div.wp-block-group {
  position: relative;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 70px), calc(100% - 70px) 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 70px), calc(100% - 70px) 100%, 0 100%);
}
.services-list div.wp-block-group:before {
  content: "";
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background: #000;
  position: absolute;
  top: 1px;
  left: 1px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 70px), calc(100% - 70px) 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 70px), calc(100% - 70px) 100%, 0 100%);
}
.services-list div.wp-block-group p,
.services-list div.wp-block-group ul {
  position: relative;
  z-index: 2;
}