:root { --accent: #5c6b4f; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2); } 25% { box-shadow: -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1); } 50% { box-shadow: -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2); } 75% { box-shadow: 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #f7f7f5 }.profile-cover.profile-cover-no-img { display: none!important; } .profile-header{ display: none!important; } .main-info-mobile { display: none!important; } .ml-breadcrumbs>div { width: 1120px!important; } .gallery-carousel-block .pf-head .title-style-1 { min-height: 0px!important; } .paddingnone .pf-body{ padding-top: 0px!important; } .species-single { padding: 20px 20px!important; } /*Single Image page design*/ .species-single { max-width: 1100px; margin: auto; padding: 40px 20px; } /* Featured Image */ .species-image img { width: 100%; border-radius: 12px; margin-bottom: 30px; } /* Title */ .title-block { display: flex; justify-content: space-between; align-items: center; gap: 40px; border-bottom: 1px solid #eee; padding-bottom: 20px; } .title-left h1 { margin: 0; font-size: 24px; } .title-left h4 { margin: 8px 0; font-weight: normal; color: #777; } .title-left p { margin: 8px 0 0; color: #777; } /* Right Side Blank Area */ .title-right { min-width: 220px; } .dip-listing-auther .avatar { width: 60px!important; height: 60px!important; } .dip-listing-auther .host-name { display: flex; align-items: center; height: 60px; } /* Metadata */ .metadata { display: flex; gap: 50px; padding: 30px 0; border-bottom: 1px solid #eee; } .meta-column { flex: 1; } .meta-column p { margin: 10px 0; } /* Description */ .description { padding: 30px 0; border-bottom: 1px solid #eee; } /* Map */ .map-snippet { padding: 30px 0; } .map-preview { height: 250px; background: #f3f3f3; display: flex; align-items: center; justify-content: center; color: #888; border-radius: 10px; } div#map { border-radius: 10px; } /* Related Images */ .related-images { padding: 30px 0; } .thumbs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; } .thumbs img { width: 100%; height: 200px; object-fit: cover; border-radius: 10px; } /* Tablet */ @media (max-width: 992px) { .metadata { flex-direction: column; gap: 20px; } .thumbs { grid-template-columns: repeat(2, 1fr); } } /* Mobile */ @media (max-width: 576px) { .species-single { padding: 25px 15px; } .title-block h1 { font-size: 24px; } .thumbs { grid-template-columns: 1fr; } } /* Responsive */ @media (max-width: 768px) { .title-block { flex-direction: column; align-items: flex-start; gap: 20px; } .title-right { width: 100%; text-align: left; } } /* Single listing */ @media (min-width: 1450px) { .single-listing .container { width: 1120px; } } @media only screen and (max-width: 1450px) { .listing-main-info { width: 1120px; } } /* Footer */ footer.footer { border-top: 1px solid #ddd!important; } .c_widget .menu>li>a { color: #4A4A4A!important; font-weight: 500!important; } /* Category filter design explore page */ .dn_cat_display { max-width: 1120px; margin: 0 auto; width: 100%; } .dipto-category-menu { justify-content: center; } .dipto-category-menu { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; } .dipto-category-menu li a { display: block; padding: 10px 15px; text-decoration: none; background: #fff; border-radius: 6px; transition: 0.3s ease; font-weight: 500; } .dipto-category-menu li a:hover { background: #5C6B4F; color: #fff; } .explore-desktop-head { display: none!important; } .listing-main-buttons.detail-count-1 { display: none!important; } /* Author Page css code */ /* --- Authors Card Grid --- */ .authors-card-grid { display: flex; flex-wrap: wrap; gap: 20px; justify-content: flex-start; } .author-card { background: #fff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.08); padding: 20px; text-align: center; width: 200px; transition: transform 0.2s, box-shadow 0.2s; } .author-card:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0,0,0,0.12); } .author-avatar img { border-radius: 50%; margin-bottom: 12px; width: 90px; height: 90px; object-fit: cover; } .author-name { font-size: 14px; margin-bottom: 12px; color: #333; } /* Button styling with !important to override theme */ .author-btn { display: inline-block; padding: 8px 16px; background: #5C6B4F !important; /* custom color */ color: #ffffff !important; /* text white */ border-radius: 6px; text-decoration: none; font-size: 14px; transition: background 0.2s; } .author-btn:hover { background: #49553c !important; /* hover darker */ } /* Responsive for mobile */ @media (max-width: 600px) { .author-card { width: 100%; } .author-avatar img { width: 120px; height: 120px; } } .footer-bottom .social-nav li a { margin-right: 15px!important; } .lf-item .overlay { z-index: 0!important; } .category-marker{ background-image:url('/wp-content/uploads/category-icon.png'); width:40px; height:40px; background-size:contain; background-repeat:no-repeat; }