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

body {
	background-image: url("img/background-image.jpeg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}

#footer-outer .widget {
    margin-bottom: 0;
}

body .white-labels label,
body .white-labels .gform-field-label .gfield_consent_label,
body .white-labels .gfield_required .gfield_required_text,
body .white-labels .gform_wrapper .description,
body .white-labels .gform_wrapper .gfield_description,
body .white-labels .gform_wrapper .gsection_description,
body .white-labels .gform_wrapper .instruction,
body .white-labels .gform_wrapper .top_label .gfield_label {
	color: #fff !important;
}

.d-none {
	display: none;
}

.single-portfolio #sidebar {
	width: 100% !important;
}

#project-meta {
	display: none;
}

.portfolio-items .work-meta h4 {
	line-height: 1.1em !important;
	font-size: 30px !important;
	letter-spacing: 0 !important;
	font-weight: 400 !important;
	padding-bottom: 20px;
}

.portfolio-items .nectar-button {
	background-color: #d4af37 !important;
}

.portfolio-items .inner-wrap {
	background: #222;
    color: #fff;
}

#portfolio-extra hr {
	margin: 30px 0;
}

#project-meta {
	display: none;
}

.portfolio-items .work-meta p {
	padding-bottom: 0;
	line-height: 1.3rem;
	color: #fff;
	font-size: 16px !important;
}

.portfolio-items .work-meta p.portfolio_subtitle {
	margin-bottom: 10px;
	color: #d4af37 !important;
}

.portfolio-items .work-meta {
	padding: 0 15px;
	width: 100%;
}

.portfolio-items .col.span_3 {
    width: 24.9%;
    margin: 0;
    padding: 0;
}

.portfolio-items .work-meta .nectar-button {
margin-top: 10px;
}

body .portfolio-items[data-gutter="10px"][data-col-num="elastic"],
body .portfolio-items[data-gutter="10px"] .col {
    padding: 10px;
}

.booking-button {
	padding: 15px;
	z-index: 999999999;
    position: relative;
}

body .booking-button .nectar-button {
	width: 100%;
    text-align: center;
    font-weight: bold;
	border-radius:40px !important;
	-webkit-border-radius:40px !important;
	color: #000 !important;
	background: #fff !important;
	text-transform: uppercase !important;
}

.work-meta h3 {
	line-height: 1.1em !important;
}

.single-portfolio .row_col_wrap_12.dark,
.single-portfolio .vc_column-inner {
	background: #000000;
}

.single-portfolio .post-area {
	padding: 0;
}

.single-portfolio .post-area .wp-post-image {
	display: block;
	width: 100% !important;
	max-width: 100%;
	height: auto;
}


/* Make sure the carousel wrapper is a positioning context */
.coderra-portfolio-carousel.owl-carousel {
  position: relative;
  padding-bottom: 0;
  margin-bottom: 0;
}

/* NAV ARROWS: center vertically, left/right */
.coderra-portfolio-carousel .owl-nav {
  position: absolute;
  top: 45%;
  left: 10px;
  right: 10px;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  pointer-events: none; /* only buttons clickable */
}

/* Reset Owl button base */
.coderra-portfolio-carousel .owl-nav button {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  pointer-events: auto;
}

/* Arrow circles */
.coderra-portfolio-carousel .owl-nav-prev,
.coderra-portfolio-carousel .owl-nav-next {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 18px;
  line-height: 1;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  background: #fff;
  color: #111;
  cursor: pointer;
}

/* Hover state – tweak to your accent colour if you like */
.coderra-portfolio-carousel .owl-nav button:hover .owl-nav-prev,
.coderra-portfolio-carousel .owl-nav button:hover .owl-nav-next {
  opacity: 0.85;
}

/* DOTS under carousel */
.coderra-portfolio-carousel .owl-dots {
  text-align: center;
  margin-top: 8px;
}

.coderra-portfolio-carousel .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 4px;
  background: rgba(0,0,0,0.25);
  display: block;
  border-radius: 50%;
}

.coderra-portfolio-carousel .owl-dots .owl-dot.active span {
  background: rgba(0,0,0,0.65);
}

/* --- 1 per row: mobile --- */
@media (max-width: 690px) {
	.coderra-tt-filter-wrap .portfolio-items .work-item img {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.single-portfolio .section-title h1 {
		font-size: 40px !important;
        line-height: 50px !important;
	}
}

/* Optional: slightly reduce horizontal overlap on very small screens */
@media (max-width: 480px) {
  .coderra-portfolio-carousel .owl-nav {
    left: 4px;
    right: 4px;
  }
}