/*
Theme Name: Nugget iOS
Theme URI: https://nugget-ios.com
Author: Team Nugget
Author URI: https://nugget-ios.com
Description: Custom WordPress theme for Nugget iOS. Preserves the complete pixel-perfect design, typography, responsive behavior, mobile drawer, and native SEO schemas.
Version: 1.3.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nugget-ios
*/


/* Kadence Base CSS */
:root{--global-palette1:#2B6CB0;--global-palette2:#215387;--global-palette3:#1A202C;--global-palette4:#2D3748;--global-palette5:#4A5568;--global-palette6:#718096;--global-palette7:#EDF2F7;--global-palette8:#F7FAFC;--global-palette9:#ffffff;--global-palette10:oklch(from var(--global-palette1) calc(l + 0.10 * (1 - l)) calc(c * 1.00) calc(h + 180) / 100%);--global-palette11:#13612e;--global-palette12:#1159af;--global-palette13:#b82105;--global-palette14:#f7630c;--global-palette15:#f5a524;--global-palette9rgb:255, 255, 255;--global-palette-highlight:var(--global-palette1);--global-palette-highlight-alt:var(--global-palette2);--global-palette-highlight-alt2:var(--global-palette9);--global-palette-btn-bg:var(--global-palette1);--global-palette-btn-bg-hover:var(--global-palette2);--global-palette-btn:var(--global-palette9);--global-palette-btn-hover:var(--global-palette9);--global-palette-btn-sec-bg:var(--global-palette7);--global-palette-btn-sec-bg-hover:var(--global-palette2);--global-palette-btn-sec:var(--global-palette3);--global-palette-btn-sec-hover:var(--global-palette9);--global-body-font-family:Poppins, sans-serif;--global-heading-font-family:inherit;--global-primary-nav-font-family:inherit;--global-fallback-font:sans-serif;--global-display-fallback-font:sans-serif;--global-content-width:1290px;--global-content-wide-width:calc(1290px + 230px);--global-content-narrow-width:842px;--global-content-edge-padding:1.5rem;--global-content-boxed-padding:2rem;--global-calc-content-width:calc(1290px - var(--global-content-edge-padding) - var(--global-content-edge-padding) );--wp--style--global--content-size:var(--global-calc-content-width);}.wp-site-blocks{--global-vw:calc( 100vw - ( 0.5 * var(--scrollbar-offset)));}body{background:var(--global-palette8);}body, input, select, optgroup, textarea{font-style:normal;font-weight:normal;font-size:17px;line-height:1.6;font-family:var(--global-body-font-family);color:var(--global-palette4);}.content-bg, body.content-style-unboxed .site{background:var(--global-palette9);}h1,h2,h3,h4,h5,h6{font-family:var(--global-heading-font-family);}h1{font-weight:700;font-size:32px;line-height:1.5;color:var(--global-palette3);}h2{font-weight:700;font-size:28px;line-height:1.5;color:var(--global-palette3);}h3{font-weight:700;font-size:24px;line-height:1.5;color:var(--global-palette3);}h4{font-weight:700;font-size:22px;line-height:1.5;color:var(--global-palette4);}h5{font-weight:700;font-size:20px;line-height:1.5;color:var(--global-palette4);}h6{font-weight:700;font-size:18px;line-height:1.5;color:var(--global-palette5);}.entry-hero .kadence-breadcrumbs{max-width:1290px;}.site-container, .site-header-row-layout-contained, .site-footer-row-layout-contained, .entry-hero-layout-contained, .comments-area, .alignfull > .wp-block-cover__inner-container, .alignwide > .wp-block-cover__inner-container{max-width:var(--global-content-width);}.content-width-narrow .content-container.site-container, .content-width-narrow .hero-container.site-container{max-width:var(--global-content-narrow-width);}@media all and (min-width: 1520px){.wp-site-blocks .content-container  .alignwide{margin-left:-115px;margin-right:-115px;width:unset;max-width:unset;}}@media all and (min-width: 1102px){.content-width-narrow .wp-site-blocks .content-container .alignwide{margin-left:-130px;margin-right:-130px;width:unset;max-width:unset;}}.content-style-boxed .wp-site-blocks .entry-content .alignwide{margin-left:calc( -1 * var( --global-content-boxed-padding ) );margin-right:calc( -1 * var( --global-content-boxed-padding ) );}.content-area{margin-top:5rem;margin-bottom:5rem;}@media all and (max-width: 1024px){.content-area{margin-top:3rem;margin-bottom:3rem;}}@media all and (max-width: 767px){.content-area{margin-top:2rem;margin-bottom:2rem;}}@media all and (max-width: 1024px){:root{--global-content-boxed-padding:2rem;}}@media all and (max-width: 767px){:root{--global-content-boxed-padding:1.5rem;}}.entry-content-wrap{padding:2rem;}@media all and (max-width: 1024px){.entry-content-wrap{padding:2rem;}}@media all and (max-width: 767px){.entry-content-wrap{padding:1.5rem;}}.entry.single-entry{box-shadow:0px 15px 15px -10px rgba(0,0,0,0.05);}.entry.loop-entry{box-shadow:0px 15px 15px -10px rgba(0,0,0,0.05);}.loop-entry .entry-content-wrap{padding:2rem;}@media all and (max-width: 1024px){.loop-entry .entry-content-wrap{padding:2rem;}}@media all and (max-width: 767px){.loop-entry .entry-content-wrap{padding:1.5rem;}}button, .button, .wp-block-button__link, input[type="button"], input[type="reset"], input[type="submit"], .fl-button, .elementor-button-wrapper .elementor-button, .wc-block-components-checkout-place-order-button, .wc-block-cart__submit{box-shadow:0px 0px 0px -7px rgba(0,0,0,0);}button:hover, button:focus, button:active, .button:hover, .button:focus, .button:active, .wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active, input[type="reset"]:hover, input[type="reset"]:focus, input[type="reset"]:active, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, .elementor-button-wrapper .elementor-button:hover, .elementor-button-wrapper .elementor-button:focus, .elementor-button-wrapper .elementor-button:active, .wc-block-cart__submit:hover{box-shadow:0px 15px 25px -7px rgba(0,0,0,0.1);}.kb-button.kb-btn-global-outline.kb-btn-global-inherit{padding-top:calc(px - 2px);padding-right:calc(px - 2px);padding-bottom:calc(px - 2px);padding-left:calc(px - 2px);}@media all and (min-width: 1025px){.transparent-header .entry-hero .entry-hero-container-inner{padding-top:80px;}}@media all and (max-width: 1024px){.mobile-transparent-header .entry-hero .entry-hero-container-inner{padding-top:80px;}}@media all and (max-width: 767px){.mobile-transparent-header .entry-hero .entry-hero-container-inner{padding-top:80px;}}.entry-hero.page-hero-section .entry-header{min-height:200px;}
/* Kadence Header CSS */
@media all and (max-width: 1024px){.mobile-transparent-header #masthead{position:absolute;left:0px;right:0px;z-index:100;}.kadence-scrollbar-fixer.mobile-transparent-header #masthead{right:var(--scrollbar-offset,0);}.mobile-transparent-header #masthead, .mobile-transparent-header .site-top-header-wrap .site-header-row-container-inner, .mobile-transparent-header .site-main-header-wrap .site-header-row-container-inner, .mobile-transparent-header .site-bottom-header-wrap .site-header-row-container-inner{background:transparent;}.site-header-row-tablet-layout-fullwidth, .site-header-row-tablet-layout-standard{padding:0px;}}@media all and (min-width: 1025px){.transparent-header #masthead{position:absolute;left:0px;right:0px;z-index:100;}.transparent-header.kadence-scrollbar-fixer #masthead{right:var(--scrollbar-offset,0);}.transparent-header #masthead, .transparent-header .site-top-header-wrap .site-header-row-container-inner, .transparent-header .site-main-header-wrap .site-header-row-container-inner, .transparent-header .site-bottom-header-wrap .site-header-row-container-inner{background:transparent;}}.site-branding a.brand img{max-width:232px;}.site-branding a.brand img.svg-logo-image{width:232px;}.site-branding{padding:0px 0px 0px 0px;}#masthead, #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.site-header-row-container):not(.site-main-header-wrap), #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) > .site-header-row-container-inner{background:#6878e2;}.site-main-header-inner-wrap{min-height:80px;}.header-navigation[class*="header-navigation-style-underline"] .header-menu-container.primary-menu-container>ul>li>a:after{width:calc( 100% - 1.2em);}.main-navigation .primary-menu-container > ul > li.menu-item > a{padding-left:calc(1.2em / 2);padding-right:calc(1.2em / 2);padding-top:0.6em;padding-bottom:0.6em;color:var(--global-palette9);}.main-navigation .primary-menu-container > ul > li.menu-item .dropdown-nav-special-toggle{right:calc(1.2em / 2);}.main-navigation .primary-menu-container > ul > li.menu-item > a:hover{color:var(--global-palette8);}.main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a{color:var(--global-palette9);}.header-navigation .header-menu-container ul ul.sub-menu, .header-navigation .header-menu-container ul ul.submenu{background:var(--global-palette3);box-shadow:0px 2px 13px 0px rgba(0,0,0,0.1);}.header-navigation .header-menu-container ul ul li.menu-item, .header-menu-container ul.menu > li.kadence-menu-mega-enabled > ul > li.menu-item > a{border-bottom:1px solid rgba(255,255,255,0.1);border-radius:0px 0px 0px 0px;}.header-navigation .header-menu-container ul ul li.menu-item > a{width:200px;padding-top:1em;padding-bottom:1em;color:var(--global-palette8);font-size:12px;}.header-navigation .header-menu-container ul ul li.menu-item > a:hover{color:var(--global-palette9);background:var(--global-palette4);border-radius:0px 0px 0px 0px;}.header-navigation .header-menu-container ul ul li.menu-item.current-menu-item > a{color:var(--global-palette9);background:var(--global-palette4);border-radius:0px 0px 0px 0px;}.mobile-toggle-open-container .menu-toggle-open, .mobile-toggle-open-container .menu-toggle-open:focus{color:var(--global-palette5);padding:0.4em 0.6em 0.4em 0.6em;font-size:14px;}.mobile-toggle-open-container .menu-toggle-open.menu-toggle-style-bordered{border:1px solid currentColor;}.mobile-toggle-open-container .menu-toggle-open .menu-toggle-icon{font-size:20px;}.mobile-toggle-open-container .menu-toggle-open:hover, .mobile-toggle-open-container .menu-toggle-open:focus-visible{color:var(--global-palette-highlight);}.mobile-navigation ul li{font-size:14px;}.mobile-navigation ul li a{padding-top:1em;padding-bottom:1em;}.mobile-navigation ul li > a, .mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap{color:var(--global-palette8);}.mobile-navigation ul li.current-menu-item > a, .mobile-navigation ul li.current-menu-item.menu-item-has-children > .drawer-nav-drop-wrap{color:var(--global-palette-highlight);}.mobile-navigation ul li.menu-item-has-children .drawer-nav-drop-wrap, .mobile-navigation ul li:not(.menu-item-has-children) a{border-bottom:1px solid rgba(255,255,255,0.1);}.mobile-navigation:not(.drawer-navigation-parent-toggle-true) ul li.menu-item-has-children .drawer-nav-drop-wrap button{border-left:1px solid rgba(255,255,255,0.1);}#mobile-drawer .drawer-header .drawer-toggle{padding:0.6em 0.15em 0.6em 0.15em;font-size:24px;}
/* Kadence Footer CSS */
.site-middle-footer-wrap .site-footer-row-container-inner{background:#f6f9ff;}.site-middle-footer-inner-wrap{padding-top:30px;padding-bottom:30px;grid-column-gap:30px;grid-row-gap:30px;}.site-middle-footer-inner-wrap .widget{margin-bottom:30px;}.site-middle-footer-inner-wrap .site-footer-section:not(:last-child):after{right:calc(-30px / 2);}.site-bottom-footer-wrap .site-footer-row-container-inner{background:linear-gradient(135deg,rgb(245,248,255) 0%,rgb(235,239,255) 100%);}.site-bottom-footer-inner-wrap{padding-top:30px;padding-bottom:30px;grid-column-gap:30px;}.site-bottom-footer-inner-wrap .widget{margin-bottom:30px;}.site-bottom-footer-inner-wrap .site-footer-section:not(:last-child):after{right:calc(-30px / 2);}#colophon .footer-html{font-style:normal;color:var(--global-palette3);}
/*# sourceURL=kadence-global-inline-css */



:root {--global-kb-font-size-sm:clamp(0.8rem, 0.73rem + 0.217vw, 0.9rem);--global-kb-font-size-md:clamp(1.1rem, 0.995rem + 0.326vw, 1.25rem);--global-kb-font-size-lg:clamp(1.75rem, 1.576rem + 0.543vw, 2rem);--global-kb-font-size-xl:clamp(2.25rem, 1.728rem + 1.63vw, 3rem);--global-kb-font-size-xxl:clamp(2.5rem, 1.456rem + 3.26vw, 4rem);--global-kb-font-size-xxxl:clamp(2.75rem, 0.489rem + 7.065vw, 6rem);}
/*# sourceURL=kadence-blocks-global-variables-inline-css */




.mobile-menu-panel {
  display: none;
}

			.social-icons a img {
  width: 26px;
  height: 26px;
}

/* force reset for top gaps and side gutters */
html, body {
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  background: #ffffff !important; /* change to your page background if not white */
}

/* make every possible header selector flush and remove border/shadow */
.site-header, header, .masthead, .topbar, #site-header, .header {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  box-shadow: none !important;
  border: none !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: cover !important;
  z-index: 9999 !important;
}

/* remove container gutters that might reveal background */
.container, .site-container, .wrap, .content-wrapper, .page-wrapper {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ensure logo image has no visual padding/whitespace from the file */
.custom-logo, .site-logo, .site-branding img, .custom-logo-link img {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* ensure the header inner content can still be centered */
.site-header .container, header .container, .masthead .container {
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
		


/* WordPress Standard Layout Rules */
.alignwide {
  max-width: var(--global-content-wide-width, 1520px);
  margin-left: auto;
  margin-right: auto;
}

.alignfull {
  max-width: 100vw;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.alignleft {
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1em;
}

.alignright {
  float: right;
  margin-left: 1.5em;
  margin-bottom: 1em;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Search Form */
.search-form {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 500px;
  margin: 20px auto;
}

.search-form label {
  flex-grow: 1;
  margin-bottom: 0;
}

.search-form .search-field {
  width: 100%;
  padding: 12px 18px;
  border: 1px solid #e2e8f0;
  border-radius: 9999px;
  font-size: 15px;
  outline: none;
  transition: border-color 0.2s;
}

.search-form .search-field:focus {
  border-color: #6878e2;
  box-shadow: 0 0 0 3px rgba(104, 120, 226, 0.15);
}

.search-form .search-submit {
  position: absolute;
  right: 6px;
  padding: 8px 18px;
  border-radius: 9999px;
  background: #6878e2;
  color: #fff;
  border: none;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}

.search-form .search-submit:hover {
  background: #5665c9;
}

.kadence-search-icon-wrap {
  display: none;
}

/* Pagination */
.posts-navigation, .pagination {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin: 40px auto;
}

.nav-links {
  display: flex;
  gap: 8px;
}

.nav-links a, .nav-links span {
  padding: 8px 16px;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  text-decoration: none;
  color: #2d3748;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.2s;
}

.nav-links a:hover, .nav-links span.current {
  background: #6878e2;
  color: #fff;
  border-color: #6878e2;
}

/* ==========================================================================
   Full-Width & Flush Layout Enforcements (Eliminates Top Gaps & Side Gutters)
   ========================================================================== */

:root {
  --global-kb-font-size-sm: clamp(0.8rem, 0.73rem + 0.217vw, 0.9rem);
  --global-kb-font-size-md: clamp(1.1rem, 0.995rem + 0.326vw, 1.25rem);
  --global-kb-font-size-lg: clamp(1.75rem, 1.576rem + 0.543vw, 2rem);
  --global-kb-font-size-xl: clamp(2.25rem, 1.728rem + 1.63vw, 3rem);
  --global-kb-font-size-xxl: clamp(2.5rem, 1.456rem + 3.26vw, 4rem);
  --global-kb-font-size-xxxl: clamp(2.75rem, 0.489rem + 7.065vw, 6rem);
}

/* Force reset for top gaps and side gutters */
html, body {
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  background: #ffffff !important;
}

/* Make header completely flush with no gaps or borders */
.site-header, header, .masthead, .topbar, #site-header, .header {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  box-shadow: none !important;
  border: none !important;
  z-index: 9999 !important;
}

/* Header & Footer container containment */
#masthead .site-container,
#colophon .site-container {
  max-width: 1290px !important;
  margin: 0 auto !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  width: 100% !important;
}

/* Ensure fullwidth container stretching across all pages and front page - eliminates side gutters */
body.home .content-container.site-container,
body.front-page .content-container.site-container,
body.page-template-default .content-container.site-container,
.content-width-fullwidth .content-container.site-container {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}

/* Eliminate top and bottom margin on content-area */
body.home .content-area,
body.front-page .content-area,
body.page .content-area,
body.page-template-default .content-area,
.content-vertical-padding-hide .content-area,
.content-width-fullwidth .content-area,
.content-area {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Remove boxed styling & entry padding */
body.home .entry:not(.loop-entry) > .entry-content-wrap,
body.front-page .entry:not(.loop-entry) > .entry-content-wrap,
body.page .entry:not(.loop-entry) > .entry-content-wrap,
body.page-template-default .entry:not(.loop-entry) > .entry-content-wrap,
.content-style-unboxed .entry:not(.loop-entry) > .entry-content-wrap {
  padding: 0 !important;
}

body.home .content-bg:not(.loop-entry),
body.front-page .content-bg:not(.loop-entry),
body.page .content-bg:not(.loop-entry),
body.page-template-default .content-bg:not(.loop-entry),
.content-style-unboxed .content-bg:not(.loop-entry),
.entry:not(.loop-entry).content-bg {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Ensure the hero section sits flush against header with zero gap and seamless blue background behind top corners */
.kb-row-layout-id16_c40e00-66 > .kt-row-column-wrap {
  padding-top: 0 !important;
}

body.home .hero-section,
body.front-page .hero-section {
  background: linear-gradient(180deg, #6878e2 0%, #6878e2 50px, transparent 100px) !important;
}

/* Blog Archive, Blog Page & Single Post reading container width */
body.single-post .content-container.site-container,
body.blog .content-container.site-container,
body.archive .content-container.site-container,
body.page-template-page-blog .content-container.site-container {
  max-width: 1290px !important;
  margin: 0 auto !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
body.single-post .content-area,
body.blog .content-area,
body.archive .content-area,
body.page-template-page-blog .content-area {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

/* ==========================================================================
   Footer Social Icons & Community Badges Styling
   ========================================================================== */

.social-icons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin: 15px 0 !important;
}

.social-icons a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #000000 !important;
  border-radius: 12px !important;
  width: 48px !important;
  height: 48px !important;
  transition: transform 0.2s ease, background 0.2s ease !important;
  text-decoration: none !important;
  padding: 0 !important;
  border: none !important;
}

.social-icons a:hover {
  transform: scale(1.1) !important;
  background: #222222 !important;
}

.social-icons a svg {
  width: 22px !important;
  height: 22px !important;
  fill: #ffffff !important;
  display: block !important;
}

.social-icons a svg path {
  fill: #ffffff !important;
}

.community-badges {
  display: flex !important;
  gap: 20px !important;
  margin-top: 25px !important;
}

.community-badges a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 70px !important;
  height: 70px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  padding: 10px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  text-decoration: none !important;
}

.community-badges a:hover {
  transform: scale(1.05) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18) !important;
}

.community-badges a svg {
  display: block !important;
  width: 44px !important;
  height: 44px !important;
}

.community-badges a.badge-discord svg,
.community-badges a.badge-discord svg path {
  fill: #5865F2 !important;
}

.community-badges a.badge-github svg,
.community-badges a.badge-github svg path {
  fill: #24292e !important;
}