/* ADD MY CUSTOM CSS STYLE */

/* FONT ICON */
/*@font-face {
    font-family: myFa;
    font-display: swap;
  src: url('/templates/add_fonts/ikony/fa-solid-900.woff2') format('woff2');
}
@font-face {
    font-family: myIcon;
    font-display: swap;
  src: url('/templates/add_fonts/ikony/icomoon.woff') format('woff');
}*/
/* Roboto  - regular(400), italic, bold(700), Thin 100, Extra-light 200, Light 300, Medium 500, Semi-bold 600, Extra-bold 800, Black 900 */
/*@font-face {
    font-family: myRoboto;
    font-display: swap;
  src: url('/templates/add_fonts/roboto/roboto_regular_v2.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
    font-family: myRoboto;
    font-display: swap;
  src: url('/templates/add_fonts/roboto/roboto_medium_v2.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
    font-family: myRoboto;
    font-display: swap;
  src: url('/templates/add_fonts/roboto/roboto_bold_v2.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}*/
/*@font-face {
    font-family: myIcon;
    font-display: swap;
  src: url('/templates/shaper_helixultimate/fonts/my/fontello.woff2') format('woff2');
}*/


/* REPAIR - hlavicka menu bez titulkove hlavicky - nastaveno pro menu 80px */
body.no-page-title .header-wrapper {
  padding-bottom: 80px;
  position: relative;
}
body.no-page-title .header-wrapper #sp-header:not(.header-sticky) {
  position: absolute;
  bottom: 0px;
  left: 0px;
  top: auto;
  width: 100%;
}


/* REPAIR */
iframe {
  display: block;
}
table.sppb-table-style {
  width: auto;
}
table.sppb-table-style td,
table.sppb-table-style th {
  border: 0px !important;
  min-width: unset;
  padding: 0px;
}
.sp-page-title .sp-page-title-sub-heading {
  width: 100%;
  line-height: 110%;
  font-size: 54px;
}
.sppb-column.hero-feature-list .sppb-addon-title.sppb-feature-box-title {
  color: rgba(255, 255, 255, 0.8) !important;
}
#sp-bottom-top {
  padding-top: 20px;
}
#sp-bottom-top > div > div > .row {
  align-items: center;  
}
#sp-bottom-top > div > div > .row > div {
  width: auto;  
}
#sp-bottom-top > div > div > .row > div:last-child {
  flex-grow: 1;
}
#sp-bottom-top1 .sppb-row-container {
  padding-left: 0px;
  padding-right: 0px;
}
#sp-bottom .sp-module {
  margin-bottom: 0px;
}
#sp-bottom {
  padding-top: 30px;
  padding-bottom: 30px;
}
#sp-section-3 {
  overflow: hidden;
}
#offcanvas-toggler.offcanvas-toggler-right {
  float: none;
  margin: 0px;
}
.offcanvas-menu .offcanvas-inner {
  padding: 15px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul {
  margin-left: 25px;
}
.close-offcanvas {
  top: 10px;
  right: 10px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li > a:before,
.offcanvas-menu .offcanvas-inner .sp-module ul.menu-child > li > a:before {
  display: none;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus,
.offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus,
.offcanvas-menu .offcanvas-inner .sp-module ul > li span,
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
  color: #131313;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a {
  color: #A67C00;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler,
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {
  color: #131313;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent.myEmpty > a > .menu-toggler:before {
  content: '';
  display: block;
  position: absolute;
  width: 240px;
  height: 100%;
  top: 0px;
  left: 20px;
}
#offcanvas-toggler.offcanvas-toggler-left {
  float: none;
  margin-right: 0px;
}


/* ALLWAYS FULL HEIGHT WINDOW */
body div.body-innerwrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: stretch;
  min-height: 100vh;
  /*overflow: visible;*/
}
body div.body-innerwrapper > section#sp-main-body {
  flex: 1;
  /*overflow: hidden;*/
}


/* BASIC ELEMENT */
.myCategoryDesc h1,
.article-details .article-body-content h1 {
  font-size: 32px;
  line-height: 120%;
  font-weight: 500;
  color: black;
  margin-bottom: 12px;
}
.myCategoryDesc h1:after,
.article-details .article-body-content h1:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(166, 124, 0, 0.3);
  margin-top: 12px;
}
.blogmyBlog2 .myCategoryDesc h1:after {
  width: 255px;
  display: block;
}
.blogmyBlog2 .myCategoryDesc h1[style="text-align: center;"]:after {
  margin-left: auto;
  margin-right: auto;
}
h2 {
  /*font-size: 26px;*/
  /*line-height: 29px;*/
  /*font-weight: 500;*/
  /*color: #00aae9;*/
  /*margin: 25px 0px;*/
}
.myPageText1 h2 {
  font-size: 26px;
}
h3 {
  /*color: #00aae9;*/
  /*margin-bottom: 8px;*/
}
strong, b {
  font-weight: 700;
}
a {
  /*color: #083381;*/
  /*color: #52a7ff;*/
}
a:hover {
  /*color: #e31f25;*/
  /*text-decoration: underline;*/
}
p, ol, ul {
  /*margin-bottom: 20px;*/
}
p:last-child, ol:last-child, ul:last-child {
  margin-bottom: 0px;
}
table {
  margin-bottom: 15px;
}
table > tbody td:nth-last-child(n+2) {
  /*padding-right: 20px;*/
}
table:last-child {
  margin-bottom: 0px;
}
.myH2 > .sppb-addon-title {
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 600;
  /*letter-spacing: 1px;*/
  line-height: 1.2;
}
.myH3 > .sppb-addon-title {
  font-family: 'Work Sans', sans-serif;
  font-size: 32px;
  font-weight: 500;
  text-decoration: none;
  line-height: 1.2;
}
.myH3b > .sppb-addon-title {
  font-family: 'Work Sans', sans-serif;
  font-size: 32px;
  font-weight: 500;
  text-decoration: none;
  line-height: 1.2;
  margin-bottom: 8px;
}
.myTopVyhody .sppb-media-content > .sppb-addon-title.sppb-feature-box-title {
  margin-bottom: .5rem;
  line-height: 1.2;
}


/* ADD REPEAT ELEMENT */
/* KOTVA 1 */
.mySppbRowColumH0 .sppb-row-column {
  min-height: 0px;
}
.myKotva1 > div > div {
  display: block;
  position: absolute;
  top: -80px;
}
/* KOTVA 1 - top menu */
.sp-megamenu-parent > li.myButtonDown {
  margin-left: 15px;
}
.sp-megamenu-parent > li > a.myButtonDown {
  line-height: 100%;
  background-color: #A67C00;
  color: #fff !important;
  padding: 10px 10px;
  border-radius: 4px;
}
.sp-megamenu-parent > li > a.myButtonDown:hover {
  background-color: #8b6700;
}
/* Vertikalni mezera radku */
.myVerticalSpece30 > div > .sppb-row {
  gap: 30px 0px;
}
/* TITLE 1 */
#sp-page-builder .myTitle1 > .sppb-addon-title {
  font-size: 64px;
  line-height: 114%;
  font-weight: 400;
  color: #406c4c;
}
/* TITLE 2 */
#sp-page-builder .myTitle2 > .sppb-addon-title {
  font-size: 32px;
  line-height: 120%;
  font-weight: 500;
  color: black;
}
/* TITLE 3 */
#sp-page-builder .myTitle3 > .sppb-addon-title {
  font-size: 16px;
  line-height: 120%;
  font-weight: 600;
  color: rgba(19, 19, 19, 0.6);
}
/* TLACITKO 1 */
.myButton1 a {
  border-radius: 4px;
  background-color: #A67C00;
  text-decoration: none;
  display: inline-block;
  padding: 16px 30px;
  color: #fff;
  border: 0px;
  font-size: 16px;
  line-height: 100%;
  font-weight: 400;
  position: relative;
}
.myButton1 a:hover {
  background-color: #8b6700;
  color: #fff;
  text-decoration: none;
}


/* NEW STYLES = START */

/* BODY */
body {
  /*color: #171719;*/
}


/* HEADER */
#sp-header {

}
#sp-header > .container > .container-inner > .row {

}
#sp-header > .container > .container-inner > .row > div {
  width: auto;
}
#sp-header > .container > .container-inner > .row > #sp-logo {
  /*width: calc(243px + 30px);*/
  /*padding: 0px;*/
  /*padding-right: 20px;*/
}
#sp-header > .container > .container-inner > .row > #sp-menu2 {
  flex-grow: 1;
}
#sp-header #sp-logo > .sp-column {
  min-height: 80px;
}

/* HEADER - Top bar */
#sp-top-bar {
  padding: 5px 0;
  line-height: 16px;
}
#sp-top-bar > div > div .row {
  min-height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px 0px;
}
#sp-top-bar > div > div .row > div {
  width: auto;
}
#sp-top-bar .sp-module {
  margin: 0px;
}
#sp-top-bar .myTopContact1 > div > .mod-custom {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  gap: 5px 20px;
}
#sp-top-bar .myTopContact1 > div > .mod-custom p {
  margin: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0px 7px;
  text-align: left;
}
#sp-top-bar .myTopContact1 > div > .mod-custom a:hover {
  color: #fff;
}
#sp-top-bar .myTopContact1 > div > .mod-custom img {
  display: inline-block;
}

/* HEADER - Top Menu */
#sp-header #sp-menu1 {
  display: none;
}
#sp-header #sp-menu1 ul.sp-megamenu-parent > li:not(.myLeft),
#sp-header #sp-menu1 ul.sp-megamenu-parent > li > a:not(.myLeft) {
  display: none;
}
#sp-header #sp-menu2 ul.sp-megamenu-parent > li.myLeft,
#sp-header #sp-menu2 ul.sp-megamenu-parent > li > a.myLeft {
  display: none;
}


/* Banner Seznam Materialu - list 1 */
#sp-main-body .sppb-section.myListLink1 > div > .sppb-row {
  gap: 20px 0px;
  justify-content: center;
}
#sp-main-body .sppb-section.myListLink1 > div > .sppb-row > div {

}
#sp-main-body .sppb-section.myListLink1 .sppb-addon-wrapper.addon-root-feature {
  margin: 0px;
}
#sp-main-body .sppb-section.myListLink1 .sppb-addon-wrapper.addon-root-feature,
#sp-main-body .sppb-section.myListLink1 .sppb-addon-wrapper.addon-root-feature > div,
#sp-main-body .sppb-section.myListLink1 .sppb-addon-wrapper.addon-root-feature > div > .wayne-corp-service-box,
#sp-main-body .sppb-section.myListLink1 .sppb-addon-wrapper.addon-root-feature > div > .wayne-corp-service-box > .sppb-addon-content,
#sp-main-body .sppb-section.myListLink1 .sppb-addon-wrapper.addon-root-feature > div > .wayne-corp-service-box > .sppb-addon-content > .sppb-media {
  height: 100%;
}
.sppb-section.myListLink1 .sppb-media-content > .sppb-addon-text > p:last-of-type {
  margin-bottom: 0px;
}
.sppb-section.myListLink1 .sppb-media-content > .sppb-addon-text > div > a {
  position: absolute;
  display: block;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  text-indent: -100%;
  overflow: hidden;
  color: transparent;
}


/* PATICKA - BOTTOM 1-4 */
#sp-bottom > div > div > .row {
  margin-left: 0px;
  margin-right: 0px;
  gap: 30px 60px;
}
#sp-bottom > div > div > .row > div {
  width: auto;
  padding-left: 0px;
  padding-right: 0px;
}
#sp-bottom > div > div > .row > div#sp-bottom4 {
  flex-grow: 1;
}
#sp-bottom .sppb-row-container {
  padding-left: 0px;
  padding-right: 0px;
}


/* Galerie 1 */
#sp-page-builder .myGallery1 > .sppb-addon-content .sppb-gallery {
  gap: 20px 20px;
}
.myGallery1 > .sppb-addon-content .sppb-gallery:before,
.myGallery1 > .sppb-addon-content .sppb-gallery:after {
  display: none;
}
#sp-page-builder .myGallery1 > .sppb-addon-content .sppb-gallery img {
  object-fit: cover;
  display: block;
}


/* SlideShow1 */
#sp-main-body #sp-page-builder .mySlideShow1 .myText1 {
  max-width: 910px;
  font-size: 38px;
  line-height: 42px;
  /*line-height: 110%;*/
  font-weight: 300;
  color: #888;
}
#sp-main-body #sp-page-builder .mySlideShow1 .myName1 {
  max-width: 910px;
  font-size: 22px;
  line-height: 26px;
  font-weight: 600;
  color: #000;
  margin-top: 16px;
}
#sp-main-body #sp-page-builder .mySlideShow1 .sp-nav-control {
  /*left: 0px;*/
  /*right: 0px;*/
}
#sp-page-builder .mySlideShow1 .sp-nav-control .nav-control {
  border-radius: 0px;
  width: auto;
  background-color: transparent;
  color: #e6e6e6;
  font-size: 50px;
  border: 0px;
}
#sp-page-builder .mySlideShow1 .sp-nav-control .nav-control:hover {
  color: #000;
}


/* Kontakty */
.myKontakt1 .sppb-media > .pull-left {
  margin-right: 8px;
}
.myKontakt1 .address-info .sppb-media .sppb-media-body .sppb-media-content {
  display: flex;
  flex-wrap: wrap;
}
.myKontakt1 .address-info .sppb-media .sppb-media-body .sppb-addon-title {
  width: 33%;
}
.myKontakt1 .address-info .sppb-media .sppb-media-body .sppb-addon-text {
  width: 67%;
}
/* Kontakty - center spacer */
.myKontaktSpacerCol > .sppb-column-addons > .addon-root-divider,
.myKontaktSpacerCol > .sppb-column-addons > .addon-root-divider > div,
.myKontaktSpacerCol > .sppb-column-addons > .addon-root-divider > div > .sppb-addon-divider-wrap,
.myKontaktSpacerCol > .sppb-column-addons > .addon-root-divider > div > .sppb-addon-divider-wrap > .myKontaktSpacer {
  height: 100%;
}


/* BLOG AKTUALITY */
#sp-main-body {
  padding: 30px 0px;  
}
.view-category #sp-main-body {
  background-color: #E3E6EC;
}
.view-article #sp-main-body {
  padding-top: 30px;
  padding-bottom: 30px;
}
.article-details.myBlog1 > .article-header-wrap {
  display: none;
}
/* BLOG AKTUALITY - page blog */
.myBlogAktuality {
  overflow: hidden;
  margin-top: 30px;
}
.myBlogAktuality > .myCover {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 30px 0px;
  margin: 0px -15px;
}
.myBlogAktuality > .myCover > .myCover2 {
  width: 33.3333%;
  padding: 0px 15px;
  height: auto;
  min-width: 320px;
}
/* BLOG AKTUALITY - List article */
.myBlogArt {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
}
/* BLOG AKTUALITY - List article - image */
.myBlogArt .myImage {
  aspect-ratio: 350 / 350;
  overflow: hidden;
}
.myBlogArt .myImage img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.0);
  transition: transform 0.2s linear 0s;
}
.myBlogArt:hover .myImage img {
  transform: scale(1.2);  
}
/* BLOG AKTUALITY - List article - content */
.myBlogArt .myContent {
  border: 1px solid rgba(166, 124, 0, 0.3);
  padding: 25px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.myBlogArt:hover .myContent {
  border-color: #A67C00;
}
/* BLOG AKTUALITY - List article - content - titulek */
.myBlogArt .myContent .myTitle {
  font-size: 15px;
  line-height: 100%;
  font-weight: 400;
  color: #A67C00;  
}
/* BLOG AKTUALITY - List article - content - text */
.myBlogArt .myContent .myText {
  font-size: 16px;
  line-height: 100%;
  font-weight: 500;
  color: #131313;
  margin-top: 10px;
  transition: all 0.2s linear 0s;
  flex-grow: 1;
}
.myBlogArt:hover .myContent .myText {
  color: #A67C00;
}
/* BLOG AKTUALITY - List article - content - datum */
.myBlogArt .myContent .myDate {
  font-size: 13px;
  line-height: 100%;
  font-weight: 400;
  color: #131313;
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid rgba(166, 124, 0, 0.3);
  text-align: right;
  transition: all 0.2s linear 0s;
}
.myBlogArt:hover .myContent .myDate {
  border-color: #A67C00;
}
/* BLOG AKTUALITY - List article - odkaz */
.myBlogArt a.myAllReadmore {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  color: transparent;
  background: transparent;
  z-index: 2;
}


/* BLOG REFERENCE */
.myBlogReference {
  /*overflow: hidden;*/
  margin-top: 30px;
}
.myBlogReference > .myCover {
  /*display: flex;*/
  /*flex-direction: row;*/
  /*flex-wrap: wrap;*/
  /*align-items: stretch;*/
  /*gap: 30px 0px;*/
}
.myBlogReference > .myCover > .myCover2 {
  /*width: 100%;*/
}
.myBlogReference > .myCover > .myCover2:nth-child(n+2) {
  margin-top: 20px;
  padding-top: 23px;
  border-top: 1px solid rgba(166, 124, 0, 0.3);
}


/* BLOG Rekli o nas - List article */
.myBlogArt2 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0px 3%;  
}
/* BLOG Rekli o nas - List article - image */
.myBlogArt2 .myImage {
  aspect-ratio: 255 / 284;
  overflow: hidden;
  width: 20%;
  box-shadow: inset 0px 0px 7px rgb(0 0 0 / 10%);
}
.myOffImg .myBlogArt2 .myImage {
  display: none;
}
.myBlogArt2 .myImage img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* BLOG AKTUALITY - List article - content */
.myOwlSlide1.mySlideArtsRecenze:not(.myOffImg) .myBlogArt2 .myContent {
  width: 77%;
  padding-bottom: 50px;  
}
/* BLOG Rekli o nas - List article - content - titulek */
.myBlogArt2 .myContent .myTitle {
  font-size: 16px;
  line-height: 100%;
  font-weight: 700;
  color: #131313;  
}
/* BLOG Rekli o nas - List article - content - text */
.myBlogArt2 .myContent .myText {
  font-size: 16px;
  line-height: 160%;
  font-weight: 400;
  color: #131313;
  margin-top: 13px;
}
.myBlogArt2 .myContent .myText p {
  margin-bottom: 10px;
}
.myBlogArt2 .myContent .myText p:last-child {
  margin-bottom: 0px;
}
.myOwlSlide1.mySlideArtsRecenze:not(.myOffImg) .owl-carousel > .owl-nav {
  right: auto;
  bottom: 20px;
  left: 23%;
}
.myOwlSlide1.mySlideArtsRecenze.myOffImg .owl-carousel > .owl-nav {
  right: 0px;
}