/*
Theme Name: MEP
Theme URI: https://github.com/elementor/hello-theme/
Description: MEP is a child theme of Hello Elementor, created by Prospekt
Author: Prospekt
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
.home-hoverbox:hover {
transform: scale(1.2);
background: #000;
}
.home-hoverbox {
transition: all .3s ease-in;
}
.home-hoverbox:hover .elementor-widget-heading > div {
color: #fff!important;
}
/**
*
* ICON MENUS
*
* **/
.icons-menu nav.elementor-nav-menu--main li.menu-item .menu-item-description {
display: block;
color: #6C737F;
font-weight: 400;
font-size: 14px;
}
.icons-menu nav.elementor-nav-menu--main li.menu-item a.elementor-item {
align-items: flex-start;
flex-direction: column;
}
.icons-menu nav.elementor-nav-menu--main li.menu-item {
position: relative;
display: flex;
gap: 12px;
padding-bottom: 16px;
border-bottom: 1px solid #EAEAEA;
}
.icons-menu nav.elementor-nav-menu--main li.menu-item:last-of-type {
border: none;
padding-bottom: 0;
}
.icons-menu nav.elementor-nav-menu--main li.menu-item::before {
content: "";
width: 28px;
height: 28px;
content: "";
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: contain;
}
.icons-menu nav.elementor-nav-menu--main li.menu-item.current_page_item::before {
background-image: url('data:image/svg+xml,');
}
.icons-menu nav.elementor-nav-menu--main li.menu-item.icon-dcim::before {
background-image: url('data:image/svg+xml,');
}
.icons-menu nav.elementor-nav-menu--main li.menu-item.icon-dcim.current_page_item::before {
background-image: url('data:image/svg+xml,');
}
.icons-menu nav.elementor-nav-menu--main li.menu-item.icon-minidata::before {
background-image: url('data:image/svg+xml,');
}
.icons-menu nav.elementor-nav-menu--main li.menu-item.icon-minidata.current_page_item::before {
background-image: url('data:image/svg+xml,');
}
.icons-menu nav.elementor-nav-menu--main li.menu-item.icon-modular::before {
background-image: url('data:image/svg+xml,');
}
.icons-menu nav.elementor-nav-menu--main li.menu-item.icon-modular.current_page_item::before {
background-image: url('data:image/svg+xml,');
}
.icons-menu nav.elementor-nav-menu--main li.menu-item.icon-telekom::before {
background-image: url('data:image/svg+xml,');
}
.icons-menu nav.elementor-nav-menu--main li.menu-item.icon-telekom.current_page_item::before {
background-image: url('data:image/svg+xml,');
}
.icons-menu nav.elementor-nav-menu--main li.menu-item.icon-ups::before {
background-image: url('data:image/svg+xml,');
}
.icons-menu nav.elementor-nav-menu--main li.menu-item.icon-ups.current_page_item::before {
background-image: url('data:image/svg+xml,');
}
.icons-menu nav.elementor-nav-menu--main li.menu-item.icon-invert::before {
background-image: url('data:image/svg+xml,');
}
.icons-menu nav.elementor-nav-menu--main li.menu-item.icon-invert.current_page_item::before {
background-image: url('data:image/svg+xml,');
}
.icons-menu nav.elementor-nav-menu--main li.menu-item.icon-battery::before {
background-image: url('data:image/svg+xml,');
}
.icons-menu nav.elementor-nav-menu--main li.menu-item.icon-battery.current_page_item::before {
background-image: url('data:image/svg+xml,');
}
.icons-menu nav.elementor-nav-menu--main li.menu-item.icon-dea::before {
background-image: url('data:image/svg+xml,');
}
.icons-menu nav.elementor-nav-menu--main li.menu-item.icon-dea.current_page_item::before {
background-image: url('data:image/svg+xml,');
}
.icons-menu nav.elementor-nav-menu--main li.menu-item.icon-klima::before {
background-image: url('data:image/svg+xml,');
}
.icons-menu nav.elementor-nav-menu--main li.menu-item.icon-klima.current_page_item::before {
background-image: url('data:image/svg+xml,');
}
.icons-menu nav.elementor-nav-menu--main li.menu-item.icon-sim::before {
background-image: url('data:image/svg+xml,');
}
.icons-menu nav.elementor-nav-menu--main li.menu-item.icon-sim.current_page_item::before {
background-image: url('data:image/svg+xml,');
}
.icons-menu nav.elementor-nav-menu--main li.menu-item.icon-project::before {
background-image: url('data:image/svg+xml,');
}
.icons-menu nav.elementor-nav-menu--main li.menu-item.icon-project.current_page_item::before {
background-image: url('data:image/svg+xml,');
}
.icons-menu nav.elementor-nav-menu--main li.menu-item.icon-sla::before {
background-image: url('data:image/svg+xml,');
}
.icons-menu nav.elementor-nav-menu--main li.menu-item.icon-sla.current_page_item::before {
background-image: url('data:image/svg+xml,');
}
.icons-menu nav.elementor-nav-menu--main li.menu-item.icon-remote::before {
background-image: url('data:image/svg+xml,');
}
.icons-menu nav.elementor-nav-menu--main li.menu-item.icon-remote.current_page_item::before {
background-image: url('data:image/svg+xml,');
}
.icons-menu nav.elementor-nav-menu--main li.menu-item.icon-rent::before {
background-image: url('data:image/svg+xml,');
}
.icons-menu nav.elementor-nav-menu--main li.menu-item.icon-rent.current_page_item::before {
background-image: url('data:image/svg+xml,');
}
.icons-menu nav.elementor-nav-menu--main li.menu-item.icon-napajanja::before {
background-image: url('data:image/svg+xml,');
}
.icons-menu nav.elementor-nav-menu--main li.menu-item.icon-napajanja.current_page_item::before {
background-image: url('data:image/svg+xml,');
}
.icons-menu nav.elementor-nav-menu--main li.menu-item.icon-tech::before {
background-image: url('data:image/svg+xml,');
}
.icons-menu nav.elementor-nav-menu--main li.menu-item.icon-tech.current_page_item::before {
background-image: url('data:image/svg+xml,');
}
.icons-menu nav.elementor-nav-menu--main li.menu-item.current_page_item > a,
.icons-menu nav.elementor-nav-menu--main li.menu-item:hover > a {
color: #D71920;
}
.mep-megamenu .icons-menu nav.elementor-nav-menu--main li.menu-item {
padding: 0;
border: none;
}
.mep-megamenu .icons-menu nav.elementor-nav-menu--main li.menu-item::before {
width: 24px;
}
.mep-megamenu .icons-menu nav.elementor-nav-menu--main li.menu-item.icon-podatkovni,
.mep-megamenu .icons-menu nav.elementor-nav-menu--main li.menu-item.icon-napajanja,
.mep-megamenu .icons-menu nav.elementor-nav-menu--main li.menu-item.icon-tech {
display: none;
}
#menu-kontakt-btn {
background: #000;
border-radius: 8px;
}
#menu-kontakt-btn a > span {
color: #fff!important;
}
/**
*
* TEXT DECOR
*
*/
.elementor-element.elementor-widget-theme-post-content h2,
.elementor-element.elementor-widget-text-editor h2 {
font-size: 32px;
margin: 40px 0 26px;
color: #000;
}
.elementor-element.elementor-widget-theme-post-content h2:first-child,
.elementor-element.elementor-widget-text-editor h2:first-child {
margin-top: 0;
}
.elementor-element.elementor-widget-theme-post-content h3,
.elementor-element.elementor-widget-text-editor h3 {
font-size: 28px;
color: #000;
}
.elementor-element.elementor-widget-theme-post-content h4,
.elementor-element.elementor-widget-text-editor h4 {
font-size: 24px;
color: #000;
}
.elementor-element.elementor-widget-theme-post-content h5,
.elementor-element.elementor-widget-text-editor h5 {
font-size: 22px;
color: #000;
}
.elementor-element.elementor-widget-theme-post-content h6,
.elementor-element.elementor-widget-text-editor h6 {
font-size: 20px;
color: #000;
text-transform: uppercase;
}
.elementor-element.elementor-widget-theme-post-content ul,
.elementor-element.elementor-widget-theme-post-content ol,
.elementor-element.elementor-widget-text-editor ul,
.elementor-element.elementor-widget-text-editor ol {
margin-bottom: 20px;
padding-left: 20px;
}
.elementor-element.elementor-widget-theme-post-content ul li::marker,
.elementor-element.elementor-widget-text-editor ul li::marker {
color: #D71920;
}
.elementor-element.elementor-widget-theme-post-content blockquote,
.elementor-element.elementor-widget-text-editor blockquote {
border-radius: 8px;
border-left: 5px solid #D71920;
margin-left: 0;
padding: 8px 16px;
font-size: 22px;
line-height: 1.4;
font-weight: 300;
}
.elementor-element.elementor-widget-theme-post-content blockquote > p:last-child,
.elementor-element.elementor-widget-text-editor blockquote > p:last-child{
margin: 0;
}
/**
*
* BLOG GRID
*
*/
/*
#mep-blog-grid .elementor-loop-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}
*/
/**
*
* HOME SLIDER NAV
*
*/
.home-slider .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: auto;
right: -20px;
left: auto;
transform: rotate(90deg);
top: 50%;
}
.home-slider .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
background: #fff;
width: 18px;
height: 18px;
opacity: 1;
position: relative;
transition: all .3s ease-in;
margin-left: 18px;
margin-right: 18px;
}
.home-slider .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet::before {
content: "";
width: 26px;
height: 26px;
border-radius: 50%;
display: block;
border: 1px solid #FFF;
position: absolute;
top: -4px;
right: -4px;
transition: all .3s ease-in;
}
.home-slider .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #D71920;
}
.home-slider .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
border-color: #D71920;
}
@media(max-width: 768px) {
.home-slider .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
transform: rotate(0deg);
top: 90%;
right: 0;
margin: 0 auto;
left: 0;
}
}
/** Novosti Pagination **/
nav.elementor-pagination > .page-numbers {
display: inline-block;
width: 38px;
height: 38px;
padding: 9px 4px;
border: 1px solid #E5E7EB;
border-radius: 8px;
text-align: center;
font-weight: 400;
color: #6C737F !important;
font-size: 16px !important;
}
nav.elementor-pagination > .page-numbers.current,
nav.elementor-pagination > .page-numbers:hover {
color: #000 !important;
border-color: #000;
font-weight: 700;
}