/* Make it obvious that the label is clickable */
.offcanvas-menu .menu-separator {
  cursor: pointer;
}
.sp-simpleportfolio-clickable-wrapper {
  display: block;
  position: relative;
  text-decoration: none;
  color: inherit;
}


.sp-simpleportfolio .sp-simpleportfolio-img {
    width: 60%;
    max-height: 500px;
}
div.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay {
    background: rgba(0, 0, 0, 0.5);
}
#sp-main-body {
    padding: 30px 0;
}
.title-main {
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
}

.title-secondary {
	font-style: uppercase;
	color: #007bff;
}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
    color: #007bff;
}

.sp-simpleportfolio-gallery{
    border-top: solid #007bff 2px;
    padding-top: 28px;
}

.sigplus-gallery{

}
body,.sp-preloader{
    color: #22222;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle>div .sp-simpleportfolio-title{
    padding: 3px;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a{
    border-radius:0px;
}
div.sp-simpleportfolio.portfolio-gradient .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay .sp-simpleportfolio-btns a{
    
    background-color: #007bff;
    border-color: #007bff;
    color: #fff;
}
.portfolio-tags-list {
	color: #007bff;
	font-style: italic;
	border-bottom: 1px solid #ccc;
}
.portfolio-mini-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.portfolio-mini-nav ul li a {
    padding: 4px 10px;
    background: #f5f5f5;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    transition: 0.2s;
}

.portfolio-mini-nav ul li a:hover {
    background: #007bff;
    color: #fff;
}
textarea.navlinks {
    font-family: monospace;
    white-space: pre-wrap;
}
.nav-icon {
	color: #007bff; /* Голубой (можно заменить на нужный) */
	margin-right: 2px; /* Отступ между иконкой и текстом */
	margin-left: 5px; /* Отступ между иконкой и текстом */
}
.sigplus-gallery>ul>li {
    display: inline-block;
    position: relative;
    margin: 0px;
    margin: -6px 1px 0px 2px;
    border: 0 none transparent;
    padding: 0;
    background: transparent none no-repeat scroll 0 0;
    text-align: center;
    visibility: visible;
    opacity: 1;
    animation: fade-in 1s;
}
.sppb-addon-accordion .sppb-addon-content .sppb-panel-group .sppb-panel.sppb-panel-faq .sppb-panel-heading .sppb-panel-title {
    font-size: 16px;
    line-height: inherit;
    color: #27282a;
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
}

sppb-btn{
    border:solid 1px ;
}

.top-contact-bar {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 20px; /* уменьшил с 32px или 40px */
  padding: 6px 0;
}

.top-link {
  text-decoration: none;
  color: #555;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  gap: 5px; /* расстояние между иконкой и текстом */
  margin: 0; /* убрать лишние внешние отступы */
}

.top-link i {
  color: #666;
}
.top-link:hover,
.top-link:hover i {
  color: #3366ff;
}

/* Responsive adjustments */
@media (max-width: 480px) {
  .top-link {
    font-size: 12px;
    gap: 4px;
  }

  .top-contact-bar {
    padding: 4px;
    gap: 10px;
  }
}
@media (max-width: 768px) {
  .top-contact-bar {
    gap: 12px;
  }

  .top-link {
    font-size: 13px;
  }
}
.logo-image-phone {
    height: 60px;
    padding: 2px;
}
#sppb-addon-sAMCEtUpCF6MkIApInwmX #sppb-modal-sAMCEtUpCF6MkIApInwmX-selector.sppb-btn-custom {
    background-color: #3366FF;
    color: #FFFFFF;
    border: 1px solid #fff;
}