/*
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
*/



body #slide-out-widget-area .inner-wrap .inner .nectar-header-text-content * {
    color: inherit;
    display: none;
}

/* Promena boje labela u Contact Form 7 */
.wpcf7-form label {
    color: #8E8E8E; /* Postavite željenu boju umesto #ff0000 */
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea{
    background: none !important;
    border: 1px solid #8E8E8E !important;
}

body[data-form-submit=regular] .container-wrap button[type=submit], body[data-form-submit=regular] .container-wrap input[type=submit] {
  background: none !important;
  border: 1px solid #8E8E8E !important;
  color: #000 !important;
}



/* Stiliziranje checkbox-a */
.wpcf7-form input[type=checkbox] {
  /* Povećajte veličinu checkbox-a */
  /* Uklonite defaultni stil checkbox-a ako želite koristiti prilagođeni dizajn */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  /* Dodajte prilagođenu pozadinu */
  background-color: transparent;
  border: 1px solid #7A7086;
  padding: 12px;
  border-radius: 2px;
  margin-right: 20px;
  vertical-align: bottom;
  margin-left: -1px;
}

/* Kad je checkbox označen */
.wpcf7-form input[type=checkbox]:checked {
  background-color: #7A7086;
  border-color: #7A7086;
  /* Ovdje možete koristiti svoju ikonu */
  background-repeat: no-repeat;
  background-position: center;
}
a#cn-accept-cookie {
  border-radius: 0px !important;
  color: #000 !important;
}


small{
  font-size: 14px !important;
  font-weight: normal !important;
  display: block;
  margin-top: -20px;
  line-height: 20px;
  color: #7A7086;
}

small a{
  color: #7A7086;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0px !important;
}


input.wpcf7-form-control.wpcf7-submit.has-spinner {
    margin-top: -50px;
    display: block;
}

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


.ds-izlaganja-line-height p{
  line-height: 36px;
}

#header-outer[data-lhe="animated_underline"] nav > ul >li:not([class*="button_"]) > a .menu-title-text:after{
  border-top: 6px solid #000 !important;
}



#header-outer[data-lhe="animated_underline"] #top nav > ul > li > a .menu-title-text:after{
  margin-bottom: -4px !important;
}

li#social-in-menu {
    flex-direction: row-reverse !important;
}


#header-outer #social-in-menu i.fa-facebook {
    width: 20px;
    height: 20px;
    background: #000;
    border-radius: 300px;
    color: #fff;
    font-size: 17px;
}


#header-outer #social-in-menu .fa-facebook:after{
    width: 20px;
    height: 20px;
    background: #000;
    border-radius: 300px;
    color: #fff !important;
    font-size: 17px;
    background: #1877F2 !important;
}


#header-outer #social-in-menu i.fa-instagram {
    font-size: 21px;
}

#header-outer #social-in-menu a:hover i, .material #slide-out-widget-area.slide-out-from-right .off-canvas-social-links a:hover i {
    -webkit-transform: translateY(-110%) !important;
    transform: translateY(-110%) !important;
}

#social-in-menu{
    gap: 10px !important;
}
/* Osnovna stilizacija za sve ikone u #social-in-menu */
body #header-outer:not(.transparent) #social-in-menu a i:after {
    color: transparent !important;
}

/* Specifična stilizacija za Instagram ikonu */
body #header-outer:not(.transparent) #social-in-menu a i.fa-instagram:after {
    color: #C13584 !important;
}

body #header-outer:not(.transparent) #social-in-menu a i.fa-facebook:after {
    color: #fff !important;
}


#footer-outer #copyright {
    background-color: #000;
}
#footer-outer #copyright p {
    color: #fff;
}

#footer-outer #copyright a{
    color: #fff;
}
#footer-outer #copyright a:hover{
    color: #cccccc !important;

}

#footer-outer #copyright li a i {
    color: #fff !important;
}

#footer-outer #copyright .col ul {
    float: right;
    gap: 10px;
    display: flex;
    flex-direction: row-reverse;
}


#footer-outer #copyright li a i.fa-instagram:hover {
    color: #C13584 !important;
}

#footer-outer #copyright li a i.fa-facebook:hover {
    color: #1877F2 !important;
}




@media only screen and (min-width: 999px) {
  body .portfolio-items[data-gutter="20px"] .col {
      padding: 32px;
  }
}



@media only screen and (max-width: 690px) {
    body .swiper-container .slider-next, body .swiper-container .slider-prev {
        display: block !important;
    }
    #footer-outer #copyright li {
        margin-left: 0px;
    }
    #footer-outer #copyright {
        text-align: center !important;
    }
    #footer-outer #copyright .container div:last-child {
    margin-bottom: 0;
    display: flex !important;
    text-align: center !important;
    align-items: center !important;
    justify-content: center !important;
}
#footer-outer #copyright .col ul {
    gap: 30px !important;
}

}