:root {
    /*========== Colors ==========*/
    --color-primary: #231f20;
    --color-secondary: #b38a30;
    --color-text: #231f20;
    --color-gray: #ececec;
    --color-white: #fff;
    --color-black: #000;
    --color-border: #d3d3d3;
    --color-red: #ED1A51;
    --color-green: #007835;

    /*========== Font and typography ==========*/
    --h1-font-size: 7rem;
    --h2-font-size: 5rem;
    --h3-font-size: 4rem;
    --h4-font-size: 2rem;
    --h5-font-size: 1.8rem;
    --normal-font-size: 1.6rem;
    --small-font-size: 1.4rem;
    --smaller-font-size: 1.2rem;
  
    /*========== Font weight ==========*/
    --light-font-weight: 300;
    --normal-font-weight: 400;
    --medium-font-weight: 500;
    --semi-bold-font-weight: 600;
    --bold-font-weight: 700;
  
    /*========== Line height ==========*/
    --line-height-big: 2em;
    --line-height-normal: 1.75em;
    --line-height-small: 1.5em;
    --line-height-smaller: 1.33em;
} 
  
    /*=============== BASE ===============*/
    * {
        padding: 0;
        margin: 0;
    }

    /*=============== BASE ===============*/
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-top: 0;
}

.elementor-text-editor p:last-of-type,
.elementor-widget-container p:last-of-type {
    margin-bottom: 0;
}


/****
Footer
****/

/*Copyright Footer*/
.webtim-copyright--container .divider {
    margin: 0 5px !important;
}


/*Icon Box Tooltip*/
.cepic-umek-icon-box-tooltip {
    width: 20% !important;
}
.cepic-umek-icon-box-tooltip p {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;

    background-color: var(--color-primary);
    bottom: 46px;
    border-radius: 2px;
    color: var(--color-white);
    position: absolute;
    width: 100%;
    padding: 10px 35px;
}
.cepic-umek-icon-box-tooltip .elementor-image-box-content:hover p {
    visibility: visible;
    opacity: 1;
}
.cepic-umek-icon-box-tooltip h3.elementor-image-box-title {
    transition: all .5s;
}

/*Prednosti Pisarne*/
.cepic-umek-prednosti {
    max-width: 390px;
    width: 100%;
}

/****
Single Odvetnik Page
****/
/*Opis Prva črka*/
.cepic-umek-odvetnik-page-first-letter::first-letter {
    float: left;
    font-size: var(--h2-font-size);
    line-height: 0.65;
    margin: 0.2em 0.2em 0 0;
    font-weight: bold;
}

.cepic-umek-odvetnik-kontakt .contact-title {
    width: 195px;
}

/****
Header
****/
#sticky_header,
#sticky_header_mob {
    display: none;
    width: 100% !important;
}
.cepic-umek-header-nav-menu .elementor-sub-item {
    border: 0 !important;
}
.cepic-umek-header-nav-menu .current-menu-parent a.has-submenu,
.cepic-umek-header-nav-menu nav>ul>li.current_page_parent>a {
    color: var(--color-secondary) !important;
}
/****
Področje Dela (Template)
****/
.cepic-umek-podrocje-dela-col .elementor-widget-wrap {
    max-width: 390px;
    margin: 0 auto;
}
.cepic-umek-podrocja-dela-ozadje,
.cepic-umek-podrocja-dela-ozadje .background,
.cepic-umek-podrocja-dela-ozadje .elementor-widget-container {
    height: 100% !important;
}
.cepic-umek-podrocja-dela-ozadje {
    position: absolute !important;
}
.cepic-umek-podrocja-dela-ozadje .background {
    background: var(--color-gray);
    border-radius: 5px;
    width: 98%;
    transition: all .5s;
    position: absolute;
    left: 1%;
}
.cepic-umek-podrocje-dela-col:hover .background {
    background-color: var(--color-secondary);
}
.cepic-umek-podrocje-dela-col:hover .cepic-umek-podrocje-dela-border .elementor-divider-separator {
    border-color: var(--color-black) !important;
}
.cepic-umek-podrocje-dela-col:hover p,
.cepic-umek-podrocje-dela-col:hover h4 {
    color: var(--color-white);
}

/****
Single Blog Post (Template)
****/
.cepic-umek-single-blog-post:hover .cepic-umek-single-blog-post-image img {
    transform: scale(1.1);
}
.cepic-umek-single-blog-post-image img {
    transition: all .2s ease-in-out
}
.cepic-umek-single-blog-post-image .elementor-widget-container {
    overflow: hidden;
}
/*Blog page Seperator*/
.cepic-umek-blog-divider-seperator .elementor-divider {
    justify-content: flex-end;
}

/*Single Blog page*/
.cepic-umek-blog-inner-section .elementor-container {
    margin-left: 0 !important;
}
.cepic-umek-post-content div {
    margin-bottom: 20px;
}
.cepic-umek-post-content h1,
.cepic-umek-post-content h2,
.cepic-umek-post-content h3,
.cepic-umek-post-content h4 {
    font-size: 2.4rem !important;
    line-height: 32px;
    margin-bottom: 10px;
} 
.cepic-umek-post-content ul a{
    list-style-type: circle;
}
.cepic-umek-post-content ul {
    margin: 0.5em 1.2em;
}

/****
Subpages
****/


/****
Contact Form / Kontaktni obrazec / Kontakt
****/
.cepic-umek-contact-form input,
.cepic-umek-contact-form textarea {
    border: 1px solid var(--color-border) !important;
    width: 100%;
}
.cepic-umek-contact-form input {
    margin-bottom: 15px;
}
.cepic-umek-contact-form .wpcf7-submit {
    margin-bottom: 0;
}
.cepic-umek-contact-form .form-txt {
    margin: 12px 0px;
}
.cepic-umek-contact-form .form-txt,
.cepic-umek-contact-form .form-txt a {
    font-size: 1.2rem;
    color: var(--color-primary);
    line-height: var(--line-height-normal);
}
.cepic-umek-contact-form .form-txt a {
    text-decoration: underline;
}
.cepic-umek-contact-form .wpcf7-submit {
    background-color: var(--color-secondary) !important;
    color: var(--color-white) !important;
    font-weight: normal !important;
    border-color: var(--color-secondary) !important;
}
.cepic-umek-contact-form .wpcf7-submit:hover {
    background-color: var(--color-white) !important;
    color: var(--color-secondary) !important;
}

/*CF7 Form Messages*/
.wpcf7-not-valid-tip {
    display: none;
}
.cepic-umek-contact-form .wpcf7-not-valid {
    border: 2px solid var(--color-red) !important;
}

/*Splošni pogoji poslovanja*/
.cepic-umek-pogoji-poslovanja ul {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 1.2em;
}

/****
Subpages Področja dela active
****/

/*Kazensko pravo*/
.kazensko-pravo .cepic-umek-podrocje-dela-col.kazensko-pravo .cepic-umek-podrocja-dela-ozadje .background,
/*Upravno pravo*/
.upravno-pravo .cepic-umek-podrocje-dela-col.upravno-pravo .cepic-umek-podrocja-dela-ozadje .background,
/*Gospodarsko pravo*/
.gospodarsko-pravo .cepic-umek-podrocje-dela-col.gospodarsko-pravo .cepic-umek-podrocja-dela-ozadje .background,
/*Civilno Pravo*/
.civilno-pravo .cepic-umek-podrocje-dela-col.civilno-pravo .cepic-umek-podrocja-dela-ozadje .background,
/*Odškodninsko in zavarovalno pravo*/
.odskodninsko-in-zavarovalno-pravo .cepic-umek-podrocje-dela-col.odskodninsko-in-zavarovalno-pravo .cepic-umek-podrocja-dela-ozadje .background,
/*Delovno pravo in pravo socialne varnosti*/
.delovno-pravo-in-pravo-socialne-varnosti .cepic-umek-podrocje-dela-col.delovno-pravo-in-pravo-socialne-varnosti .cepic-umek-podrocja-dela-ozadje .background,
/*Družinsko in dedno pravo*/
.druzinsko-in-dedno-pravo .cepic-umek-podrocje-dela-col.druzinsko-in-dedno-pravo .cepic-umek-podrocja-dela-ozadje .background,
/*Nepremičninsko in gradbeno pravo*/
.nepremicninsko-in-gradbeno-pravo .cepic-umek-podrocje-dela-col.nepremicninsko-in-gradbeno-pravo .cepic-umek-podrocja-dela-ozadje .background {
    background-color: var(--color-secondary) !important;
}

/*Kazensko pravo*/
.kazensko-pravo .cepic-umek-podrocje-dela-col.kazensko-pravo .elementor-divider-separator,
/*Upravno pravo*/
.upravno-pravo .cepic-umek-podrocje-dela-col.upravno-pravo .elementor-divider-separator,
/*Gospodarsko pravo*/
.gospodarsko-pravo .cepic-umek-podrocje-dela-col.gospodarsko-pravo .elementor-divider-separator,
/*Civilno Pravo*/
.civilno-pravo .cepic-umek-podrocje-dela-col.civilno-pravo .elementor-divider-separator,
/*Odškodninsko in zavarovalno pravo*/
.odskodninsko-in-zavarovalno-pravo .cepic-umek-podrocje-dela-col.odskodninsko-in-zavarovalno-pravo .elementor-divider-separator,
/*Delovno pravo in pravo socialne varnosti*/
.delovno-pravo-in-pravo-socialne-varnosti .cepic-umek-podrocje-dela-col.delovno-pravo-in-pravo-socialne-varnosti .elementor-divider-separator,
/*Družinsko in dedno pravo*/
.druzinsko-in-dedno-pravo .cepic-umek-podrocje-dela-col.druzinsko-in-dedno-pravo .elementor-divider-separator,
/*Nepremičninsko in gradbeno pravo*/
.nepremicninsko-in-gradbeno-pravo .cepic-umek-podrocje-dela-col.nepremicninsko-in-gradbeno-pravo .elementor-divider-separator {
    border-color: var(--color-black) !important;
}


/*Nepremičninsko in gradbeno pravo*/
.nepremicninsko-in-gradbeno-pravo .cepic-umek-podrocje-dela-col.nepremicninsko-in-gradbeno-pravo p,
.nepremicninsko-in-gradbeno-pravo .cepic-umek-podrocje-dela-col.nepremicninsko-in-gradbeno-pravo h4,
/*Družinsko in dedno pravo*/
.druzinsko-in-dedno-pravo .cepic-umek-podrocje-dela-col.druzinsko-in-dedno-pravo p,
.druzinsko-in-dedno-pravo .cepic-umek-podrocje-dela-col.druzinsko-in-dedno-pravo h4,
/*Delovno pravo in pravo socialne varnosti*/
.delovno-pravo-in-pravo-socialne-varnosti .cepic-umek-podrocje-dela-col.delovno-pravo-in-pravo-socialne-varnosti p,
.delovno-pravo-in-pravo-socialne-varnosti .cepic-umek-podrocje-dela-col.delovno-pravo-in-pravo-socialne-varnosti h4,
/*Odškodninsko in zavarovalno pravo*/
.odskodninsko-in-zavarovalno-pravo .cepic-umek-podrocje-dela-col.odskodninsko-in-zavarovalno-pravo p,
.odskodninsko-in-zavarovalno-pravo .cepic-umek-podrocje-dela-col.odskodninsko-in-zavarovalno-pravo h4,
/*Civilno Pravo*/
.civilno-pravo .cepic-umek-podrocje-dela-col.civilno-pravo p,
.civilno-pravo .cepic-umek-podrocje-dela-col.civilno-pravo h4,
/*Gospodarsko pravo*/
.gospodarsko-pravo .cepic-umek-podrocje-dela-col.gospodarsko-pravo p,
.gospodarsko-pravo .cepic-umek-podrocje-dela-col.gospodarsko-pravo h4,
/*Upravno pravo*/
.upravno-pravo .cepic-umek-podrocje-dela-col.upravno-pravo p,
.upravno-pravo .cepic-umek-podrocje-dela-col.upravno-pravo h4,
/*Kazensko pravo*/
.kazensko-pravo .cepic-umek-podrocje-dela-col.kazensko-pravo p,
.kazensko-pravo .cepic-umek-podrocje-dela-col.kazensko-pravo h4 {
    color: var(--color-white);
}


/*Kazensko pravo*/
.kazensko-pravo .hide-subpages,
/*Upravno pravo*/
.upravno-pravo .hide-subpages,
/*Gospodarsko pravo*/
.gospodarsko-pravo .hide-subpages,
/*Civilno Pravo*/
.civilno-pravo .hide-subpages,
/*Odškodninsko in zavarovalno pravo*/
.odskodninsko-in-zavarovalno-pravo .hide-subpages,
/*Delovno pravo in pravo socialne varnosti*/
.delovno-pravo-in-pravo-socialne-varnosti .hide-subpages,
/*Družinsko in dedno pravo*/
.druzinsko-in-dedno-pravo .hide-subpages,
/*Nepremičninsko in gradbeno pravo*/
.nepremicninsko-in-gradbeno-pravo .hide-subpages {
    display: none;
}

@media only screen and (min-width: 1416px) {
    .top-bar-nujne-zadeve {
        display: none;
    }
}

@media only screen and (max-width: 1415px) {
    .header-hidden-col {
        display: none !important;
    }
    .col-logo {
        width: 25% !important;
    }
    .col-menu {
        width: 75% !important;
    }
    .col-menu .elementor-widget-wrap {
        justify-content: flex-end !important;
    }
    .section-header-main {
        margin-bottom: -193px !important;
    }
}

@media screen and (min-device-width: 1024px) and (max-device-width: 1073px) { 
    .cepic-umek-header-nav-menu nav>ul>li>a {
        font-size: 1.2rem !important;
    }
}

@media only screen and (max-width: 1024px) {
    .cepic-umek-icon-box-tooltip p {
        width: 100%;
        max-width: 100%;
        left: 0;
    }
    .cepic-umek-icon-box-tooltip {
        width: 100% !important;
    }
    .cepic-umek-pogoji-poslovanja h2 {
        font-size: 1.6rem !important;
        line-height: var(--line-height-small);
    }
    .cepic-umek-icon-box-tooltip .elementor-image-box-description {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    /*Subpages Heading / Banner*/
    .cepic-umek-main-banner-subtitle span {
        display: block;
    }
    /*Področje dela columns*/
    .cepic-umek-podrocje-dela-col .elementor-widget-wrap {
        max-width: 100%;
    }
    .cepic-umek-podrocja-dela-ozadje .background {
        width: 100%;
        left: 0;
    }
    /*Blog post titles*/
    .cepic-umek-post-content h1,
    .cepic-umek-post-content h2,
    .cepic-umek-post-content h3,
    .cepic-umek-post-content h4 {
        font-size: 1.8rem !important;
    } 
    /*Footer Nav Menu*/
    .cepic-umek-footer-nav-menu ul {
        flex-direction: column !important;
    }
    /*Absolute Footer // Copyright Footer*/
    .author__wrapper {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-top: 5px;
    }
    .mobile-block {
        display: block;
        margin-top: 5px;
    }
  }

  .cepic-umek-icon-box-tooltip .elementor-image-box-content {
      position: relative;
  }

  .triangle {
    width: 0px;
    height: 0px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #231f20;
    left: calc(0px + 43%);
    bottom: -14px;
    color: var(--color-primary) !important;
    position: absolute !important;
  }

  .cepic-umek-pooblastilo .elementor-icon-list-item a {
      align-items: flex-start !important;
  }

  .hover-black a {
    color: var(--color-secondary) !important;
    transition: .3s;
  }
  .hover-black a:hover {
    color: var(--color-primary) !important;
  }
  .hover-gold a {
    color: var(--color-primary) !important;
    transition: .3s;
  }
  .hover-gold a:hover {
    color: var(--color-secondary) !important;
  } 

  .cookie_button {
    background-color: var(--color-secondary) !important;
    color: var(--color-primary) !important;
    border-radius: 0 !important;
    font-size: 1.2rem !important;
    padding: 3px 8px;
    text-decoration: none;
    border-radius: 2px;
}