/**
 * @file
 * Subtheme specific CSS.
 */

b, strong {
  font-weight: bold;
}

ul.nav.primary.nav-tabs a.nav-link {
  padding: 0 10px;
}

.node--type-postup a {
  text-decoration: underline !important;
}

 /*
 **Node edit form**
 */
.layout-region.layout-region-node-main,
.layout-region-node-secondary,
.col-md-6.layout-region.layout-region-node-main,
.col-md-6.layout-region-node-secondary {
  width: 100% !important;
}

.layout-node-form .resp-tabs-list li {
  background: #565B5F;
}

html {
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.1;
  color: #051235;
  letter-spacing: -0.05em;
}

h1 {
  font-size: 36px;
  margin-bottom: 10px;
}

p, div {
  font-size: 16px;
  line-height: 1.75;
  color: #747576;
}

a.navbar-brand,
a.navbar-brand-claim,
.navbar-brand img.img-fluid.d-inline-block.align-top {
  /*float: right;*/
  margin-right: 0;
}

.d-inline-block.align-top.site-name-slogan {
  color: #fff;
  font-style: italic;
  line-height: 35px;
}

.navbar-brand img.img-fluid.d-inline-block.align-top {
  max-width: 100px;
}

section.container.region.region-header {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.navbar-brand {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  text-align: center;
  align-items: center;
  width: auto;
}

a.navbar-brand:hover,
a.navbar-brand-claim:hover {
  text-decoration: none !important;
}

/*
.navbar-brand,
.site-name-slogan {
  width: 100%;
}
*/

a.navbar-brand,
a.navbar-brand-claim,
.toolbar-bar a {
  color: #fff !important;
}

#toolbar-item-administration-tray a,
li.account > a,
li.account-edit > a,
li.logout > a  {
  color: #000 !important;
}

#block-dulux-telefonamail ul,
#block-dulux-views-block-telefon-a-mail-z-kontaktu-block-1 ul,
#block-dulux-views-block-telefon-a-mail-z-kontaktu-block-2 ul {
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#block-dulux-telefonamail li,
#block-dulux-views-block-telefon-a-mail-z-kontaktu-block-1 li {
  color: #fff;
  display: block;
  padding-right: 5px;
}

#block-dulux-telefonamail li::marker,
#block-dulux-views-block-telefon-a-mail-z-kontaktu-block-1 li::marker,
#block-dulux-views-block-telefon-a-mail-z-kontaktu-block-2 li::marker {
  font-size: 0;
}

a {
  color: #565b60 !important;
  text-decoration: none !important;
}

a:hover {
  text-decoration: underline !important;
}


#page,
#main-wrapper,
.region-primary-menu .menu-item a.is-active,
.region-primary-menu .menu-item--active-trail a {
  background: #FAF9F7 !important;
}

body {
  font-size: 16px !important;
  line-height: 1.75 !important;
  color: #747576 !important;
  background-color: #FAF9F7 !important;
  background: #FAF9F7 !important;
}

#navbar-top,
#navbar-main,
section.container.region.region-header {
  background-color: #0c1f51 !important;
  background-image: url("../images/white-plaster.png");
  background-repeat: repeat;
}

#navbar-top {
  -webkit-border-radius: 0 25px 0 0;
  -moz-border-radius: 0 25px 0 0;
  border-radius: 0 25px 0 0;
}

#block-dulux-views-block-vizitka-block-1 .row,
#block-dulux-views-block-uvodna-stranka-boky-block-1 .row,
#block-dulux-referencie .row {
  --bs-gutter-x: 0;
}


/*
#navbar-top .container {
  justify-content: end;
}
*/

#block-dulux-account-menu a.nav-link {
  color: #fff !important;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
}

#block-dulux-account-menu a a:active,
#block-dulux-account-menu a:hover {
  color: #f47920;
  text-decoration: underline;
}

.row.region.region-top-header {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
  margin-right: 0;
  margin-left: 0;
}

.container.region.region-header {
  --bs-gutter-x: 0;
}

.nav-link {
  padding: 0 0;
}

a.nav-link--node-add-referencie,
a.nav-link.nav-link--user {
  padding-right: 15px;
}

.node--view-mode-teaser {
  border-bottom: none;
}

.row.region.region-top-header {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}

#block-dulux-views-block-telefon-a-mail-z-kontaktu-block-2 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}

#block-dulux-telefonamail,
#block-dulux-views-block-telefon-a-mail-z-kontaktu-block-1,
#block-dulux-account-menu {
  width: auto;
}

#block-dulux-views-block-telefon-a-mail-z-kontaktu-block-2 {
  width: auto;
}

#block-dulux-telefonamail .content a,
#block-dulux-views-block-telefon-a-mail-z-kontaktu-block-1 a,
#block-dulux-telefonamail p {
  color: #fff !important;
  padding: 0.5rem 0;
  font-weight: bold;
  font-size: 18px;
}

.navbar-brand,
.navbar-brand-claim,
.navbar-brand:hover {
  text-decoration: none;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
}

#block-dulux-telefonamail .field--name-body.field--type-text-with-summary p {
  margin-bottom: 0;
}


/*
**Menu**
*/

.tbm-button::after {
  content: "MENU";
  display: block;
  color: #fff;
}

.tbm.tbm--mobile .tbm-collapse {
  padding-top: 0;
}

.tbm-button {
  background-color: #565B5F;
  border: none;
}

.tbm.tbm--mobile {
  background-color: #565B5F;
}

.highlighted .container-xxl.section {
  --bs-gutter-x: 0 !important;
}

.tbm-button-container span {
  color: #fff;
}

.tbm,
.tbm-link.level-1 {
  background-color: #565B5F;
  text-decoration: none !important;
}

.fw-bold a {
  font-weight: bold;
  text-transform: uppercase;
}

a.tbm-link.level-1,
span.tbm-link.level-1.no-link.tbm-toggle {
  color: #fff !important;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none !important;
}

.tbm-link.level-1:hover,
.tbm-link.level-1:focus {
  background-color: #454A4E;
}

a.tbm-link.level-1:hover,
a.tbm-link.level-1:active {
  color: #ffd800;
}

.tbm-item.level-1 {
  border-right: 1px solid #686d71;
}

.tbm-item.level-1.open>.tbm-submenu {
  background: #e3e3e3;
  border: none;
  padding: 0;
}

a.tbm-link.level-2 {
  text-decoration: none !important;
  border-bottom: 1px solid #d7d7d8;
}

a.tbm-link.level-3 {
  text-decoration: none !important;
}

.tbm-subnav>.tbm-item>.tbm-link-container>.tbm-link:hover,
.tbm-subnav>.tbm-item>.tbm-link-container>.tbm-link:focus {
  color: #fff;
  background: #9d9ea0;
}

.tbm-subnav>.tbm-item>.tbm-link-container>.tbm-link {
  padding: 10px;
}

/*
**Products**
*/

.tesa-yellow {
  background:#ffe143 !important;
}

.tesa-blue {
  background:#009ddf !important;
}

.tesa-steel {
  background: #bbc1dc !important;
}

.view-farby-na-steny-a-omietky.view-id-farby_na_steny_a_omietky.view-display-id-page_1 .view-content.row,
.view-produkty-tesa-kategorie.view-id-produkty_tesa_kategorie.view-display-id-page_1 .view-content.row,
.view-id-produkty[class*='view-display-id-page_'] .view-content.row,
.view-id-produkty_tesa_kategorie[class*='view-display-id-page_'] .view-content.row,
.view-id-duplicate_of_produkty_dulux[class*='view-display-id-page_'] .view-content.row,
.view-id-referencie.view-display-id-page_1 .view-content.row {
  display: flex;
  justify-content: space-between;
}

.view-farby-na-steny-a-omietky.view-id-farby_na_steny_a_omietky.view-display-id-page_1 .views-row,
.view-produkty-tesa-kategorie.view-id-produkty_tesa_kategorie.view-display-id-page_1 .views-row {
  width: 100%;
  margin-bottom: 20px;
  overflow: hidden;
  -webkit-border-radius: 0 14px;
  -moz-border-radius: 0 14px;
  border-radius: 0 14px;
}

.view-id-produkty[class*='view-display-id-page_'] .views-row,
.view-id-produkty_tesa_kategorie[class*='view-display-id-page_'] .views-row,
.view-id-duplicate_of_produkty_dulux[class*='view-display-id-page_'] .views-row,
.view-id-referencie.view-display-id-page_1 .views-row {
  width: 100%;
  margin-bottom: 20px;
}

.field--type-entity-reference {
  margin: 0 0 0;
}

.field.field--name-field-pouzity-nater.field--type-entity-reference.field--label-above .field__items {
  display: flex;
  flex-wrap: wrap;
}

.field.field--name-field-pouzity-nater.field--type-entity-reference.field--label-above .field__items > .field__item {
  width: 25%;
  margin: 0.8%;
}

.view-id-farby_na_steny_a_omietky.view-display-id-page_1 .front-title,
.view-id-produkty_tesa_kategorie.view-display-id-page_1 .front-title {
  text-align: left;
  padding: 5px 14px;
  vertical-align: middle;
}

.view-id-farby_na_steny_a_omietky.view-display-id-page_1 .front-title h2,
.view-id-produkty_tesa_kategorie.view-display-id-page_1 .front-title h2 {
  font-size: 30px;
  margin-bottom: 0;
  line-height: 32px;
}

.view-id-farby_na_steny_a_omietky.view-display-id-page_1 .front-title a,
.view-id-produkty_tesa_kategorie.view-display-id-page_1 .front-title a  {
  text-decoration: none;
}

.back-description {
  padding: 20px 10px;
}

.view-duplicate-of-produkty-dulux .back-description {
  padding: 20px;
}

.back-description {
  color: #fff;
  line-height: 16px;
  text-align: justify;
  margin-bottom: 0;
  font-size: 14px;
}

/*
.back-description p {
  padding: 20px 10px;
}*/

.back-description p {
	font-size: 15px;
	line-height: 18px;
	color: #fff;
}

#block-dulux-views-block-slider-block-1 h2 {
  border-radius: 0 28px 0 0;
  -webkit-border-radius: 0 28px 0 0;
  -moz-border-radius: 0 28px 0 0;
  overflow: hidden;
}

.titulka-text,
.card-title,
#block-dulux-views-block-slider-block-1 h2 {
  vertical-align: middle;
  text-align: left;
  padding: 5px 0;
  background: #047bb5;
  width: 100%;
  margin: 0;
}



h2.titulka-text,
.card-title h2 {
  font-size: 1.1rem;
  margin-bottom: 0;
}

.flexslider {
  border: none !important;
  border-radius: 0 0 0 28px;
  -webkit-border-radius: 0 0 0 28px;
  -moz-border-radius: 0 0 0 28px;
  overflow: hidden;
}

h2.titulka-text a,
.card-title h2 a,
#block-dulux-views-block-slider-block-1 h2 {
  padding: 5px 14px;
  margin-bottom: 0;
  color: #fff !important;
  text-decoration: none !important;
  vertical-align: text-top;
}

h2.titulka-text a:hover,
.card-title h2 a:hover {
  color: #ffd800 !important;
}

.back-more {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 15px 20px;
  background: #252e49;
  border-radius: 0 0 0 14px;
	text-align: left;
}

.back-more a {
  color: #fff;
	font-weight: bold;
  background-color: #05b496;
  border-color: #05b496;
	padding: 5px 10px;
  border-radius:  0 14px;
	text-decoration: none;
}

.back-more a:hover,
.back-more a:focus,
.back-more a:active {
  background: #F57921;
  border-color: #F57921;
	text-transform: none;
  color: #fff !important;
}


.flipper {
	position: relative;
	background: #fff;
  text-align: center;
}

.flip-container,
.flip-container-card {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
  -moz-transform: perspective(1000px);
  border-radius: 0 14px;
  position: relative;
  overflow: hidden;
}


.flip-container:hover .fronto {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.flip-container:hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.flip-container,
.front,
.back {
  width: 100%;
  height: 100%;
}

.front-title {
	background: #047bb5;
}

.front-title a  {
  color: #fff !important;
	font-weight: bold;
}

.front-title a:hover  {
  color: #fff;
}

.fronto .front-title {
	text-align: left;
	padding: 5px 14px;
	line-height: 20px;
	vertical-align: middle;
}

.front-image {
  width: 100%;
  text-align: center;
  background: #fff;
}

.fronto {
  overflow: hidden;
  border-radius: 0 14px;
	z-index: 2;
  position: relative;
	background: #fff;
}

.flip-container-card,
#block-dulux-views-block-uvodna-stranka-boky-block-1,
#block-dulux-referencie {
  overflow: hidden;
  border-radius: 0 14px;
  position: relative;
}

.fronto,
.back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 0.6s ease-in-out;
  -webkit-transform-style: preserve-3d;
  -moz-transition: all 0.6s ease-in-out;
  -moz-transform-style: preserve-3d;
  -o-transition: all 0.6s ease-in-out;
  -o-transform-style: preserve-3d;
  -ms-transition: all 0.6s ease-in-out;
  -ms-transform-style: preserve-3d;
  transition: all 0.6s ease-in-out;
  transform-style: preserve-3d;
	width: 100%;
  height: 100%;
}

.back {
  position: absolute;
	display: block;
  top: 0;
  left: 0;
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  z-index: 1;
  border-radius: 32px;
  background: #283250;
  color: #fff !important;
  overflow: hidden;
	text-align: center;
}

/*
.back {
  padding: 10px;
}*/

.back p {
  color: #fff !important;
  line-height: 16px;
  text-align: justify;
  margin-bottom: 0;
  font-size: 14px;
}


.group-left,
.group-right {
	-webkit-border-radius: 0 28px 0 28px;
	-moz-border-radius: 0 28px 0 28px;
    border-radius: 0 28px;
}

.group-left {
  background: #fff;
  width: 100%;
  float: left;
  min-height: 1px;
  margin-right: 0;
  padding-right: 0;
}
.group-right {
	background: #f4f4f3;
  width: 100%;
  float: left;
  margin-left:  0;
  margin-bottom: 20px;
}

.node--type-produkty-tesa .group-right {
	background: #fff;
}

.node--type-produkty-tesa .group-right .field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
  border-bottom: none;
}

.group-right .field--name-body.field--type-text-with-summary.field--label-hidden.field__item,
.group-right .field--name-field-pouzitie.field--type-text-long.field--label-above,
.group-right .field--name-field-pouzity-nater.field--type-entity-reference.field--label-above,
.group-right .field--name-field-realizovany-objekt.field--type-entity-reference.field--label-above,
.group-right .field--name-field-miesto-realizacie.field--type-entity-reference.field--label-above,
.group-right .field--name-field-nater-aplikovany-technolog.field--type-entity-reference.field--label-above,
.group-right .field--name-field-nater-aplikovany-na-celkov.field--type-integer.field--label-above,
.group-right .field--name-field-rok-realizacie.field--type-year.field--label-above,
.group-right .field--name-field-odtien.field--type-entity-reference.field--label-above {
  border-bottom: 1px solid #d9d9d8;
  padding: 10px 30px;
}

.group-right .field--name-field-vlastnosti.field--type-text-long.field--label-above {
  padding: 10px 30px;
}

.product-tabs-container {
  clear: both;
  padding-top: 30px;
}

.product-tabs {
  background-color: #787c80;
}

.resp-tabs-list {
  background-color: #787c80;
}

.resp-tab-content {
  border: none;
  background: #efefef;
}

.resp-tab-content .field__label,
.grey-background .field__label,
.group-right .field--name-body.field--type-text-with-summary.field--label-hidden.field__item p {
  font-weight: bold;
}

.resp-tab-active {
    border: none;
}

.resp-tabs-container {
  background-color: #FAF9F7;
  padding: 15px 0;
}

.resp-tab-active {
  background-color: #57595b;
  border: none;
}

li.resp-tab-active,
.resp-tabs-list li:hover {
  color: #ffd800 !important;
}

.resp-tabs-list li {
  font-size: 14px;
  padding: 13px 20px;
  text-transform: uppercase;
  color: #fff;
}

.resp-tabs-list li:after{
  content: "\003E";
  padding: 0 10px;
}

li.resp-tab-active:after,
.resp-tabs-list li:hover  {
  content: "\02C5";
}

.resp-tabs-list li a {
  color: #fff;
  text-transform: uppercase;
}

/*
**Advices**
*/

.node--type-uzitocne-rady .field.field--name-field-obrazok img,
.node--type-tesa-uzitocne-rady .field.field--name-field-obrazok img,
.node--type-inspirativne-videa.node--view-mode-token .field.field--name-field-youtube.field--type-youtube.field--label-hidden.field__items img,
.node--type-tesa-inspirativne-videa.node--view-mode-token .field.field--name-field-youtube.field--type-youtube.field--label-hidden.field__items img,
.node--type-webform .field.field--name-field-image.field--type-image.field--label-hidden.field__item img {
  margin-bottom: 20px;
  border-radius: 0 28px;
  -webkit-border-radius: 0 28px 0 28px;
  -moz-border-radius: 0 28px 0 28px;
}

/*
**Inspirations**
*/

.node--type-inspirativne-videa main#content,
.node--type-uzitocne-rady main#content,
.page-view-uzitocne-rady main#content,
.page-view-inspirativne-videa main#content,
.page-view-tesa-uzitocne-rady main#content,
.page-view-tesa-inspirativne-videa main#content {
  background: #f4f4f3;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 0 28px;
  -webkit-border-radius: 0 28px 0 28px;
  -moz-border-radius: 0 28px 0 28px;
}

.node--type-inspirativne-videa span.field.field--name-title.field--type-string.field--label-hidden,
.node--type-uzitocne-rady span.field.field--name-title.field--type-string.field--label-hidden,
.node--type-tesa-uzitocne-rady span.field.field--name-title.field--type-string.field--label-hidden,
.node--type-tesa-inspirativne-videa span.field.field--name-title.field--type-string.field--label-hidden {
  color: #565b60 !important;
  text-decoration: none !important;
}

/*
**Vypocet spotreby**
*/

.node--type-webform h1.title {
   display: none;
}

.node--type-webform.node--view-mode-full {
  background: #f4f4f3;
  padding: 30px 0;
  margin-bottom: 30px;
  border-radius: 0 28px;
  -webkit-border-radius: 0 28px 0 28px;
  -moz-border-radius: 0 28px 0 28px;
}

.field.field--name-webform.field--type-webform.field--label-hidden.field__item {
    clear: both;
}

table#edit-vypocet-spotreby th {
  color: #000;
}


/*
**Cinnosti**
*/

/* entire container, keeps perspective */
.view-zameriavame-sa-na-tieto-cinnosti-flip .flip-container {
	perspective: 1000px;
  margin-bottom: 20px;
}
	/* flip the pane when hovered */
.view-zameriavame-sa-na-tieto-cinnosti-flip .flip-container:hover .flipper,
.view-zameriavame-sa-na-tieto-cinnosti-flip .flip-container.hover .flipper {
	transform: rotateY(180deg);
}

.view-zameriavame-sa-na-tieto-cinnosti-flip .flip-container,
.view-zameriavame-sa-na-tieto-cinnosti-flip .front,
.view-zameriavame-sa-na-tieto-cinnosti-flip .back {
	width: 200px;
	height: 200px;
}

/* flip speed goes here */
.view-zameriavame-sa-na-tieto-cinnosti-flip .flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}

/* hide back of pane during swap */
.view-zameriavame-sa-na-tieto-cinnosti-flip .front,
.view-zameriavame-sa-na-tieto-cinnosti-flip .back {

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.view-zameriavame-sa-na-tieto-cinnosti-flip .front {
	z-index: 4;
	/* for firefox 31 */
	transform: rotateY(0deg);
  animation: flip;
  backface-visibility: hidden;
}

/* back, initially hidden pane */
.view-zameriavame-sa-na-tieto-cinnosti-flip .back {
  transform: rotateY(-180deg);
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
  z-index: 2;
  display: flex !important;
  justify-items: center;
  align-items: center;
}

.view-zameriavame-sa-na-tieto-cinnosti-flip .flip-container:hover .back {
  transform: rotateY(0deg);
  z-index: 10 !important;
  display: flex !important;
  justify-items: center;
  align-items: center;
}

/*
**References**
*/



/*
**Contact**
*/
.node--type-kontakt .grey-background p,
.node--type-kontakt .grey-background div {
  font-size: 20px;
}

.node--type-kontakt .grey-background .view-spolupraca.view-id-spolupraca span {
  font-size: 17px;
}
.node--type-kontakt .grey-background .field__label::after {
  content: ":";
}

.node--type-kontakt .grey-background .field--name-field-na-slovenskom-trhu-posobim .field__label::after {
  content: " ";
}

.field.field--name-field-na-slovenskom-trhu-posobim.field--type-yearonly.field--label-inline .field__item {
  font-weight: bold;
}

.field.field--name-field-kredo-nasej-firmy.field--type-entity-reference.field--label-visually_hidden .field__item {
  margin: 20px 0;
  text-align: center;
  font-size: 29px;
}

.field--name-field-zameriavame-sa-na-tieto-ci .field--type-image {
  float: none;
  margin: 0;
}

.region-featured-top {
  margin: 20px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#block-dulux-views-block-uvodna-stranka-boky-block-1 {
  width: 100%;
}

.view-cinnosti-uvodka.view-id-cinnosti_uvodka.view-display-id-block_1 .list-group,
.field.field--name-field-zameriavame-sa-na-tieto-ci.field--type-entity-reference.field--label-hidden.field__items {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  flex-direction: row;
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
}

.view-cinnosti-uvodka.view-id-cinnosti_uvodka.view-display-id-block_1 .list-group,
.view-cinnosti-uvodka.view-id-cinnosti_uvodka.view-display-id-block_1 .list-group-item,
.view-id-referencie.view-display-id-page_1 .list-group,
.view-id-referencie.view-display-id-page_1 .list-group-item {
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
}

.view-cinnosti-uvodka.view-id-cinnosti_uvodka.view-display-id-block_1 .view-content.row {
  width: 100%;
}

.view-cinnosti-uvodka.view-id-cinnosti_uvodka.view-display-id-block_1 .item-list ul li,
.view-cinnosti-uvodka.view-id-cinnosti_uvodka.view-display-id-block_1 .views-row,
.view-id-referencie.view-display-id-page_1 .item-list ul li,
.view-id-referencie.view-display-id-page_1 .views-row {
  padding: 0 !important;
}

#block-dulux-views-block-vizitka-block-1,
#block-dulux-views-block-uvodna-stranka-boky-block-1,
#block-dulux-referencie {
  padding: 0;
}

.front-title-card,
.front-title-card-name,
.front-company-card {
    color: #fff;
}

.white-background {
  background: #fff;
  -webkit-border-radius: 0 28px 0 28px;
  -moz-border-radius: 0 28px 0 28px;
  border-radius: 0 28px;
}

.grey-background {
  background: #f4f4f3;
  -webkit-border-radius: 0 28px 0 28px;
  -moz-border-radius: 0 28px 0 28px;
  border-radius: 0 28px;
  padding: 30px;
}



/*
**Contact map**
*/

.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items {
  background-image: url("../images/podklad-slovensko.png");
}

.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .banskobystricky_kraj {
  background-image: url("../images/banskobystricky_kraj.png");
}

.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .bratislavsky_kraj {
  background-image: url("../images/bratislavsky_kraj.png");
}

.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .kosicky_kraj {
  background-image: url("../images/kosicky_kraj.png");
}

.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .nitriansky_kraj {
  background-image: url("../images/nitriansky_kraj.png");
}

.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .presovsky_kraj {
  background-image: url("../images/presovsky_kraj.png");
}

.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .trenciansky_kraj {
  background-image: url("../images/trenciansky_kraj.png");
}

.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .trnavsky_kraj {
  background-image: url("../images/trnavsky_kraj.png");
}

.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .zilinsky_kraj {
  background-image: url("../images/zilinsky_kraj.png");
}

.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items {
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: cover; /* Resize the background image to cover the entire container */
  display: block;
  position: relative;
  height: 139px;
  width: 250px;
}


.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .banskobystricky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .bratislavsky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .kosicky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .nitriansky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .presovsky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .trenciansky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .trnavsky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .zilinsky_kraj {
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: cover; /* Resize the background image to cover the entire container */
  text-indent: -9999px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 139px;
  width: 250px;
}

#block-dulux-views-block-vizitka-block-1,
#block-dulux-views-block-uvodna-stranka-boky-block-1,
#block-dulux-referencie {
  width: 100%;
  margin-bottom: 20px;
}

.fronto-card {
  height: 300px;
}

.front-title-card {
  padding: 0 30px;
  line-height: 18px;
  font-size: 16px;
}

.front-title-card-name {
  font-size: 25px;
}

.front-company-card {
  padding: 145px 30px 0 30px;
  line-height: 17px;
  font-size: 16px;
}

.view.view-cinnosti-uvodka.view-id-cinnosti_uvodka.view-display-id-block_1 .row,
.highlighted .container.section.clearfix {
  --bs-gutter-x: 0;
}

/*
**Footer**
*/

.site-footer {
  background: #d9d9d9 !important;
}

.site-footer .block {
  margin: 0 0;
  border: none;
  padding: 0;
}

.site-footer__bottom {
  margin-top: 0;
  border-top: none;
}

.site-footer__top .content li a {
  border-bottom: none;
  padding: 0;
}

.site-footer__top .content li a:hover,
.site-footer__top .content li a:focus {
  background-color: transparent;
}

#block-dulux-logapata ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

#block-dulux-logapata ul li {
  padding: 10px;
}

#block-dulux-logapata ul li img {
  width: 100%;
}

#block-dulux-logapata ul li::marker {
  font-size: 0;
}

.node--type-kontakt .field--type-image {
 margin: 0 0 0 0;
}

#block-dulux-account-menu {
  padding: 20px 0 0 0;
}

.cookiesjsr-banner--info,
ul.cookiesjsr-links.cookiesjsr-banner--links.links--row a {
  color: #fff !important;
}

.front-title.tesa-yellow a,
.back.tesa-yellow .back-description {
  color: #051235 !important;
}

.site-footer .content ul:not(.menu) {
  padding-left: 0;
}

section.region-wrapper-footer-first.full-width {
  width: 100%;
  left: 50%;
  right: 50%;
  margin-left: -50%;
  margin-right: -50%;
}

.site-footer__top h2 {
  border-bottom: none;
  color: #051235;
}

.tesa .tbm-link.level-1.no-link.tbm-toggle {
  text-transform: none;
}

.view-telefon-a-mail-z-kontaktu.view-id-telefon_a_mail_z_kontaktu.view-display-id-page_1 .node__title {
  display: none;
}

.field--name-field-vase-foto.field--type-image.field--label-hidden.field__item {
  width: 100%;
}


/*
**Graco***/

/*
.page-node-1305 .field.field--name-body ul{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 15px;
  list-style-type: none;
  padding-left: 0;
}

.page-node-1305 .field.field--name-body ul li img {
  margin-right: 20px;
}*/

.node--type-graco-clanok td,
.node--type-graco-clanok tr {
  background-color: transparent !important;
  background: transparent !important;
}

/*
**Media Queries**
*/

@media (min-width: 576px) {

#block-dulux-views-block-telefon-a-mail-z-kontaktu-block-1 .views-row,
#block-dulux-views-block-telefon-a-mail-z-kontaktu-block-2 .views-row {
  padding-left: 0;
  padding-right: 0;
}

.view-id-produkty[class*='view-display-id-page_'] .views-row,
.view-id-produkty_tesa_kategorie[class*='view-display-id-page_'] .views-row,
.view-id-duplicate_of_produkty_dulux[class*='view-display-id-page_'] .views-row,
.view-id-referencie.view-display-id-page_1 .views-row {
  width: 49%;
}

section.container.region.region-header {
  flex-wrap: nowrap;
}

#block-dulux-telefonamail li,
#block-dulux-views-block-telefon-a-mail-z-kontaktu-block-1 li,
#block-dulux-views-block-telefon-a-mail-z-kontaktu-block-2 li {
  padding-right: 15px;
}


.container.region.region-header {
  --bs-gutter-x: 1.5rem;
}

.row.region.region-top-header {
  padding: 0 25px;
}

section.container.region.region-header {
  margin: 0 25px;
}

.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .banskobystricky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .bratislavsky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .kosicky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .nitriansky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .presovsky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .trenciansky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .trnavsky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .zilinsky_kraj {
  height: 268px;
  width: 100%;
}

.fronto-card {
  height: 304px;
}

.front-title-card {
  padding: 5px 40px;
  line-height: 18px;
  font-size: 18px;
}

.front-title-card-name {
  font-size: 30px;
}

.front-company-card {
  padding: 135px 40px 0 40px;
  line-height: 19px;
  font-size: 18px;
}

.view-zameriavame-sa-na-tieto-cinnosti-flip .flip-container,
.view-zameriavame-sa-na-tieto-cinnosti-flip .front,
.view-zameriavame-sa-na-tieto-cinnosti-flip .back {
	width: 200px;
	height: 200px;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  --bs-gutter-x: 0 !important;
}


}

@media (min-width: 768px) {

.view-id-produkty[class*='view-display-id-page_'] .views-row,
.view-id-produkty_tesa_kategorie[class*='view-display-id-page_'] .views-row,
.view-id-duplicate_of_produkty_dulux[class*='view-display-id-page_'] .views-row,
.view-id-referencie.view-display-id-page_1 .views-row {
  width: 32%;
}

.view-farby-na-steny-a-omietky.view-id-farby_na_steny_a_omietky.view-display-id-page_1 .views-row,
.view-produkty-tesa-kategorie.view-id-produkty_tesa_kategorie.view-display-id-page_1 .views-row {
  width: 48%;
}

#block-dulux-account-menu {
  padding: 0 0 0 0;
}

.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .banskobystricky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .bratislavsky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .kosicky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .nitriansky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .presovsky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .trenciansky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .trnavsky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .zilinsky_kraj {
  height: 368px;
  width: 100%;
}

.fronto-card {
  height: 405px;
}

.front-title-card {
  padding: 15px 50px;
  line-height: 18px;
  font-size: 18px;
}

.front-title-card-name {
  font-size: 30px;
}

.front-company-card {
  padding: 185px 50px 0 50px;
  line-height: 19px;
  font-size: 18px;
}

.view-zameriavame-sa-na-tieto-cinnosti-flip .flip-container,
.view-zameriavame-sa-na-tieto-cinnosti-flip .front,
.view-zameriavame-sa-na-tieto-cinnosti-flip .back {
	width: 220px;
	height: 220px;
}

.view-cinnosti-uvodka.view-id-cinnosti_uvodka.view-display-id-block_1 .list-group,
.field.field--name-field-zameriavame-sa-na-tieto-ci.field--type-entity-reference.field--label-hidden.field__items {
  justify-content: space-between;
}

#block-dulux-logapata ul {
  flex-wrap: nowrap;
}

}

@media (min-width: 992px) {

#block-dulux-views-block-telefon-a-mail-z-kontaktu-block-2 .content {
  width: 100%;
}

#block-dulux-views-block-telefon-a-mail-z-kontaktu-block-2 {
  width: 70%;
}

.navbar-brand {
  width: 30%;
}

.view-id-produkty[class*='view-display-id-page_'] .views-row,
.view-id-produkty_tesa_kategorie[class*='view-display-id-page_'] .views-row,
.view-id-duplicate_of_produkty_dulux[class*='view-display-id-page_'] .views-row,
.view-id-referencie.view-display-id-page_1 .views-row {
  width: 24%;
}

.view-farby-na-steny-a-omietky.view-id-farby_na_steny_a_omietky.view-display-id-page_1 .views-row,
.view-produkty-tesa-kategorie.view-id-produkty_tesa_kategorie.view-display-id-page_1 .views-row {
  width: 48%;
}

h2.titulka-text,
.card-title h2 {
  font-size: 1.4rem;
}

.tbm-item.level-1:last-child {
  border-right: none;
}

.tbm,
.first-tab .tbm-link,
.first-tab .tbm-link:hover {
  -webkit-border-radius: 0 0 0 25px;
  -moz-border-radius: 0 0 0 25px;
  border-radius: 0 0 0 25px;
}

.navbar-brand img.img-fluid.d-inline-block.align-top {
  max-width: 150px;
}

.row.region.region-top-header {
  padding: 10px 25px;
}

.tbm {
  margin-top: 5px;
}

.container.region.region-header {
  position: relative;
}

/*
.d-inline-block.align-top.site-name-slogan {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
*/

.group-left {
  width: 51.33333%;
  float: left;
  min-height: 1px;
  margin-right: 0.5%;
  padding-right: 15px;
  margin-bottom: 30px;
}

.group-right {
	width: 45.66667%;
	float: left;
	margin-left:  0.5%;
  margin-bottom: 20px;
}

.col-sm-12.col-lg-6.white-background {
  max-width: 49%;
}

.view-id-cinnosti_uvodka.view-display-id-block_1 .list-group-item,
.field.field--name-field-zameriavame-sa-na-tieto-ci.field--type-entity-reference.field--label-hidden.field__items > .field__item {
  width: 24%;
}

.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .banskobystricky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .bratislavsky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .kosicky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .nitriansky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .presovsky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .trenciansky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .trnavsky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .zilinsky_kraj {
  height: 234px;
  width: 100%;
}

#block-dulux-telefonamail li,
#block-dulux-views-block-telefon-a-mail-z-kontaktu-block-1 li,
#block-dulux-views-block-telefon-a-mail-z-kontaktu-block-2 li {
  display: inline-block;
  padding-right: 20px;
}

.fronto-card {
  height: 540px;
}

.front-title-card {
  padding: 50px 60px;
  line-height: 18px;
  font-size: 18px;
}

.front-title-card-name {
  font-size: 30px;
}

.front-company-card {
  padding: 230px 60px 0 60px;
  line-height: 19px;
  font-size: 18px;
}

.view-zameriavame-sa-na-tieto-cinnosti-flip .flip-container,
.view-zameriavame-sa-na-tieto-cinnosti-flip .front,
.view-zameriavame-sa-na-tieto-cinnosti-flip .back {
	width: 230px;
	height: 230px;
}

.back {
  padding: 15px;
}

.tbm-link.level-1 {
  padding: 1rem 2.2rem;
}

}

@media (min-width: 1200px) {

.navbar-brand,
.navbar-brand-claim,
.navbar-brand:hover {
  font-size: 25px;
}

#block-dulux-views-block-telefon-a-mail-z-kontaktu-block-2 {
  width: 80%;
}

.navbar-brand {
  width: 20%;
}

.d-inline-block.align-top.site-name-slogan {
  line-height: 65px;
}

.view-farby-na-steny-a-omietky.view-id-farby_na_steny_a_omietky.view-display-id-page_1 .views-row,
.view-produkty-tesa-kategorie.view-id-produkty_tesa_kategorie.view-display-id-page_1 .views-row {
  width: 24%;
}

.view-id-produkty[class*='view-display-id-page_'] .views-row,
.view-id-produkty_tesa_kategorie[class*='view-display-id-page_'] .views-row,
.view-id-duplicate_of_produkty_dulux[class*='view-display-id-page_'] .views-row,
.view-id-referencie.view-display-id-page_1 .views-row {
  width: 18%;
}

.tbm-link.level-1 {
  padding: 1rem 3rem;
}

#block-dulux-views-block-vizitka-block-1,
#block-dulux-views-block-uvodna-stranka-boky-block-1,
#block-dulux-referencie {
  width: 360px;
  margin-bottom: 0;
}

.fronto-card {
  height: 203px;
}

.front-title-card {
  padding: 0 30px;
  line-height: 14px;
  font-size: 17px;
}

.front-title-card-name {
  font-size: 20px;
}

.front-company-card {
  padding: 87px 30px 0 30px;
  line-height: 16px;
  font-size: 15px;
}

.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .banskobystricky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .bratislavsky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .kosicky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .nitriansky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .presovsky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .trenciansky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .trnavsky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .zilinsky_kraj {
  height: 285px;
  width: 100%;
}

.view-zameriavame-sa-na-tieto-cinnosti-flip .flip-container,
.view-zameriavame-sa-na-tieto-cinnosti-flip .front,
.view-zameriavame-sa-na-tieto-cinnosti-flip .back {
	width: 275px;
	height: 275px;
}

.back {
  padding: 20px;
}

.back {
  line-height: 22px;
  font-size: 18px;
}

.field.field--name-field-kredo-nasej-firmy.field--type-entity-reference.field--label-visually_hidden .field__item {
  font-size: 27px;
}

.view-spolupraca.view-id-spolupraca.view-display-id-entity_view_1 {
  padding: 10px 0;
}

.view-spolupraca.view-id-spolupraca.view-display-id-entity_view_1 .views-field.views-field-nothing span {
  line-height: 20px;
  font-size: 18px;
}




}

@media (min-width: 1400px) {

#block-dulux-views-block-telefon-a-mail-z-kontaktu-block-2 {
  width: 60%;
}

.navbar-brand {
  width: 40%;
}

.view-farby-na-steny-a-omietky.view-id-farby_na_steny_a_omietky.view-display-id-page_1 .views-row,
.view-produkty-tesa-kategorie.view-id-produkty_tesa_kategorie.view-display-id-page_1 .views-row {
  width: 24%;
}

h2.titulka-text,
.card-title h2 {
  font-size: 1.8rem;
}

.tbm-link.level-1 {
  padding: 1rem 3.8rem;
}

.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .banskobystricky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .bratislavsky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .kosicky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .nitriansky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .presovsky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .trenciansky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .trnavsky_kraj,
.field--name-field-prace-realizujeme-v-tychto.field--type-entity-reference .field__items .zilinsky_kraj {
  height: 335px;
  width: 100%;
}

#block-dulux-views-block-vizitka-block-1,
#block-dulux-views-block-uvodna-stranka-boky-block-1,
#block-dulux-referencie {
  width: 420px;
}

.fronto-card {
  height: 237px;
}

.front-title-card {
  padding: 10px 40px;
  line-height: 15px;
  font-size: 18px;
}

.front-title-card-name {
  font-size: 22px;
}

.front-company-card {
  padding: 93px 40px 0 40px;
  line-height: 16px;
  font-size: 15px;
}

.view-zameriavame-sa-na-tieto-cinnosti-flip .flip-container,
.view-zameriavame-sa-na-tieto-cinnosti-flip .front,
.view-zameriavame-sa-na-tieto-cinnosti-flip .back {
	width: 320px;
	height: 320px;
}

}