/*=========================================
SEARCH HERO
=========================================*/

.search-hero{
padding:20px 0 50px;
background:#faf8f5;
position:relative;
overflow:hidden;
}

.search-hero::before{
content:"";
position:absolute;
top:-180px;
right:-180px;
width:420px;
height:420px;
border-radius:50%;
background:rgba(201,143,114,.08);
}

.search-hero::after{
content:"";
position:absolute;
left:-120px;
bottom:-120px;
width:260px;
height:260px;
border-radius:50%;
background:rgba(201,143,114,.05);
}

/*=========================================
BREADCRUMB
=========================================*/

.search-breadcrumb{
font-size:14px;
color:#777;
margin-bottom:25px;
}

.search-breadcrumb a{
color:#555;
text-decoration:none;
transition:.3s;
}

.search-breadcrumb a:hover{
color:#c98f72;
}

.search-breadcrumb span{
margin:0 10px;
}

/*=========================================
BADGE
=========================================*/

.search-badge{
display:inline-block;
padding:8px 18px;
background:#f2e6dd;
color:#c98f72;
border-radius:50px;
font-size:12px;
font-weight:600;
letter-spacing:2px;
text-transform:uppercase;
margin-bottom:25px;
}

/*=========================================
TITLE
=========================================*/

.search-hero h1{
font-family:'Cormorant Garamond',serif;
font-size:62px;
line-height:1.1;
color:#222;
margin-bottom:25px;
}

.search-hero p{
font-size:17px;
line-height:1.9;
color:#666;
max-width:650px;
margin-bottom:35px;
}

/*=========================================
SEARCH FORM
=========================================*/

.search-page-form{
display:flex;
gap:15px;
margin-top:20px;
}

.search-page-form input{
flex:0.7;
height:60px;
border:none;
background:#fff;
border-radius:10px;
padding:0 20px;
font-size:16px;
box-shadow:0 10px 30px rgba(0,0,0,.06);
outline:none;
transition:.35s;
}

.search-page-form input:focus{
box-shadow:0 0 0 4px rgba(201,143,114,.15);
}

.search-page-form button{
height:60px;
padding:0 30px;
border:none;
background:#c98f72;
color:#fff;
border-radius:10px;
font-size:15px;
font-weight:600;
display:flex;
align-items:center;
gap:10px;
cursor:pointer;
transition:.35s;
}

.search-page-form button:hover{
background:#b67a5f;
}

/*=========================================
RESULT COUNTER
=========================================*/

.search-total{
background:#fff;
padding:45px 30px;
border-radius:20px;
text-align:center;
box-shadow:0 15px 45px rgba(0,0,0,.08);
}

.search-total h2{
font-family:'Cormorant Garamond',serif;
font-size:72px;
color:#c98f72;
margin:0;
line-height:1;
}

.search-total span{
display:block;
margin-top:12px;
font-size:15px;
letter-spacing:2px;
text-transform:uppercase;
color:#666;
}

/*=========================================
RESULT SECTION
=========================================*/

.search-results{
padding:50px 0;
background:#fff;
}

/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:991px){

.search-hero{
padding:90px 0 70px;
}

.search-hero h1{
font-size:46px;
}

.search-total{
margin-top:40px;
}

}

@media(max-width:767px){

.search-hero{
padding:70px 0 50px;
}

.search-hero h1{
font-size:34px;
}

.search-hero p{
font-size:15px;
}

.search-page-form{
flex-direction:column;
}

.search-page-form input,
.search-page-form button{
width:100%;
}

.search-total h2{
font-size:52px;
}

.search-results{
padding:60px 0;
}

}

/*=========================================
CARD
=========================================*/

.search-card{
background:#fff;
border-radius:20px;
overflow:hidden;
box-shadow:0 15px 45px rgba(0,0,0,.06);
transition:.35s;
height:100%;
}

.search-card:hover{
transform:translateY(-10px);
box-shadow:0 25px 60px rgba(0,0,0,.12);
}

.search-card a{
display:block;
text-decoration:none;
color:inherit;
height:100%;
}

/*=========================================
IMAGE
=========================================*/

.search-image{
height:240px;
overflow:hidden;
}

.search-image img{
width:100%;
height:100%;
object-fit:cover;
transition:.45s;
}

.search-card:hover .search-image img{
transform:scale(1.08);
}

/*=========================================
NO IMAGE
=========================================*/

.search-placeholder{
height:240px;
display:flex;
align-items:center;
justify-content:center;
background:#f5f5f5;
}

.search-placeholder i{
font-size:70px;
color:#c98f72;
}

/*=========================================
CONTENT
=========================================*/

.search-content{
padding:28px;
display:flex;
flex-direction:column;
height:calc(100% - 240px);
}

/*=========================================
META
=========================================*/

.search-meta{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:18px;
font-size:13px;
}

.search-category{
display:inline-block;
padding:6px 14px;
background:#f2e6dd;
color:#c98f72;
border-radius:30px;
font-weight:600;
}

.search-date{
color:#777;
font-size:13px;
}

/*=========================================
TITLE
=========================================*/

.search-content h3{
font-family:'Cormorant Garamond',serif;
font-size:30px;
line-height:1.3;
margin-bottom:15px;
color:#222;
transition:.3s;
}

.search-card:hover h3{
color:#c98f72;
}

/*=========================================
DESCRIPTION
=========================================*/

.search-content p{
font-size:15px;
line-height:1.9;
color:#666;
margin-bottom:25px;
flex:1;
}

/*=========================================
READ MORE
=========================================*/

.search-read{
display:inline-flex;
align-items:center;
gap:10px;
font-size:15px;
font-weight:600;
color:#222;
transition:.35s;
}

.search-read i{
transition:.35s;
}

.search-card:hover .search-read{
color:#c98f72;
}

.search-card:hover .search-read i{
transform:translateX(6px);
}

/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:991px){

.search-image,
.search-placeholder{
height:220px;
}

.search-content{
height:auto;
}

.search-content h3{
font-size:28px;
}

}

@media(max-width:767px){

.search-image,
.search-placeholder{
height:200px;
}

.search-content{
padding:22px;
}

.search-meta{
flex-direction:column;
align-items:flex-start;
gap:10px;
}

.search-content h3{
font-size:24px;
}

.search-content p{
font-size:14px;
}

.search-read{
font-size:14px;
}

}

/*=========================================
NO RESULTS
=========================================*/

.search-empty{
background:#faf8f5;
padding:80px 40px;
border-radius:24px;
text-align:center;
box-shadow:0 15px 45px rgba(0,0,0,.06);
}

.empty-icon{
width:110px;
height:110px;
margin:0 auto 30px;
border-radius:50%;
background:#fff;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 10px 35px rgba(0,0,0,.08);
}

.empty-icon i{
font-size:46px;
color:#c98f72;
}

.search-empty h2{
font-family:'Cormorant Garamond',serif;
font-size:48px;
color:#222;
margin-bottom:20px;
}

.search-empty p{
max-width:700px;
margin:0 auto 35px;
font-size:16px;
line-height:1.9;
color:#666;
}

.search-empty strong{
color:#c98f72;
}

.empty-buttons{
display:flex;
justify-content:center;
gap:18px;
flex-wrap:wrap;
}

/*=========================================
CTA
=========================================*/

.search-cta{
padding:110px 0;
background:#faf8f5;
}

.search-cta-box{
background:linear-gradient(135deg,#1f1f1f,#343434);
padding:80px 60px;
border-radius:24px;
text-align:center;
position:relative;
overflow:hidden;
box-shadow:0 30px 80px rgba(0,0,0,.18);
}

.search-cta-box::before{
content:"";
position:absolute;
top:-120px;
right:-120px;
width:260px;
height:260px;
border-radius:50%;
background:rgba(255,255,255,.05);
}

.search-cta-box::after{
content:"";
position:absolute;
left:-80px;
bottom:-80px;
width:180px;
height:180px;
border-radius:50%;
background:rgba(255,255,255,.04);
}

.search-cta-box>*{
position:relative;
z-index:2;
}

.search-cta-box span{
display:inline-block;
font-size:12px;
font-weight:600;
letter-spacing:3px;
text-transform:uppercase;
color:#c98f72;
margin-bottom:18px;
}

.search-cta-box h2{
font-family:'Cormorant Garamond',serif;
font-size:56px;
line-height:1.2;
color:#fff;
margin-bottom:20px;
}

.search-cta-box p{
max-width:720px;
margin:0 auto 35px;
font-size:17px;
line-height:1.9;
color:#ddd;
}

.search-cta .cta-buttons{
display:flex;
justify-content:center;
gap:18px;
flex-wrap:wrap;
}

/*=========================================
BUTTON FIX
=========================================*/

.search-cta .btn-primary-custom{
background:#c98f72;
}

.search-cta .btn-primary-custom:hover{
background:#b67a5f;
}

.search-cta .btn-outline-custom{
border-color:#fff;
color:#fff;
}

.search-cta .btn-outline-custom:hover{
background:#fff;
color:#222;
}

/*=========================================
ANIMATION
=========================================*/

.search-card{
animation:searchFade .6s ease both;
}

.search-card:nth-child(2){
animation-delay:.1s;
}

.search-card:nth-child(3){
animation-delay:.2s;
}

.search-card:nth-child(4){
animation-delay:.3s;
}

.search-card:nth-child(5){
animation-delay:.4s;
}

.search-card:nth-child(6){
animation-delay:.5s;
}

@keyframes searchFade{

0%{
opacity:0;
transform:translateY(40px);
}

100%{
opacity:1;
transform:translateY(0);
}

}

/*=========================================
GLOBAL
=========================================*/

.search-hero,
.search-results,
.search-cta{
position:relative;
overflow:hidden;
}

/*=========================================
SCROLLBAR
=========================================*/

::-webkit-scrollbar{
width:8px;
}

::-webkit-scrollbar-thumb{
background:#c98f72;
border-radius:20px;
}

::-webkit-scrollbar-track{
background:#f5f5f5;
}

/*=========================================
TEXT SELECTION
=========================================*/

::selection{
background:#c98f72;
color:#fff;
}

/*=========================================
TABLET
=========================================*/

@media(max-width:991px){

.search-empty{
padding:60px 30px;
}

.search-empty h2{
font-size:40px;
}

.search-cta{
padding:80px 0;
}

.search-cta-box{
padding:55px 40px;
}

.search-cta-box h2{
font-size:42px;
}

}

/*=========================================
MOBILE
=========================================*/

@media(max-width:767px){

.search-empty{
padding:40px 20px;
}

.empty-icon{
width:80px;
height:80px;
}

.empty-icon i{
font-size:34px;
}

.search-empty h2{
font-size:30px;
}

.search-empty p{
font-size:15px;
}

.empty-buttons{
flex-direction:column;
}

.empty-buttons a{
width:100%;
}

.search-cta{
padding:60px 0;
}

.search-cta-box{
padding:35px 25px;
border-radius:18px;
}

.search-cta-box h2{
font-size:30px;
}

.search-cta-box p{
font-size:15px;
margin-bottom:25px;
}

.search-cta .cta-buttons{
flex-direction:column;
}

.search-cta .cta-buttons a{
width:100%;
}

}

/*=========================================
LARGE DESKTOP
=========================================*/

@media(min-width:1400px){

.search-hero h1{
font-size:45px;
}

.search-cta-box h2{
font-size:64px;
}

}