*{margin:0;padding:0;box-sizing:border-box} body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; font-size: 16px; line-height: 1.6; color: #333333; background: #ffffff; } a{color:#1e73be;text-decoration:none} a:hover{text-decoration:none} img { max-width: 100%; height: auto; display: block; } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } .breaking-news-bar{background:#000000;color:#fff;padding:10px 0;font-size:14px} .breaking-news-bar .container { display: flex; align-items: center; gap: 15px; } .breaking-news-bar .label{font-weight:bold;text-transform:uppercase;background:#1e73be;padding:4px 12px;border-radius:3px} .breaking-news-bar .ticker a{color:#ffffff;text-decoration:none} .site-header { background: #ffffff; padding: 20px 0; border-bottom: 1px solid #e0e0e0; } .site-header .container{display:flex;justify-content:space-between;align-items:center} .site-branding{flex:0 0 auto} .custom-logo { max-width: 343px; height: auto; } .header-links { display: flex; gap: 20px; align-items: center; } .header-link{font-weight:600;color:#333333;display:flex;align-items:center} .menu-toggle { display: none; background: #1e73be; color: #ffffff; border: none; padding: 10px 20px; cursor: pointer; font-size: 14px; border-radius: 3px; } .main-navigation{background:#f8f8f8;border-bottom:2px solid #1e73be} .main-navigation .container{padding:0} .menu, .nav-menu{list-style:none;display:flex;flex-wrap:wrap;margin:0;padding:0} .menu-item{margin:0} .menu-item a { display: block; padding: 15px 20px; color: #333333; text-decoration: none; font-weight: 500; transition: all 0.3s ease; position: relative; } .menu-item a:hover{background:#1e73be;color:#ffffff;text-decoration:none;transform:translateY(-2px)} .main-navigation a:hover{text-decoration:none !important} .site-header a:hover{text-decoration:none} .featured-area { background: #f5f5f5; padding: 40px 0; } .featured-slider{position:relative} .featured-post{position:relative} .featured-post img { width: 100%; height: auto; object-fit: cover; } .featured-post .entry-meta { position: absolute; top: 20px; left: 20px; } .featured-post .entry-title { position: absolute; bottom: 20px; left: 20px; right: 20px; background: rgba(0,0,0,0.7); padding: 15px; margin: 0; } .featured-post .entry-title a { color: #ffffff; font-size: 28px; font-weight: 700; line-height: 1.3; text-decoration: none; } .cat-links a{background:#1e73be;color:#fff;padding:5px 12px;border-radius:3px;font-size:13px;font-weight:bold;text-decoration:none;display:inline-block} .site-content{padding:40px 0} .site-content .container { display: flex; gap: 40px; } .content-area{flex:1} .page-header { margin-bottom: 30px; } .page-title { font-size: 36px; font-weight: 700; line-height: 1.2; color: #000000; margin-bottom: 10px; } .section-title { font-size: 22px; font-weight: 600; line-height: 1.4; color: #333333; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #1e73be; } .posts-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 30px; } .post, .type-post{background:#ffffff;border:1px solid #e0e0e0;transition:box-shadow 0.3s} .post:hover{box-shadow:0 4px 12px rgba(0,0,0,0.1)} .post-thumbnail { margin-bottom: 15px; overflow: hidden; } .post-thumbnail img { width: 100%; height: auto; display: block; transition: transform 0.3s; } .post:hover .post-thumbnail img{transform:scale(1.05)} .entry-header { padding: 0 15px; margin-bottom: 10px; } .entry-title { font-size: 18px; margin-bottom: 10px; line-height: 1.4; } .entry-title a { color: #000000; text-decoration: none; font-weight: 600; } .entry-title a:hover{color:#1e73be;text-decoration:none} .entry-content { padding: 0 15px 15px 15px; color: #333333; font-size: 15px; line-height: 1.6; } .entry-footer .tags-links{font-size:13px;color:#666;display:flex;align-items:center;gap:5px} .entry-footer .tags-links a{color:#1e73be;font-weight:500} .widget-area, .sidebar{flex:0 0 300px} .widget, .widget_recent_entries, .widget_categories, .widget_media_image { background: #f8f8f8; padding: 20px; margin-bottom: 30px; border: 1px solid #e0e0e0; } .widget-title { font-size: 20px; font-weight: 600; color: #000000; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 2px solid #1e73be; display: flex; align-items: center; } .widget ul{list-style:none;padding:0;margin:0} .widget ul li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e0e0e0; } .widget ul li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none} .widget ul li a { display: flex; gap: 10px; align-items: flex-start; text-decoration: none; color: #333333; } .widget ul li a:hover{color:#1e73be} .widget ul li img { width: 80px; height: 60px; object-fit: cover; flex-shrink: 0; } .widget ul li .post-title { font-size: 14px; line-height: 1.4; font-weight: 500; } .widget_categories ul li a { display: block; padding: 8px 0; color: #333333; font-weight: 500; } .widget_ad img, .widget_media_image img{width:100%;height:auto} .site-footer { background: #000000; color: #ffffff; padding: 30px 20px; margin-top: 40px; } .site-footer .container{display:flex;flex-direction:column;gap:20px} .footer-branding{text-align:center} .footer-branding img { max-width: 200px; margin: 0 auto; filter: brightness(0) invert(1); } .site-info { text-align: center; font-size: 14px; line-height: 1.8; } .site-info a{color:#1e73be} .footer-navigation{text-align:center} .footer-menu { list-style: none; display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; padding: 0; margin: 0; } .footer-menu li a { color: #ffffff; text-decoration: none; font-size: 14px; transition: all 0.3s ease; position: relative; padding-bottom: 2px; } .footer-menu li a:hover{color:#1e73be;text-decoration:none} .footer-navigation a:hover{text-decoration:none !important} .site-footer a:hover{text-decoration:none} .material-icons{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr} .content-section, .about-section{margin-bottom:40px} .section-header { margin-bottom: 25px; } .section-content .entry-content ul { list-style: disc; padding-left: 25px; } .section-content .entry-content ul li{margin-bottom:8px;line-height:1.6} .pricing-section .posts-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))} .pricing-card { display: flex; flex-direction: column; } .pricing-card .entry-content{flex:1} .pricing-card ul li{font-size:14px;line-height:1.5} .faq-section{background:#fff} .faq-item{transition:all 0.3s} .faq-item:hover{box-shadow:0 2px 8px rgba(0,0,0,0.08)} .faq-item .entry-header{border-left:4px solid #1e73be;transition:background 0.3s;position:relative;cursor:pointer;user-select:none} .faq-item .entry-header:hover{background:#e8f4f8} .faq-item .entry-header::after{content:'▼';position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:14px;color:#1e73be;transition:transform 0.3s} .faq-item .entry-header.active::after{transform:translateY(-50%) rotate(180deg)} .faq-item .entry-content p{margin-bottom:15px} .faq-item .entry-content p:last-child{margin-bottom:0} .modal-content button:hover, .cookie-banner button:hover{opacity:0.85;transition:opacity 0.3s} #bookingModal button[type="submit"]:hover{background:#0d5a9e} @media (max-width: 768px) { .site-header .container{flex-wrap:wrap} .custom-logo { max-width: 200px; } .menu-toggle{display:block} .main-navigation{display:none} .main-navigation.active{display:block} .menu, .nav-menu{flex-direction:column} .menu-item a{border-bottom:1px solid #e0e0e0} .site-content .container { flex-direction: column; gap: 30px; } .widget-area, .sidebar{flex:1} .posts-grid { grid-template-columns: 1fr; gap: 20px; } .featured-post .entry-title a{font-size:20px} .site-footer .container{gap:15px} .footer-menu{flex-direction:column;gap:10px} } @media (max-width: 480px) { .container{padding:0 15px} .page-title { font-size: 28px; } .section-title{font-size:20px} .custom-logo { max-width: 150px; } .breaking-news-bar{font-size:13px} .breaking-news-bar .container { flex-direction: column; gap: 8px; text-align: center; } .pricing-section .posts-grid{grid-template-columns:1fr} .section-content .entry-content{padding:15px !important} .faq-item .entry-header h3{font-size:16px !important} .faq-item .entry-content{padding:15px !important} .cookie-banner .container{flex-direction:column;text-align:center} .cookie-banner button{width:100%} .modal-content{margin:10% auto !important;width:95% !important} .modal-body{padding:20px !important} }