:root {
	--ffc-light-grey: #999;
	--ffc-dark-grey: #555c63;
}


:focus {
	outline: none !important;
}


.site-footer {
	background-color: black !important;
}

/**** paytium ****/

.pt-payment-btn {
	background-color: var(--ffc-light-grey) !important;
}

.pt-checkout-form {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}



p.woocommerce-result-count {
	display: none !important;
}


/** General theme stuff **/
.front-page-3 .more-link {
	/*background-color: #fb2056 !important;*/
	background-color: #999 !important;
}

/** woocommerce detailing **/


/*figure.wpa-product-gallery-thumbs > .slick-arrow {
/*.wpa-woocommerce-product-gallery__wrapper .wpa-product-gallery .slick-initialized .slick-slider > .slick-arrow {*/
/* .wpa-product-gallery > .slick-arrow { */
/*	display: none !important;
}*/

.flex-control-thumbs > li {
	padding: 0.5rem;
}

/*
ol.flex-control-nav {
	display: table !important;
	margin: 0 auto !important;
	list-style-type: circle !important;
}

ol.flex-control-nav > li {
	width: initial !important;
}

ol.flex-control-nav > li > img {
	padding: 1rem 1rem 1rem 1rem;
}*/

/*ol.flex-control-nav > li::before {
	content: "<div class='woocommerce-product-gallery__image'>a</div>";
}

ol.flex-control-nav > li > img {
	display: none !important;
}
*/

/* Shrink the labels for the t-shirt vriations */
table.variations > tbody > tr > td.label {
	width: 30%;
}

.woocommerce-product-details__short-description > p {
	color: var(--ffc-light-grey) !important;
}

.woocommerce-product-details__short-description > p > span > span {
	color: var(--ffc-light-grey);
}

.woocommerce-Tabs-panel--description > p {
	color: var(--ffc-light-grey) !important;
}

.woocommerce-Tabs-panel--description > p > span > span {
	color: var(--ffc-light-grey);
}

.ffc-don-link {
	color: red;
}

.ffc-donation-overview-button {
	background-color: var(--ffc-light-grey) !important;
}

/* gotta look at these things */
/*.woovr-variation-selector {
	width: 0;
}

.woovr-variation-selector input[type="radio"] {
	opacity: 0;
	position: fixed;
	width: 0;
}

.woovr-variation-selector input[type="radio"] label{
    display: inline-block;
    background-color: #ddd;
    padding: 10px 20px;
    font-family: sans-serif, Arial;
    font-size: 16px;
    border: 2px solid #444;
    border-radius: 4px;
}*/

/*table.variations {
	background-color: transparent;
}

table.variations td.label {
	display: none;
}*/

.product_meta {
	display: none;
}

.tabs.wc-tabs {
	display: none;
}

.ffc-black {
	color: black;
}

.ffc-dark-grey {
	color: var(--ffc-dark-grey-) !important;
}

.ffc-light-grey {
	color: var(--ffc-light-grey) !important;
}

/* should not be in use anymore */
.ffc-pink {
	color: #fb2056;
}

/** remove these from the php stuff as well? */
.ffc_donate_button,
.ffc-add-to-cart-button, .single_add_to_cart_button {
	max-width: 90% !important;
	text-wrap: normal !important;
	white-space: normal !important;
}


/** front page, makin' it look like before the update of the business pro theme **/
.ffc-title {
	text-transform: uppercase;
	font-size: 3em !important;
}

.ffc-short-description {
	font-size: 1.8rem;
}

.ffc-performance-title {
	line-height: 1.2;
	text-align: center;
}

.ffc-performance-p {
	margin: 0;
	text-align: center;
  font-size: 1.8rem;
	color: #556677;
}

/**** this was already here before I got here ****/
.page-header:before {

	opacity: 0.3;
}

.front-page-4:before {
	opacity: 0.5;
}

.site-footer {
  background-color: #000;
}

.front-page-5 .more-link {
	background-color: #999;
}

.button, button, input[type='button'], input[type='reset'], input[type='submit'] {
    background-color: #999;
}

.parallax { 
    /* The image used */
    background-image: url("http://www.fossilfreeculture.nl/wp-content/uploads/2018/02/8O9A6741-1024x683.jpg");

    /* Set a specific height */
    height: 683px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
