/*
 Theme Name:   Ferndale Physicians Portal
 Theme URI:    http://jekyllhydelabs.com
 Description:  Theme based on Storefront for WooCommerce
 Author:       Jekyll & Hyde
 Author URI:   http://jekyllhydelabs.com
 Template:     storefront
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  ferndalepp
*/


.quantity .qty {
	width: 4.5em !important;
}


/*DF FIX. SETS COLUMN WIDTH TO FULL SWIDTH FIR CATEGORY PAGES. FEB 16*/

.site-main ul.products.columns-3 li.product {
	width:94%;
	text-align:left;
}

.storefront-breadcrumb {
	margin-bottom:0px;
}


/* FAWNTS */

.site-info{
	font-size:0.8em;
}

body, button, input, textarea {
	font:1em/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
img {
	border-radius:0;
}

ul.products li.product {
	font-size:1em;
}
p a {
	text-decoration:underline;
}

.input-text, 
input[type="email"], 
input[type="password"], 
input[type="search"], 
input[type="text"], 
input[type="url"], textarea {
	background:#fff;
	border:1px solid #ccc;
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.2);
	border-top-color:#aaa;
	padding:0.333em;
}

.input-text:focus, 
input[type="email"]:focus, 
input[type="password"]:focus, 
input[type="search"]:focus, 
input[type="text"]:focus, 
input[type="url"]:focus, 
textarea:focus {
	background-color:#fff;
	box-shadow:0 0 4px #07f !important;
	border:1px solid #07f;
}

.form-row.woocommerce-validated input.input-text {
	box-shadow:inset 2px 0 0 #0f834d, inset 0 1px 1px rgba(0,0,0,0.2);
	border-left-color:#0f834d;
}
.quantity .qty {
	width:3.5em;
}

.woocommerce-breadcrumb {
	margin-bottom:2em;
	background-color: #f8f8f8;
}

/* Remove arrows on btns */
.wc-forward::after, .woocommerce-Button--next::after {
	display:none;
	content:none;
}

/* MAIN BUTTON... THE BORING ONE */
button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"], 
.button, 
.added_to_cart, 
.widget a.button, 
.site-header-cart .widget_shopping_cart a.button {
	font-size:1.125rem;
	padding:0 1em;
	height:2em;
	line-height:2rem;
	/*box-shadow:inset 0 -2px 0 rgba(0,0,0,0.4);*/
	border:2px solid #007d57;
	color:#007d57;
	background:transparent;
}
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
	padding-bottom:2.125rem;
}
button:hover, 
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover, 
.button:hover, 
.added_to_cart:hover, 
.widget a.button:hover, 
.site-header-cart .widget_shopping_cart a.button:hover {
	background:#007d57;
	color:#fff;
	border-color:#007d57;
}

/* ALT BUTTON. THE COOL BRIGHT ONE. For Buy now, etc. */
button.alt,
input.alt[type="button"],
input.alt[type="reset"],
input.alt[type="submit"],
.button.alt, .added_to_cart.alt, 
.widget-area .widget a.button.alt, 
.added_to_cart, .widget a.button.checkout {
	background:#007d57;
	color:#fff;
	border:0;
	/*box-shadow:inset 0 -2px 0 rgba(0,0,0,0.2);*/
	border-bottom:2px solid #005e41;
}
button.alt:hover,
input.alt[type="button"]:hover,
input.alt[type="reset"]:hover,
input.alt[type="submit"]:hover,
.button.alt:hover, .added_to_cart.alt:hover, 
.widget-area .widget a.button.alt:hover, 
.added_to_cart .widget a.button.checkout:hover {
	background:#69bf30;
	border:0;
	/*border-bottom:2px solid ;*/
	border-bottom:2px solid #3b991c;
}


/* Checkout BTN */
.wc-proceed-to-checkout .button.checkout-button,
#payment .place-order .button {
	font-size: 1.5rem;
	height: 2.5em;
	line-height: 2.35em;
}

button.menu-toggle {
	line-height:0.5em;
	font-size:1.3em;
	margin:0.15em 0;
	padding-left:2em;
	padding-right:.7em;
}
button.menu-toggle span::before, button.menu-toggle::after, button.menu-toggle::before {
	left:0.8em;
}
.site-header .site-branding {
	min-width:180px;
}
.site-header .site-branding img {
	margin:0.333em;
	width:201px;
}
.woocommerce-active .site-header .site-header-cart {
	width:33%;
	max-width:18em;
}
.site-header-cart .widget_shopping_cart .product_list_widget img {
	display:none;
}

.site-header .widget_shopping_cart li * {
	color:#fff !important;
}

.site-header-cart .widget_shopping_cart, .main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children {
	background:#007d57;
}

/* MINI CART BUTTONS */
.widget a.button.checkout {
	background:#fff;
	color:#007d57;
	border:2px solid #fff;
}
.widget_shopping_cart .buttons .button:hover,
.site-header-cart .widget_shopping_cart a.button:hover {
	background:#69bf30;
	border:0;
	border-bottom:2px solid #3b991c;
	color:#fff;
	/*border-bottom:2px solid ;*/
}
.widget_shopping_cart .buttons .button:nth-child(2n+1) {
	background:transparent;
	color:#fff;
	border:2px solid #fff;
}
.mini_cart_item .remove {
	display:none;
}
.woocommerce-mini-cart__empty-message {
	margin:1em;
	text-align:center;
	font-style:italic;
	opacity:0.66;
}

.woocommerce-active .site-header .main-navigation {
	width:auto;
	margin-right:0;
	max-width:12em;
}
.storefront-primary-navigation,
.main-navigation, .secondary-navigation,
.woocommerce-active .site-header .main-navigation {
	clear:none;
}
.site-header {
	padding-top:0;
	padding:0.5em 0;
}

h1.logo {
	font-size:1em;
}
.site-header .custom-logo-link {
	margin-top:0.3em;
}

.cart .new-price {
	display:block;
}
.checkout .new-price {
	display:block;
}

table.cart .product-thumbnail img {
	max-width:5.5em;
}
table.cart .product-name a {
	color:#000;
}
table.cart .product-name a.remove {
	width:auto;
	color:#e2401c;
	text-indent:1.2em;
	max-width:5em;
}
a.remove::before {
	right:auto;
}

table.cart th {
	background:transparent;
	padding:0.5em 1.618em;
}
@media screen and (min-width:768px){
	table.cart .cart_item td:first-child {
		border-left:1px solid #ccc;
	}
	table.cart .cart_item td:last-child {
		border-right:1px solid #ccc;
	}
	table.cart .cart_item:first-child td {
		border-top:1px solid #ccc;
	}
	table.cart tbody tr:last-child td {
		border-top:1px solid #ccc;
		padding-top:1em;
	}
}
table.cart tbody td {
	background:transparent;
}

body.single-product #primary {
	width:100%;
}
body.single-product #secondary {
	display:none;
}
.single-product .product .price {
	font-size:1.5em;
}
.left-sidebar .content-area {
	/*width:70%;*/
}

.single-product div.product p.price {
	margin:0 0 0.5em;
}
.single-product div.product .products form.cart {
	margin:0em;
	padding:0;
}
.single-product .product_title {
	margin-bottom:0.25em;
}
.single-product div.product .woocommerce-product-gallery {
	margin-right:0;
	margin-bottom:2em;
}
.single-product div.product .summary {
	width:57%;
}

.single-product .wc-tabs {
	display:none;
}
.woocommerce-tabs .panel {
	width:auto;
	float:none;
}

.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message, 
.woocommerce-noreviews, 
p.no-comments {
	line-height:2;
	margin-bottom:1.25em;
}
.site-content > .col-full > .woocommerce > .woocommerce-error:first-child, 
.site-content > .col-full > .woocommerce > .woocommerce-info:first-child, 
.site-content > .col-full > .woocommerce > .woocommerce-message:first-child {
	margin-top:1em;
}

.woocommerce-breadcrumb .breadcrumb-separator {
	padding:0 1em;
}
.woocommerce-breadcrumb .breadcrumb-separator::after {
	opacity:0.66;
}

/* Category list */
.widget_product_categories ul li::before {
	content:none;
	display:none;
}
.widget_product_categories ul li {
	padding:0;
	margin:0;
}
.widget_product_categories ul li a {
	width:100%;
	display:block;
	min-height:10em;
	background:#fff;
	border:1px solid #bbb;
	margin-top:-1px;
	background-position:center center;
	background-size:70%;
	background-repeat:no-repeat;
	text-indent:-999em;
}
.widget_product_categories ul li.current-cat a {
	box-shadow:inset 0 3px 3px rgba(0,0,0,0.2);
	background-color:#fafafa;
}
.widget_product_categories ul li.cat-item-heliocare a {
	background-image:url(/wp-content/themes/ferndalepp-child/assets/images/heliocare.png);
}
.widget_product_categories ul li.cat-item-recticare a {
	background-image:url(/wp-content/themes/ferndalepp-child/assets/images/recticare.png);
}
.widget_product_categories ul li.cat-item-dermend a {
	background-image:url(/wp-content/themes/ferndalepp-child/assets/images/dermend.png);
}
.widget_product_categories ul li.cat-item-oc8 a {
	background-image:url(/wp-content/themes/ferndalepp-child/assets/images/oc8.png);
	background-size:40%;
}



.select2-selection,
.select2-container .select2-selection--single {
	padding:0.2em;
	height:38px;
}

.form-row {
	margin-bottom:1.5em;
}
#billing_address_1_field,
#shipping_address_1_field {
	margin-bottom:0.5em;
}

.storefront-sorting {
	display:none;
}

.woocommerce-cart .hentry, .woocommerce-checkout .hentry {
	margin-bottom:0;
}
.site-main {
	margin-bottom:0;
}

#payment .place-order {
	margin-top:0;
}

.woocommerce-products-header {
	margin-bottom:3em;
}

/* Account payment details screen */
.woocommerce-MyAccount-content #payment .payment_methods li .payment_box {
	background:transparent;
	padding:1em 0 0;
}
.woocommerce-MyAccount-content #payment .payment_methods {
	padding:0;
}
.woocommerce-MyAccount-content #payment .payment_methods > li:hover:not(.woocommerce-notice) {
	background:transparent;
}
.woocommerce-MyAccount-content #payment .payment_methods > li:not(.woocommerce-notice) {
	background:transparent;
}
.woocommerce-MyAccount-content #payment fieldset {
	background:transparent;
}

/* PRODUCTS INDEX PAGE */
.archive .product form .quantity {
	display:inline;
	margin-right:0.5em;
}
.single-product div.product .products form.cart .quantity {
	float:none;
	display:inline-block;
	margin-right:0.1em;
}
.single-product .products .discount-container {
	display:none;
}
.archive .site-main .columns-3 ul.products li.product {
	width:auto;
	float:none;
	margin:2em 0;
	clear:left;
	overflow:show;
	text-align:left;
	min-height:16em;
}
.archive .site-main .columns-3 ul.products li.product form {
	display:inline;
	margin-right:0.5em;
}
.archive ul.products li.product img {
	float:left;
	margin:0 2em 0 0;
	width:16em;
	height:16em;
}
.archive ul.products li.product h2 {
	clear:none;
	font-size:1.45em;
	font-weight:600;
}
h1 a, h2 a, h3 a {
	color:inherit;
	font-weight:inherit;
}
h1 a:hover, h2 a:hover, h3 a:hover {
	text-decoration: underline;
}



.price-container {
	margin-bottom:2em;
}
.single-product .products .price-container {
	margin-bottom:0.5em;
}
.archive ul.products li.product .price {
	font-size:1.5em;
	margin-bottom:0;
	line-height:1.5;
}
.price .each {
	font-size:0.6em;
	color:#888;
}
.price-with-discount .old_price {
	text-decoration:line-through;
	color:#888;
	margin-right:0.3em;
}
.price-with-discount .real_price,
.free_price {
	color:#007d57;
	font-weight:600;
}

.discount-container {
	display:block;
	position:relative;
	max-width:10.5em;
}
.archive .discount-container {
	margin-left:18em;
}
.discount-container a {
	padding-bottom:0.5em;
}
.discount-list {
	width:14em;
	border:1px solid #999;
	border-bottom-color:#777;
	position:absolute;
	top:1.6em;
	left:-2em;
	z-index:2;
	background:#fff;
	padding:0.6em 1em;
	box-shadow:0 2px 2px rgba(0,0,0,0.33);
	display:none;
}
.discount-container:hover .discount-list {
	display:block;
}
.discount-list:after {
	display:block;
	content:'';
	width:0;
	height:0;
	position:absolute;
	top:-10px;
	left:50%;
	margin-left:-0.5em;
	border:10px solid transparent;
	border-top:0;
	border-bottom-color:#fff;
	z-index:4;
}
.discount-list:before {
	display:block;
	content:'';
	width:0;
	height:0;
	position:absolute;
	top:-11px;
	left:50%;
	margin-left:-0.5em;
	border:10px solid transparent;
	border-top:0;
	border-bottom-color:#666;
	z-index:3;
}
.discount-list table {
	margin:0;
}
.discount-list table td,
.discount-list table th {
	padding:0.2em;
	background:transparent;
}
.discount-list table tbody tr:nth-child(2n) td {
	background:transparent;
}

@media screen and (max-width:768px){
    
    .ferndale-brands li {
	   width:100% !important;
    }
    
    .discount-container {
        margin-left:2em !important;
        padding-top:10px !important;
        padding-bottom:10px !important;
    }
    
    .archive ul.products li.product img {
        margin-right:8em !important;
    }
    
    
	.site-header .custom-logo-link {
		margin-top:0.2em;
	}
	.site-header .site-branding img {
		margin:0 0;
		height:2.8em;
		width:auto;
	}
	.woocommerce-active .site-header .main-navigation {
		max-width:none;
	}
	.woocommerce-active .site-header .col-full {
		margin-left:1em;
		margin-right:1em;
	}

	.single-product div.product .summary {
		width:auto;
	}
}

.page-template-template-homepage .type-page .storefront-hero__button-edit {

}

/* Hide Auth.net TESTMODE message from checkout. (for demo purposes. It's ugly) */
.payment_method_authnet p:first-child {
	display:none;
}
#payment .payment_methods li .payment_box fieldset .form-row {
	display:unset;
}

.home #content .col-full {
	max-width:none;
	padding:0;
	margin:0;
}
.page-template-template-homepage .entry-header h1 {
	font-size:2.75em;
	margin-bottom:0.5em;
	max-width:12em;
}
.page-template-template-homepage:not(.has-post-thumbnail) .site-main {
	padding-top:0;
}
.page-template-template-homepage .type-page {
	padding:3em 1em;
	background:#f1f1f1;
}
.page-template-template-homepage h1.entry-title {
	clear:none;
}
.page-template-template-homepage .entry-content, .page-template-template-homepage .entry-header {
	text-align:left;
	max-width:none;
	clear:none;
}
.welcome {
	max-width:60em;
	margin:0 auto;
	text-align:left;
}
.welcome #loginform,
.welcome #loginform .login-submit {
	margin-bottom:0;
}
.welcome #loginform input[type="text"],
.welcome #loginform input[type="password"] {
	width:100%;
	display:block;
}
.welcome #loginform label {
	color:#888;
}
.home_login {
	float:right;
	background:#fff;
	box-shadow:0 2px 2px rgba(0,0,0,0.2);
	padding:2em 1.5em;
	width:22em;
	margin-left:3em;
	min-height:20em;
	
}


@media only screen and (max-width: 800px) {
    .home_login {
        margin-left:0em !important;
        margin-right:0em !important;
        margin-bottom:2em !important; 
        width:100% !important;
    }
    
    .welcome .home_login {
        text-align:center !important;
    }
}

.page-template-template-homepage-php .site-main .columns-4 ul.products li.product img {
	max-height:3em;
	max-width:13em;
	width:auto;
	height:auto;
	margin-top:2em;
	transform:translateY(-50%);
}

.ferndale-brands {
	max-width:60em;
	margin:0 auto;
	list-style:none;
	padding:0;
}
.ferndale-brands li {
	width:25%;
	padding:0 1em;
	float:left;
	text-align:center;
}
.ferndale-brands .brand-logo {
	background-size:contain;
	background-position:50% 50%;
	background-repeat:no-repeat;
	width:10em;
	height:3em;
	margin:0 auto 2em;
}
.ferndale-brands a {
	color:#555;
}
.ferndale-brands h3 {
	display:none;
}

li.woocommerce-MyAccount-navigation-link--downloads {
	display:none;
}

.home_logged_in {
	text-align:center;
}


.post-type-archive #primary {
	display:none;
}
.post-type-archive #secondary {
	width:auto;
	float:none;
}
.post-type-archive .widget_product_categories ul {
	margin-bottom:3em;
	overflow:auto;
	padding-top:1px;
}
.post-type-archive .widget_product_categories ul li {
	width:50%;
	float:left;
}
.post-type-archive .widget_product_categories ul li a {
	background-size:50%;
}
.post-type-archive .widget_product_categories ul li.cat-item-oc8 a {
	background-size:30%;
}
.post-type-archive .widget-area {
	margin-right:0;
}
.single-product div.product .product_meta .tagged_as {
	display:none;
}

.buy_more {
	font-weight:600;
	color:#555;
}

.disclaimer {
	margin-top:2em;
	font-size:0.8em;
	color:#333;
}

.login_error {
	border:2px solid #d00;
	color:#d00;
	padding:0.5em 1em;
}

.woocommerce-checkout .showcoupon:after {
	content:'.';
}

.archive h1.page-title sup {
	font-size:0.6em;
}

.my_account_orders .button.view::after {
	display:none;
}
.my_account_orders .button, .woocommerce-MyAccount-downloads .button {
	line-height:0.4;
}

/* HIDE NAV IF NOT LOGGED IN */
#site-navigation {
	display:none;
}
.logged-in #site-navigation {
	display:block;
}

/* Hide manage payments button on checkout */
#payment div.payment_box  a.button {
	display:none;
}
input.js-wc-first-data-payeezy-gateway-credit-card-payment-token {
	margin-right:0.5em;
}

.successful {
    padding: 1em 1.618em;
    margin-bottom: 2.617924em;
    background-color: #0f834d;
    margin-left: 0;
    border-radius: 2px;
    color: #fff;
    clear: both;
    border-left: .6180469716em solid rgba(0,0,0,.15);
}

.map_agreement_box {
	border-radius:4px;
	border:4px solid #83d740;
	padding:1em 1.5em;
	margin:2em 0;
}
.map_agreement_box .input-checkbox {
	float:left;
	margin-right:1em;
	margin-top:0.25em;
}
.map_agreement_box .form-row {
	margin:0 0 0.5em;
}