:root {
	--color-btn-primary: #000;
  --color-btn-primary-hover: #00000096;
  --color-btn-primary-text: #FFF;
}

/* Buttons */
#productpage #product_configure_form .order .cart-button,
body .gui-checkout .gui-form a.gui-button-action, 
body .gui-checkout .gui-form a.gui-button-primary,
.cart-dropdown a.btn, 
body .gui a.gui-button-large.gui-button-action, 
body .gui a.gui-button-small.gui-button-action,
.gui.gui-login > div > div[aria-labelledby="gui-account-login-new-customers-title"] a, 
.gui.gui-login > div > div[aria-labelledby="gui-account-login-registered-customers-title"] a {background:var(--color-btn-primary);border:1px solid var(--color-btn-primary);color:var(--color-btn-primary-text);}
#productpage #product_configure_form .order .cart-button:hover,
body .gui-checkout .gui-form a.gui-button-action:hover, 
body .gui-checkout .gui-form a.gui-button-primary:hover, 
.cart-dropdown a.btn:hover, 
body .gui a.gui-button-large.gui-button-action:hover, 
body .gui a.gui-button-small.gui-button-action:hover,
.gui.gui-login > div > div[aria-labelledby="gui-account-login-new-customers-title"] a:hover, 
.gui.gui-login > div > div[aria-labelledby="gui-account-login-registered-customers-title"] a:hover {background:var(--color-btn-primary-hover);border:1px solid var(--color-btn-primary-hover);color:var(--color-btn-primary-text);}
.gui.gui-login > div > div[aria-labelledby="gui-account-login-registered-customers-title"] a.gui-button-link {background:transparent!important;color:#000!important;border:none!important;}
.productpage-wishlist {border:1px solid #000;}

/* Service pages */
.services-navigation .gui-block-linklist {display:block;margin-top:20px;}
.gui-div-faq-links .gui-block-content>ul.gui-block-linklist>li, 
ul.gui-block-linklist>li,
.textpage .content {font-size:18px;letter-spacing:0;line-height:2;}
.textpage .content h1 {font-weight:bold;text-transform:uppercase;letter-spacing: 7.4px;font-size:20px;margin-bottom:50px;}
.textpage .content h2 {font-size:18px;text-transform:none;font-weight:bold;}
.textpage .content h3 {font-size:20px;text-transform:none;font-weight:bold;}
.textpage .content h4 {font-size:20px;text-transform:none;font-weight:bold;}
.textpage .content h5 {font-size:20px;text-transform:none;font-weight:bold;}
.textpage .content h6 {font-size:20px;text-transform:none;font-weight:bold;}
.gui-div-faq-links .gui-block-content>ul.gui-block-linklist>li, 
ul.gui-block-linklist>li  {margin-bottom:5px;}

/* Hide default FAQ */
.gui-div-faq-questions .gui-content-title,
.gui-div-faq-questions .gui-content-subtitle,
.gui-content-wysiwyg,
.gui-spacer {display:none;}

.faq-content .faq-category {font-weight:700;font-weight:bold;letter-spacing: 6.4px;text-transform:uppercase!important;margin-top:50px;}
.faq-content .faq-item {transition: all 0.3s ease;border-bottom:1px solid #000;padding:5px 0px;}
.faq-content .faq-item[open] .faq-title {font-weight:700;}
.faq-content .faq-question {cursor: pointer;display:flex;align-items:center;justify-content:space-between;}
.faq-content .faq-question svg {transition:0.3s;}
.faq-content .faq-item[open] .faq-question svg {transform:rotate(180deg);}
.faq-content .faq-answer {transition: 0.3s;opacity:0;visibility:hidden;}
.faq-content .faq-item[open] .faq-answer {opacity:1;visibility:visible;}

/* Footer */
#footer .footer-heading {font-weight:bold;text-transform:uppercase;letter-spacing: 6.4px;}
#footer .logo img {max-width:100%;height:auto;width:130px;}
#footer .footer-inner-column {display:flex;flex-direction:column;justify-content:space-between;}
#footer .footer-wrap > div {width:20%;padding-right:15px;}
#footer .footer-main ul {margin-bottom:30px;}
#footer .footer-main ul.customer-service li, 
#footer .footer-main ul.about-us li  {padding:5px 0px;}
#footer .footer-main ul.footer-only-social {text-align:left;justify-content: start;}
#footer .footer-wrap>div>ul.footer-only-social>li:not(:first-child) {margin:0;margin-right:10px;}
#footer .footer-only-newsletter input.border-width {background:transparent;border:none;border-bottom:1px solid #000;padding-left: 0;text-indent: 0;letter-spacing:3px;}
#footer .footer-only-newsletter a {border: none;border-bottom: 1px solid #000;background: transparent;}
#footer .footer-only-newsletter a:hover,
#footer .footer-only-newsletter a:focus {color:#000;}



/* Responsive */
@media(max-width:767px) {
	#footer .footer-main ul.footer-only-social {text-align:center;justify-content: center;}
	#footer .footer-wrap > div {width:100%;padding-right:0;}
}