/*
Theme Name: Holidays Feeling
Theme URI: https://holidaysfeeling.com
Author: Holidays Feeling
Author URI: https://holidaysfeeling.com
Description: A lightweight, section-builder driven theme for Holidays Feeling — jet ski, catamaran, boat and kayak bookings across Gran Canaria, Barcelona and Tenerife. Built for the Advanced Booking Tools plugin, Contact Form 7, and a simple built-in page builder.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Tested up to: 6.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: holidays-feeling
Tags: custom-menu, custom-logo, translation-ready, block-styles, threaded-comments
*/

/* ==========================================================================
   0. Custom properties & base
   ========================================================================== */
:root{
	--hf-navy:#10344C;
	--hf-navy-2:#0C2A3E;
	--hf-lagoon:#1E9E8C;
	--hf-lagoon-2:#166F62;
	--hf-coral:#F1653B;
	--hf-coral-2:#C24825;
	--hf-sand:#F4E9D8;
	--hf-foam:#FBFAF7;
	--hf-ink:#1B2430;
	--hf-ink-soft:#5B6572;
	--hf-line:#E4DED2;
	--hf-font-display:'Fraunces', Georgia, serif;
	--hf-font-body:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	--hf-font-label:'Space Grotesk', -apple-system, sans-serif;
	--hf-header-h:76px;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{
	margin:0;
	font-family:var(--hf-font-body);
	color:var(--hf-ink);
	background:var(--hf-foam);
	line-height:1.65;
	font-size:16px;
}
img{ max-width:100%; height:auto; display:block; }
a{ color:inherit; text-decoration:none; }
ul{ margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{
	font-family:var(--hf-font-display);
	font-weight:500;
	color:var(--hf-navy);
	line-height:1.15;
	margin:0 0 .5em;
}
p{ margin:0 0 1em; }
button{ font-family:inherit; }

.screen-reader-text{
	position:absolute !important;
	left:-9999px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
.skip-link{
	position:absolute;
	left:-9999px;
	background:var(--hf-navy);
	color:#fff;
	padding:10px 16px;
	z-index:10000;
}
.skip-link:focus{ left:8px; top:8px; }
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
	outline:2px solid var(--hf-lagoon);
	outline-offset:2px;
}

/* ==========================================================================
   1. Layout containers
   ========================================================================== */
.hf-container{ max-width:var(--hf-container-width, 1120px) !important; margin:0 auto !important; padding:0 24px !important; }
.hf-container--wide{ max-width:var(--hf-container-wide-width, 1360px) !important; }
.hf-container--full{ max-width:none !important; padding:0 24px !important; }

/*
 * Some plugins (e.g. custom post type archives/singles that use their own
 * template_include override) render straight into #hf-content without
 * ever using our .hf-container classes. This keeps those pages visually
 * consistent with the rest of the site without editing the plugin itself.
 * Extend this selector list if other plugin-rendered pages need it too.
 */
body.post-type-archive-abt_activity #hf-content,
body.single-abt_activity #hf-content{
	max-width:var(--hf-container-width, 1120px);
	margin-left:auto;
	margin-right:auto;
	padding-left:24px;
	padding-right:24px;
	box-sizing:border-box;
}

/* ==========================================================================
   2. Header & navigation
   ========================================================================== */
.hf-site-header{
	background:var(--hf-header-bg);
	position:relative;
	z-index:100;
}
.hf-site-header.is-sticky{
	position:sticky;
	top:0;
}
.hf-header-inner{
	display:flex;
	align-items:center;
	justify-content:space-between;
	min-height:var(--hf-header-h);
	gap:24px;
}
.hf-logo{ display:flex; align-items:center; }
.hf-logo img{ max-height:44px; width:auto; }
.hf-logo-text{
	font-family:var(--hf-font-display);
	font-size:21px;
	font-weight:600;
	color:#fff;
}

.hf-nav-actions{
	display:flex;
	align-items:center;
	gap:40px;
}

.hf-menu{
	display:flex;
	align-items:center;
	gap:28px;
	list-style:none;
}
.hf-menu li{ position:relative; }
.hf-menu > li > a{
	color:var(--hf-menu-color);
	font-family:var(--hf-menu-font);
	font-size:var(--hf-menu-font-size);
	font-weight:500;
	padding:10px 2px;
	display:inline-block;
}
.hf-menu > li > a:hover,
.hf-menu > li.current-menu-item > a{ color:var(--hf-lagoon); }

.hf-menu .sub-menu{
	list-style:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	min-width:200px;
	box-shadow:0 12px 24px rgba(16,52,76,.15);
	border-radius:8px;
	padding:8px;
	opacity:0;
	visibility:hidden;
	transform:translateY(6px);
	transition:opacity .15s ease, transform .15s ease;
}
.hf-menu li:hover > .sub-menu,
.hf-menu li.is-open > .sub-menu{
	opacity:1;
	visibility:visible;
	transform:translateY(0);
}
.hf-menu .sub-menu a{
	color:var(--hf-ink);
	display:block;
	padding:8px 10px;
	border-radius:6px;
	font-size:14px;
}
.hf-menu .sub-menu a:hover{ background:var(--hf-sand); }

/* Button-style menu item (CSS class "menu-button" / "menu-button-outline" in Appearance → Menus) */
.hf-menu-btn{
	font-family:var(--hf-menu-btn-font) !important;
	font-weight:600 !important;
	font-size:var(--hf-menu-btn-font-size) !important;
	padding:10px 20px !important;
	border-radius:8px;
	display:inline-block;
}
.hf-menu-btn--solid{
	background:var(--hf-coral);
	color:var(--hf-menu-btn-color) !important;
}
.hf-menu-btn--solid:hover{ background:var(--hf-coral-2); color:var(--hf-menu-btn-color) !important; }
.hf-menu-btn--outline{
	border:1.5px solid rgba(255,255,255,.5);
	color:var(--hf-menu-btn-color) !important;
}
.hf-menu-btn--outline:hover{ border-color:var(--hf-lagoon); color:var(--hf-lagoon) !important; }

.hf-header-cta{
	background:var(--hf-coral);
	color:var(--hf-menu-btn-color);
	font-family:var(--hf-menu-btn-font) !important;
	font-weight:600;
	font-size:var(--hf-menu-btn-font-size) !important;
	padding:10px 20px;
	border-radius:8px;
	white-space:nowrap;
}
.hf-header-cta:hover{ background:var(--hf-coral-2); color:var(--hf-menu-btn-color); }

.hf-header-actions{ display:flex; align-items:center; gap:16px; }

.hf-menu-toggle{
	display:none;
	background:transparent;
	border:0;
	color:#fff;
	padding:8px;
	cursor:pointer;
}
.hf-menu-toggle svg{ width:26px; height:26px; }

.hf-mobile-menu{
	display:none;
	background:var(--hf-navy-2);
}
.hf-mobile-menu.is-open{ display:block; }
.hf-mobile-menu ul{ list-style:none; padding:12px 24px 20px; }
.hf-mobile-menu li{ border-bottom:1px solid rgba(255,255,255,.08); }
.hf-mobile-menu a{
	display:block;
	padding:12px 0;
	color:var(--hf-menu-color);
	font-family:var(--hf-menu-font);
	font-size:var(--hf-menu-font-size);
}
.hf-mobile-menu .sub-menu{ list-style:none; padding-left:16px; }

@media (max-width:860px){
	.hf-menu, .hf-header-actions .hf-header-cta{ display:none; }
	.hf-menu-toggle{ display:inline-flex; }
}

/* ==========================================================================
   3. Page builder front-end output
   ========================================================================== */
.hf-section{ position:relative; }
.hf-section-overlay{
	position:absolute;
	inset:0;
}
.hf-section-inner{ position:relative; z-index:1; }

.hf-row{
	display:flex;
	flex-wrap:wrap;
	gap:32px;
}
.hf-row + .hf-row{ margin-top:32px; }
.hf-col{ flex:1 1 0; min-width:0; display:flex; flex-direction:column; }
.hf-col--valign-center{ justify-content:center; }
.hf-col--valign-bottom{ justify-content:flex-end; }

@media (max-width:760px){
	.hf-row{ gap:24px; }
	.hf-row > .hf-col{ flex-basis:100% !important; max-width:100% !important; }
}

.hf-heading{ margin:0 0 .5em; }
.hf-heading--sm{ font-size:20px; }
.hf-heading--md{ font-size:28px; }
.hf-heading--lg{ font-size:38px; }
.hf-heading--xl{ font-size:52px; line-height:1.08; }
@media (max-width:600px){
	.hf-heading--lg{ font-size:30px; }
	.hf-heading--xl{ font-size:34px; }
}

.hf-text{ color:var(--hf-ink-soft); margin:0 0 1em; }
.hf-text--sm{ font-size:14px; }
.hf-text--md{ font-size:16.5px; }
.hf-text--lg{ font-size:19px; }
.hf-text p:last-child{ margin-bottom:0; }

.hf-align-left{ text-align:left; }
.hf-align-center{ text-align:center; }
.hf-align-right{ text-align:right; }

.hf-btn-group{ display:flex; gap:14px; flex-wrap:wrap; margin:6px 0; }
.hf-align-center.hf-btn-group{ justify-content:center; }
.hf-align-right.hf-btn-group{ justify-content:flex-end; }

.hf-btn{
	font-family:var(--hf-font-body);
	font-weight:600;
	font-size:14.5px;
	padding:13px 26px;
	border-radius:8px;
	display:inline-block;
	border:1.5px solid transparent;
	transition:transform .12s ease, opacity .12s ease;
}
.hf-btn:hover{ opacity:.92; }
.hf-btn--solid{ background:var(--hf-coral); color:#fff; }
.hf-btn--outline{ border-color:currentColor; color:var(--hf-navy); background:transparent; }

.hf-image-wrap{ margin:0 0 1em; }
.hf-image-wrap.hf-align-center{ text-align:center; }
.hf-image-wrap.hf-align-right{ text-align:right; }
.hf-image{ border-radius:0; display:block; }
.hf-image--rounded{ border-radius:16px; }
.hf-image-wrap figcaption{ font-size:13px; color:var(--hf-ink-soft); margin-top:8px; font-style:italic; }

.hf-image-wrap--zoom{ overflow:hidden; }
.hf-image-wrap--zoom .hf-image{ transition:transform .5s ease; }
.hf-image-wrap--zoom:hover .hf-image{ transform:scale(1.08); }

/* Small dashed "stamp" badge — handy inside a Custom HTML element for
   card-style content (e.g. a destination tag above a heading). */
.hf-stamp{
	font-family:var(--hf-font-label);
	font-size:11px;
	font-weight:600;
	letter-spacing:.06em;
	text-transform:uppercase;
	border:1.5px dashed var(--hf-navy);
	border-radius:999px;
	padding:5px 12px;
	display:inline-flex;
	align-items:center;
	gap:6px;
	color:var(--hf-navy);
}
.hf-stamp::before{
	content:"";
	width:6px;
	height:6px;
	border-radius:50%;
	background:var(--hf-coral);
	flex-shrink:0;
}

/* Card element — image + badge + heading + text + link, self-contained. */
.hf-card{
	background:#fff;
	border:1px solid var(--hf-line);
	border-radius:16px;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	height:100%;
}
.hf-card-media{
	aspect-ratio:4/3;
	overflow:hidden;
	background:var(--hf-sand);
}
.hf-card-img{ width:100%; height:100%; object-fit:cover; display:block; }
.hf-card-media--zoom .hf-card-img,
.hf-card-media--zoom .hf-card-img-placeholder{ transition:transform .5s ease; }
.hf-card-media--zoom:hover .hf-card-img,
.hf-card-media--zoom:hover .hf-card-img-placeholder{ transform:scale(1.08); }
.hf-card-img-placeholder{
	width:100%;
	height:100%;
	background:linear-gradient(135deg, var(--hf-sand), var(--hf-lagoon) 140%);
	opacity:.45;
}
.hf-card-body{ padding:24px; flex:1; display:flex; flex-direction:column; }
.hf-card-badge{ margin-bottom:14px; align-self:flex-start; }
.hf-card-title{ font-size:21px; margin-bottom:8px; }
.hf-card-desc{ color:var(--hf-ink-soft); font-size:15px; margin-bottom:16px; flex:1; }
.hf-card-desc p:last-child{ margin-bottom:0; }
.hf-card-link{
	font-family:var(--hf-font-label);
	font-size:13.5px;
	font-weight:600;
	color:var(--hf-lagoon-2);
	align-self:flex-start;
}
.hf-card-link:hover{ color:var(--hf-navy); }

.hf-spacer{ width:100%; }
.hf-custom-html{ width:100%; }
.hf-shortcode-wrap{ width:100%; }

.hf-testimonial-grid{
	width:100%;
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:24px;
}
@media (max-width:760px){
	.hf-testimonial-grid{ grid-template-columns:1fr; }
}
.hf-testimonial-card{
	background:#fff;
	border:1px solid var(--hf-line);
	border-radius:16px;
	padding:28px;
}
.hf-testimonial-stars{
	color:var(--hf-coral);
	font-size:15px;
	letter-spacing:2px;
	margin-bottom:14px;
}
.hf-testimonial-quote{
	font-style:italic;
	font-size:16.5px;
	line-height:1.55;
	color:var(--hf-ink);
	margin:0 0 18px;
}
.hf-testimonial-byline{
	font-size:14px;
	margin:0;
}
.hf-testimonial-byline strong{ color:var(--hf-ink); font-weight:700; }
.hf-testimonial-byline span{ color:var(--hf-ink-soft); }

/* ==========================================================================
   4. Trust / stat style rows (built from builder columns, generic helpers)
   ========================================================================== */
.hf-alt-bg{ background:var(--hf-sand); }

/* ==========================================================================
   5. Blog: listing cards, single post, comments
   ========================================================================== */
.hf-blog-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:28px;
	padding:64px 0;
}
@media (max-width:900px){ .hf-blog-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){ .hf-blog-grid{ grid-template-columns:1fr; } }

.hf-post-card{
	background:#fff;
	border:1px solid var(--hf-line);
	border-radius:14px;
	overflow:hidden;
	display:flex;
	flex-direction:column;
}
.hf-post-card-thumb{ aspect-ratio:4/3; overflow:hidden; background:var(--hf-sand); }
.hf-post-card-thumb img{ width:100%; height:100%; object-fit:cover; }
.hf-post-card-body{ padding:20px; flex:1; display:flex; flex-direction:column; }
.hf-post-card-body h2{ font-size:19px; margin-bottom:8px; }
.hf-post-card-body h2 a:hover{ color:var(--hf-lagoon-2); }
.hf-post-card-excerpt{ color:var(--hf-ink-soft); font-size:14px; flex:1; }
.hf-meta-date, .hf-meta-author{
	font-family:var(--hf-font-label);
	font-size:11.5px;
	text-transform:uppercase;
	letter-spacing:.04em;
	color:var(--hf-coral-2);
	margin-right:10px;
}

.hf-single-article{ padding:64px 0; }
.hf-single-article .hf-post-thumb{ margin-bottom:32px; border-radius:14px; overflow:hidden; }
.hf-single-article h1{ font-size:38px; margin-bottom:12px; }
.hf-single-meta{ margin-bottom:28px; }
.hf-entry-content{ font-size:17px; }
.hf-entry-content p{ margin-bottom:1.3em; }
.hf-entry-content img{ border-radius:12px; }
.hf-entry-content h2{ font-size:26px; margin-top:1.6em; }
.hf-entry-content h3{ font-size:21px; margin-top:1.4em; }
.hf-entry-content a{ color:var(--hf-lagoon-2); text-decoration:underline; }
.hf-tags{ margin-top:32px; font-size:13px; color:var(--hf-ink-soft); }

.hf-pagination{ display:flex; gap:8px; justify-content:center; padding:0 0 64px; }
.hf-pagination .page-numbers{
	border:1px solid var(--hf-line);
	border-radius:6px;
	padding:8px 14px;
	font-size:14px;
}
.hf-pagination .page-numbers.current{ background:var(--hf-navy); color:#fff; border-color:var(--hf-navy); }

.hf-comments{ margin-top:48px; border-top:1px solid var(--hf-line); padding-top:32px; }
.hf-single-comments{ padding-bottom:64px; }
.hf-comments .comment-list{ list-style:none; padding:0; }
.hf-comments .comment{ margin-bottom:20px; }
.hf-comments textarea, .hf-comments input[type="text"], .hf-comments input[type="email"], .hf-comments input[type="url"]{
	width:100%;
	padding:10px 12px;
	border:1px solid var(--hf-line);
	border-radius:8px;
	margin-bottom:12px;
	font-family:var(--hf-font-body);
}
.hf-comments .submit{
	background:var(--hf-coral);
	color:#fff;
	border:0;
	padding:12px 22px;
	border-radius:8px;
	font-weight:600;
	cursor:pointer;
}

/* ==========================================================================
   6. Gallery: masonry + lightbox
   ========================================================================== */
.hf-gallery-masonry{
	column-count:3;
	column-gap:20px;
	padding:64px 0;
}
@media (max-width:900px){ .hf-gallery-masonry{ column-count:2; } }
@media (max-width:560px){ .hf-gallery-masonry{ column-count:1; } }

.hf-gallery-item{
	display:block;
	margin:0 0 20px;
	border-radius:14px;
	overflow:hidden;
	position:relative;
	break-inside:avoid;
}
.hf-gallery-item img{
	width:100%;
	display:block;
	transition:transform .4s ease;
}
.hf-gallery-item:hover img{ transform:scale(1.06); }
.hf-gallery-item::after{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(180deg, rgba(16,52,76,0) 60%, rgba(16,52,76,.55) 100%);
	opacity:0;
	transition:opacity .3s ease;
}
.hf-gallery-item:hover::after{ opacity:1; }

.hf-lightbox{
	position:fixed;
	inset:0;
	background:rgba(11,20,28,.92);
	display:none;
	align-items:center;
	justify-content:center;
	z-index:9999;
	padding:32px;
}
.hf-lightbox.is-open{ display:flex; }
.hf-lightbox img{
	max-width:min(1100px,92vw);
	max-height:88vh;
	border-radius:8px;
}
.hf-lightbox-close, .hf-lightbox-prev, .hf-lightbox-next{
	position:absolute;
	background:rgba(255,255,255,.12);
	color:#fff;
	border:0;
	border-radius:50%;
	width:44px;
	height:44px;
	cursor:pointer;
	font-size:20px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.hf-lightbox-close{ top:24px; right:24px; }
.hf-lightbox-prev{ left:24px; top:50%; transform:translateY(-50%); }
.hf-lightbox-next{ right:24px; top:50%; transform:translateY(-50%); }

/* ==========================================================================
   7. Contact page
   ========================================================================== */
.hf-contact-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:48px;
	padding:64px 0;
	align-items:start;
}
@media (max-width:860px){ .hf-contact-grid{ grid-template-columns:1fr; } }

.hf-contact-info-list{ list-style:none; padding:0; margin:0 0 28px; }
.hf-contact-info-list li{
	display:flex;
	align-items:flex-start;
	gap:14px;
	margin-bottom:18px;
	font-size:15px;
}
.hf-contact-icon{
	width:38px;
	height:38px;
	border-radius:50%;
	background:var(--hf-sand);
	color:var(--hf-coral-2);
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}
.hf-contact-icon svg{ width:18px; height:18px; }

.hf-contact-form-wrap{
	background:#fff;
	border:1px solid var(--hf-line);
	border-radius:16px;
	padding:32px;
}
.hf-contact-form-wrap .wpcf7-form p{ margin-bottom:16px; }
.hf-contact-form-wrap input[type="text"],
.hf-contact-form-wrap input[type="email"],
.hf-contact-form-wrap input[type="tel"],
.hf-contact-form-wrap textarea,
.hf-contact-form-wrap select{
	width:100%;
	padding:12px 14px;
	border:1px solid var(--hf-line);
	border-radius:8px;
	font-family:var(--hf-font-body);
	font-size:15px;
}
.hf-contact-form-wrap input[type="submit"]{
	background:var(--hf-coral);
	color:#fff;
	border:0;
	padding:13px 28px;
	border-radius:8px;
	font-weight:600;
	cursor:pointer;
	font-size:15px;
}
.hf-contact-form-wrap input[type="submit"]:hover{ background:var(--hf-coral-2); }
.hf-contact-form-wrap .wpcf7-not-valid-tip{ color:#C24825; font-size:13px; }
.hf-contact-form-wrap .wpcf7-response-output{
	border-radius:8px;
	margin-top:16px;
	padding:12px;
}
.hf-map-wrap{ border-radius:16px; overflow:hidden; margin-top:12px; border:1px solid var(--hf-line); }
.hf-map-wrap iframe{ width:100%; height:340px; border:0; display:block; }
.hf-cf7-missing{
	background:var(--hf-sand);
	border-radius:12px;
	padding:20px;
	font-size:14px;
	color:var(--hf-ink-soft);
}

/* ==========================================================================
   8. 404 & search
   ========================================================================== */
.hf-error-page, .hf-search-page{ padding:96px 0; text-align:center; }
.hf-error-page .hf-error-code{
	font-family:var(--hf-font-label);
	font-size:14px;
	color:var(--hf-coral-2);
	letter-spacing:.1em;
}
.hf-error-page h1{ font-size:40px; }
.hf-search-form{ display:flex; gap:10px; max-width:480px; margin:24px auto 0; }
.hf-search-form input[type="search"]{
	flex:1;
	padding:12px 16px;
	border:1px solid var(--hf-line);
	border-radius:8px;
	font-size:15px;
}
.hf-search-form button{
	background:var(--hf-navy);
	color:#fff;
	border:0;
	padding:12px 20px;
	border-radius:8px;
	font-weight:600;
	cursor:pointer;
}
.hf-search-results-list{ text-align:left; max-width:720px; margin:40px auto 0; }
.hf-search-results-list article{ padding:20px 0; border-bottom:1px solid var(--hf-line); }
.hf-search-results-list h2{ font-size:20px; margin-bottom:6px; }

/* ==========================================================================
   9. Footer
   ========================================================================== */
.hf-site-footer{ background:var(--hf-navy-2); color:#C9D4DC; padding:64px 0 28px; }
.hf-footer-grid{
	display:grid;
	grid-template-columns:1.6fr 1fr 1fr 1.2fr;
	gap:32px;
	margin-bottom:48px;
}
@media (max-width:860px){ .hf-footer-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .hf-footer-grid{ grid-template-columns:1fr; } }
.hf-footer-grid h5{
	font-family:var(--hf-font-label);
	font-size:12.5px;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:#fff;
	margin-bottom:16px;
}
.hf-footer-grid ul{ list-style:none; }
.hf-footer-grid li{ margin-bottom:10px; font-size:13.5px; color:#B8C4CD; }
.hf-footer-grid a, .hf-footer-grid p, .hf-footer-grid span{ font-size:13.5px; color:#B8C4CD; }
.hf-footer-grid a:hover{ color:#fff; }
.hf-foot-logo{ font-family:var(--hf-font-display); font-size:19px; color:#fff; margin-bottom:12px; }
.hf-footer-social{ display:flex; gap:10px; margin-top:14px; }
.hf-footer-social a{
	width:34px; height:34px;
	border:1px solid rgba(255,255,255,.2);
	border-radius:50%;
	display:flex; align-items:center; justify-content:center;
	flex-shrink:0;
}
.hf-footer-social svg{ width:16px; height:16px; }

.hf-footer-contact-list li{
	display:flex;
	align-items:flex-start;
	gap:10px;
	margin-bottom:14px;
}
.hf-footer-contact-icon{
	width:26px; height:26px;
	border-radius:50%;
	background:rgba(255,255,255,.08);
	color:#B8C4CD;
	display:flex; align-items:center; justify-content:center;
	flex-shrink:0;
	margin-top:1px;
}
.hf-footer-contact-icon svg{ width:13px; height:13px; }
.hf-footer-admin-hint{ font-size:12.5px; font-style:italic; color:#8FA0AB; }

.hf-footer-bottom{
	border-top:1px solid rgba(255,255,255,.12);
	padding-top:22px;
	font-size:12px;
	color:#8FA0AB;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	gap:10px;
}
.hf-footer-bottom a{ color:#8FA0AB; }
.hf-footer-bottom a:hover{ color:#fff; }
.hf-footer-widget{ margin-bottom:16px; }