/* General */
/* p {text-align: justify;} */

/* Off canvas */
.uk-offcanvas-bar .uk-nav .uk-nav-sub a img {display: none;}

/* Fix za video close dugme */
.uk-transition-slide-top { --uk-translate-y: 0%; }

/* Description list modifier */
.uk-description-list > dt { color: inherit; font-size: 18px; }
.uk-description-list-divider > dt:nth-child(n+2) { margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, .2); }

/* Modal modifier */
.uk-modal-header { padding: 10px 20px; background: #be3d2c; color: #fff; }
.uk-modal-title { font-size: 22px; color: #fff; text-transform: uppercase; padding: 15px 20px; }
.uk-close { color: #a2a2a2; }
.uk-modal-close-full { color: #a2a2a2; }
.uk-modal-body h4 { margin-top: 0; }

@media (min-width: 640px) {
  .uk-modal-body { padding: 30px; }
}

/* Widgetkit */
.studije-slucaja .uk-subnav { margin-bottom: 40px; }
.studije-slucaja h4 {margin-top: 25px; margin-bottom: 15px; }

/* Toolbar */
.tm-toolbar .uk-subnav > * >:first-child { font-size: 14px; font-weight: 700; text-transform: none; color: rgba(255, 255, 255, .75); }
.tm-toolbar-default .uk-subnav-divider >:nth-child(n+2):not(.uk-first-column)::before { border-left-color: rgba(255, 255, 255, .4); }
.uk-subnav-divider >:nth-child(n+2):not(.uk-first-column)::before { border-left-color: #e5e5e5; }
.uk-subnav-divider >::before { content: ""; height: 1.5em; margin-left: 5px; margin-right: 25px; border-left: 1px solid transparent; }
.tm-toolbar-default .uk-subnav > * > a:hover { color: rgba(255, 255, 255, 1);}

/* Toolbar left */
.tm-toolbar .logo-tehnolift { height: 25px; width: 126px; }
.tm-toolbar .logo-bbelektronik { height: 27px; width: 149px; }

/* Toolbar right */
.tm-toolbar .de-info .el-item .uk-icon {width: 18px; height: 18px; padding-right: 5px;}
.tm-toolbar .de-info .el-item .el-content { font-size: 11px; line-height: 14px; }

/* Icons custom color */
.proizvodni-kapaciteti img { filter: brightness(0) invert(1); }

/* Prikaz proizvoda na kategorijalnim stranicama */
.de-grid .uk-card-secondary { --uk-inverse: dark; background-color: #ffffff; color: #333; box-shadow: 1px 2px 15px 10px rgba(182, 182, 182, .15); }
.de-icon { display: inline-flex; vertical-align: middle; }
.de-icon:before { display: inline-block; content: ' '; background-size: 20px 18px; height: 24px; width: 30px;  background-repeat: no-repeat; background-position-y: 0; background-position-x: 0; }
.de-icon.battery:before { background-image: url(/templates/yootheme_ep/icons/battery.svg); }
.de-icon.height:before { background-image: url(/templates/yootheme_ep/icons/height.svg); }
.de-icon.weight:before { background-image: url(/templates/yootheme_ep/icons/weight.svg); }

/* Offcanvas Menu modifier */
html.uk-offcanvas-page .uk-offcanvas-container.uk-offcanvas-flip .logo-tehnolift { height: 32px; width: 160px; }
@media (min-width: 1200px) {
.uk-drop.uk-navbar-dropdown .el-link.uk-link-heading { font-size: 16px; line-height: 1.4; text-transform: uppercase; }
}
@media (max-width: 1199px) {
/*  html.uk-offcanvas-page .uk-offcanvas-container.uk-offcanvas-flip .uk-panel .uk-nav.uk-nav-default img {display: none;} */
}

/* Slideshow */
.de-slideshow .uk-margin-small-top {}
.de-slideshow .el-title {}
.de-slideshow .el-meta {text-transform: uppercase; }
.de-slideshow .el-content {text-transform: uppercase;}
.de-slideshow.no .el-content {text-transform: none;}
.de-slideshow .el-link.uk-button.uk-button-primary {}

@media (max-width: 959px) {
.de-slideshow .uk-margin-small-top { margin-top: 5px !important; }
.de-slideshow .el-title {font-size: 28px;}
.de-slideshow .el-meta {font-size: 15px;}
.de-slideshow .el-content {font-size: 12px;}
.de-slideshow .el-link.uk-button.uk-button-primary { line-height: 20px; padding: 10px 23px; }
}

/* Web to lead form */
.de-modal.uk-modal { padding: 0; padding-right: 15px; padding-left: 15px; }
.de-modal .uk-modal-header .uk-modal-title { padding-bottom: 0px; margin-bottom: 0px; }
.de-modal .info-text { font-size: 14px; font-weight: bold; margin-bottom: 20px; }
.de-modal .uk-close { color: #f5f5f5; }
.de-modal .uk-close:hover { color: #fff; }
.de-modal .crm-form .uk-grid-small .uk-grid-margin { margin-top: 20px; }
.de-modal .crm-form [class*="uk-inline"] { display: block; }
.de-modal .crm-form { font-size: 15px; font-weight: 500; }
.de-modal .crm-form .uk-form-icon { width: 40px; display: inline-flex; color: #c4c4c4; }
.de-modal .crm-form .uk-icon-button { width: 40px; height: 40px; border-radius: 3px; background: #fbfbfb; color: #bfbfbf; vertical-align: middle; display: inline-flex; border: 1px solid #eaeaea; }
.de-modal .crm-form .uk-form-icon:not(.uk-form-icon-flip) ~ .form-control:where(input) { padding-left: 50px !important; }
.de-modal .crm-form .uk-button-large { font-size: 15px; padding: 0 60px; line-height: 50px; }
.de-modal .crm-form .uk-form-stacked label { display: block; }
.de-modal .crm-form .el-image { border: 1px solid #eaeaea; float: right; }

/* Web to lead form - Success message */
.de-modal .de-alert-success { position: relative; margin-bottom: 20px; padding: 25px 45px 25px 45px; background: #ffffff; color: #0f7518; }
.de-modal .de-alert-success h3 { color: #0f7518; font-size: 30px; text-align: center; }
.de-modal .de-alert-success p { font-size: 16px; font-weight: 700; text-align: center; }
.de-modal .de-alert-success span { font-size: 20px; font-weight: 700; text-align: center; }
.de-modal .de-alert-success a { color: #0f7518; font-size: 20px; font-weight: 700; text-align: center; }

@media (min-width: 960px) {
.de-modal .uk-container { padding-left: 0px; padding-right: 0px; }
}
@media (min-width: 640px) {
.de-modal.uk-modal { padding: 0; padding-right: 30px; padding-left: 30px; }
/*.de-modal .crm-form .el-image { border: 1px solid #eaeaea; display: none; }*/
}