/*
Theme Name: Ark - Child
Theme URI: http://themeforest.net/user/freshface/portfolio
Description: Premium WordPress Theme
Author: FRESHFACE
Author URI: http://themeforest.net/user/freshface/portfolio
License: Go to the "license" folder
License URI: Go to the "license" folder
Text Domain: ark-child
Tags: white
Version: 1.0.0
Template: ark
*/

:root {
	--theme-global-user-color-1: #000000; /*Light gold*/
	--theme-global-user-color-2: rgba(0, 188, 212, 0.7); /*Tile transparent*/
	--theme-global-user-color-3: #1f1917; /*Main Dark*/
	--theme-global-user-color-4: #fff; /*White*/
	--theme-global-user-color-5: #6c8290; /*Main Grey*/
	--theme-global-user-color-6: #c8d3d5; /*Light Grey*/
	--theme-global-user-color-7: #526877; /*Dark Grey*/
	--theme-global-user-color-8: #bb974e; /*Dark Gold*/
	--theme-global-user-color-9: rgba(31, 25, 23, 0.36); /*Black transparent*/
}

body {
	background-color: var(--theme-global-user-color-3);
}

.ff-richtext thead th {
  background-color: #000000;
}

h1, h2, h3, h4, h5, h6, p, span {
    color: var(--theme-global-user-color-6);
}

.woocommerce-notices-wrapper,
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce .woocommerce-form-coupon-toggle div,
.woocommerce .woocommerce-form-coupon-toggle div::before,
.woocommerce .cart-empty,
.woocommerce .cart-empty::before,
.woocommerce-notices-wrapper .woocommerce-error{
	background-color: var(--theme-global-user-color-5);
	color: var(--theme-global-user-color-6);
}

form.cart .label {
	color: var(--theme-global-user-color-6);
}

form.cart .value {
	color: var(--theme-global-user-color-6);
}

form.cart .value select, input, textarea {
	padding: 4px;
    margin-bottom: 8px;
    border-radius: 4px;
	background-color: var(--theme-global-user-color-7);
	color: var(--theme-global-user-color-6);
}

input::placeholder, textarea::placeholder {
	color: var(--theme-global-user-color-6);
}

a.ffb-btn-link,
.woocommerce .woocommerce-notices-wrapper ul a.button,
.woocommerce .woocommerce-notices-wrapper div a.button,
.woocommerce div.product form.cart .button,
.woocommerce .return-to-shop a.button,
.woocommerce .cart_totals a.button,
.woocommerce .cart_totals a.alt.button,
.cart button[type="submit"] {
	background-color: var(--theme-global-user-color-1);
}

a.ffb-btn-link:hover,
.woocommerce .woocommerce-notices-wrapper ul a.button:hover,
.woocommerce .woocommerce-notices-wrapper div a.button:hover,
.woocommerce .return-to-shop a.button:hover,
.woocommerce div.product form.cart .button:hover,
.woocommerce .cart_totals a.alt.button:hover,
.cart button[type="submit"]:hover {
	background-color: var(--theme-global-user-color-7);
}

a.ffb-btn-link span,
.woocommerce .woocommerce-notices-wrapper ul a.button,
.woocommerce .woocommerce-notices-wrapper div a.button,
.woocommerce .return-to-shop a.button,
.woocommerce div.product form.cart .button,
.woocommerce .cart_totals a.button,
.cart button[type="submit"] {
	color: var(--theme-global-user-color-3);
	font-weight: 500;
	transition: color 0.5s ease;
}

a.ffb-btn-link span:hover,
.woocommerce .woocommerce-notices-wrapper ul a.button:hover,
.woocommerce .woocommerce-notices-wrapper div a.button:hover,
.woocommerce .return-to-shop a.button:hover,
.woocommerce div.product form.cart .button:hover,
.woocommerce .cart_totals div a.button:hover,
.cart button[type="submit"]:hover{
	color: var(--theme-global-user-color-6);
	font-weight: 500;
	transition: color 0.5s ease;
}

/* ----------------DROPDOWN----------------- */

form.checkout .woocommerce-input-wrapper .selection .select2-selection span {
	background-color: var(--theme-global-user-color-7);
	transition: color 0.5s ease;
	color: var(--theme-global-user-color-6);
}

form.checkout .woocommerce-input-wrapper .selection .select2-selection span {
	background-color: var(--theme-global-user-color-7);
	transition: color 0.5s ease;
	color: var(--theme-global-user-color-6);
}

.select2-container .select2-dropdown,
.select2-container .select2-dropdown .select2-search {
	background-color: var(--theme-global-user-color-6);
}

.select2-container .select2-dropdown .select2-search input {
	color: var(--theme-global-user-color-6);
}
/* ------------- END - DROPDOWN --------------*/

/* -------------- Checkout TABLE ------------------*/

.woocommerce .checkout table {
	border: 1px solid var(--theme-global-user-color-6);
} 

.woocommerce .checkout table th {
	color: var(--theme-global-user-color-4);
	background-color: var(--theme-global-user-color-5);
	border: 1px solid var(--theme-global-user-color-6);
}

.woocommerce .checkout table tbody tr {
	color: var(--theme-global-user-color-7);
	background-color: var(--theme-global-user-color-3);
}

/* -------------- END Checkout TABLE --------------*/

/* -------------- PAYMENT ------------------*/

.woocommerce .checkout table {
	border: 1px solid var(--theme-global-user-color-6);
} 

.woocommerce .checkout #payment {
	color: var(--theme-global-user-color-6);
	background-color: var(--theme-global-user-color-5);
	border: 1px solid var(--theme-global-user-color-6);
}

.woocommerce .checkout #payment li label {
	color: var(--theme-global-user-color-6);
}

.woocommerce .checkout #payment li .payment_box p,
.woocommerce .checkout #payment li .payment_box{
	color: var(--theme-global-user-color-6);
    background-color: var(--theme-global-user-color-7)
}

.woocommerce .checkout #payment li .payment_box::before{
    background-color: var(--theme-global-user-color-5)
}

#ppcp-credit-card-gateway-card-number,
#ppcp-credit-card-gateway-card-expiry,
#ppcp-credit-card-gateway-card-cvc {
	height: 42px;
}

#ppc-button .paypal-buttons {
	margin-top: 16px;
}

/* -------------- END PAYMENT --------------*/


.coupon button.button {
	margin-left: 12px;
}

.woocommerce .product div.woocommerce-tabs ul.wc-tabs {
	border-bottom: 1px solid var(--theme-global-user-color-5);
}

.woocommerce .product div.woocommerce-tabs ul.wc-tabs li {
	border: 1px solid var(--theme-global-user-color-5);
	border-bottom-color: var(--theme-global-user-color-5);
	transition: background-color 0.5s ease;
	background-color: var(--theme-global-user-color-5);
}

.woocommerce .product div.woocommerce-tabs ul.wc-tabs li a {
	transition: color 0.5s ease;
	color: var(--theme-global-user-color-4);
}

.woocommerce .product div.woocommerce-tabs ul.wc-tabs li a:hover {
	color: var(--theme-global-user-color-3);
}

.woocommerce .product div.woocommerce-tabs ul.wc-tabs li.active {
	background-color: var(--theme-global-user-color-6);
	color: var(--theme-global-user-color-7);
}

.woocommerce .product div.woocommerce-tabs .wc-tab {
	padding: 12px;
	background-color: var(--theme-global-user-color-6);
}

.woocommerce .product div.woocommerce-tabs .woocommerce-Tabs-panel h2,
.woocommerce .product div.woocommerce-tabs .woocommerce-Tabs-panel span,
.woocommerce .product div.woocommerce-tabs .woocommerce-Tabs-panel p {
	color: var(--theme-global-user-color-7);
}

.woocommerce .product div.woocommerce-tabs .woocommerce-Tabs-panel hr {
	border-top-color: var(--theme-global-user-color-7);
}