/**
 * Add any custom CSS here.
 * This file will be loaded after all other theme stylesheets. EXCEPT The storefront built-in CSS customizer!
 */

body, button, input, select, textarea {
    /*font-family: Helvetica, Arial,"Lucida Grande", sans-serif;*/
	/*font-size: 1.1em;*/
}

@media (max-width:768px) {
body, button, input, select, textarea {
    /*font-family: Helvetica, Arial,"Lucida Grande", sans-serif;*/
	font-size: 1.1em;
}}

.widget-area .widget {
    font-size: 0.975em; 
}

.site-header {
    background-color: transparent;
}

.site-header .site-branding {
    min-width: 50%;
    *margin-bottom: 0px;
}

.no-wc-breadcrumb .site-header, .home.page:not(.page-template-template-homepage) .site-header  {
    margin-bottom: 3em;
}


.site-branding h1 a {
    font-weight: normal;
    font-size: 1.7em;
    color: #484c51;
    text-transform: uppercase;
    *letter-spacing: 1px;
}

.site-branding h1 a:hover {
    color: #777777;
}

.site-branding a {
    font-weight: normal;
    font-size: 1.7em;
    color: #484c51;
    text-transform: uppercase;
    *letter-spacing: 1px;
	/*font-family: arial narrow;*/
	font-weight: normal;
}
.site-branding .site-title a {
    font-weight: normal;
}

.site-branding a:hover {
    color: #777777;
}

#secondary .widget-title {
	color: #a3be3b;
}

.site-title {
    color: #111111;
}

p.site-description, .site-branding .site-description {
    color: #484c51;
    font-size: 1.5em;
}

H1 {
    *font-size: 2em;
    *font-weight: 500;
}

h1, h2, h3, h4, h5, h6 {
    /*font-family: Cambria, Arial, Helvetica;*/
    font-weight: normal;
	/*color: #a3be3b; /*bright green*/
	/*color: #72914b; /*blue-green*/
    color: #69795a; 
}

h2, h3, .widget h3.widget-title {
    font-weight: normal;
}

.main-navigation ul li a, ul.menu li a {
    color: #333333;
}

@media (min-width: 768px) {
.main-navigation ul li a, ul.menu li a {
    *color:#333333;
    color: #ffffff;
    font-weight: normal;
    font-family: "Source Sans Pro", Arial Narrow;
    font-size: 1.2em;
} }

.main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-header ul.menu li.current-menu-item > a {
    color: #777777;
}

@media (min-width: 768px) {
.site-header .secondary-navigation  ul.menu li.current-menu-item > a {
    text-decoration: underline;
    color: #777777;
}}

@media (min-width: 768px) {
.site-header {
    border-bottom: none;
}}

@media (min-width: 768px) {
.secondary-navigation ul.menu a:hover {
    color: #777777;
}}

@media (min-width: 768px) {
.main-navigation ul li a:hover, .main-navigation ul li:hover > a {
    color: #d5ed9e;
} }

@media (min-width: 768px) {
.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
    padding: 1.2em 1em;
} }


@media (min-width: 768px) {
.site-header ul.menu li.current-menu-item > a {
    color: #d5ed9e;
}}

button.menu-toggle, button.menu-toggle:hover {
	background-color: #69795a;	/*#687b61; more bluish-green*/
}

.handheld-navigation .menu {
	background-color: #fff;
    border: 1px gray solid;
    padding: 0 20px;
}


a {
    color: #999999;
}

strong > a {
    color: #666666;
}

.content-area a:not(.button) {
    font-weight: inherit;
    text-decoration: underline;
}

.content-area a:not(.button):hover, .widget-area .widget a:not(.button):hover {
    color: #eac11e;
}


a:focus, .button:focus, .button.alt:focus, .button.added_to_cart:focus,
.button.wc-forward:focus, button:focus, input[type="button"]:focus,
input[type="reset"]:focus, input[type="submit"]:focus {
    outline-color: #999999;
}

@media (min-width: 768px) {
.storefront-primary-navigation {
    *background-color: #d6f2ba;
    *border-bottom: 1px solid #a3be3b;
	background: #425833cc;	/*transparent medium warm-green*/
    /*background: #253e20b5; /*blue-green*/	/*rgba(0, 0, 0, 0.6);*/
    line-height: 1em;
} }

.secondary-navigation ul.menu a {
    color: #484c51;
    color: #333333;
    font-size: 1.3em;
    /*text-transform: uppercase;*/
    /*font-weight: bold;*/
}

.secondary-navigation ul.menu li.current.menu.item > a {
    text-decoration: underline;
    color: #484c51;
}

@media (min-width: 768px) {
.secondary-navigation .menu a {
    padding: .5em .5em;
}}

@media (min-width: 768px) {
.secondary-navigation .menu>li>a:before {
    content: "";
    display: block;
    width: 1px;
    height: 50%;
    background-color: rgba(0,0,0,.3);
    position: absolute;
    top: 25%;
    left: -3px;
}}

.widget h2.widgettitle, .widget h3.widget-title, .widget .widget-title, .widget .widgettitle
{
    padding-bottom: 0px;
}


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 {
    background-color: #333333;
    border-color: #333333;
    color: #ffffff;
}

input[type="submit"]:hover {
    background-color: #666666;
    border-color: #666666;
    color: #ffffff;
}

/* Post META from front page */

.hentry .entry-header .posted-on {
    display:none;
}

@media (min-width: 768px){
    .hentry.type-post .entry-content, .entry-content{
        width: 100%;
        float: left;
    }
}

@media (min-width: 768px) {
.footer-widgets {
    padding-top: 1em;
}}

/*List style*/
.list-unstyled {
    padding: 0;
    list-style: none;
}

/*teaser*/

div.teaser
{
    background: transparent;
    float:left;
    margin: 0 0 10px 0;
    padding: 0 30px;
    height: 300px;    
    /*width:33%;*/    
}

@media (min-width: 768px) 
{ div.teaser
  {
       width: 33%;
       border-left: 1px solid #efefef;
  }
}

div.teaser:first-child
{
    border-left: none;
}

div.teaser h3 
{
    text-align: center;
}

/*Adresseliste*/
ul.adresseliste {
    float: left;
    margin: 0px 30px 30px 0;
    padding: 0px;
    list-style: none;
}

@media (min-width: 1200px) {
ul.adresseliste {
    width: 29%;
}}

/*mylist*/

div.mylist {
    float: left; 
    margin-right: 30px;
}

div.clrmylist {
    clear:both;
}


/*Fjern overskrifter på siderne */
.hentry.type-page .entry-header {
	display: none;
}

.hentry {
    margin: 0;
}

/*style contact form*/
.cf-box {
    margin-bottom: 10px;
}


/*Extra Footer */
.sfb-footer-bar {
    background-color: rgba(224, 224, 224, 1) !important;
}

.sfb-footer-bar .darktxt {
    color: #494c50;
}


/*footer */
.site-footer {
    background: #69795a;	/*non-transparent medium warm-green*/
    /*background: #253e20b5; /*blue-green*/	/*rgba(0, 0, 0, 0.6);*/
    color: #e6e6e6;
}

.site-footer h3 {
    color: #ffffff;
}

.site_footer .widget-title, .site-footer .widget .widget-title {
	color: #ffffff;
}

.site-info {
    padding: 1em 0;
}


.site-footer a:not(.button), .site-footer a:not(.button):not(.components-button) {
    font-weight: normal;
    color: #d5ed9e; 
}

.site-footer a:not(.button):hover, .site-footer a:not(.button):not(.components-button):hover {
    color: #f9eba0;
}

/*img */

img {
    border: 1px solid #cccccc;
    padding: 3px;
}

.content-area img, .widget-area img {  
    image-rendering: -moz-crisp-edges;         
    image-rendering:   -o-crisp-edges;         
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; 
    /*image-rendering: pixelated;*/
}

.entry-content > h1, div.entry-content > h2, div.entry-content /*new widget styling */
.widgetblocktitle {	
	font-family: Helvetica;
}

.footerblocktitle {
	padding-bottom: 0px;
	font-size: 1.41575em;
	font-family: Helvetica;
}

.widget ul.paymentlist {
	margin-left: 2em;
	list-style: inherit;
}

.site-footer a {
	text-decoration: none;
}

h3.footerblocktitle + p {
	margin-block-start: 12px;
}

.forhandler-liste strong > a, .forhandler-liste a > strong {
	color: #666666;
}