/*
Theme Name:   	Hjære Frugt
Template:     	storefront
Version:      	1.0.0
Text Domain:  	storefront
*/
/*
 * Add your own custom css below this text.
 */
@charset "UTF-8";
/* CSS Document */

/*
@import "../h/custom.css";
*/
@import "../mystile/functions/css/shortcodes.css";


/*order*/
#billing_country_field, .form-row-hidden {
	display:none !important;
}
dl dd, dl dd p {
	margin-bottom:0;
}
dl.customer_details dt {
	float:left;
	min-width:8.5em;
	
}

.site-header .custom-logo-link {
	position: absolute;
	display: inline;
	z-index: 1;
}


a {
	font-weight:bold;
	
}
a:hover {
	color:bold;
	
}
@media (min-width:768px) {
	.site-header {
		padding-top: 1em;
	}
	.storefront-secondary-navigation .site-header .secondary-navigation {
		margin-top: 5em;
		margin-bottom: 0;
	}
	.storefront-primary-navigation {
		background: #d4453b;
	}
	.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
		float:right;
		margin-right: 0;
	}
	
	.storefront-secondary-navigation .site-header .site-branding:before {
		content:"Hjære Frugt & Grønt ApS";
		position:absolute;
		left:0;
		right:0;
		top:.5em;
		color:#efefef;
		font-size:40px;
		text-align: center;
	}
	.storefront-secondary-navigation .site-header .site-branding:after {
		content:" Professionel service til deres virksomhed ";
		position:absolute;
		left:0;
		right:0;
		top:5em;
		color:#efefef;
		font-size:15px;
		text-align: center;
	}
}
.widget-area .widget_shopping_cart .product_list_widget li {
	padding-left:0;
}
.widget_shopping_cart .product_list_widget li a {
	font-weight:normal;
}
.widget_shopping_cart .product_list_widget li a.remove,
.site-header-cart .widget_shopping_cart .product_list_widget img,
.site-header-cart .cart-contents .amount,
.site-search {
	display:none;
}
.site-footer .textwidget p {
	font-size:.8em;
}
.site-footer .widget {
	margin-bottom:0;
}

.site-main ul.products li.product {
    position: relative;
    float: left;
    width: 48%;
    margin-right: 3.8%;
    margin-bottom: 1.618em;
    text-align: center;
}
@media only screen and (min-width: 768px) {
	.site-main  ul.products li.product {
		position: relative;
		width: 22.05%;
	}
}
/*green*/
table th {
    text-transform: uppercase;
    border-bottom: 4px double #e8e8e8;
}
/*new*/

body {
	background:#efefef;
}
#content > div {
    background: white;
	padding-top:2em;
}


.home.blog .site-header, .home.page .site-header, .home.post-type-archive-product .site-header {
	margin-bottom: 0 !important;
}

.storefront-breadcrumb,
.home .hentry.type-page .entry-header {
	display:none;
} 
.variations .attribute-pa_enhed .label label {
	display:none;
} 
table tbody tr td,
table thead tr th,
table.products tbody tr td,
table.products thead tr th {
	background: none !important;
	background-color: none !important;
}
table th,
table  td {
    padding: 0.5em 0.5em 0.5em 0 !important;
    white-space: nowrap !important;
    font-size: 90% !important;
    vertical-align: middle !important;
    border-bottom: 1px solid #e8e8e8 !important;
	background:white !important;
	background-color:white !important;
}
table.variations th,
table.variations td {
    border-bottom: 0 !important;
}

.products .product form.cart {
	margin-bottom: 0;
	float:right;
	width: 140px;
	text-align: right;
}
.products .product form.cart.variations_form {
	width: 100%;
	min-width: 250px;
}
.products .product:not(.product-category) img {
    width: 30px;
    height: auto;
    float: left;
    padding: 0;
    margin: 0;
}
.product .i a, .product .i a img {
    display: block;
    width: 30px;
    height: 30px;
}
.products .product img {
    border: 0;
}


.products .woocommerce-variation.single_variation,
.products .variations .reset_variations,
.products .button.product_type_variable.add_to_cart_button,
.added_to_cart,
.products .variations td.label
{
    display: none !important;
}

.products .variations .value div
{
	float:left;
	margin-right: 10px;
}
.products .variations .value div:last-child {
	margin-right:0;
}
.products .variations
{
	float:left;
	width: auto;
}
.products .single_variation_wrap {
	width:140px;
	float: right;
}

.products .woocommerce-variation-add-to-cart {
	width: 140px;
	
}
/*
.products .quantity {
	float:left;
	
}
*/
.products .woocommerce-variation-add-to-cart button {
	float:right;
}

.products .variations {
    position: relative;
	margin-bottom:0;
}

.products .variations td {
    display: block;
    padding: 0;
    text-align: center;
}

.products .variations td:first-child {
    padding-bottom: 0;
    border: none;
}

.products .variations td:last-child {
    padding-top: 5px;
}

.products .variations tr:last-child td {
    border: none;
}

.products .variations td label {
    font-weight: 600;
}

.products .variations td select {
    width: 100%;
}

.products .variations .reset_variations {
    margin: 10px 0 0;
    position: absolute;
    bottom: -35px;
    left: 0;
    right: 0;
}
.info.fynsk {
	margin-left: 25px;
}
.info.fynsk:before,
.products .product td.n.fynsk:before {
	content: "F";
	color:white;
	background: #589409;
	border-radius: 50%;
	width:19px;
	height:19px;
	line-height: 19px;
	display:inline-block;
	text-align: center;
	margin-left:-27px;
	margin-right:5px;
}

.product-type-variable p.price,
.product-type-variable p.price>del,
.product-type-variable p.price>ins {
	display:none;
}
.products .product.tilbud td.n:after {
	content:"";
	background:url(tilbud.png) no-repeat;
	background-size:contain;
	height:41px;
	width:41px;
	left:-40px;
	top:-1px;
	position:absolute;
}
@media only screen and (min-width: 601px) {
	.products .product .favorit {
		background:url(favorit.png) no-repeat;
		background-size:contain;
		height:23px;
		width:22px;
		float:right;
		display:block;
		cursor:pointer;
	}
}
.products .product .favorit.added:after {
	content:"Tilføjet";
	background:green;
	padding:5px;
	color:white;
	position:absolute;
	margin-top:-5px;
	margin-left:-55px;
}
.products .product .favorit.removed:after {
	content:"Fjernet";
	background:red;
	padding:5px;
	color:white;
	position:absolute;
	margin-top:-5px;
	margin-left:-55px;
}

@media only screen and (max-width: 767px) {
	.products .product.tilbud td.n:after {
		left:-61px;
	}
}
@media only screen and (max-width: 992px) and (min-width: 768px) {
	.products .product.tilbud td.n:after {
		left:-21px;
	}
}
@media only screen and (max-width: 600px) {
	.products .product.tilbud td.n:after {
		left:-21px;
	}
}

/*plist*/
@media (min-width: 768px) {
 
	.site-main ul.products li.product {
		width: 100%;
		float: none;
		margin: 0;
	}

	.site-main ul.products {
	border-right: 1px solid;
	border-bottom: 1px solid;
	margin: 1em 0;
	}

	.site-main ul.products li.product .product_table {
	  display: flex;
	  flex-wrap: wrap;
	}

	.site-main ul.products li.product div.one_third {
		width: 33.3%;
		float: left;
		margin: 0;
		text-align: left;
		background-color: #eee;
		border-left: 1px solid;
		border-top: 1px solid;
		padding: 1em 2em;
		box-sizing: border-box;
		flex-grow: 1;
		overflow: hidden;
	}
 
}

body {
    background: #efefef;
	padding:0;
}
#menu-item-12169 {
	display:none;
}
@media only screen and (max-width: 767px) {
	body {
		background:white;
	}
}
#top {
	border-top: 2px solid #555555;
	margin:0;
	padding:0;
}
#header {
	margin-bottom:0;
}
#header, #content {
	background:white;
}
#header hgroup, #header #navigation, #top {
	padding:0 20px 0 20px;
}
#sidebar {
	padding:20px 20px 0 0;
}
#main.fullwidth {
	padding-top:20px;
}
.woocommerce #main.col-left {
	padding:20px 0 0 20px;
}
.post, 
.type-page {
	padding:0 20px 20px 20px;
}
@media only screen and (min-width: 768px) {
	#contact-page {
		padding:20px;
	}
}
#header {
	border-bottom: 1px solid #e8e8e8;
	padding-top:0;
	padding-bottom:0;
	overflow:visible;
}
#header hgroup {
	padding-bottom: 0;
	margin-bottom: 0;
	overflow:visible;
	height:110px;
}

#header #logo {
	padding-bottom: 0;
	margin-bottom: 0;
	height:110px;
	float:none;
	display:block;
}
#logo img {
	display:block;
}
#header #navigation {
	margin-bottom:20px;
	margin-top:0;
}
@media only screen and (max-width: 767px) {
	#main.col-left, #sidebar, #header, #top, .woocommerce #main.col-left {
		padding:20px;
	}
	#header #logo {
		margin-left:-20px;
	}
	#top {
		padding:0 20px;
	}
}

@media only screen and (min-width: 960px) {
	#header #navigation {
		margin-top:70px;
	}
}

.footer-wrap {
	background:#363636;
	margin:0;
	padding:0;
}
#footer div {
	font-size:70%;
}


/*content overwrites*/
.page-template-template-contact-php .location-twitter {
	border-bottom:0;
}

/*woocommerce overwrites*/
.count { display:none; }

.products .product img { border:0; }

.products .product:not(.product-category) img {
	width:30px;
	height:auto;
	float:left;
	padding:0;
	margin:0;
}
.products .product>td,
.products th {
	padding:0.5em 0.5em 0.5em 0;
	white-space:nowrap;
	font-size:90%;
	vertical-align: middle;
	}
	.products .product>td:last-child {
		padding-right:0;
	}
	.products .product>td.n {
		white-space:normal;
	}


@media only screen and (min-width: 1024px) {
	.products .product>td.n {
		min-width:135px;
	}
	.products .product>td.b {
		min-width:330px;
	}
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
	table.products .m,
	table.products .k, 
	table.products .i {
		display:none;
	}
}
@media only screen and (max-width: 767px) {
	table.products .m {
		display:none;
	}
}
@media only screen and (max-width: 599px) {
	table.products .p, table.products .k, table.products .i {
		display:none;
	}
	table.products thead {
		display:none;
	}
	.products td.n {
		border:none;
		border-top: 1px solid #e8e8e8;
		display:block;
		padding-bottom:0 !important;
		border-bottom: 0 !important;
	}
	.products td.b {
		border:none !important;
		padding-top:0;
		display:block;
	}
	.products td.b>form>span:first-child:before {
		content:"Enhed ";
	}
}
	
.products .product>td.b .out-of-stock {
	float:right;
	line-height:30px;
}
.products .product>td.b form {
	margin:0;
	white-space:nowrap !important;
}
.products .product>td.b .quantity {
	float:left;
}
.products .product>td.b .button {
	float:right;
}
.products .product>td.b .variations, .singleunit {
	float:left;
	line-height:30px;
	display:table-cell;
	border:1px;
}
.products .product>td.b .variations input {
	margin-right:5px;
}
.products .product>td.b .variations label {
	margin-right:10px;
}
.products .product>td.b .single_variation_wrap {
	float:right;
}
.products .product>td.b .variations_button {
	white-space:nowrap;
}
.products .product>td.b .variations .label {
	display:none;
}
.products .product>td.b .single_variation .price {
	display:none;
}

#fancybox-content, #fancybox-content * {
	text-align:center;
}	
.stock {
	display:inline;
	margin:0;
}
.variations-out-of-stock, .variations-out-of-stock * {
	display:none !important;
}


/*itemcard ow*/

/*
div.product-type-variable .variations label {
	padding-right:1em;
}
div.product-type-variable .variations label input {
	margin-right:0.5em;
}
div.product.outofstock .price {
	display:none !important;
}
*/

/*minicart*/
/*
.widget ul.product_list_widget li a {
	display:inline;
}
.widget ul.product_list_widget li a img {
	display:none;
}
.widget ul.product_list_widget li dl {
	float:right; 
}
.widget ul.product_list_widget li dl {
	margin:0;
}
.widget ul.product_list_widget li dt {
	display:none;
}
 .widget ul.product_list_widget li dd {
	margin-bottom:0;
}
.widget ul.product_list_widget li dl p {
	margin:0;
}
*/
/*order*/
/*
#billing_country_field, .form-row-hidden {
	display:none !important;
}
dl dd, dl dd p {
	margin-bottom:0;
}
dl.customer_details dt {
	float:left;
	min-width:8.5em;
	
}
body:not(.logged-in) #main-nav li.menu-item-12135 {
	display:none;
}
.logged-in #main-nav li.menu-item-12134 {
	display:none;
}

select {
  padding: .236em .5em;
  border: 1px solid #c4c4c4;
  -webkit-border-radius: 0.125em;
  border-radius: 0.125em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1em;
  line-height: 1.618em;
  font-family: inherit;
  outline: none;
  margin: 0 .327em;
  background: #f9f9f9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -webkit-box-shadow: 0 0 0 0.327em rgba(0, 0, 0, 0.03), inset 0 1px 2px #d8d8d8, 0 1px #ffffff;
  box-shadow: 0 0 0 0.327em rgba(0, 0, 0, 0.03), inset 0 1px 2px #d8d8d8, 0 1px #ffffff;
}
select:focus {
  border-color: rgba(139, 199, 60, 0.8);
  background: #fff;
  -webkit-box-shadow: 0 0 0 0.327em rgba(139, 199, 60, 0.1), 0 0 0.202em rgba(139, 199, 60, 0.4);
  box-shadow: 0 0 0 0.327em rgba(139, 199, 60, 0.1), 0 0 0.202em rgba(139, 199, 60, 0.4);
}
#sidebar .primary select {
	width:100%;
}

.layout-left-content #main.col-left {
	padding-top:20px;
}
#top {
	background:#ee4136;
}
*/

/*
@media only screen and (min-width: 768px) {
	#top ul.nav {
		font-size:1em;
		margin-top:70px;
	}
	#top ul.nav > li a {
		color:#efefef;
		padding: 1.387em 1em;
	}
	#top ul.nav > li a:hover, #top ul.nav > li:hover {
		background:none;
		color:white;
	}
	#top ul.nav > li a {
		font-weight:normal;
	}
	
	#top ul.nav > li a .contents {
		color:#8bc73c;
	}
	#top .wc-nav li.cart a:before {
		margin-right:0;
	}
	
	#header .site-title, #header .site-description {
		display: block;
		margin-bottom: 0;
	}
	.sticky #sidebar .primary {
		position:fixed;
		top:20px;
	}
	#top {
		background:#ed4e42;
		height:125px;
		border-bottom:50px solid #d4453b;
	}
	#top nav ul {
		z-index:1000;
	}
	#header {
		height:175px;
		border:0;
		background:none;
		position:absolute;
		top:0;
		left:0;
		right:0;
	}
	#header hgroup {
		float:none;
		clear:both;
		clear:both;
		display:block;
		padding:0;
		height:125px;
		left:20px;
	}
	#header #logo {
		position:absolute;
		height: 125px;
		line-height:125px;
		
	}
	#header #logo img {
		margin-top:12px;
	}
	#header hgroup h1 {
		padding-top:30px;
	}
	#header hgroup h1, #header hgroup h2 {
		text-align:center;
		}
		#header .site-title a, #header .site-description {
			color:#efefef;
		}
		#header .site-title a:hover {
			color:white;
		}
		
	#header nav#navigation {
		margin:0;
		width:100%;
		float:none;
		clear:both;
		display:block;
		clear:both;
		padding:5px 0;
	}
	#header #navigation ul.nav {
		float:none;
	}
	#header #navigation ul.nav li,
	#header #navigation ul.nav li:hover {
		background:none !important;
	}
	#header #navigation ul.nav li a {
		padding:8px 20px;
		background:none;
		border:0;
		color:#e5e5e5;
	}
	#header #navigation ul.nav > li > a:hover,
	#header #navigation ul.nav > li.current-menu-item > a,
	#header #navigation ul.nav > li.current_page_item > a {
		background:none;
		border:0;
		color:white;
	}
}
@media only screen and (max-width: 992px) and (min-width: 768px) {
	#header #navigation ul.nav li a {
		padding: 8px 0 8px 20px;
	}
}
@media only screen and (max-width: 768px) {
	header#header {
		background:#ee4136;
		padding-top:0;
		padding-bottom:0;
	}
	#top .wc-nav li.cart {
		width:inherit;
		padding: 0.25em 0;
	}
	#top .wc-nav li.cart a .contents {
		display:inline;
	}
}
@media only screen and (min-width: 767px) {
	#header #navigation li,
	#header #navigation a,
	#header #navigation a:before,
	#header #navigation a:after {
		background:none !important;
	}
	#header #navigation ul.nav > li.parent a:hover:before,
	#header #navigation ul.nav > li.parent:hover a:before {
		background:none !important;
		display:none;
	}
	#header #navigation ul.nav ul {
		background:white;
		width:auto !important;
	}
	#header #navigation ul.nav ul li a {
		color:rgba(104,104,104,1.00);
		white-space:nowrap;
	}
}
.button.wc-forward {
	white-space:nowrap;
}
.product .i a,
.product .i a img {
	display:block;
	width:30px;
	height:30px;
}
.display-posts-listing .listing-item .title {
	font-weight:normal;
	color:#d4453b;
}
.product-type-variable p.price,
.product-type-variable p.price>del,
.product-type-variable p.price>ins {
	display:none;
}
.products .product.tilbud td.n {
	position:relative;
}
.products .product.tilbud td.n:after {
	content:"";
	background:url(tilbud.png) no-repeat;
	background-size:contain;
	height:41px;
	width:41px;
	left:-40px;
	top:-1px;
	position:absolute;
}
@media only screen and (min-width: 601px) {
	.products .product .favorit {
		background:url(favorit.png) no-repeat;
		background-size:contain;
		height:23px;
		width:22px;
		float:right;
		display:block;
		cursor:pointer;
	}
}
.products .product .favorit.added:after {
	content:"Tilføjet";
	background:green;
	padding:5px;
	color:white;
	position:absolute;
	margin-top:-5px;
	margin-left:-55px;
}
.products .product .favorit.removed:after {
	content:"Fjernet";
	background:red;
	padding:5px;
	color:white;
	position:absolute;
	margin-top:-5px;
	margin-left:-55px;
}

@media only screen and (max-width: 767px) {
	.products .product.tilbud td.n:after {
		left:-61px;
	}
}
@media only screen and (max-width: 992px) and (min-width: 768px) {
	.products .product.tilbud td.n:after {
		left:-21px;
	}
}
@media only screen and (max-width: 600px) {
	.products .product.tilbud td.n:after {
		left:-21px;
	}
}
*/


#ui-datepicker-div {
    z-index: 1000 !important;
}
@media only screen and (max-width: 1063px) {
		
	.col-full {
		padding-left:1em;
		padding-right: 1em;
	}
	.site-header .custom-logo-link img, .site-header .site-logo-anchor img, .site-header .site-logo-link img {
		max-height: 70px;
		width: auto;
	}
	
	.right-sidebar .widget-area {
		display: none;
	}
	.right-sidebar .content-area {
		width:100%;
	}
}


@media only screen and (max-width: 767px) {
	.col-full {
		margin-left:0;
		margin-right:0;
		padding-left:1em;
		padding-right: 1em;
	}
	.site-header {
		padding-top: 1em;
		padding-bottom: 1em;
	}
	
	.site-header .custom-logo-link img, .site-header .site-logo-anchor img, .site-header .site-logo-link img {
		max-height: 50px;
		width: auto;
	}
}

.out-of-stock {
	display: none;
}
@media only screen and (max-width: 767px) {
	.secondary-navigation {
		display: inline;
		float: right;
		font-size: 0.875em;
	}
	.secondary-navigation ul {
		margin:0 0 0 1em;	
	}
	.secondary-navigation ul, 
	.secondary-navigation li {
		list-style: none;
	}
}