@charset "UTF-8";

/*
Theme Name: TMBmaschinen.eu by Gryczan.eu
Theme URI: 
Author: Gryczan.eu
Author URI: https://gryczan.eu
Description: 
Requires at least: 5.3
Tested up to: 6.2
Requires PHP: 5.6
Version: v1
Text Domain: TMBmaschinen.eu
*/

@import url("https://fonts.googleapis.com/css?family=Barlow+Condensed:400,500,600,700|Montserrat|Poppins:400,500,600,700");
body {
  line-height: 1.8;
  font-family: "Montserrat", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
}

a {
  text-decoration: none;
  color: rgb(245, 99, 75);
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  color: #232323;
  letter-spacing: 0.5px;
}

h1,
.h1 {
  font-size: 48px;
  text-transform: uppercase;
}

h2,
.h2 {
  font-size: 38px;
  text-transform: uppercase;
}

h3,
.h3 {
  font-size: 28px;
  line-height: 38px;
  text-transform: uppercase;
}

h4,
.h4 {
  font-size: 22px;
  line-height: 30px;
}

h5,
.h5 {
  font-size: 18px;
  line-height: 24px;
}

h6,
.h6 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
}

.font-primary {
  font-family: "Barlow Condensed", sans-serif;
}

.font-secondary {
  font-family: "Montserrat", sans-serif;
}

html,
body {
  overflow-x: hidden;
  width: 100%;
}

.section {
  padding: 100px 0;
}

.text-color {
  color: rgb(245, 99, 75);
}

/* NAV */
.mg-logo-nav {
  max-width: 173px;
}

.navbar-nav .nav-link {
  font-family: "Montserrat", sans-serif;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  transition: all 0.25s ease;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
  color: rgb(245, 99, 75);
}

.navbar-scroll {
  background-color: #101010f5;
  border-bottom: 2px solid black;
}

@media (max-width: 991px) {
  .collapse {
    background-color: #101010f5;
    margin-top: 10px;
    padding: 0px 20px;
    width: 100%;
    border-radius: 6px;
  }
}

/* SLIDER */

.slider:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.8;
}

.slider {
  position: relative;
  background: url(img/1-kombajn.jpg) no-repeat 0% 30%;
  background-size: cover;
  padding: 180px 0px;
}

.slider div.container {
  z-index: 4;
  position: relative;
}

.slider span.subhead {
  color: #fff;
  letter-spacing: 5px;
  border: 2px solid #fff;
  padding: 3px 15px 5px 15px;
  opacity: 0.8;
}

.slider h1 {
  font-size: 95px;
  line-height: 95px;
}

/* BUTTON */
.btn-main,
.btn-small,
.btn-transparent {
  background: linear-gradient(90deg, rgb(245, 99, 75) 0%, #fe9418 100%);
  color: #fff;
}

.btn {
  display: inline-block;
  font-size: 14px;
  letter-spacing: 1px;
  padding: 18px 35px;
  text-transform: uppercase;
  border-radius: 0;
  font-weight: 700;
  transition: all 0.5s ease;
  border: 1px solid transparent;
}

.btn-main:hover,
.btn-small:hover,
.btn-transparent:hover {
  background: linear-gradient(90deg, #fe9418 0%, rgb(245, 99, 75) 100%);
  color: #fff !important;
  transform: translateY(-5px);
}

/* KWADRATY */

.mt-80px {
  margin-top: -80px;
}

.number {
  opacity: 0.1;
  font-size: 130px;
  display: block;
  line-height: 120px;
  position: absolute;
  top: 10px;
}

.why .card {
  transition: all 0.4s ease 0s;
}
.why .card:hover {
  background: #181a23;
}

.why .card:hover h3,
.why .card:hover p {
  color: #fff;
}

.hover-style-1 {
  position: relative;
}
.hover-style-1:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 0px;
  transition: all 600ms ease;
  background: linear-gradient(90deg, rgb(245, 99, 75) 0%, #fe9418 100%);
  border-color: rgb(245, 99, 75);
}
.hover-style-1 h3,
.hover-style-1 p,
.hover-style-1 a,
.hover-style-1 i,
.hover-style-1 h4 {
  position: relative;
  transition: all 600ms ease;
}
.hover-style-1:hover:before {
  height: 100%;
}
.hover-style-1:hover a {
  color: rgba(255, 255, 255, 0.8) !important;
}

.hover-style-1:hover h3,
.hover-style-1:hover h4,
.hover-style-1:hover p,
.hover-style-1:hover a {
  color: #fff;
}

.hover-style-1:hover i {
  color: rgba(255, 255, 255, 0.8) !important;
}

.mt--45 {
  margin-top: -45px;
}

.course .card-body a h4:hover {
  color: rgb(245, 99, 75);
}

/* PARALAX */

.paralax:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.8;
}
.paralax {
  background: url("img/paralax.jpg") fixed 50% 50% no-repeat;
  background-size: cover;
}
.paralax {
  position: relative;
}

.paralax div.container {
  z-index: 4;
  position: relative;
}

/* FORMULARZ */

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
  border: 3px solid rgb(245, 99, 75);
  background-color: white;
  color: #000;
  width: 100%;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"] {
  height: 51px;
  padding: 8px 12px 8px 12px;
}

.wpcf7 textarea {
  padding: 12px;
}

form.wpcf7-form {
  text-align: center;
}

span.wpcf7-spinner {
  display: none;
}

/* STOPKA */

.mg-stopka {
  background: linear-gradient(199deg, rgb(245, 99, 75), #fe9418);
  color: white;
}

.mg-stopka a {
  color: white;
}

.mg-stopka a:hover {
  text-decoration: underline;
}

.mg-logo-stopka {
  max-width: 300px;
  width: 100%;
  padding: 36px;
}

/* GRYCZAN */
#gryczan_eu {
  background: #f1f1f1;
  border-top: 2px solid #02cb21;
  border-bottom: 2px solid blueviolet;
  font-size: small;
}