:root{
--global--font-size-base: 1rem;
--global--font-size-xs: 1rem;
--global--font-size-sm: 1rem;
--global--font-size-md: 1.05rem;
--global--font-size-lg: 1.10rem;
--global--font-size-xl: 1.15rem;
--global--font-size-xxl: 2rem;
--global--font-size-xxxl: 2rem;
--global--font-size-page-title: 4rem;

--global--color-primary:black; /* Body text color, site title, footer text color. */
--global--color-primary-link:red;
--global--color-secondary: blue; /* Headings */
--global--color-primary-hover: var(--global--color-primary);
--global--color-background: white; /* Mint, default body background */
--global--color-border: purple; /* Used for borders (separators) */

--primary-btn:#fff;
--primary-btn-hover:#07c2d1;
--button-text:#000;

--nav-background:#333;
--footer-top:#1E1E1E;
--footer-headings:#fe435b;
--footer-copyright:#1E1E1E;


}
.container .alignfull{
width: 100vw; /* make it 100% of the viewport width (vw) */
margin-left: calc((100% - 100vw) / 2); /* then remove the gap to the left of the container with this equation */
}

#page-title-section{padding: 60px 0;}

#navigation{background:var(--nav-background); background-color:var(--nav-background); padding:20px 0; }
#navigation a{color:#333; font-weight:bold;}
#navigation .dropdown-menu {background:var(--nav-background);}

.alignwide{max-width:1320px;}

.footer-area h2, .footer-area h3, .footer-area h4, .footer-area h5, .footer-area h6{color:var(--footer-headings);
margin-bottom:5px; margin-top:0px;}
.footer-area {background: var(--footer-top); padding-top:20px; padding-bottom:20px;}
.footer {background-color:var(--footer-copyright); padding-top:20px; padding-bottom:20px;};
.footer p, p.footer_copyright{color:#fff !important;}

.footer-area p{color:#fff !important;}
.footer-area ul{}
.footer-area ul li{ margin-bottom:5px}
.footer-area ul li a{ font-weight:bold; }
.footer-area ul li a:hover{color:var(--primary-btn);}
.footer-area a, .footer .widget a{color:var(--primary-btn) !important;}

.btn, .btn-primary, .woocommerce ul.products li.product .button, .checkout-button, .button, #comments .submit,
.woocommerce div.product form.cart .button, .wp-element-button,
.woocommerce-Button, button.wp-block-search__button{
padding:15px 18px !important;
border-radius:0 !important;
cursor:pointer;
-moz-user-select: none;
text-transform: capitalize;
font-size: 16px;
font-weight: 900;
transition: color .4s linear;
}
.btn-main, .woocommerce ul.products li.product .button, .checkout-button, .button, #comments .submit,
.wp-block-search__button, .woocommerce div.product form.cart .button, .wp-element-button, .woocommerce-Button{
background:var(--primary-btn);
background-color:var(--primary-btn);
color: var(--button-text);
border-color:transparent;
}
#commentform .submit:hover{background:var(--primary-btn-hover) !important; }
.btn-transparent{background:none !important; border:solid 1px var(--light-text) !important; color:var(--light-text)
!important;}
.btn-transparent:hover{background:var(--primary-btn-hover) !important; color: var(--primary-btn-hover) !important;}