.elementor-5510 .elementor-element.elementor-element-49b460da:not(.elementor-motion-effects-element-type-background), .elementor-5510 .elementor-element.elementor-element-49b460da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-position:center center;background-size:cover;}.elementor-5510 .elementor-element.elementor-element-49b460da > .elementor-background-overlay{background-color:var( --e-global-color-primary );opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5510 .elementor-element.elementor-element-49b460da > .elementor-container{max-width:950px;}.elementor-5510 .elementor-element.elementor-element-49b460da{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:100px 0px 100px 0px;}.elementor-5510 .elementor-element.elementor-element-5c79dbae{margin-top:40px;margin-bottom:80px;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5510 .elementor-element.elementor-element-7933af6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-5510 .elementor-element.elementor-element-7933af6 .elementor-heading-title{font-family:"Roboto thin (lokal)", Sans-serif;font-weight:600;}.elementor-widget-theme-post-excerpt{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-5510 .elementor-element.elementor-element-7c50f8b7{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}@media(max-width:1024px) and (min-width:768px){.elementor-5510 .elementor-element.elementor-element-54e1954e{width:100%;}}@media(max-width:1024px){.elementor-5510 .elementor-element.elementor-element-49b460da:not(.elementor-motion-effects-element-type-background), .elementor-5510 .elementor-element.elementor-element-49b460da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-5510 .elementor-element.elementor-element-49b460da{padding:200px 40px 40px 40px;}}@media(max-width:767px){.elementor-5510 .elementor-element.elementor-element-49b460da:not(.elementor-motion-effects-element-type-background), .elementor-5510 .elementor-element.elementor-element-49b460da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-5510 .elementor-element.elementor-element-49b460da{padding:50px 0px 50px 0px;}.elementor-5510 .elementor-element.elementor-element-54e1954e{width:100%;}.elementor-5510 .elementor-element.elementor-element-7933af6 .elementor-heading-title{font-size:24px;}}/* Start custom CSS for section, class: .elementor-element-5c79dbae */.blog-content h2 {
    margin-top: 1.2em;
    margin-bottom: 0.4em;
    font-weight:600;
    color:#C20C73;
}

.blog-content h3 {
    margin-top: 1.2em;
    margin-bottom: 0.4em;
    font-weight:600;
}

.blog-content h4 {
    margin-top: 1.2em;
    margin-bottom: 0.4em;
}

/* Style for the table of contents block */
.wp-block-rank-math-toc-block {
    background-color: #f9f9f9;
    padding: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin-top: 2em;
}

.wp-block-rank-math-toc-block h2 {
    font-size: 24px;
    color: #333;
    margin-bottom: 15px;
    margin-top: 0;
    font-weight: bold;
}

/* Styling the list items */
.wp-block-rank-math-toc-block nav ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}

.wp-block-rank-math-toc-block nav li {
    margin-bottom: 12px; /* Increased space between items */
    font-size: 16px;
    position: relative;
}

/* Style links */
.wp-block-rank-math-toc-block nav a {
    color: #C20C73;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* Underline the links on hover */
.wp-block-rank-math-toc-block nav a:hover {
    text-decoration: underline;
}

/* Add a left border to main items and more margin */
.wp-block-rank-math-toc-block nav > ul > li {
    border-left: 3px solid #C20C73;
    padding-left: 15px; /* Added more space */
    margin-left: 15px;  /* Increased margin for better separation */
    font-weight: 600; /* Make top-level items bolder */
    transition: all 0.3s ease;
}

/* Add arrows to sublist items */
.wp-block-rank-math-toc-block nav ul ul li::before {
    content: "→";
    font-size: 14px;
    color: #C20C73;
    position: absolute;
    left: -20px;  /* Adjusted left positioning */
    top: 40%;
    transform: translateY(-50%);
}

/* Make sublist items look nested */
.wp-block-rank-math-toc-block nav ul ul {
    margin-left: 25px;  /* More space for subitems */
}

/* Hover effect on top-level items */
.wp-block-rank-math-toc-block nav > ul > li:hover {
    background-color: rgba(194, 12, 115, 0.1);
}

/* Remove hover effect for sublist items */
.wp-block-rank-math-toc-block nav ul ul li:hover {
    background-color: transparent; /* No hover background for sublist items */
}

/* Styling for active state links */
.wp-block-rank-math-toc-block nav a:active {
    color: #9B004D;
}

/* Style for the media-text block */
.wp-block-media-text.is-stacked-on-mobile {
    display: flex;
    align-items: center; /* Vertically center the content */
    background-color: #f9f9f9;
    padding: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin-top: 2em;
    margin-bottom:2em;
    transition: all 0.3s ease;
}

/* Style for the media (image) section */
.wp-block-media-text__media {
    flex: 1;
    margin-right: 20px; /* Space between image and text */
}

.wp-block-media-text__media img {
    width: 100%;
    height: auto;
    border-radius: 8px; /* Rounded corners for the image */
}

/* Style for the content section */
.wp-block-media-text__content {
    flex: 2; /* Allow content to take more space */
    font-size: 16px;
    color: #333;
}

.wp-block-media-text__content p {
    margin: 0;
    padding: 0;
}

/* Make the first paragraph bold and pink */
.wp-block-media-text__content p:first-of-type {
    font-weight: 600;
    color: #C20C73;
    font-size:120%;
}

/* Style links */
.wp-block-media-text__content a {
    color: #C20C73;
    text-decoration: none;
    font-weight: bold;
    transition: all 0.3s ease;
}

/* Underline the phone number link on hover */
.wp-block-media-text__content a:hover {
    text-decoration: underline;
}

/* Optional: Add hover effect on the whole block */
.wp-block-media-text.is-stacked-on-mobile:hover {
    background-color: rgba(194, 12, 115, 0.1); /* Soft background on hover */
}

/* Styling for active state links */
.wp-block-media-text__content a:active {
    color: #9B004D;
}

/* Make sure it's responsive: Stack image and text on small screens */
@media (max-width: 768px) {
    .wp-block-media-text.is-stacked-on-mobile {
        flex-direction: column; /* Stack the items on smaller screens */
        gap:20px;
    }

    .wp-block-media-text__media {
        margin-right: 0; /* Remove the margin when stacked */
        margin-bottom: 15px; /* Space between image and text when stacked */
    }
}

/* Style for the unordered list */
.wp-block-list {
    list-style-type: none; /* Remove default bullet points */
    padding-left: 0;
    margin: 0;
}

/* Styling for list items */
.wp-block-list li {
    margin-bottom: 15px; /* Increased margin between items */
    font-size: 16px;
    position: relative; /* Needed to position the pink dot */
    padding-left: 25px; /* Space for the pink dot */
}

/* Add a pink dot before each list item */
.wp-block-list li::before {
    content: "•"; /* Unicode character for bullet */
    color: #C20C73; /* Pink color */
    font-size: 20px; /* Size of the dot */
    position: absolute; /* Position it before the text */
    left: 0; /* Align it to the left */
    top: 50%; /* Vertically center the dot */
    transform: translateY(-50%); /* Adjust vertical centering */
}

/* Optional: Bold styling for <strong> elements */
.wp-block-list li strong {
    font-weight: bold;
    color: #C20C73; /* Pink color for the bold text */
}

.wp-block-quote {
  border-left: 5px solid #C20C73;
  padding-left: 10px; /* Razmak između granice i teksta */
  margin-left: 0; /* Opcionalno poravnanje */
}

.blog-content a {text-decoration:underline;}

.blog-content strong {font-weight:600;}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Roboto thin (lokal)';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://relaunch.ratis.de/wp-content/uploads/2023/07/Roboto-Thin.ttf') format('truetype');
}
/* End Custom Fonts CSS */