@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&display=swap"); :root {
--modra: #14306f;
--oranzna: #f6a914;
--eltehmodra: #2271b3;
}  body {
font-family: 'Rubik', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #333333;
}
b, strong {
font-weight: 700;
color: var(--modra);
}
p {
margin-bottom: 10px;
}
a {
color: var(--oranzna);
transition: 0.6s;
}
a:hover {
color: var(--modra);
transition: 0.6s;
text-decoration: none;
}
h1 {
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 36px;
line-height: 45px;
color: var(--modra);
margin-top: 0.5rem;
}
h1 span {
color: var(--eltehmodra);
}
h2 {
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 28px;
line-height: 35px;
color: var(--modra);
margin-top: 0.5rem;
}
h3 {
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 22px;
line-height: 28px;
color: var(--modra);
margin-top: 0.5rem;
}
h4 {
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: var(--modra);
margin-top: 0.5rem;
}  .grecaptcha-badge {
visibility: hidden;
}
.zgorajMenu {
height: 46px;
background-color: var(--modra);
color: #fff;
font-size: 11px;
padding-top: 10px;
}
.napisTel span {
text-transform: uppercase;
}
.iconTel {
display: none;
}
.zgorajMenu a {
font-size: 13px;
color: #fff;
font-weight: 400;
}
.zgorajMenu a:hover {
color: var(--oranzna);
}
.socialOm {
text-align: right;
}
.facebookZg {
width: 28px;
margin-left: 6px;
}
.wpml-ls-legacy-dropdown {
float: right;
text-align: left;
width: 132px;
margin-right: 0;
margin-top: 2px;
}
.wpml-ls-legacy-dropdown a {
border: none;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
border-top: none;
margin-top: 6px;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
padding-bottom: 10px;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::after {
display: none;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
padding-right: 0 !important;
}
.facebookZgoraj {
float: right;
}  #main-nav {
height: 92px;
transition: 0.6s;
-webkit-box-shadow: 0 0 3px 0 #cfcfcf;
-moz-box-shadow: 0 0 3px 0 #cfcfcf;
box-shadow: 0 0 3px 0 #cfcfcf;
}
.fixed-top {
position: unset;
transition: 0.6s;
}
.bg-primary {
background-color: #fff !important;
}
.sirinaLogo {
max-width: 140px;
transition: 0.6s;
}  .kvadrataPodSlider {
margin-top: -170px;
margin-bottom: 25px;
}
.kvadrataPodSlider h2 {
font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 28px;
color: var(--modra);
transition: 0.6s;
}
.cezDom {
z-index: 1;
}
.cezIndustrija {
z-index: 1;
}
.zgorajDom {
background-color: #fff;
box-shadow: 0 0 18px rgb(138 170 239 / 20%);
transition: all 0.7s ease-in-out;
border-radius : 6px;
padding: 30px;
margin: 20px;
}
.zgorajIndustrija {
background-color: #fff;
box-shadow: 0 0 18px rgb(138 170 239 / 20%);
transition: all 0.7s ease-in-out;
border-radius : 6px;
padding: 30px;
margin: 20px;
}
.zgorajDomSlika {
margin-bottom: 16px;
background-image: url(//www.elteh.eu/wp-content/themes/understrap-child/slike/dom.png);
width: 68px;
height: 68px;
transition: 0.6s;
}
.zgorajDom:hover .zgorajDomSlika {
background-image: url(//www.elteh.eu/wp-content/themes/understrap-child/slike/dom-bel.png);
transition: 0.6s;
}
.zgorajDom a {
color: var(--modra);
font-family: 'Rubik', sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 28px;
}
.zgorajDom a::after {
content: ">";
padding-left: 8px;
position: absolute;
transition: 0.6s;
font-weight: 700;
color: var(--modra);
}
.zgorajIndustrija a {
color: var(--modra);
font-family: 'Rubik', sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 28px;
}
.zgorajIndustrija a::after {
content: ">";
padding-left: 8px;
position: absolute;
transition: 0.6s;
font-weight: 700;
color: var(--modra);
}
.zgorajIndustrijaSlika {
margin-bottom: 16px;
background-image: url(//www.elteh.eu/wp-content/themes/understrap-child/slike/industrija.png);
width: 68px;
height: 68px;
transition: 0.6s;
}
.zgorajIndustrija:hover .zgorajIndustrijaSlika {
background-image: url(//www.elteh.eu/wp-content/themes/understrap-child/slike/industrija-bel.png);
transition: 0.6s;
}
.zgorajDom:hover {
background-color: var(--modra);
}
.zgorajDom:hover h2 {
color: #fff;
transition: 0.6s;
}
.zgorajDom:hover p {
color: #fff;
transition: 0.6s;
}
.zgorajDom:hover a::after {
transition: 0.6s;
color: var(--oranzna);
}
.zgorajDom:hover a {
color: var(--oranzna);
transition: 0.6s;
}
.zgorajIndustrija:hover {
background-color: var(--modra);
}
.zgorajIndustrija:hover h2 {
color: #fff;
transition: 0.6s;
}
.zgorajIndustrija:hover p {
color: #fff;
transition: 0.6s;
}
.zgorajIndustrija:hover a {
color: var(--oranzna);
transition: 0.6s;
}
.zgorajIndustrija:hover a::after {
transition: 0.6s;
color: var(--oranzna);
}   .menuNaslov {
margin-top: 26px;
margin-left: 14px;
margin-bottom: 10px;
}
.menuNaslov a {
font-family: 'Rubik', sans-serif;
font-weight: 400;
color: #fff;
transition: 0.6s;
font-size: 34px;
}
.menuNaslov a:hover {
color: #bbbbbb;
}
.menuNaslov2 {
margin-top: 10px;
margin-left: 8px;
margin-bottom: 10px;
}
.menuNaslov2 a {
font-family: 'Rubik', sans-serif;
font-weight: 400;
color: #fff;
transition: 0.6s;
font-size: 24px;
}
.menuNaslov2 a:hover {
color: #bbbbbb;
}
.menuTekst {
font-size: 16px;
}
.menuTekst:hover {
color: #bbbbbb;
} .noga {
background-color: var(--modra);
color: #fff;
padding-bottom: 60px;
padding-top: 60px;
}
.logoNoga {
width: 100px;
filter: brightness(0) invert(1);
margin-bottom: 14px;
}
.widget-title {
font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 18px;
color: #fff;
}
.menu-noga-1-container ul {
margin-bottom: 0;
margin-left: -40px;
list-style-type: none;
}
.menu-noga-1-container li a {
color: #fff;
font-family: 'Rubik', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 26px;
}
.menu-noga-1-container li a:hover {
color: var(--oranzna);
}
.menu-noga-2-container ul {
margin-bottom: 0;
margin-left: -40px;
list-style-type: none;
}
.menu-noga-2-container li a {
color: #fff;
font-family: 'Rubik', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 26px;
}
.menu-noga-2-container li a:hover {
color: var(--oranzna);
}
.menu-noga-3-container ul {
margin-bottom: 0;
margin-left: -40px;
list-style-type: none;
}
.menu-noga-3-container li a {
color: #fff;
font-family: 'Rubik', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 26px;
}
.menu-noga-3-container li a:hover {
color: var(--oranzna);
}
.menu-noga-4-container ul {
margin-bottom: 0;
margin-left: -40px;
list-style-type: none;
}
.menu-noga-4-container li a {
color: #fff;
font-family: 'Rubik', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 26px;
}
.menu-noga-4-container li a:hover {
color: var(--oranzna);
}
.menu-foot-1-container ul {
margin-bottom: 0;
margin-left: -40px;
list-style-type: none;
}
.menu-foot-1-container li a {
color: #fff;
font-family: 'Rubik', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 26px;
}
.menu-foot-1-container li a:hover {
color: var(--oranzna);
}
.menu-foot-2-container ul {
margin-bottom: 0;
margin-left: -40px;
list-style-type: none;
}
.menu-foot-2-container li a {
color: #fff;
font-family: 'Rubik', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 26px;
}
.menu-foot-2-container li a:hover {
color: var(--oranzna);
}
.menu-foot-3-container ul {
margin-bottom: 0;
margin-left: -40px;
list-style-type: none;
}
.menu-foot-3-container li a {
color: #fff;
font-family: 'Rubik', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 26px;
}
.menu-foot-3-container li a:hover {
color: var(--oranzna);
}
.menu-foot-4-container ul {
margin-bottom: 0;
margin-left: -40px;
list-style-type: none;
}
.menu-foot-4-container li a {
color: #fff;
font-family: 'Rubik', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 26px;
}
.menu-foot-4-container li a:hover {
color: var(--oranzna);
}
.menu-fus-1-container ul {
margin-bottom: 0;
margin-left: -40px;
list-style-type: none;
}
.menu-fus-1-container li a {
color: #fff;
font-family: 'Rubik', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 26px;
}
.menu-fus-1-container li a:hover {
color: var(--oranzna);
}
.menu-fus-2-container ul {
margin-bottom: 0;
margin-left: -40px;
list-style-type: none;
}
.menu-fus-2-container li a {
color: #fff;
font-family: 'Rubik', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 26px;
}
.menu-fus-2-container li a:hover {
color: var(--oranzna);
}
.menu-fus-3-container ul {
margin-bottom: 0;
margin-left: -40px;
list-style-type: none;
}
.menu-fus-3-container li a {
color: #fff;
font-family: 'Rubik', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 26px;
}
.menu-fus-3-container li a:hover {
color: var(--oranzna);
}
.menu-fus-4-container ul {
margin-bottom: 0;
margin-left: -40px;
list-style-type: none;
}
.menu-fus-4-container li a {
color: #fff;
font-family: 'Rubik', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 26px;
}
.menu-fus-4-container li a:hover {
color: var(--oranzna);
}
.copyright {
background-color: var(--modra);
color: #fff;
padding-bottom: 6px;
padding-top: 16px;
}
.puscicaGor {
width: 22px;
}
#gumbGor {
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
border: none;
outline: none;
background-color: rgba(246,169,20,0.7);
color: white;
cursor: pointer;
padding: 8px 14px 14px 15px;
border-radius: 26px;
transition: 0.8s;
}
#gumbGor:hover {
background-color: rgba(246,169,20,1);
transition: 0.8s;
}
.nogaEvropa {
padding-top: 30px;
padding-bottom: 30px;
}  .modal-body {
padding: 2px 16px;
}
.modal {
display: none;
position: fixed;
z-index: 1000;
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
}
.modal-content {
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0;
border: 1px solid #888;
width: 30%;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s
}
.modal-header {
background-color: var(--modra);
color: #fff;
padding: 2px 16px 9px 2px;
margin-bottom: 10px;
}
.close {
color: white;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.modal-body {
padding: 2px 16px;
}
.modal-footer {
padding: 8px 16px;
background-color: var(--modra);
color: white;
margin-top: 12px;
}
@-webkit-keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
.btn-primary {
background-color: var(--oranzna);
border-color: var(--oranzna);
}
.btn-primary:hover {
background-color: var(--modra);
border-color: var(--modra);
}
.form-control:focus, .wpcf7 input[type=text]:focus, .wpcf7 input[type=search]:focus, .wpcf7 input[type=url]:focus, .wpcf7 input[type=tel]:focus, .wpcf7 input[type=number]:focus, .wpcf7 input[type=range]:focus, .wpcf7 input[type=date]:focus, .wpcf7 input[type=month]:focus, .wpcf7 input[type=week]:focus, .wpcf7 input[type=time]:focus, .wpcf7 input[type=datetime]:focus, .wpcf7 input[type=datetime-local]:focus, .wpcf7 input[type=color]:focus, .wpcf7 input[type=email]:focus, .wpcf7 input[type=file]:focus, .wpcf7 input[type=submit]:focus, .wpcf7 select:focus, .wpcf7 textarea:focus, .wpcf7 .wpcf7-validation-errors:focus {
border-color: var(--modra);
box-shadow: 0 0 0 0.2rem rgb(20 48 111 / 25%);
}  .ozadjeBarva {
background-color: #f6f9fc;
}
.odmik {
padding-top: 50px;
padding-bottom: 50px;
}
.odmikBrez {
padding-top: 0;
padding-bottom: 0;
}
.odmikSpodaj {
padding-top: 0;
padding-bottom: 50px;
}
.odmikZgoraj {
padding-top: 50px;
padding-bottom: 0;
}
.senca {
border-radius: 6px;
box-shadow: rgba(14, 30, 37, 0.12) 0 2px 4px 0, rgba(14, 30, 37, 0.32) 0 2px 16px 0;
}
.sencaBrezRadius {
box-shadow: rgba(14, 30, 37, 0.12) 0 2px 4px 0, rgba(14, 30, 37, 0.32) 0 2px 16px 0;
}
.sencaLevoGor {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
box-shadow: rgba(14, 30, 37, 0.12) 0 2px 4px 0, rgba(14, 30, 37, 0.32) 0 2px 16px 0;
}
.sencaDesnoGor {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
box-shadow: rgba(14, 30, 37, 0.12) 0 2px 4px 0, rgba(14, 30, 37, 0.32) 0 2px 16px 0;
}
.polovicaContainer {
width: 556px;
float: right;
padding-right: 30px;
}
.slikaCezVse {
text-align: center;
}
.btn-osnovni {
background-color: var(--oranzna);
border-color: var(--oranzna);
font-family: 'Rubik', sans-serif;
font-weight: 700;
color: #fff;
padding: 10px 26px;
font-size: 16px;
border-radius: 20px;
margin-top: 20px;
transition: 0.8s;
}
.btn-osnovni:hover {
color: var(--modra);
background-color: rgba(246,169,20,0.6);
border-color: rgba(246,169,20,0.8);
transition: 0.8s;
}
.celaSirinaMargin {
margin-right: 0;
margin-left: 0;
}
.celaSirinaPadding {
padding-right: 0;
padding-left: 0;
}
.dobavitelj:nth-child(n+1) {
width: 16.6666%;
padding: 20px 3.2% 20px 3.2%;
}
.dobavitelj:nth-child(7) {
width: 25%;
padding: 20px 3.2% 20px 11.4%;
}
.dobavitelj:nth-child(11) {
width: 25%;
padding: 20px 11.4% 20px 3.2%;
}
.dobavitelj:nth-child(18) {
width: 25%;
padding: 20px 3.2% 20px 11.4%;
}
.dobavitelj:nth-child(22) {
width: 25%;
padding: 20px 11.4% 20px 3.2%;
}
.dobavitelj:nth-child(29) {
width: 25%;
padding: 20px 3.2% 20px 11.4%;
}
.dobavitelj:nth-child(33) {
width: 25%;
padding: 20px 11.4% 20px 3.2%;
}
.dobavitelj:nth-child(40) {
width: 25%;
padding: 20px 3.2% 20px 11.4%;
}
.dobavitelj:nth-child(44) {
width: 25%;
padding: 20px 11.4% 20px 3.2%;
}
.naslovDobavitelji {
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 28px;
line-height: 34px;
color: var(--modra);
padding-top: 50px;
padding-bottom: 54px;
text-align: center;
margin: 0 auto;
}
.naslovDobavitelji span {
color: var(--oranzna);
}
.odmikSpodaj {
padding-bottom: 50px;
}
.content {
height: 100%;
}
.row-flex {
display: flex;
flex-wrap: wrap;
}
.odmikTekst {
padding: 25px;
}  .slikaZgoraj {
background-repeat: repeat-x;
min-height: 188px;
background-image: url(//www.elteh.eu/wp-content/themes/understrap-child/slike/ozadje-glava.png);
background-position-y: 4px;
}
.slikaIzbrana {
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
background-color: #f4f4f4;
min-height: 185px;
}
.naslovPodstran {
padding-top: 60px;
}
.mojBreadcrumbs {
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
font-weight: 400;
letter-spacing: 1px;
line-height: 22px;
font-size: 13px;
color: rgb(114, 114, 114);
margin-bottom: 30px;
}
.mojBreadcrumbs a {
font-weight: 400;
letter-spacing: 1px;
line-height: 22px;
color: rgb(114, 114, 114);
}
.mojBreadcrumbs a:hover {
color: var(--oranzna);
}
.sredinaKolumna {
text-align: center;
}  .logoDobavitelj {
margin-top: 24px;
}
.pdfIcon {
width: 26px;
height: 27px;
}
.napisPdf {
margin-left: 6px;
margin-top: 2px;
}
.pdfDobavitelji {
margin-left: 0;
margin-right: 0;
margin-top: 14px;
}
.povezaveDobavitelj {
margin-top: 2px;
}
#gumbDokumenti {
display: none;
position: fixed;
bottom: 36px;
left: 14px;
z-index: 99;
border: none;
outline: none;
background-color: rgba(246,169,20,0.9);
color: #3f3f3f;
cursor: pointer;
padding: 11px 15px 11px 15px;
border-radius: 26px;
transition: 0.8s;
text-transform: uppercase;
}
#gumbDokumenti:hover {
background-color: rgba(246,169,20,1);
transition: 0.8s;
}
.katalogiMobilno {
display: none;
position: fixed;
bottom: 0;
background-color: var(--modra);
padding: 10px;
width: 100%;
max-height: 80%;
z-index: 200;
overflow: scroll;
}
.gumbZapri {
text-align: right;
width: 40%;
margin-top: 12px;
}
.logoZapri {
width: 100%;
display: flex;
flex-wrap: wrap;
}
#zapri {
border: none;
outline: none;
cursor: pointer;
transition: 0.8s;
background-color: transparent;
color: #fff;
}
.slikaZapri {
width: 24px;
}
.vsebinaDobavitelj ul {
list-style: none;
padding-left: 10px;
}
.vsebinaDobavitelj ul li::before {
position: relative;
top: 0;
left: 0;
z-index: 0;
content: "\f0da";
font-family: 'FontAwesome';
color: var(--oranzna);
padding-right: 6px;
}
.okvirProdajni {
border-style: solid;
padding: 2px 6px 2px 6px;
float: left;
margin: 2px;
border-radius: 6px;
border-width: 2px;
}  .vsiDobavitelji {
width: 100%;
}
.dobaviteljProdaja {
margin-top: 20px;
margin-bottom: 10px;
width: 49%;
}
.slikeProgram {
width: 29.3%;
margin: 2%;
float: left;
border-radius: 10px;
box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.povezavaProdajni {
text-align: center;
margin-bottom: 26px;
}
.povezavaProdajni .naslovProdajni p {
color: var(--modra);
transition: 0.8s;
}
.povezavaProdajni:hover .naslovProdajni p {
color: var(--oranzna);
}
.sencaProdajni {
box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
transition: 0.8s;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.sencaProdajni:hover {
box-shadow: rgba(99, 99, 99, 0.8) 0 2px 8px 0;
}
.slikaProdajni {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.naslovProdajni {
padding: 8px 0 1px 0;
}
.gumbZapriProdajni {
text-align: right;
width: 100%;
margin-top: 12px;
}
.naslovKatalog {
margin-top: 20px;
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: var(--modra);
}  .wpcf7 {
max-width: 100%;
padding-top: 16px;
}
.kontaktniOdmik {
padding-bottom: 16px;
}
.form-group, .wpcf7 .wpcf7-form p {
margin-bottom: 0;
}
.wpcf7-list-item-label a {
font-weight: 400;
}
.btn-outline-primary.disabled, .wpcf7 input.disabled[type="submit"], .btn-outline-primary:disabled, .wpcf7 input[type="submit"] {
color: #ffffff;
background-color: var(--oranzna);
border: none;
padding: 8px 14px 14px 15px;
border-radius: 12px;
transition: 0.8s;
font-weight: 700;
border-color: var(--oranzna);
}
.btn-outline-primary.disabled, .wpcf7 input.disabled[type="submit"], .btn-outline-primary:disabled, .wpcf7 input[type="submit"]:hover {
color: var(--modra);
background-color: rgba(246,169,20,0.6);
border-color: rgba(246,169,20,0.8);
}
.btn-outline-primary.disabled, .wpcf7 input.disabled[type="submit"], .btn-outline-primary:disabled, .wpcf7 input[type="submit"]:disabled {
color: #ffffff;
background-color: var(--oranzna);
border: none;
padding: 8px 14px 14px 15px;
border-radius: 12px;
transition: 0.8s;
font-weight: 700;
}
.btn.disabled, .wpcf7 input.disabled[type="submit"], .btn:disabled, .wpcf7 input[type="submit"]:disabled {
opacity: 0.7;
}
.gumbCookies {
background: var(--oranzna) !important;
}  .schneiderNaslov {
margin-bottom: 40px;
}
.povezavaKvadratek {
text-align: center;
margin-bottom: 26px;
}
.slikaNivo {
margin: 14px;
width: 200px;
}
.sencaKvadratek {
box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
transition: 0.8s;
}
.sencaKvadratek:hover {
box-shadow: rgba(99, 99, 99, 0.8) 0 2px 8px 0;
}
.naslovNivoja {
padding: 8px;
}
.povezavaKvadratek .naslovNivoja p {
color: var(--modra);
transition: 0.8s;
}
.povezavaKvadratek:hover .naslovNivoja p {
color: var(--oranzna);
}
.produktNaslovOdmik {
margin-bottom: 40px;
}
.slikaSredina {
text-align: center;
}
.odmikBread {
margin-bottom: 20px;
}
.menuObStrani {
position: fixed;
top: 30%;
font-family: 'Rubik', sans-serif;
font-size: 16px;
font-weight: 400;
display: flex;
margin-left: -402px;
background-color: var(--eltehmodra);
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
cursor: pointer;
height: 430px;
overflow-y: hidden;
z-index: 100;
}
.gumbKategorije {
padding: 100px 14px 100px 18px;
text-transform: uppercase;
font-family: 'Rubik', sans-serif;
font-size: 20px;
font-weight: 700;
color: #fff;
letter-spacing: 6px;
float: left;
text-align: center;
border-left: 1px #fff solid;
}
.glavneKategorije {
float: left;
padding: 20px 10px 20px 14px;
width: 400px;
max-width: 400px;
overflow-y: scroll;
}
.glavneKategorije::-webkit-scrollbar {
width: 11px;
}
.glavneKategorije::-webkit-scrollbar-track {
background: #CFD8DC;
}
.glavneKategorije::-webkit-scrollbar-thumb {
background-color: var(--eltehmodra);
border-radius: 6px;
border: 3px solid #CFD8DC;
}
.glavneKategorije p {
color: #fff;
font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 18px;
}
.glavneKategorije ul {
list-style-type: none;
margin-bottom: 16px;
margin-left: -30px;
}
.glavneKategorije a {
color: #fff;
}
.glavneKategorije a:hover {
color: var(--oranzna);
}
.glavneKategorije h3 {
color: #fff;
}
.gumbKategorijeMobilno {
text-transform: uppercase;
font-family: 'Rubik', sans-serif;
font-size: 20px;
font-weight: 700;
color: #fff;
text-align: center;
padding-top: 4px;
padding-bottom: 2px;
position: fixed;
bottom: 0;
background-color: var(--eltehmodra);
border-top-right-radius: 10px;
border-top-left-radius: 10px;
width: 100%;
z-index: 8;
box-shadow: rgba(0, 0, 0, 0.35) 0 5px 16px;
}
.menuSpodaj {
display: none;
}
.glavneKategorijeMobilno {
padding: 10px;
position: fixed;
background-color: var(--eltehmodra);
bottom: 46px;
right: 4px;
border-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
max-width: 94%;
z-index: 100;
margin-right: -400px;
max-height: 70vh;
overflow: scroll;
}
.glavneKategorijeMobilno a {
color: #fff;
}
.glavneKategorijeMobilno a:hover {
color: var(--oranzna);
}
.glavneKategorijeMobilno p {
color: #fff;
font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 18px;
margin-bottom: 10px;
}
.glavneKategorijeMobilno ul {
list-style-type: none;
margin-left: -30px;
}
.podkategorija {
margin-left: 10px;
}
:root {
--color-primary: #f6a914;
--color-secondary: #f6a914;
--color-white: #fff;
--color-black: #000;
--color-light-gray: #e9ebea;
--transition-time: 0.4s;
}
.budseason-product-categories-sidebar {
max-width: 400px;
}
.budseason-product-categories-sidebar ul {
padding-left: 0;
margin: 6px 0;
list-style: none;
}
.budseason-product-categories-sidebar .budesason-parent-link-holder {
display: flex;
align-items: center;
}
.budseason-product-categories-sidebar ul li {
list-style-image: none;
}
.budseason-product-categories-sidebar ul li a {
display: flex;
flex: 1 1;
position: relative;
align-items: center;
color: #fff;
transition: var(--transition-time);
}
.budseason-product-categories-sidebar ul li a:hover {
color: var(--color-primary);
}
.budseason-sidebar-menu-next {
padding: 0 10px;
font-size: 20px;
font-weight: bold;
cursor: pointer;
transition: all var(--transition-time);
color: #fff;
}
.parent-active-change .budseason-sidebar-menu-next {
transform: rotate(-90deg);
}
.budseason-category-submenu {
display: none;
}
.budseason-category-submenu li {
padding-left: 18px;
font-weight: normal;
}
.budseason-category-submenu.parent-active-change {
display: block;
}
.budseason-parent-0 {
margin-bottom: 0;
transition: var(--transition-time);
}
.budseason-parent-0.parent-active-change {
font-weight: bold;
margin-bottom: 12px;
}
.elementor .budseason-product-categories-sidebar .budseason-sidebar-icon-holder {
width: 40px;
text-align: left;
}
.elementor .budseason-product-categories-sidebar img {
width: auto;
height: 25px;
}
.budseason-product-categories-sidebar ul li.budseason-subcategory {
display: none;
}
.budseason-product-categories-sidebar ul li.budseason-subcategory.show-sub-links {
display: flex;
}
.budseason-product-categories-sidebar ul li.budseason-subcategory {
background-color: var(--color-light-gray);
}
.budseason-product-categories-sidebar ul li.budseason-subcategory a {
padding: 8px  12px 8px 50px;
}
.budseason-product-categories-sidebar .budseason-active-cat a {
color: var(--color-primary);
}
.budseason-product-categories-sidebar ul li.budseason-subcategory a::after {
content: none;
}
.budseason-product-categories-sidebar .budseason-toogle-sidemenu-mobile {
display: flex;
justify-content: space-between;
align-items: center;
padding: 4px 8px 4px 14px;
margin-bottom: 30px;
border-radius: 7px;
font-weight: bold;
text-transform: uppercase;
background-color: var(--color-primary);
cursor: pointer;
transition: all var(--transition-time);
}
.budseason-product-categories-sidebar .budseason-toogle-sidemenu-mobile p {
margin-bottom: 0 !important;
}
.budseason-product-categories-sidebar .budseason-toogle-sidemenu-mobile.active-filter {
}
.budseason-product-categories-sidebar .budseason-toogle-sidemenu-mobile img.budseason-down-icon  {
margin: 0;
width: 16px;
height: 16px;
transition: all var(--transition-time);
}
.budseason-product-categories-sidebar .budseason-toogle-sidemenu-mobile .budseason-down-icon {
transform: rotate(180deg);
}
.budseason-product-categories-sidebar .budseason-toogle-sidemenu-mobile.active-filter .budseason-down-icon {
transform: rotate(0deg);
}
.budseason-product-categories-sidebar .budseason-toogle-sidemenu-mobile {
display: none;
}  @media (max-width: 1610px) {
.menuObStrani {
top: 20%;
}
}
@media (max-width: 1380px) {
.menuObStrani {
top: 15%;
}
.dobavitelj:nth-child(n+1) {
width: 25%;
}
.dobavitelj:nth-child(5) {
width: 37.5%;
padding: 20px 3.2% 20px 13.5%;
}
.dobavitelj:nth-child(7) {
width: 37.5%;
padding: 20px 13.5% 20px 3.2%;
}
.dobavitelj:nth-child(11) {
width: 25%;
padding: 20px 3.2% 20px 3.2%;
}
.dobavitelj:nth-child(12) {
width: 37.5%;
padding: 20px 3.2% 20px 13.5%;
}
.dobavitelj:nth-child(14) {
width: 37.5%;
padding: 20px 13.5% 20px 3.2%;
}
.dobavitelj:nth-child(18) {
width: 25%;
padding: 20px 3.2% 20px 3.2%;
}
.dobavitelj:nth-child(19) {
width: 37.5%;
padding: 20px 3.2% 20px 13.5%;
}
.dobavitelj:nth-child(21) {
width: 37.5%;
padding: 20px 13.5% 20px 3.2%;
}
.dobavitelj:nth-child(22) {
width: 25%;
padding: 20px 3.2% 20px 3.2%;
}
.dobavitelj:nth-child(26) {
width: 37.5%;
padding: 20px 3.2% 20px 13.5%;
}
.dobavitelj:nth-child(28) {
width: 37.5%;
padding: 20px 13.5% 20px 3.2%;
}
.dobavitelj:nth-child(29) {
width: 25%;
padding: 20px 3.2% 20px 3.2%;
}
.dobavitelj:nth-child(33) {
width: 37.5%;
padding: 20px 3.2% 20px 13.5%;
}
.dobavitelj:nth-child(35) {
width: 37.5%;
padding: 20px 13.5% 20px 3.2%;
}
.dobavitelj:nth-child(40) {
width: 37.5%;
padding: 20px 3.2% 20px 13.5%;
}
.dobavitelj:nth-child(42) {
width: 37.5%;
padding: 20px 13.5% 20px 3.2%;
}
.dobavitelj:nth-child(44) {
width: 25%;
padding: 20px 3.2% 20px 3.2%;
}
}
@media (max-width: 1200px) {
.polovicaContainer {
width: 468px;
}
.slikaNivo {
width: 150px;
}
}
@media (max-width: 992px) {
.menuNaslov2 {
margin-top: 0;
margin-left: 0;
margin-bottom: 0;
}
.menuNaslov2 a {
font-size: 16px;
}
.neMobilno {
display: none;
}
#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
margin-top: 13px;
}
#main-nav {
height: 60px !important;
}
.sirinaLogo {
max-width: 98px !important;
}
.kvadrataPodSlider {
margin-top: 25px;
}
.odmikDrugi {
margin-top: 25px;
}
.polovicaContainer {
width: 80%;
float: none;
padding-right: 0;
margin: 0 auto;
}
.sencaLevoGor {
border-bottom-left-radius: 0;
border-top-right-radius: 6px;
}
.sencaDesnoGor {
border-top-right-radius: 0;
border-bottom-left-radius: 6px;
}
}
@media (max-width: 768px) {
h1 {
font-size: 26px;
line-height: 32px;
}
h2 {
font-size: 22px;
line-height: 28px;
}
h3 {
font-size: 20px;
line-height: 26px;
}
.naslovKatalog {
color: #fff;
}
.slikeProgram {
width: 46%;
}
.wpml-ls-legacy-dropdown {
width: 112px;
}
.dobavitelj:nth-child(n+1) {
width: 50%;
padding: 20px 9% 20px 9%;
}
.menuOverlayBg {
display: none;
position: fixed;
top: 0;
right: 0;
width: 500vh;
height: 100vh;
background-color: rgba(0,0,0,0.25);
z-index: 10;
}
.menuSpodaj {
display: block;
}
.menuObStrani {
display: none;
}
.slikaNivo {
width: 100px;
}
#gumbGor {
right: 14px;
bottom: 36px;
}
#gumbDokumenti {
display: block;
}
.naslovPodstran {
padding-top: 32px;
}
.navbar {
padding: 2px 12px 0 12px;
}
.facebookZgoraj span {
display: none;
}
.napisTel {
display: none;
}
.iconTel {
display: block;
}
.navbar-brand {
padding-top: 0;
}
.stranskoDobavitelj {
display: none;
}
.polovicaContainer {
width: 90%;
}
.slikaMobilno {
padding-left: 0;
padding-right: 0;
}
.senca {
border-radius: 0;
box-shadow: none;
}
.sencaLevoGor {
border-top-left-radius: 0;
border-top-right-radius: 0;
box-shadow: none;
}
.sencaDesnoGor {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
box-shadow: none;
}
.sencaBrezRadius {
box-shadow: none;
}
}