@media (max-width: 768px) {
body {
background:none !important;
}
.horse-profile {
flex-direction:column !important;
padding:20px !important;
gap:20px !important;
}
.horse-image {
flex:none !important;
width:100% !important;
max-width:100% !important;
}
.horse-details {
grid-template-columns:1fr !important;
}
.page-header h1 {
font-size:2rem !important;
}
.horse-name h2 {
font-size:2rem !important;
}
.profile-card {
margin-bottom:30px !important;
width:80vw;
}
.view-button {
padding:12px 30px !important;
font-size:1rem !important;
}
}
@media (max-width: 480px) {
.horse-name h2 {
font-size:1.8rem !important;
}
.horse-name {
padding:20px 0 15px 0 !important;
}
.detail-item {
padding:12px !important;
font-size:1rem !important;
}
}
div#generated_slideshow {
z-index:-15;
margin-top:-7px;
}
table#t1 {
margin-left:-40px;
}
table#t2 {
margin-left:-125px;
}
table#t3 {
margin-left:-40px;
}
div#tempbot {
margin-top:-60px;
}
.map {
width:100%;
height:500px;
}
.map-wrap {
position:relative;
}
.overlay {
width:100%;
min-height:500px;
position:absolute;
top:0;
}
img {
border:none;
}
#blogbar {
display:none;
}
abbr[title],abbr[data-original-title] {
cursor:help;
display:none !important;
}
.shortDescriptionCSS {
display:none;
}
.groupDesc {
display:none;
}
table,tbody {
font-size:inherit;
font:inherit;
}
div.contentTable {
display:none;
}
#prev div img {
display:block;
margin:auto;
margin-left:5px !important;
}
div.baneralign {
margin-top:-7px;
}
body {
margin:0px 0px 0px 0px;
padding:0;
background:#ffffff url(//s.kwikweb.co.za/svantond113/otherImages/bk.jpg) repeat left top;
font-family:"poppins", Helveabutia, sans-serif;
font-size:14px;
text-align:left;
color:#393939;
font-weight:normal;
}
h1,h2,h3,.secHeadings {
margin:0;
padding:0;
font-family:"poppins", Times, serif;
font-weight:normal;
text-align:left;
font-size:1.3em;
color:#393939;
}
h1 {
font-size:2em;
}
h2,.secHeadings {
font-size:1.3em;
text-align:center;
color:#393939;
}
h3 {
font-size:1.6em;
}
p,ul,ol {
margin-top:0;
line-height:180%;
}
ul,ol {
}
a {
text-decoration:none;
color:#393939;
}
a:hover {
}
#wrapper {
width:100%;
margin:0 auto;
padding:0;
}
#header {
width:1108px;
height:0px;
margin:0 auto;
padding:0px 0px 0px 30px;
background:none;
}
#logo {
float:left;
width:1100px;
height:0px;
color:#616161;
}
#logo h1,#logo p {
margin:0;
padding:0;
letter-spacing:-2px;
text-align:left;
text-transform:lowercase;
font-family:"poppins", Times, serif;
}
#logo h1 {
margin:0px 0px -20px 0px;
padding:20px 0px 0px 0px;
font-size:0px;
color:#4D8D99;
}
#logo p {
margin:0px;
padding:0px;
font-size:0px;
}
#logo a {
border:none;
background:none;
text-decoration:none;
color:#616161;
}
#search {
float:right;
width:230px;
padding:0;
}
#search form {
height:41px;
margin:0;
padding:70px 0 0 0px;
}
#search fieldset {
margin:0;
padding:0;
border:none;
}
#search-text {
width:210px;
border:none;
text-transform:lowercase;
font:bold 1.2em "poppins", Helveabutia, sans-serif;
color:#393939;
}
#search-submit {
display:none;
}
#menu {
background-image:url(//s.kwikweb.co.za/svantond113/otherImages/menu.png);
width:1349px;
height:343px;
margin:0px auto 7px auto;
padding:0;
}
#menu ul {
margin:0;
padding:0px 0px 0px 0px;
list-style:none;
line-height:normal;
}
#menu li {
float:left;
height:10px;
background:none;
}
#menu a {
background-image:none;
border:medium none;
color:#393939;
display:block;
font-family:"poppins",Helveabutia,sans-serif;
font-size:15px;
font-weight:normal;
height:29px;
margin-left:275px;
margin-right:-240px;
margin-top:12px;
padding:9px 20px 1px 20px;
text-align:center;
text-decoration:none;
width:auto;
text-transform:uppercase;
transition:background 0.4s ease, color 0.4s ease;
}
#menu a:hover,#menu .current_page_item a {
background:url(https://s.kwikweb.co.za/svantond113/otherImages/menah.pnxg);
}
#menu a:hover {
text-decoration:none;
font-family:"poppins",Helveabutia,sans-serif;
font-size:15px;
font-weight:normal;
color:#fff;
background:linear-gradient(135deg, #667eea, #764ba2);
border-radius:20px;
}
#page {
width:1100px;
margin:-7px auto;
background:url(https://s.kwikweb.co.za/svantond113/otherImages/page.pnxg) repeat-y left top;
}
#page-bgtop {
background:none;
}
#page-bgbtm {
overflow:visible;
width:1100px;
padding:5px 0px 0px 7px;
background:url(https://s.kwikweb.co.za/svantond113/otherImages/pgbtm.pnxg) no-repeat left bottom;
}
#content {
width:100%;
margin-top:0px;
padding:0px 12px 0px 25px;
}
.post {
margin-bottom:40px;
}
.post .title {
padding:0px 0px 0px 0px;
text-transform:lowercase;
font-family:Georgia, "poppins", Times, serif;
letter-spacing:-.5px;
}
.post .title a {
color:#52483E;
border:none;
}
.post .meta {
margin-bottom:30px;
padding:10px 0px 0px 0px;
text-align:left;
font-family:"poppins", Helveabutia, sans-serif;
font-size:13px;
font-weight:bold;
}
.post .meta .date {
float:left;
}
.post .meta .posted {
float:right;
}
.post .meta a {
}
.post .entry {
padding:0px 0px 20px 0px;
border-bottom:1px dotted #99938B;
text-align:justify;
}
#sidebar {
float:left;
width:220px;
margin:0px;
padding:0px 13px 80px 19px;
color:#706b6b;
display:none;
font-family:"poppins", Helveabutia, sans-serif;
text-align:center;
}
#sidebar ul {
margin:0;
padding:1px;
list-style:none;
}
#sidebar li {
margin:0;
padding:0;
}
#sidebar li ul {
margin:0px 0px 0px 17px;
padding-bottom:5px;
}
#sidebar li li {
display:block;
width:260px;
height:32px;
margin:10px -17px;
padding:8px 0px 0px 18px;
text-decoration:none;
text-transform:capitalize;
font-family:"poppins", Helveabutia, sans-serif;
font-size:14px;
font-weight:bold;
color:#393939;
text-align:center;
font-weight:bold;
background-image:none;
}
#sidebar li li span {
display:block;
margin-top:-20px;
padding:0;
font-size:11px;
font-style:italic;
}
#sidebar h2 {
display:block;
width:260px;
height:32px;
margin:10px 0px;
padding:8px 0px 0px 18px;
text-decoration:none;
text-transform:capitalize;
font-family:"poppins", Helveabutia, sans-serif;
font-size:16px;
font-weight:bold;
color:#fff;
text-align:center;
font-weight:bold;
background-image:none;
}
#sidebar p {
margin:0 0px;
padding:0px 20px 20px 20px;
}
#sidebar a {
color:#2c2a26;
border:none;
font-weight:bold;
font-size:14px;
text-align:left;
}
#menu a:hover {
text-decoration:none;
}
#calendar {
}
#calendar_wrap {
padding:20px;
}
#calendar table {
width:100%;
}
#calendar tbody td {
text-align:center;
}
#calendar #next {
text-align:right;
}
table.calTable {
background:linear-gradient(135deg, #667eea, #764ba2);
color:#fff;
}
.calCell {
color:#fff;
}
.calCell a {
color:#000;
font-size:12px;
background-color:yellow;
}
.calCellToday {
color:blue;
font-size:12px;
}
.calCellToday a {
color:blue;
font-size:14px;
font-weight:bold;
}
.footer-section {
background:linear-gradient(135deg, #667eea, #764ba2);
padding:40px 20px;
color:white;
text-align:center;
}
.nav-links {
margin-bottom:30px;
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:10px;
}
.nav-links a {
color:white;
text-decoration:none;
margin:5px 15px;
font-size:16px;
font-weight:500;
transition:opacity 0.3s ease;
white-space:nowrap;
}
.nav-links a:hover {
opacity:0.7;
}
.social-icons {
margin-bottom:30px;
display:flex;
justify-content:center;
align-items:center;
gap:20px;
flex-wrap:wrap;
}
.social-icons a {
display:inline-block;
transition:transform 0.3s ease;
}
.social-icons a:hover {
transform:scale(1.1);
}
.social-icons svg {
vertical-align:middle;
width:40px;
height:40px;
}
.copyrig {
border-top:1px solid rgba(255,255,255,0.2);
padding-top:20px;
font-size:14px;
opacity:0.8;
}
.copyrig p {
margin:0;
line-height:1.4;
}
@media (max-width: 768px) {
.footer-section {
padding:30px 15px;
}
.nav-links {
margin-bottom:25px;
}
.nav-links a {
margin:5px 10px;
font-size:15px;
}
.social-icons {
gap:15px;
margin-bottom:25px;
}
.social-icons svg {
width:35px;
height:35px;
}
.copyrig {
font-size:13px;
}
}
@media (max-width: 480px) {
footer,.footer-section {
padding:25px 10px;
}
.nav-links a {
margin:3px 8px;
font-size:14px;
}
.social-icons {
gap:12px;
}
.social-icons svg {
width:32px;
height:32px;
}
.copyrig {
font-size:12px;
}
}
@media (min-width: 1200px) {
footer,.footer-section {
padding:50px 30px;
}
.nav-links a {
margin:5px 20px;
font-size:17px;
}
.social-icons {
gap:25px;
}
.social-icons svg {
width:45px;
height:45px;
}
}
#pagehead {
display:none;
}
.container255 {
max-width:1400px;
margin:0 auto;
padding:60px 20px;
}
.header255 {
text-align:center;
margin-bottom:60px;
}
.title255 {
font-size:3.5rem;
font-weight:700;
color:#667eea;
text-shadow:0 4px 20px rgba(0,0,0,0.3);
margin-bottom:20px;
letter-spacing:-0.02em;
}
.subtitle255 {
font-size:1.2rem;
color:#764ba2;
font-weight:bold;
max-width:600px;
margin:0 auto;
line-height:1.6;
}
.gallery255 {
display:grid;
grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));
gap:30px;
margin-top:40px;
}
.photo-card255 {
background:rgba(255,255,255,0.95);
border-radius:20px;
overflow:hidden;
box-shadow:0 20px 40px rgba(0,0,0,0.1);
transition:all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position:relative;
}
.photo-card255:hover {
transform:translateY(-10px) scale(1.02);
box-shadow:0 30px 60px rgba(0,0,0,0.2);
}
.photo-container255 {
position:relative;
width:100%;
height:280px;
overflow:hidden;
}
.photo255 {
width:100%;
height:100%;
object-fit:cover;
transition:transform 0.6s ease;
}
.photo-card255:hover .photo255 {
transform:scale(1.1);
}
.photo-overlay255 {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:linear-gradient(135deg, rgba(102, 126, 234, 0.8), rgba(118, 75, 162, 0.8));
opacity:0;
transition:opacity 0.4s ease;
display:flex;
align-items:center;
justify-content:center;
}
.photo-card255:hover .photo-overlay255 {
opacity:1;
}
.view-btn255 {
padding:12px 24px;
background:white;
color:#667eea;
border:none;
border-radius:25px;
font-weight:600;
cursor:pointer;
transition:all 0.3s ease;
font-size:14px;
text-transform:uppercase;
letter-spacing:0.5px;
}
.view-btn255:hover {
background:#667eea;
color:white;
transform:scale(1.05);
}
.photo-info255 {
padding:25px;
}
.photo-title255 {
font-size:1.4rem;
font-weight:600;
color:#2d3748;
margin-bottom:8px;
}
.photo-description255 {
color:#718096;
line-height:1.5;
font-size:0.95rem;
}
.photo-meta255 {
display:flex;
justify-content:space-between;
align-items:center;
margin-top:15px;
padding-top:15px;
border-top:1px solid #e2e8f0;
}
.photo-date255 {
font-size:0.85rem;
color:#a0aec0;
font-weight:500;
}
.photo-likes255 {
display:flex;
align-items:center;
gap:6px;
color:#667eea;
font-size:0.85rem;
font-weight:500;
}
.heart-icon255 {
width:16px;
height:16px;
fill:currentColor;
}
@media (max-width: 768px) {
.container255 {
padding:40px 15px;
}
.title255 {
font-size:2.5rem;
}
.gallery255 {
grid-template-columns:1fr;
gap:20px;
}
}
.loading-placeholder255 {
background:linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size:200% 100%;
animation:loading 1.5s infinite;
}
@keyframes "loading" {
0% {
background-position:200% 0;
}
100% {
background-position:-200% 0;
}
}
.responsive-container {
max-width:100%;
background-size:cover;
background-position:center;
padding:2rem;
border:3px solid #667eea;
border-radius:20px;
margin:auto;
box-sizing:border-box;
}
.content-box {
max-width:800px;
margin:auto;
background:rgba(255, 255, 255, 0.85);
padding:1.5rem;
border-radius:15px;
font-family:sans-serif;
}
.btn-gradient {
display:inline-block;
background:linear-gradient(135deg, #667eea, #764ba2);
color:white;
padding:1rem 3rem;
border-radius:50px;
text-decoration:none;
font-weight:600;
font-size:1.1rem;
box-shadow:0 15px 30px rgba(102, 126, 234, 0.3);
transition:all 0.3s ease;
}
.btn-gradient:hover {
transform:scale(1.05);
}
@media (max-width: 768px) {
.content-box {
padding:1rem;
font-size:0.95rem;
}
.btn-gradient {
font-size:1rem;
padding:0.8rem 2rem;
}
}
.container256 {
max-width:1200px;
margin:0 auto;
background:rgba(255, 255, 255, 0.95);
border-radius:20px;
backdrop-filter:blur(10px);
box-shadow:0 20px 40px rgba(0, 0, 0, 0.1);
padding:40px;
}
.header256 {
text-align:center;
margin-bottom:50px;
}
.title256 {
font-size:3rem;
font-weight:bold;
background:linear-gradient(45deg, #667eea, #764ba2);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
background-clip:text;
margin-bottom:10px;
}
.subtitle256 {
font-size:1.2rem;
color:#666;
font-weight:300;
}
.gallery256 {
display:grid;
grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
gap:30px;
margin-bottom:40px;
}
.photo-card256 {
background:white;
border-radius:15px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0, 0, 0, 0.1);
transition:transform 0.3s ease, box-shadow 0.3s ease;
cursor:pointer;
}
.photo-card256:hover {
transform:translateY(-10px);
box-shadow:0 20px 40px rgba(0, 0, 0, 0.2);
}
.photo-wrapper256 {
position:relative;
width:100%;
height:250px;
overflow:hidden;
}
.photo256 {
width:100%;
height:100%;
object-fit:cover;
transition:transform 0.3s ease;
}
.photo-card256:hover .photo256 {
transform:scale(1.1);
}
.photo-info256 {
padding:20px;
}
.photo-title256 {
font-size:1.1rem;
font-weight:600;
color:#333;
margin-bottom:5px;
}
.photo-date256 {
font-size:0.9rem;
color:#888;
}
.modal256 {
display:none;
position:fixed;
z-index:1000;
left:0;
top:0;
width:100%;
height:100%;
background-color:rgba(0, 0, 0, 0.9);
backdrop-filter:blur(5px);
}
.modal-content256 {
position:relative;
margin:auto;
padding:20px;
width:90%;
max-width:800px;
top:50%;
transform:translateY(-50%);
text-align:center;
}
.modal-image256 {
max-width:100%;
max-height:70vh;
border-radius:10px;
box-shadow:0 20px 40px rgba(0, 0, 0, 0.5);
}
.close256 {
position:absolute;
top:15px;
right:35px;
color:white;
font-size:40px;
font-weight:bold;
cursor:pointer;
transition:color 0.3s ease;
}
.close256:hover {
color:#667eea;
}
.modal-caption256 {
color:white;
font-size:1.2rem;
margin-top:20px;
}
@media (max-width: 768px) {
.container256 {
padding:20px;
}
.title256 {
font-size:2rem;
}
.subtitle256 {
font-size:1rem;
}
.gallery256 {
grid-template-columns:1fr;
gap:20px;
}
.modal-content256 {
width:95%;
padding:10px;
}
.close256 {
top:10px;
right:20px;
font-size:30px;
}
}
@media (max-width: 480px) {
.container256 {
padding:15px;
}
.title256 {
font-size:1.5rem;
}
.photo-wrapper256 {
height:200px;
}
.photo-info256 {
padding:15px;
}
}
.container260 {
max-width:1200px;
margin:0 auto;
padding:20px;
}
.header260 {
text-align:center;
margin-bottom:40px;
padding:40px 0;
background:rgba(255, 255, 255, 0.9);
border-radius:20px;
box-shadow:0 10px 30px rgba(0, 0, 0, 0.1);
backdrop-filter:blur(10px);
}
.title260 {
font-size:3rem;
color:#8b4513;
margin-bottom:10px;
text-shadow:2px 2px 4px rgba(0, 0, 0, 0.1);
}
.subtitle260 {
font-size:1.2rem;
color:#666;
font-style:italic;
}
.main-content260 {
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
margin-bottom:40px;
}
.profile-section260 {
background:rgba(255, 255, 255, 0.9);
border-radius:20px;
padding:30px;
box-shadow:0 10px 30px rgba(0, 0, 0, 0.1);
backdrop-filter:blur(10px);
}
.profile-container260 {
position:relative;
width:100%;
height:400px;
overflow:hidden;
border-radius:15px;
box-shadow:0 8px 25px rgba(0, 0, 0, 0.2);
}
.profile-image260 {
width:100%;
height:100%;
object-fit:cover;
border-radius:15px;
transition:transform 0.3s ease;
}
.profile-image260:hover {
transform:scale(1.05);
}
.profile-overlay260 {
position:absolute;
top:20px;
right:20px;
}
.profile-badge260 {
background:linear-gradient(45deg, #8b4513, #d2691e);
color:white;
padding:8px 16px;
border-radius:20px;
font-size:0.9rem;
font-weight:bold;
text-transform:uppercase;
letter-spacing:1px;
box-shadow:0 4px 15px rgba(139, 69, 19, 0.3);
}
.info-section260 {
background:rgba(255, 255, 255, 0.9);
border-radius:20px;
padding:30px;
box-shadow:0 10px 30px rgba(0, 0, 0, 0.1);
backdrop-filter:blur(10px);
}
.info-grid260 {
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
margin-bottom:30px;
}
.info-item260 {
padding:15px;
background:rgba(139, 69, 19, 0.1);
border-radius:10px;
border-left:4px solid #8b4513;
}
.info-label260 {
font-weight:bold;
color:#8b4513;
margin-bottom:5px;
text-transform:uppercase;
font-size:0.9rem;
letter-spacing:1px;
}
.info-value260 {
font-size:1.1rem;
color:#2c3e50;
}
.description-section260 {
background:rgba(255, 255, 255, 0.9);
border-radius:20px;
padding:30px;
margin-bottom:40px;
box-shadow:0 10px 30px rgba(0, 0, 0, 0.1);
backdrop-filter:blur(10px);
}
.section-title260 {
font-size:1.8rem;
color:#8b4513;
margin-bottom:20px;
text-align:center;
position:relative;
}
.section-title260::after {
content:'';
position:absolute;
bottom:-10px;
left:50%;
transform:translateX(-50%);
width:60px;
height:3px;
background:linear-gradient(90deg, #8b4513, #d2691e);
border-radius:2px;
}
.description-text260 {
font-size:1.1rem;
line-height:1.8;
text-align:justify;
color:#444;
}
.gallery-section260 {
background:rgba(255, 255, 255, 0.9);
border-radius:20px;
padding:30px;
margin-bottom:40px;
box-shadow:0 10px 30px rgba(0, 0, 0, 0.1);
backdrop-filter:blur(10px);
}
.gallery-container260 {
display:grid;
grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
gap:20px;
margin-top:30px;
}
.gallery-item260 {
position:relative;
overflow:hidden;
border-radius:15px;
box-shadow:0 8px 25px rgba(0, 0, 0, 0.1);
transition:all 0.3s ease;
}
.gallery-item260:hover {
transform:translateY(-5px);
box-shadow:0 15px 35px rgba(0, 0, 0, 0.2);
}
.gallery-image260 {
width:100%;
height:250px;
object-fit:cover;
transition:transform 0.3s ease;
}
.gallery-item260:hover .gallery-image260 {
transform:scale(1.1);
}
.gallery-caption260 {
position:absolute;
bottom:0;
left:0;
right:0;
background:linear-gradient(transparent, rgba(0, 0, 0, 0.8));
color:white;
padding:20px 15px 15px;
text-align:center;
font-size:1rem;
font-weight:500;
}
.buttons-section260 {
background:rgba(255, 255, 255, 0.9);
border-radius:20px;
padding:30px;
box-shadow:0 10px 30px rgba(0, 0, 0, 0.1);
backdrop-filter:blur(10px);
text-align:center;
}
.button-container260 {
display:flex;
gap:20px;
justify-content:center;
flex-wrap:wrap;
}
.buy-button260,.contact-button260 {
position:relative;
padding:15px 30px;
font-size:1.1rem;
font-weight:bold;
border:none;
border-radius:50px;
cursor:pointer;
transition:all 0.3s ease;
display:flex;
align-items:center;
gap:10px;
min-width:200px;
justify-content:center;
text-transform:uppercase;
letter-spacing:1px;
text-decoration:none;
}
.buy-button260 {
background:linear-gradient(135deg, #e74c3c, #c0392b);
color:white;
box-shadow:0 8px 25px rgba(231, 76, 60, 0.3);
}
.buy-button260:hover {
background:linear-gradient(135deg, #c0392b, #a93226);
transform:translateY(-3px);
box-shadow:0 12px 35px rgba(231, 76, 60, 0.4);
}
.contact-button260 {
background:linear-gradient(135deg, #8b4513, #654321);
color:white;
box-shadow:0 8px 25px rgba(139, 69, 19, 0.3);
}
.contact-button260:hover {
background:linear-gradient(135deg, #654321, #4a2c17);
transform:translateY(-3px);
box-shadow:0 12px 35px rgba(139, 69, 19, 0.4);
}
.button-icon260 {
font-size:1.2rem;
}
.button-price260 {
background:rgba(255, 255, 255, 0.2);
padding:2px 8px;
border-radius:15px;
font-size:0.9rem;
margin-left:5px;
}
@media (max-width: 768px) {
.container260 {
padding:10px;
}
.title260 {
font-size:2rem;
}
.main-content260 {
grid-template-columns:1fr;
gap:20px;
}
.profile-container260 {
height:300px;
}
.info-grid260 {
grid-template-columns:1fr;
gap:15px;
}
.gallery-container260 {
grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
gap:15px;
}
.gallery-image260 {
height:200px;
}
.button-container260 {
flex-direction:column;
align-items:center;
}
.buy-button260,.contact-button260 {
width:100%;
max-width:280px;
}
}
@media (max-width: 480px) {
.title260 {
font-size:1.5rem;
}
.subtitle260 {
font-size:1rem;
}
.profile-container260 {
height:250px;
}
.section-title260 {
font-size:1.4rem;
}
.profile-section260,.info-section260,.description-section260,.buttons-section260,.gallery-section260 {
padding:20px;
}
}
@keyframes "fadeInUp" {
from {
opacity:0;
transform:translateY(30px);
}
to {
opacity:1;
transform:translateY(0);
}
}
.container260 > * {
animation:fadeInUp 0.8s ease-out forwards;
}
.main-content260 > *:nth-child(2) {
animation-delay:0.2s;
}
.description-section260 {
animation-delay:0.4s;
}
.gallery-section260 {
animation-delay:0.6s;
}
.buttons-section260 {
animation-delay:0.8s;
}
.body265 {
font-family:'Georgia', serif;
line-height:1.6;
color:#333;
background:linear-gradient(135deg, #667eea, #764ba2);
min-height:100vh;
}
.header265 {
background:rgba(102, 126, 234, 0.95);
color:white;
padding:2rem 0;
text-align:center;
box-shadow:0 4px 6px rgba(0,0,0,0.1);
}
.title265 {
font-size:3rem;
margin-bottom:0.5rem;
text-shadow:2px 2px 4px rgba(0,0,0,0.3);
}
.subtitle265 {
font-size:1.2rem;
font-weight:300;
opacity:0.9;
}
.container265 {
max-width:1200px;
margin:0 auto;
padding:2rem;
}
.intro265 {
background:rgba(255, 255, 255, 0.95);
padding:2rem;
border-radius:15px;
margin-bottom:3rem;
text-align:center;
box-shadow:0 8px 20px rgba(0,0,0,0.1);
}
.intro-text265 {
font-size:1.1rem;
color:#4A4E69;
max-width:800px;
margin:0 auto;
}
.lessons-grid265 {
display:grid;
grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));
gap:2rem;
margin-bottom:3rem;
}
.lesson-card265 {
background:rgba(255, 255, 255, 0.95);
border-radius:15px;
padding:2rem;
box-shadow:0 8px 20px rgba(0,0,0,0.1);
transition:transform 0.3s ease, box-shadow 0.3s ease;
border-top:4px solid #667eea;
}
.lesson-card265:hover {
transform:translateY(-5px);
box-shadow:0 12px 30px rgba(0,0,0,0.15);
}
.lesson-title265 {
font-size:1.5rem;
color:#667eea;
margin-bottom:1rem;
border-bottom:2px solid #764ba2;
padding-bottom:0.5rem;
}
.lesson-description265 {
color:#4A4E69;
margin-bottom:1.5rem;
line-height:1.7;
}
.price-section265 {
display:flex;
justify-content:space-between;
align-items:center;
margin-top:1rem;
padding-top:1rem;
border-top:1px solid #E0E0E0;
}
.price265 {
font-size:1.8rem;
font-weight:bold;
color:#667eea;
}
.duration265 {
color:#666;
font-style:italic;
}
.instructors265 {
background:rgba(255, 255, 255, 0.95);
border-radius:15px;
padding:3rem 2rem;
margin-bottom:3rem;
box-shadow:0 8px 20px rgba(0,0,0,0.1);
text-align:center;
}
.instructors-title265 {
font-size:2rem;
color:#667eea;
margin-bottom:2rem;
border-bottom:3px solid #764ba2;
padding-bottom:1rem;
}
.instructor-grid265 {
display:grid;
grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
gap:2rem;
max-width:800px;
margin:0 auto;
}
.instructor-card265 {
text-align:center;
}
.instructor-photo265 {
width:200px;
height:200px;
border-radius:50%;
margin:0 auto 1rem;
border:4px solid #667eea;
background:linear-gradient(135deg, #f0f0f0, #e0e0e0);
display:flex;
align-items:center;
justify-content:center;
font-size:4rem;
color:#764ba2;
box-shadow:0 4px 15px rgba(0,0,0,0.1);
}
.instructor-photo265 img {
width:100%;
height:100%;
object-fit:cover;
border-radius:50%;
}
.instructor-name265 {
font-size:1.3rem;
color:#667eea;
font-weight:bold;
margin-bottom:0.5rem;
}
.instructor-title-text265 {
color:#764ba2;
font-style:italic;
margin-bottom:1rem;
}
.instructor-bio265 {
color:#4A4E69;
line-height:1.6;
font-size:0.95rem;
}
.features-title265 {
font-size:2rem;
color:#667eea;
text-align:center;
margin-bottom:2rem;
border-bottom:3px solid #8000ff;
padding-bottom:1rem;
}
.features-list265 {
display:grid;
grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
gap:1rem;
}
.feature-item265 {
display:flex;
align-items:center;
padding:0.5rem;
color:#667eea;
}
.feature-icon265 {
width:20px;
height:20px;
background:#667eea;
border-radius:50%;
margin-right:1rem;
flex-shrink:0;
}
.book-section265 {
text-align:center;
padding:3rem 2rem;
background:rgba(102, 126, 234, 0.95);
border-radius:15px;
color:white;
box-shadow:0 8px 20px rgba(0,0,0,0.1);
}
.book-title265 {
font-size:2.5rem;
margin-bottom:1rem;
text-shadow:2px 2px 4px rgba(0,0,0,0.3);
}
.book-text265 {
font-size:1.1rem;
margin-bottom:2rem;
opacity:0.9;
max-width:600px;
margin-left:auto;
margin-right:auto;
}
.book-button265 {
display:inline-block;
background:linear-gradient(45deg, #764ba2, #9575cd);
color:white;
padding:1.2rem 3rem;
font-size:1.3rem;
font-weight:bold;
text-decoration:none;
border-radius:50px;
transition:all 0.3s ease;
box-shadow:0 6px 20px rgba(0,0,0,0.2);
text-transform:uppercase;
letter-spacing:1px;
}
.book-button265:hover {
transform:translateY(-3px);
box-shadow:0 10px 30px rgba(0,0,0,0.3);
background:linear-gradient(45deg, #9575cd, #764ba2);
}
@media (max-width: 768px) {
.title265 {
font-size:2rem;
}
.container265 {
padding:1rem;
}
.lessons-grid265 {
grid-template-columns:1fr;
}
.book-title265 {
font-size:2rem;
}
.book-button265 {
padding:1rem 2rem;
font-size:1.1rem;
}
}
.gdwv1open-btn {
padding:1rem 2rem;
font-size:1rem;
cursor:pointer;
border:none;
background:#1b3b2c;
color:white;
border-radius:0.75rem;
}
.gdwv1open-btn:hover {
cursor:pointer;
border:none;
background:#2a5a43;
color:white;
box-shadow:0 10px 25px -5px rgba(27, 59, 44, 0.3), 0 8px 10px -6px rgba(27, 59, 44, 0.1);
transform:translateY(-2px);
}
.gdwv1modal {
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.8);
display:flex;
justify-content:center;
align-items:center;
opacity:0;
visibility:hidden;
transition:0.35s ease;
z-index:9999;
}
.gdwv1modal.active {
opacity:1;
visibility:visible;
}
.gdwv1modal-content {
position:relative;
width:90%;
height:88%;
background:white;
border-radius:10px;
overflow:hidden;
transform:scale(0.7);
opacity:0;
transition:transform 0.35s ease, opacity 0.35s ease;
}
.gdwv1modal.active .gdwv1modal-content {
transform:scale(1);
opacity:1;
}
.gdwv1close {
position:absolute;
left:15px;
top:10px;
font-size:44px;
cursor:pointer;
color:#ff0f0f;
z-index:10;
background:#fff;
border-radius:50%;
padding:0px;
width:30px;
height:30px;
display:flex;
align-items:center;
justify-content:center;
}
.gdwv1frame {
width:100%;
height:100%;
border:none;
}
.gdccontainer {
max-width:90%;
margin:0 auto;
padding:0 1.5rem;
box-sizing:border-box;
}
.text-center {
text-align:center;
}
.br-desktop {
display:none;
}
@media (min-width: 768px) {
.br-desktop {
display:inline;
}
}
#gdcHero {
position:relative;
padding:1rem;
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
background-color:rgba(252, 251, 249, 0.85);
font-family:'Inter', sans-serif;
box-sizing:border-box;
margin:0;
overflow: hidden; /* FIX 1: This stops the blur circle from creating extra page length */
}
@media (min-width: 768px) {
#gdcHero {
padding:1rem 0 1rem 0;
}
}
.hero-bg-blur {
position:absolute;
top:0;
left:50%;
transform:translateX(-50%);
width:800px;
height:800px;
background-color:rgba(27, 59, 44, 0.05);
border-radius:50%;
filter:blur(100px);
z-index:-1;
pointer-events:none;
}
.pro-badge {
display:inline-flex;
align-items:center;
gap:0.5rem;
padding:0.5rem 1rem;
border-radius:9999px;
background-color:#ffffff;
border:1px solid rgba(27, 59, 44, 0.1);
box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);
font-size:0.875rem;
font-weight:500;
color:#1b3b2c;
margin-bottom:2rem;
box-sizing:border-box;
}
.pro-badge svg {
width:1rem;
height:1rem;
color:#634832;
}
.hero-title {
font-size:3rem;
font-weight:700;
letter-spacing:-0.025em;
color:#1b3b2c;
margin-bottom:1.5rem;
line-height:1.1;
margin-top:0;
}
@media (min-width: 768px) {
.hero-title {
font-size:4.5rem;
}
}
.hero-subtitle {
font-size:1.25rem;
font-weight:400;
color:#718096;
max-width:42rem;
margin-bottom:2rem;
line-height:1.625;
margin-top:0;
}
@media (min-width: 768px) {
.hero-subtitle {
font-size:1.5rem;
}
}
#gdcHeroCta {
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
padding:1rem 2rem;
font-size:1rem;
font-weight:600;
color:white;
background-color:#1b3b2c;
border:none;
border-radius:0.75rem;
cursor:pointer;
transition:all 0.3s ease;
text-decoration:none;
font-family:'Inter', sans-serif;
box-sizing:border-box;
}
#gdcHeroCta:hover {
background-color:#2a5a43;
transform:translateY(-2px);
box-shadow:0 10px 25px -5px rgba(27, 59, 44, 0.3), 0 8px 10px -6px rgba(27, 59, 44, 0.1);
}
#gdcHeroCta svg {
width:1.25rem;
height:1.25rem;
margin-left:0.5rem;
transition:transform 0.3s ease;
}
#gdcHeroCta:hover svg {
transform:translateX(4px);
}
#gdcFeatures {
padding:1rem;
background-color:rgba(252, 251, 249, 0.85);
position:relative;
font-family:'Inter', sans-serif;
box-sizing:border-box;
margin:0;
}
.features-header {
margin-bottom:1.5rem; /* FIX 2: Reduced this from 4rem to pull the grid up */
}
.features-title {
font-size:1.875rem;
font-weight:700;
color:#1b3b2c;
margin:0;
}
.features-subtitle {
margin-top:1rem;
font-size:1.125rem;
color:#718096;
margin-bottom:0;
}
.features-grid {
display:grid;
grid-template-columns:1fr;
gap:2rem;
}
@media (min-width: 768px) {
.features-grid {
grid-template-columns:repeat(2, 1fr);
}
}
@media (min-width: 1024px) {
.features-grid {
grid-template-columns:repeat(3, 1fr);
}
}
.gdcFeatureCard {
padding:2rem;
border-radius:1rem;
background-color:#fcfbf9;
border:1px solid #f1f5f9;
box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.05);
transition:all 0.3s ease;
box-sizing:border-box;
}
.gdcFeatureCard:hover {
box-shadow:0 10px 40px -10px rgba(27, 59, 44, 0.08);
transform:translateY(-4px);
}
.feature-icon-wrapper {
width:3rem;
height:3rem;
border-radius:0.5rem;
background-color:rgba(27, 59, 44, 0.1);
display:flex;
align-items:center;
justify-content:center;
margin-bottom:1.5rem;
transition:transform 0.3s ease;
box-sizing:border-box;
}
.gdcFeatureCard:hover .feature-icon-wrapper {
transform:scale(1.1);
}
.feature-icon-wrapper svg {
width:1.5rem;
height:1.5rem;
color:#1b3b2c;
}
.feature-title {
font-size:1.25rem;
font-weight:600;
color:#1b3b2c;
margin-bottom:0.75rem;
margin-top:0;
}
.feature-desc {
color:#718096;
line-height:1.625;
margin:0;
}
.site-footer {
background-color:rgba(252, 251, 249, 0.85);
border-top:1px solid #e5e5e5;
padding-top:4rem;
position:relative;
overflow:hidden;
font-family:'Inter', sans-serif;
color:#333333;
box-sizing:border-box;
line-height:normal;
}
.site-footer * {
box-sizing:border-box;
}
.site-footer::before {
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-size:200px;
z-index:0;
pointer-events:none;
opacity:0.5;
}
.footer-container {
max-width:1200px;
margin:0 auto;
padding:0 2rem;
position:relative;
z-index:1;
}
.footer-grid {
display:grid;
grid-template-columns:2fr 1fr 1fr 1.5fr;
gap:3rem;
margin-bottom:3rem;
}
.footer-col {
display:flex;
flex-direction:column;
text-align:left;
}
.footer-col-brand {
gap:1.5rem;
}
.footer-logo {
font-family:'Playfair Display', serif;
font-size:2.2rem;
font-weight:700;
color:#333333 !important;
text-decoration:none !important;
display:flex;
flex-direction:column;
line-height:1;
background:none !important;
padding:0 !important;
margin:0 !important;
}
.footer-logo:hover {
background:none !important;
color:#1a4731 !important;
}
.footer-logo-cursive {
font-style:italic;
font-weight:400;
letter-spacing:-1px;
margin-bottom:0.2rem;
}
.footer-logo-sub {
font-family:'Inter', sans-serif;
font-size:0.85rem;
text-transform:uppercase;
letter-spacing:4px;
font-weight:500;
}
.footer-description {
color:#666666;
font-size:0.95rem;
line-height:1.6;
max-width:300px;
margin:0;
padding:0;
}
.social-links {
display:flex;
gap:1rem;
margin-top:0.5rem;
}
.site-footer .social-link {
display:flex;
align-items:center;
justify-content:center;
width:36px;
height:36px;
border-radius:50%;
background-color:#f5f5f5;
color:#1a4731;
text-decoration:none;
transition:all 0.3s ease;
padding:0;
margin:0;
background-image:none;
}
.site-footer .social-link:hover {
background-color:#1a4731 !important;
background-image:none !important;
color:white !important;
transform:translateY(-2px);
}
.site-footer .footer-heading {
font-family:'Playfair Display', serif;
font-size:1.2rem;
font-weight:600;
color:#1a4731;
margin-top:0;
margin-bottom:1.5rem;
position:relative;
padding-bottom:0.5rem;
text-align:left;
}
.site-footer .footer-heading::after {
content:'';
position:absolute;
bottom:0;
left:0;
width:30px;
height:2px;
background-color:#1a4731;
opacity:0.5;
}
.site-footer .footer-links {
list-style:none;
padding:0;
margin:0;
display:flex;
flex-direction:column;
gap:0.8rem;
}
.site-footer .footer-links li {
margin:0;
padding:0;
background:none;
height:auto;
float:none;
}
.site-footer .footer-links li a {
color:#666666;
text-decoration:none;
font-size:0.95rem;
transition:color 0.2s ease, padding-left 0.2s ease;
display:inline-block;
padding:0;
margin:0;
background:none !important;
font-family:'Inter', sans-serif;
text-transform:none;
height:auto;
text-align:left;
}
.site-footer .footer-links li a:hover {
color:#1a4731 !important;
padding-left:5px;
background:none !important;
}
.contact-info {
display:flex;
flex-direction:column;
gap:1rem;
}
.contact-item {
display:flex;
align-items:flex-start;
gap:0.8rem;
color:#666666;
font-size:0.95rem;
line-height:1.5;
}
.contact-item i {
color:#1a4731;
margin-top:0.2rem;
width:16px;
}
.site-footer .contact-item a {
color:inherit;
text-decoration:none;
transition:color 0.2s ease;
background:none !important;
padding:0;
margin:0;
height:auto;
font-family:'Inter', sans-serif;
}
.site-footer .contact-item a:hover {
color:#1a4731 !important;
background:none !important;
}
.newsletter-form {
display:flex;
flex-direction:column;
gap:0.8rem;
margin-top:1rem;
}
.newsletter-input {
padding:0.8rem 1rem;
border:1px solid #e5e5e5;
border-radius:6px;
font-family:'Inter', sans-serif;
font-size:0.9rem;
transition:border-color 0.3s ease;
outline:none;
width:100%;
box-sizing:border-box;
color:#333333;
background-color:#ffffff;
}
.newsletter-input:focus {
border-color:#1a4731;
}
.btn-subscribe {
background-color:#1a4731;
color:white;
border:none;
padding:0.8rem 1.5rem;
border-radius:6px;
font-family:'Inter', sans-serif;
font-weight:500;
font-size:0.9rem;
cursor:pointer;
transition:background-color 0.3s ease;
width:fit-content;
margin:0;
}
.btn-subscribe:hover {
background-color:#123323;
}
.footer-bottom {
border-top:1px solid #e5e5e5;
padding:1.5rem 0;
display:flex;
justify-content:space-between;
align-items:center;
font-size:0.85rem;
color:#666666;
}
.footer-bottom-links {
display:flex;
gap:1.5rem;
}
.site-footer .footer-bottom-links a {
color:#666666;
text-decoration:none;
transition:color 0.2s ease;
background:none !important;
padding:0;
margin:0;
height:auto;
font-family:'Inter', sans-serif;
}
.site-footer .footer-bottom-links a:hover {
color:#1a4731 !important;
background:none !important;
}
@media (max-width: 992px) {
.footer-grid {
grid-template-columns:1fr 1fr;
}
.footer-col-brand {
grid-column:span 2;
align-items:center;
text-align:center;
}
.site-footer .footer-heading::after {
left:50%;
transform:translateX(-50%);
}
.site-footer .footer-col:not(.footer-col-brand) .footer-heading::after {
left:0;
transform:none;
}
.newsletter-form {
align-items:flex-start;
}
}
@media (max-width: 768px) {
.footer-grid {
grid-template-columns:1fr;
gap:2.5rem;
}
.footer-col-brand {
grid-column:span 1;
}
.footer-col {
text-align:center;
align-items:center;
}
.site-footer .footer-heading::after {
left:50%;
transform:translateX(-50%);
}
.site-footer .footer-links {
align-items:center;
}
.site-footer .footer-links li a:hover {
padding-left:0;
transform:translateY(-2px);
}
.contact-item {
flex-direction:column;
align-items:center;
text-align:center;
gap:0.4rem;
}
.newsletter-form {
align-items:center;
width:100%;
max-width:300px;
}
.btn-subscribe {
width:100%;
}
.footer-bottom {
flex-direction:column;
gap:1rem;
text-align:center;
}
}