/*
Theme Name: ПричалСтрой Тема
Author: PhilippovPavel
Author URI: https://philippovpavel.ru/
Description: Визуальная часть функционала сайта
Requires at least: 5.3
Tested up to: 6.0
Requires PHP: 7.4
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

.mt-n50 {
	margin-top: -50px;
}

.mb-n50 {
	margin-bottom: -50px;
}

.ml-n50 {
	margin-left: -50px;
}

.mr-n50 {
	margin-right: -50px;
}

nav.navigation.pagination .nav-links{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px;
}

nav.navigation.pagination .nav-links .page-numbers {
	padding: 5px 15px;
	color: #191a33;
	border: 1px solid #191a33;
}

nav.navigation.pagination .nav-links .page-numbers.current {
	color: #fff;
	background: #fa6e2c;
	border: 1px solid #fa6e2c;
}

nav.navigation.pagination .nav-links a.page-numbers:hover {
	color: #fff;
	background: #fa6e2c;
	border: 1px solid #fa6e2c;
}

.wpcf7 form label {
	position: relative;
	width: 100%;
}

.wpcf7 form input,
.wpcf7 form textarea {
	width: 100%;
	padding: 15px 25px;
	border-radius: 5px;
	border-width: 2px;
	border-style: solid;
	transition: all .3s ease;
}

.wpcf7 form textarea {
	max-height: 150px;
}

.wpcf7 form .label-text {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.wpcf7 form .label-text {
	color: #333;
	background: #ffffff;
	padding: 0 10px;
	font-size: 12px;
	border-radius: 3px;
	top: -10px;
	left: 20px;
	transition: all .3s ease;
}

.wpcf7 label:focus-within .label-text {
	color: #ffffff;
}

.wpcf7 .wpcf7-submit:hover {
	cursor: pointer;
}

#wpcf7-f134-o1 form input,
#wpcf7-f134-o1 form textarea {
	border-color: #fff;
	background: #ffffff1a;
	color: #fff;
}

#wpcf7-f134-o1 form input::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: #c3c3c3;
}
#wpcf7-f134-o1 form input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #c3c3c3;
	opacity: 1;
}
#wpcf7-f134-o1 form input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #c3c3c3;
	opacity: 1;
}
#wpcf7-f134-o1 form input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #c3c3c3;
}
#wpcf7-f134-o1 form input::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #c3c3c3;
}
#wpcf7-f134-o1 form input::placeholder {
	/* Most modern browsers support this now. */
	color: #c3c3c3;
}

#wpcf7-f134-o1 label:focus-within input,
#wpcf7-f134-o1 label:focus-within textarea {
	border-color: #3abfff;
}

#wpcf7-f134-o1 label:focus-within .label-text {
	background-color: #3abfff;
}

#wpcf7-f134-o1 .wpcf7-submit:hover {
	background: #3abfff;
	border-color: #3abfff;
}

#wpcf7-f133-o2 form input,
#wpcf7-f133-o2 form textarea {
	border-color: #f0f0f0;
	color: #333;
}

#wpcf7-f133-o2 label:focus-within input,
#wpcf7-f133-o2 label:focus-within textarea {
	border-color: #fa6e2c;
}

#wpcf7-f133-o2 label:focus-within .label-text {
	background-color: #fa6e2c;
}

#wpcf7-f133-o2 .wpcf7-submit:hover {
	background: #fa6e2c;
	border-color: #fa6e2c;
	color: #ffffff;
}

.grecaptcha-badge {
	display: none !important;
}

/* CF7 - Успешная отправка - 06.02.2023 */
.modal-content {
	overflow: hidden;
}
form.wpcf7-form {
	position: relative;
}

.wpcf7 form .wpcf7-response-output {
	border: none;
}

.wpcf7 form.invalid .wpcf7-response-output {
	position: absolute;
	bottom: -32px;
	background-color: #fff;
	border-width: 2px;
	border-style: solid;
	font-size: 11px;
	border-radius: 8px;
	animation: invalid-cf7 .5s ease-in-out normal;
}

@-webkit-keyframes invalid-cf7 {
	0% {
		opacity: 0;
		transform: translateY(10px);
	}

	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}

@keyframes invalid-cf7 {
	0% {
		opacity: 0;
		transform: translateY(10px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

form.wpcf7-form.sent .wpcf7-response-output {
	position: absolute;
	z-index: 99;
	margin: -60px;
	inset: 0;
	background: #fff;
	color: #333;
	border: 0;
	box-shadow: none;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 20px;
	gap: 15px;
	padding-left: 30px;
	padding-right: 30px;
	-webkit-animation: sent-cf7 1s ease normal;
	animation: sent-cf7 1s ease normal;
}

.wpcf7 form.sent .wpcf7-response-output::after {
	background-color: transparent;
}

.wpcf7 form.sent .response-text {
	max-width: 300px;
	animation: success-display 1s ease normal;
}

.inlinesvg .svg svg {
	display: inline;
}

.icon--order-success svg polyline {
	-webkit-animation: checkmark 0.25s ease-in-out 0.7s backwards;
	animation: checkmark 0.25s ease-in-out 0.7s backwards;
}

.icon--order-success svg circle {
	-webkit-animation: checkmark-circle 0.6s ease-in-out backwards;
	animation: checkmark-circle 0.6s ease-in-out backwards;
}

.icon--order-success svg circle#colored {
	-webkit-animation: colored-circle 0.6s ease-in-out 0.7s backwards;
	animation: colored-circle 0.6s ease-in-out 0.7s backwards;
}

@-webkit-keyframes success-display {

	0%,
	70% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes success-display {

	0%,
	70% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes sent-cf7 {
	0% {
		opacity: 0;
		transform: translateY(150px);
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}

@keyframes sent-cf7 {
	0% {
		opacity: 0;
		transform: translateY(150px);
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@-webkit-keyframes checkmark {
	0% {
		stroke-dashoffset: 100px;
	}

	100% {
		stroke-dashoffset: 0px;
	}
}

@keyframes checkmark {
	0% {
		stroke-dashoffset: 100px;
	}

	100% {
		stroke-dashoffset: 0px;
	}
}

@-webkit-keyframes checkmark-circle {
	0% {
		stroke-dashoffset: 480px;
	}

	100% {
		stroke-dashoffset: 960px;
	}
}

@keyframes checkmark-circle {
	0% {
		stroke-dashoffset: 480px;
	}

	100% {
		stroke-dashoffset: 960px;
	}
}

@-webkit-keyframes colored-circle {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 100;
	}
}

@keyframes colored-circle {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 100;
	}
}

#scrollUp {
	left: 31px;
}

span.date-on-photo-work {
	position: absolute;
    right: 20px;
	top: 183px;
    color: #FF5F13;
}

.header-info-left i {
	color: #35bb44 !important;
	font-size: 1.5rem;
}

.whatsapp {
	color: #35bb44 !important;
}





.content-right {
	width: 50%;
	padding: 0 50px;
}

.content-left {
	width: 50%;
	padding: 0 50px;
}

.content-left-t {
	width: 100%;
	padding: 0 50px;
}

.pier-title {
	margin-top: 50px;
	padding: 0 50px;
}

.pier-data {
	align-items: center;
}

@media (min-width: 1801px){
	.pier-img,
	.pier-table {
		max-width: 50%; 
	}
	table {
		font-size: 13px;
	}
}

.section-blue {
	background: #3abfff17;
}

.pier-img {
	display: flex;
	align-items: center;
}

.pier-title {
    margin-bottom: 30px;
}

.date-post {
    width: fit-content;
	text-align: right;
	font-size: 14px;
	color: #ff5f13;
    margin: 0 0 8px auto;
}