:root { --accent: #6c1cff; } @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: #f4f4f4 }footer .c_widget .menu > li > a { color: #fff !important; font-size: 15px !important; font-weight: 600 !important; transition: .2s ease !important; } .c_widget_title h5 { color:#f7c346 !important; } /* Inline layout for newsletter form */ .tnp.tnp-subscription form { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; } /* Email input styling */ .tnp.tnp-subscription .tnp-field-email { flex: 1 1 250px; margin: 0; } .tnp.tnp-subscription .tnp-email { width: 100%; padding: 10px 15px; border: 1px solid #ccc; background: #fff; color: #000; border-radius: 0px; } /* Submit button styling */ .tnp.tnp-subscription .tnp-submit { background-color: #6c1cff; color: #fff; border: none; padding: 10px 20px; font-weight: bold; border-radius: 0px; cursor: pointer; transition: background 0.2s ease-in-out; } .tnp.tnp-subscription .tnp-submit:hover { background-color: #5216c1; } /* Hide label */ .tnp.tnp-subscription label { display: none; } .tnp-subscription div.tnp-field, .tnp-profile div.tnp-field { margin-bottom:0px !important; margin-left:-15px !important; } /* Custom Header */ .custom-header-block { position: fixed; top: 0; left: 0; right: 0; z-index: 99; } .custom-header-top-block { position: absolute; top: 0; left: 0; width: 100%; height: 25px; background-color: #202125; z-index: 1; } .custom-header-content-block { position: absolute; top: 0; left: 0; width: 100%; display: flex; align-items: flex-start; justify-content: space-between; box-sizing: border-box; padding: 0; z-index: 2; } .custom-header-left-block, .custom-header-right-block, .custom-header-center-block { display: flex; align-items: center; justify-content: center; background-color: transparent; padding: 0px; } .custom-header-left-block { background-color: #202125; padding-top:8px; padding-bottom:8px; padding-right:15px; padding-left:15px; border-bottom-right-radius: 25px; } .custom-header-center-block { color: #000; position: absolute; left: 50%; transform: translateX(-50%); z-index: 3; background-color: #202125; padding-top: 5px; padding-bottom: 20px; padding-right: 20px; padding-left: 20px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; top:0px; } .custom-header-center-block img { width:40px !important; height:auto !important; } .custom-header-right-block { background-color: #202125; padding-top:8px; padding-bottom:8px; padding-right:15px; padding-left:15px; border-bottom-left-radius: 25px; } .content-align-center { display: flex; align-items: center; justify-content: center; height: 30px; white-space: nowrap; color: inherit; font-weight: bold; } /*Custom Header Code */ .apply-now-btn { font-size: 20px; color: #fff; } .custom-header-right-block .toggle-menu i{ font-size: 22px; color: #fff; } .custom-header-right-block .mobile-menu-lines { display: flex !important; align-items: center; justify-content: center; font-size: 24px; cursor: pointer; } .c27-main-header { display:none; } #custom-hamburger-trigger { display: inline-flex; align-items: center; justify-content: center; font-size: 24px; cursor: pointer; } .i-nav { position: fixed !important; right: 0; top: 0; width: 320px; height: 100vh; background: #fff; z-index: 9999; transition: transform 0.3s ease, opacity 0.3s ease; transform: translateX(100%); opacity: 0; } .custom-header-right-block .mobile-menu-lines i { font-size:22px !important; color:#fff !important; } .custom-header-left-block a.apply-now-btn:hover { color:#fff !important; } @media only screen and (max-width: 600px){ .featured-section.profile-cover.profile-cover-image { height:300px; } .featured-section.profile-cover.profile-cover-image img { aspect-ratio: 26 / 20 !important; } .profile-header .profile-menu ul { justify-content: center !important; } .custom-gallery-btn { display:inline-block; } .custom-gallery-btn a { background: var(--accent); padding: 0 20px; display: block; color: #fff; border-radius: 5px; font-size: 14px; height: 48px; align-items: center; position: relative; z-index: 0; display: flex; justify-content: center; white-space: nowrap; font-weight: 600; } .custom-gallery-btn a i { margin-right: 10px; } @media only screen and (max-width: 1200px) { .custom-gallery-btn a { height: 30px !important; padding: 0px 8px !important; } .featured-search .fs-tabs .tab-content { padding-top: 0px !important; */ padding-bottom: 0px !important; */ margin: 30px; } } .rating-categories .clasificacion .fa-star-box { background-color: none !important; color: #e9c10d !important; }