/*  GENERAL SETTINGS  */

.boxed-content { max-width: 1300px; margin: 0 auto; }

h1, h2, h3, h4, h5, h6 { font-family: "Arimo" ; font-weight: 600; }

.edit-link {     display: none; }

.post, .page {     margin: 0; }


/*  HEADER */


#masthead {
    height: 100vh;
background: #fcfcfc;
background: linear-gradient(130deg,rgba(252, 252, 252, 1) 0%, rgba(232, 232, 232, 1) 100%);
}

.header-top {
	background: transparent;
    padding: 10px 10%;
	position: fixed;
    width: 100%;
	z-index: 1;
	opacity: 0;
	transition: background 0.2s, opacity 0.4s;
}

.scroll-active  { background: #f1f1f1; opacity: 1;}


.header-top-inner {
    margin: 0 auto;
	padding: 10px 0;
}


.site-branding img {
    display: block;
    max-width: 260px;
	transition: max-width .2s;
}

.site-cta {
    text-align: center;
    padding: 260px 0 320px 0;
    font-size: 80px;
    margin: 0;
    font-family: serif;
    color: #ffffffde;
    text-shadow: -1px 1px 3px #535353;
    letter-spacing: 4px;
}

.site-branding {
    display: inline-block;
    width: 29%;
	vertical-align: bottom;
}

.main-navigation {
    display: inline-block;
    width: 70%;
	vertical-align: bottom;
	line-height: 1;
}

.header-image {     height: 100vh; }

.header-image img {     height: 100vh; display: block; }



/*  NAVIGATION  */ 

.main-navigation ul { justify-content: flex-end;     }

.main-navigation a {
	font-size: 15px;
    display: block;
    text-decoration: none;
    padding-left: 20px;
    text-transform: uppercase;
    font-weight: 400;
    color: #474747;
	transition: color 0.3s, font-size 0.2s;
}

.main-navigation a:hover {  color: #cc5d12; }

.current-menu-item a { color: #cc5d12; }

.scroll-active .main-navigation a { font-size: 15px; }

.main-navigation ul ul {
    background: #f1f1f1;
    display: block;
    column-count: 2;
	padding: 10px 0;
}

.main-navigation ul ul a {
    width: 270px;
    font-weight: 500;
    padding: 6px 20px;
}

.main-navigation ul ul .current-menu-item a { color: #cc5d12;   }

.main-navigation ul ul a:hover {  
    color: #cc5d12;
}


/* NASLOVNA  */

.home .entry-header {     padding-top: 70px; }

.home h1 {
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
	line-height: 1.3;
}


.home h1 em {
    display: block;
    font-size: 60px;
    color: #cc5d12;
    font-weight: 600;
    text-transform: initial;
	font-style: normal;
}

.home h1 i {
    font-style: normal;
    font-size: 30px;
}

.home h1::after {
    display: block;
    content: " ";
}

.home-intro p {
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    max-width: 910px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.more-button {     text-align: center; }

.home-intro .more-button { margin-top: 50px; }


.more-button a {
	 display: inline-block;
    text-decoration: none;
    color: white;
    background: #cc5d12;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 5px;
	transition: transform .2s;
}

.more-button a:hover { transform: scale(1.05); }

.home-practices {
    background: #f8f8f8;
    padding: 80px 0;
    margin-top: 80px;
}
	
.home-practices h2 {
    text-align: center;
    font-size: 50px;
    color: #6d6d6d;
    margin-top: 0;
	}
	
.home-practices-intro {
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    max-width: 910px;
    margin: 0 auto;
    margin-bottom: 50px;
}

.practices-container {     text-align: center; } 

.practice {
   width: 49%;
    display: inline-block; 
    padding: 15px 30px;
	text-decoration: none;
	vertical-align: middle;
	transition: background 0.3s, transform .2s; ;
}

.practice:hover { background: white; transform: scale(1.03); }

.practice-left { text-align: right; }

.practice-right { text-align: left; }

.practice .more-button {     text-align: inherit; }

.practice h3 {
    color: #cc5d12;
    font-size: 28px;
    MARGIN: 0;
}

.practice h3 span {
    font-size: 20px;
    display: block;
}

.practice h3::after {
    content: " ";
    display: block;
    width: 80px;
    height: 2px;
    background: gray; 
    margin-top: 6px;
}

.practice-left  h3::after {   float: right; }

.practice-right  h3::after {  float: left; }

.practice p {
    font-size: 18px;
    font-weight: 300;
	color: #3d3d3d;
	margin-bottom: 0;
}

.home-novosti { 
    padding-bottom: 80px;
    padding-top: 80px;
    background: url(https://azimuth-internet.hr/odvjetnik-rijeka/wp-content/uploads/2026/05/stukatura-1.jpg) 100% 100%;
    background-size: 350px;
    background-repeat: no-repeat;
 }




.home-novosti h3 {
    text-align: center;
    font-size: 50px;
    color: #cc5d12;
    margin-top: 0;
	    margin-bottom: 20px;
}

.home-novosti .wp-block-post {  transition: transform .2s, background 0.2s ; }

.home-novosti .wp-block-post:hover { transform: scale(1.05); background: #f8f8f8; }

.home-novosti h2 {
    margin-top: 0;
    margin-bottom: 0;
}

.home-novosti h2 a {
    color: #cc5d12;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    line-height: 1.3;
}


.home-novosti .wp-block-post-date {
    text-align: center;
    font-size: 13px;
    color: black;
}

.home-novosti .wp-block-post-excerpt__excerpt {
    margin-bottom: 0;
    margin-top: 10px;
    font-size: 15px;
    text-align: justify;
}

.novosti-loop {     margin-bottom: 20px; }

.home-contact {
    background: #f8f8f8;
    padding: 80px 0;
    margin-top: 0px;
}

:lang(en) .home-contact {     background: #f0f0f0; }

:lang(en) .page-id-225 .home-contact {     background: white; }

.home-contact h3 {
    text-align: center;
    font-size: 50px;
    color: #6d6d6d;
    margin-top: 0;
}

.home-contact-intro {
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    max-width: 910px;
    margin: 0 auto;
    margin-bottom: 50px;
}

.home-contact-left, .home-contact-right {
    display: inline-block;
    width: 47.5%;
    margin: 0 1%;
    vertical-align: top;
	text-align: center;
}

.home-contact-left img {
    display: block;
    margin: 0 auto;
    max-width: 130px;
    margin-top: 40px;
}

.home-contact-left h2 {
    color: #6d6d6d;
    text-transform: uppercase;
    font-size: 16px;
	font-weight: 500;
	margin-top: 50px;
    margin-bottom: 20px;
}

.home-contact-left h2 span {
    display: block;
    color: #cc5d12;
    font-size: 40px;
    text-transform: initial;
    line-height: 1.3;
	font-weight: 600;
}

.home-contact-left h2 i {
    font-style: normal;
    font-size: 20px; 
}

.home-contact-left ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 20px;
    font-weight: 300;
}

.directions-button {
	display: inline-block;
    text-decoration: none;
    background: #cc5d12;
    color: white !important;
    padding: 3px 15px;
    line-height: 1;
    font-size: 14px;
    font-weight: 500;
    border-radius: 3px;
	text-transform: uppercase;
	transition: transform .2s;
}

.directions-button:hover {   transform: scale(1.03);  }

.home-contact-link a {
    text-decoration: none;
    color: #494949;
}

.home-contact-link a:hover { color: #cc5d12; }


.home-contact-link a i {     color: #cc5d12; }
 
.form-wrapper {     text-align: left; }

.form-wrapper input[type="text"], .form-wrapper input[type="email"], .form-wrapper textarea {
    color: #666;
    border: none;
    border-radius: 0;
    padding: 7px 15px;
    border-bottom: 3px solid #cfcfcf;
    width: 100%;
}

.form-wrapper input:focus-visible, textarea:focus-visible {
    outline: none;
	border-bottom: 3px solid #cc5d12;
}

.form-wrapper p {
    margin-top: 0;
    margin-bottom: 15px;
}

.wpcf7-list-item {  margin: 0; }

.submit-button input[type="submit"] {
    color: white;
    background: #cc5d12;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 5px;
	transition: transform .2s;
}

.submit-button input[type="submit"]:hover {  transform: scale(1.05); }






/*  SUB PAGES  */

body:not(.home) #masthead { height: auto;  }

body:not(.home) .entry-content {     margin: 0; min-height: 40vh; }

body:not(.home) .entry-header {
    background: #fcfcfc;
    background: linear-gradient(130deg, rgba(252, 252, 252, 1) 0%, rgba(232, 232, 232, 1) 100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body:not(.home) .entry-header img {     height: 30vh; }


body:not(.home) .entry-header h1 {
    text-align: center;
    font-size: 60px;
    margin: 0;
	margin-right: 10%;
    color: white;
    text-shadow: -1px 1px 3px #535353;
	text-align: right;
    padding-left: 5%;
    line-height: 1.2;
}


.contact-wrapper { background: white; }

.contact-wrapper .form-wrapper input[type="text"], .contact-wrapper .form-wrapper input[type="email"], .contact-wrapper .form-wrapper textarea {  background: #f9f9f9; }

.contact-wrapper .home-contact-intro { margin-bottom: 60px; }

#contact-map-wrapper {     background: #d7d7d7; }
#contact-map-inner iframe {     filter: grayscale(100%) contrast(1.1); }


.subpage-about-intro-inner {
    max-width: 1300px;
    margin: 0 auto;
	padding-top: 70px;
	padding-bottom: 50px;
}

.subpage-about-intro-inner h2 {
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
	line-height: 1.3;
	margin-bottom: 30px;
}


.subpage-about-intro-inner h2 em {
    display: block;
    font-size: 60px;
    color: #cc5d12;
    font-weight: 600;
    text-transform: initial;
	font-style: normal;
}

.subpage-about-intro-inner h2 i {
    font-style: normal;
    font-size: 30px;
}

.subpage-about-intro-inner p {
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.subpage-about-lawyers-wrapper {
    background: #f1f1f1;
    padding: 50px 0;
}

.subpage-about-lawyers-alt-wrapper {  text-align: center; }

.subpage-about-lawyers-inner {
    max-width: 1300px;
    margin: 0 auto;
}

.subpage-about-lawyers-inner h2 {
    text-align: center;
    color: #cc5d12;
    font-size: 40px;
    margin-top: 0;
}

.lawyer-wrapper {
    display: flex;
    align-items: flex-start;
	margin-bottom: 80px;
}

.lawyer-wrapper-alt {
    display: inline-block; 
    width: 30%;
    margin: 0 1.5%;
    vertical-align: top;
}

.lawyer-image {     width: 40%; }

.lawyer-wrapper-alt .lawyer-image {     width: 100%; }

.lawyer-image img { display: block;     border-bottom: 4px solid #cc5d12; }


.lawyer-description {
    width: 60%;
    background: white;
    padding: 40px;
    margin-left: -90px;
    box-shadow: 0px 0px 20px -4px #898989;
	margin-top: 30px;
}

.lawyer-wrapper-alt .lawyer-description {
    width: 90%; 
    padding: 30px;
    margin: 0 auto;
    margin-top: -40px; 
    position: relative;
}

.lawyer-description h3 {
    font-size: 30px;
    margin-top: 0;
}

.lawyer-wrapper-alt .lawyer-description h3 {
    font-size: 24px; 
    margin: 0;
    line-height: 1;
}


.lawyer-description h3 span {
    display: block;
    text-transform: uppercase;
    font-size: 18px;
    color: #cc5d12;
}

.lawyer-wrapper-alt .lawyer-description h3 span { 
    font-size: 14px; 
    margin-top: 10px;
}

.pravna-podrucja-content {
    padding: 50px 0;
    max-width: 1300px;
    margin: 0 auto;
	font-size: 18px;
	font-weight: 300;
}

.pravna-podrucja-content h2 {
    font-size: 26px;
    font-weight: 500;
    color: #cc5d13;
}

.pravna-podrucja-content h3 {
    font-size: 24px;
    font-weight: 500;
    color: #cc5d13;
}

.pravna-podrucja-content ul {     padding: 0; }



/*  SINGLE POST  */

.single-post .entry-header h1 {  font-size: 50px !important; }


.single-post .post-thumbnail img {
    display: block;
    max-width: 800px;
    margin: 50px auto;
    box-shadow: 0px 0px 20px -4px #898989;
	margin-top: -50px;
}

.single-post .entry-content {
    max-width: 1300px;
    margin: 0 auto !important;
}

.single-post .entry-content h2 {     color: #cc5d13;     font-size: 26px; margin-bottom: 20px; }

.single-post .entry-content h3 {     color: #cc5d13;     font-size: 24px; margin-bottom: 20px; }

.single-post .entry-content p {     margin-top: 0; }

.post-navigation {
    background: #f1f1f1;
    padding: 50px 0;
    margin: 0 !important;
}

.post-navigation .nav-links { 
    max-width: 1300px;
    margin: 0 auto;
}

.post-navigation .nav-links a {
    text-decoration: none;
    color: #383838;
    font-size: 18px;
    font-weight: 500;
}

.post-navigation .nav-links .nav-subtitle {
    display: block;
    color: #cc5d12;
    text-transform: uppercase;
    font-size: 14px;
}



/*  ARCHIVE  */

.archive .page-header {
    background: #fcfcfc;
    background: linear-gradient(130deg, rgba(252, 252, 252, 1) 0%, rgba(232, 232, 232, 1) 100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.archive .page-header img {     height: 30vh; }


.archive .page-header h1 {
    text-align: center;
    font-size: 60px;
    margin: 0;
	margin-right: 10%;
    color: white;
    text-shadow: -1px 1px 3px #535353;
	text-align: right;
    padding-left: 5%;
    line-height: 1.2;
}

.archive-loop {
    max-width: 1300px;
    margin: 0 auto;
    padding: 80px 0;
	text-align: center;
}

.archive-loop article {
    display: inline-block;
    width: 30%;
    margin: 0 1%;
    margin-bottom: 50px;
	vertical-align: top;
}

.archive-loop article .entry-header {
    background: transparent;
    display: block;
}

.archive-loop article .entry-header h2 {     margin: 0; line-height: 1.2; }

.archive-loop article .entry-header h2 a {
    text-decoration: none;
    color: #cc5d13;
    font-size: 18px;
    font-weight: 500;
    margin-top: 10px;
    display: block;
}

.archive-loop article .entry-content { min-height: auto; }

.archive-loop article .entry-content p {     margin-top: 10px; }






/*  FOOTER  */

.post-edit-link { display: none; }

.site-footer {
    background: #d7d7d7;
    padding: 50px 0 0 0;
}

.site-footer-inner {
    max-width: 1300px;
    margin: 0 auto;  
	text-align: center;
	padding-bottom: 50px;
}

.site-footer-col {
    display: inline-block;
    width: 22%;
    margin: 0 1%;
    vertical-align: top;
}

:lang(en) .site-footer-col3 {     display: none ; }

.site-footer-col h3 {
    color: #252525;
    font-weight: 500;
}

.site-footer-col h3 span {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
}

.site-footer-col h4 {
    color: #252525;
    font-weight: 500;
	margin-top: 26px;
}

.site-footer-col h4::after {
    width: 100px;
    background: #cc5d12;
    content: ' ';
    display: block;
    height: 2px;
    margin: 0 auto;
    margin-top: 5px;
}


.site-footer-col ul {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #4a4a4a;
}

.site-footer-col ul li {     margin-bottom: 5px; }


.site-footer-col3 ul li {     margin-bottom: 10px; }


.site-footer-col ul a {
    text-decoration: none;
    color: #4a4a4a;
	transition: color .2s ;
}

.site-footer-col ul a:hover { color: #cc5d12; }

.site-footer-copyrights {
    background: #252525;
    padding: 30px 0;
}

.site-footer-copyrights p {
    text-align: center;
    margin: 0 auto;
    color: #b8b8b8;
}

.site-footer-copyrights p a {
    color: white;
    text-decoration: none;
	 transition: color .2s ;
}

.site-footer-copyrights p a:hover { color: #cc5d12; }