/*
Theme Name: NSF 2020
Theme URI: https://afterimagedesigns.com/wp-bootstrap-starter/
Author: Jonas Lillevold
Author URI: https://uxlab.space
Description:  The best WordPress starter theme based on the most powerful frameworks in the world: "_s" (by Automattic, the main people behind WordPress development), Twitter Bootstrap (the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web) and Font Awesome (or Fontawesome, a full suite of 675+ pictographic icons for easy scalable vector graphics on websites). This theme, like WordPress, is licensed under the GPL. You can use this theme as base for your next WordPress theme project and you are allowed to remove the link at the footer or do whatever you want. Your feedback on how we can continuously improve this WordPress Starter Theme Bootstrap will be highly appreciated. Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.0.0 , Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates.
Version: 3.3.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp-bootstrap-starter
Requires at least: 4.7
Requires PHP: 5.2.4
Tested up to: 5.4
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Sections
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Woocommerce
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/


.wp-block-columns {
    margin-bottom: 1em!important;
}

body {
  margin: 0;
  -webkit-font-smoothing: auto;
  font-family: 'Montserrat', sans-serif!important;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  	background-color: transparent;
    color: #f58223;
    text-decoration: none;
	cursor: pointer;
	cursor:hand;
}

a:active,
a:hover {
  outline: 0;
  color: #f58223;
  text-decoration: underline;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 2.5rem;
}

hr {
  box-sizing: content-box;
  height: 0;
  border-top: 1px solid #A4A4A4;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

nput[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    top: 3px;
    position: relative;
    left: -3px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}




/* FIX.. */
aside#secondary{float:left;}
section#primary{float:left;}



/*--------------------------------------------------------------
# Structure, container
--------------------------------------------------------------*/

@media (min-width: 576px){
	.container, .container-sm {
		/*max-width: 96%;*/
		max-width: 1140px;
	}
}

/*--------------------------------------------------------------
# Sidebar / Aside
--------------------------------------------------------------*/

.nav-link {
    display: block;
    padding: 6px 0;
}

#secondary .nav > li > a:focus, .nav > li > a:hover {
    background-color: transparent!important;
    text-decoration: none;
    /*padding-left: 10px;*/
	filter: brightness(0.7);
    transition: all 0.4s ease;
}


/*--------------------------------------------------------------
# Gutenberg
--------------------------------------------------------------*/

    .entry-content .alignwide {
        margin-left  : -80px;
        margin-right : -80px;
    }
    .entry-content .alignfull {
        margin-left  : calc( -100vw / 2 + 100% / 2 );
        margin-right : calc( -100vw / 2 + 100% / 2 );
        max-width    : 100vw;
    }
    .alignfull img {
        width: 100vw;
    }

	div.maxwidth .wp-block-group__inner-container{
		max-width: 1140px;
		margin: 0 auto;
	}

	#ect-grid-wrapper .ect-grid-event-area {
		/*box-shadow: none!important;*/ 
		-webkit-box-shadow: 0px 0px 42px -2px rgb(0 0 0 / 15%)!important;
    	box-shadow: 0px 0px 42px -2px rgb(0 0 0 /15%)!important;
	}

	.style-3 .ect-grid-event-area {
		border-radius: 0px!important;

	}
.ect-grid-readmore.full-view {display:none; visibility: hidden;}

.forside-arrangementer, .forsideprodukter{padding-top:20px; padding-bottom:20px;  margin-top:30px;}

.forside-arrangementer .style-3 .ect-grid-title h4:before { display:none; visibility: hidden; }

.fremhevet-kategori-liste a{ color:#333;}
.fremhevet-kategori-liste h2{ font-size: 20px; font-weight: 500; margin-top: 20px;}

ul.wc-block-product-categories-list{ 
	list-style: none!important;
	flex-direction: row;
	display: flex;
	flex-wrap: wrap;
	column-gap: 10px;
	margin-left:-40px;
}


li.wc-block-product-categories-list-item{ 
	flex-grow: 0;
	justify-content: space-around;
	border: 1px solid #ABA5A5;
	width:auto; /*220px;*/
	height:47px;
	text-align: center;
	margin-bottom:10px;
}

ul.wc-block-product-categories-list > li ul{ 
	display:none; visibility:hidden;
}

li.wc-block-product-categories-list-item a{
	color: #000;
    font-size: 16px;
    height: 45px;
    padding: 10px 20px 0 20px;
    display: block;
    width: 100%;
}
li.wc-block-product-categories-list-item a:hover{
	background-color: #F4F4F4;	
	text-decoration: none;
}

li.wc-block-product-categories-list-item:hover{
	background-color: #F4F4F4;	
	border-color: #333;
}


div.wc-block-product-categories.is-list br{ display:none;}


/* Forside arrangementer */


#ect-grid-wrapper .row {
	margin-left:auto!important;
	margin-right:auto!important;
	width:100%!important;
}



/* Sponsors */

div#wp-sponsors {
    max-width: 800px;
	margin: 20px auto 20px auto;
}

#wp-sponsors ul{
	display:flex;	
	gap: 10px;
}


#wp-sponsors ul li {
    list-style: none;
    display: inline-block;
    width: calc(100% / 2);
}


/* --- Custom post list block --- */

.post-list{margin-top:50px;}
.post-list img{ max-width: 100%;}
p { 
	font-family: 'Montserrat'; font-size: 14px; /*color: #333;*/ line-height: 23px; 
}
h3 a { 
	font-family: 'Montserrat'; font-size: 20px; color: #333; font-weight: 500; text-decoration: none;
}

.post-list .pre-title-link{     
	margin-top: 20px;
    position: relative;
    display: block;
    font-weight: 600;
}

.pre-title-link{
	text-transform: uppercase;
	color:#333;	
	ont-family: 'Montserrat'; 
	font-size: 13px;
	font-weight: 500;
}

.post-list h3{ margin-top: 8px; margin-bottom: 5px;}

.post-list .row{margin-bottom: 20px;}

h2 {
    padding-bottom: 0;
}

p.kjernebudskap{ max-width: 800px; margin:0 auto; font-size: 17px; font-weight: 300; color:#333; line-height: 27px;}


/* -- Woo --*/
html a.add_to_cart_button, html .woocommerce #respond input#submit, html .woocommerce a.button, html .woocommerce button.button, html .woocommerce input.button{ 
	background: #F18606;
	border-radius: 3px;
	font-family: 'Montserrat', sans-serif!important;
	font-weight: 400;
	color:#000;
	text-transform: uppercase;
	font-size:14px;
}


.added_to_cart .wc-forward{display:none; visibility: hidden;
	
}

html a.added_to_cart.wc-forward{display:none; visibility: hidden;}



.wc-block-grid__products .wc-block-grid__product-image img,
.type-product img{
    height: auto;
    width: 100%;
}
.woocommerce ul.products, .woocommerce-page ul.products,
.woocommerce .products ul{ 
	display:flex;
	flex-wrap: wrap;
	padding: 0;
    margin: 0 -8px 16px;
    background-clip: padding-box;
}


.woocommerce ul.products, .woocommerce-page ul.products{ 
    text-align: center;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 16px solid transparent;
    list-style: none;
	align-content: red;
}

.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
	flex: 1 0 28.75%;
    max-width: 30.75%;
    margin: 1%;
    padding-top: 8px;
    -webkit-box-shadow: 0px 0px 42px -2px rgb(0 0 0 / 15%);
    box-shadow: 0px 0px 42px -2px rgb(0 0 0 / 15%);	

}


.woocommerce .products ul li, .woocommerce ul.products li{ 
    background: #fff;
}


.woocommerce .products ul li, .woocommerce ul.products li{ 
    margin: 1%;
	padding-top: 8px;
	-webkit-box-shadow: 0px 0px 42px -2px rgb(0 0 0 / 15%);
    box-shadow: 0px 0px 42px -2px rgb(0 0 0 /15%);
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product,
.wc-block-grid.has-4-columns .wc-block-grid__product, 
.wc-block-grid.has-4-columns .type-product{
    flex: 1 0 25%;
    max-width: 23%;
    margin: 1%;
	margin-bottom: 10px;
	padding-top: 8px;
	padding-bottom: 40px;
	-webkit-box-shadow: 0px 0px 42px -2px rgb(0 0 0 / 15%)!important;
    box-shadow: 0px 0px 42px -2px rgb(0 0 0 /15%)!important;
	
	text-align: center;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 16px solid transparent;
    list-style: none;
	
}

.woocommerce ul.products li.product .button {
    bottom: 0px;
	position: absolute;
  	left: 50%;
  	margin-left: -30%;
	width:60%;
}


div.forsideprodukter{ padding: 1px 20px; }

/*a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart.added{ margin-right:5px; }*/


/* Fjerner kategorier fra template på butikkens hovedside*/
.post-type-archive #main > div > ul.products{ visibility: hidden; display:none;}
.search-results #main > div > ul.products{ visibility: visible; display: block;}

.woocommerce-products-header{margin-bottom:40px;}

div.wc-block-grid__product-price.price > span,
.woocommerce ul.products li.product .price {
    color: #77a464 /*#f58223*/;
    display: block;
    font-weight: 600;
    margin-bottom: .5em;
    font-size: 18px;
}



/* # WooCommerce Cart Icon CSS with FontAwesome 5
---------------------------------------------------------------------------------------------------- */

/* first remove the add to cart link in list items*/
.woocommerce a.added_to_cart {
    display: none;
}


/*.cart-contents-container{
width: 60px; height:60px; border-radius: 30px; position: fixed; z-index: 999; bottom: 20px; right: 30px; background: #efefef; 
box-shadow: -1px 3px 16px -1px rgba(0,0,0,0.25);
-webkit-box-shadow: -1px 3px 16px -1px rgba(0,0,0,0.25);
-moz-box-shadow: -1px 3px 16px -1px rgba(0,0,0,0.25);
}*/

body.woocommerce-cart #footer-widget,
body.woocommerce-cart #colophon{display:none;}
body.woocommerce-cart .cart-contents.show-cart{display:none;}
.cart-contents.show-cart{ /*visibility: visible;*/right: 30px; }
.cart-contents.hide-cart{ /*visibility: hidden;*/ transition: all 1s ease-in-out; right: -100px; }


.cart-contents {
    /*position: relative;*/
    /*display: flex !important;
    flex-flow: column nowrap;
    justify-content: center;*/
	
	width: 60px; height:60px; border-radius: 30px; position: fixed; z-index: 999; bottom: 20px; /*right: 30px;*/ background: #efefef; 
	-moz-box-shadow: -1px 3px 16px -1px rgba(0,0,0,0.25);
	-webkit-box-shadow: -1px 3px 16px -1px rgba(0,0,0,0.25);
	box-shadow: -1px 3px 16px -1px rgba(0,0,0,0.25);
	
}

.cart-contents:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;	
    content: "\f07a" !important;
    font-size: 30px;
    color: #000;
	display: block;
	margin:7px 12px;
}
@media only screen and (max-width:992px) {
	.cart-contents:before {
		margin:20px 10px!important;
	}
}

.cart-contents:hover {
    text-decoration: none;
}

.cart-contents-count {
	/*position: absolute;
    	top: 15px;
   	right: 1px;*/
   	transform: translateY(-105%) translateX(25%);
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 22px;
	height: 22px;
   	width: 22px;
	vertical-align: middle;
	text-align: center;
	color: #000;
    background: #F18606;
    border-radius: 50%;
    padding: 1px; 
	position: absolute;
	top:22px;
	left:32px;
}



/*
.woocommerce-page #secondary{ float: left; width:25%;}
.woocommerce-page #primary{ float: right; width:75%;}
*/


div.read-all a{
	background: url(img/readmore-arrow.png);
    background-image: url(img/readmore-arrow.svg), none;
    background-repeat: no-repeat;
    padding: 7px 0 0 50px;
    height: 40px;
    background-size: 39px;
    margin-left: 15px;
    display: block;
    color: #333;
    text-decoration: underline;
	transition: all 0.4s ease;
}
div.read-all a:hover{
	background: url(img/readmore-arrow-hover.png);
    background-image: url(img/readmore-arrow-hover.svg), none;
    background-repeat: no-repeat;
    color: #F18606;
}


/* Woocommerce Checkout */
.woocommerce-input-wrapper{width:100%;}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    line-height: normal;
    max-width: 375px;	
}
span.select2-container{max-width:375px;}


/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/

@media only screen and (max-width:767px) {

.wc-block-grid.has-4-columns .wc-block-grid__product, .wc-block-grid.has-4-columns .wc-block-grid__product,
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product,
.wc-block-grid.has-4-columns .wc-block-grid__product, 
.wc-block-grid.has-4-columns .type-product	
	{
    flex: 1 0 46%;
    max-width: 46%;
    margin: 2%!important;
	padding-top: 8px;
	}	
}


@media only screen and (max-width:420px) {

.wc-block-grid.has-4-columns .wc-block-grid__product, .wc-block-grid.has-4-columns .wc-block-grid__product,
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product,
.wc-block-grid.has-4-columns .wc-block-grid__product, 
.wc-block-grid.has-4-columns .type-product	
	{
    flex: 1 0 98%;
    max-width: 98%;
    margin: 2%!important;
	padding-top: 8px;
	}	
	.woocommerce ul.products li.product a img {
		width: 50%;
		height: auto;
		display: block;
		margin: 0 25% 0 25%;
		box-shadow: none;
	}	
	#main > div > header > div > div.wc-block-grid.wp-block-product-best-sellers.wc-block-product-best-sellers.has-4-columns > ul > li > a > div.wc-block-grid__product-image > img
	#main > div > header > div > div.wp-block-columns.fremhevet-kategori-liste > div > div > div > figure{
		width: 50%;
		height: auto;
		display: block;
		margin: 0 25% 0 25%;
		box-shadow: none;
	}
	#main > div > header > div > div.wp-block-columns.fremhevet-kategori-liste > div > div > div > h2{
		display: block;
		width: 100%;
		background-color: #efefef;
		padding: 10px 20px;
	}
	
	#main > div > header > div > div.wp-block-columns.fremhevet-kategori-liste > div > div{
		margin-bottom: 0;
	}
	

}



/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#footer-widget{ 
	background: #333;
	color:#fff;
	padding:20px;
	min-height: 300px;
	margin-top: 50px!important;
}

#footer-widget p,
#footer-widget h3{ 
	color:#eee!important;
}

#footer-widget a{ text-decoration: underline; }


div.menu-bunnmeny-container{
	margin-top:20px;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  clear: both;
  color: #24292e;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 20px;
}
h1 {
  font-size: 32px;
  padding-bottom: 10px;
  font-family: 'Montserrat', sans-serif;
}
h2 {
  font-size: 18px;
  padding-bottom: 0;
  line-height: 1.25;
  font-family: 'Montserrat', sans-serif;
}
h3 {
  font-size: 18px;
  line-height: 25px;
  font-family: 'Montserrat', sans-serif;
}
h4 {
  font-size: 16px;
  line-height: 20px;
}
h5 {
  font-size: 14px;
  line-height: 17.5px;
}

p {
  margin-bottom: 1.5em;
}
h1.entry-title {
  font-size: 46px;
  /*border-bottom: 1px solid #eaecef;*/
padding-bottom:0px;
}
h1.product_title.entry-title {
  font-size: 30px;
  padding-bottom:0px;
}

h2.entry-title {
  border-bottom: 1px solid #eaecef;
}
h3.widget-title {
  font-size: 1.2rem;
}

@media (max-width: 768px){
	p{font-size:13px;}
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
header#masthead {
  margin-bottom: 0;
  background-color: #333;
border-bottom: 9px solid #F18606;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1);
  padding: .74rem 1rem;
}

.navbar-brand > a {
  font-size: 1.1rem;
  outline: medium none;
  text-decoration: none;
  color:#fff;
  font-weight: 700;
}

.navbar-brand > a img { height: 84px; }


.navbar-brand > a:visited, .navbar-brand > a:hover {
  text-decoration: none;
}

#page-sub-header {
  position: relative;
  padding-top: 5rem;
  padding-bottom: 0;
  text-align: center;
  font-size: 1.25rem;
  background-size: cover !important;
}

body:not(.theme-preset-active) #page-sub-header h1 {
  line-height: 1.6;
  font-size: 4rem;
  color: #563e7c;
  margin: 0 0 1rem;
  border: 0;
  padding: 0;
}

#page-sub-header p {
  margin-bottom: 0;
  line-height: 1.4;
  font-size: 1.25rem;
  font-weight: 300;
}
body:not(.theme-preset-active) #page-sub-header p {
color: #212529;
}
a.page-scroller {
  color: #333;
  font-size: 2.6rem;
  display: inline-block;
  margin-top: 2rem;
}

@media screen and (max-width: 768px) {
	li.lang-item a img{ 
		width: 20px!important; height: auto!important;
	}
}


@media screen and (min-width: 768px) {
  body:not(.theme-preset-active) #page-sub-header h1 {
    font-size: 3.750rem;
  }
  body:not(.theme-preset-active) #page-sub-header {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 992px) {
  #page-sub-header p {
    max-width: 43rem;
    margin: 0 auto;
  }
}

@media screen and (max-width: 992px) {
	h1.product_title.entry-title {
		font-size: 20px;
	}
	section#primary {
    padding-left: 0;
    padding-right: 0;
	}
	.entry-meta {
    font-size: 13px!important;
	}
	p {
    font-size: 13px;
    line-height: 140%;
	}
	body {
    font-size: 13px;
    line-height: 140%;
 	}
	.widget {
    font-size: 13px!important;
	}
	h3.widget-title {
    font-size: 20px!important;
	}
	
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: right;
}
  .navbar-toggler .navbar-toggler-icon {
     background-image: url(img/hamburger-white.svg)!important;
	 transition: all 0.4s ease;
  }	

  .navbar-toggler.collapsed .navbar-toggler-icon {
     background-image: url(img/hamburger-white.svg)!important;
	 transition: all 0.4s ease;
  }	


#masthead nav {
  padding-left: 0;
  padding-right: 0;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
  color: #fff;
  padding: 0.5rem;
  font-weight: 500;
  font-size: 0.875rem;
}
#masthead .navbar-nav > li a{
 	display: inline-block; 
	padding: 0 10px;
	margin: 0 10px;
	border-bottom: 1px solid;
 	border-bottom-color: rgba(241, 134, 6, 0);
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover,
#masthead li.current-menu-item a, 
#masthead li.current-kildekategori-ancestor a{
 border-bottom: 1px solid;
 border-bottom-color: rgba(241, 134, 6, 1)!important;
 transition: all 0.6s ease;
}

.kildekategori-item{ margin-bottom:10px; }

.kildekategori-item h3{
	margin-top:10px;
	margin-bottom:0;	
}
@media only screen and (max-width:999px) {
	.kildekategori-item {
    	min-width: 33%!important;
	}	
}

@media only screen and (max-width:768px) {
	.kildekategori-item {
    	min-width: 50%!important;
	}	
	
}

/*kildekategori hover-effect*/
@media (min-width: 576px){
#main > div.row > div.kildekategori-item {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 23%;
    margin: 1%;
}
}
div.kildekategori-item{ padding:3px; border:1px none;  box-shadow: 0px 0px 42px -2px rgb(0 0 0 /15%)!important; position: relative;}
/*div.kildekategori-item a{height:100%; width:100%; display:block; } */
div.kildekategori-item img{margin:1px;}
div.kildekategori-item p{padding:0 8px; max-height: 30px!important; overflow: hidden;}
div.kildekategori-item h3{padding:0 8px; text-align: center;}
div.kildekategori-item:hover{ 
	z-index: 999; box-shadow: 0px 0px 22px -2px rgb(0 0 0 /60%)!important;
	
}
div.kildekategori-item{
	transition-timing-function: ease;
	transition-duration: 300ms;
}






.kildekategori-item p{
	margin-top:0;	
}


/* Kildekategori breadcrumbs */
.navxt-breadcrumb {
    margin: 20px 0 1em;
    padding: 0;
    font-size: .92em;
    color: #767676;
}



.navbar-brand {
  height: auto;
}

.mobile-logo{display:none;}
@media only screen and (max-width:768px) {
	.mobile-logo{
		display:block;	 
	}
	.desktop-logo{
		display:none;	 
	}
}

.navbar-toggle .icon-bar {
  background: #000 none repeat scroll 0 0;
}

.dropdown-menu .dropdown-toggle::after {
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  border-top: 0.3em solid transparent;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children {
    position: relative;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>.dropdown-menu {
    display: block;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>a:after {
    border-left-color: #fff;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left {
    float: none;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

#main-nav-mobile{
	background-color:#eee;
	
}


/* mobile menu */

#main-nav-mobile .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
    color: #222;
    font-size: 14px;
    background: #efefef;
    border-bottom: 1px solid #fff;
    padding: 15px;
}

#main-nav-mobile .navbar-nav .nav-link:focus {
    background: #fafafa;
}


/* Small menu. */

/* override bootstrap treshold*/
@media (min-width: 1000px){
	html .navbar-expand-xl .navbar-collapse {
		display: -ms-flexbox!important;
		display: flex!important;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
	}
}
	.navbar-expand-xl .navbar-toggler {
    	display: none;
	}	
	
	
	html .navbar-expand-xl .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
	
}

.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

.dropdown-item {
  line-height: 1.2;
  padding-bottom: 0.313rem;
  padding-top: 0.313rem;
}

.dropdown-menu {
  min-width: 12.500rem;
}

.dropdown .open .dropdown-menu {
  display: block;
  left: 12.250em;
  top: 0;
}

.dropdown-menu .dropdown-item {
  white-space: normal;
  background: transparent;
  line-height: 1.6;
}
.dropdown-menu .dropdown-item:hover {
  background: transparent;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .dropdown-menu li > .dropdown-menu {
    right: -9.875rem;
    top: 1.375rem;
  }
}
@media screen and (max-width: 999px) {
	.navbar-brand {
		flex:3;	
	}
  .navbar-nav .dropdown-menu {
    border: medium none;
    margin-left: 1.250rem;
    padding: 0;
  }

  .dropdown-menu li a {
    padding: 0;
  }

  #masthead .navbar-nav > li > a {
    padding-bottom: 0.625rem;
    padding-top: 0.313rem;
  }

  .navbar-light .navbar-toggler {
    border: medium none;
    outline: none;
	 display:flex;

}

	
  /* html .navbar-light .navbar-toggler-icon {
	border: medium none;
    outline: none;
    background-image: url(img/menu-with-label.svg)!important;
	background-repeat: no-repeat;
	width: 60px;
    height: 15px;
    display: block;
   
  } */
  

	
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 49%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 49%;
}
.comment-content.card-block {
  padding: 20px;
}

.navigation.post-navigation {
  padding-top: 1.875rem;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  border: 1px solid #ddd;
  border-radius: 0.938rem;
  display: inline-block;
  padding: 0.313rem 0.875rem;
  text-decoration: none;
}

.post-navigation .nav-next a::after {
  content: " \2192";
}

.post-navigation .nav-previous a::before {
  content: "\2190 ";
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background: #eee none repeat scroll 0 0;
}

/*
.navbar-light .navbar-toggler-icon {
    background-image: url(data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='#fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e)!important;
}*/



/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 0.313rem;
  line-height: normal;
  padding: 0.938rem 1.438rem 0.875rem;
  text-decoration: none;
  top: 0.313rem;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a img.alignright {
  float: right;
  margin: 0.313rem 0 1.25rem 1.25rem;
}

a img.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.alignleft {
  float: left;
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignleft {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignright {
  margin: 0.313rem 0 1.25rem 1.25rem;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/



/* top section (language switcher) */
.top-section{ display: block; position: absolute; right: 20px; z-index: 999}
.top-section li.lang-item{ list-style-type: none; float: left; margin-left:20px;}



.widget {
  margin: 0 0 1.5em;
  font-size: 14px;
  /* Make sure select elements fit in widgets. */
}
.widget select {
      max-width: 100%;
    width: 100%;
    padding: 8px;
    border: 1px solid #bebebe;
    border-radius: 3px;
}

.widget_search .search-form input[type="submit"] {
  display: none;
}

.nav > li > a:focus,
.nav > li > a:hover {
  background-color: #eee;
  text-decoration: none;
}
.half-rule {
  width: 6rem;
  margin: 2.5rem 0;
}
.widget_categories .nav-link {
  display: inline-block;
}

.search-section-area{
	background-color: #F9F9F9;
	padding: 10px;
}

.search-section-area .form-control {
    border-radius: 4px 0 0 4px;
}


@media screen and (max-width: 577px) {
	
	/* tittelen "hvor vil du søke".. */
	#page > div.search-section-area > div.search-options > label:nth-child(1){
	width:100%!important;
	}
	
	
}


.search-options label{
	width: auto!important;
}

.search-section-area .search-options{
	display: flex;
    justify-content: flex-start;
    flex-direction: row;
	max-width: 600px;
	margin: 0 auto;
	flex-wrap: wrap;
}

.search-options label{ 
	margin-right: 10px;
	display: flex;
	flex-basis: auto!important;
	width: auto;
}

.search-section-area form{
	width: 100%;
    max-width: 600px;
    margin: 0 auto;
	display:flex;
}


/*.search-section-area .search-submit{
	background: #000;
    border: 1px solid;
    border-radius: 70px;
    width: 45px;
    height: 45px;
	-webkit-box-shadow: 0px 0px 6px -2px rgba(0,0,0,0.35); 
	box-shadow: 0px 0px 6px -2px rgba(0,0,0,0.35);
}*/


form.search-form{
	display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.search-section-area input.form-control, form #transl1, #masthead_search{
    height: 42px;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #BEBEBE;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.search-form .search-submit, #searchsubmit{
	display: flex;
    flex-basis: 50px;
    background: #F18606;
    color: #fff;
	border:0px;
	padding: 0 10px;
    border-radius: 0 4px 4px 0;
	height: 42px;
}

#searchform p{
	display:flex;
	margin-bottom: .5rem;
}


/* Nettsted søk */
.search-section-area label{
	display: flex;
    width: 100%;
    flex-basis: auto;
}

.search-section-area label input{
/*    border-bottom-left-radius: 4px!important;
	border-top-left-radius: 4px!important;
	border-bottom-right-radius: 0!important;
	border-top-right-radius: 0!important;
	border-right: 0px!important;
*/
}


/* Koha widget søkefelt */
form #transl1{
	display: flex;
	flex-grow:1;
}
/* Koha widget søk-etter-dropdown */
#masthead_search{
	width:120px;
	border-left:none;
	padding-right: 10px;
	
}


/* AWS Woocommerce søk */

.aws-container .aws-search-form {
    height: 42px;
}

.aws-container .aws-search-form *, .aws-search-result {
    border-radius: 4px!important;
}
.aws-container .aws-search-field {
    color: #495057;
    padding: .375rem .75rem;
    font-size: 1rem;
    margin: 0 !important;
    border: 1px solid #BEBEBE;
	height:42px!important;
}

div.aws-container{
	margin-bottom: .5rem!important;
}


.btn-search{
    background-color:transparent;
	border: none;
	background-image: url(img/search.svg), none;
    background-repeat: no-repeat;
    height: 25px;
	width:30px;
	margin-left:20px;
    background-size: 25px;
	outline: none!important;
    display: inline-flex;
 	transition: all 0.4s ease;
}
.btn-search:hover{
	opacity: 0.8;
}
.btn-search::after {
    /*content: "søk";
    color: #fff;
    font-size: 12px;
    padding-left: 30px;
    margin-top: -9px;
    position: absolute;
    display: block;
	transition: all 0.4s ease;
	opacity: 0;*/
}

.btn-search:hover::after {
	opacity: 0.8;
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Sections
--------------------------------------------------------------*/
/* Event list section */
.grey{ background: #f6f6f6;}
.outline-section{ 
	width: 100%; 
	padding:20px;
}
.event-list img{ width:100%; }

.event-list h4 a{ color: #333; font-size: 1.2em; line-height: 130%; margin-bottom: 0px; padding:0; display:block; overflow: hidden;}

#ect-grid-wrapper .ect-load-more a.ect-load-more-btn:hover {
    color: #000!important;
	-webkit-box-shadow: 0px 0px 42px -2px rgb(0 0 0 / 15%)!important;
    box-shadow: 0px 0px 42px -2px rgb(0 0 0 /15%)!important;
	transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}
#ect-grid-wrapper .ect-load-more a.ect-load-more-btn {
    display: inline-block;
	color: #333;
    padding: 10px 20px;
    background-color: #ddd;
    font-size: 16px;
    text-align: center;
    z-index: 2;
    text-decoration: none;
}



/* Product list section */


.list-padding{
	padding:20px 0 20px 0;	
}

li.product{ list-style:none;}

li.product img{ width: 100%; }


/*--------------------------------------------------------------
## 3d flipbook
--------------------------------------------------------------*/
html .fb3d-thumbnail-lightbox-mode .book-heading h3, html  .fb3d-thumbnail-mode .book-heading h3 {
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    margin: 0;
    padding: 10px;
    font-weight: normal;
    font-size: 14px;
    line-height: 120%;
    color: #fff;
    text-decoration: none;
    z-index: 1;
    background: rgba(33, 37, 41, 0.9);
    bottom: 0;
    transition: bottom .3s ease .2s;
}


html .fb3d-thumbnail-lightbox-mode .book-heading h3 a {
    font-family: 'Montserrat';
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    text-decoration: none;
}

html ._3d-flip-book:hover .book-thumbnail img {
    transform: rotateY(0deg);
}

html ._3d-flip-book .book-thumbnail {
    box-shadow: 0 0 5px rgb(0 0 0 / 30%);
}
html ._3d-flip-book:hover .book-thumbnail {
    box-shadow: 0 0 20px rgb(0 0 0 / 30%);
}


article.kildekategori table{     
	display: grid;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}
/*article.kildekategori tr{     
	display: inline-grid;
}
article.kildekategori td{     
	display: inline-grid;
	margin:10px;
}*/
article.kildekategori tbody{
	display:flex;	
	flex-direction: row;
	flex-wrap: wrap;
	padding-left: 10px;
}
article.kildekategori tbody tr{
	display:contents;	
}
article.kildekategori tbody td{
	display:flex;	
	width: 232px;
	margin-bottom: 20px;
}
@media only screen and (max-width: 510px) {
		article.kildekategori tbody td {
		display: flex;
		width: 46%;
		margin-bottom: 20px;
		margin-right: 4%;
	}
	
	div.kildekategori-item{ text-align: center;
	}
}


/*--------------------------------------------------------------
## Events list page
--------------------------------------------------------------*/

.tribe-common .tribe-common-c-btn, .tribe-common a.tribe-common-c-btn {
    background-color: #F18606;
	color: #141827;
}
.tribe-common .tribe-common-c-btn:focus, .tribe-common .tribe-common-c-btn:hover, .tribe-common a.tribe-common-c-btn:focus, .tribe-common a.tribe-common-c-btn:hover {
    background: #F99723;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}


.tribe-events .tribe-events-c-ical__link {
    align-items: center;
    background-color: #fff;
    border: 1px solid #F18606;
    border-radius: 4px;
    color: #F18606;
    font-weight: 700;
}
.tribe-common .tribe-common-c-svgicon {
    color: #F18606;
}

.tribe-events .tribe-events-c-ical__link:active, .tribe-events .tribe-events-c-ical__link:focus, .tribe-events .tribe-events-c-ical__link:hover {
    color: #fff;
    background-color: #F18606;
}


.tribe-events .datepicker .day.active, .tribe-events .datepicker .day.active.focused, .tribe-events .datepicker .day.active:focus, .tribe-events .datepicker .day.active:hover, .tribe-events .datepicker .month.active, .tribe-events .datepicker .month.active.focused, .tribe-events .datepicker .month.active:focus, .tribe-events .datepicker .month.active:hover, .tribe-events .datepicker .year.active, .tribe-events .datepicker .year.active.focused, .tribe-events .datepicker .year.active:focus, .tribe-events .datepicker .year.active:hover {
    color: #141827;
    background: #F18606;
    text-shadow: none;
}

.tribe-events .datepicker .day.current, .tribe-events .datepicker .day.current.focused, .tribe-events .datepicker .day.current:focus, .tribe-events .datepicker .day.current:hover, .tribe-events .datepicker .month.current, .tribe-events .datepicker .month.current.focused, .tribe-events .datepicker .month.current:focus, .tribe-events .datepicker .month.current:hover, .tribe-events .datepicker .year.current, .tribe-events .datepicker .year.current.focused, .tribe-events .datepicker .year.current:focus, .tribe-events .datepicker .year.current:hover {
    background: #DD7800; /*orange dark*/
}

.tribe-events-cal-links .tribe-events-gcal, .tribe-events-cal-links .tribe-events-ical {
    background: svg-inline(cal-export) 0/24px no-repeat;
    color: #DD7800; /*orange dark*/
    font-size: 14px;
    font-weight: 400;
    line-height: 1.62;
    text-decoration: none;
}

.tribe-events-event-meta a, .tribe-events-event-meta a:visited {
    color: #DD7800; /*orange dark*/
}

.tribe-events-event-meta {
    color: #141827;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}

div.ect-no-events{text-align: center;}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#content.site-content {
  /*padding-bottom: 3.75rem;
  padding-top: 4.125rem;*/
  padding-bottom: 0;
  padding-top: 0;
}

.sticky .entry-title::before {
  content: '\f08d';
  font-family: "Font Awesome\ 5 Free";
  font-size: 1.563rem;
  left: -2.5rem;
  position: absolute;
  top: 0.375rem;
  font-weight: 900;
}

.sticky .entry-title {
  position: relative;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
  margin-top: 0;
}

.post.hentry {
  margin-bottom: 4rem;
  margin-top: 24px;
}

.posted-on, .byline, .comments-link {
  color: #9a9a9a;
}

.entry-title > a {
  color: inherit;
}


.entry-meta{font-size:14px;}
.article-list article .entry-meta{ border-bottom: 1px solid #eaecef; margin-bottom: 20px;}
.article-list article img{ width:100%}

.article-list .listbox{
	box-sizing: border-box;
  	border: 3px solid transparent;
  	background-clip:padding-box;
}



/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comment-body .pull-left {
  padding-right: 0.625rem;
}

.comment-list .comment {
  display: block;
}

.comment-list {
  padding-left: 0;
}

.comments-title {
  font-size: 1.125rem;
}

.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}

.comment-list .pingback:first-child {
  border: medium none;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 0.313rem 0.313rem 0;
  text-align: center;
}
.wp-caption img[class*="wp-image-"] {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}
.wp-caption .wp-caption-text {
  font-size: 0.688rem;
  line-height: 1.063rem;
  margin: 0;
  padding: 0.625rem;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-item .gallery-columns-2 {
  max-width: 50%;
}
.gallery-item .gallery-columns-3 {
  max-width: 33.33333%;
}
.gallery-item .gallery-columns-4 {
  max-width: 25%;
}
.gallery-item .gallery-columns-5 {
  max-width: 20%;
}
.gallery-item .gallery-columns-6 {
  max-width: 16.66667%;
}
.gallery-item .gallery-columns-7 {
  max-width: 14.28571%;
}
.gallery-item .gallery-columns-8 {
  max-width: 12.5%;
}
.gallery-item .gallery-columns-9 {
  max-width: 11.11111%;
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugin Compatibility
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Woocommerce
--------------------------------------------------------------*/

.woocommerce .woocommerce-breadcrumb {
    margin: 20px 0 1em;
    padding: 0;
    font-size: .92em;
    color: #767676;
}
@media screen and (max-width: 577px) {
	.woocommerce .woocommerce-breadcrumb {
    margin: 20px 0 1em;
    padding: 8px;
    font-size: 16px;
    color: #767676;
	}		
}

.woocommerce-cart-form .shop_table .coupon .input-text {
  width: 8.313rem !important;
}

.variations_form .variations .value > select {
  margin-bottom: 0.625rem;
}

.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
  max-width: 100%;
}


.wc-block-grid__product .wc-block-grid__product-title {
    margin: 0 0 12px;
	text-decoration: none;
	font-size:20px;
	font-weight: 600;
	color: #333;
}

.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
    word-break: break-word;
    white-space: normal;
    margin: 0 auto!important;
    display: inline-flex;
    justify-content: center;
    text-align: center;
    padding: .5em 2em;
    font-size: 1em;
    min-width: 90px;
}

@media screen and (max-width: 577px) {
	.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
		font-size: 18px;
	}
}


.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #F18606;
    color: #000;
    -webkit-font-smoothing: antialiased;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #c7691c;
    color: #fff;
  	transition: 0.7s;
	-webkit-box-shadow: 0px 0px 22px -2px rgba(0,0,0,0.22); 
	box-shadow: 0px 0px 42px -2px rgba(0,0,0,0.22);
}

.woocommerce .quantity .qty {
    width: 3.631em;
    text-align: center;
    height: 31px;
    margin-right: 10px;
}

.wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image), .wc-block-grid__product .wc-block-grid__product-title {
    overflow-wrap: break-word;
}

@media (max-width: 480px){
	.wc-block-grid.has-4-columns .wc-block-grid__products {
		display: flex;
	}
	.theme-twentytwenty .wc-block-grid.has-3-columns .wc-block-grid__product, .wc-block-grid.has-3-columns .wc-block-grid__product {
		flex: 1 0 50%;
		max-width: 50%;
	}	
}

@media (min-width: 901px){
	.wc-block-grid__products li:nth-child(4){ display: none; visibility: hidden; }
	.wc-block-grid.has-4-columns .wc-block-grid__product { flex: 1 0 33.3333%; max-width: 31.333%; }
}

/*--------------------------------------------------------------
## Elementor
--------------------------------------------------------------*/
.elementor-page article .entry-footer {
  display: none;
}

.elementor-page.page-template-fullwidth #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.elementor-page .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
## Visual Composer
--------------------------------------------------------------*/
.vc_desktop article .entry-footer {
  display: none;
}

.vc_desktop #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.vc_desktop .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer#colophon {
  font-size: 85%;
}
body:not(.theme-preset-active) footer#colophon {
  color: #99979c;
  background-color: #f7f7f7;
}
.navbar-dark .site-info {
  color: #fff;
}
.copyright {
  font-size: 0.875rem;
  margin-bottom: 0;
  text-align: center;
}

.copyright a, footer#colophon a {
  color: inherit;
}

@media screen and (max-width: 767px) {
  #masthead .navbar-nav > li > a {
    padding-bottom: 0.938rem;
    padding-top: 0.938rem;
  }
}
/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/

@media only screen and (max-width: 1060px) {

	.entry-content .alignwide {
    	margin-left: -30px;
    	margin-right: -30px;
	}
	
}


/*--------------------------------------------------------------
## Mobile
--------------------------------------------------------------*/
@media only screen and (max-width: 575px) {
	div.toppbanner-block {
    	margin: 2%!important;
	}
	
	div.toppbanner-block {
		width: 96%!important;
		min-height: 400px;
	}
	body.home .entry-content{
    margin: 0!important;
}
	
}


/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
  html {
    font-size: 95%;
  }
}

@media screen and (max-width: 1199px) {
  .navbar-dark .dropdown-item {
    color: #fff;
  }
  .navbar-nav .dropdown-menu {
    background: transparent;
    box-shadow: none;
    border: none;
  }
}
/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
  html {
    font-size: 90%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  html {
    font-size: 85%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  html {
    font-size: 80%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
  html {
    font-size: 75%;
  }
}