p span {
	color: #54595f !important;
}

.scrolltextnadpis-black p {
	color:rgb(255, 255, 255) !important;
        font-size: 42px !important;
}

.scrolltextnadpis-black p span {
        color: #2D9CDB !important;
}       

/* homepage vyhody aplikace - body */
.item-list.style2 ul li::before {
	background: linear-gradient(0deg, #2D9CDB 0%, #2D9CDB 100%) !important; }
        
.accordion.style3 a .number { background-color: #2D9CDB !important; }        


/* horni lista s mailem, adresou a telefonem */
.top-bar {
	background-color: #060D28 !important;
}

/* li puntiky v textu na cernem pozadi */
.wrapper ul li {
 color: #A0A5B9 !important; 
}

.wrapper ul {
	margin: 0 0 1.5em 0em !important;
}

/* li puntiky v textu na bilem pozadi */
.bila-ul .wrapper ul li {
	color: #54595f !important;
}

.bila-ul .wrapper h4 {
	color: #000 !important;
}

.bila-ul .wrapper .icon {
	background-color: rgb(0 0 0 / 10%) !important;
}

/* FAQ aby nebyl nadpis moc od perexu */
.post .blog-content .post-info {
margin: 0px !important;
height: 0px !important;
padding: 0px !important;
}

/* tabulka v textu hlavicka a obsah */

.table-cerna .wrapper th {
	padding: 10px;
	color: #FFF !important;
	background-color: rgb(255 255 255 / 15%) !important;
}
.table-cerna .wrapper td {
	padding: 10px;
	color: #A0A5B9 !important;
}
/* ----- tabulka univ responzivita */
.responsive-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.responsive-table tr {
    border-bottom: 1px solid #e0e0e0;
}

.responsive-table td {
    padding: 10px 5px;
    text-align: left;
}


/* tlacitko objednat v ceniku */

.service-box.style5 .service-btn a i {
	transform: rotate(0);
}

.service-box.style5 .service-btn a::before {
	height: 0;
}

.pricing.style2 .pricing-table .table-body a:hover { background-color: #1678b1 !important; }

/* tlacitko na hompage */
.hero-particles.style3 .button-set a {
        /* background: -webkit-linear-gradient(left, #2D9CDB 0%, #1678b1 100%); */
        background: #2D9CDB;
}
.hero-particles.style3 .button-set a:hover { 
        color: #FFF !important; 
        background:#288ec9 !important;  
}

/* tlaciutko na homepage druhe */
.hero-btn2 {
        background: #2D9CDB !important;
        padding: 10px 20px !important;
        border-radius: 30px !important;
        color: #FFF !important;
}
.hero-particles.style3 .button-set a.hero-btn2 {
        margin-left: 0px !important;
        font-size: 15px !important;
        padding: 20px 40px !important;
        font-weight: 800 !important;
}
.hero-particles.style3 .button-set a.hero-btn2::before {
        background: #2D9CDB !important;
        display: none !important;
}

/* button ve clanku */
.single-button.style3 a:hover { color: #FFFFFF !important; background-color:#288ec9 !important; }

.single-button.style3 a i {
	transform: rotate(0);
}



/* nadpis H1 - zvyraznene slovo Supremo */
.section-title.style3 .title span {
	color: #2D9CDB;
}
.hero-particles.style3 .title span {
	color: #2D9CDB;
}
.section-title.style3 .title span::before {
        background: url(https://remotesoft.cz/wpcode-include/underline-supremo-new.png?cas=20);
        content: '';
        position: absolute;
        background-repeat: no-repeat;
        height: 10px;
        width: 100%;
        bottom: -6px;

}

.hero-particles.style3 .title span::before {
    content: '';
    position: absolute;
    background: url(https://remotesoft.cz/wpcode-include/underline-supremo-big-new.png?cas=22);
    background-repeat: no-repeat;
    height: 15px;
    width: 100%;
    bottom: -5px;
}

/* text nad h1 s // */

.section-title.style3 .subtitle {
	color: #2D9CDB;
}
.hero-particles.style3 .subtitle {
	color: #2D9CDB;
}


/*  tlacitko 1 rok, 2 roky... v ceniku  */
.elementor-6212 .elementor-element.elementor-element-1533154.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-6212 .elementor-element.elementor-element-1533154.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover {
	background: -webkit-linear-gradient(left, #2D9CDB 0%, #1678b1 100%);
}
.elementor-6212 .elementor-element.elementor-element-1533154.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover {
	background: -webkit-linear-gradient(left, #2D9CDB 0%, #1678b1 100%);
}

/* + - v ceniku harmonika s prehledem funkci  */

.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon span>i { color: #2D9CDB !important; }

/* tlacitko odeslat */
.submit-button {
    background: var(--e-global-color-8cbec41) !important;
    color: #FFFFFF !important;
    border-radius: 30px !important;
}

.submit-button:hover {
    background: #288EC9 !important;
    color: #FFFFFF !important;  
}

textarea:focus {
    border-color: #288EC9 !important;
}

input:focus {
    border-color: #288EC9 !important;
}


/* ikony v tabulce */ 

.icon-box.style3 .icon i {
        background: -webkit-linear-gradient(left, #2D9CDB 0%, #1678b1 100%);
        /* -webkit-background-clip: text;   */
        background-clip: text;  
        -webkit-text-fill-color: transparent;
}

.icon-box.style3 .icon::before {
	background: -webkit-linear-gradient(left, #2D9CDB 0%, #1678b1 100%);
}

/* oprava zarovani ikon v tabulce */
.icon-box.style3 .icon i {
margin: 15px 0 0 0;
}




.elementor-6046 .elementor-element.elementor-element-f17d68c .single-counter .icon i {
color: #2D9CDB;
}
.elementor-6046 .elementor-element.elementor-element-68e573d .single-counter .icon i {
color: #2D9CDB;
}
.elementor-6046 .elementor-element.elementor-element-9199391 .single-counter .icon i {
color: #2D9CDB;
}

/* horni menu */
.site-header1 .main-menu .manu-wrapper .menu-ul li a:hover { color: #2D9CDB; }

/* menu linka podmenu */
.site-header2 .main-menu2 .manu-wrapper .menu-ul li .sub-menu li::before { background-color: #2D9CDB !important; }
.site-header1 .main-menu .manu-wrapper .menu-ul li .sub-menu li::before { background-color: #2D9CDB !important; }


/* mobil menu barva */
.mobile-menu .menu-toggle i {
	color: #2D9CDB;
}

/* mobil menu aktivni       */
.mobile-menu .menu-ul li a:hover {
	color: #2D9CDB;
}

/* mobil meni barva kontakt */
.mobile-menu .menu-content .info .title::before {
	background-color: #2D9CDB;
}

/* oprava sipky dolu???? */
.far {
font-family: 'Font Awesome 5 Pro' !important;
}


/* ------------------------ faq ------------------*/

.ewd-ufaq-faqs h4 { font-size: 16px; }

.ewd-ufaq-faq-title .ewd-ufaq-post-margin-symbol span  { font-size: 16px !important; }
.ewd-ufaq-faq-title .ewd-ufaq-post-margin-symbol span:hover  { color: #2D9CDB !important; }
.ewd-ufaq-post-margin-symbol { color: #2D9CDB !important; }
.ewd-ufaq-post-margin-symbol:hover { color: #000000 !important; }
div.ewd-ufaq-faq-title div.ewd-ufaq-post-margin-symbol { margin-right: 6px !important; padding: 7px 0px 0px 0px !important; }
	
/* ----------------------- navody vypis ------------------ */

.navody-seznam {
    display: block; /* Změna z grid na block */
    margin: 20px 0;
}

.navod-item {
    padding: 20px;
    border-bottom: 1px solid var(--e-global-color-7a5d7ce);
    margin-bottom: 20px; /* Přidání mezery mezi položkami */
}


.navod-item h3 {
    margin-top: 0;
}

.navod-item h3 a {
    text-decoration: none;
    color: #333;
}

.navod-item h3 a:hover {
    color: #0073aa;
}

.navod-thumbnail img {
    width: 100%;
    height: auto;
    border-radius: 3px;
    margin-bottom: 10px;
}

.read-more {
    display: inline-block;
    margin-top: 10px;
    padding: 8px 15px;
    background: #2D9CDB !important;
    color: #ffffff !important;
    text-decoration: none;
    border-radius: 20px;
    font-size: 13px;
}

.read-more:hover {
        color: #ffffff !important;
        background: #288EC9 !important;

}
.read-more a {
    display: inline-block;
    margin-top: 0px;
    padding: 0px 0px;
    background: #2D9CDB !important;
    color: #ffffff !important;
    text-decoration: none;
    border-radius: 20px;
}

.read-more a:hover {
        color: #ffffff !important;
        background: #288EC9 !important;

}


/* ----------------- navody obsah clanku -------------------- */

/* Skrytí breadcrumb - cílení na běžné Solute třídy */
.breadcrumb-area, .breadcrumb-items {
    display: none !important;
}

.breadcrumb-area .title {
    display: none !important;
}


.zpet-na-prehled {
    margin-bottom: 20px;
    padding: 15px 0;
}

.tlacitko-zpet {
    display: inline-block;
    padding: 10px 20px;
    background: #2D9CDB;
    color: #ffffff !important;
    text-decoration: none;
    border-radius: 20px;
    font-weight: 500;
    transition: background 0.5s ease;
}

.tlacitko-zpet:hover {
    background: #288EC9 !important;
    color: #ffffff !important;
}

.tlacitko-zpet:before {
    content: '';
    margin-right: 8px;
}






/* Skrytí navigace předchozí/následující příspěvek */
.post-navigation,
.nav-links,
.navigation-posts,
.post-nav,
.single .entry-footer .nav-links {
    display: none !important;
}






/* toggle panel ve článku */
.wp-block-ub-content-toggle-accordion {
    border: 0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

.wp-block-ub-content-toggle-accordion-title-wrap {
    border: 0 !important;
    background-color: transparent !important;
}



/* formulare */
.form-control-select {
    
    border-radius: 0px !important;
    /* display: block; */
    width: 75%;
    float: inline-end;
    padding: .75rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    
}

.form-select-txt {
    margin: 0px;
    padding: 0px 0px 0px 4px;
    line-height: 3.0;
    color: #696969;
}


.wpcf7-list-item {
   margin: 0px;
}



.wpcf7-list-item-label {
    color: #2D9CDB !important;
    font-weight: 500;
    float: inline-end;
    padding: 0 0 0 5px;
}




/* formulare - dekujeme */
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    padding: 25px;
    margin: 10px 0 10px 0;
    background-color: #e8f7eb;
    color: #46b450;
    font-size: 16px;
    font-weight: 500;
    
}
/* formulare - chyba - warning - text dole pod odeslat */
.wpcf7 form.invalid .wpcf7-response-output {
    border-color: #ffb900;
    padding: 25px;
    margin: 10px 0 10px 0;
    background-color: #f7f3e8;
    color: #727272;
    font-size: 16px;
    font-weight: 500;
}

.wpcf7-not-valid-tip {
  color: #dc3232 !important;
  margin: -20px 0 0 0;
}


input[type="checkbox"] {

    /* -webkit-appearance: none; */
    /* -moz-appearance: none; */
    /* appearance: none; */
    width: 21px;
    height: 21px;
    border: 1px solid #ced4da;
    border-radius: 0 !important;
    outline: none;
    cursor: pointer;
    background: #fff;
}
/*
input[type="checkbox"]:checked {
    background: #2D9CDB;
    border-color: #2D9CDB;
}

input[type="checkbox"]:checked::before {
    content: "✓";
    display: block;
    text-align: center;
    color: white;
    font-weight: bold;
    line-height: 30px;  
}
*/

/* desktop */
@media screen and (min-width: 990px) {
        
        /* horni odkaz stazeni */
        .extra_link a {
        	/* color: #FF7426 !important;; */
        	/* color:rgb(39, 143, 204) !important; */
                color: #ffffff !important;
                background: var(--e-global-color-8cbec41) !important;
                border-radius: 30px !important;
                padding: 10px 20px !important;
                margin: 28px 5px 0px 5px !important
                
        }
        
        .extra_link a:hover {
        	color: #ffffff !important;
        	background: #288EC9 !important;
        }
} /* konec desktop */








       /* mobil  */
@media screen and (max-width: 767px) {
    .responsive-table, 
    .responsive-table tbody, 
    .responsive-table tr, 
    .responsive-table td {
        display: inline-block;
        width: 100%;
    }
    
	.responsive-table th {
		display: none;
	}
	
    .responsive-table tr {
        margin-bottom: 15px;
        border-bottom: 2px solid #e0e0e0;
    }
    
    .responsive-table td {
        text-align: right;
        padding-left: 50%;
        position: relative;
        border-bottom: 1px solid #f0f0f0;
    }
    
    .responsive-table td:before {
        content: attr(data-label);
        position: absolute;
        left: 10px;
        width: 45%;
        padding-right: 10px;
        font-weight: bold;
        text-align: left;
    }
    /* tlacitko homepage */
    .hero-particles.style3 .button-set a.hero-btn2 {
        margin-left: 0px !important;
        font-size: 14px !important;
        padding: 14px 25px !important;
    }
    
    
}