/*
Theme Name:    Talk to Builder
Description:   Child Theme for Beaver Builder
Version:       1.0.0
Author:        Talk to
Author URI:    https://www.talkto.no/
Template:      bb-theme
License:       GNU General Public License v2 or later
License URI:   http://www.gnu.org/licenses/gpl-2.0.html
*/

.tt-contact-form .section {
	padding-top: 0 !important;
	vertical-align: top !important;
}

.tt-contact-form .section .input-block,
.tt-contact-form .section .information-block,
.tt-contact-form .section .tt-send {
	padding-top: 20px;
}

.tt-contact-form .section .input-block label {
	margin-bottom: 0;
}

.tt-contact-form .section .information-block {
	padding-bottom: 0;
}

.wpcf7 form .wpcf7-response-output,
.tt-contact-form .tt-errors {
	margin-top: 20px;
	font-size: 1rem;
	color: #fff;
	padding: 20px;
}

.wpcf7 form.invalid .wpcf7-response-output,
.tt-contact-form .tt-errors {
	color: #ffbaa7;
	border-color: #ffbaa7;
}

.tt-contact-form .section input[type="text"],
.tt-contact-form .section input[type="email"],
.tt-contact-form .section input[type="tel"],
.tt-contact-form .section textarea {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	border: 0 !important;
}

.tt-contact-form .section input[type="text"].invalid,
.tt-contact-form .section input[type="email"].invalid,
.tt-contact-form .section input[type="tel"].invalid,
.tt-contact-form .section textarea.invalid {
	background-color: #ffbaa7 !important;
}


.tt-contact-form .information-block {
	color: #fff;
}

.tt-contact-form .wpcf7-not-valid-tip,
.tt-contact-form .tt-msg.error {
	color: #ffbaa7 !important;
	font-size: 1rem;
}

.tt-contact-form .wpcf7-not-valid-tip::before,
.tt-contact-form .tt-msg.error::before {
	content: '';
	background-color: #ffbaa7;
	width: 8px;
	height: 8px;
	font-size: 1rem;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	margin-right: 5px;
}

.talkto-front-header a {
	text-decoration: none !important;
}

.talkto-front-boxes h3 {
	color: #fff;
}

.talkto-front-boxes .fl-fill-container img {
	height: 15vw !important;
	max-height: 162px;
}

.talkto-front-boxes > .fl-module {
	transition: box-shadow 0.4s, transform 0.4s;
}

.talkto-front-boxes > .fl-module:hover {
	box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.3);
	transform: translateY(-8px);
}

.talkto-front-boxes [role="link"]:focus-visible {
	outline: 2px solid #000;
	outline-offset: 2px;
}

.pp-content-post {
	overflow: visible;
}

.tt-contact-form .wpcf7-submit:focus-visible,
.pp-content-post:focus-visible,
.pp-post-filter:focus-visible {
	outline-width: 2px !important;
	outline-style: solid !important;
}


@media screen and (max-width:768px) {
	.talkto-front-boxes .fl-fill-container img {
		height: 50vw !important;
		max-height: 400px;
	}
}