/*Obecné*/
body {
    font-weight: 400;
}

.sluzba-detail p {
    margin-top: 0.75em;
}

strong {
	font-weight: 700!important;
}

.grey-bg {
	background: #f6f6f6;
}

ol > li:before {
    background: #fbac00;
}

/*Header*/
.logo img, .logo .description {
    width: 10em;
}

.logo .text-logo {
    width: 10em;
    color: #fff;
    font-size: 1.5em;
    font-weight: 500;
}

.is-sticky .logo.type-text {
    margin-top: 1em;
}

.home .logo .text-logo {
    color: #888;
}

.home .mobile-nav {
    background: #f78c00;
    border-color: #fff!important;
}

.home .mobile-nav:hover {
    color: #fff;
    opacity: 0.75;
}

.mobile-nav {
    background: #fff;
    border-color: #fff!important;
  	color: #f78c00;
}

.mobile-nav:hover {
    color: #f78c00;
    opacity: 0.75;
}

.header-wrapper.is-sticky .nav-main > ul > li {
    padding-top: 1.6em;
}

.header-wrapper.is-sticky {
    box-shadow: 0px 0px 6px rgb(136 136 136 / 35%);
}

.header-wrapper.is-sticky .logo img {
    width: 8em;
    max-height: none;
    margin-top: 0;
}

.home .menu-app a {
        background: linear-gradient( 
135deg , #fbac00, #fbac00);
    color: #fff!important;
	  padding: .6em 1em;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin-left: 1em;
}

.menu-app a {
	  background: #fff;
    color: #ffcc00!important;
    padding: .6em 1em!important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin-left: 1em;
}

.menu-app a:hover {
    color: #fff;
    opacity: .75;
}

.enter-app a {
    background: linear-gradient( 
135deg , #fbac00, #7ac297);
    color: #fff!important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out!important;
    left: 50%;
    transform: translate(-50%, 0%);
    max-width: 14em;
    text-align: center!important;
   margin-top: 1em!important;
}

.enter-app a:hover {
    background: linear-gradient( 
135deg , #fbac00, #7ac297);!important;
    opacity: .75;
}

li#menu-app {
    padding: 1.5em;
}

.home .logo img {
    content: url(/wp-content/uploads/2022/06/trilu_color_black.svg);
}

.is-sticky li#menu-app {
    padding: 1.8em;
}

.logo, h1.logo {
    padding: 1.5em 0;
}

.home .header {
    background: #fff;
}

.header {
    background: linear-gradient(
to right, #f78c00, #ffcc00);
}

.home .nav-main > ul > li.active-menu-item > a {
    -webkit-box-shadow: none;
    box-shadow: none;
	  color: #555555;
}

.nav-main > ul > li.active-menu-item > a {
    -webkit-box-shadow: none;
    box-shadow: none;
	  color: #fff;
}

.nav-main > ul > li > .inner:hover, .nav-main > ul > li:hover > .inner {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.nav-main > ul > li, .nav-main > ul > li, .nav-main > div.menu > ul > li {
    padding: 2.15em 0 0;
	  font-size: 1.1em;
}

.home .nav-main > ul > li > .inner, .nav-main a, .nav-main span.inner {
    color: #888888;
}

.nav-main > ul > li > .inner, .nav-main a, .nav-main span.inner {
    color: #fff;
}

.nav-main > ul > li, .nav-main > ul > li, .nav-main > div.menu > ul > li {
    padding: 2.5em 0 0;
}

.header-wrapper.is-sticky .nav-main > ul > li {
    padding: 1.25em 0;
}

.home .nav-main > ul > li > .inner:hover, .home .nav-main > ul > li:hover > .inner, .home .nav-main a:hover, .nav-main a:active {
    color: #555555;
}

.nav-main > ul > li > .inner:hover, .nav-main > ul > li:hover > .inner, .nav-main a:hover, .nav-main a:active {
    color: rgb(255 255 255 / 75%);
}

li#menu-search {
    display: none;
}

.nav-main > ul > li > .inner, .nav-main > div.menu > ul > li > .inner, .nav-main > ul > li > .inner, .nav-main a, .nav-main span.inner {
    padding: 0 1.2em;
	  border-radius: 0;
	  font-weight: 500;
}

/*Footer*/
.credits {
    border-color: #333333;
}

.topbar, .topbar-extra, .topbar-extra .topbar-extra-switch, .credits {
    background: #333333;
    color: #ffffff;
}

.wp-block-image.footer-logo {
    margin: 0;
    padding: 3em 0;
}

.footer-logo img {
    width: 13em;
}

.footer-widgets {
    border-color: #eeeeee;
    background: #eeeeee;
	  color: #555;
	  padding: 3em 0;
}

.footer-widgets h1, .footer-widgets h2, .footer-widgets h3, .footer-widgets h4, .footer-widgets h5, .footer-widgets h6, .footer-widgets .h1, .footer-widgets .h2, .footer-widgets .h3, .footer-widgets .h4, .footer-widgets .h5, .footer-widgets .h6, .footer-widgets [class*="heading-style-"], .footer-widgets .no-icon-background .wm-iconbox-module .wm-content-module-element.image, .footer-widgets .no-icon-bg .wm-iconbox-module .wm-content-module-element.image {
    color: #888888;
}

.footer-widgets a {
    color: #555555;
}

.credits a {
    color: #888888;
}

.credits {
    color: #888888;
	  padding: 1.2em 0;
}

.footer-widgets h2 {
    margin-bottom: 1em;
}

/*Obrázky*/
.obrazky-kontakt img {
    width: 100% !important;
    max-width: 350px !important;
    height: auto !important;
    margin-top: 7em;
}

.obrazky-uvod img {
    width: 100% !important;
    max-width: 364px !important;
    height: auto !important;
}

.obrazky-idluh img {
    width: 100% !important;
    max-width: 182px !important;
    height: auto !important;
}

.obrazky-internet img {
    width: 100% !important;
    max-width: 280px !important;
    height: auto !important;
    margin-bottom: 5em;
}

.obrazky-trilu img {
    width: 100% !important;
    max-width: 182px !important;
    height: auto !important;
}

.obrazky-akvizice img {
    width: 100% !important;
    max-width: 350px !important;
    height: auto !important;
}

.obrazky-projekt img {
    width: 100% !important;
    max-width: 308px !important;
    height: auto !important;
}

.obrazky-mujdopis img {
    width: 100% !important;
    max-width: 210px !important;
    height: auto !important;
}

.obrazky-otaznik img {
    width: 100% !important;
    max-width: 210px !important;
    height: auto !important;
}

.obrazky-dopis img {
    width: 100% !important;
    max-width: 266px !important;
    height: auto !important;
}

.obrazky-zarovka-mini img {
    max-width: 15em;
}

.obrazky-mkt img {
    width: 100% !important;
    max-width: 266px !important;
    height: auto !important;
}

.obrazky-firmy img {
    width: 100% !important;
    max-width: 168px !important;
    height: auto !important;
}

.obrazky-advokat img {
    width: 100% !important;
    max-width: 168px !important;
    height: auto !important;
}

.obrazky-hromadna img {
    width: 100% !important;
    max-width: 280px !important;
    height: auto !important;
}

img.obrazky-soudni, img.obrazky-mimosoudni {
    margin-top: 5em;
    margin-bottom: 5em;
}

img.obrazky-soudni {
    max-width: 42em;
}

img.obrazky-mimosoudni {
    max-width: 50em;
}

/*Texty*/
a:hover, a:active {
    color: #f78c00;
}

h1.nadpis {
    letter-spacing: 0.02em;
    font-size: 4em;
	font-weight: 500;
    text-shadow: 0px 0px 6px rgb(90 168 160 / 25%);
}

h1.nadpis2 {
    letter-spacing: 0.02em;
    font-size: 3em;
  	font-weight: 500;
    color: #777777!important;
}

span.highlight {
    color: #fbac00;
    font-weight: 600;
    font-size: 1.15em;
}

.moduly-nadpis a {
    color: #fff;
    text-decoration: underline;
}

a, ul.hover-enlarge li:hover:before, .text-color-accent {
    color: #fbac00;
}

.moduly-nadpis h2 {
    display: none;
}

.moduly-nadpis p {
    color: #fff;
    margin-top: 2em;
	  font-size: 1.2em;
}

.sluzba-detail h2 {
    font-size: 2em;
    font-weight: 500;
	  margin-bottom: 1.5em;
}

.sluzba-detail h2::before {
    content: "";
    width: 70px;
    height: 2px;
    background: linear-gradient(to right, #f78c00, #fbac00);
    position: absolute;
    margin-top: 48px;
}

.moduly-popis p {
    text-align: justify;
}

.uvod-nadpis h1 {
    font-size: 5em;
    font-weight: 500;
	  text-shadow: 0px 0px 6px rgb(90 168 160 / 25%);
}

.uvod-nadpis h2 {
    font-size: 2em;
    margin-bottom: 1em;
    margin-top: 0;
	 text-shadow: 0px 0px 6px rgb(90 168 160 / 25%);
}

h2.uvod-nadpisy {
    font-size: 2.5em;
    color: #555;
    font-weight: 600;
}

h3.uvod-nadpisy {
    margin-top: 2em;
    color: #888888;
}

/*Tlačítka*/
.color-blue, .wm-button.color-blue, button.color-blue, [type="button"].color-blue, [type="submit"].color-blue {
    text-shadow: none;
    background: linear-gradient( 
45deg, #fbac00, #ffcc00);
    border-color: #ffcc00;
  	font-weight: 600;
  	letter-spacing: 0.5px;
  	border: 2px solid #fbac00;
}

.more-info-right {
    float: right;
}

.wm-button {
    text-shadow: none;
    color: #ffffff !important;
    background-color: #ffcc00;
    border-color: #ffcc00;
}

.color-green, .wm-button.color-green, button.color-green, [type="button"].color-green, [type="submit"].color-green {
    text-shadow: 0 1px 0 rgb(255 255 255 / 60%);
    color: #fbac00 !important;
    background-color: #fff;
    border-color: #fff;
    font-weight: 600;
    letter-spacing: 0.05em;
}

.wm-button.color-green:hover, button.color-green:hover, [type="button"].color-green:hover, [type="submit"].color-green:hover, .wm-button.color-green:active, button.color-green:active, [type="button"].color-green:active, [type="submit"].color-green:active {
    background-color: #fff;
    border-color: #fff;
}

.wm-button.color-blue:hover, button.color-blue:hover, [type="button"].color-blue:hover, [type="submit"].color-blue:hover, .wm-button.color-blue:active, button.color-blue:active, [type="button"].color-blue:active, [type="submit"].color-blue:active {
    background-color: #ffcc00;
    border-color: #ffcc00;
}

.wm-button.color-blue:hover, .wm-button.color-gray:hover, .wm-button.color-green:hover {
	opacity: .75;
}

.color-red, .wm-button.color-red, button.color-red, [type="button"].color-red, [type="submit"].color-red {
    text-shadow: none;
    color: #ffffff !important;
    background-color: #333;
    border-color: #333;
}

.color-orange, .wm-button.color-orange, button.color-orange, [type="button"].color-orange, [type="submit"].color-orange {
    text-shadow: none;
    color: #fbac00 !important;
    background-color: rgb(255 255 255 / 50%);
    font-weight: 600;
    border: 2px solid #fbac00;
	  letter-spacing: 0.5px;
}

.wm-button.color-orange:hover, button.color-orange:hover, [type="button"].color-orange:hover, [type="submit"].color-orange:hover, .wm-button.color-orange:active, button.color-orange:active, [type="button"].color-orange:active, [type="submit"].color-orange:active {
    background-color: #fff;
    border-color: #fbac00;
}

.wm-button.color-red:hover, button.color-red:hover, [type="button"].color-red:hover, [type="submit"].color-red:hover, .wm-button.color-red:active, button.color-red:active, [type="button"].color-red:active, [type="submit"].color-red:active {
    background-color: #111;
    border-color: #111;
}

.wm-button, a.wm-button, button, [type="button"], [type="submit"], .bbp-logged-in a.button {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.wm-button, button, [type="button"], [type="submit"], .bbp-logged-in a.button {
    padding: 0.8em 1.5em;
    font-size: 1.1em;
}

.wm-button, .wm-message, button, [type="button"], [type="submit"], .bbp-logged-in a.button {
    border-radius: 0;
}

.color-gray, .wm-button.color-gray, button.color-gray, [type="button"].color-gray, [type="submit"].color-gray {
    text-shadow: 0 1px 0 rgb(255 255 255 / 60%);
    color: #fbac00 !important;
    background-color: #fff;
    border-color: #fff;
    font-weight: 600;
    letter-spacing: 0.05em;
}

.wm-button.color-gray:hover, button.color-gray:hover, [type="button"].color-gray:hover, [type="submit"].color-gray:hover, .wm-button.color-gray:active, button.color-gray:active, [type="button"].color-gray:active, [type="submit"].color-gray:active {
    background-color: #fff;
    border-color: #fff;
}

/*Prvky*/
.formulare ul.wm-tab-links {
    display: flex;
    justify-content: center;
}

.formulare .wm-tab-links a {
    font-weight: 400;
    color: #9f9f9f;
}

.formulare .wm-tab-links .active a {
	font-weight: 600;
	color: #fff;
}

.formulare .wm-tabs-items .wm-item {
    background: #fff;
    border: none;
}

.formulare .wm-tab-links li.active {
    background: linear-gradient(to right, #f78c00, #fbac00)!important;
    border: none;
}

.formulare .wm-tab-links li {
    border: none;
    background: #efefef;
}

.menu-sluzby-container li {
    display: inline-block;
}

.cetin-logo img {
    max-width: 150px;
}

.vodafone-logo img {
    max-width: 170px;
}

.menu-sluzby-container li a {
    font-size: 1.25em;
    color: #fbac00;
    text-align: center;
	  padding: 0.25em 1em;
}

.widget .menu-sluzby-container .menu-item a:before {
    display: none;
}

ul#menu-sluzby {
    text-align: center;
}

.menu-sluzby-container {
    padding: 1em;
    background: linear-gradient(
90deg, #fff, #f0f0f0, #fff);
}

.moduly-menu {
    padding: 2em;
}

.moduly-menu a {
    color: #888888;
}

.moduly-menu .widget ul li {
    margin: 0.5em 0;
    font-size: 1.1em;
}

.moduly-menu .widget .current-menu-item > a, .moduly-menu .current_page_item > a {
    color: #b7ca2f;
}

.moduly-prehled .wm-content-module-item {
    border-top: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(
45deg, #f78c00, #fbac00);
    padding: 2em;
    background: #f6f6f6;
    border-width: 5px;
    min-height: 12em;
}

.moduly-prehled a {
    font-weight: 500;
    color: #555;
}

.moduly-prehled .wm-content-module-item, .rpt_plan  {
    transition: all .2s ease-in-out;
}

.rtp_plan {
	border-radius: 8px;
}

.moduly-prehled .wm-content-module-item:hover, .rpt_plan:hover {
    box-shadow: 0px 0px 14px rgb(136 136 136 / 40%);
    transform: scale(1.015);
}

.rpt_recommended_plan:hover {
    transform: scale(1.06);
}

.rpt_style_basic .rpt_plan .rpt_features {
    background: #fff;
}

.rpt_style_basic .rpt_plan .rpt_head .rpt_description {
    font-size: 1.2em;
    margin-top: 1em;
}

.rpt_style_basic .rpt_plan .rpt_features .rpt_feature {
    font-size: 1.1em;
    line-height: 2.5em;
}

.rpt_style_basic .rpt_plan .rpt_head .rpt_price {
    padding: 6px 10px;
}

.rpt_style_basic .rpt_plan .rpt_title img {
    display: none;
}

.rpt_plugin_f .rpt_title, .rpt_plugin_f .rpt_head .rpt_recurrence, .rpt_plugin_f .rpt_head .rpt_price, .rpt_plugin_f .rpt_head .rpt_price .rpt_currency, .rpt_plugin_f .rpt_head .rpt_subtitle, .rpt_plugin_f .rpt_head .rpt_description, .rpt_plugin_f .rpt_features .rpt_feature, .rpt_plugin_f .rpt_features .rpt_feature a, .rpt_plugin_f .rpt_foot {
    font-family: inherit;
}

a.rpt_foot.rpt_foot_2 {
    background: linear-gradient(to right, #fbac00, #ffcc00)!important;
}
a.rpt_foot.rpt_foot_1 {
    background: linear-gradient(to right, #26d3f3, #fbac00)!important;
}

a.rpt_foot.rpt_foot_0 {
    background: linear-gradient(to right, #f78c00, #26d3f3)!important;
}

a.rpt_foot.rpt_foot_0, a.rpt_foot.rpt_foot_1, a.rpt_foot.rpt_foot_2 {
	border: none!important;
}

.rpt_plan {
    box-shadow: 0px 0px 6px rgb(136 136 136 / 20%);
}

.price_1 a, .price_2 a, .price_3 a {
    background: transparent!important;
    color: inherit;
    border-bottom: 2px dotted #888!important;
}

.price_1 a:hover, .price_2 a:hover, .price_3 a:hover {
    text-decoration: none;
    opacity: 0.75;
}

/*img.rpt_recommended {
    display: none!important;*/
}

.cli-tab-footer .wt-cli-privacy-accept-btn {
    background-color: #ffcc00;
}

.cli-tab-footer .wt-cli-privacy-accept-btn {
    background-color: #fbac00!important;
}

.cli-switch input:checked + .cli-slider {
    background-color: #ffcc00;
    background: linear-gradient(
90deg, #fbac00, #ffcc00);
}

#cookie-law-info-again {
    box-shadow: rgb(22 22 22 / 20%) 0px 0px 6px 0px;
    background: #fbac00!important;
    color: #fff!important;
}

/*Formuláře*/
.nf-form-fields-required {
    display: none;
}

.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content .ninja-forms-field {
    font-size: inherit!important;
    padding: 6px!important;
}

.nf-form-content .list-select-wrap>div div:after {
    font-size: 16px!important;
    height: 38px!important;
    line-height: 39px!important;
}

.nf-field-description {
    margin-bottom: 1em;
}

.nf-form-fields-required {
    display: none;
}

.nf-form-content label {
    font-size: inherit!important;
}

#ninja_forms_required_items, .nf-field-container {
    margin-bottom: 1.5em!important;
}

.nf-error .nf-error-msg {
    font-size: 0.9em;
}

.nf-form-content button:hover, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover {
    background: linear-gradient( 
45deg, #fbac00, #ffcc00)!important;
	opacity: 0.75;
    color: #fff;
}

.nf-pass.field-wrap .nf-field-element:after {
    font-size: 30px!important;
    right: 6px!important;
    height: 30px!important;
    line-height: 39px!important;
}

.nf-response-msg {
    background: rgb(90 168 160 / 20%);
    padding: 3em;
}

.nf-form-content input[type=button].form-button {
    background: linear-gradient( 
45deg, #fbac00, #ffcc00);
    border-color: #ffcc00;
    padding: 0.8em 1.5em 2.2em 1.5em!important;
    font-size: 1.1em;
    text-decoration: none;
    /* -webkit-transition: all .2s ease-in-out; */
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-shadow: none;
}

.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content input.ninja-forms-field, .nf-form-content select.ninja-forms-field:not([multiple]) {
    height: 38px!important;
}

.nf-error.field-wrap .nf-field-element:after {
    right: 0px!important;
    height: 37px!important;
    width: 40px!important;
    line-height: 41px!important;
}

.listradio-wrap .nf-field-element label.nf-checked-label:before {
    bottom: 0px;
    top: 4.5px;
}


.nf-form-content textarea.ninja-forms-field {
    height: 120px;
}

/*MEDIA*/
@media screen and (max-width: 1024px) {
		li.menu-app {
		display: none;
	}
	.uvod-hesla {
		text-align: center;
	}
	.wm-button.color-blue, .wm-button.color-gray, .wm-button.color-green, .wm-button.color-orange {
	text-align: center;
    display: table;
    margin: 1em auto;
}
	.home .mobile-nav:before {
    color: #fff;
}
	.more-info {
		margin: auto;
	}
	.more-info-right {
		float: none;
	}
	.responsive-design .filter-this.with-margin .wm-column.with-margin, .responsive-design .masonry-this.with-margin .wm-column.with-margin {
    margin: auto;
    text-align: center;
}
	section.widget.nav_menu-2.widget_nav_menu.wm-column.with-margin.width-1-3.masonry-brick {
    top: 15em!important;
}
	.widget-heading {
    margin: 0;
    padding: 0;
}
	.footer-logo img {
    margin-top: 3em;
}
	.moduly-nadpis {
		text-align: center;
	}
}

@media screen and (min-width: 1025px) {
	li.enter-app {
    display: none;
}