/*
Theme Name: sunplicity_theme
Theme URI: https://sunplicity.com.au/
Author: Your Name
Author URI: http://example.com/
Description: A custom WordPress theme.
Version: 1.0
*/

@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:ital,wght@0,400..700;1,400..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


body {
	font-family: "Open Sans", sans-serif;
	color: #333;
}

h1, h2, h3, h4, h5 {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
}

.mention {
	font-family: "Archivo Narrow", sans-serif;
}

.color {
	color: #ee7939;
}

nav {
	background-color: #ee7939;
}

.nav-link {
	color: #fff;
	font-weight: 600;
}


.material-symbols-outlined {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}

.mainHeader {
	min-height: 100vh;
	height: 100vh;
	overflow: hidden;
}

header .carousel, .carousel-inner,header .carousel-item {
	height: 100%;
}

header .carousel img {
	object-fit: cover;
	object-position: center center;
	height: 100%;
	width: 100%;
}

.shopBanner {
	background-image: url("images/slide3.png");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 300px;
}


.shopBanner2 {
	background-image: url("images/bg3.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 300px;
}

.strip {
	border-top: solid #ee7939 1px;
	width: 80px;
	opacity: 1;
}

.btn {	
	color: #fff;
	font-weight: 600;
	font-family: "Montserrat", sans-serif;
	border-radius: 0;
	letter-spacing: .1rem;
	background-size: 300% 100%;
	transition: all .4s ease-in-out;
	background-image: linear-gradient(to right, #ee7939 30%, #fca600);
	background-position: 1% 0;
	font-size: .9rem;
}

.btn:hover {
	background-position: 99% 0;
	transition: all .4s ease-in-out;
	color: #fff;
}

.beigeBg {
	background-color: #f7f3eb;
}

.tag {
	color: #ee7939;
	font-size: 12px;
	letter-spacing: .2rem;
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
}

.headerTitle {
	color: #ee7939;
	text-transform: uppercase;
	font-weight: 500;
    font-size: 16px;
    letter-spacing: 3px;
}

p {
	color: #666;
	font-size: .9rem;
	line-height: 1.8rem;
}

.checkIcon, .plusSign {
	color: #ee7939;
	font-variation-settings:
  'FILL' 0
}




.btn-2 {
	letter-spacing: 0;
}

.smaller {
	font-size: 12px;
	font-family: "Montserrat", sans-serif;
}

footer a {
	text-decoration: none;
	color: #fff;
	font-size: .8rem;
	font-weight: 600;
	text-transform: uppercase;
	transition: .2s;
	letter-spacing: .05rem;
}
footer a:hover {
	text-decoration: none;
	color: #ee7939;
}

.imgHover {
	position: relative;
	z-index: 1;
}

.imgHover img {
	transition: .4s;
}
.imgHover:hover img {
	filter: brightness(.75);
}

.imgHover .eye {	
	font-size: 40px;
	color: #fff;
	font-variation-settings:		
	  'wght' 500,
	  'FILL' 0
		
}

.imgHover span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: .4s;
	opacity: 0;
	z-index: 2;
}

.imgHover:hover span {
	opacity: 1;
}
.shopHover {
	position: relative;
	z-index: 1;
}

.shopHover img {
	transition: .4s;
}
.shopHover:hover img {
	filter: brightness(1.5);
	opacity: .25;
}

.shopHover .plusSign {	
	font-size: 40px;
	color: #ee7939;
	font-variation-settings:		
	  'wght' 500,
	  'FILL' 0
		
}

.shopHover span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: .4s;
	opacity: 0;
	z-index: 2;
}

.shopHover:hover span {
	opacity: 1;
}

.tsHeader {
	background-image: url("images/bg2.png");
	background-position: center center;
	background-size: cover;
	position: relative;	
}
.tiHeader {
	background-image: url("images/bg3.jpg");
	background-position: center center;
	background-size: cover;
	position: relative;	
}

.rHeader {
	background-image: url("images/bg4.jpg");
	background-position: center center;
	background-size: cover;
	position: relative;	
}


.vHeader {
	background-image: url("images/bg5.jpg");
	background-position: center center;
	background-size: cover;
	position: relative;	
}
.cHeader {
	background-image: url("images/bg6.png");
	background-position: center center;
	background-size: cover;
	position: relative;	
}

.tsHeader h4, .tiHeader h4, .rHeader h4, .vHeader h4, .cHeader h4 {
	letter-spacing: .1rem;
}

@media screen and (min-width: 1400px) {
	.tsHeader .display-1, .tiHeader .display-1, .vHeader .display-1, .cHeader .display-1 {
		font-size: 8rem;
	}
	.rHeader .display-1 {
		font-size: 6rem;
	}
}

.accordion-item {
	border: dashed #ee7939 1px!important;
}

.accordion-button {
  color: #ee7939;
  background-color: transparent;
  box-shadow: none!important;
	font-weight: 600;
	text-transform: uppercase;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}
.accordion-button:not(.collapsed) {
  color: #ee7939;
  background-color: transparent;
  box-shadow: none!important;
	
}

.accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ee7939' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
  transition: all 0.5s;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ee7939' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}
.accordion-button::after {
  transition: all 0.5s;
}

.modal-body {
	padding: 0;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.btn-close {
	position: absolute;
	top: 1rem;
	right: 1rem;
	--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}

.title1 {
	position: relative;
	z-index: 1;
	padding-left: 100px;
}

.title1::before {
	content: "";
	background-image: url("images/icon.webp");
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	height: 100%;
	width: 80px;
	position: absolute;
	left: 0;
	top: 0;
}

.cartUpdate {
	background-color: #bfbfbf;
}

.btn-3 {
	background-color: #888!important;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	text-decoration: none;
}

td {
	vertical-align: middle;
}

input[type="number"] {
	width: 60px;
}

.subpageText h5 {
	font-family: "Archivo Narrow", sans-serif;
	font-size: 18px;
}

.bg-light {
	background-color: #eee!important;
}

input:hover ~ label {
	color: darkred!important;
}

.payment {
	background-color: #f6f6f6;
}

.bg-light.collapse {
	background-color: #eee;
	position: relative;
	z-index: 1;
	margin-top: 20px;
}

.triangle {
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 0 14px 14px 14px;
   border-color: transparent transparent #eee transparent;
   transform: rotate(0deg);
	position: absolute;
	top: -14px;
	left: 20px;
	z-index: 2;
}

.productCarousel .carousel-indicators {
	position: relative;
	margin-left: 0!important;
	margin-right: 0!important;
}

.productCarousel .carousel-indicators button {
	height: 100px!important;
	width: 25%!important;
	background-color: red!important;
	border: solid rgba(0,0,0,.25) 1px;
	border-radius: 4px;
	overflow: hidden;
}


.productCarousel .carousel-indicators button img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.productCarousel .carousel-indicators [data-bs-target] {
	text-indent: 0!important;
}

footer .d-lg-flex.mt-4.mt-lg-0 {
  display: none !important;
}