/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* General */

/* zalomeni textu na 3 radky */

.textTruncate {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
}

div a.linkBtn {
    background: transparent;
    color: black;
    padding: 0!important;
    margin-top: 20px;
}

div a.linkBtn span.fusion-button-text {
    color: var(--awb-color5);
    font-weight: 800;
    font-size: 20px;
}

ul.fusion-grid-posts-cards li.pcArchive-vypis {
    transition: all .3s ease-in-out;
}

ul.fusion-grid-posts-cards li.pcArchive-vypis .fusion-column-wrapper {
    padding: 30px;
}

ul.fusion-grid-posts-cards li.pcArchive-vypis:hover {
    box-shadow: -10px -10px 15px rgba(255, 255, 255, 0.5), 10px 10px 15px rgba(70, 70, 70, 0.12) !important;
    border-radius: 20px!important;
}

/* HEADER */

.header-container {
    box-shadow: -10px -10px 15px rgba(255, 255, 255, 0.5), 
    10px 10px 15px rgba(70, 70, 70, 0.12) !important;
}

.logoHeader {
    width: 150px;
    height: auto;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}

@media only screen and (max-width: 1024px)  {
    .header-col .fusion-column-wrapper .fusion-image-element {
        order: 1!important;
    }
    
    .header-col .fusion-column-wrapper .mainMenu {
        width: fit-content;
        order: 3!important;
    }
    
    .header-col .fusion-column-wrapper .fusion-search-element {
        order: 2!important;
    }
}


/******************** HERO SECTION ********************/

.hero-container {

}

.heroBubbles-wrapper {

}

.heroFormBox .fusion-column-wrapper {
    position: relative!important;
}

.heroFormBox .fusion-column-wrapper::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url("/wp-content/uploads/2023/09/fav270x270.png") no-repeat;
    background-size: contain;
    width: 32%;
    height: 100%;
    opacity: 0.03;
    z-index: -1;
}

.heroRukaImg {
    width: 100px!important;
    height: auto!important;
    position: absolute!important;
    bottom: 80px!important;
    right: 75px!important;
}

@media only screen and (max-width: 640px) {
    .heroRukaImg {
        width: 75px!important;
        right: 10px!important;
    }
}

/* HERO BUBLINY */

.heroBubbles-wrapper > .fusion-column-wrapper {
    /* background: rgb(248,231,231)!important; */
    /* background: linear-gradient(270deg, rgba(248,231,231,1) 0%, rgba(215,9,38,1) 100%)!important; */
    padding: 60px!important;
}


/* Bila bublina */
/* .heroBubbles-wrapper */ .heroBox .heroBubble {
    display: flex;
    justify-content: center;
    align-items: center;
    background: url("/wp-content/uploads/2023/09/bublle_empty.svg") no-repeat;
    background-size: contain;
    width: 200px;
    height: 200px;
    z-index: -1;
}

/* Zachrany kruh */

 .heroBox .heroBubble.kruh {
    background: url("/wp-content/uploads/2023/09/bublina_kruh.svg") no-repeat;
    transform: rotate(70deg);
}

.heroBox .heroBubble.kruh p {
    transform: rotate(-69deg);
}

/* Bublina - text */

.heroBox .heroBubble p{
    max-width: 125px;
    color: var(--awb-color5);
    margin-bottom: 0px;
    font-size: 24px;
    text-align: center;  
}

/* Box -trapi vas neco */
.heroBox.first {
    position: relative !important;
    left: 50px;
    top: -135px;
    -webkit-animation: float1 6s ease-in-out infinite;
    animation: float1 6s ease-in-out infinite;
}

.heroBox.third {
    position: relative !important;
    left: 50px;
    top: -135px;
    -webkit-animation: float2 6s ease-in-out infinite;
    animation: float2 6s ease-in-out infinite;

}

/* Box 3 - kruh */

.heroBox.second {
    position: relative !important;
    left: 00px;
    bottom: -135px;
    -webkit-animation: float3 6s ease-in-out infinite;
    animation: float3 6s ease-in-out infinite;
}

@media only screen and (max-width: 1024px) {
        /* Bubbles */
        .heroBox .heroBubble {
            width: 175px;
            height: 175px;
        }

        .heroBox .heroBubble p{
            max-width: 120px;
            font-size: 14px;
        }
    
        .heroBox.first,
        .heroBox.third {
            top: 0px;
        }
    
        .heroBox.second {
            left: 500px;
            bottom: 100px;
        }
}

@media only screen and (max-width: 640px) {

    /* Bubbles */
    .heroBox .heroBubble {
        width: 100px;
        height: 100px;
    }

    .heroBox .heroBubble p{
        max-width: 120px;
        font-size: 14px;
    }

    .heroBox.first,
    .heroBox.third {
        top: 0px;
    }

    .heroBox.second {
        left: 250px;
        bottom: 50px;
    }

}

/* Animky */

  @keyframes float1 {
    0% {
        transform: translatey(0px);
    }

    50% {
        transform: translate(0px, 40px);
    }
    100% {
        transform: translatey(0px);
    }
}

@keyframes float2 {
    0% {
        transform: translatey(0px);
    }

    50% {
        transform: translate(0px, 60px);
    }
    100% {
        transform: translatey(0px);
    }
}

@keyframes float3 {
    0% {
        transform: translatey(0px);
    }

    50% {
        transform: translate(20px, -20px);
    }
    100% {
        transform: translatey(0px);
    }
}

/* @keyframes float5 {
    0% {
        transform: translatey(0px) rotate(60deg);
    }

    50% {
        transform: translate(20px, -20px) rotate(50deg);
    }
    100% {
        transform: translatey(0px) rotate(60deg);
    }
} */


/* Left colum - News */

.heroNews-col > .fusion-column-wrapper {
    /* border: 2px solid var(--awb-color5)!important; */
    border-radius: 23px 23px 0px 0!important;
    box-shadow: -10px -10px 15px rgba(255, 255, 255, 0.5), 
    10px 10px 15px rgba(70, 70, 70, 0.12) !important;
}

.heroNews-col_title {
    background: var(--awb-color7)!important;
    /* background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(112,111,111,1) 100%)!important; */
    padding: 10px!important;
    text-align: center!important;
    margin-top: 0!important;
    border-radius: 20px 20px 0px 0!important;
}

/* NOVINKY VYJIZDECI BOX*/

/* left */
.fusion-sliding-bar-position-left.fusion-sliding-bar-toggle-circle .fusion-sb-toggle
{
  position: absolute;
  top: 150px!important;
  left: 0!important;
  width: 50px!important;
  height: 250px!important;
  border-radius: 0px 20px 20px 0px!important;
  box-shadow: 3px 0 5px -2px rgba(0,0,0,.14);
}

/* right */

/* .fusion-sliding-bar-position-right.fusion-sliding-bar-toggle-circle .fusion-sb-toggle {

} */
.fusion-sb-toggle::after {
    content: "Novinky" !important;
    font-family: inherit !important;
    width: max-content !important;
    letter-spacing: 2px!important;
    transform: rotate(90deg) !important;
    left: -25px !important;
    top: 110px !important;
    font-weight: 600;
    font-size: 18px !important;
    text-transform: uppercase!important;
}

/* Content sidebaru */

.fusion-sliding-bar .fusion-sliding-bar-content-wrapper .fusion-sliding-bar-content div > .widget_text .textwidget {
    width: 240px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding: 15px 0px;
}

.fusion-sliding-bar .fusion-sliding-bar-content-wrapper .fusion-sliding-bar-content div > .widget_text .textwidget p {
    color: var(--awb-color1);
}

/* Pravej colum - CTA */

.heroFormBox {
    height: 500px!important;
}

.heroFormBox .fusion-column-wrapper {
    justify-content: space-evenly!important;
    padding: 50px 100px !important;
    border-radius: 20px!important;
    box-shadow: -10px -10px 15px rgba(255, 255, 255, 0.5), 
    10px 10px 15px rgba(70, 70, 70, 0.12) !important;
}

@media only screen and (max-width: 640px) {
    .heroFormBox .fusion-column-wrapper {
        padding: 50px 25px !important;
    }
}

/***** ROZCESTNIK - kategorie *****/

.sectionTitle {
    background: var(--awb-color1);
    margin: 0 !important;
    width: max-content;
    display: flex;
    align-self: center;
    padding: 25px 40px;
    border-radius: 0px 0px 20px 20px;
    box-shadow: -10px -10px 15px rgba(255, 255, 255, 0.5), 10px 10px 15px rgba(70, 70, 70, 0.12) !important;
}



/* rozcestnik content */
.rozcestnikKategorie {
    margin-left: 40px!important;
    text-align: center!important;
    padding: 5px!important;
    background: var(--awb-color5)!important;
    margin-bottom: 10px !important;
    border-radius: 10px;
}

.rozcestnikKategorie:hover {
    background: var(--awb-color1)!important;
    box-shadow: -10px -10px 15px rgba(255, 255, 255, 0.5), 
    10px 10px 15px rgba(70, 70, 70, 0.12) !important;
}

.rozcestnikKategorie:hover p a {
    color: var(--awb-color8)!important;
    /* font-weight: bold; */
}

.rozcestnikKategorie p {
    margin-bottom: 0px!important;
}

.rozcestnikKategorie p a {
    width: 100%;
    margin-bottom: 0px!important;
    color: var(--awb-color1)!important;
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 5px 0px!important;
}

@media only screen and (max-width: 640px)  {
    .rozcestnikKategorie {
        margin-left: 0px!important;
    }
}

/* Chci vedet bubble */

/* Ruka ikonka */

 .handIcon {
    -webkit-animation: float2 6s ease-in-out infinite;
    animation: float2 6s ease-in-out infinite;
 }

 @keyframes float4 {
/*     0% {
        transform: translatey(-20px);
    }
    25% {
        transform: translate(20px, -20px);
    }
    50% {
        transform: translate(20px, -30px);
    }
    75% {
        transform: translate(20px, -40px);
    }

    100% {
        transform: translatey(-20px);
    } */
    0% {
        transform: translatey(-20px);
    }
    50% {
        transform: translate(20px, -30px);
    }
    100% {
        transform: translatey(-20px);
    }
}
@media only screen and (max-width: 1024px)  {
    body .sectionTitle {
        margin: 0!important;
    }

    body .sectionTitle h2 {
        font-size: 32px!important;
    }

    .tabletMobile_hide {
        display: none!important;
    }
}

@media only screen and (max-width: 640px) {
    body .sectionTitle h2 {
        font-size: 24px!important;
    }
}



/* KONTAKT -*/

.nestedWrap > .fusion-builder-row {
    display: flex;
    justify-content: center!important;
}

.contact-container {

}

/* Left Col */
.contactLeft-col {
    box-shadow: -10px -10px 15px rgba(255, 255, 255, 0.5), 
    10px 10px 15px rgba(70, 70, 70, 0.12) !important;
    padding: 40px!important;
    border-radius: 20px !important;
}

.toggleShake {

}

/* Right Col - NAS TYM */
.contactRight-col {

}

.heroBubble.reverse {
    -moz-transform: scaleX(-1)!important;
    -o-transform: scaleX(-1)!important;
    -webkit-transform: scaleX(-1)!important;
    transform: scaleX(-1)!important;
}

.heroBubble.reverse p {
    max-width: 150px;
    -moz-transform: scaleX(-1)!important;
    -o-transform: scaleX(-1)!important;
    -webkit-transform: scaleX(-1)!important;
      transform: scaleX(-1)!important;
}

/* Contact box */

.contactBox {
    margin-bottom: 20px!important;
}

.contactBox-title {

}

.contactBox-img {
    margin-bottom: 10px!important;
}

.contactBox-checkbox {

}

/* Phone icon shake */

/* .toggleShake li .fusion-li-item-content p a:hover {

} */

.toggleShake li:hover .icon-wrapper i {
    -webkit-animation: linear forwards infinite;
    -webkit-animation-name: shaking;
    -webkit-animation-duration: 0.15s;
    animation: linear forwards infinite;
    animation-name: shaking;
    animation-duration: 0.15s;
}
@keyframes shaking {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(5deg); }
    50% { transform: rotate(0eg); }
    75% { transform: rotate(-5deg); }
    100% { transform: rotate(0deg); }
}

/*

.contactBox .fusion-column-wrapper {
    align-items: center!important;
    padding: 25px!important;
    margin-bottom: 50px!important;
    box-shadow: -10px -10px 15px rgba(255, 255, 255, 0.5), 
    10px 10px 15px rgba(70, 70, 70, 0.12) !important;
    border-radius: 20px!important;
}

.contactBox .fusion-column-wrapper .fusion-image-element {
    margin-bottom: 25px!important;
}

/* FOOTER */

.footer2col {
    display: flex;
    flex-direction: row;
    gap: 25px;
}

.footer2col .fusion-text {
    width: max-content;
    text-align: right!important;
}

.footer2col .fusion-image-element {
    width: 75px!important;
    height: auto;
}

@media only screen and (max-width: 640px)  {
    .footer2col {
        justify-content: center;
    }
}

/* Bottom footer */

.fworks_consent_bar_mini-inner{
    display: inline-block !important;
}

.fworks_consent_bar_mini-inner>span{
    color: var(--awb-color8);
    transition: all 0.2s linear;
    text-decoration: none;
}

.fworks_consent_bar_mini-inner>span:hover{
    color: var(--awb-color5);
}

/* cookies modal */

.fworks_consent_modal_content .fworks_consent_modal_header{
    padding-top: 40px;
    padding-bottom: 40px;
}

.fworks_consent_modal_content .fworks_consent_modal_header h2{
    font-size: 36px;
}

.fworks_consent_modal_content .fworks_consent_modal_body h3{
    font-size: 26px;
}

/************* PODSTRANKY: TOGGLES *************/

/* PODSTRANKY - templates */

/* General bublina podstranky */

.bubbleBox .textBubble {
    display: flex;
    justify-content: center;
    align-items: center;
    background: url("/wp-content/uploads/2023/09/bublle_empty.svg") no-repeat;
    background-size: contain;
    width: 200px;
    height: 200px;
    z-index: -1;
    -webkit-animation: float1 6s ease-in-out infinite;
    animation: float1 6s ease-in-out infinite;
}

/* Bublina - text */

.bubbleBox .textBubble p{
    max-width: 125px;
    color: var(--awb-color5);
    margin-bottom: 0px;
    font-size: 24px;
    text-align: center;  
}

/* @keyframes float1 {
    0% {
        transform: translatey(0px);
    }

    50% {
        transform: translate(0px, 40px);
    }
    100% {
        transform: translatey(0px);
    }
} */

/* TOGGLE */

.custom-toggle > .fusion-column-wrapper {
    -webkit-box-shadow: 0px 6px 50px -10px rgb(0 0 0 / 14%);
    box-shadow: 0px 6px 50px -10px rgb(0 0 0 / 14%)!important;
    overflow: hidden;
    background-color: rgba(255,255,255,0.5)!important;
    /* background-color: var(--awb-color4)!important; */
    transition: 0.25s ease all;
}
.custom-toggle .custom-toggle-title {
    cursor: pointer;
}

.custom-toggle h3 {
    font-size: 1.25rem!important;
}

.custom-toggle .custom-toggle-title::after {
    content: "+";
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 40px;
    font-weight: 400;
    font-family: inherit;
    line-height: 1;
    transition: all 0.25s ease;
}

.custom-toggle.active .custom-toggle-title::after {
    transform: rotate(45deg) translateX(4px);
}

.custom-toggle.active > .fusion-column-wrapper {
    background-color: var(--awb-color5)!important;
}

.custom-toggle .custom-toggle-title {
    padding: 20px;
    padding-right: 60px;
    position: relative;
}

.custom-toggle .custom-toggle-title h2 {
    transition: 0.25s ease all;
    color: var(--awb-color8)!important;
    text-transform: uppercase!important;
    font-weight: 800;
}

.custom-toggle:hover .custom-toggle-title h2,
.custom-toggle:hover .custom-toggle-title::after {
    color: var(--awb-color5) !important;
}

.custom-toggle.active .custom-toggle-title h2,
.custom-toggle.active .custom-toggle-title::after {
    color: var(--awb-color1) !important;
}

@media only screen and (max-width: 1024px) {
    body #wrapper #main .custom-toggle .custom-toggle-title h2 {
        font-size: 22px!important;
    }
}

.custom-toggle-content {
    background-color: var(--awb-color1)!important;
    padding: 20px;
}

/* Podstranka: O poradně */

/* Pravidla opdavani stiznosti */

.tabContactBox .fusion-column-wrapper {
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    background: var(--awb-color1)!important;
    box-shadow: -10px -10px 15px rgba(255, 255, 255, 0.5), 10px 10px 15px rgba(70, 70, 70, 0.12) !important;
    padding: 25px!important;
    border-radius: 20px!important;
}

.tabContactBox-title {

}

/************* PODSTRANKY: TABS *************/

body #tabs1 .fusion-builder-row {
    width: 100%!important;
    max-width: 100%!important;
    /* display: flex; */
    justify-content: center!important;
/*     margin-left: 0!important;
    margin-right: 0!important; */
}

/* CUSTOM TABS */

.tab-content {
	transform: scale(0);
	position: absolute !important;
	top: 0;
	left: 0;

}

.tab-content .tab-btnsWrap {

}

.tab-content.active {
	opacity: 1;
	pointer-events: all;
	transform: scale(1) !important;
	background-color:  var(--awb-color1);
	padding: 44px;
    margin: 15px 5px 0 !important;
	position: static !important;
	top: 0;
	left: 0;
    max-width: var(--site_width)!important;
    margin: 0 auto !important;
}

body .tab-content > .fusion-column-wrapper .fusion-builder-row {
	max-width: 100% !important;
}

.tabs .tab-btn {	
	cursor: pointer;
    position: relative;
	display: flex;
    align-items: center;
    background-color: var(--awb-color7) !important;
    border-radius: 20px 20px 0px 0px!important;
    color:  var(--awb-color1) !important;
    padding: 10px 20px !important;
    font-weight: bold;
    margin: 5px !important;
    transition: all 200ms ease;
}

.tab-name {
    background: var(--awb-color5)!important;
    margin: 0!important;
    padding: 20px!important;
    border-radius: 20px 20px 0px 0px!important;
}

.tab-name h3 {
    color: var(--awb-color1)!important;
}

/*.tabs .tab-btn:hover {
	background-color: #128934;
    transition: all 200ms ease;
}*/

.tabs .tab-btn.active {
	transform: scale(0.95);
	color: #333 !important;
	background-color:  var(--awb-color1) !important;
	box-shadow: inset 0px 8px 5px #c9c9c9, inset 0px 40px 30px  var(--awb-color2);
    transition: all 200ms ease;
}

.tabs .tab-btn.active i.tab-icon,
.tabs .tab-btn.active i.tab-icon:hover {
	color: var(--awb-color3);
}

.tab-content > .fusion-column-wrapper {
    border-radius: 20px !important;
    box-shadow: -10px -10px 15px rgba(255, 255, 255, 0.5), 10px 10px 15px rgba(70, 70, 70, 0.12) !important;
}

.tab-content > .fusion-column-wrapper > .fusion-builder-row .fusion-layout-column {
    background-color: var(--awb-color2) !important;
    overflow: hidden!important;
}

/* nested */
.tab-content > .fusion-column-wrapper > .fusion-builder-row .fusion-layout-column > .fusion-column-wrapper {
    padding: 30px !important;
    overflow: hidden !important;
    background-color: var(--awb-color2) !important;
    margin-bottom: 20px !important;
}

@media only screen and (max-width: 600px) {
	
	.tab-btn {
		display: block;
		width: 100%;
	}
	
}

@media only screen and (max-width: 1024px) {
    .tab-content.active {
        padding: 0px!important;
    }
}




/************* PODSTRANKY: SIT POMOCI *************/

.sitPomociToggle {

}

.sitPomociBox {
    width: 30%;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    background: var(--awb-color1);
    box-shadow: -10px -10px 15px rgba(255, 255, 255, 0.5), 10px 10px 15px rgba(70, 70, 70, 0.12) !important;
    padding: 25px;
    border-radius: 20px;

}
.sitPomociNestedCol,
.sitPomociNestedCol > .fusion-column-wrapper .fusion-text {
    display: flex!important;
    flex-wrap: wrap!important;
    gap: 25px!important;
}

#accordion-34-2 .fusion-panel .panel-body {
    display: flex;
    flex-direction: 25px;
    flex-wrap: wrap;
    gap: 25px;
}

@media only screen and (max-width: 1024px) {
    .sitPomociBox {
        width: 45%;
    }   
}

@media only screen and (max-width: 640px) {
    .sitPomociBox {
        width: 100%;
    }
}

/* FORMULAR */


.customForm {

}

.customForm > .fusion-column-wrapper {
    padding: 0px 50px 50px 50px !important;
    background: var(--awb-color3)!important;
    box-shadow: -10px -10px 15px rgba(255, 255, 255, 0.5), 
    10px 10px 15px rgba(70, 70, 70, 0.12) !important;
    border-radius: 20px!important;
}

.customForm > .fusion-column-wrapper .fusion-form-field input {
    /* border-radius: 20px; */
    padding-left: 25px;
}

.formDisclaimerBottom {
    border-top: 1px solid rgba(0,0,0,0.1)!important;
    padding-top: 25px!important;
    margin-top: 25px!important;
}

.customForm .customForm-title {
    background: var(--awb-color5);
    margin: 0 !important;
    width: max-content;
    display: flex;
    align-self: center;
    padding: 15px 40px;
    border-radius: 0px 0px 20px 20px;
}

.customForm .customForm-title h2{
    color: var(--awb-color1)!important;
    text-transform: uppercase!important;
}


/* FORM - zalozeni, prihlaseni, dotaz FORM */

.zalozeniSchranky-col {
    margin-bottom: 50px!important;
}

.zalozeniSchranky-col .fusion-column-wrapper,
.prihlaseniDoSchranky-col .fusion-column-wrapper{
    padding: 25px!important;
    background: var(--awb-color5)!important;
    border-radius: 20px!important;
}

.zalozeniSchranky-col .fusion-column-wrapper .zalozeniSchranky-col-title h3,
.zalozeniSchranky-col .fusion-column-wrapper .fusion-form-field .fusion-form-label-wrapper label {
    color: var(--awb-color1)!important;
}


.zalozeniSchranky-col .fusion-column-wrapper .fusion-form-field {
    margin-top: 0!important;
    margin-bottom: 10px!important;
}

.prihlaseniDoSchranky-col {

}

.prihlaseniDoSchranky-col .fusion-column-wrapper {
    background: var(--awb-color3)!important;
    box-shadow: -10px -10px 15px rgba(255, 255, 255, 0.5), 
    10px 10px 15px rgba(70, 70, 70, 0.12) !important;
}


/* 404 page */

/* .kruh-404{
    display: flex;
    justify-content: center;
    align-items: center;
    background: url("/wp-content/uploads/2023/09/bublina_kruh.svg") no-repeat;
    background-size: contain;
    width: 200px;
    height: 200px;
    z-index: -1;
    -webkit-animation: float5 6s ease-in-out infinite;
    animation: float5 6s ease-in-out infinite;
    transform: rotate(70deg);
}

.kruh-404 p{
    max-width: 125px;
    color: var(--awb-color5);
    margin-bottom: 0px;
    font-size: 24px;
    text-align: center;  
    transform: rotate(-70deg);
} */


/* účet a dotazy */
.inboxHeader {
    background-color: #eee;
    padding-top: 15px;
    padding-bottom: 15px;
}

.inboxHeaderRight {
    text-align: right;
}

.inboxHeaderRight a {
    padding: 10px;
    color: #fff;
    background-color: var(--awb-color5);
    border: 2px solid var(--awb-color5);
}

.inboxHeaderRight a:hover {
    color: var(--awb-color5);
    background-color: #fff;
    border: 2px solid var(--awb-color5);
}

.inboxList {
    padding-top: 15px;
}

/*  ROB - formulare - zalozeni nove stranky */

/* form wrapper */
.um-form {
    background: var(--awb-color3);
    box-shadow: -10px -10px 15px rgba(255, 255, 255, 0.5), 10px 10px 15px rgba(70, 70, 70, 0.12);
    padding: 30px 40px;
    border-radius: 20px;
}

/* submit btn - prihlaseni */

#um-submit-btn .um-button,
.um input[type=submit].um-button {
    background: var(--awb-color5)!important;
    border-radius: 10px;
    text-transform: uppercase!important;
}

/* trvale přihlásit checkbox */
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i {
    color: var(--awb-color5)!important;
}

/* Uzivatelske jmeno, heslo inputs */
body .um .um-form input[type=text],
body .um .um-form input[type=text]:focus,
body .um .um-form input[type=password] {
    border: 0px!important;
    border-bottom: 1px solid #ddd!important;
}

body .um .um-form input[type=text]:focus,
body .um .um-form input[type=password]:focus {
    border: 0px!important;
    border-bottom: 1px solid var(--awb-color5)!important;
}

/* error msg - prihlaseni */

.um-field-error {
    background: var(--awb-color5)!important;
}

.um-field-arrow {
    color: var(--awb-color5)!important;
}

/* Disclaimer text */

.formDisclaimerText {
    max-width: 800px;
    font-size: 13px!important;
    text-align: center!important;
    display: flex;
    flex-direction: column;
    align-self: center;
}


/* LAYOUT: detail content - dotaz box */

.dotazBox-otazka-column > .fusion-column-wrapper,
.dotazBox-odpoved-column > .fusion-column-wrapper {
    min-height: 350px!important;
    padding: 25px!important;
    border-radius: 20px!important;
    box-shadow: -10px -10px 15px rgba(255, 255, 255, 0.5), 10px 10px 15px rgba(70, 70, 70, 0.12)!important;
}

.dotazBox-otazka-column_header {

}

.dotazBox-otazka-column_header_title {
    background: var(--awb-color5)!important;
    margin: 0 !important;
    width: max-content!important;
    display: flex!important;
    align-self: center!important;
    padding: 5px 40px!important;
    border-radius: 0px 0px 20px 20px!important;
    position: absolute!important;
    top: 0!important;
}

.dotazBox-otazka-column_header_title p {
    color: var(--awb-color1)!important;
    margin-bottom: 0px!important;
    text-transform: uppercase!important;
}

.dotazContent-dotaztext {
    margin-top: 50px!important;
}

/* Meta info - vek, pohlavi, jmeno ...*/
.dotazMetaInfo-nested .fusion-column-wrapper {
    display: flex!important;
    flex-direction: row!important;
    gap: 25px!important;
}

/* odpoved box */

.dotazBox-odpoved-column {
    margin-top: 100px!important;
}

.dotazBox-odpoved-column > .fusion-column-wrapper {
    background: var(--awb-color2) !important;
}

/* ikonka */

.otazkaodpoved_Ico {
    /* position: absolute; */
    width: 65px;
    height: auto;
    align-self: flex-end;
    
}

.otazkaodpoved_Ico.odpoved {

}

/* Moje schranka /dotazy/ - stranka se seznamem dotazů */


/* .dotazy.type-dotazy {
    box-shadow: -10px -10px 15px rgba(255, 255, 255, 0.5), 10px 10px 15px rgba(70, 70, 70, 0.12) !important;
    padding: 25px!important;
    border-radius: 20px!important;
} */

/* hlavicka - vlozit dotaz/odhlasit se */

.inboxHeader.inboxHeaderLeft,
.inboxHeader.inboxHeaderRight {
    padding: 30px;
}

.inboxHeader.inboxHeaderLeft {
    border-radius: 20px 0px 0px 20px;
}

.inboxHeader.inboxHeaderRight {
    border-radius: 0px 20px 20px 0px;
}

.inboxListButton, 
.inboxHeaderTableShowDetail {
    padding: 10px 25px!important;
    border-radius: 50px;
    margin-right: 25px;
}

.inboxHeaderRight a {
    padding: 10px 25px!important;
    background-color: var(--awb-color7)!important;
    border-radius: 20px!important;
    border: 0px!important;
}

/* vypis dotazu */
.inboxHeaderTable th, 
.inboxHeaderTable td {
    padding-top: 20px!important;
    padding-bottom: 20px!important;
}

/* Seznam dotazu, stranka /dotazy/ */

.post-type-archive-dotazy #posts-container .fusion-blog-archive .fusion-posts-container {
	display: flex!important;
  	gap: 25px!important;
  	width: 100%!important;
  	flex-wrap: wrap!important;
}

.post-type-archive-dotazy #posts-container .fusion-blog-archive .fusion-posts-container article {
	width: 30%!important;
  	background: #efefef!important;
  	padding: 25px!important;
  	border-radius: 20px!important;
}

.post-type-archive-dotazy .fusion-post-content h2 {
font-size: 24px!important;
}

.varovani_neprihlaseny {
    color: red;
}

.varovani_neprihlaseny a {
    text-decoration: underline;
    color: red;
}

.subsexbyznys-container .fusion-column-wrapper .sectionTitle {
    box-shadow: 0px 0px 15px rgba(255, 255, 255, 0.5), 10px 10px 15px rgba(70, 70, 70, 0.12) !important;
}

/* LAYOUT: Search results */

.pcSearchCard {
    transition: all .6s ease-in-out;
}

.pcSearchCard .fusion-column-wrapper {
    box-shadow: -10px -10px 15px rgba(255, 255, 255, 0.5), 10px 10px 15px rgba(70, 70, 70, 0.12) !important;
    padding: 40px !important;
    border-radius: 20px !important;
    transition: all .6s ease-in-out;
    
}

.pcSearchCard .fusion-column-wrapper .fusion-title {
    min-height: 80px;
    font-size: 22px!important;
}

.pcSearchCard .fusion-column-wrapper  .fusion-content-tb {
    min-height: 220px;
}

.pcSearchCard:hover .fusion-column-wrapper {
    background: var(--awb-color5)!important;
}

.pcSearchCard:hover .fusion-column-wrapper .fusion-title h3,
.pcSearchCard:hover .fusion-column-wrapper .fusion-content-tb {
    color: var(--awb-color1)!important;
}