/* ebook skin — CSS VERBATIM from ebook-home.html comp, scoped under body.galv-ebook. */
body.galv-ebook {
--bg-navy: #13217c;
--primary-blue: #3b5bff;
--cta-magenta: #cc00cc;
--accent-blue: #e6ebff;
--text-white: #fffdfe;
--text-dark: #333;
--text-gray: #808080;
--success-green: #2d8a4e;
--font-heading: 'Poppins', sans-serif;
--font-body: 'Inter', sans-serif;
--container-width: 1920px;
}
body.galv-ebook *{
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body.galv-ebook {
font-family: var(--font-body);
color: var(--text-dark);
line-height: 1.5;
background-color: #e6ebff;
}
body.galv-ebook h1, body.galv-ebook h2, body.galv-ebook h3, body.galv-ebook h4, body.galv-ebook h5, body.galv-ebook h6{
font-family: var(--font-heading);
font-weight: 600;
}
body.galv-ebook .container{
width: 100%;
max-width: var(--container-width);
padding: 0 80px;
margin: 0 auto;
}
body.galv-ebook .section-for-desktop{
display: flex;
justify-content: center;
padding: 60px 0;
}
body.galv-ebook .btn{
display: inline-block;
padding: 12px 32px;
border-radius: 8px;
font-weight: 600;
text-decoration: none;
cursor: pointer;
transition: all .3s ease;
border: none;
font-family: var(--font-heading);
}
body.galv-ebook .btn-magenta{
background-color: var(--cta-magenta);
color: var(--text-white);
-webkit-tap-highlight-color: transparent;
/* Removes default tap highlight on mobile */
user-select: none;
/* Prevents text selection on quick double-taps */
}
body.galv-ebook .btn-magenta:hover{
background-color: #a600a6;
}
body.galv-ebook .hero{
background-color: var(--bg-navy);
color: var(--text-white);
padding: 60px 0;
position: relative;
overflow: hidden;
}
body.galv-ebook .hero .container{
display: grid;
grid-template-columns: 1.2fr 1fr;
gap: 40px;
align-items: center;
}
body.galv-ebook .hero-content, body.galv-ebook .hero-testimonial{
min-width: 0;
}
body.galv-ebook .hero-content h1{
font-size: 42px;
line-height: 1.2;
margin-bottom: 20px;
overflow-wrap: break-word;
}
body.galv-ebook .hero-content p{
font-family: var(--font-heading);
font-weight: 500;
font-size: 22px;
line-height: 30px;
margin-bottom: 20px;
overflow-wrap: break-word;
}
body.galv-ebook .hero-features{
list-style: none;
margin-bottom: 30px;
}
body.galv-ebook .hero-feature-item{
display: flex;
align-items: flex-start;
gap: 15px;
margin-bottom: 20px;
font-size: 18px;
flex-wrap: nowrap;
}
body.galv-ebook .hero-feature-item img{
width: 24px;
height: 24px;
}
body.galv-ebook .hero-testimonial{
flex: 1;
display: flex;
justify-content: center;
align-items: center;
}
body.galv-ebook .hero-img{
width: 100%;
max-width: 480px;
height: auto;
border-radius: 20px;
object-fit: cover;
display: block;
}
body.galv-ebook .ebook-section{
padding: 60px 0;
text-align: center;
}
body.galv-ebook .ebook-section h2{
font-size: 36px;
line-height: 48px;
color: var(--primary-blue);
margin-bottom: 15px;
}
body.galv-ebook .ebook-section .subtitle{
font-family: var(--font-heading);
font-size: 22px;
line-height: 30px;
color: var(--text-dark);
margin-bottom: 40px;
font-weight: 500;
}
body.galv-ebook .ebook-grid{
display: flex;
flex-direction: column;
gap: 20px;
max-width: 1000px;
margin: 0 auto;
}
body.galv-ebook .ebook-card{
display: flex;
background: #fff;
border-radius: 20px;
padding: 20px;
gap: 24px;
text-align: left;
border: 2px solid transparent;
transition: .3s ease;
}
body.galv-ebook .ebook-card:hover{
border: 2px solid #a0aeff;
}
body.galv-ebook .ebook-thumbnail{
width: 180px;
height: 240px;
object-fit: cover;
flex-shrink: 0;
border-radius: 10px;
}
body.galv-ebook .ebook-content{
display: flex;
flex-direction: column;
flex-grow: 1;
}
body.galv-ebook .ebook-title{
font-family: var(--font-heading);
font-size: 24px;
line-height: 34px;
font-weight: 600;
color: var(--text-dark);
margin-bottom: 10px;
}
body.galv-ebook .ebook-description{
font-family: var(--font-body);
font-size: 16px;
color: var(--text-dark);
margin-bottom: 20px;
line-height: 26px;
}
body.galv-ebook .ebook-footer{
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-top: auto;
}
body.galv-ebook .ebook-read-btn{
background: var(--primary-blue);
color: #fff;
padding: 12px 24px;
border-radius: 10px;
text-decoration: none;
font-weight: 600;
font-size: 18px;
line-height: 29px;
transition: background 0.3s;
font-family: var(--font-body);
-webkit-tap-highlight-color: transparent;
}
body.galv-ebook .ebook-read-btn:hover{
background: var(--bg-navy);
}
body.galv-ebook .ebook-meta{
display: flex;
align-items: center;
gap: 6px;
color: var(--text-gray);
font-size: 14px;
line-height: 22px;
}
body.galv-ebook .ebook-meta svg{
width: 16px;
height: 16px;
stroke: var(--text-gray);
}
@media (max-width:1024px) {
body.galv-ebook .container{
padding: 0 40px;
}
body.galv-ebook .hero{
padding: 40px 0;
}
body.galv-ebook .hero .container{
grid-template-columns: 1.1fr 1fr;
gap: 30px;
}
body.galv-ebook .hero-content h1{
font-size: 38px;
}
body.galv-ebook .hero-content p{
font-size: 16px;
margin-bottom: 20px;
}
body.galv-ebook .hero-feature-item{
font-size: 16px;
gap: 10px;
margin-bottom: 20px;
}
body.galv-ebook .hero-features{
margin-bottom: 30px;
}
body.galv-ebook .hero-img{
max-width: 380px;
}
body.galv-ebook .ebook-section{
padding: 40px 0;
}
}
@media (max-width:768px) {
body.galv-ebook .container{
padding: 0 20px;
}
body.galv-ebook .hero{
padding: 40px 0;
}
body.galv-ebook .hero .container{
grid-template-columns: 1fr;
gap: 20px;
text-align: left;
padding: 0 20px;
}
body.galv-ebook .hero-content h1{
font-size: 36px;
line-height: 42px;
text-align: left;
width: 100%;
overflow-wrap: break-word;
word-break: break-word;
white-space: normal !important;
}
body.galv-ebook .hero-content p{
font-size: 20px;
margin-bottom: 20px;
}
body.galv-ebook .hero-feature-item{
font-size: 16px;
margin-bottom: 20px;
}
body.galv-ebook .hero-testimonial{
width: 100%;
justify-content: center;
margin-top: 30px;
}
body.galv-ebook .hero-img{
max-width: 100%;
border-radius: 12px;
}
body.galv-ebook .ebook-card{
flex-direction: column;
padding: 20px;
gap: 16px;
}
body.galv-ebook .ebook-thumbnail{
width: 100%;
height: auto;
object-fit: contain;
}
body.galv-ebook .ebook-title{
font-size: 22px;
line-height: 30px;
margin-bottom: 8px;
}
body.galv-ebook .ebook-section h2{
font-size: 24px;
margin-bottom: 10px;
}
body.galv-ebook .ebook-section .subtitle{
font-size: 18px;
margin-bottom: 30px;
}
body.galv-ebook .ebook-description{
display: -webkit-box;
-webkit-line-clamp: 5;
line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 16px;
line-height: 26px;
}
body.galv-ebook .ebook-footer{
flex-direction: row-reverse;
align-items: center;
}
}