/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 3.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* LG20240112 - Why Profound Section */
.why-profound-box {
	aspect-ratio: 128 / 35;
}
.elementor-swiper-button svg {
	fill: #5E3744 !important;
}

/* LG20240116 - Service Slider, Gallery */
.service-slider .swiper-slide {
  height: 600px;
  padding: 40px;
}
.service-slider .swiper-slide figure {
  padding: 30px;
  height: 520px;
  overflow: hidden;
  box-shadow: 0 3px 10px 3px #6666;
  border-radius: 10px;
  background-image: linear-gradient(140deg, #5E3744 30%, #86604D 100%);
}
.service-gallery .gallery figure {
  padding: 3em 1em;
}
.service-slider img.swiper-slide-image {
  position: absolute;
  top: 320px;
  left: 0;
  width: calc(100% - 80px);
  margin: 40px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 3px 6px 3px #9999;
}
.service-gallery .gallery-item img {
  border: 1px solid #5E3744;
  border-radius: 10px 10px 0 0;
}
.service-slider figcaption,
.service-gallery figcaption {
  padding: 0;
  font-style: normal;
  color: #fff;
}
.service-slider .service-card a,
.service-gallery .service-card a {
  text-decoration: none;
}
.service-slider .service-card h2.service-title,
.service-gallery .service-card h2.service-title {
  font-size: 20px;
  font-weight: bold;
}
.service-gallery .service-card {
  position: relative;
  padding: 30px;
  height: 300px;
  overflow: hidden;
  background-image: linear-gradient(140deg, #5E3744 30%, #86604D 100%);
  border-radius: 0 0 10px 10px;
}
.service-slider .service-card .card-body,
.service-gallery .service-card .card-body {
  height: 380px;
  background: -webkit-linear-gradient(to bottom, rgb(255,255,255,1) 40%, rgb(255,255,255,0.5) 50%, rgb(0,0,0,0) 60%);
  background: linear-gradient(to bottom, rgb(255,255,255,1) 40%, rgb(255,255,255,0.3) 50%, rgb(0,0,0,0) 60%);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.service-gallery .service-card .card-body {
  height: 300px;
}
.service-slider .service-card .card-footer,
.service-gallery .service-card .card-footer {
  position: absolute;
  width: 100%;
  top: 300px;
  left: 0;
}
.service-gallery .service-card .card-footer {
  top: 240px;
}
.service-slider .service-card .card-footer a,
.service-gallery .service-card .card-footer a {
  margin: auto;
  background-color: #fff;
  color: #33101e;
  font-weight: bold;
  padding: 10px 30px;
  box-shadow: 0 0 2px 1px #3333;
  border-radius: 3px;
}

/* LG20240116 - Contact page form */

.wpcf7 .form-block {
	float: left;
}
.wpcf7 .form-block.w100 {
	width: 100%;
}
.wpcf7 .form-block.w80 {
	width: 80%;
}
.wpcf7 .form-block.w50 {
	width: 50%;
}
.wpcf7 .form-block ::placeholder {
	color: #666;
	opacity: 1;
}
.wpcf7 .form-block input.wpcf7-text {
	border: none;
	border-radius: 0;
}
.wpcf7 .form-block textarea.wpcf7-textarea {
	border: none;
	border-radius: 0;
	height: 100px;
}
.wpcf7 .form-block .wpcf7-submit {
	width: 100%;
	border: none;
	border-radius: 0;
	background-color: #0169ea;
	color: #fafafa;
}
.wpcf7 .form-block .wpcf7-submit:hover {
	background-color: #1f64b9;
}
.wpcf7 .form-block .wpcf7-spinner {
	position: absolute;
	right: 20%;
	margin: 8px 15px;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	clear: both;
	border-color: #0000;
	color: #fafafa;
}
.wpcf7 form.invalid .wpcf7-response-output:before,
.wpcf7 form.failed .wpcf7-response-output:before {
	content: "\274C\2003";
}

.contact-form .form-block {
	margin-bottom: 20px;
}

/* LG20240111 - Footer Section */
.footer-contact-box .elementor-icon-list-icon {
  width: 38px;
  height: 38px;
  border-radius: 20px;
  background-color: #fff;
  align-items: center;
  justify-content: center;
  padding: 10px;
}
.footer-contact-box .elementor-icon-list-icon svg {
  margin: auto !important;
}
.footer-copyright a {
  color: #B99750;
}
.footer-copyright a:hover {
  color: #decca0;
}
.visitor-counter {
  display: flex;
  color:#fff;
  font-weight: bold;
}

/* Fixed Footer Marquee Scroller */
.marquee {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 1200px;
  overflow: hidden;
  background-color: #532A43;
  white-space: nowrap;
}
.marquee .disclaimer {
  display: block;
  color:#fff;
  font-size: 12px;
  line-height: 18px;
  cursor: pointer;
  width: 2400px;
  position: absolute;
  animation: marquee 20s linear infinite;
}
.marquee .disclaimer:hover {
  animation-play-state: paused;	
}
.marquee .disclaimer span {
  float: left;
  width: 50%;
  overflow: hidden;
}
.marquee .disclaimer a {
  color: #fff;
  text-decoration: none;
}
.marquee .disclaimer a:hover {
  color: #fff;
}
.marquee .disclaimer b {
  animation: blinker 1.5s linear infinite;
}
@keyframes marquee {
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}
@keyframes blinker {
  50% {
	color: #B99750;
  }
}

/* LG20240117 - Service pages */
.single-service .pagehead {
  margin: 0;
  padding: 5em;
  background-image: linear-gradient(140deg, #5E3744 30%, #86604D 100%);
  background-color: #5E3744;
}
.single-service .pagehead h1.entry-title {
  color: #FFFFFF;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 36px;
  padding: 0em 0em 0em 1em;
  border-style: solid;
  border-width: 0px 0px 0px 10px;
  border-color: #B99750;
}
.single-service .page-content {
  margin: 3em 1em;
  min-height: 512px;
  background-image: url('./watermark.webp');
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
}

@media (min-width: 768px) {
  /* Fixed Footer Marquee Scroller */
  .marquee {
	width: 100vw;
  }
  .marquee .disclaimer {
	width: 200vw;	
  }
  .single-service .pagehead h1.entry-title {
	font-size: 2.5rem;
	line-height: 64px;
  }
  .single-service .page-content {
	margin: 3em;
	background-size: auto;
  }
  .wpcf7 .form-block.w20 {
	width: 20%;
  }
}