/*!
Theme Name: Toppf
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: toppf.ru
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.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */
.contacts_input{
	padding:5px;
}
.alert_block {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, .5);
	overflow: auto;
	z-index: 99999999;
}

.alert_thank {
	max-width: 420px;
	width: 100%;
	min-height: 70px;
	margin: 15px;
	position: relative;
	background-color: rgb(255, 255, 255);
}

.alert_thank-content {
	padding: 30px;
	text-align: center;
	color: rgb(0, 0, 0);
}

.alert_thank-content p {
	font-size: 24px;
	margin-bottom: 15px;
}


.alert_thank-close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 999;
}

.alert_thank-close:before,
.alert_thank-close:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: auto;
	background-color: rgb(0, 0, 0);
}

.alert_thank-close:before {
	width: 15px;
	height: 2px;
}

.alert_thank-close:after {
	width: 2px;
	height: 15px;
}

.error {
	border: 1px solid red !important;
}

.blog_card {
	margin-bottom: 32px;
    padding: 0 8px;
}
.blog_img {
    margin: 0 -8px 16px;
}

a.blog_img {
    margin-top: 0;
}

.blog_img img {
    -webkit-transition: all 1.6s ease-out;
    -o-transition: all 1.6s ease-out;
    transition: all 1.6s ease-out;
}

.blog_img:hover img {
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
	-webkit-transition: all 2s ease-out;
	-o-transition: all 2s ease-out;
	transition: all 2s ease-out;
}

.blog_card a {
	text-decoration: none;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.blog_img:hover + a,
.blog_card a:hover {
	text-decoration: none;
    color: #00B7FF;
    color: #f2e4b4;
}


.table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* плавный скролл на iOS */
}

.table-responsive table {
    min-width: 600px; /* можно настроить минимальную ширину */
}

.article,
.article ul,
.article ol,
.article ul li,
.article ol li,
.article p {
    font-size: 16px;
    line-height: 1.55;
}

.article ul li,
.article ol li {
	margin-bottom: 9px;
}

.article p {
    margin-top: 20px;
}

.article .container > *:not(h1) {
	max-width: 990px;
	margin-left: auto;
	margin-right: auto;
}

.pf-article h2, 
.wp-block-post-content h2 {
	font-size: 24px !important;
}

.article .container h1 {
    font-size: 40px;
    line-height: 1.4;
}

@media screen and (max-width: 1024px) {
	.article .container h1 {
		font-size: 22px;
	}
	.article,
	.article ul,
	.article ol,
	.article ul li,
	.article ol li,
    .article p {
        font-size: 14px;
        line-height: 20px;
    }
	.pf-article h2, 
	.wp-block-post-content h2 {
		font-size: 18px !important;
		margin-top: 45px !important;
		margin-bottom: 18px !important;
		border-left: 2px solid #00b894 !important;
		padding-left: 12px !important;
	}
	.blog_card a {
        font-size: 15px;
    }
	.blog_card p {
        font-size: 13px;
		line-height: 1.4;
	}
}

@media screen and (max-width: 767px) {
    .blog_card .blog_img {
        border-radius: 10px;
    }
	.article table {
		font-size: 14px !important;
	}
	.article table td {
	    padding: 11px 14px !important;
	}
	.cta {
		padding: 20px 15px !important;
    	border-radius: 9px !important;
	}
	.cta h3 {
		font-size: 1.2rem !important;
	}
	.cta p {
	    font-size: 1rem !important;
	}
	
}