/*
Theme Name:     Neve Child
Theme URI:      https://themeisle.com/themes/neve/
Template: neve
Author:         ThemeIsle
Author URI:     https://themeisle.com
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/

/* GW Start override null defaults in Neve Theme stylesheet. */
/* GW Beware of minification since it may render variable as all lowercase. */
:root {
    --font-family: 'Lora', serif;
    --bodyfontfamily: 'Lora', serif;
    --headingsfontfamily: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    
    --bodyfontsize: 16px;
    --bodylineheight: 1.68421;
    
	--liststyle: disc;
	--listpad: 20px;
	
	--spacing: 0px; 
	
	--link-color: var(--nv-secondary-accent); 
	
    --btnpadding: 12px 30px;
    --primarybtnpadding: 12px 30px;
    --secondarybtnpadding: 12px 30px;
    
    /* GW All button variables are overridden. */
    --primarybtncolor: var(--nv-text-dark-bg) !important;
	--primarybtnbg: var(--nv-primary-accent) !important;
    --primarybtnhovercolor: var(--nv-primary-accent) !important;
    --primarybtnhoverbg: var(--nv-light-bg) !important;
	
	--btnlineheight: normal;
    --btnfontweight: 500;
    
    --justify: center;

    --h1fontweight: 600; /* GW Must keep font weights. */
    --h2fontweight: 600;
    --h3fontweight: 600;
    --h4fontweight: 600;
    --h5fontweight: 600;
    --h6fontweight: 600;
    
    --formlabelfontweight: 700;
  
    /* GW Must keep but only if used. */
    --formfieldborderwidth: 1px;
    --formfieldborderradius: 3px;
    --formfieldbgcolor: #ffffff;
    --formfieldbordercolor: #dddddd;
    --formfieldcolor: #272626;
    --formfieldpadding: 7px 12px;
    
    --wrapdropdownwidth: auto;
}

body {
    font-family: var(--bodyfontfamily);
}

/* GW Start override base css. */
/* GW Largely unnecessary. Most values are overridden. Will keep anyway. */

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea {
  font-family: var(--fontfamily);
  font-size: var(--bodyfontsize);
  padding: var(--formfieldpadding);
  color: var(--nv-text-color);
  border: 1px solid var(--nv-c-2);
  border-radius: 3px;
  transition: all 0.3s ease;
}

/* GW End override base css. */

a {
    color: var(--nv-secondary-accent);
    text-decoration: none;
}

.has-nv-text-dark-bg-color a {
    color: var(--nv-text-dark-bg);
    text-decoration: underline;
}

a:focus,
a:hover {
    /* GW color: var(--nv-primary-accent); */
    color: var(--nv-c-1);
    opacity: 1.0;
    text-decoration: underline;
}

.nav-menu-primary a:focus,
.nav-menu-primary a:hover {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--headingsfontfamily);
    font-weight: normal;
    margin-bottom: 0.8rem;
}

@media (min-width: 769px) {
    h2 {
      font-size: 1.75em;
    }
}

p {
  margin-bottom: 20px;
}

ul {
  list-style: var(--liststyle);
  list-style-position: inside;
  padding-left: 0px; 
}


/* GW Page numbers on search results pages. */
ul.page-numbers {
    list-style: none;
}

ul.page-numbers a {
    color: var(--nv-primary-accent);
}

/* GW Box shadow around images. */
img {
    box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);
}

/* GW Start formatting regular buttons. */

.wp-block-button a:focus, 
.wp-block-button a:hover {
    text-decoration: none;
}

/* GW Experiment. */
.wp-block-button a:focus-visible {
  /* Draw the focus when :focus-visible is supported */
  outline: 2px solid red;
  outline-offset: 2px;
}

.wp-block-button.is-style-primary .wp-block-button__link {
    color: var(--primarybtncolor);
    background: var(--primarybtnbg);
    border-width: var(--primarybtnborderwidth) !important;
    border-radius: var(--primarybtnborderradius) !important;
    border-color: var(--primarybtnbg);
}

.wp-block-button.is-style-primary .wp-block-button__link:focus,
.wp-block-button.is-style-primary .wp-block-button__link:hover {
    color: var(--primarybtnhovercolor);
    background: var(--primarybtnhoverbg);
}

/* GW End formatting regular buttons. */

/* GW Start page title formatting. */

/* GW Must override inline css .wp-block-themeisle-blocks-advanced-columns .wp-block-themeisle-blocks-advanced-column > * for page title and logo positioning. */
.wp-block-themeisle-blocks-advanced-columns .wp-block-themeisle-blocks-advanced-column .wp-block-image.ticss-b5e06854 { /* New. */
  position: absolute;
}

h1.wp-block-themeisle-blocks-advanced-heading {
    font-size: 1.125em;
}

@media (min-width: 769px) {
    h1.wp-block-themeisle-blocks-advanced-heading {
        font-size: 1.5em;
    }
}

/* GW End page title formatting. */

/* GW Start site logo formatting. */

@media (max-width: 600px) {
    .site-header .hfg-slot.left .builder-item {
        padding-right: 5px;
        padding-left: 5px;
    }
}

/* GW The theme's configuration slider modifies the site logo's image and */
/* GW not the associated header.  */
.site-logo {
    flex: 0 0 100%;
    max-width: 100%;
}

/* GW Override Firefox's internal behavior. */
.site-logo a:hover,
.site-logo a:active,
.site-logo a:focus,
.site-logo a:focus-within,
.site-logo a:visited {
    /* GW color: var(--nv-site-bg); CACC */
    text-decoration: none;
} 

.site-logo p {
    font-family: var(--headingsfontfamily);
    text-transform: uppercase;
    font-size: 1.125em; /*GW h1 is normally 1.5em. */
    margin-bottom: 0;
    font-weight: 600;
}

@media (min-width: 769px) {
    .site-logo p {
        font-size: 1.5em; /*GW h1 is normally 2.0em. */
    }
}

/* GW CACC New */
.site-logo p .site-title-1 {
    color: var(--nv-primary-accent);
}
/* GW CACC New */
.site-logo p .site-title-2 {
    color: var(--nv-c-1);
}

/* GW CACC New */
.site-logo img {
    box-shadow: unset;
}

/* GW CACC New */
.site-tagline {
    text-align: center;
}

@media (max-width: 600px) {
    .site-logo .title-with-logo > :first-child {
      margin-right: 0px;
    }
}

/* GW End site logo formatting. */

/* GW Start adjust search icon on primary menu. */

/* GW Search icon on main menu. */
.menu-item-nav-search .nv-icon {
    fill: var(--nv-site-bg);
}

.menu-item-nav-search .nv-icon:hover {
    color: var(--nv-site-bg);
}

/* GW End adjust search icon on primary menu. */

/* GW Start format dropdown search. */

.nv-nav-search {
    box-shadow: none;
}

.nv-nav-search .search-form input:read-write:focus {
  outline: 0;
  box-shadow: none; 
}

/* GW General sibling combinator: The ~ combinator selects siblings. This means
that the second element follows the first (though not necessarily immediately),
and both share the same parent. */
.nv-nav-search .search-form .search-field:focus ~ button {
  box-shadow: none; 
  border-color: var(--nv-secondary-accent);
}

.nv-nav-search .search-form .search-field {
    border-color: var(--nv-primary-accent);
}

.nv-nav-search .search-form .search-submit {
    border-color: var(--nv-primary-accent) !important;
}

.nv-nav-search .search-form .search-submit svg {
    fill: var(--nv-primary-accent);
    opacity: 1.0;
}

.nv-nav-search .close-container .close-responsive-search > svg {
    fill: var(--nv-primary-accent);
}

/* GW End format dropdown search. */

/* GW Start copied from menu-icons extra.min.css */

.menu-item i._mi,
.menu-item img._mi {
	display: inline-block;
	vertical-align: middle;
}

.menu-item i._mi {
	width: auto;
	height: auto;
	margin-top: -0.265em;
	font-size: 1.2em;
	line-height: 1;
}

.menu-item i._before,
.rtl .menu-item i._after {
	margin-right: 0.25em;
}

.menu-item i._after,
.rtl .menu-item i._before {
	margin-left: 0.25em;
}

.menu-item img._before,
.rtl .menu-item img._after {
	margin-right: 0.5em;
}

.menu-item img._after,
.rtl .menu-item img._before {
	margin-left: 0.5em;
}

.menu-item ._svg {
	width: 1em;
}

.rtl .menu-item i._before {
	margin-right: 0;
}

.rtl .menu-item i._after {
	margin-left: 0;
}

.visuallyhidden {
	overflow: hidden;
	clip: rect(0 0 0 0);
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}

.menu-item i.elusive {
	margin-top: -0.3em;
}

/* GW End copied from menu-icons extra.min.css */

/* GW Start breadcrumb formatting. */

#breadcrumbs {
    font-size: 1.0rem;
    font-weight: 300; 
    color:  var(--nv-text-color);
    display: block;
    position: relative;
    padding: 20px 0 20px 0;
}

#breadcrumbs a {
    border: none;
    color: var(--nv-secondary-accent); /* GW Hyperlink blue. */
    text-decoration: none;
}

#breadcrumbs a:visited,
#breadcrumbs a:hover,
#breadcrumbs a:active { 
    color: var(--nv-secondary-accent); /* GW Hyperlink blue. */
    text-decoration: underline;
}

.home #breadcrumbs {
    color: var(--nv-site-bg); /* GW Hide on Home page. */
} 

/* GW End breadcrumb formatting. */

/* GW Start menu formatting. */

@media (max-width: 600px) { 
    /* GW Keep donate button from overflowing off page. */
    .site-header .hfg-slot.right .builder-item {
        padding-left: 0px;
        padding-right: 0px;
    }
    .site-header .hfg-slot.right {
      justify-content: flex-start;
    }
}

/* GW CACC New */
.site-header .button-primary {
    border-radius: 6px;
    border: 2px solid var(--nv-primary-accent);
    padding: .5rem .75rem;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.0rem;
}

@media (min-width: 768px) {
    .site-header .button-primary {
        padding: .75rem 1.125rem;
    }
}

@media (min-width: 960px) {
    .site-header .button-primary {
        padding: 1.125rem 3.0rem;
        font-size: 1.125rem;
    }
}

.site-header .button.button-primary:hover,
.site-header .button.button-primary:focus {
    background: var(--nv-light-bg);
    color: var(--nv-primary-accent);
}

/* GW Start menu sidebar formatting. See nav_walker.php for more info. */

/* GW Create vertical separation between navbar and first menu entry */
/* GW and ensure full width dropdown menu. */
.is-menu-sidebar .header-menu-sidebar-inner .builder-item {
    margin: 2px 0px 0px 0px;
    padding-right: 0px;
    padding-left: 0px;
}

/* GW Indent dropdown menus on both left and right. */
.is-menu-sidebar .header-menu-sidebar .nav-ul .sub-menu.dropdown-open {
    margin-left: 8px;
    margin-right: 8px;
}

/* GW Override negative margins so menu is centered. */
.is-menu-sidebar .header-menu-sidebar .nav-ul {
    margin-left: 0px;
    margin-right: 0px;
    /* GW border-left: 2px solid var(--nv-primary-accent); Optional. */
    /* GW border-right: 2px solid var(--nv-primary-accent); Optional. */
}

/* GW Ensure full width mobile menu entries. */
.is-menu-sidebar .header-menu-sidebar .nav-ul > li {
    margin-left: 0px;
    margin-right: 0px;
}

/* GW Add vertical separation between mobile menu entries. */
.is-menu-sidebar .header-menu-sidebar .nav-ul li:last-child {
    margin-top: 1px;
    margin-bottom: 0px;
}
.is-menu-sidebar .header-menu-sidebar .nav-ul li:not(:last-child) {
    margin-top: 1px;
    margin-bottom: 1px;
}

/* GW Indent anchor text by 4px. */
.is-menu-sidebar .header-menu-sidebar .nav-ul li:not([class*="block"]) > .wrap > a {
    padding: 15px 4px; 
}

/* GW .wrap contains an anchor and possibly a button if submenu exists. */
/* GW The height of the anchor and the button must always be equal. */
/* GW .caret-wrap class refers to the button. */

/* GW Push anchor text to the left and limit its width. */
.is-menu-sidebar .header-menu-sidebar .nav-ul li a {
    justify-content: flex-start;
    width: auto;
}

/* GW Also, push anchor text to the left and limit its width. */
.is-menu-sidebar .header-menu-sidebar .nav-ul li .wrap a .dd-title {
    width: auto;
}

/* GW Push caret to the right. */
.is-menu-sidebar .header-menu-sidebar .nav-ul li .caret-wrap {
    justify-content: flex-end;
    flex-grow: 1; /* GW New. */
}

/* GW If caret exists (href="#") then enlarge the activation area. */
.is-menu-sidebar .header-menu-sidebar .nav-ul li .wrap a[href="#"] {
    flex-grow: 0; /* GW New. */
}

/* GW Adjust height of sidebar and distance between it and navbar toggle. */
.is-menu-sidebar.menu_sidebar_dropdown .header-menu-sidebar-inner {
    max-height: 80vh !important; 
    padding: 0px 0px !important;
}

/* GW End menu sidebar formatting. See nav_walker.php for more info. */

.icon-bar {
    color: var(--nv-site-bg);
}

.active .icon-bar  {
    color: var(--nv-primary-accent); 
}

/* GW Shape of caret. */

/* GW Move caret to right. */
.is-menu-sidebar.menu_sidebar_dropdown .header-menu-sidebar-inner .caret-wrap {
    outline-style: none;
}

@media (min-width: 960px) {
    .builder-item {
        margin: 8px 0px;
    }
}

/* GW 3.7.2. Added. Untested. */
.nav-ul li .caret svg {
  width: .6em;
  height: .6em;
}

[data-row-id] .builder-item--primary-menu .nav-menu-primary .nav-ul li .wrap,
[data-row-id] .builder-item--primary-menu .nav-menu-primary .nav-ul li .wrap a,
[data-row-id] .builder-item--primary-menu .nav-menu-primary .nav-ul li .wrap .caret {
    opacity: 1.0; 
    color: var(--nv-site-bg);
    background: var(--nv-primary-accent);
}

[data-row-id] .builder-item--primary-menu .nav-menu-primary .nav-ul li .wrap:hover,
[data-row-id] .builder-item--primary-menu .nav-menu-primary .nav-ul li .wrap:focus,
[data-row-id] .builder-item--primary-menu .nav-menu-primary .nav-ul li .wrap:hover a,
[data-row-id] .builder-item--primary-menu .nav-menu-primary .nav-ul li .wrap:focus a,
[data-row-id] .builder-item--primary-menu .nav-menu-primary .nav-ul li .wrap:hover .caret,
[data-row-id] .builder-item--primary-menu .nav-menu-primary .nav-ul li .wrap:focus .caret {
    opacity: 1.0;
    color: var(--nv-primary-accent);
    background: var(--nv-site-bg);
}

/* GW Current menu item is the core of the solution but not for Home page. Must consider ancestors. */
[data-row-id] .builder-item--primary-menu .nav-menu-primary .nav-ul li.current-menu-item:not(.menu-item-home) > .wrap,
[data-row-id] .builder-item--primary-menu .nav-menu-primary .nav-ul li.current-menu-item:not(.menu-item-home) > .wrap a,
[data-row-id] .builder-item--primary-menu .nav-menu-primary .nav-ul li.current-menu-item:not(.menu-item-home) > .wrap .caret,
[data-row-id] .builder-item--primary-menu .nav-menu-primary .nav-ul li.current-menu-ancestor:not(.menu-item-home) > .wrap,
[data-row-id] .builder-item--primary-menu .nav-menu-primary .nav-ul li.current-menu-ancestor:not(.menu-item-home) > .wrap a,
[data-row-id] .builder-item--primary-menu .nav-menu-primary .nav-ul li.current-menu-ancestor:not(.menu-item-home) > .wrap .caret {
    opacity: 1.0;
    color: var(--nv-primary-accent);
    background: var(--nv-site-bg);
}

/* GW Current menu item is the core of the solution. This selector only applies to Home on Mobile. No ancestors to worry about. */
[data-row-id] .builder-item--primary-menu .nav-menu-primary .nav-ul.menu-mobile li.current-menu-item.menu-item-home .wrap,
[data-row-id] .builder-item--primary-menu .nav-menu-primary .nav-ul.menu-mobile li.current-menu-item.menu-item-home .wrap a {
    opacity: 1.0;
    color: var(--nv-primary-accent);
    background: var(--nv-site-bg);
}

/* GW Current menu item is the core of the solution. This selector only applies to Home on Mobile. No ancestors to worry about. */
[data-row-id] .builder-item--primary-menu .nav-menu-primary .nav-ul.menu-mobile li.current-menu-item.menu-item-home .wrap:hover,
[data-row-id] .builder-item--primary-menu .nav-menu-primary .nav-ul.menu-mobile li.current-menu-item.menu-item-home .wrap:hover a {
    opacity: 1.0;
    color: var(--nv-primary-accent);
    background: var(--nv-site-bg);
}

/* GW CACC New */
.header-menu-sidebar .navbar-toggle-wrapper {
    display: none;
}

/* GW CACC New */
.navbar-toggle {
    outline: 1px solid #ffffff;
}

/* GW End menu formatting. */

/* GW Start arrow back to top. */

/* GW #toTop {
  background-color: var(--nv-dark-bg);
  border-radius: 4px 4px 0 0;
  bottom: 0;
  color: var(--nv-site-bg);
  display: none;
  height: 35px;
  position: fixed;
  right: 30px;
  text-align: center;
  text-transform: uppercase;
  width: 48px;
  opacity: 0.9;
  z-index: 10000;
  transition: all 0.2s ease-in-out 0s;
}

#toTop:hover {
  outline: none;
  background-color: var(--nv-primary-accent);
  text-decoration: none;
}

#toTop:focus {
  outline: none;
  background-color: var(--nv-dark-bg);
  text-decoration: none;
} 

#toTop:active {
  outline: none;
  background-color: var(--nv-dark-bg);
  text-decoration: none;
} */

/* GW End arrow back to top. */

/* GW Start responsive YouTube css. */

.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-style: none;
}

/* GW End responsive YouTube css. */

/* GW Start Envira Gallery Overrides. */

/* GW Hide image titles/captions (file names) for Envira Gallery. */

/* GW Hide black bar and image name at bottom of each image on page. */
.justified-gallery > div > div .caption,
.justified-gallery > div > div .caption {
    opacity: 0.0 !important;
    display: none !important;
} 

/* GW Hide black bar and image name below images when scrolling. */
#envirabox-title {
    display: none !important;
} 

/* GW Make scrolling through gallery look better on mobile devices. */
@media (max-width: 599px) {
    #envirabox-wrap {
        width: 92% !important;
        left: 3% !important;
        padding: 1% !important;
    }
    #envirabox-wrap #envirabox-content {
        width: 100% !important;
        height: auto !important;
        border-width: 5px !important;
        box-sizing: border-box !important;
    }
    /* GW Adjust navigation arrows. */
    body.envira-touch #envirabox-left span, #envirabox-left:hover span {
        left: 10px !important;
    }
    body.envira-touch #envirabox-right span {
        left: auto;
        right: 10px !important;
    }
}

/* GW End Envira Gallery Overrides. */

/* GW Start Home page elements. */

/* GW Start Home (bottom of) page columns must remain the same height despite text. */
#wp-block-themeisle-blocks-advanced-columns-c673aa3a .innerblocks-wrap {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    overflow: hidden;
    align-items: stretch;
}

#wp-block-themeisle-blocks-advanced-column-53f52590,
#wp-block-themeisle-blocks-advanced-column-c87baf5a,
#wp-block-themeisle-blocks-advanced-column-1e07e70e {
    display: flex;
    flex-flow: column nowrap;
    overflow: hidden;
    align-items: stretch;
}

/* GW Home (middle of) page columns must remain the same height despite text. */
#wp-block-themeisle-blocks-advanced-columns-b1292b84 .innerblocks-wrap {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    overflow: hidden;
    align-items: stretch;
}

#wp-block-themeisle-blocks-advanced-column-36054618, /* GW Need is questionable. */
#wp-block-themeisle-blocks-advanced-column-f31d31bb,
#wp-block-themeisle-blocks-advanced-column-147077a2 {
    display: flex;
    flex-flow: column nowrap;
    overflow: hidden;
    align-items: stretch;
}

/* GW End Home (bottom of) page columns must remain the same height despite text. */

/* GW Ensure that phone number link on Home page has color: white. */
:where(p.has-text-color:not(.has-link-color)) > a {
    color: var(--nv-site-bg) !important;
    text-decoration: none;
}
:where(p.has-text-color:not(.has-link-color)) > a:hover {
    cursor: pointer;
    text-decoration: underline;
}

/* GW End Home page elements. */

/* GW Start Terms of Use page nested ordered list formatting. */

/* GW .ticss-1ce17c80-level2 {
    margin-left: 20px;
} */

/* End Terms of Use page nested ordered list formatting. */

/* GW Start footer section. */

/* GW Ensure that Marine Store and Fuel Dock Hours do not wrap in footer area. */
/* GW @media (min-width: 960px) and (max-width: 1100px) {
    .site-footer .footer-top h4 {
        font-size: 1em;
    }
    .site-footer .footer-top p {
        font-size: .85em;
    }
} */

/* GW Hide second address on mobile devices and tablets. */
@media (max-width: 960px) {
    .site-footer .footer--row .footer--row-inner .hfg-grid .hfg-slot.center {
        display: none;
    }
}

@media (max-width: 960px) {
    .site-footer .footer--row .footer--row-inner .hfg-grid .hfg-slot {
        margin-top: 4px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .site-footer .footer--row .footer--row-inner .hfg-grid .hfg-slot:not(:last-child) {
        margin-bottom: 30px;
    }
}

/* GW Next two builder-item overrides fix most of the footer. */
.site-footer .hfg-slot .builder-item {
  margin: 0px;
}

@media (max-width: 575px) {
    .site-footer .hfg-slot .builder-item .builder-item--footer-menu {
        padding: 0px 0px 0px 0px;
        margin: 20px 0px 20px 0px;
        align-items: center;
        justify-content: center;
    }
    .site-footer .hfg-slot .builder-item .builder-item--footer-menu ul {
        margin-left: 0px;
    }
}

.site-footer .hfg-slot .footer-menu ul {
    margin-bottom: 0px;
    padding: 0;
    list-style: none;
}

.site-footer .hfg-slot .footer-menu li {
    margin: 5px 0px 0px;
    display: inline-block;
    line-height: 25.2px;
}

.site-footer .hfg-slot .footer-menu li:not(:last-child) {
    padding-right: .75em;
}

.site-footer .hfg_footer a {
    opacity: 1.0; /* GW The following fixes the pinkish blead through on social icons. */
    color: var(--nv-site-bg);
}

.site-footer .hfg_footer a:hover,
.site-footer .hfg_footer a:focus {
  color: var(--nv-site-bg);
  text-decoration: none;
}

/* GW Social icons within big-footer. */

.site-footer .hfg-slot .footer-menu li a[href*="facebook.com"]:hover,
.site-footer .hfg-slot .footer-menu li a[href*="facebook.com"]:focus {
    /* GW color: #3b5998; */ /* GW Royal blue. Not Bad!!! */
    color: var(--nv-light-bg);
    text-decoration: none;
}

.site-footer .hfg-slot .footer-menu li a[href*="tel:+16109331299"]:hover,
.site-footer .hfg-slot .footer-menu li a[href*="tel:+16109331299"]:focus {
    /* GW color: var(--nv-c-1); */
    color: var(--nv-light-bg);
    text-decoration: none;
}

/* GW .site-footer .hfg-slot .footer-menu li a[href*="mailto:info@citizenadvocacycc.org"]:hover,
.site-footer .hfg-slot .footer-menu li a[href*="mailto:info@citizenadvocacycc.org"]:focus {
    color: var(--nv-light-bg);
    text-decoration: none;    
} */

/* GW 2026 */
.site-footer .hfg-slot .footer-menu li a[href*="instagram.com"]:hover,
.site-footer .hfg-slot .footer-menu li a[href*="instagram.com"]:focus {
    color: var(--nv-light-bg);
    text-decoration: none;   
}

/* GW Ensure that privacy and terms and conditions are centered under copyright. */
.site-footer .hfg_footer .footer-bottom .component-wrap {
    font-family:  var(--fontfamily);
    display: inline-block;
    margin: 0px 0px 0px;
}

/* GW Start TOS and Privacy Policy Styling. */

.site-footer .hfg_footer .footer-bottom .hfg-slot .tos_privacy {
  line-height: 22.5px;
  width: 100%;
  float: left;
  padding-right: 15px;
  padding-left: 15px;
  text-align: center;
  
}

.site-footer .hfg_footer .footer-bottom .hfg-slot .tos_privacy ul {
    display: inline-block;
    margin: 0 6px 0 6px;
    padding: 0;
    list-style: none;
}

.site-footer .hfg_footer .footer-bottom .hfg-slot .tos_privacy ul li {
    float: left;
    list-style: none;
}

.site-footer .hfg_footer .footer-bottom .hfg-slot .tos_privacy ul li a {
    text-transform: none;
    margin: 0 6px 0 10px;
    font-size: 12px;
}

/*GW Added for Neve on Firefox on Galaxy S9+. */
@media only screen and (max-width: 367px) and (orientation: portrait) { 
    .site-footer .hfg_footer .footer-bottom .hfg-slot .tos_privacy ul li a {
        font-size: 8px;
    }
}

.site-footer .hfg_footer .footer-bottom .hfg-slot .tos_privacy ul li::after {
    content: '|';
    color: var(--nv-site-bg);
}

.site-footer .hfg_footer .footer-bottom .hfg-slot .tos_privacy ul li:last-child::after {
    content: '';
}

/* GW End TOS and Privacy Policy Styling. */

/* GW End footer section. */

/* GW Start wpforms overrides. These should not be coupled to theme but */
/* GW doing so is more reliable since the possibility of loss is less. */

/* GW The next set of declarations fixes most fields on a temporary basis.  A fix for clearing fields may not be necessary. */

/* GW The addition of "tel" input type is for ads. */

/* GW Basic overrides. */
div.wpforms-container .wpforms-form .wpforms-field input[type="text"],
div.wpforms-container .wpforms-form .wpforms-field input[type="email"],
div.wpforms-container .wpforms-form .wpforms-field input[type="tel"],
div.wpforms-container .wpforms-form .wpforms-field textarea {
   font-size: 16px;
   color:  var(--nv-text-color);
   /* GW Background is off-white against pure white page. This matches Google's Recaptcha background. */
   background-image: linear-gradient(rgb(249, 249, 249), rgb(249, 249, 249)), linear-gradient(rgb(249, 249, 249), rgb(249, 249, 249));
}

/* GW Error overrides. */
.wpforms-container .wpforms-field textarea.wpforms-error,
div.wpforms-container .wpforms-form .wpforms-field input.wpforms-error,
div.wpforms-container .wpforms-form .wpforms-field textarea.wpforms-error,
div.wpforms-container .wpforms-form .wpforms-field select.wpforms-error {
    border: 2px solid var(--nv-primary-accent);
    /* GW Background is off-white against pure white page. This matches Google's Recaptcha background. */
    background-image: linear-gradient(rgb(249, 249, 249), rgb(249, 249, 249)), linear-gradient(rgb(249, 249, 249), rgb(249, 249, 249));
}

/* GW Neve addition since forms are a bit different within columns. */
div.wpforms-container .wpforms-field input.wpforms-error {
    border: 2px solid var(--nv-primary-accent);
    /* GW Background is off-white against pure white page. This matches Google's Recaptcha background. */
    background-image: linear-gradient(rgb(249, 249, 249), rgb(249, 249, 249)), linear-gradient(rgb(249, 249, 249), rgb(249, 249, 249));
}

/* GW Modify field label. */
div.wpforms-container .wpforms-form .wpforms-field > label {
    color: var(--nv-text-dark-bg);
}

/* GW Modify warning on error. */
div.wpforms-container .wpforms-form label.wpforms-error {
    color: #ff0000; /* GW Keep default color of red (#ff0000). */
}

/* GW Modify asterisk on error. */
div.wpforms-container .wpforms-form .wpforms-field .wpforms-required-label {
    font-weight: 400;
}

/* GW Avoid First/Last Name prompts to save on height of container. */
.wpforms-field-sublabel.after {
    display: none;
}

/* GW Submit button changes. */
div.wpforms-container .wpforms-form button[type="submit"] {
    background-color: var(--nv-light-bg);
    color: var(--nv-text-color);
    border: 2px solid var(--nv-light-bg);
    border-radius: 3px 3px 3px 3px;
    opacity: 1.0;
    line-height: normal;
}

div.wpforms-container .wpforms-form button[type="submit"]:hover {
    background-color: var(--nv-primary-accent);
    color: var(--nv-light-bg);
}

/* GW End wpforms overrides. */

/* GW Start format search results. */

.posts-wrapper > article {
    margin-bottom: 10px;
}

.article-content-col .content {
    padding-bottom: 20px;
    /* GW border-bottom: 2px solid var(--nv-primary-accent); */
    border-bottom: 2px solid var(--nv-c-1);
    /* GW 08/30/2024 Modified width: 80%; */ /* GW Related to post-width for different size devices. More work required to refine all search results pages. */
    width: 100%; /* GW Related to post-width for different size devices. More work required to refine all search results pages. */
}

/* GW 08/30/2024 Added */
@media (min-width: 600px) {
    .article-content-col .content {
        width: 80%; /* GW Related to post-width for different size devices. More work required to refine all search results pages. */
    }
}

.article-content-col .entry-title a {
    color: var(--nv-secondary-accent);
    text-decoration: underline;
}

.article-content-col .entry-title a:hover {
    color: var(--nv-primary-accent);
}

/* GW End format search results. */

/* GW Start Footer Widget HTML for reference. */

/* GW <div class="wp-block-themeisle-blocks-advanced-column" id="wp-block-themeisle-blocks-advanced-column-4020acf1">
<h4 class="has-text-align-center has-white-color has-text-color"><strong>Marine Store and Fuel Dock</strong></h4>
<span class="has-text-align-center has-white-color has-text-color">
<p style="margin-bottom: 0px;">Sun. – Thu.&nbsp; 8:00 AM – 4:30 PM</p>
<p>Fri. - Sat.&nbsp; 8:00 AM - 6:00 PM</p>
</span>
</div> */

/* GW <div class="wp-block-themeisle-blocks-advanced-column" id="wp-block-themeisle-blocks-advanced-column-3aeeebb9">
<h4 class="has-text-align-center has-white-color has-text-color"><strong>Marine Services</strong></h4>
<span class="has-text-align-center has-white-color has-text-color">
<p style="margin-bottom: 0px;">Mon. – Fri.&nbsp;8:00 AM – 4:30 PM</p>
<p style="color: transparent;">Mon. – Fri.&nbsp;8:00 AM – 4:30 PM</p>
</span>
</div> */

/* GW End Footer Widget HTML for reference. */

/* GW Start Bloomerang additions. */

#bloomerang-container {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 456px;
}

#bloomerang-container::after {
    display: block;
    content: '';
}

#bloomerang-container #email-registration-form-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    text-align: center;
    padding-bottom: 20px;
    margin: 20px auto; 
    border: 2px solid #E1DEDA;
    border-radius: 6px;
}

/* GW 2025 #bloomerang-container #email-registration-form-container h3 {
    margin-top: 10px;
} */

.email-registration-form label {
  color: #ffffff;
}

.email-registration-form .btn-group .btn-submit-email {
	background-color: var(--nv-light-bg);
	color: var(--nv-primary-accent);
	border: 2px solid var(--nv-light-bg);
	border-radius: 6px;
	padding: 12px 30px;
	font-family: 'Lora', serif;
	font-size: 1rem;
	font-style: normal;
	text-transform: uppercase;
}
.email-registration-form .btn-group .btn-submit-email:hover,
.email-registration-form .btn-group .btn-submit-email:focus {
	background: var(--nv-primary-accent);
	color: var(--nv-light-bg);
	border: 2px solid var(--nv-light-bg);
	border-radius: 6px;
	padding: 12px 30px;
}

/* GW 2025 */
.email-registration-form .field .label,
.email-registration-form .consent {
    font-family: "Tangerine", serif;
    font-size: 2.0rem;
    line-height: 2.25rem;
    font-weight: 400;
    text-shadow: 1px 1px 2px #272626;
}

/* GW 2025 */
#award-block {
    min-height: fit-content; 
}

/* GW 2025 */
#award-block p {
    font-family: Tangerine, serif;
    font-size: 3.0rem;
    line-height: 3.25rem;
    text-shadow: 1px 1px 2px #272626;
    text-align: center;
}

/* GW 2025 */
#award-block a {
    text-decoration-line: underline;
    text-decoration-thickness: 0.125rem;
    color: #ffffff;
}

/* GW 2025 */
#sep-block {
    min-height: fit-content; 
    padding-top: 20px;
}

/* GW 2025 */
#news-block {
    min-height: fit-content; 
}

/* GW 2025 */
#news-block h2 {
    font-family: Tangerine, serif;
    font-size: 3.0rem;
    line-height: 3.25rem;
    text-shadow: 1px 1px 2px #272626;
    text-align: center;
}

/* GW End Bloomerang additions. */

/* GW Start Contact page columns must remain the same height despite text. */
#wp-block-themeisle-blocks-advanced-columns-b56443a0 .innerblocks-wrap {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    overflow: hidden;
    align-items: stretch;
}

#wp-block-themeisle-blocks-advanced-column-1bb9ffb4,
#wp-block-themeisle-blocks-advanced-column-e0a218d6 {
    display: flex;
    flex-flow: column nowrap;
    overflow: hidden;
    align-items: stretch;
}

/* GW End Contact page columns must remain the same height despite text. */

.layout-grid .content > .blog-entry-title {
    text-align: center;
}

.layout-grid > .article-content-col {
  justify-content: center;
}

/* GW Rotate home page Celebrating. */
#wp-block-themeisle-blocks-advanced-column-988f8239 h3 {
    transform: translateX(20px) rotate(-10deg);
}

/* GW Once section with image used before Metaslider is removed forever, .stand-message-wrap qualifier will not be necessary. */
/* GW And more cleanup of elements within #wp-block-themeisle-blocks-advanced-column-43ec9066 will be possible. */
/* GW .stand-message-wrap #wp-block-themeisle-blocks-advanced-column-43ec9066 { */
#wp-block-themeisle-blocks-advanced-column-43ec9066 {
    padding-left: 0px;
    padding-right: 0px;
    /* GW ORIG flex: 0 0 25%; */ /* GW START WITH UNDERSTANDING FLEX-GROW and FLEX-SHRINK. THEY APPLY TO CHILD ITEMS IN FLEXBOX!!!!*/
    /* GW 2025 Experiment. */
    flex: 0 0 90%; /* GW 2025 Push down text. */
    flex-direction: column;
    display: flex;
}

/* GW 06/19/2024 Merged next two selectors into one. */
/* GW #wp-block-themeisle-blocks-advanced-column-43ec9066 {
    margin-top: auto !important;
    margin-bottom: 20px !important;
} */

#wp-block-themeisle-blocks-advanced-column-43ec9066 {
    width: 100%;
    /* GW margin-top: auto !important; 2025 */
    /* GW margin-bottom: 20px !important; 2025 */
    padding-bottom: 0px !important;
}

/* GW 2025 @media (min-width: 600px) and (max-width: 960px) {
    #wp-block-themeisle-blocks-advanced-column-43ec9066 {
        padding-bottom: 0px !important;
    }
} */

/* GW 2025 @media (min-width: 960px) {
    #wp-block-themeisle-blocks-advanced-column-43ec9066 {
        padding-bottom: 0px !important;
    }
} */

/* GW 06/19/2024 Modified h1 margin bottom. */
#wp-block-themeisle-blocks-advanced-column-e63d44e1 h1 {
    margin-bottom: 0.0rem;
}

/* GW 06/19/2024 Modified padding for following block. */
/* GW 2025 #wp-block-themeisle-blocks-advanced-column-e63d44e1 {
    padding-top: 10px;
    padding-bottom: 10px;
} */

/* GW 2025 @media (min-width: 600px) and (max-width: 960px) {
    #wp-block-themeisle-blocks-advanced-column-e63d44e1 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
} */

/* GW 2025 @media (min-width: 960px) {
    #wp-block-themeisle-blocks-advanced-column-e63d44e1 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
} */

/* Remove box-shadow from Userway accessibility icon. */
#userwayAccessibilityIcon img {
    box-shadow: unset;
}

/* GW Start Metaslider styling.  More CSS configured within plugin. */

/* GW Eliminate left and right side padding around slide show on mobile devices. Beta element. */
#wp-block-themeisle-blocks-advanced-column-eea76a02 .alignfull {
    padding: 0 0 !important;
}

/* GW ONLY FOR DEBUGGING HEIGHT ISSUE. */
/* GW .rslides {
    overflow: visible !important;
} */

/* GW Remove words "prev" and "next" from Metaslider. */
.metaslider.ms-theme-outline .rslides_nav.prev,
.metaslider.ms-theme-outline .rslides_nav.next {
    line-height: 0; 
    font-size: 0;
    color: transparent !important;
}

/* GW New Experiment. */
.metaslider.ms-theme-outline .rslides_nav.prev:hover,
.metaslider.ms-theme-outline .rslides_nav.next:hover,
.metaslider.ms-theme-outline .rslides_nav.prev:focus,
.metaslider.ms-theme-outline .rslides_nav.next:focus {
    opacity: 1 !important;
}

/* GW Experiment. */
.metaslider.ms-theme-outline .rslides_nav.prev:focus-visible,
.metaslider.ms-theme-outline .rslides_nav.next:focus-visible {
    outline: 2px solid red; 
    outline-offset: 2px;
}

/* GW 2024 experiment */
/* GW Deemphasize navigation arrows on all devices. */
@media (max-width: 959px) {
    /* GW 2024 experiment. This is the box. */
    .metaslider.ms-theme-outline a.rslides_nav {
        border: 1px solid #fff !important;
        height: 40px !important;
        width: 40px !important; 
    }
    /* GW 2024 experiment */
    /* GW Deemphasize navigation arrows on all devices. This is the arrow. */
    .metaslider.ms-theme-outline a.rslides_nav::before {
        height: 24px !important;
        margin-left: -11px !important;
        margin-top: -12px !important;
        width: 22px !important;
        background-size: 80% !important;
    }
}

/* GW 2025 Deemphasize navigation arrows on all devices. */
@media (max-width: 480px) {
    /* GW 2024 experiment. This is the box. */
    .metaslider.ms-theme-outline a.rslides_nav {
        border: 1px solid #fff !important;
        height: 30px !important;
        width: 30px !important; 
    }
    /* GW 2024 experiment */
    /* GW Deemphasize navigation arrows on all devices. This is the arrow. */
    .metaslider.ms-theme-outline a.rslides_nav::before {
        height: 18px !important;
        margin-left: -8px !important;
        margin-top: -9px !important;
        width: 16px !important;
        background-size: 80% !important;
    }
}

/* GW End Metaslider styling. More CSS configured within plugin. */

/* GW Start styling of custom layer (see functions.php) on top of Metaslider. */ 

/* GW Start of wrapper around custom layer. */
.stand-message-wrap {
    display: flex;
    flex-direction: column;
    /* GW 2025 justify-content: flex-end; */ /* GW Animation experiment. */
    justify-content: center;
    padding-bottom: 0px;
    padding-left: 12px;
    padding-right: 12px;
}

/* GW Set width of wrapper. */
@media (min-width: 600px) {
    .stand-message-wrap {
        margin-left: calc(50% - 34vw);
        margin-right: calc(50% - 34vw);
    }
}

@media (max-width: 599px) {
    .stand-message-wrap {
        /* GW 2025 margin-left: calc(50% - 40vw); */
        /* GW 2025 margin-right: calc(50% - 40vw); */
        margin-left: calc(50% - 44vw);
        margin-right: calc(50% - 44vw)
    }
}

.stand-message-wrap p { /* GW 2025 Push down text. Remove from functions.php too. */
    margin-bottom: 0px;   
    transform: rotate(-10deg);
}

/* GW Start set height of wrapper. */

/* GW Metaslider images sizes typically rely on a 3:2 ratio of width to height. */
/* GW For smaller devices (phones and tablets) the default height is fine. */
/* GW For larger devices (laptops and desktops) restrict the height to screen height. */
/* GW Do this for both the slides and the custom wrapper. */
@media (orientation: landscape) and (min-width: 960px) {
    .stand-message-wrap {
        max-height: calc( (100vw * .667) * 0.58) !important;
        height: calc( (100vw * .667) * 0.58);
    }
    .metaslider .rslides {
        max-height: calc( (100vw * .667) * 0.58) !important;
        height: calc( (100vw * .667) * 0.58);
        overflow: hidden;
    }
}

@media (orientation: landscape) and (max-width: 959px) {
    .stand-message-wrap {
        max-height: calc( (100vw * .667)) !important;
        height: calc( (100vw * .667));
    }
    .metaslider .rslides {
        max-height: calc( (100vw * .667)) !important;
        height: calc( (100vw * .667));
        overflow: hidden;
    } 
}

@media (orientation: portrait) {
    .stand-message-wrap {
        height: calc(100vw * .667);
        max-height: calc(100vw * .667) !important;
    }
    .metaslider .rslides {
        height: calc(100vw * .667);
        max-height: calc(100vw * .667) !important;
        overflow: hidden;
    }
}

/* GW End set height of wrapper. */

/* GW Start format "Become an Advocate" button. */
/* GW 2025 Push down text. */
/* GW #wp-block-themeisle-blocks-button-group-a6996156 {
    margin-top: auto; 
} */

/* GW Experiment. */
#wp-block-themeisle-blocks-button-6617364c .wp-block-button__link:not(:hover) {
    color: var(--nv-site-bg) !important;
    background: var(--nv-primary-accent) !important;
    border-color: var(--nv-primary-accent) !important;
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,.5) !important;
}

#wp-block-themeisle-blocks-button-6617364c .wp-block-button__link:hover {
    color: var(--nv-primary-accent);
    background: var(--nv-site-bg);
    /* GW color: var(--primarybtnhovercolor);
    background: var(--primarybtnhoverbg); */
    border-color: var(--nv-primary-accent);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,.5);
}

#wp-block-themeisle-blocks-button-6617364c .wp-block-button__link {
    border-width: 2px;
    border-style: solid;
    border-radius: 6px;
}

@media(max-width: 599px) {
    #wp-block-themeisle-blocks-button-6617364c .wp-block-button__link {
        padding: 10px 20px;
        font-size: .75em;
    }
}

/* GW End format "Become an Advocate" button. */

/* GW Start format "Stand By, Stand For, Stand With" message. */
.stand-message-wrap .ticss-d856fc94 {
    font-family: 'Lora', serif;
    /* GW font-size: 1.125rem !important; */ /* GW 06/19/2024 Changed font to avoid wrapping. */
    font-size: 1.0rem !important; 
}

@media (min-width: 600px) {
    .stand-message-wrap .ticss-d856fc94 {
        font-size: 1.25rem !important;
    }
}

@media (min-width: 768px) {
    .stand-message-wrap .ticss-d856fc94 {
        font-size: 1.50rem !important;
  }
}
@media (min-width: 960px) {
    .stand-message-wrap .ticss-d856fc94 {
        font-size: 1.75rem !important;
  }
}
/* GW End format "Stand By, Stand For, Stand With" message. */

/* GW End styling of custom layer (see functions.php) on top of Metaslider. */ 

/* GW Start format of Singing Telegram Event post. */

.post-7891.nv-single-post-wrap > div:last-child {
  padding-bottom: 0px;
}
.post-7891.nv-single-post-wrap > div:first-child {
  margin-top: 0px;
}
.post-7891.nv-single-post-wrap {
  margin-bottom: 0px;
}

/* GW End format of Singing Telegram Event post. */

/* GW Start Principles Grid. */

.image-stack {
    display: grid;
    position: relative;
    grid-template-columns: repeat(12, 1fr); 
    margin: 30px auto;
}

.image-stack p {
    margin-bottom: 10px;
}

.image-stack__item--left-bg {
    grid-row: 1;
    grid-column: 1 / span 6;
    align-self: center;
    width: 100%;
    z-index: 1;
}

.image-stack__item--right-fg {
    grid-row: 1;
    grid-column: 6 / span 6;
    align-self: center;
    width: 100%;
    z-index: 5; 
}

.image-stack__item--left-fg {
    grid-row: 1;
    grid-column: 1 / span 6;
    align-self: center;
    width: 100%;
    z-index: 5;
}

.image-stack__item--right-bg {
    grid-row: 1;
    grid-column: 6 / span 6;
    align-self: center;
    width: 100%;
    z-index: 1; 
}
  
/* GW @media (orientation: portrait) and (max-width: 959px) { */
@media (max-width: 959px) {
    
    .image-stack {
        display: grid;
        position: relative;
        grid-template-columns: repeat(6, 1fr); 
        margin: 5px auto;
        row-gap: 10px;
    }
    
    .image-stack img {
        box-shadow: none;
    }
    
    .image-stack__item--left-bg {
        grid-row: 2;
        grid-column: 1 / span 6;
        align-self: center;
        width: 100%;
        z-index: 1;
    }
    
    .image-stack__item--right-fg {
        grid-row: 1;
        grid-column: 1 / span 6;
        align-self: center;
        width: 100%;
        z-index: 5; 
    }
    
    .image-stack__item--left-fg {
        grid-row: 1;
        grid-column: 1 / span 6;
        align-self: center;
        width: 100%;
        z-index: 5;
    }
    
    .image-stack__item--right-bg {
        grid-row: 2;
        grid-column: 1 / span 6;
        align-self: center;
        width: 100%;
        z-index: 1; 
    }
}

/* GW End Principles Grid. */

/* GW Start font and animation experiment. */

/* GW .tangerine-regular {
  font-family: "Tangerine", serif;
  font-weight: 400;
  font-style: normal;
} */

.tangerine-bold {
    font-family: "Tangerine", serif;
    font-weight: 700;
    font-style: normal;
    font-size: 32px; /* GW Fallback font size.  FitText.js handles font size. */
    /* offset-x | offset-y | blur-radius | color */
    /* GW text-shadow: 2px 2px 2px #8c1c13; */
    text-shadow: 1px 1px 2px #272626;
}

/* GW @media (max-width: 1300px) {
    .tangerine-bold {
        font-size: 72px;
    }
}

@media (max-width: 1024px) {
    .tangerine-bold {
        font-size: 64px;
    }
}

@media (max-width: 960px) {
    .tangerine-bold {
        font-size: 56px;
    }
}

@media (max-width: 768px) {
    .tangerine-bold {
        font-size: 48px;
    }
}

@media (max-width: 600px) {
    .tangerine-bold {
        font-size: 40px;
    }
}

@media (max-width: 480px) {
    .tangerine-bold {
        font-size: 32px;
    }
} */

@keyframes zoomInRight {
    0%{
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
    }
    60%{
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
    }
}
    
.zoomInRight {
    animation-name: zoomInRight;
    animation-duration: 1.75s;
}

/* GW End font and animation experiment. */


/* GW Play With A Purpose Auction Popup. */

#pum-8593 #pum_popup_title_8593 {
    visibility: hidden;
    line-height: normal;
    font-size: 16px;
    margin-bottom: 0px;
}

#pum-8593 #outer {
    text-align: center;
    margin-left: 3%; 
    width: 94%;
    padding: 6px;
    color: #547aa5;
    background-color: #547aa5;
    background-position: center top;
    background-size: cover;
    border-radius: 6px;
}

#pum-8593 #inner {
    margin-top: 12px; 
    margin-bottom: 12px; 
    font-family: '"Palatino Linotype", "Book Antiqua", Palatino, serif';
    font-weight: 700;
}

#pum-8593 #inner #auction-smaller-text {
    font-size: 24px;
    text-align: center; 
    color: #ffffff;
}

#pum-8593 #inner #auction-normal-text {
    font-size: 28px;
    text-align: center; 
    color: #ffffff;
}

#pum-8593 #inner #auction-normal-text a {
    color: #8c1c13; 
    text-decoration: underline;
}

#pum-8593 #inner #auction-larger-text {
    font-size: 32px;
    text-align: center; 
    color: #8c1c13; 
    font-weight: 800; 
    font-style: italic;
}

#pum-8593 #inner #auction-larger-text a {
    color: #8c1c13; 
    text-decoration: underline;
}

@media (orientation: portrait) and (max-width: 959px) {
    #pum-8593 #inner #auction-smaller-text {
        font-size: 16px;
    }
    #pum-8593 #inner #auction-normal-text {
        font-size: 20px;
    }
    #pum-8593 #inner #auction-larger-text {
        font-size: 24px;
    }
}

#pum-8593 #inner #auction-images {
    display: flex;
    flex-direction: row; 
    justify-content: space-evenly;
    margin-bottom: 20px;
}

@media (orientation: portrait) and (max-width: 959px) {
    #pum-8593 #inner #auction-images {
        display: none;
    }
}

#pum-8593 button.pum-close {
    background-color: unset;
}

html.pum-open.pum-open-overlay.pum-open-scrollable body > :not([aria-modal="true"]) {
  padding-right: 0px !important;
}

/* GW Start wpforms modal styling. */

#form-modal-outer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;    
}

#form-modal-inner {
    color: #082f5b;
    background-color: #ffffff;
    padding: 20px;
    border-radius: 12px 12px 12px 12px;
    border: 2px solid #082f5b;
    position: relative;
}

#form-modal-button {
    display: flex;
    align-items: center;
    background: var(--nv-primary-accent);
    padding: 4px;
    float: right;
    border-radius: 50%;
    border: 2px solid var(--nv-primary-accent);
    height: 28px;
    position: absolute;
    top: 12px;
    right: 12px;
}

#form-modal-button::before  {
    content: '×';
    color: #ffffff;
    font-family: Times New Roman;
    font-weight: 700;
    font-size: 24px;
}

#form-modal-message {
    display: inline-block;
}

p#form-modal-message {
    margin: 16px;
}

/* GW End wpforms modal styling. */