/**
 * Theme Name:     Biltmore Loan & Jewelry
 * Author:         Biltmore Loan & Jewelry
 * Template:       astra
 * Text Domain:	   biltmore-loan-jewelry
 * Description:    Custom Child Theme
 * Version:        1
 */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

* { margin: 0px; padding: 0px; outline: none; }
img { height:auto; max-width:100%; }
a { text-decoration: none; transition: all 0.3s ease; }
a:hover { transition: all 0.3s ease; }  

#colophon { display:none; }


:root {
  --heading: "Cormorant Garamond", serif;
  --paragraph: "Inter", sans-serif;
  --text: #847362;
  --yellow: #f2b527;
  --brown:#54412d;
  --yellow-hover:#f1b527e6;
  --white-bg:#ffffff45;	
  --white-color: #fff;
  --black-color: #000;
  --darker-brown:#3d3329;	
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semimedium: 600;
  --font-weight-bold: 700;
}

#ast-scroll-top { background-color: var(--yellow); border-radius: 0px; }

#page h1 { font-size:72px; line-height:72px; font-weight: var(--font-weight-bold); }
#page h2 { font-size:48px; line-height:48px; font-weight: var(--font-weight-bold); color: var(--darker-brown); }
#page h3 { font-size:30px; line-height:36px; font-weight: var(--font-weight-bold); color: var(--darker-brown); }
#page h4 { font-size:24px; line-height:32px; font-weight: var(--font-weight-bold); color: var(--darker-brown); }
#page h5 { font-size:20px; line-height:30px; font-weight: var(--font-weight-bold); color: var(--darker-brown); }
#page h6 { font-size:20px; line-height:28px; font-weight: var(--font-weight-bold); color: var(--darker-brown); }
#page h1, #page h2, #page h3, #page h4, #page h5, #page h6 , #page .elementor-heading-title span  { font-family: var(--heading); }

body {  font-size:18px; line-height: 30px; color: var(--text); font-family: var(--paragraph); font-weight: var(--font-weight-normal); background: #fff; }
#page p, #page .elementor-widget-container, #page .elementor-widget-text-editor { font-size:20px; line-height: 28px; color: var(--text); font-family: var(--paragraph); font-weight: var(--font-weight-normal); letter-spacing: 0px; height: auto;}
#page .elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, #page .elementor-widget-icon-list .elementor-icon-list-item > a, #page ul li, #page .inner-ul-li ul li{ font-size: 14px; line-height: 20px; color: var(--text); font-family: var(--paragraph); font-weight: var(--font-weight-normal); letter-spacing: 0px; }

#page .yellow-color { color: var(--yellow); }
#page .text-white-light { color: rgba(247, 245, 242, 0.8); }
#page .white-title h1, #page .white-title h2, #page .white-title h3, #page .white-title h4, #page .white-title h5, #page .white-title h6, #page .white-title p, #page .white-title .elementor-widget-container, #page .white-title  { color: var(--white-color); }
/*
#page .btn a { border-radius:6px; font-weight:500; font-size:14px; line-height:20px; cursor: pointer; }

#page .elementor-button { font-family: var(--paragraph); font-size: 14px; font-weight: var(--font-weight-medium); text-transform: none; line-height: 24px; letter-spacing: 0px; fill: var(--brown); color: var(--brown); background-color: var(--yellow);  outline: none; padding: 8px 16px; border-radius: 6px; border: none; }
#page .elementor-button:hover { background-color: var(--yellow-hover); }

#page .primary-btn a { background-color:var(--yellow); color:var(--brown);   }
#page .primary-btn a:hover { background-color:var(--yellow-hover)}

#page .secondary-btn a { background-color:var(--white-bg); backdrop-filter: blur(4px); border:1px solid rgba(247, 245, 242, 0.3); cursor: pointer;  color:var(--white-color);}
#page .secondary-btn a:hover { color:var(--brown); background-color:var(--white-bg); backdrop-filter: blur(4px);} 
*/
#page p:only-of-type { margin-bottom:0 }

#header .logo a { font-family: var(--heading) !important; }
#header .phone .elementor-icon-list-text { font-weight:var(--font-weight-semimedium); font-size:16px; line-height:24px;}
#header .phone svg { path:transparent; stroke:var(--brown);}
#header .phone a:hover svg { stroke:var(--yellow);}

#header .logo span { font-family: var(--heading); }

#page .hero-banner:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-image: linear-gradient(
    to right,
    hsl(30 30% 25% / .95),    /* from */
    hsl(30 30% 25% / .8),     /* via */
    hsl(30 30% 25% / .6)      /* to */
);
}

#page .hero-banner .btn a{ font-size:18px; line-height: 28px; font-weight:600; min-width:148px; padding:10px 32px;  }
#page .hero-banner .elementor-image-box-description { font-size:14px; line-height:20px; color:#f7f5f2cc}


#page .service-box ul { margin:0; padding:0; list-style-type:disc; list-style-position:inside; margin-top:16px; }
#page .service-box ul li { font-size:14px; line-height:20px; margin-bottom:8px; }
#page .service-box ul li:last-child { margin-bottom:0}
#page .service-box ul li::marker { color:#F1B527}
#page .service-box .elementor-icon-box-description , #page .work-box .elementor-icon-box-description  { font-size:16px; line-height:24px; }

#page .work-box .elementor-icon {border:2px solid #f1b527; border-radius:50%; padding:25px;}
#page .work-grid .work-box {position:relative;}

#page .works-grid .work-box .elementor-icon {position:relative;}
#page .works-grid .work-box .elementor-icon::after {content:""; position:absolute; top:0; right:-20px; width:100%; text-align:center; background-color:#f1b527; width:40px; height:40px; display:flex; justify-content:center; align-items:center; border-radius:50%; font-size:14px; line-height:20px; font-weight:700; aspect-ratio:1; color:var(--brown); font-weight:700;}

#page .works-grid .work-box:nth-child(1) .elementor-icon:after{content:"01"}
#page .works-grid .work-box:nth-child(2) .elementor-icon:after{content:"02"}
#page .works-grid .work-box:nth-child(3) .elementor-icon:after{content:"03"}
#page .works-grid .work-box:nth-child(4) .elementor-icon:after{content:"04"}

#page .buy-box {aspect-ratio:1}
#page .buy-box:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0.8; background-image:linear-gradient( to top, hsl(30 30% 25%), hsl(30 30% 25% / 0.6), transparent );}
#page .buy-box .tiny-text , #page .buy-box .tiny-text p {font-size:14px; line-height:20px; color:#f7f5f2e6; margin-bottom:0}

#page .medium-text {font-size:18px; line-height:28px;}
#page .small-text , #page .footer-sec  .small-text ul li a span.elementor-icon-list-text {font-size:16px; line-height:24px;}
#page .buy-section .small-text {font-weight:var(--font-weight-semimedium)}

#page .contact-details .elementor-icon-list-item > .elementor-icon-list-text , #page .contact-details .elementor-icon-list-item a {font-size:16px; line-height:24px;}
#page .brown {color:var(--darker-brown);}

#page .contact-details strong {font-weight:var(--font-weight-semimedium);}
#page .contact-details svg {stroke:var(--yellow);}
#page .contact-details a:hover strong { color:var(--yellow);}

#page .banner-image-box h3 { color: var(--yellow); }

#page .inner-ul-li ul li { list-style-type: square; }
#page .inner-ul-li ul li::marker { color: var(--yellow); }

#page .how-sec-flip .elementor-flip-box__front .elementor-flip-box__layer__inner h2, #page .how-sec-flip .elementor-flip-box__back h3 { color: var(--white-color); }
#page .yellow-markers li::marker { color: yellow; }
#page .yellow-markers { margin: 0px; }
#page .yellow-markers li { text-align: left; font-size: 20px; line-height: 30px; color: #fff; margin-bottom: 5px; margin-top: 5px; }

/*
#page .buy-box { transition: background-size 0.5s ease; }
#page .buy-box:hover { background-size: 110%; }
*/
.buy-box { position: relative; overflow: hidden; } 
.buy-box::before { content: ""; position: absolute; inset: 0; background: inherit; background-size: cover; background-position: center; transition: transform 0.6s ease; z-index: 0; }
.buy-box:hover::before { transform: scale(1.1); }

/******Footer*****/
#page .footer-sec h4 { color: var(--yellow); font-size: 16px; line-height: 24px;  }
#page .footer-sec p { color: rgba(247, 245, 242, 0.8); }
#page .footer-sec .text-white-light ul li a, #page .footer-sec .text-white-light ul li a span.elementor-icon-list-text, #page .footer-sec .text-white-light ul li span.elementor-icon-list-text{ color: rgba(247, 245, 242, 0.8); font-size: 16px; line-height: 24px; }

#page .footer-sec .text-white-light ul li a:hover, #page .footer-sec .text-white-light ul li a span.elementor-icon-list-text:hover { color: var(--yellow); }
#page .footer-sec .copyright ul li span.elementor-icon-list-text { font-size: 14px; line-height: 20px; color: rgba(247, 245, 242, 0.6); }

/***Accodion***/
#page .faq-sec .e-n-accordion-item { margin-bottom: 10px;}
#page .faq-sec .e-n-accordion-item div { border: 0px;}
#page .faq-sec .e-n-accordion-item-title { background-color: var(--yellow); border-radius: 8px; padding: 20px 15px; }
	
#content p a { color: var(--yellow); }
#content p a:hover { color: var(--brown); }
#content .constant-sec p a:hover { color: var(--white-color); }

/*******************  Responsive  ***************************/
	

@media (min-width: 1400px) and (max-width: 1499px) {


	
}

@media (min-width: 1300px) and (max-width: 1399px) {
 


}

@media (min-width: 1200px) and (max-width: 1299px) {


	
}

@media (min-width: 1025px) and (max-width: 1200px) {

#page h1 { font-size: 60px; line-height: 70px; }
#page h2 { font-size: 42px; line-height: 52px; }
#page h3 { font-size: 30px; line-height: 40px; }
#page h4 { font-size: 24px; line-height: 34px; }   
#page h5 { font-size: 20px; line-height: 30px; } 
#page p, #page .elementor-widget-container, #page .elementor-widget-text-editor, #page .elementor-widget ul li{ font-size: 20px; line-height: 28px; }
#page ul li, #page ol li {  font-size:14px; line-height: 20px; }
	

}

@media (min-width: 881px) and (max-width: 1024px) {

#page h1 { font-size: 50px; line-height: 60px; }
#page h2 { font-size: 40px; line-height: 50px; }
#page h3 { font-size: 30px; line-height: 40px; }
#page h4 { font-size: 24px; line-height: 34px; }   
#page h5 { font-size: 20px; line-height: 30px; } 
#page p, #page .elementor-widget-container, #page .elementor-widget-text-editor, #page .elementor-widget ul li{ font-size: 20px; line-height: 28px; }
#page ul li, #page ol li {  font-size:14px; line-height: 20px; }

	
}

@media (min-width: 768px) and (max-width: 880px) {

#page h1 { font-size: 50px; line-height: 60px; }
#page h2 { font-size: 40px; line-height: 50px; }
#page h3 { font-size: 30px; line-height: 40px; }
#page h4 { font-size: 24px; line-height: 34px; }   
#page h5 { font-size: 20px; line-height: 30px; } 
#page p, #page .elementor-widget-container, #page .elementor-widget-text-editor, #page .elementor-widget ul li{ font-size: 20px; line-height: 28px; }
#page ul li, #page ol li {  font-size:14px; line-height: 20px; }


	
}

@media(min-width:481px) and (max-width:767px)  {
	#page .buy-sec	{ grid-template-columns: repeat(2, 1fr);}
	#page .buy-box { aspect-ratio:unset !important;}
}



@media (max-width: 767px) {

#page h1 { font-size: 40px; line-height: 50px; }
#page h2 { font-size: 30px; line-height: 40px; }
#page h3 { font-size: 28px; line-height: 38px; }
#page h4 { font-size: 24px; line-height: 34px; }   
#page h5 { font-size: 20px; line-height: 30px; } 
#page p, #page .elementor-widget-container, #page .elementor-widget-text-editor, #page .elementor-widget ul li, #page .footer-sec .text-white-light ul li a, #page .footer-sec .text-white-light ul li a span.elementor-icon-list-text, #page .footer-sec .text-white-light ul li span.elementor-icon-list-text { font-size: 16px; line-height: 24px; }
#page ul li, #page ol li {  font-size:14px; line-height: 20px; }
#header .phone .elementor-icon-list-text { display:none;}
/* #header .phone .elementor-icon-list-icon { width:30px; height:30px; display:flex; justify-content:center; align-items:center; aspect-ratio: 1; border: 1px solid var(--brown); border-radius: 50%;} */
#header .phone .elementor-icon-list-icon svg{ margin:0}
#page .primary-btn a { font-size: 16px; line-height: 26px; }
/*  */
	
}
	

@media (max-width: 480px) {

#page h1 { font-size: 40px; line-height: 50px; }
#page h2 { font-size: 30px; line-height: 40px; }
#page h3 { font-size: 28px; line-height: 38px; }
#page h4 { font-size: 24px; line-height: 34px; }   
#page h5 { font-size: 20px; line-height: 30px; } 
#page p, #page .elementor-widget-container, #page .elementor-widget-text-editor, #page .elementor-widget ul li, #page .footer-sec .text-white-light ul li a, #page .footer-sec .text-white-light ul li a span.elementor-icon-list-text, #page .footer-sec .text-white-light ul li span.elementor-icon-list-text { font-size: 16px; line-height: 24px; }
#page ul li, #page ol li {  font-size:14px; line-height: 20px; }
#header .logo a { font-size: 18px; }
#page .primary-btn a { font-size: 16px; line-height: 26px; }
	
}