/*
Theme Name:     Storefront-cpu-payments
Author:         Cpu
Template:       storefront
Description:    This is a core child theme for storefront
Version:        1.0.0
License:
License URI:
Text Domain:    storefront
Tags:           cpu child theme core for storefront
*/
/*
 * Add your own custom css below this text.
 */
/* Includes   (imports)
*/

	
/* Variables (colours, fonts)
*/

:root {
	--black: #000;
	--blue: #007bff;
	--light-blue: #006cdb;
	--dark-blue: #0033a0;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #d8232a;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--cyan-lighter: #1ab8d1;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #007bff;
	--secondary: #6c757d;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #343a40;
	--button: #4fb7a0;
	--button-active: #58ccb3;
	--button-text: #171717;
	--link-underline: #358273;
	--heading: 'Open Sans Bold', sans-serif;
	--sub-heading: 'Open Sans', sans-serif;
	--paragraph: 'Open Sans', sans-serif;
}

body {
	font-family: 'Open Sans', sans-serif;
}

/* Woocommerce Settings
*/

.woocommerce-info {
	background-color: var(--black);
}

.woocommerce .woocommerce-form-row .required {
	color: var(--red);
}

.woocommerce-error {
	background-color: #d53d1a;
}

#shipping_country_field .select2-selection__placeholder, #billing_country_field .select2-selection__placeholder {
	color: #707070;
}

/* Cart
*/

/* This needs sorting, bad contrast*/
.storefront-sticky-add-to-cart .storefront-sticky-add-to-cart--slideInDown {}

/* Checkout
*/

.woocommerce-checkout .woocommerce-checkout-payment .button#place_order {
	background-color: var(--button);
	color: var(--button-text);
}

.woocommerce-checkout .woocommerce-checkout-payment .button#place_order:hover {
	background-color: var(--button-active);
}

.payment_method_verifone .verifone-payment {
	display:none;
}
/* Site-wide settings
*/

h1, 
h2, 
h3, 
h4,
h5, 
h6, 
.wc-block-grid__product-title {
	font-family: var(--heading);
}

p,
a,
span {
	font-family: var(--paragraph);
}

.col-full::before, 
.col-full::after {
	display: none;
}

.storefront-sticky-add-to-cart__content-price {
  opacity: 1;
}

body:not(.home) .frontpage-hero-container {
	 display: none;
}

/* Header
*/

.site-header {
	background: transparent linear-gradient(270deg,#2ea243,#29694d) 0 0 no-repeat padding-box;
	border-bottom: unset;
}

/* Primary navigation
*/

.home.blog .site-header, 
.home.page:not(.page-template-template-homepage) .site-header, 
.home.post-type-archive-product .site-header {
	margin-bottom: 0;
}


/* Secondary navigation
*/

/* Handheld navigation
*/

.storefront-handheld-footer-bar {
    display: none;
}

/* Frontpage banner
*/

body:not(.home) .wp-block-cover {
	display: none;
}

.header-widget-region > div {
	padding: 0;
	margin: 0;
	max-width: 100%;
}

.wp-block-cover img.wp-block-cover__image-background {
	object-position: 0% top
}

.header-widget-region .widget {
	padding: 0;
	margin: 0;
}

.wp-block-cover {
	height: 50vh;
	background-size: cover;
	background-position: 30%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
  margin-bottom: 2em;
}

@media (max-width: 767px) {
	#main > header > h1.woocommerce-products-header__title, 
	.storefront-full-width-content.woocommerce-cart .entry-header h1, 
	.storefront-full-width-content.woocommerce-checkout .entry-header {
		text-align: center;
	}
	.frontpage-hero-container > img {
		max-width: 75%;
	}
}
@media (min-width: 768px) {
	
	.site-header .site-branding img   {
	  max-width: 350px;	
	}
}
/* Content
*/



a.login-link {
  font-family: 'Open Sans', sans-serif;
	border-radius: 1.75rem;
	background-color: transparent;
	border: 1px solid #034ea2;
	color: var(--black);
	text-transform: none;
	font-size: 1rem;
	transition: all .2s ease-in-out;
	padding: .8125rem 1.875rem;
	display: inline-block;
	font-weight: 400;
	text-align: center;
  text-decoration: none;
  cursor: pointer !important;
}

a.login-link:active, 
a.login-link:focus, 
a.login-link:hover {
	background-color: var(--black);
	color: #fff;
	border-color: var(--black);
}

@media (max-width: 767px) {
	h1 {
		font-size: 2.25em;
	}
}

/* Before footer widget region
*/

.before-footer {
	background-color: #ebebeb;
	padding: 2em;
}

.before-footer > div > .wp-block-group {
	justify-content: flex-start;
	align-items: center;
	gap: 2em;
	flex-wrap: wrap;
}

.before-footer p {
	font-size: 1.375rem;
	line-height: 2.125rem;
}

/* Footer
 */
.site-footer {
	background: var(--black);
	color: #fff;
}

.site-footer h2 {
	color: #fff;
}

.site-footer a:not(.button):not(.components-button) {
	color: #fff;
	text-decoration: underline;
}

.site-footer a:not(.button):not(.components-button):hover {
	text-decoration: underline;
}


.site-footer .footer-widgets {
	padding-bottom: 0;
}

.footer-widgets::before, 
.footer-widgets::after {
	display: none;
}

.footer-widgets {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex: 1 1 100%;
	flex-wrap: wrap;
}

.footer-widgets .block {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: 0 !important;
}

.footer-widgets.col-3 .block {
	width: auto;
}

.footer-widgets .block .widget {
	margin: 0 0 1em 0;
}

/* 
 * Social media 
 */

.social-media-column ul {
	margin: 0;
}

.social-media-column ul li {
	margin: 0em 0.2em !important;
	float: left;
	cursor: pointer;
	transition: all 0.2s ease;
	width: 50px;
	height: 50px;
	line-height: 75px;
	cursor: pointer;
	float: left;
	transition: all 0.2s ease;
}

.site-footer .social-media-icon>a, 
.site-footer .social-media-icon>a:not(.button):not(.components-button) {
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 28px;
	text-align: center;
	line-height: 3.25rem;
	filter: invert(1);
}

.social-media-column ul li.facebook.social-media-icon > a {
    background: url("/wp-content/themes/storefront-cpu-payments/fonts/fontawesome/svgs/brands/facebook-f.svg") no-repeat;
    background-position: center center;
    background-size: 25%;
}

.social-media-column ul li.twitter.social-media-icon > a {
    background: url("/wp-content/themes/storefront-cpu-payments/fonts/fontawesome/svgs/brands/twitter.svg") no-repeat;
    background-position: center center;
    background-size: 50%;
}

.social-media-column ul li.instagram.social-media-icon > a {
    background: url("/wp-content/themes/storefront-cpu-payments/fonts/fontawesome/svgs/brands/instagram.svg") no-repeat;
    background-position: center center;
    background-size: 50%;
}

/* After footer widget region
*/

.after-footer {
	background-color: #ebebeb;
	padding: 2em 0;
}
.after-footer > div > .wp-block-group {
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

@media (max-width: 767px){
	.after-footer > div > .wp-block-group {
		flex-direction: column;
		justify-content: center;
		gap: 2em;
	}
}

/* Miscellaneous
*/