/*
Theme Name: Elevate Pro
Theme URI: https://www.bluesummitcreative.com/
Author: Blue Summit Creative
Author URI: https://www.bluesummitcreative.com/
Description: A custom WordPress theme built by Blue Summit Creative.
Version: 1.1.0
Requires at least: 6.0
*/

:root {

	/*Theme Colors*/
	--primary: #2b2927;
	--secondary: #8a3e22;
	--bodycolor:#222;
	--link:#211b12;
	--linkhover:#9b4b2e;
	--btncolor1:#fff;
	--btncolor2:#fff;
	--navlink:#2b2927;
	--navhover:#000;
	--footercolor:#222;

	/*Fonts*/
	--bodyfont:'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
	--headingfont:'Cormorant Garamond', Georgia, 'Times New Roman', serif;

	/*Backgrounds*/	
	--bodybg:transparent;
	--headerbg:#fff;
	--footerbg:transparent;

}


.bg-dark {background-color:#000!important;}

body {
	font-family: var(--bodyfont);
	color:var(--bodycolor);
	background:var(--bodybg);
}


header.header {
	background:var(--headerbg);
}

.header-offset {
	padding-top: var(--header-height)!important;
}



body.home {}

p {}

p.lead {font-weight:bold;}

strong {color:var(--primary);}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, .h5, .h5, h6, .h6 {
	font-family: var(--headingfont);
	color: var(--primary);
}

a {
	color:var(--primary);
}

a:hover, a:active {
	color:var(--secondary);
}





.nav-link {color:var(--navlink)!important;}
.nav-link:focus, .nav-link:hover {color:var(--navhover)!important;}

.dropdown-menu {
	border-radius:0;
	border:0;
}

.dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover {
	color:var(--navlink)!important;
	text-decoration: none!important;
	background-color:var(--headerbg)!important;
}


/*Structure*/

img.logo, .woocommerce .logo {
	max-width:210px;
}

header {
	background:var(--headerbg);
}

/* .dropdown-menu[data-bs-popper] {margin-top:0;} */

.page-header {
	padding-top:10rem;
	padding-bottom:5rem;
	background-repeat:no-repeat!important;
	background-size:cover!important;
	background-position:center center!important;
}

.sidebar {

}

footer.footer {
	background-color: var(--footerbg);
	color: var(--footercolor);
}

footer.footer a, footer.footer a:hover {
	color: var(--footercolor);
	text-decoration:none;
}

.widget ul {
	list-style:none;
	padding-left:0;
}

.widget ul li a {
	text-decoration:none;
}

.copyright {
	font-size:.75rem;
}

.social-links img {
	background-color: var(--primary);
	width:2rem;
}

.social-links img:hover {
	background-color: var(--secondary);
}


/*Buttons & Backgrounds*/

.btn {
	border-radius:0;
}

.btn-primary {
	color: var(--btncolor1);
	background-color: var(--primary);
	border-color: var(--primary);
}

.btn-primary:hover {
	color: var(--primary);
	background-color: var(--btncolor1);
	border-color: var(--btncolor1);
}

.btn-outline-primary {
	color: var(--primary);
	border-color: var(--primary);
}

.btn-outline-primary:hover {
	color: var(--primary);
	background-color: var(--btncolor1);
	border-color: var(--btncolor1);
}

.bg-primary {
	background-color: var(--primary);
}

.btn-secondary {
	color: var(--btncolor2);
	background-color: var(--secondary);
	border-color: var(--secondary);
}

.btn-secondary:hover {
	color: var(--secondary);
	background-color: var(--btncolor2);
	border-color: var(--btncolor2);
}

.btn-outline-secondary {
	color: var(--secondary);
	border-color: var(--secondary);
}

.btn-outline-secondary:hover {
	color: var(--secondary);
	background-color: var(--btncolor2);
	border-color: var(--btncolor2);
}

.bg-secondary {
	background-color: var(--secondary);
}

/*Home Page*/
.hero-img-wrapper {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 0; /* Pushes it behind the text */
}

.hero-img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures it fills the space properly */
  object-position: center; /* Adjust the focal point */
}





.home-testimonials {
	background:#585858;
	color:#fff;
}

.home-steps {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

/*Gallery*/
.sl-overlay {
	background: #000;
	opacity: 0.8;
}

/*Blog Posts*/
.blog-post-title {}

.blog-post-title a {
	text-decoration:none;
}

.blog-post-meta a {
	text-decoration:none;
}

.post-meta {
	font-size: .75rem;
}

/*ul.page-numbers {display: inline-flex; flex-direction: row; list-style: none; padding-left: 0}*/
ul.page-numbers {
	list-style:none;
	display: inline-flex;
	flex-direction:row;
	padding: 1rem;
	margin: 1rem 0;
	border: 1px solid #eee;
	line-height: 1;
	text-decoration: none;
	border-radius: 2px;
	font-weight: 600;
}
ul.page-numbers > li {margin-right: 1rem;padding: 0 0.5rem;}
ul.page-numbers > li:last-child {margin-right:0;}
.page-numbers.current, a.page-numbers:hover {
	background: #f9f9f9;
}



/* Gradient transparent - color - transparent */
hr {
	border: 0!important;
	height: 1px!important;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0))!important;
	margin:2.5em 0 2em;
}

.share-post {
	/*border: 1px solid;*/
	padding: 1em;
	/*border-radius: 4px;*/
}

.share-post ul.socials {
	text-wrap:normal;
	padding-left:0;
}

.share-post ul.socials li.pr-2 {
	padding-right:1em!important;

}

.share-post ul.socials li.pr-2:last-child {
	padding-right:0!important;

}

/* X-Small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
.home-hero {
		height: 50vh; /* Example for small devices */
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

	.navbar-expand-md .navbar-nav .nav-link {
		padding-left:2rem;
		padding-right:2rem;
	}

	.home-hero {
		height: 75vh; /* Example for medium devices */
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
	.home-hero {
		height: 72vh; /* Example for large devices */
	}
	
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {}

/* Coming Soon (Minimal) */
.coming-soon-min .coming-soon-logo {
  max-width: 220px;
  height: auto;
  display: inline-block;
}
.coming-soon-min .coming-soon-title {
  font-weight: 700;
}
.coming-soon-min .coming-soon-message p:last-child {
  margin-bottom: 0;
}