/*
Theme Name: ARZ News Portal
Author: Invictum, www.invictum.hr
Author URI: https://www.invictum.hr
Requires PHP: 7.4
Version: 1.0.36
*/
:root {
    --body-bg: #FFFFFF;
    --body-fg: #000000;
    --header-bg: white;
    --cont-width: 1200px;
    --cont-width2: 1025px;

    --primary-color: #DD1C1A;
    --secondary-color: #003049;

    --navlink-color:  black;
    --navlink-hover-color: var(--primary-color);

    --font-size: 12pt;
    --navfont-size: 12pt;
    --content-size: 1300px;
}


*{box-sizing: border-box;}
html, body{
	margin: 0; 
	padding: 0;
	background-color: var(--body-bg);
	font-size: var(--font-size);
	line-height: 1.5;
    font-family: 'Open Sans', sans-serif;
	color: var(--body-fg);
	color-scheme: light;
	font-weight: 300;
    /*overflow-x: hidden;*/
}

h1, h2, h3, h4{font-family: 'Montserrat', sans-serif;}

.content-size{width: var(--content-size); margin: 0 auto;}
header{background: white; box-shadow: -1px 3px 8px 0px rgba(0,0,0,0.5); position: relative; transition: background-color 0.2s ease-in-out;}
header.fixed-header{position: fixed;top: 0;left: 0;right: 0; z-index: 99;}
.logged-in header.fixed-header{top: 32px;}
body:not(.mobile-menu-opened) header.fixed-header.down{background: transparent; box-shadow: none; }
header.fixed-header.down .nav{display: none;}
.header-els{display: grid; grid-template-columns: 130px auto; grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px;
    grid-template-areas:
    "logo nav"; }
.header-els .logo{grid-area: logo; padding: 10px 10px 10px 0; background-color: rgba(255,255,255,0.8);}
.header-els .nav{grid-area: nav; text-align: right; padding: 10px 0;}
.header-els .mobile-mnu-btn{display: none; }
.header-els .nav nav>div>ul{list-style: none; margin: 0 0 -10px 0; padding: 0; }
.header-els .nav nav>div>ul>li{display: inline-block; margin: 0 10px; position: relative; text-align: left; padding: 8px 0 17px 0;}
.header-els .nav nav>div>ul>li ul{display: none; position: absolute; z-index: 1000; top: 100%; list-style: none; margin: 0; padding: 8px 0; min-width: 200px; max-width: 300px;  box-shadow: 0px 24px 74px -30px rgba(0,0,0,0.64);}
.header-els .nav nav>div>ul>li ul>li{display: block; margin: 0; padding: 5px 0; background-color: white;}
.header-els .nav nav>div>ul>li ul>li>a{display: block; margin: 0; padding: 8px 15px; text-transform: initial; }
.header-els .nav nav>div>ul>li.menu-item-has-children:hover ul{display: block; }
/*.header-els .nav nav>div>ul>li.menu-item-has-children::after{content: "\f078"; font-family: "Font Awesome 6 Pro"; font-size: 12px; }*/
.header-els .nav nav>div>ul>li.menu-item-has-children::after{display: inline-block; content:"";  width: 12px; height: 13px; background-image: url(img/icons/menu-arrow.svg); /*background-size: contain;*/ background-position: center; background-repeat: no-repeat; vertical-align: middle;}

.header-els .nav nav a{font-weight: 500; font-size: 13px; color: var(--navlink-color); text-decoration: none; text-transform: uppercase; }
.header-els .nav nav li:hover>a{color: var(--navlink-hover-color); background-color: #F9F9F9; }
header .logo a, header .logo a img{display: block;}

footer{background-color: black; text-align: center; color: white; margin-top: 50px; font-size: 12px; position: relative;}
footer .content-size{padding: 20px 0; }
footer .nav ul{list-style: none; margin: 0; padding: 0; }
footer .nav ul li{display: inline-block; margin: 0 10px; }
footer .nav ul li a{color: white; text-decoration: none; text-transform: uppercase;}
footer .logo{margin: 20px 0 0 0; }
footer .c{text-transform: uppercase;}

footer .igs-ntf{position: absolute; top: -45px; left: 0; right: 0; color: black; font-size: 13px;}

.main-banner{margin: 30px 0; height: 280px;}
.main-banner>div{width: 970px; height: 280px; margin: 0 auto; }

.sidebar-banner{padding: 20px 0;}
.sidebar-banner>div{width: 300px; height: 600px;}

.sidebar-banner.sm>div{width: 300px; height: 250px; }
.sidebar-banner-spacer{height: 500px; }

#mobile-menu{display: none; }

#main-container{margin-top: 20px; margin-bottom: 20px; }
article .img >a >img{width: 100%; height: auto; object-fit: cover; aspect-ratio: 16/9; display: block; }
article a{text-decoration: none; color: black;}
article a:hover{opacity: 0.8;}
article .cat{margin-top: 10px; }
article img{max-width: 100%; height: auto; }

article.single{font-weight: 400;line-height: 1.7;}
article.single h1{font-size: 35px;}
article.single h2{font-size: 25px; margin-top: 40px;}
article.single .main-img img{aspect-ratio: 16/9; height: auto !important; width: 100% !important;}
.cont article.single p{font-size: 16px;}
article.single a{text-decoration: none;color: #DD1C1A;font-weight: bold;}


.et-contact-form{margin: 20px 0;}
.et-contact-form .frm{font-size: 0px;}
.et-contact-form input[type=text]{width: calc(50% - 10px);}
.et-contact-form #et-contact-name{margin-right: 20px;}
.et-contact-form textarea{width: 100%; height: 150px; margin: 20px 0;}
.et-contact-form input[type=text], .et-contact-form textarea{border: none; border-bottom: 1px solid black; background: #EDEDED; font-size: 16px; line-height: 45px; padding: 0 20px;    -webkit-appearance: none;-moz-appearance: none;appearance: none;}
.et-contact-form input[type=text]:focus, .et-contact-form textarea:focus{outline: 0!important;}
.et-contact-form-btn{text-align: right; }
.et-contact-form-btn button{background: #DD1C1A; border: none; font-size: 16px; line-height: 40px; padding: 0 20px; color: white; text-transform: uppercase; min-width: 120px; cursor: pointer;}
.et-contact-form .frm-msg{display: none; color: black;}


.nf-404{margin: 100px 0; display: table; width: 100%;}
.nf-404>div{display: table-cell; vertical-align: middle; }
.nf-404>div.l{width: 380px;}
.nf-404>div.l img{max-width: 100%;}
.nf-404 h1{margin: 0; font-size: 100px; font-weight: bold; line-height: 1;}
.nf-404 h2{margin: 20px 0 40px 0; font-size: 50px; font-weight: 400; line-height: 1;}
.nf-404>div.r a{background: #DD1C1A; text-transform: uppercase; color: white; font-size: 13px; line-height: 33px; padding: 0 30px; display: inline-block; text-decoration: none; }

.post-list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto auto auto;
    gap:20px 20px;
    grid-template-areas:
    "div1 div1 div2 div3"
    "div1 div1 div4 div5"
    "div6 div6 div7 div7";
}
.div1 { grid-area: div1; }
.div2 { grid-area: div2; }
.div3 { grid-area: div3; }
.div4 { grid-area: div4; }
.div5 { grid-area: div5; }
.div6 { grid-area: div6; }
.div7 { grid-area: div7; }

.post-list article h2{margin: 0 0 10px 0; }
.post-list article h2 a{font-size: 20px; font-weight: 800; line-height: 25px; max-height: 50px; height: auto; overflow: hidden; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.post-list.post-list-main article.div1 h2 a{font-size: 40px; line-height: 45px; max-height: 90px; }
.post-list article p{display: none; margin: 0;}
.post-list.post-list-main article.div1 p{font-size: 17px;font-weight: 400;line-height:22px; height:44px; overflow: hidden; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.post-list article .cat{color: var(--primary-color); font-size: 13px; text-transform: uppercase; font-weight: bold; }

.post-list.post-list-main article.div6 .c,
.post-list.post-list-main article.div7 .c{display: table; width: 100%; }
.post-list.post-list-main article.div6 .c>div,
.post-list.post-list-main article.div7 .c>div{display: table-cell; vertical-align: top;}
.post-list.post-list-main article.div6 .c>div.img,
.post-list.post-list-main article.div7 .c>div.img{width: 50%;}
.post-list.post-list-main article.div6 p,
.post-list.post-list-main article.div7 p{display: block; font-size: 17px;font-weight: 400;line-height:22px; height:66px; overflow: hidden; display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.post-list.post-list-main article.div6 .c .cont,
.post-list.post-list-main article.div7 .c .cont{padding-left: 20px;}

.post-list-most-popular{background: black; margin: 20px 0; padding: 20px; color: white;}
.post-list-most-popular>h4{margin: 0 0 20px 0; font-size: 18px; font-weight: bold; border-bottom: 1px solid white; padding: 0 0 10px 0; text-transform: uppercase; }
.post-list-most-popular > .post-list{grid-template-rows: auto; grid-template-areas:
    "div1 div2 div3 div4";
}
.post-list-most-popular .post-list article a{color: white;}
.post-list-most-popular .post-list article h2 a{font-size: 19px; }

.post-list.post-list-small h2 a{font-size: 26px; line-height: 30px; max-height: 60px; height: auto;}

.single-related{margin: 30px 0; }
.post-list-sidebar{padding: 20px 0;}
.post-list-sidebar>h4, .single-related>h4{margin: 0 0 20px 0; font-size: 18px; font-weight: bold; border-bottom: 1px solid black; padding: 0 0 10px 0; text-transform: uppercase; }
.post-list-sidebar > .post-list{grid-template-rows: auto; grid-template-areas:
    "div1"
    "div2"
    "div3"
    "div4";
    grid-template-columns: 100%;
}
.post-list-sidebar article .c{
    display: grid;
    grid-template-columns: 85px auto;
    grid-template-rows: 1fr;
    gap: 20px;
    grid-template-areas:
    "img cont";
}
.post-list-sidebar.no-img article .c{grid-template-areas:"cont"; grid-template-columns: auto; }
.post-list-sidebar.no-img article .img{display: none; }
.post-list-sidebar article .img { grid-area: img; }
.post-list-sidebar article .img img{aspect-ratio: 1/1; obcject-fit: cover; }
.post-list-sidebar article .cont { grid-area: cont; }
.post-list-sidebar article .cont .cat{margin: 0 0 10px 0;}

.post-list.post-list-small{grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));grid-template-rows: auto;     grid-template-areas: initial;}
.post-list.post-list-small>article{grid-area: auto !important;}
.post-list.post-list-small>article p{display: block;font-size: 17px;font-weight: 400;line-height:22px;height: 66px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.horoskop-signs{margin: 40px 0;}
.horoskop-signs>h4{margin: 0 0 20px 0; font-size: 18px; font-weight: bold; border-bottom: 1px solid black; padding: 0 0 10px 0; text-transform: uppercase;}
.horoskop-signs .signs{font-size: 0; font-weight: 500;  text-align: center; }
.horoskop-signs .sign{font-size: 12px; display: inline-block; width: 16.6%; text-align: center; margin: 20px 0;}
.horoskop-signs .sign .sign-img{}
.horoskop-signs .sign .sign-img img{width: 90px; height: 90px; display: inline-block; }
.horoskop-signs .sign .sign-img img.h{display: none;}
.horoskop-signs .sign .sign-img a:hover img.h{display: inline-block;}
.horoskop-signs .sign .sign-img a:hover img.m{display: none;}
.horoskop-signs .sign a{color: black; text-decoration: none; }
.horoskop-signs .sign a:hover{color: var(--primary-color); }
.horoskop-signs .sign .sign-name a{color: var(--primary-color); text-transform: uppercase; font-size: 15px; font-weight: bold; }
.horoskop-signs .sign .sign-date{font-size: 13px; }

#f-calc-container{background: #FFC43D; padding: 20px;}
.sidebar>.calc-sidebar{position: sticky; top: 40px; }
.calc-sidebar{padding: 20px; background: #FFC43D; color: black;}
.calc-sidebar #f-calc-container{padding: 0; }
.calc-sidebar > h4{margin: 20px 0; font-size: 23px; font-weight: bold; text-align: center; }
.content-parent .content-size{width: auto; }
/*.calc-sidebar #slider-value-handle span, .calc-sidebar #slider-term-handle span, .calc-sidebar #slider-value-handle span, #slider-term-handle span {background: black; font-size: 13px; font-weight: 900;}
#f-calc-container .value .sld-amount i{font-size: 11px; font-weight: 500; }
.calc-sidebar #slider-value-handle span:after, .calc-sidebar #slider-term-handle span:after{border-top: 7px solid black;}
.calc-sidebar .calc-container h2{font-size: 15px;}
.calc-sidebar .calc-container .scale{font-size: 14px;}
.calc-sidebar .calc-container .ui-slider .ui-slider-range{background-image: none; background-color: black;}
.calc-sidebar #slider-value-handle, .calc-sidebar #slider-term-handle{background: black; border: 2px solid white; }
.calc-sidebar #slider-value-handle span, .calc-sidebar #slider-term-handle span{left: -46px;}
.calc-sidebar #f-calc-container .btn-primary{background-color: black; border-radius: 0; border: none; }
.calc-sidebar #f-calc-container .btn-primary:hover{opacity: 0.9; background-color: black; }
.calc-sidebar #f-calc-container .far.fa-question-circle{color: black !important;}
.calc-sidebar #f-calc-container .margtop *{font-size: 14px !important;}*/

body #slider-value-handle span, body #slider-term-handle span, body #slider-value-handle span, #slider-term-handle span {background: black; font-size: 13px; font-weight: 900;}
#f-calc-container .value .sld-amount i{font-size: 11px; font-weight: 500; }
body #slider-value-handle span:after, body #slider-term-handle span:after{border-top: 7px solid black;}
body .calc-container h2{font-size: 15px;}
body .calc-container .scale{font-size: 14px;}
body .calc-container .ui-slider .ui-slider-range{background-image: none; background-color: black;}
body #slider-value-handle, body #slider-term-handle{background: black; border: 2px solid white; }
body #slider-value-handle span, body #slider-term-handle span{left: -46px;}
body #f-calc-container .btn-primary{background-color: black; border-radius: 0; border: none; }
body #f-calc-container .btn-primary:hover{opacity: 0.9; background-color: black; }
body #f-calc-container .far.fa-question-circle{color: black !important;}
body #f-calc-container .margtop *{font-size: 14px !important;}

.calc-top-promo-text{padding-bottom: 30px !important;font-size: 17px !important;text-align: center;line-height:140% !important;}
#f-calc-container > h3{font-weight: 700;
    font-size: 23px;
    line-height: 100%; text-align: center; color: #000100; margin-bottom: 30px;}

.et-row {
    display: flex; /* Koristimo flexbox za ravnoteženje širina */
}

.et-row > .et-col {
    flex: 1; /* Svi col elementi će dobiti jednaku širinu */
    padding: 10px; /* Dodajte željeni razmak između elemenata, ako je potrebno */
}

.et-row.usporedba{display: table; width: 100%; margin: 20px 0; border-bottom: 1px solid #D9D9D9; font-weight: normal; }
.et-row.usporedba > .et-col{display: table-cell; vertical-align: top; padding: 10px 10px 20px 10px; }
.et-row.usporedba > .et-col:first-child{width: 200px;}
.et-row.usporedba h2{margin: 0 0 10px 0;}
.et-row.usporedba img{height: auto; }

.et-row.usporedba.product{border-bottom: 5px solid black;box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.15); }
.et-row.usporedba.product .m-image img{min-width: 100%; max-width: 100%; height: auto; }
.et-row.usporedba.product h2{font-size: 18px;}

.et-row.usporedba div.p{margin: 10px 0; font-size: 16px;}

.m-button a{display: inline-block; color: white !important; background: #DD1C1A; padding: 6px 15px; font-weight:normal; text-align: center; min-width: 180px; font-size: 15px; text-transform: uppercase; }

.pagination{margin: 20px 0; text-align: center; display: block !important; text-transform: uppercase; font-size: 14px;}
.pagination a, .pagination span{display: inline-block; padding: 4px 6px; border: none; min-width: 25px; border-radius: 0; color: black; margin: 0 5px; text-decoration: none; background: #D9D9D9; }
.pagination span.dots{border-color: transparent; }
.pagination span.current{background-color: #FFC43D; color: black; }
.pagination a:hover{background-color: #FFC43D; color: black;}
.pagination a.next, .pagination a.prev{min-width: 130px; }

.m-blurb h4{margin: 15px 0 10px 0; font-size: 18px; font-weight: bold; }
.m-blurb p, .m-blurb .p{margin: 0; font-weight: normal; }

.cont-wit-sidebar {
    display: grid;
    grid-template-columns: minmax(330px, 1fr) minmax(330px, 1fr) minmax(330px, 1fr);
    grid-template-rows: 1fr;
    gap: 20px;
    grid-template-areas:
    "cont cont sidebar";
}
.cont { grid-area: cont; }
.sidebar { grid-area: sidebar; position: relative;}


.et-cta{background-color: var(--primary-color); padding: 20px; color: white; text-align: center; }
.et-cta p, .et-cta h3{color: white !important; }
.et-cta a:hover{opacity: 1 !important; }
.et-cta button{background: white; border: none; cursor: pointer; color: var(--primary-color); padding: 6px 15px;
    font-weight: normal;
    text-align: center;
    min-width: 180px;
    font-size: 15px;
    text-transform: uppercase;}

body #cookie-notice{box-shadow: none; font-family: 'Montserrat', sans-serif;border-radius: 15px;background: rgba(0, 1, 0, 0.90) !important; width: 950px; min-width: 250px; left: 50%; transform: translate(-50%, 0); }
body #cookie-notice .cookie-notice-container{padding: 19px; position: relative; text-align: left; padding-left: 100px;}
body #cookie-notice:before{content:""; display: block; width: 40px; height: 40px; background: url(img/icons/cookie.svg); position: absolute; top: 10px; left: 20px;}
body #cookie-notice .cookie-notice-container a{position: absolute; top: 15px; right: 70px; font-size: 11px; font-weight: 300;display: inline-block; border: 1px solid var(--primary-color) !important; background: transparent !important; background-image: none; min-width: 90px; line-height: 27px; padding: 0 35px; color: white; border-radius: 0;  text-decoration: none; box-shadow: none;   }
body #cookie-notice .cookie-notice-container a#cn-accept-cookie{background: var(--primary-color) !important;; color: white; right: 220px; }

body .scroll-container-up, body .scroll-container-down{max-height: 600px !important;}

.hamburger-menu {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    padding: 0;
}
.hamburger-menu svg{height: 40px; width: auto;}
.hamburger-line {
    fill: none;
    stroke: var(--secondary-color);
    stroke-width: 6;
    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.hamburger-line1 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
}
.hamburger-line2 {
    stroke-dasharray: 60 60;
    stroke-width: 6;
}
.hamburger-line3 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
}
.opened .hamburger-line1 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
}
.opened .hamburger-line2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
    stroke-width: 6;
}
.opened .hamburger-line3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
}

ins.adsbygoogle.invfill{height: auto !important; min-height: 90px !important;}
ins.adsbygoogle.invfill>div>div{margin: auto !important;}

.a-usporedba-row {
    display: grid;
    grid-template-columns: 15% auto 15% 20%;
    grid-template-rows: 1fr;
    gap: 20px 20px;
    grid-template-areas: "img data rate buttons";
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    margin: 10px 0;
}
.a-usporedba-row.a-display-highlight{background: #FFF9E8;}
.a-usporedba-row .a-show-mobile{display: none;}
.a-usporedba-row .a-col{padding: 10px 0;}
.a-usporedba-row .a-col.a-col-img { grid-area: img; padding: 10px 0 10px 10px; }
.a-usporedba-row .a-col.a-col-img img{width: 100%; height: auto; display: block; }
.a-usporedba-row .a-col.a-col-cont { grid-area: data; }
.a-usporedba-row .a-col.a-col-cont h2{margin: 0 0 10px 0; font-size: 24px; line-height: 29px; font-weight: 700;}
.a-usporedba-row .a-col.a-col-cont .a-description,
.a-usporedba-row .a-col.a-col-cont .a-description p,
.a-usporedba-row .a-col.a-col-cont .a-deposit-opts{font-size: 12px;line-height: 150%;}
.a-usporedba-row .a-col.a-col-cont .a-description p{margin: 0; }
.a-usporedba-row .a-col.a-col-cont .a-deposit-opts{margin-top: 15px;}
.a-usporedba-row .a-col.a-col-cont .a-deposit-opts img{margin: 0 3px; vertical-align: middle;}
.a-usporedba-row .a-col.a-col-cont .a-preporuka{display: inline-block; font-size: 12px; padding: 0 20px; background: #FABD03;border-radius: 5px; margin-left: 10px; vertical-align: middle; text-transform: uppercase; font-weight: 400;}

.a-usporedba-row .a-col.a-col-rate { grid-area: rate; text-align: center; font-weight: bold; }
.a-usporedba-row .a-col.a-col-rate svg{width: 100%; height: auto; }
.a-usporedba-row .a-col.a-col-buttons { grid-area: buttons; padding: 10px 10px 10px 0;}
.a-usporedba-row .a-col.a-col-buttons a{display: block; background: #CB2D20;border-radius: 5px; font-weight: 600;font-size: 14px; line-height: 43px; text-transform: uppercase; color: white; text-align: center; margin-bottom: 10px;}
.a-usporedba-row .a-col.a-col-buttons a.a-btn-review{background: #D9D9D9; color: black;}

@media (max-width:850px) {
    body .a-usporedba-row{
        grid-template-columns: auto;
        gap: 0px 0px;
        grid-template-rows: auto auto auto;
        grid-template-areas:
            "img"
            "data"
            "buttons";
    }
    body .a-usporedba-row .a-col {padding: 10px !important; }
    body .a-usporedba-row .a-col.a-col-img{text-align: center; padding-bottom: 0 !important; }
    body .a-usporedba-row .a-col.a-col-img img{width: 120px; max-width: 100%; height: auto; display: inline-block; }
    body .a-usporedba-row .a-show-mobile{display: block;}
    body .a-usporedba-row .a-show-mobile .a-preporuka{line-height: 26px; font-weight: 400; margin-left: 0 !important;}
    body .a-usporedba-row .a-col.a-col-cont h2{text-align: center; margin-top: 10px !important; font-size: 20px; line-height: 24px;}
    body .a-usporedba-row .a-col.a-col-cont h2 .a-preporuka{display: none; }
    body .a-usporedba-row .a-col.a-col-rate{display: none;}

    body .a-usporedba-row .a-show-mobile.a-rt{text-align: center; font-weight: bold; font-size: 18px;line-height: 22px; margin-bottom: 10px;}
    body .a-usporedba-row .a-show-mobile.a-rt svg{width: 70%; height: auto; }
    body .a-usporedba-row .a-col.a-col-cont .a-deposit-opts{display: none;}

    body .a-usporedba-row .a-col.a-col-cont .a-description,
    body .a-usporedba-row .a-col.a-col-cont .a-description p{text-align: center;}
}