/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/*** Main Menu ***/
.sf-menu > li ul,
.sf-menu .sub-menu li a {
    padding: 16px;
}
.sf-menu .sub-menu li a {
    border-radius: 4px;
}
.bold_border {
    border: 6px solid #fff;
}
.card_shadow {
    border-radius: 8px;
    background: var(--Base-White, #fff);
    box-shadow: 0px 121px 34px 0px rgba(0, 0, 0, 0),
        0px 77px 31px 0px rgba(0, 0, 0, 0.01),
        0px 43px 26px 0px rgba(0, 0, 0, 0.05),
        0px 19px 19px 0px rgba(0, 0, 0, 0.09),
        0px 5px 11px 0px rgba(0, 0, 0, 0.1);
}
.cta_margin {
    margin-right: 0;
}
.cta_group .wpb_wrapper {
    display: flex;
    flex-direction: column;
}
.cta_flex,
.cta_flex span {
    display: flex;
    width: 100%;
    justify-content: center;
}
body.material.mobile
    #header-outer.transparent:not([data-permanent-transparent='1'])
    header
    .slide-out-widget-area-toggle
    a
    .close-line,
body.material.mobile
    #header-outer:not([data-permanent-transparent='1'])
    header
    .slide-out-widget-area-toggle
    a
    .close-line {
    background-color: #fff !important;
}
#header-outer[data-transparent-header='true'].side-widget-open #logo img {
    content: url('https://apts.ba/wp-content/uploads/2024/12/aptsubih-logo-light.svg');
    transition: height 0.32s ease, content 0.32s ease;
}
body:not(.home) .container-wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
    background: linear-gradient(
        180deg,
        #f0f7f0 0%,
        rgba(240, 247, 240, 0) 100%
    );
    z-index: -1;
    pointer-events: none;
}
body.blog .container-wrap::before,
body.archive.tag .container-wrap::before {
    background: #fff;
}
.sidebar_lista_objava li {
    display: flex;
    flex-direction: row-reverse;
    gap: 16px;
    font-weight: 700;
}
.sidebar_lista_objava .alignleft {
    float: none;
    margin-right: 0;
}
.sidebar_lista_objava img {
    margin-bottom: 0;
}
.blog .masonry.material .post .post-featured-img,
.archive.tag .masonry.material .post .post-featured-img {
    position: relative;
    width: 100%;
    padding-top: 75%;
    overflow: hidden;
}
.blog .masonry.material .post .post-featured-img img,
.archive.tag .masonry.material .post .post-featured-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog .masonry.material .post .article-content-wrap .excerpt,
.archive.tag .masonry.material .post .article-content-wrap .excerpt {
    display: none;
}
.blog .masonry.material .post .article-content-wrap .post-header h3,
.archive.tag .masonry.material .post .article-content-wrap .post-header h3 {
    color: #36485c;
    min-height: 105px;
}
.lista_oznaka {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
}
.lista_oznaka a {
    background-color: #f0f7f0;
    color: #36485c;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 4px;
}
body:not(.archive) #page-header-bg {
    background-color: #fff;
}
body:not(.archive) #page-header-bg h1 {
    color: #36485c;
}

/*** Blog styling ***/
/* Blog component */
.theiaStickySidebar .widget h2 {
    font-size: 14px;
    opacity: 0.7;
    font-weight: 600;
}
/* Single post */
.single-post .post-area {
    max-width: 100% !important;
}
.single-post .post-area .post-content {
    max-width: 768px;
    margin: 0 auto;
}
.single-post .post-content h2 {
    font-size: 32px;
    margin-bottom: 24px;
}
.single-post .wp-caption,
.single-post .post-content img {
    width: 100% !important;
}
.single-post .post-content .bold,
.single-post .post-content strong,
.single-post .post-content b {
    font-weight: 700;
}
.single-post .post-content blockquote {
    padding-left: 24px;
}
.single-post .post-content blockquote p {
    font-size: 20px;
    font-weight: 400;
    font-style: italic;
    line-height: 1.4;
}
.single-post
    .featured-media-under-header
    .featured-media-under-header__featured-media {
    border-radius: 8px;
    aspect-ratio: 4/3;
}
.single-post .post-content .post-tags a {
    background-color: #f0f7f0 !important;
    color: #36485c !important;
    font-size: 14px;
    font-weight: 600;
}
.featured-media-under-header__cat-wrap .meta-category a:not(:hover) {
    background-color: #d9ecd9 !important;
    color: #36485c !important;
    font-weight: 500;
}
.single.material .post-area .content-inner > .post-tags a:hover {
    color: #36485c !important;
}
.single .post-area .content-inner > .post-tags > h4 {
    display: flex;
    width: 100%;
}
.nectar-social.fixed {
    display: none;
}
/* kako postati clan list item  */
.nectar-icon-list-item {
    margin-bottom: 52px;
}
.steps_paragraph {
    padding-bottom: 24px;
}
/* FAQ */
.faq_container .toggles .toggle .toggle-title a {
    font-size: 20px !important;
    font-weight: 500 !important;
}
.faq_container .toggles .toggle {
    padding: 0 12px;
}

/* recent posts */
/* hide commnets on recent posts home page */
.recent_post_comment .excerpt {
    display: none;
}
/* move text on the left */
.recent_post_comment .post-header {
    text-align: start;
}
.recent_post_comment .blog-recent {
    margin-bottom: 0px !important;
}
.recent_post_comment .blog-recent .post-header h3 {
    font-size: 20px;
    line-height: 1.25 !important;
}
/* recent post end */
/* members cards */
.members_card .team-member-image {
    margin-bottom: 24px !important;
}
.members_card .team-meta h3 {
    font-size: 20px;
    line-height: 30px;
}
.members_card .team-meta p {
    font-size: 18px;
    line-height: 1.5;
}
/* members card end */
/* contact form start */
/* General Form Styling */
/* .contact_form_container .wpcf7-form {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.contact_form_container .wpcf7-spinner {
    display: none;
} */
/* Form Groups */
/*.contact_form_container .form-group {
    flex: 1 1 47%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.contact_form_container .form-row {
    width: 100%;
}*/
/* Small Field for Number 2+3 */
/*.small-field {
    flex: none;
    width: 147px;
}
.small-field input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.button-field {
    text-align: end;
}
.submit_btn {
    font-weight: 500 !important;
    line-height: 18px;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
}*/
/* Input Fields */
/*.input-field,
.textarea-field {
    border: 1px solid #dde0e4 !important;
    border-radius: 5px !important;
    background-color: white !important;
}*/
/* form group label */
/*.form-group label {
    font-size: 14px;
    font-weight: 700;
}
.form-group .label_span {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    color: #36485c;
}*/
/* Small-Textarea */
.textarea-field {
    height: 100px;
}
.submit-button:hover {
    background-color: #1a252f;
}

.contact_hero_image {
    min-width: 100%;
}
.column_margin_auto {
    margin: auto;
}
/* contact form END */
/* about page style start*/
.about_images img {
    border-radius: 16px;
    width: 100% !important;
}
.about_images h4 {
    position: relative;
    bottom: 36px;
    color: white;
    font-size: 16px;
    font-weight: 700 !important;
    line-height: 1.5;
    letter-spacing: 0.16px;
}
/* status udruzenja width */
.w-full {
    width: 100% !important;
}
/* Pocetna stranica opis slike */
.text_no_wrap_bold p strong {
    white-space: nowrap;
    font-weight: 700;
}
/* resources page START*/
.resurces_div {
    border-bottom: 1px solid #e8eaed;
}
.testimonials_slider .nectar_single_testimonial {
    padding: 24px;
}
.testimonials_slider .nectar_single_testimonial p {
    min-height: 96px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    padding-bottom: 24px;
}
.testimonials_slider .nectar_single_testimonial .wrap {
    font-weight: 400;
    width: calc(100% - 72px);
    text-align: left;
}
.testimonials_slider .nectar_single_testimonial .wrap > span:first-child {
    font-weight: 700;
}
.nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry)
    .flickity-viewport {
    margin: 48px 0 64px 0;
}
/*** APTS Članovi ***/
.clanovi_list .team-member {
    width: 100%;
    display: inline-flex;
    flex-direction: column;
}
.clanovi_list .team-member h4.light {
    font-weight: bold;
}
.clanovi_list .team-member .social a {
    text-decoration: underline;
}
/*** Kako postati clan ***/
.single_img_text .card_title {
    margin-bottom: 0px !important;
}
.single_img_text .card_title h3 {
    margin-bottom: 8px !important;
}
/* Footer */
.text_decoration_links p a {
    text-decoration: underline;
    text-decoration-skip-ink: none;
}
.contact-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.contact-form__row {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.contact-form__group {
    display: flex;
    flex-direction: column;
}
.contact-form__label {
    font-weight: bold;
    margin-bottom: 8px;
    color: #2d3748;
}
.contact-form__optional {
    font-size: 0.875rem;
    color: #718096;
}
.contact-form__input,
.contact-form__textarea {
    width: 100%;
    padding: 10px;
    font-size: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    box-sizing: border-box;
}
.contact-form__textarea {
    min-height: 150px;
    resize: vertical;
}
.contact-form__group--button input {
    width: 100%;
}
.contact-form__submit {
    padding: 12px 24px;
    background-color: #36485c;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 1rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.contact-form__submit:hover {
    background-color: #475569;
}
.wpcf7-spinner {
    display: none;
}
.grecaptcha-badge {
    display: none !important;
}
/* Stilovi za tablete i veće uređaje */
@media (min-width: 380px) {
    .cta_margin {
        margin-right: 8px;
    }
    .cta_group .wpb_wrapper {
        flex-direction: row;
    }
    .cta_flex,
    .cta_flex span {
        width: auto;
    }
}
@media (min-width: 425px) {
    .recent_post_comment .blog-recent .post-header h3 {
        font-size: 28px;
    }
    .clanovi_list .team-member {
        max-width: calc(50% - 20px);
    }
    .clanovi_list .wpb_wrapper {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
    }
}
@media (min-width: 700px) {
    .single-post
        .featured-media-under-header
        .featured-media-under-header__featured-media {
        aspect-ratio: auto;
    }
    .single_img_text .card_title h3 {
        min-height: 44px;
    }
    .contact-form__row {
        flex-direction: row;
        gap: 16px;
    }
    .contact-form__group {
        flex: 1;
    }
    .contact-form__group--full {
        width: 100%;
    }
    .contact-form__group--small {
        flex: 0 0 150px;
    }
    .contact-form__group--button {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        padding-top: 20px;
    }
    .contact-form__group--button input {
        max-width: 200px;
    }
}
@media only screen and (max-width: 999px) {
    body .vc_row.vc_row-flex.vc_row-o-equal-height > .span_12,
    body
        .vc_row.vc_row-flex.vc_row-o-equal-height
        > .span_12
        > .vc_column_container,
    body
        .vc_row.vc_row-flex.vc_row-o-equal-height
        > .span_12
        > .vc_column_container
        > .vc_column-inner {
        width: 100%;
    }
}
@media (min-width: 1024px) {
    .clanovi_list .team-member {
        max-width: calc(33.3333% - 26.6667px);
    }
    .clanovi_list .wpb_wrapper {
        gap: 26.6667px;
    }
}