@import url("https://fonts.googleapis.com/css2?family=Shantell+Sans:ital,wght@0,300..800;1,300..800&display=swap");
:root {
--default-font: "Open Sans",  system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--heading-font: "Montserrat",  sans-serif;
--nav-font: "Poppins",  sans-serif;
} :root { 
--background-color: #ffffff; --default-color: #212529; --heading-color: #32353a; --accent-color: #e84545; --surface-color: #ffffff; --contrast-color: #ffffff; } :root {
--nav-color: #3a3939; --nav-hover-color: #e84545; --nav-mobile-background-color: #ffffff; --nav-dropdown-background-color: #ffffff; --nav-dropdown-color: #3a3939; --nav-dropdown-hover-color: #e84545; } .light-background {
--background-color: #f9f9f9;
--surface-color: #ffffff;
}
.dark-background {
--background-color: #060606;
--default-color: #ffffff;
--heading-color: #ffffff;
--surface-color: #252525;
--contrast-color: #ffffff;
} :root {
scroll-behavior: smooth;
} body {
color: #420f09;
background-color: #fff;
font-family: "Shantell Sans", sans-serif;
}
a {
color: #e5341f;
text-decoration: none;
transition: 0.3s;
}
a:hover {
color: #000;
text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #420f09;
font-family: "Shantell Sans", sans-serif;
}
p {
font-family: "Shantell Sans", sans-serif;
} .hlavicka {
justify-content: space-between;
margin-right: 150px;
}
.header {
color: #420f09;
background-color: transparent;
padding: 0;
transition: all 0.5s;
z-index: 997;
}
@media only screen and (max-width: 768px) {
.hlavicka {
margin-right: 0;
}
} .scrolled header {
background-color: #fff;
transition: 0.2s all;
}
.header .logo img {
position: relative;
top: -13px;
left: -12px;
}
.header .logo {
display: flex;
align-items: flex-start;
height: 40px;  
}
.navmenu {
display: flex;
align-items: center; }
.home-icon {
margin-right: 15px; }
.home-icon img {
width: 25px; height: auto;
}
@media only screen and (max-width: 991px) {
.header .logo img {
height: 150px;
width: auto;
}
}  @media (min-width: 1200px) {
.navmenu {
padding: 0;
}
.navmenu ul {
margin: 0;
padding: 0;
display: flex;
list-style: none;
align-items: center;
}
.navmenu li {
position: relative;
margin: 10px 15px;
}
.navmenu a,
.navmenu a:focus {
color: #420f09;
font-size: 16px;
padding: 5px 0;
font-family: "Shantell Sans", sans-serif;
font-weight: 600;
display: flex;
align-items: center;
justify-content: space-between;
white-space: nowrap;
transition: 0.3s;
}
.navmenu a i,
.navmenu a:focus i {
font-size: 12px;
line-height: 0;
margin-left: 5px;
transition: 0.3s;
}
.navmenu li:last-child a {
padding-right: 0;
}
.navmenu li:hover a,
.navmenu .active,
.navmenu .active:focus {
color: #e5341f;
}
.navmenu .dropdown ul {
margin: 10px 0px 0px 0px;
padding: 10px 0;
background: #fff;
display: block;
position: absolute;
visibility: hidden;
left: 14px;
top: 130%;
opacity: 0;
transition: 0.3s;
border-radius: 15px;
z-index: 99;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
border: 2px solid #420f09;
}
.navmenu .dropdown ul::before {
content: '';
position: absolute;
top: -10px; left: 20px; border-width: 0 10px 10px 10px; border-style: solid;
border-color: transparent transparent #fff transparent; display: block;
width: 0;
height: 0;
}
.navmenu .dropdown ul::after {
content: '';
position: absolute;
top: -12px; left: 18px; border-width: 0 12px 12px 12px; border-style: solid;
border-color: transparent transparent #420f09 transparent; display: block;
width: 0;
height: 0;
}
.navmenu .dropdown ul li {
min-width: 200px;
}
.navmenu .dropdown ul a {
padding: 10px 20px;
font-size: 15px;
text-transform: none;
color: #420f09;
font-weight: 300;
}
.navmenu .dropdown ul a i {
font-size: 12px;
}
.navmenu .dropdown ul a:hover,
.navmenu .dropdown ul .active:hover,
.navmenu .dropdown ul li:hover>a {
color: var(--nav-dropdown-hover-color);
}
.navmenu .dropdown:hover>ul {
opacity: 1;
top: 100%;
visibility: visible;
}
.navmenu .dropdown .dropdown ul {
top: 0;
left: -90%;
visibility: hidden;
}
.navmenu .dropdown .dropdown:hover>ul {
opacity: 1;
top: 0;
left: -100%;
visibility: visible;
}
} @media (max-width: 1199px) {
.mobile-nav-toggle {
color: #ffffff;
font-size: 28px;
line-height: 0;
margin-right: 10px;
cursor: pointer;
transition: color 0.3s;
background-color: #f42a29;
border: 2px solid #000;
padding: 10px;
}
.navmenu {
padding: 0;
z-index: 9997;
}
.navmenu ul {
display: none;
list-style: none;
position: absolute;
inset: 60px 20px 20px 20px;
padding: 10px 0;
margin: 0;
border-radius: 6px;
background-color: var(--nav-mobile-background-color);
overflow-y: auto;
transition: 0.3s;
z-index: 9998;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}
.navmenu a,
.navmenu a:focus {
color: var(--nav-dropdown-color);
padding: 10px 20px;
font-family: var(--nav-font);
font-size: 17px;
font-weight: 500;
display: flex;
align-items: center;
justify-content: space-between;
white-space: nowrap;
transition: 0.3s;
}
.navmenu a i,
.navmenu a:focus i {
font-size: 12px;
line-height: 0;
margin-left: 5px;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: 0.3s;
background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
}
.navmenu a i:hover,
.navmenu a:focus i:hover {
background-color: var(--accent-color);
color: var(--contrast-color);
}
.navmenu a:hover,
.navmenu .active,
.navmenu .active:focus {
color: var(--nav-dropdown-hover-color);
}
.navmenu .active i,
.navmenu .active:focus i {
background-color: var(--accent-color);
color: var(--contrast-color);
transform: rotate(180deg);
}
.navmenu .dropdown ul {
position: static;
display: none;
z-index: 99;
padding: 10px 0;
margin: 10px 20px;
background-color: var(--nav-dropdown-background-color);
border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
box-shadow: none;
transition: all 0.5s ease-in-out;
}
.navmenu .dropdown ul ul {
background-color: rgba(33, 37, 41, 0.1);
}
.navmenu .dropdown>.dropdown-active {
display: block;
background-color: rgba(33, 37, 41, 0.03);
}
.mobile-nav-active {
overflow: hidden;
}
.mobile-nav-active .mobile-nav-toggle {
color: #fff;
position: absolute;
font-size: 32px;
top: 15px;
right: 15px;
margin-right: 0;
z-index: 9999;
}
.mobile-nav-active .navmenu {
position: fixed;
overflow: hidden;
inset: 0;
background: rgba(33, 37, 41, 0.8);
transition: 0.3s;
}
.mobile-nav-active .navmenu ul {
display: block;
}
}
.hlavicka {
display: flex;
justify-content: space-between;
align-items: center;
}
.navigace {
width: 100%;
display: flex;
align-items: center;
justify-content: center;  
}
.socialicons {
display: flex;
width: 180px;
flex-direction: row;
justify-content: center;
align-items: center;
}
.socialicons img {
margin: 0 8px;
}
.poptavka { }
.current-menu-parent a {
color: #e5341f;
}
.current-menu-parent a::after {
content: "";
position: absolute;
bottom: -0.125rem;
left: -0.5rem;
right: -0.5rem;
height: 0.75rem;
z-index: -1;
background-image: url(//labskaskola.cz/wp-content/uploads/2024/09/under.svg);
background-repeat: no-repeat;
background-size: cover;
}
.current-menu-parent a::after {
bottom: -0.2rem;
height: 0.5rem;
left: -0.25rem;
right: -0.25rem;
}
ul.sub-menu a::after {
background-image: none;
}
ul.sub-menu .current-menu-item a::after  {
content: "";
position: absolute;
bottom: -0.125rem;
left: -0.5rem;
right: -0.5rem;
height: 0.75rem;
z-index: -1;
background-image: url(//labskaskola.cz/wp-content/uploads/2024/09/under.svg);
background-repeat: no-repeat;
background-size: cover;  
}
.current-menu-item a::after  {
content: "";
position: absolute;
bottom: -0.125rem;
left: -0.5rem;
right: -0.5rem;
height: 0.75rem;
z-index: -1;
background-image: url(//labskaskola.cz/wp-content/uploads/2024/09/under.svg);
background-repeat: no-repeat;
background-size: cover;  
} .floating-image {
position: fixed;
top: 50%;
left: 0;
transform: translateY(-50%);
z-index: 1000; }
.floating-image img {
width: auto; height: auto;
}
@media only screen and (max-width: 767px) {
.poptavka {
padding-left: 0;
}  
.floating-image img {
width: auto; height: 180px;
}
}
@media only screen and (max-width: 645px) {
.header .logo img {
height: 100px;
} 
.mobile-nav-toggle {
padding: 5px;
}
}
@media only screen and (max-width: 575px) {
.socialicons {
display: none;
}
} .scroll-top {
position: fixed;
visibility: hidden;
opacity: 0;
right: 15px;
bottom: 15px;
z-index: 99999;
background-color: var(--accent-color);
width: 40px;
height: 40px;
border-radius: 4px;
transition: all 0.4s;
}
.scroll-top i {
font-size: 24px;
color: var(--contrast-color);
line-height: 0;
}
.scroll-top:hover {
background-color: color-mix(in srgb, var(--accent-color), transparent 20%);
color: var(--contrast-color);
}
.scroll-top.active {
visibility: visible;
opacity: 1;
} @media screen and (max-width: 768px) {
[data-aos-delay] {
transition-delay: 0 !important;
}
} section,
.section {
color: var(--default-color);
background-color: var(--background-color);
background-repeat: no-repeat;
background-size: cover; padding: 30px 0;
scroll-margin-top: 98px;
overflow: clip;
}
@media (max-width: 1199px) {
section,
.section {
scroll-margin-top: 64px;
}
} :root {
--btn-color: #fccb39;
--btn-border-color: #eb6934;
--btn-text-color: #9a431f;
--btn-light-color: #fdd661;
}
.btn-container {
display: inline-flex;
transform-style: preserve-3d;
perspective: 200px;
margin: 0.5rem;
}
.cartoon-btn {
--rotate-angle: 15deg;
--direction: -1;
border: 0.2rem solid #000;
padding: 0.5rem 3rem;
border-radius: 5px;
transform: rotatey(calc(var(--rotate-angle) * var(--direction)));
transform-style: preserve-3d;
background-color: #e5341f;
text-decoration: none;
color: #fff;
font-weight: 400;
font-family: "Shantell Sans", sans-serif;
font-size: 18px;
outline: 0;
position: relative;
overflow: hidden;
transition: all ease 0.15s;
top: 0;
cursor: pointer;
rotate: -4deg;
}
.cartoon-btn:hover{
background-color: #420f09;
}
.cartoon-btn:hover::after {
background-color: #420f09;  
}
.cartoon-btn:active {
top: 0.25rem;
}
.cartoon-btn::after {
content: "";
position: absolute;
height: 80%;
width: 99%;
background-color: #e5341f;
top: 0;
left: 0;
right: 0;
margin: auto;
z-index: 1;
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
}
.cartoon-btn:focus {
outline: 0;
}
.cartoon-btn span {
position: relative;
transform: rotatey(calc(var(--rotate-angle) * var(--direction) * -1));
font-size: 18px;
z-index: 2;
} .cartoon-btn.brown {
--rotate-angle: 15deg;
--direction: -1;
border: 0.2rem solid #000;
padding: 0.5rem 3rem;
border-radius: 5px;
transform: rotatey(calc(var(--rotate-angle) * var(--direction)));
transform-style: preserve-3d;
background-color: #420f09;
text-decoration: none;
color: #fff;
font-weight: 400;
font-family: "Shantell Sans", sans-serif;
font-size: 18px;
outline: 0;
position: relative;
overflow: hidden;
transition: all ease 0.15s;
top: 0;
cursor: pointer;
rotate: -4deg;
}
.cartoon-btn.brown:hover{
background-color: #e5341f;
}
.cartoon-btn.brown:hover::after {
background-color: #e5341f;  
}
.cartoon-btn.brown:active {
top: 0.25rem;
}
.cartoon-btn.brown::after {
content: "";
position: absolute;
height: 80%;
width: 99%;
background-color: #420f09;
top: 0;
left: 0;
right: 0;
margin: auto;
z-index: 1;
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
}
.cartoon-btn.brown:focus {
outline: 0;
}
.cartoon-btn.brown span {
position: relative;
transform: rotatey(calc(var(--rotate-angle) * var(--direction) * -1));
font-size: 18px;
z-index: 2;
} .cartoon-btn.yellow {
--rotate-angle: 15deg;
--direction: -1;
border: 0.2rem solid #ffa60a;
padding: 0.5rem 3rem;
border-radius: 5px;
transform: rotatey(calc(var(--rotate-angle) * var(--direction)));
transform-style: preserve-3d;
background-color: #fff;
text-decoration: none;
color: #ffa60a;
font-weight: 400;
font-family: "Shantell Sans", sans-serif;
font-size: 18px;
outline: 0;
position: relative;
overflow: hidden;
transition: all ease 0.15s;
top: 0;
cursor: pointer;
rotate: -4deg;
}
.cartoon-btn.yellow:hover {
background-color: #4e332a;
}
.cartoon-btn.yellow:hover::after {
background-color: #4e332a;  
}
.cartoon-btn.yellow:active {
top: 0.25rem;
}
.cartoon-btn.yellow::after {
content: "";
position: absolute;
height: 80%;
width: 99%;
background-color: #fff;
top: 0;
left: 0;
right: 0;
margin: auto;
z-index: 1;
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
}
.cartoon-btn.yellow:focus {
outline: 0;
}
.cartoon-btn.yellow span {
position: relative;
transform: rotatey(calc(var(--rotate-angle) * var(--direction) * -1));
font-size: 18px;
z-index: 2;
}
.cartoon-btn.yellow span img {
padding-left: 20px;
}
.tlacitko {
padding-top: 50px;;
}
@media only screen and (max-width: 500px) {
.cartoon-btn {
border: 0.2rem solid #000;
padding: 0.2rem 1rem;
}  
} .title h2 {
font-size: 30px;
font-weight: 600;
color: #420f09;
padding-bottom: 45px;
}
.title h2 img {
left: -50px;
top: 30px;
position: relative;
}
@media only screen and (max-width: 767px) {
.title h2 {
font-size: 25px;
display: flex;
}
} section.roz-bg {
background-position: right;
background-repeat: no-repeat;
background-size: contain;
padding-top: 100px;
} .rozbox {
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: 450px;
display: flex;
align-items: center;
flex-direction: row;
flex-wrap: nowrap;
width: 100%;
justify-content: space-around;
align-content: center;
}
.rozbox {
padding: 0 50px;
}
.roz {
display: inline-grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.divider {
border-left: 2px dashed #eb6555; height: 100px; margin: 0 20px; display: inline-block; }
.divider:last-of-type {
display: none;
}
.roz {
display: flex; align-items: center; }
.rozcebox {
margin: 0 20px;
}
.rozcebox {
margin-bottom: 20px; display: flex;
flex-direction: column;
align-content: center;
align-items: center;
justify-content: center;
}
.rozcebox img {
width: auto;
height: 180px;
object-fit: contain;
padding-bottom: 0;
z-index: 1;
position: relative;
bottom: 15px;
}
.rozcebox h3 {
font-size: 18px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
height: 50px;
align-items: center;
display: flex;
text-align: center;
justify-content: center;
z-index: 1;
}
.rozcebox {
position: relative;
transition: .5s;
}
.rozcebox a {
z-index: 1;
}
.graphic-element {
width: 100%; height: 150px; background-color: #e5341f; margin-top: -10px; position: absolute;
border-radius: 40px;
width: 180px;
}
.rozcebox {
position: relative;
top: 0; transition: top 0.3s ease; }
.rozcebox:hover {
top: -70px; }
.rozcebox p {
font-size: 22px;
font-weight: 500;
color: #592c27;
text-transform: uppercase;  
text-align: center;
opacity: 0; 
transition: opacity 0.5s ease; 
height: 0;
overflow: hidden;
z-index: 1;
}
.rozcebox:hover p {
opacity: 1; height: auto; }
@media only screen and (max-width: 1399px) {
.rozcebox img {
height: 120px;
}
.rozcebox {
margin: 0 10px;
}
.graphic-element {
width: 100%;
}
}
@media only screen and (max-width: 1199px) {
.rozcebox img {
height: 120px;
}
.roz {
display: flex;
align-items: center;
flex-direction: column;
background-color: #db3112;
border: 2px solid #000;
border-radius: 35px;
display: inline-grid;
grid-template-columns: 1fr 1fr 1fr;
}
.divider {
display: none;
}
.graphic-element {
display: none;
}
.rozbox {
height: auto;
margin-bottom: 45px;
padding: 0;
}
.rozbox {
backface-visibility: hidden;
background-size: 0;
}
.rozcebox img {
bottom: 0;
}
.rozcebox h3 {
font-size: 15px;
}  
.rozcebox p {
font-size: 15px;
}
}
@media only screen and (max-width: 575px) {
.rozbox {
height: auto;
margin-bottom: 45px;
padding: 10px;
}
.rozcebox h3 {
font-size: 14px;
}  
.rozcebox p {
font-size: 14px;
}
.roz {
display: flex;
align-items: center;
flex-direction: column;
background-color: #db3112;
border: 2px solid #000;
border-radius: 35px;
display: inline-grid;
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 375px) {
.rozbox {
height: auto;
margin-bottom: 45px;
padding: 10px;
}
.rozcebox h3 {
font-size: 14px;
}  
.rozcebox p {
font-size: 14px;
}
.roz {
display: flex;
align-items: center;
flex-direction: column;
background-color: #db3112;
border: 2px solid #000;
border-radius: 35px;
display: inline-grid;
grid-template-columns: 1fr;
}
}
@media only screen and (max-width: 991px) {
.rozcebox h3 {
font-size: 16px;
}
} .aktuality { }
.aktualbox {
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 320px;
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: center;
padding: 25px;
}
.aktualbox span.date {
font-size: 14px;
font-weight: 500;
color: #e5341f;
}
.aktualbox h3 {
padding-top: 5px;
padding-bottom: 10px;
font-size: 17px;
font-weight: 600;
height: 45px;
}
.aktualbox .link {
display: flex;
justify-content: flex-end;
width: 100%;
}
.aktualbox .link span {
border-bottom: 2px solid #e5341f;
}
.aktuality .col-lg-6 {
position: relative; }
.aktualbox {
position: relative; z-index: 10; padding: 20px; }
.container.aktuality {
max-width:850px;
}
.tecky {
position: absolute; z-index: 5; width: 100px;  right: -20px;
bottom: -30px; opacity: 1; width: 200px; }
@media only screen and (max-width: 991px) {
.aktuality .col-lg-6 {
width: 50%;
}
.aktualbox span.date {
font-size: 13px;
}
.aktualbox h3 {
font-size: 15px;
}
.aktualbox .link span {
font-size: 13px;
}
.aktualbox .link img {
width: auto;
height: 10px;
}  
}
@media only screen and (max-width: 767px) {
.aktuality .col-lg-6 {
display: block;
width: 100%;
}
.tecky {
width: 25%;
left: 235px;
top: 105px;
}
.aktualbox {
margin-bottom: 35px;
}  
}
@media only screen and (max-width: 575px) {
.aktualbox {
margin-bottom: 25px;
}
.aktuality .col-lg-6 {
width: 100%;
}
.aktuality .col-lg-6 {
text-align: center;
display: flex;
justify-content: center;
}
} section.onas-bg {
padding-top:  25px;
padding-bottom: 25px;
}
.onas h2 {
margin-bottom: 0;
padding-bottom: 20px;
}
.onas p strong {
font-size: 20px;
font-weight: 600;
color: #420f09;
}
.onas .desc {
display: flex;
justify-content: space-between;
align-items: center;
}
.onas .desc .txt {
width: 70%;
}
.onas .desc .txt h4 {
text-transform: uppercase;
font-size: 20px;
font-weight: 600;
color: #e5341f;
}
.onas .desc .txt p {
font-size: 16px;
font-weight: 400;
color: #420f09;
text-align: justify;
}
.onas img.sipka {
width: auto;
height: auto;
margin-bottom: 10px;
}
.content-container {
display: flex;
align-items: center;
justify-content: space-between;
}
.text-container {
flex: 1;
}
.image-container {
bottom: 45px;
position: relative;
}
@media only screen and (max-width: 767px) {
.image-container {
display:none;
}
}
.image-container img {
width: 80px;
height: auto;
}
@media only screen and (max-width: 767px) {
.onas h2 {
font-size: 20px;
}
.onas .desc .txt h4 {
font-size: 18px;
}
.onas .desc {
display: block;
}
.onas .desc .txt {
width: 100%;
}
.onas .desc .txt p {
text-align: center;
}
} .videa {
padding-top: 50px;
}
.videa h3 {
text-transform: uppercase;
font-weight: 700;
font-size: 20px;
padding-bottom: 10px;
}
.videa iframe {
width: 80%;
}
@media only screen and (max-width: 991px) {
.videa iframe {
width: 100%;
}
}
.videa {
position: relative;
}
.dolni-obrazek {
position: absolute;
bottom: 0px; 
left: 10px; 
width: 60px; 
height: auto; 
} .procnase {
background-position: center;
background-size: contain;
background-repeat: no-repeat;
height: 250px;
justify-content: center;
display: flex;
align-items: center;
flex-direction: column;
align-content: stretch;
}
.procnasebox {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
flex-direction: row;
}
.procnasebox .icon {
padding-right: 10px;
}
.procnasebox .desc h3 {
font-size: 20px;
font-weight: 600;
color: #e5341f;
margin-bottom: 0;
}
.procnasebox .desc p {
margin-bottom: 0;
font-size: 20px;
font-weight: 400;
color: #e5341f
}
.procn {
width: 100%;
}
.procnaspostavy {
position: relative; 
}
.procnaspostavy .top-right-image {
position: absolute;
top: -30px;
right: -20px;
z-index: 10;
}
.procnaspostavy .bottom-left-image {
position: absolute;
bottom: -30px;
left: -20px;
z-index: 10;
}
@media only screen and (max-width: 767px) {
.bottom-left-image  {
display:none;
}
}
.procnaspostavy .top-right-image img {
width: 120px; 
height: auto;
}
.procnaspostavy .bottom-left-image img {
width: 110px; 
height: auto;
}
.procnase {
display: flex;
justify-content: center;
align-items: stretch;
flex-direction: column;
}
.procnase-column {
position: relative;
flex: 1;
padding: 0 20px;
}
.procnase-column:not(:last-child)::after {
content: "";
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 2px;
background: repeating-linear-gradient(
to bottom,
transparent,
transparent 5px,
#ff4f3a 5px,
#ff4f3a 18px
);
}
.corner-image {
position: absolute;
width: 100px; 
height: auto;
}
.top-right {
top: 10px;
right: 10px;
}
.bottom-left {
bottom: 10px;
left: 10px;
}
.linkanaseskola {
justify-content: flex-end;
display: flex;
position: relative;
bottom: 50px;
right: 60px;
margin-bottom: -50px;
}
.linkanaseskola .link a span {
font-family: "Shantell Sans", sans-serif;
font-size: 16px;
font-weight: 600;
color: #420f09;
border-bottom: 3px solid #420f09;
}
.linkanaseskola .link a span:hover {
color: #e5341f;
border-color: #e5341f;
}
.linkanaseskola .link a img {
padding-left: 15px;
width: auto;
height: auto;
}
@media only screen and (max-width: 991px) {
.procnase-column:not(:last-child)::after {
display: none;
}
.procnasebox .desc h3 {
font-size: 18px;
}
.procnasebox .desc p {
font-size: 18px;
}
.linkanaseskola {
bottom: 80px;
}
}
@media only screen and (max-width: 425px) {
.procnase-column:not(:last-child)::after {
display: none;
}
.procnasebox .desc h3 {
font-size: 18px;
}
.procnasebox .desc p {
font-size: 18px;
}
.linkanaseskola {
bottom: 60px;
}
} section.novinky-bg {
background-position: left;
background-repeat: no-repeat;
background-size: contain;  
}
.novinky-bg .title {
padding-left: 120px;
}
.mainblog {
display: flex;
justify-content: space-between;
align-items: center; 
margin-bottom: 80px;
}
.mainblog {
position: relative;
}
.bottom-left-image {
position: absolute;
bottom: -55px;
right: 10px;
z-index: 10;
}
.bottom-left-image img {
width: 50px; 
height: auto;
}
.mainblog .thumb {
width: 30%;
}
.mainblog .thumb img {
width: 100%;
height: 350px;
object-fit: cover;
border-radius: 70px;
-webkit-box-shadow: 0px 0px 24px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 24px -10px rgba(0,0,0,0.75);
box-shadow: 0px 0px 24px -10px rgba(0,0,0,0.75);  
}
.mainblog .desc {
width: 70%;
padding-left: 80px;
}
.mainblog .desc span {
font-family: "Shantell Sans", sans-serif;
font-weight: 700;
font-size: 14px;
color: #420f09;
}
.mainblog .desc span img {
padding-right: 15px;
-webkit-box-shadow: 0px 0px 43px -21px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 43px -21px rgba(0,0,0,0.75);
box-shadow: 0px 0px 43px -21px rgba(0,0,0,0.75);
}
.mainblog .desc h3 {
font-size: 26px;
font-weight: 600;
color: #e5341f;
list-height: 1.5;
padding-top: 18px;
padding-bottom: 18px;
}
.mainblog .desc p {
font-size: 16px;
font-weight: 400;
color: #420f09;
line-height: 1.8;
}
.mainblog .desc .link a span {
font-family: "Shantell Sans", sans-serif;
font-size: 16px;
font-weight: 600;
color: #420f09;
border-bottom: 3px solid #420f09;
}
.mainblog .desc .link a span:hover {
color: #e5341f;
border-color: #e5341f;
}
.mainblog .desc .link a img {
padding-left: 15px;
width: auto;
height: auto;
}
.novinky {
padding-left: 80px;
padding-right: 80px;
}
.blogbox {
display: flex;
justify-content: space-between;
align-items: center;
}
.blogbox .thumb {
width: 40%;
}
.blogbox .thumb img {
width: 100%;
height: 200px;
object-fit: cover;
border-radius: 45px;
-webkit-box-shadow: 0px 0px 24px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 24px -10px rgba(0,0,0,0.75);
box-shadow: 0px 0px 24px -10px rgba(0,0,0,0.75);
}
.blogbox .desc {
width: 60%;
padding-left: 25px;
}
.blogbox .desc span {
font-family: "Shantell Sans", sans-serif;
font-weight: 700;
font-size: 14px;
color: #420f09;
}
.blogbox .desc span img {
padding-right: 15px;
float: left;
}
.blogbox .desc h3 {
font-size: 16px;
font-weight: 600;
color: #e5341f;
list-height: 1.5;
padding-top: 18px;
padding-bottom: 18px;
}
.blogbox .desc .link a span {
font-family: "Shantell Sans", sans-serif;
font-size: 16px;
font-weight: 600;
color: #420f09;
border-bottom: 3px solid #420f09;
}
.blogbox .desc .link a span:hover {
color: #e5341f;
border-color: #e5341f;
}
.blogbox .desc .link a img {
padding-left: 15px;
width: auto;
height: auto;
}
@media only screen and (max-width: 1199px) {
section.novinky-bg {
padding-top: 20px;
}
.mainblog .desc {
width: 80%;
padding-left: 30px;
}  
}
@media only screen and (max-width: 991px) {
section.novinky-bg {
padding-top: 40px;
}
.mainblog .desc {
width: 80%;
padding-left: 30px;
}  
.mainblog .desc h3 {
font-size: 16px;
margin-bottom: 10px;
padding-bottom: 5px;
margin-bottom: 0;
}
.mainblog .desc span img {
width: auto;
height: 35px;
}
.mainblog .desc p {
font-size: 14px;
}
.mainblog .thumb img {
border-radius: 25px;
height: 228px;
}
.blogbox .thumb img {
border-radius: 25px;    
}
.novinky {
padding-left: 15px;
padding-right: 15px;
}
.mainblog {
margin-bottom: 30px;
}
.mainblog .thumb {
width: 40%;
}
.blogbox {
margin: 10px 0;
}
}
@media only screen and (max-width: 575px) {
.mainblog .thumb {
width: 50%;
}
.mainblog .desc {
width: 70%;
}
.blogbox .thumb {
width: 50%;
}
.blogbox .desc {
width: 70%;
}
} section.socky-bg {
padding-top: 50px;
padding-bottom: 25px;
background-position: right;
background-repeat: no-repeat;
background-size: cover;    
} section.kontakt-bg {
background-position: right;
background-repeat: no-repeat;
background-size: contain;
}
.head-ct h1 {
color: #e5341f;
font-size: 45px;
font-weight: 700;
padding-bottom: 45px;
padding-top: 80px;
text-transform: uppercase;
}
.kontakt .left-side {
justify-content: flex-start;
align-items: center;
display: flex;
}
.kontakt .left-side p {
color: #420f09;
font-size: 18px;
font-weight: 400;
}
.kontakt .left-side p strong {
font-weight: 700;
} .kontakty {
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.kontakty {
display: flex;
justify-content:  space-between;
align-items: center;
padding: 45px;
}
.kontakty .ct p {
margin-bottom: 0;
font-size: 20px;
font-weight: 500;
color: #e5341f;
}
.kontakty .ct p img {
width: auto;
height: auto;
padding-right: 8px;
}
.kontakty .ct p {
display: flex;
align-items: center;
}
@media only screen and (max-width: 1199px) {
.head-ct h1 {
padding-bottom: 0;
font-size: 35px;
}
.kontakt .left-side p {
font-size: 17px;
}
.kontakty {
background-size: cover;
background-repeat: no-repeat;
}
.kontakty {
display: block;
}
.kontakty p {
margin: 10px 0;
}
}
@media only screen and (max-width: 991px) {
.head-ct h1 {
font-size: 25px;
}
section.kontakt-bg {
padding-bottom: 30px;
}
.kontakt .left-side p {
font-size: 16px;
}
.kontakty {
background-repeat: no-repeat;
background-size: contain;
display: flex;
}
}
@media only screen and (max-width: 768px) {
.head-ct h1 {
font-size: 22px;
}
section.kontakt-bg {
padding-bottom: 20px;
}
.kontakt .left-side p {
font-size: 16px;
}
}
@media only screen and (max-width: 575px) {
.bread h1 {
font-size: 18px;
}
section.kontakt-bg {
padding-bottom: 15px;
}
.kontakt .left-side p {
font-size: 14px;
}
.kontakty {
padding: 20px;
display: block;
background-size: cover;
margin-bottom: 15px;
}
} .zrizovatele {
padding-top: 80px;
}
.zrizovatelbox h3 {
font-size: 18px;
font-weight: 500;
color: #420f09;
padding-bottom: 10px;
}
.zrizovatelbox img {
height: 25px;
width: auto;
padding-right: 10px;
}
.zrizovatelbox div {
color: #e5341f;
font-weight: 500;
display: flex;
justify-content: flex-start;
margin: 10px 0;
}
@media only screen and (max-width: 1199px) {
.zrizovatele .col-lg-3 {
width: 50%;
}
.zrizovatelbox {
margin-bottom: 35px;
}
.zrizovatelbox h3 {
margin-bottom: 0;
}
.zrizovatelbox img {
height: 20px;
}
.zrizovatelbox div {
font-size: 15px;
}
}
@media only screen and (max-width: 991px) {
.zrizovatele {
padding-top: 50px;
}
}
@media only screen and (max-width: 575px) {
.zrizovatele .col-lg-3 {
width: 100%;
}
.zrizovatelbox h3 {
font-size: 16px;
}
.zrizovatelbox div {
font-size: 14px;
}
} .dalsikontktybox {
background-color: #fff;
border: 2px solid #ffa60a;
border-radius: 20px;
padding: 20px 30px;
-webkit-box-shadow: 0px 0px 32px -27px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 32px -27px rgba(0,0,0,0.75);
box-shadow: 0px 0px 32px -27px rgba(0,0,0,0.75);
}
.dalsikontktybox .nadpisboxu {
display: flex;
justify-content: space-between;
align-items: center;
}
.dalsikontktybox .nadpisboxu h3 {
font-size: 20px;
font-weight: 600;
color: #4e332a;
text-transform: uppercase;
padding-bottom: 0;
margin-bottom: 0;
padding-top: 0;
}
.dalsikontktybox .nadpisboxu img {
width: auto;
height: 20px;
}
.dalsikontakty img {
width: auto;
height: 25px;
padding-right: 10px;
}
.dalsikontakty h3 {
font-size: 18px;
font-weight: 500;
color: #420f09;
padding-bottom: 10px;  
padding-top: 25px;
}
.dalsikontakty div {
color: #e5341f;
font-weight: 500;
justify-content: flex-start;
margin: 10px 0;
display: flex;
align-items: center;
}
.dalsikontktybox .desc {
max-height: 480px; overflow-y: auto; padding-right: 10px; }
.dalsikontktybox .desc::-webkit-scrollbar {
width: 8px;
}
.dalsikontktybox .desc::-webkit-scrollbar-thumb {
background-color: #888;
border-radius: 4px;
}
.dalsikontktybox .desc::-webkit-scrollbar-thumb:hover {
background-color: #555;
}
@media only screen and (max-width: 1199px) {
section.dalsikontakty-bg {
padding-top: 0;
}
}
@media only screen and (max-width: 991px) {
section.dalsikontakty-bg {
padding-top: 0;
}
.dalsikontktybox .nadpisboxu h3 {
font-size: 18px;
}
.dalsikontakty h3 {
font-size: 16px;
margin-bottom: 0;
padding-bottom: 0;
}
.dalsikontakty img {
width: auto;
height: 20px;
}
.dalsikontakty div {
font-size: 15px;
}
.dalsikontaktycon .col-lg-6 {
width: 50%;
}
}
@media only screen and (max-width: 768px) {
.dalsikontaktycon .col-lg-6 {
width: 100%;
margin-bottom: 25px;
}
} section.klienti-bg {
background-repeat: no-repeat;  
padding-top: 150px;
}
.klienti img {
width: 50%;
height: 90px;
object-fit: contain;  
}
.klienti {
position: relative;
top: 45px;
}
.klienti-bg ul.slick-dots {
display: none;
} section.paticka-bg {
padding-bottom: 0;
background-color: #f5f8fd;
background-repeat: no-repeat;
}
.paticka {
padding: 120px 80px 0 80px; 
}
.paticka .column1 img {
width: 100%;
height: 120px;
object-fit: contain;  
}
.paticka .column1 {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.paticka h5 {
color: #e5341f;
font-weight: 700;
font-size: 18px;
padding-bottom: 5px;
}
.paticka .column2 ul li {
font-family: "Shantell Sans", sans-serif;
font-size: 16px;
font-weight: 500;
list-style: none;
}
.paticka .column2 ul li a {
color: #420f09;
}
.paticka .column2 ul li a:hover {
text-decoration: underline;
}
.paticka .column2 ul {
padding-left: 0;
}
.paticka .column3 {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.paticka .current-menu-item a::after  {
content: "";
position: absolute;
bottom: -0.125rem;
left: -0.5rem;
right: -0.5rem;
height: 0;
z-index: -1;
background-image: url(//labskaskola.cz/wp-content/uploads/2024/09/under.svg);
background-repeat: no-repeat;
background-size: cover;  
} .copy {
padding: 10px 80px 0 80px; 
}
.copy .left-side a {
margin-right: 25px;
font-size: 14px;
font-weight: 600;
color: #420f09;
border-bottom: 2px solid #420f09;
}
.copy .left-side a:hover {
border-bottom: 0;
}
.copy .right-side {
display: flex;
justify-content:flex-end;
}
.copy .right-side span {
font-size: 16px;
font-weight: 500;
color: #840e00;
display: flex;
flex-direction: row;
align-items: center;
}
.copy .right-side span img {
margin: 0 5px;
} .socket {
padding: 50px 25px 0 25px;
}
.socket .left-side p {
font-size: 16px;
font-weight: 500;
color: #691b11;  
}
.socket .left-side p a {
color: #e5341f;
}
.socket .left-side p a:hover {
text-decoration:  underline;
color: #e5341f;
}
.socket .right-side {
display: flex;
align-items: center;
justify-content: flex-end;
}
.socket .right-side p a {
color: #e5341f;
text-decoration: underline;
}
.socket .right-side p a:hover {
text-decoration: none;;
color: #840e00;
} .item-map {
display: block;
overflow: hidden;
border-radius: 20px;
transform: translateZ(0px);
border: 3px solid #ebe9e3;
}
section.footmap-bg {
padding-top: 0;
padding-bottom: 0;
}
@media only screen and (max-width: 1199px) {
.cartoon-btn.brown {
padding: 5px 10px;
}
}
@media only screen and (max-width: 991px) {
.paticka .column3 {
justify-content: flex-start;
}
.socket .right-side {
justify-content: flex-start;
}
.copy .right-side {
justify-content: flex-start;
margin-top: 30px;
}
.socket {
padding-left: 80px;
}
}  section.bread-bg {
background-position: right;
background-repeat: no-repeat;
background-size: contain;
}
.bread h1 {
color: #e5341f;
font-size: 45px;
font-weight: 700;
padding-bottom: 45px;
padding-top: 80px;
text-transform: uppercase;
text-align: center;
}
@media only screen and (max-width: 1199px) {
.bread h1 {
padding-bottom: 0;
font-size: 35px;
}
}
@media only screen and (max-width: 991px) {
.bread h1 {
font-size: 25px;
}
section.bread-bg {
padding-bottom: 30px;
}
}
@media only screen and (max-width: 768px) {
.bread h1 {
font-size: 22px;
}
section.bread-bg {
padding-bottom: 20px;
}
}
@media only screen and (max-width: 575px) {
.bread h1 {
font-size: 18px;
}
section.bread-bg {
padding-bottom: 15px;
}
} section.podstranka-bg {
background-color: #fff;
padding-top: 0;
background-position: right;
background-position: top;
background-repeat: no-repeat;
background-size: contain; 
}
.podstranka-bg ul {
padding-left: 45px;
}
.podstranka-bg table.has-fixed-layout {
border: 2px solid #000000;
}
.podstranka-bg table.has-fixed-layout th {
background-color: #e5341f;
padding-top: 18px;
padding-bottom: 18px;
padding-left: 15px;
color: #fff;
text-transform: uppercase;
font-size: 17px;
}
.podstranka-bg table.has-fixed-layout td {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
font-size: 16px;
color: #000000;
border: 1px solid #e5e5e5;
}
.podstranka-bg figcaption {
font-size: 15px;
background-color: #e5341f4d;
padding: 15px;
line-height: 1.5;
}
.podstranka p {
line-height: 1.8;
color: #000;
font-weight: 400;
}
.podstranka p strong {
font-weight: 700;
}
.podstranka a {
text-decoration: underline;
}
@media only screen and (max-width: 1199px) {
.podstranka p {
font-size: 15px;
}
}
@media only screen and (max-width: 991px) {
.podstranka h2 {
font-size: 25px;
}
.podstranka h3 {
font-size: 21px;
}
}
@media only screen and (max-width: 768px) {
.podstranka p, .podstranka ul, .podstranka p strong, .podstranka a {
font-size: 14px;
}
}
@media only screen and (max-width: 425px) {
.podstranka p, .podstranka ul, .podstranka p strong, .podstranka a {
font-size: 13px;
}
} section.detailobor-bg {
background-position: right;
background-repeat: no-repeat;
background-size: contain;
padding-top: 120px;
}
.head-obr h1 {
color: #ffa60a;
font-size: 45px;
font-weight: 700;
padding-bottom: 0;
padding-top: 0;
text-transform: uppercase;
}
.head-obr img {
width: auto;
height: 250px;
object-fit: contain;
}
.ooboru .left-side {
justify-content: flex-start;
align-items: center;
display: flex;
}
.ooboru .left-side img {
object-fit: contain;
width: 100%;
height: auto;
}
.ooboru .middle-side {
display: flex;
justify-content: center;
align-items: center;
}
.ooboru h2 {
font-size: 30px;
font-weight: 600;
color: #ffa602;
line-height: 1.5;
}
.ooboru p {
color: #420f09;
font-size: 18px;
font-weight: 400;  
}
.ooboru .right-side {
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
align-items: stretch;
}
.vertical-trapezoid {
width: 100%;
background-color: #ffa602;
border-radius: 20px;
border: 2px solid #000;
padding: 20px;
}
.vertical-trapezoid h3 {
text-transform: uppercase;
font-size: 18px;
color: #fff;
line-height: 1.5;
text-align: center;
padding-bottom: 18px;
}
.vertical-trapezoid h3 strong {
color: #420f09;
}
.vertical-trapezoid .boxd ul li a {
font-size: 14px;
color: #fff;
font-weight: 500;
}
.vertical-trapezoid .boxd ul li a:hover {
color: #420f09;
}
.vertical-trapezoid .boxd ul li {
list-style: none;
}
.vertical-trapezoid .boxd ul {
padding-left: 0;
}
.vertical-trapezoid .boxd ul li img {
width: auto;
height: 15px;
object-fit: contain;
margin-right: 25px;
}
@media only screen and (max-width: 1399px) {
.head-obr img {
height: 200px;    
}
.head-obr h1 {
font-size: 30px;
}
.ooboru h2 {
font-size: 20px;
}
.ooboru p {
font-size: 15px;
}
.ooboru .left-side img {
height: 250px;
}
section.detailobor-bg {
padding-bottom: 0;
padding-top: 120px;
}
}
@media only screen and (max-width: 1199px) {
.vertical-trapezoid {
padding: 15px;
}
.videa {
padding-top: 25px;
}
.videa h3 {
font-size: 18px;
}
}
@media only screen and (max-width: 991px) {
.videa .col-lg-6 {
width: 50%;
}
.head-obr h1 {
font-size: 25px;
}
.head-obr img {
height: 100px;    
}  
.ooboru .left-side {
order: 2;
display: flex;
justify-content: center;
}
.ooboru .left-side img {
height: 150px;
}
}
@media only screen and (max-width: 768px) {
.vertical-trapezoid h3 {
font-size: 17px;
}
}
@media only screen and (max-width: 575px) {
.videa .col-lg-6 {
width: 100%;
}
.head-obr h1 {
display: flex;
flex-direction: column;
font-size: 20px;
}
.ooboru h2 {
font-size: 19px;
}
.ooboru p {
font-size: 14px;
}
} .head-obr.hotelevent h1 {
color: #fe651a;
}
.ooboru.hotelevent h2 {
color: #fe651a;  
}
.vertical-trapezoid.hotelevent {
background-color: #fe651a;
border: 2px solid #bb4911;
}
.char-bg .title.yellow.hotelevent h2 {
color: #fe651a;  
}
.ostatni-bg .title.yellow.hotelevent h2 {
color: #fe651a;  
}
.procnasebox.yellow.hotelevent h3 {
color: #fe651a;
}
.procnasebox.yellow.hotelevent p {
color: #fe651a;
}
.procn-column.hotelevent:not(:last-child)::after {
content: "";
position: absolute;
right: 0;
top: 5px;
bottom: 1px;
width: 2px;
background: repeating-linear-gradient(
to bottom,
transparent,
transparent 5px,
#bb4911 5px,
#bb4911 18px
);
}
.planoboru.hotelevent {
border: 2px solid #bb4911;
} .head-obr.verejnospravni h1 {
color: #003ea5;
}
.ooboru.verejnospravni h2 {
color: #003ea5;  
}
.vertical-trapezoid.verejnospravni {
background-color: #112c58;
border: 2px solid #0c2042;
}
.char-bg .title.yellow.verejnospravni h2 {
color: #003ea5;  
}
.ostatni-bg .title.verejnospravni h2 {
color: #003ea5;  
}
.procnasebox.yellow.verejnospravni h3 {
color: #003ea5;
}
.procnasebox.yellow.verejnospravni p {
color: #003ea5;
}
.procn-column.verejnospravni:not(:last-child)::after {
content: "";
position: absolute;
right: 0;
top: 5px;
bottom: 1px;
width: 2px;
background: repeating-linear-gradient(
to bottom,
transparent,
transparent 5px,
#003ea5 5px,
#003ea5 18px
);
}
.planoboru.verejnospravni {
border: 2px solid #0c2042;
}
.vertical-trapezoid.verejnospravni h3 strong {
color: #fff;
}
.vertical-trapezoid.verejnospravni li {
color: #fff;
}
.vertical-trapezoid.verejnospravni .boxd ul li a:hover,.vertical-trapezoid.podnikani .boxd ul li a:hover {
color: #276cdd;
}
@media only screen and (max-width: 991px) {
.procn-column.verejnospravni:not(:last-child) {
border-bottom: 2px dashed #003ea5;
}
.procn-column.verejnospravni:not(:last-child)::after {
display: none;
}
} .head-obr.cukrar h1 {
color: #9689d0;
}
.ooboru.cukrar h2 {
color: #9689d0;  
}
.vertical-trapezoid.cukrar {
background-color: #b02d50;
border: 2px solid #8a1f3c;
}
.char-bg .title.yellow.cukrar h2 {
color: #9689d0;  
}
.procnasebox.yellow.cukrar h3 {
color: #9689d0;
}
.procnasebox.yellow.cukrar p {
color: #9689d0;
}
.procn-column.cukrar:not(:last-child)::after {
content: "";
position: absolute;
right: 0;
top: 5px;
bottom: 1px;
width: 2px;
background: repeating-linear-gradient(
to bottom,
transparent,
transparent 5px,
#9689d0 5px,
#9689d0 18px
);
}
.planoboru.cukrar {
border: 2px solid #0c2042;
}
.vertical-trapezoid.cukrar h3 strong {
color: #fff;
}
.vertical-trapezoid.cukrar li {
color: #fff;
}
@media only screen and (max-width: 991px) {
.procn-column.cukrar:not(:last-child) {
border-bottom: 2px dashed #0c2042;
}
.procn-column.cukrar:not(:last-child)::after {
display: none;
}
} .head-obr.podnikani h1 {
color: #85ccda;
}
.ooboru.podnikani h2 {
color: #85ccda;  
}
.vertical-trapezoid.podnikani {
background-color: #023e90;
border: 2px solid #001e44;
}
.char-bg .title.yellow.podnikani h2 {
color: #85ccda;  
}
.procnasebox.yellow.podnikani h3 {
color: #85ccda;
}
.procnasebox.yellow.podnikani p {
color: #85ccda;
}
.procn-column.podnikani:not(:last-child)::after {
content: "";
position: absolute;
right: 0;
top: 5px;
bottom: 1px;
width: 2px;
background: repeating-linear-gradient(
to bottom,
transparent,
transparent 5px,
#85ccda 5px,
#85ccda 18px
);
}
.planoboru.podnikani {
border: 2px solid #001e44;
}
.vertical-trapezoid.podnikani h3 strong {
color: #fff;
}
.vertical-trapezoid.podnikani li {
color: #fff;
}
@media only screen and (max-width: 991px) {
.procn-column.podnikani:not(:last-child) {
border-bottom: 2px dashed #001e44;
}
.procn-column.podnikani:not(:last-child)::after {
display: none;
}
}
section.procnase-bg {
background-position: right;
background-repeat: no-repeat;
background-size: contain;
} .procnasebox.yellow h3 {
color: #de8d00;
}
.procnasebox.yellow p {
color: #de8d00;
font-weight: 600;
}
.procn-column {
flex: 1;
padding: 0 20px;
min-width: 200px;
position: relative;
}
.procn-column:not(:last-child)::after {
content: "";
position: absolute;
right: 0;
top: 5px;
bottom: 1px;
width: 2px;
background: repeating-linear-gradient(
to bottom,
transparent,
transparent 5px,
#e38d00 5px,
#e38d00 18px
);
}
@media (max-width: 991px) {
section.procnase-bg {
padding-top: 0;
padding-bottom: 0;
}
.procn {
flex-direction: column;
}
.procn-column {
margin-bottom: 20px;
}
.procn-column:not(:last-child)::after {
content: none;
}
.procn-column:not(:last-child) {
border-bottom: 2px dashed #e38d00;
}
.procnase {
background-position: center;
background-size: cover;
height: auto;
padding: 55px;
}
.procnasebox {
display: flex;
flex-direction: row;
justify-content: flex-start;
}
.procnasebox {
align-items: center;
width: 100%;
margin: 25px 0;
}
} .char-bg .title.yellow h2 {
color: #ffa602;
}
.charbox {
margin-bottom: 35px;
}
.charbox img {
width: auto;
height: 45px;
margin-right: 10px;
}
.charbox h3 {
font-size: 20px;
font-weight: 700;
color: #4e332a;
text-transform: uppercase;
padding-bottom: 10px;
}
.charbox p {
color: #161616;
font-size: 15px;
word-break: break-word;
white-space: pre-wrap;
width: 80%;
}
.hidden {
display: none;
}
@media only screen and (max-width: 991px) {
.charbox img {
width: auto;
height: 30px;
}
.char-bg .col-lg-4 {
width: 50%;
}
.charbox h3 {
font-size: 19px;
}
.charbox p {
font-size: 14px;
}
section.char-bg {
padding-top: 25px;
}
}
@media only screen and (max-width: 575px) {
.char-bg .col-lg-4 {
width: 100%;
}
}  section.galerieslider-bg {
padding-top: 0;
padding-bottom: 0;
}
.swiper-navBtn {
color: #000 !important;
height: 40px !important;
width: 40px !important;
background: #fff !important;
border-radius: 50% !important;
}
.swiper-navBtn::before,
.swiper-navBtn::after {
font-size: 18px !important;
}
.swiper-pagination-bullet {
background-color: #000 !important;
}
.card .image-box {
height: 150px;
}
.card .image-box img {
width: 100%;
height: 150px;
object-fit: cover;
} .planoboru {
background-color: #fff;
border: 2px solid #ffa60a;
border-radius: 20px;
padding: 20px 30px;
-webkit-box-shadow: 0px 0px 32px -27px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 32px -27px rgba(0,0,0,0.75);
box-shadow: 0px 0px 32px -27px rgba(0,0,0,0.75);
}
.planoboru .nadpisboxu {
display: flex;
justify-content: space-between;
align-items: center;
}
.planoboru .nadpisboxu h3 {
font-size: 20px;
font-weight: 600;
color: #4e332a;
text-transform: uppercase;
padding-bottom: 0;
margin-bottom: 0;
padding-top: 0;
}
.planoboru .nadpisboxu img {
width: auto;
height: 20px;
}
.planoboru img {
width: 100%;
height: auto;
}
.planoboru .desc h3 {
font-size: 25px;
text-transform: uppercase;
font-weight: 600;
padding-bottom: 10px;
}
.planoboru .desc p {
color: #420f09;
font-size: 18px;
font-weight: 400;  
text-transform: none;
}
.planoboru .desc p strong {
font-weight: 600;
color: #000;
}
.planoboru .desc ul li {
color: #b5b5b5;
}
.planoboru .desc h2 {
text-align: center;
font-weight: 600;
font-size: 25px;
text-transform: uppercase;
color: #e5341f;
padding-top: 15px;
}
.content-box {
display: none;
transition: max-height 0.3s ease;
}
.content-box.open {
display: block;
}
.arrow {
transition: transform 0.3s ease;
}
.arrow.rotated {
transform: rotate(180deg);
}
.planoboru .nadpisboxu {
cursor: pointer;
}
.planoboru .content-box.open {
padding-top: 25px;
}
.dataTables_filter, .dataTables_length label {
display: none;
}
@media only screen and (max-width: 1199px) {
section.dalsikontakty-bg {
padding-top: 0;
}
}
@media only screen and (max-width: 991px) {
section.dalsikontakty-bg {
padding-top: 0;
}
.planoboru .nadpisboxu h3 {
font-size: 18px;
}
.dalsikontakty h3 {
font-size: 16px;
margin-bottom: 0;
padding-bottom: 0;
}
.ostatni .col-lg-6 {
width: 100%;
}
.planoboru {
margin-bottom: 15px;
}
.planoboru h3 strong {
font-size: 20px;
}
.planoboru p {
font-size: 15px;
}
.planoboru .desc h2 {
font-size: 20px;
}
.planoboru ul li {
font-size: 15px;
}
section.ostatni-bg {
padding-top: 25px;
padding-bottom: 25px;
}
} section.novinkyblog-bg {
padding-top: 0;
}
.novinkyblog .blogbox {
margin-bottom: 50px;
margin-top: 50px;
}
.novinkyblog .blogbox .thumb img {
height: 300px;
}
.novinkyblog .right-side {
background-color: #fff;
border: 2px solid #000;
padding: 25px;
border-radius: 25px;
}
.novinkyblog .right-side h3 {
font-size: 20px;
font-weight: 700;
color: #420f09;  
}
a.page-numbers {
padding: 10px;
}
span.page-numbers.current {
padding: 10px;
}
span.page-numbers.dots {
padding: 10px;
}
@media only screen and (max-width: 1199px) {
.novinkyblog .blogbox {
margin-bottom: 15px;
margin-top: 15px;
}
.novinkyblog .blogbox .thumb img {
height: 230px;
border-radius: 10px;
}
.blogbox .desc {
width: 80%;
}
.blogbox .desc h3 {
padding-bottom: 5px;
}
.blogbox .desc p {
font-size: 14px;
}
.blogbox .desc .link a span {
font-size: 14px;
}
.blogbox .desc .link a img {
height: 10px;
width: auto;
}
.blogbox .desc span img {
width: auto;
height: 25px;
}  
}
@media only screen and (max-width: 991px) {
.novinkyblog .right-side {
margin-top: 35px;
}
.novinkyblog .right-side {
border-radius: 10px;
padding: 20px;
}
.novinkyblog .right-side h3 {
font-size: 18px;
}
}
@media only screen and (max-width: 768px) {
.blogbox .desc h3 {
margin-bottom: 0;
padding-bottom: 0;
}  
} .novinkyblog-detail .right-side {
background-color: #fff;
border: 2px solid #000;
padding: 25px;
border-radius: 25px;
}
.novinkyblog-detail .right-side h3 {
font-size: 20px;
font-weight: 700;
color: #420f09;  
}
.novinkyblog-detail p.post-meta {
font-weight: 600;
color: #e5341f;
}
.novinkyblog-detail p {
color: #420f09;
font-size: 18px;
font-weight: 400; 
line-height: 1.2;
}
.novinkyblog-detail .nav-links a {
font-size: 16px;
font-weight: 600;
line-height: 1.8;
}
@media only screen and (max-width: 991px) {
.novinkyblog-detail p, .novinkyblog-detail ul li, .novinkyblog-detail strong, .novinkyblog-detail p strong a {
font-size: 15px;
}
.novinkyblog-detail .right-side {
margin-top: 35px;
}
.novinkyblog-detail .right-side {
border-radius: 10px;
padding: 20px;
}
.novinkyblog-detail .right-side h3 {
font-size: 18px;
}  
}
@media only screen and (max-width: 768px) {
.novinkyblog-detail p, .novinkyblog-detail ul li, .novinkyblog-detail strong, .novinkyblog-detail p strong a {
font-size: 14px;
}
} section.detailakt-bg {
padding-top: 0;
} section.absol-bg {
padding-top: 0;
}
.absolbox {
width: 100%;
background-color: #e5341f;
border-radius: 20px;
border: 2px solid #000;
padding: 20px;  
margin-bottom: 35px;
}
.absolbox .head {
display: flex;
justify-content: space-between;
align-items: center;
}
.absolbox .head .thumb {
width: 35%;
}
.absolbox .head .thumb img {
width: 100%;
height: 150px;
object-fit: contain;
}
.absolbox .head .title {
width: 65%;
}
.absolbox .head .title h3 {
font-size: 25px;
font-weight: 600;
color: #fff;
line-height: 1.5;
}  
.absolbox .desc  {
padding-top: 25px;
padding-bottom: 25px;
}
.absolbox .desc p {
font-size: 15px;
font-weight: 500;
color: #fff;
}
.absolbox .link a span {
font-family: "Shantell Sans", sans-serif;
font-size: 16px;
font-weight: 600;
color: #420f09;
border-bottom: 3px solid #420f09;
}
.absolbox .link a span:hover {
color: #fff;
border-color: #fff;
}
.absolbox .link a img {
padding-left: 15px;
width: auto;
height: auto;
}
@media only screen and (max-width: 1199px) {
.absolbox .head .title h3 {
font-size: 18px;
}  
}
@media only screen and (max-width: 991px) {
section.absol-bg {
padding-bottom: 15px;
}
.absolbox {
margin-bottom: 10px;
padding: 15px;
}
.absolbox .desc {
padding-top: 10px;
padding-bottom: 10px;
}
}
@media only screen and (max-width: 768px) {
.absolbox .desc p {
font-size: 14px;
}
.absolbox .head .title h3 {
font-size: 16px;
}
.absolbox .link a span {
font-size: 14px;
}
.absolbox .link a img {
width: auto;
height: 15px;
}
} section.staze-bg {
padding-top: 0;
} section.roz-bg.fotogalerie {
padding-top: 0;
} section.roz-bg.kurzy {
padding-top: 0;
}
.ikonleft {
display: flex;
align-items: center;
justify-content: center;
}
.ikonleft h3 {
margin-bottom: 0;
padding-top: 15px;
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
padding-left: 15px;
} section.cukrbread-bg {
padding-top: 80px;  
background-position: right;
background-repeat: no-repeat;
background-size: contain;  
}
.cukrbread .left-side h1 {
color: #ca4852;
font-size: 45px;
font-weight: 700;
padding-bottom: 45px;
padding-top: 80px;
text-transform: uppercase;
}
.cukrbread .left-side {
justify-content: flex-start;
display: flex;
align-items: center;
}
.cukrbread .left-side p {
color: #420f09;
font-size: 18px;
font-weight: 400;
}
.cukrbread .left-side p strong {
font-weight: 700;
}
.cukrbread .left-side ul li {
color: #cb4a52;
font-size: 18px;
font-weight: 400;
}
.cukrbread .right-side {
justify-content: flex-end;
display: flex;
align-items: center;
}
.cukrbread .right-side img {
width: 100%;
height: 400px;
object-fit: contain;
}
.cukrbread .tlacitka {
margin-top: 50px;
}
.cukrbread .tlacitka a {
margin-right: 25px;
} .cartoon-btn.purple {
--rotate-angle: 15deg;
--direction: -1;
border: 0.2rem solid #000;
padding: 0.5rem 3rem;
border-radius: 5px;
transform: rotatey(calc(var(--rotate-angle) * var(--direction)));
transform-style: preserve-3d;
background-color: #988ad1;
text-decoration: none;
color: #fff;
font-weight: 400;
font-family: "Shantell Sans", sans-serif;
font-size: 18px;
outline: 0;
position: relative;
overflow: hidden;
transition: all ease 0.15s;
top: 0;
cursor: pointer;
rotate: -4deg;
text-transform: uppercase;
}
.cartoon-btn.purple:hover{
background-color: #e5341f;
}
.cartoon-btn.purple:hover::after {
background-color: #e5341f;  
}
.cartoon-btn.purple:active {
top: 0.25rem;
}
.cartoon-btn.purple::after {
content: "";
position: absolute;
height: 80%;
width: 99%;
background-color: #988ad1;
top: 0;
left: 0;
right: 0;
margin: auto;
z-index: 1;
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
}
.cartoon-btn.purple:focus {
outline: 0;
}
.cartoon-btn.purple span {
position: relative;
transform: rotatey(calc(var(--rotate-angle) * var(--direction) * -1));
font-size: 18px;
z-index: 2;
} .cartoon-btn.pink {
--rotate-angle: 15deg;
--direction: -1;
border: 0.2rem solid #000;
padding: 0.5rem 3rem;
border-radius: 5px;
transform: rotatey(calc(var(--rotate-angle) * var(--direction)));
transform-style: preserve-3d;
background-color: #cb4a52;
text-decoration: none;
color: #fff;
font-weight: 400;
font-family: "Shantell Sans", sans-serif;
font-size: 18px;
outline: 0;
position: relative;
overflow: hidden;
transition: all ease 0.15s;
top: 0;
cursor: pointer;
rotate: -4deg;
text-transform: uppercase;
}
.cartoon-btn.pink:hover{
background-color: #e5341f;
}
.cartoon-btn.pink:hover::after {
background-color: #e5341f;  
}
.cartoon-btn.pink:active {
top: 0.25rem;
}
.cartoon-btn.pink::after {
content: "";
position: absolute;
height: 80%;
width: 99%;
background-color: #cb4a52;
top: 0;
left: 0;
right: 0;
margin: auto;
z-index: 1;
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
}
.cartoon-btn.pink:focus {
outline: 0;
}
.cartoon-btn.pink span {
position: relative;
transform: rotatey(calc(var(--rotate-angle) * var(--direction) * -1));
font-size: 18px;
z-index: 2;
}
@media only screen and (max-width: 768px) {
.cartoon-btn.pink, .cartoon-btn.purple {
padding: 0.3rem 1rem;
}
.cartoon-btn.pink span, .cartoon-btn.purple span {
font-size: 15px;
}
} .rychlekontakty {
margin-top: 60px;
}
.rychlekontakty .kontakty {
justify-content: center;
}
.rychlekontakty .kontakty p {
color: #7e73b1;
margin: 0 25px
}
@media only screen and (max-width: 767px) {
.rychlekontakty .kontakty {
display: block;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.kontakty .ct {
margin: 15px 0;
}  
} section.cukrvyrobky-bg {
background-position: left;
background-repeat: no-repeat;
background-size: contain;  
}
.cukrvyrobky-bg .title h2 {
font-size: 40px;
font-weight: 800;
color: #988ad1;
text-transform: uppercase;
}
.cukrvyrobkybox img {
width: auto;
height: 70px;
object-fit: contain;
}
.cukrvyrobkybox h3 {
font-size: 16px;
font-weight: 500;
color: #988ad1;
text-transform: uppercase;
padding-top: 15px;
}
.cukrvyrobkybox.red h3 {
color: #cb4a52;
text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
.cukrvyrobky .col-lg-2 {
width: 50%;
}
.cukrvyrobky-bg .title h2 {
font-size: 30px;
}
section.cukrvyrobky-bg {
padding-top: 25px;
padding-bottom: 25px;
}
.cukrvyrobkybox  {
margin-bottom: 25px;
}
}
@media only screen and (max-width: 575px) {
.cukrvyrobky-bg .title h2 {
font-size: 25px;
}
}
@media only screen and (max-width: 425px) {
.cukrvyrobky-bg .title h2 {
font-size: 20px;
}
} section.cukdalkont-bg {
background-position: right;
background-repeat: no-repeat;
background-size: contain; 
}
.specialni {
padding-top: 80px;
}
.specialni .title h2 {
font-size: 30px;
font-weight: 800;
color: #cb4a52;
text-transform: uppercase;
}
.ryhlect {
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.ryhlect {
background-position: center;
background-size: contain;
background-repeat: no-repeat;
height: 250px;
justify-content: center;
display: flex;
align-items: center;
flex-direction: column;
align-content: stretch;
}
.ryhlectbox {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
flex-direction: row;
}
.ryhlectbox .desc h3 {
font-size: 18px;
font-weight: 600;
color: #e5341f;
}
.ryhlectbox .desc p {
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
color: #000
}
.proct {
width: 100%;
}
.ryhlect {
display: flex;
justify-content: center;
align-items: stretch;
flex-direction: column;
}
.ryhlect-column {
position: relative;
flex: 1;
padding: 0 20px;
}
.ryhlect-column:not(:last-child)::after {
content: "";
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 2px;
background: repeating-linear-gradient(
to bottom,
transparent,
transparent 5px,
#7d6eb9 5px,
#7d6eb9 18px
);
}
.ryhlect-column.prav {
display: flex;
align-items: center;
}
.ryhlect-column.prav h3 {
font-size: 18px;
font-weight: 600;
color: #7d6eb9;  
margin-right: 45px;
}
.ryhlectbox.prav .desc p {
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
color: #cb4a52;
}
@media only screen and (max-width: 1199px) {
.cukrbread .left-side h1 {
padding-bottom: 0;
font-size: 35px;
}
.cukrbread .left-side p, .cukrbread .left-side ul li {
font-size: 17px;
}
}
@media only screen and (max-width: 991px) {
.cukrbread .left-side h1 {
font-size: 25px;
}
section.cukrbread-bg {
padding-bottom: 30px;
}
.cukrbread .left-side p, .cukrbread .left-side ul li {
font-size: 16px;
}
.cukrbread .right-side {
justify-content: flex-start;
margin-top: 80px;
}
.cukrbread .right-side img {
height: 350px;
}
}
@media only screen and (max-width: 768px) {
.cukrbread .left-side h1 {
font-size: 22px;
}
section.cukrbread-bg {
padding-bottom: 20px;
}
.cukrbread .left-side p, .cukrbread .left-side ul li {
font-size: 16px;
}
}
@media only screen and (max-width: 575px) {
.cukrbread .left-side h1 {
font-size: 18px;
}
section.cukrbread-bg {
padding-bottom: 15px;
}
.cukrbread .left-side p, .cukrbread .left-side ul li {
font-size: 14px;
}
.specialni .title h2 {
font-size: 20px;
padding-bottom: 10px;
}
.specialni {
padding-top: 30px;
}
}
@media only screen and (max-width: 425px) {
.specialni .title h2 {
font-size: 18px;
padding-bottom: 10px;
}
} body.login {
background-color: #e5341f;
border: 10px;
}
#login h1 a {
background-image: url(//labskaskola.cz/wp-content/uploads/2024/09/logo-1.png);
background-size: 130px;
height: 100px !important;
width: auto;
}
.login form {
box-shadow: none;
padding: 20px;
background: #000;
}
#login {
background: #000;
margin: 50px auto;
padding: 40px 20px;
width: 400px;
border-radius: 0;
}
.login label {
font-family: "Shantell Sans", sans-serif;
font-weight: 700;
color: #fff;
font-size: 14px
}
.login form .forgetmenot {
float: none
}
#login form p.submit {
margin-top: 15px
}
.login.wp-core-ui .button-primary {
background-color: #e53e2a;
padding: 18px 35px;
color: #fff;
border: 2px solid #e53e2a;
font-family: "Shantell Sans", sans-serif;
border-radius: 0;
font-size: 15px;
font-weight: 500;
line-height: 1.2;
text-transform: uppercase;
width: 100%;
transition: .5s;
}
.login.wp-core-ui .button-primary:hover {
background-color: #000000;
color: #ffffff;
}
.login form {
border: none
}
.login form .input,.login form input[type=checkbox],.login input[type=text] {
background: #d9dbe1;
}
.login form .input,.login input[type=password],.login input[type=text] {
font-size: 24px;
line-height: 1.33333333;
width: 100%;
border-width: .0625rem;
padding: .1875rem .3125rem;
margin: 0 6px 16px 0;
min-height: 40px;
max-height: none;
border: 2px solid #ffffff;
border-radius: 0;
}
p#backtoblog {
display: none;
}
.privacy-policy-page-link a {
font-family: 'Poppins', sans-serif;
font-size: 15px;
color: #ffffff;
font-weight: 700
}
.login #nav a {
font-family: 'Poppins', sans-serif;
font-weight: 500;
text-decoration: none;
color: #ffffff;
text-decoration: underline;
}
.login #nav a:hover {
color: #e53e2a;
}
.novinky-slider {
width: 100%; overflow: hidden;
}
.novinky-slick-slider .slider-item {
width: 100%; }
.novinky-slider .blogbox {
padding: 20px;
}
.novinky-slider .link a {
display: flex;
width: 100%;
justify-content;
flex-direction: row;
justify-content: flex-start;
align-items: center;
align-content: center;
} .infobox ul li {
list-style: none;
padding-left: 25px; 
background-image: url(//labskaskola.cz/wp-content/uploads/2024/09/file.png);
background-repeat: no-repeat;
background-position: 0 50%; 
}
.infobox ul {
padding-left: 0;
} .item-form {
padding: 50px;
transition: .5s;
}
.wpcf7 form.sent .wpcf7-response-output {
background-color: #8dbf17;
border-color: #bff937;
color: #fff;
padding: 15px;
font-weight: 700;
}
.item-form .cta p {
margin-bottom: 0
}
.form-group.cta {
text-align: center;
}
.buttonred {
--rotate-angle: 15deg;
--direction: -1;
border: 0.2rem solid #000;
border-radius: 5px;
transform: rotatey(calc(var(--rotate-angle) * var(--direction)));
transform-style: preserve-3d;
background-color: #420f09;
border-color: #420f09;
text-decoration: none;
color: #fff;
font-weight: 400;
font-family: "Shantell Sans", sans-serif;
font-size: 20px;
outline: 0;
position: relative;
overflow: hidden;
transition: all ease 0.15s;
cursor: pointer;
rotate: -4deg;
margin-top: 15px;
padding: 10px;
}
.buttonred:hover {
background-color: #771e14;
border-color: #771e14;
color: #fff;
transition: .5s ease-in;
}
.wpcf7 .wpcf7-validation-errors,.wpcf7 .wpcf7-acceptance-missing {
border: 5px solid red;
margin-top: -30px;
}
.wpcf7 span.wpcf7-not-valid-tip {
font-family: 'Readex Pro', sans-serif;
background-color: #ff0000;
color: #ffffff;
font-size: 12px;
padding: 5px;
}
.wpcf7 .wpcf7-mail-sent-ok {
border: 5px solid #fff;
margin-top: -30px;
}
div.wpcf7-response-output {
margin: 2em .5em 1em;
padding: 1em;
font-size: 14px;
}
.wpcf7-form-control.wpcf7-text {border: 2px solid #771e14;background-color: #771e14;height: 45px;font-family: 'Shantell Sans', sans-serif;font-weight: 700;width: 100%;padding-left: 25px;font-size: 14px;margin-top: 0;border-radius: 10px;}
.wpcf7-form-control.wpcf7-select {
border: 2px solid #771e14;
background-color: #771e14;
height: 45px;
font-family: 'Shantell Sans', sans-serif;
font-weight: 700;
width: 100%;
padding-left: 25px;
font-size: 14px;
margin-top: 0;
border-radius: 10px;
}
.wpcf7-form-control {
margin-top: 15px
}
.wpcf7-form-control.wpcf7-textarea {
border: 2px solid #771e14;
background-color: #771e14;
height: 45px;
font-family: 'Shantell Sans', sans-serif;
font-weight: 700;
width: 100%;
padding-left: 25px;
font-size: 14px;
margin-top: 0;
border-radius: 10px;
}
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-tel {
border: 2px solid #771e14;
background-color: #771e14;
height: 45px;
font-family: 'Shantell Sans', sans-serif;
font-weight: 700;
width: 100%;
padding-left: 25px;
font-size: 14px;
margin-top: 0;
border-radius: 10px;
}
.wpcf7 :focus {
color: #fff;
background-color: #000!important;
outline: 0;
border: 2px solid #fff!important;
}
.wpcf7-form-control.wpcf7-number {
border: 2px solid #771e14;
background-color: #771e14;
height: 45px;
font-family: 'Shantell Sans', sans-serif;
font-weight: 700;
width: 100%;
padding-left: 25px;
font-size: 14px;
margin-top: 0;
border-radius: 10px;
}
.wpcf7-form-control-wrap.yourmessage:before {
width: 0rem!important;
position: relative
}
.wpcf7-form-control-wrap.your-name:before {
width: 0rem!important;
position: relative
}
.wpcf7-form-control-wrap.last-name:before {
width: 0rem!important
}
.wpcf7-form-control-wrap.phone-number:before {
width: 0rem!important
}
.wpcf7-form-control-wrap.youremail:before {
width: 0rem!important
}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output {
background-color: #ca0e0eb3;
border: 2px solid #ca0e0e;
padding-top: 15px;
padding-bottom: 15px;
color: #fff;
font-family: 'Readex Pro',sans-serif;
font-size: 15px;
font-weight: 700
}
::-webkit-input-placeholder {
color: #000!important;
opacity: 1
}
:-moz-placeholder {
color: #000!important;
opacity: 1
}
::-moz-placeholder {
color: #000!important;
opacity: 1
}
:-ms-input-placeholder {
color: #000!important;
opacity: 1
}
.ochrana-os p {
color: #fff;
font-size: 13px;
}
.ochrana-os p a {
color: #fff;
text-decoration: underline;
}
.ochrana-os a:hover {
color: #000;
}