/* Country Club Kennels Custom Styles */
/* Updated to work without Typepad dependencies */

/* Import our Typepad replacement styles */
@import url(typepad-replacement.css);

/* Custom CSS */
body {
   background: #f6f6ee !important;
   /* Remove any gradient backgrounds that might interfere with banner */
   background-image: none !important;
}

#banner { 
background: url('../images/Banner.jpeg') center center !important;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-attachment: scroll !important;
width: 100% !important;
max-width: 1000px !important;
height: 280px !important;
margin: 0 auto 20px auto !important;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
position: relative;
overflow: hidden;
z-index: 10;
display: block !important;
/* Override any green background from other CSS files */
background-color: transparent !important;
/* Force the background image to show */
background-blend-mode: normal !important;
}

/* Remove overlay to show banner image clearly */
#banner::before {
display: none !important;
}

#banner-inner {
background: transparent !important;
background-color: transparent !important; 
overflow: visible; 
padding: 0; 
width: 100%;
height: 100%;
}

#banner-header {
position: absolute;
left: 0;
top: 0;
width: 100%;
margin: 0;
padding: 0;
height: 100%;
z-index: 10;
}

#banner-header h1 {
margin: 0;
padding: 0;
height: 100%;
position: relative;
z-index: 10;
}

#banner-header a {
display: flex;
align-items: center;
justify-content: center;
left: 0;
top: 0;
height: 100%;
width: 100%;
text-indent: 0;
color: white;
font-size: 28px;
font-weight: bold;
text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
text-decoration: none;
letter-spacing: 1px;
position: relative;
z-index: 10;

/* Fallback for older browsers */
line-height: 119px;
text-align: center;
}

#banner-description {
position: absolute;
bottom: 10px;
left: 20px;
right: 20px;
color: rgba(255,255,255,0.9);
font-size: 11px;
text-align: center;
margin: 0;
overflow: hidden;
height: 0;
opacity: 0;
transition: all 0.3s ease;
}

#banner:hover #banner-description {
height: auto;
opacity: 1;
}

.entry-featured {
background-color: #f6ecd8;
padding: 10px 20px;
border-bottom: 1px solid #CCCCCC;
}

.entry-featured .entry-header,
.entry-featured .entry-footer { display: none; }

/* Books Typelist - Update to base file size and re-size to retain original visual spec */
.typelist-thumbnailed .typelist-thumbnail img { width: 100px; }

/* Adoption Application CTA Styles */
.adoption-apply-cta { position: relative; }
.adoption-apply-cta .apply-button {
   background:#ffffff;
   color:#356145 !important;
   padding:14px 32px;
   font-size:17px;
   font-weight:600;
   text-decoration:none;
   border-radius:50px;
   box-shadow:0 3px 8px rgba(0,0,0,.25);
   transition:all .25s ease;
   letter-spacing:.5px;
   border:2px solid #ffffff;
}
.adoption-apply-cta .apply-button:hover,
.adoption-apply-cta .apply-button:focus {
   background:#356145;
   color:#ffffff !important;
   box-shadow:0 5px 14px rgba(0,0,0,.35);
   transform: translateY(-2px);
}
.adoption-apply-cta .apply-button:active { transform: translateY(0); }
@media (max-width:600px){
   .adoption-apply-cta h3 { font-size:22px !important; }
   .adoption-apply-cta .apply-button { width:100%; text-align:center; }
}