/*
Theme Name: Dosvid LAB
Theme URI: https://www.dosvidlab.com/
Description: With Ukraine in our heart.
Author: Stanislav Pavlenko
URI: https://www.dosvidlab.com/
Template: hestia-pro
Version: 0.1
*/

/* Розмір кнопок */

body,
.btn,
.form-control,
.woocommerce #reviews #comments label {
  font-size: 16px;
}

/* Дрібнички */

.page .section.section-text {
    text-align: justify;
}
  
.blog .page-header.header-small {
    height: auto;
    min-height: 50vh;
}

.section-image-lessdark {
    background-color: rgba(0, 0, 0, 0.25);
}

.section-image-lessdark:after {
    background-color: rgba(0, 0, 0, 0.25);
}

.hestia-features .feature-box img, .features .feature-box img {
    max-width: 350px;
}
  
 /* Темний дизайн */
  
body {
    color: #ccc;
}

.blog-post h2, h3, h4, h5, h6 {
    color: #fff;
}

.main {
  background: #000;
}


/* Типографія */

blockquote p {
  font-style: normal;
  font-family: "Roboto Slab", serif;
  font-weight: 400;
}


/* Розмір літер мобільного меню */

@media (max-width: 768px) {
	.navbar,
	.navbar a {
	  font-size: 34px;
	}
}

 /* Modal */

.modal-h1 {
  font-weight: 600;
  line-height: 1.5em;
  font-size: 2.8em;
  color: #3c4858;
}
@media (max-width: 768px) {
	.modal-h1 {
  		font-size: 2.4em;
	}
}
.modal-h2 {
  font-weight: 100;
  line-height: 1em;
  font-size: 2.1em;
}
.modal-uah {
  padding-top: 5px;
  line-height: .5em;
  font-size: .5em;
}
.modal-block-success {
  background-color: #4caf50;
  border-radius: 10px;
  padding: 5px 12px;
  display: inline-block;
  text-align: center;
  color: #ffffff;
  margin-top: -10px;
}
.modal-block-primary {
  background-color: #03a9f4;
  border-radius: 10px;
  padding: 5px 12px;
  display: inline-block;
  text-align: center;
  color: #fff;
  margin-top: -10px;
}
.modal-backdrop {
   background-color: #000;
   opacity: 0.7 !important;
}

 
/* Footer */

.footer .footer-menu a, .media-footer a, {
    font-size: 23px;
 }
 
/* Технічні стили */

.element-centered {
  margin: 0 auto !important;
}
.mt0 {
    margin-top: 0px !important;
}
.mb0 {
    margin-bottom: 0px !important;
}
.mb25 {
	margin-bottom: 25px;
}
.fs14 {
	font-size: 14px;
}
.fs16 {
	font-size: 16px;
}
.fs18 {
	font-size: 18px;
}
.fsx {
	font-size: 6rem;
	font-weight: 800;
}
.space-25 {
    display: block;
    height: 25px;
}
.space-50 {
    display: block;
    height: 50px;
}
.space-75 {
    display: block;
    height: 75px;
}
.space-100 {
    display: block;
    height: 100px;
}
.text-gray {
    color: #999;
}
.text-d-gray {
    color: #333;
}
.text-white {
    color: #fff;
}
.text-black {
    color: #000;
}
.text-danger {
	color: red;
}
.label-lg {
	font-size:18px;
}