/*kontakt formular*/

/*schovat nadpis Kontakty*/
.is-kontakty .pageArticleDetail header{
display:none;
}

/*centrovani obsahu + mezera nahore*/
.is-kontakty .pageArticleDetail [itemprop="about"]{
display:flex;
flex-direction:column;
align-items:center;
padding-top:30px;
}

/*formular*/
.is-kontakty #formContact{
max-width:900px;
width:100%;
margin:30px 0 40px;
}

/*textovy blok nad formularem*/
.is-kontakty .pageArticleDetail [itemprop="about"]>p:nth-of-type(2){
text-align:center;
margin:0 0 10px 0;
font-size:0;
width:100%;
}

/*hlavni nadpis*/
.is-kontakty .pageArticleDetail [itemprop="about"]>p:nth-of-type(2)::before{
content:"Chcete se zeptat?";
display:block;
font-size:34px;
font-weight:700;
line-height:1.3;
margin-bottom:10px;
}

/*podnadpis*/
.is-kontakty .pageArticleDetail [itemprop="about"]>p:nth-of-type(2)::after{
content:"Jsme tu pro vás!";
display:block;
font-size:20px;
color:#666;
}

/*form*/
.is-kontakty #formContact label{
display:block;
text-align:center;
font-size:16px;
font-weight:700;
margin-bottom:8px;
}

.is-kontakty #formContact input,
.is-kontakty #formContact textarea{
border-radius:14px;
padding:12px 14px;
font-size:16px;
}

.is-kontakty #formContact .btn,
.is-kontakty #formContact input[type=submit]{
display:block;
margin:20px auto 0;
background:#ffd0d8;
border:0;
border-radius:999px;
padding:12px 28px;
font-size:16px;
font-weight:700;
color:#000;
}

/*mensi mezera nad prvnim polem*/
.is-kontakty #formContact .form-group:first-child{
margin-top:10px;
}

/*mezera pod polem zprava*/
.is-kontakty #formContact textarea{
margin-bottom:45px;
}

/*mezera pod textem o podminkach*/
.is-kontakty #formContact .consents,
.is-kontakty #formContact .form-group-consents{
margin-bottom:60px;
}

/*mezera pod tlacitkem odeslat*/
.is-kontakty #formContact .btn,
.is-kontakty #formContact input[type=submit]{
margin-bottom:80px;
}

/*kontakt formular focus ruzovy*/
.is-kontakty #formContact input:focus,
.is-kontakty #formContact textarea:focus,
.is-kontakty #formContact select:focus{
outline:none!important;
border-color:#ffd0d8!important;
box-shadow:0 0 0 3px rgba(255,208,216,.45)!important;
}

/*kontakt formular tlacitko hover*/
.is-kontakty #formContact .btn:hover,
.is-kontakty #formContact input[type=submit]:hover{
background:#f7bcc8!important;
transform:translateY(-2px);
box-shadow:0 8px 18px rgba(0,0,0,.08);
transition:background .2s ease,transform .2s ease,box-shadow .2s ease;
}