/*
Theme Name: AUTOCENT CZ s.r.o.
Author: MARVIO agency s.r.o.
Author URI: http://marvio.cz
Description: Společnost AUTOCENT CZ s.r.o. je odborníkov na opravy a údržbu vozidel s více než 15 lety zkušeností. Naši specialisté se zaměřují na individuální přístup a profesionální péči o váš automobil. Nabízíme širokou škálu služeb od rutinní údržby po komplexní opravy a prodej vozidel, a to vše s důrazem na kvalitu a spokojenost zákazníka.
Version: 1.1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


body {
  font-family: 'Poppins', sans-serif!important;
}

P {
  font-size: 1.1rem!important;
  font-weight: 300!important;
  line-height: 1.7rem!important;
  color: #000000!important;
}

/* Buttons */
.btn-primary {
  background-color: #000!important;
  border: 3px solid #000!important;
  color: #FFF!important;
  font-size: 1rem!important;
  font-weight: 700!important;
  border-radius: 0px!important;
  padding-left: 30px!important;
  padding-right: 30px!important;
}

.btn-primary:hover {
  background-color: #FFF!important;
  color: #000!important;
}

.btn-secondary {
  background-color: #000!important;
  border: 3px solid #000!important;
  color: #FFF!important;
  font-size: 1rem!important;
  font-weight: 700!important;
  border-radius: 0px!important;
}

@media (min-width: 1100px) {
.btn-secondary {
  float: right!important;
}}

.btn-secondary:hover {
  background-color: #FFF!important;
  color: #000!important;
}

.btn-dangerous {
  background-color: #000!important;
  border: 3px solid #000!important;
  color: #FFF!important;
  font-size: 1rem!important;
  font-weight: 700!important;
  border-radius: 0px!important;
}

.btn-dangerous:hover {
  background-color: #FFF!important;
  color: #000!important;
}

@media (max-width: 850px) {
.car-sale,
.car-sale-p {
  text-align: center!important;
}}

.car-sale-p > p {
  font-size: 0.9rem!important;
  padding-top: 15px!important;
}

.car-sale-p > p > a {
  color: #000!important;
  font-weight: 700!important;
}

/* Displays */
h1.display-1 {
  font-family: 'Poppins', sans-serif!important;
  font-size: 1.5rem!important;
  background-color: #000000!important;
  padding-left: 15px!important;
  padding-right: 15px!important;
  padding-top: 10px!important;
  padding-bottom: 10px!important;
  color: #FFFFFF!important;
  font-weight: 600!important;
}

h1.display-2 {
  font-size: 3rem!important;
  font-weight: 800!important;
  font-family: 'Poppins', sans-serif!important;
}

@media (max-width: 600px) {
h1.display-2 {
  font-size: 2.5rem!important;
}}

h2.display-2 {
  font-size: 3rem!important;
  font-weight: 800!important;
  font-family: 'Poppins', sans-serif!important;
}

@media (max-width: 600px) {
h2.display-2 {
  font-size: 2.5rem!important;
}}

h2.display-4 {
  font-size: 2.5rem!important;
  font-weight: 800!important;
  font-family: 'Poppins', sans-serif!important;
}

@media (max-width: 600px) {
h2.display-4 {
  font-size: 2.2rem!important;
}}

h2.display-11 {
  font-size: 1.8rem!important;
  font-weight: 800!important;
  font-family: 'Poppins', sans-serif!important;
}

h3.display-12 {
  font-size: 1.2rem!important;
  font-weight: 400!important;
  font-family: 'Poppins', sans-serif!important;
  margin-top: -10px!important;
}

h3.display-3 {
  font-size: 1.5rem!important;
  font-weight: 800!important;
  font-family: 'Poppins', sans-serif!important;
}

h3.display-5 {
  font-size: 1.7rem!important;
  font-weight: 800!important;
  font-family: 'Poppins', sans-serif!important;
  margin-bottom: 0px!important;
  line-height: 2.5rem!important;
}

span.display-6 {
  font-weight: 800!important;
  font-family: 'Poppins', sans-serif!important;
  font-size: 5rem!important;
}

p.display-7 {
  font-weight: 300!important;
  font-family: 'Poppins', sans-serif!important;
  font-size: 1.5rem!important;
  color: #FFFFFF!important;
}

/* Buttons */
.btn-link {
  font-weight: 800!important;
  color: #000000!important;
  font-family: 'Poppins', sans-serif!important;
}

.btn-light {
  border-radius: 0px!important;
  font-size: 1rem!important;
  font-weight: 600!important;
  color: #000000!important;
  font-family: 'Poppins', sans-serif!important;
}

@media (max-width: 600px) {
.btn-light {
  font-size: 0.8rem!important;
}}

.btn-outline-dark {
  border-radius: 0px!important;
  font-size: 1rem!important;
  font-weight: 600!important;
  font-family: 'Poppins', sans-serif!important;
}

@media (max-width: 600px) {
.btn-outline-dark {
  font-size: 0.8rem!important;
}}

.fancynav-link-content {
  font-family: 'Poppins', sans-serif!important;
  font-weight: 600!important;
}

.news-box > div > p {
  font-size: 0.9rem!important;
  font-weight: 300!important;
  margin-bottom: 10px!important;
}

tr > td {
  font-size: 1.4rem!important;
  font-weight: 600!important;
  color: #000000!important;
  padding-bottom: 10px!important;
}

.footer-content > p {
  color: #FFFFFF!important;
  font-size: 1.05rem!important;
  font-weight: 400!important;
}

.footer-content > p > strong {
  font-weight: 800!important;
}

.footer-content > p.display-10 {
  font-size: 1.5rem!important;
  color: #FFFFFF!important;
  font-family: 'Poppins', sans-serif!important;
  font-weight: 800!important;
}

ol.service-dots,
ul.service-dots {
  font-size: 1rem!important;
  font-weight: 400!important;
}

ol.service-dots > li,
ul.service-dots > li {
  padding-bottom: 10px!important;
  line-height: 120%!important;
}

.price-label {
  display: none!important;
}

.wp-block-gallery {
  margin-top: 60px!important;
}

.small-headers {
  font-size: 0.9rem!important;
  line-height: 1rem!important;
  margin-top: 15px!important;
}

.grayscale {
  opacity: 0.2!important;
 }

.wpforms-field-label-inline {
  display: none!important;
}

.wpforms-field-description {
  margin-top: -15px!important;
  margin-left: 30px!important;
}

.wpforms-field-description > a {
  color: #000!important;
  font-weight: 500!important;
}

.car-detail:hover {
 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25)!important;
}

/***** Zoom *****/

.zoom:hover{
  transform: scale(1.01 )!important;
  transition: all ease 500ms!important;
}

a.no-line:hover {
  text-decoration: none!important;
}

a.drobecek {
  font-weight: 700!important;
  color: #000!important;
}