/*!
Theme Name: Megastrap
Theme URI: http://underscores.me/
Author: Konstantin Evsikov
Author URI: http://konstantin-design.pp.ua
Description: Wordpress bootstrap theme
Version: 0.1.01
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: megastrap
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/

.k-blocks-slick-html-parent.backend.undefined.editmode { background: #ffffff26; }

hr { opacity: unset; }

body { font-family: 'Space Grotesk', sans-serif; }

a.wp-block-button__link.has-background { transition: all 0.25s; }
a.wp-block-button__link.has-background:hover { filter: brightness(1.1); }

.custom-controls-2 .slick-next, .custom-controls-2 .slick-prev {
	border: 1px solid white;
	padding: 0.52rem 1rem 0.5rem;
	border-radius: 1.5rem;
	bottom: 0;
}

.custom-controls-2 .slick-next:before { content: "NEXT"; color: white; }
.custom-controls-2 .slick-prev:before {	content: "PREV"; color: white; }

.custom-controls-2 .slick-next { right: 0; }
.custom-controls-2 .slick-prev { right: 5.7rem; }

body .wpcf7 form .wpcf7-response-output {
    margin: 0.5rem 0;
    padding: 0.25rem 0.5rem;
    border: 1px solid #00a0d2;
    font-size: 0.8rem;
	border-radius: 0.25rem;
}
.wpcf7-not-valid-tip { font-size: 0.7rem; }

.wp-block-button__link {
    padding: calc(0.5rem + 2px) calc(1.25rem + 2px);
}


/* image style */
.is-style-marketing img, .service-item, .portfolio-image img, .portfolio-slider img {
	--clip-size: 35px;
	clip-path: polygon(calc(100% - var(--clip-size)) 0, 100% var(--clip-size), 100% 100%, var(--clip-size) 100%, var(--clip-size) calc(100% - var(--clip-size)), 0 calc(100% - var(--clip-size)), 0 0);
}
.portfolio-slider img { --clip-size: 25px; }
.portfolio-slider .k-block-slick-classic-caption { padding-top: 8px; }

.is-style-marketing {	position: relative; }
.is-style-marketing::before {
	--clip-size: 35px;
	position: absolute;
	content: "";
	left: var(--clip-size);
	bottom: var(--clip-size);
	width: var(--clip-size);
	height: var(--clip-size);
	background-color: #F3A3DB;
	z-index: 1;
}
.is-style-marketing figcaption { display: none; }
@media (min-width: 768px) {
	.is-style-marketing.big img { --clip-size: 50px; }
	.is-style-marketing.big::before { --clip-size: 50px; }
}