/*!
Theme Name: WP Bootstrap 4 - CHILD THEME
Theme URI: https://bootstrap-wp.com
Author: Kristoffer Sandven
Author URI:
Description: Child theme for Loe.
Version: 1.0.0
Template: wp-bootstrap-4
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@700&family=Open+Sans:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;1,200&display=swap');
@import "shame.css";

#content {
	padding-top: 90px;
}

.container .row {
	background-color:#fff;
	padding: 0 20px;
}

.navbar.bg-dark {
	background-color:#284c8a !important;
}

.navbar-light .navbar-nav .nav-link {
	color:#000;
	font-size: 0.9rem;
	opacity: 1;
	padding: 0.5rem 0.6rem !important;
	font-size: 0.8rem;
}

.post-thumbnail {
	margin-top:0;
}

#primary-menu-wrap li.active a.nav-link {
	color:#284c8a;
}

form.woocommerce-product-search input {
        margin-left:1rem;
}

.woocommerce-page .product_table table tr {
	font-size:14px;
}

.woocommerce-page .product_table table tr:first-of-type,
.woocommerce-page .product_table table tr:nth-child(2) {
	font-weight:700;
}

.woocommerce-page .product_table table tr:first-of-type td {
	padding-top:1rem;
}

.woocommerce-page .product_table table td {
	padding: 2px 8px;
}

.woocommerce-page .product_table table tr:nth-child(even) {
	background-color: #f1f1f1;
}

.summary td.koowa_table__dates {
        font-weight: normal;
}

.summary a.koowa_header__title_link {
        color: #284c8a;
        font-size: 0.8rem;
        font-weight: normal;
}

h4.koowa_header {
        margin-top: 0;
}

.summary table td {
	padding:4px 2px 2px 6px;
}

.summary span.koowa_header__item.koowa_header__item--image_container {
        margin-top: 2px;
        display: block;
}

.woocommerce-loop-category__title,
.woocommerce-loop-product__title {
	font-size:1rem;
	font-family: 'Roboto Condensed', sans-serif;
}

.woocommerce-breadcrumb {
	font-size:10px;
	margin-bottom:20px;
}

.woocommerce .related ul.products li.product, .woocommerce .related ul li.product,
.woocommerce .upsells.products ul.products li.product,
.woocommerce .upsells.products ul li.product,
.woocommerce-page .related ul.products li.product,
.woocommerce-page .related ul li.product,
.woocommerce-page .upsells.products ul.products li.product,
.woocommerce-page .upsells.products ul li.product {
	width: 15% !important;
	margin-left:0.6rem;
	margin-bottom: 0;
}

section.up-sells.upsells.products ul h2 {
	margin-top:0.8rem !important;
	font-size:0.9rem;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	border-top-right-radius: 8px;
}

section.up-sells.upsells.products ul.products.columns-4 {
        padding-top: 10px;
}

.themefrontpage.leftimage {
	background-image:url(/wp-content/uploads/2020/12/teknisk-tegning-bakgrunn-hoyre.png);
	background-position: right -30px;
	background-repeat: no-repeat;
}

.themefrontpage.rightimage {
	background-image:url(/wp-content/uploads/2020/12/teknisk-tegning-bakgrunn-venstre.png);
	background-position: 0 -50px;
	background-repeat: no-repeat;
}

.themefrontpage h2 a {
	color:#000;
}

.themetext {
	margin-top:3rem;
	column-count: 2;
	column-gap: 4rem;
}

.themeimage {
	margin-top:0;
	width:100%;
	height: 500px;
	overflow: hidden;
}

.themeimage img {
		width: 100%;
		height:500px;
		object-fit: cover;
}

.mt-3r {
	margin-top: 2rem;
}

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

.frontpage-top-section {
	margin: 20px 0;
}

.frontpage-top-section .row {
	padding:0;
}

.frontpage-top-section .col {
	height: 200px;
	background-color:#ddd;
	padding-top: 150px;
	text-align:left;
}

.frontpage-top-section .col h2 {
	color:#fff;
}

.frontpage-top-section .col:nth-child(even) {
	margin:0 10px;
}


/* General styling */

body {
	/* background-color: #eee; */
	/* background-color: #284c8a; */
	font-family: 'Open Sans', sans-serif;
}


.bg-light {
    background-color: #fff !important;
}

/* Sidebar */

aside .widget ul li {
	list-style-type: none;
}

.sidebar-1-area .widget ul li {
	list-style:none;
}

.sidebar-1-area .widget > ul > li {
	border-bottom:1px solid #ddd;
	padding:5px 0;
	font-size:0.9rem;
}

.sidebar-1-area .widget ul {
	padding-left:0;
}

aside .widget ul.children {
	padding-left: 15px;
	font-size: 0.8rem;
}

li.cat-item.current-cat.cat-parent>a,
ul.children li.current-cat a {
	font-weight: bold;
	color: #284c8a !important;
}

h5.widget-title.h6 {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.1rem;
}

.sidebar-1-area .widget {
	padding:0;
}

.card { border:none; }


section#woocommerce_product_search-2 {
	margin-bottom:20px;
}

input#woocommerce-product-search-field-0 {
	width: 70%;
	float: left;
	font-size:0.7rem;
}

aside section#woocommerce_product_search-2 button {
	float: left;
	margin-left:10px;
	margin-top:3px;
	border-radius:5px;
	font-size:0.7rem;
}

aside .border-bottom,
.tag aside.card,
.category aside.card {
	border: none !important;
}

.tag aside,
.category aside {
	margin-top:5rem;
}


/* Products */

h1.woocommerce-products-header__title.page-title,
h1.product_title.entry-title,
h1.entry-title.h2,
.product_tagline,
h2, h3, h4, h5, h6 {
	/* font-family: 'Open Sans Condensed', sans-serif;
	font-family-sans-serif: 'Open Sans Condensed', sans-serif; */
	font-family: 'Montserrat', sans-serif;
}

h1, .h2 {
    font-size: 2.8rem;
}

h1.entry-title {
	font-weight: 2.8rem;
	margin-bottom: 1rem;
}

h2 {
    font-size: 2.2rem;
		margin-top:2rem;
}

h3 {
    font-size: 1.5rem;
		margin-top:1rem;
}

h4 {
    font-size: 1.25rem;
		margin-top:1rem;
}

/* Product detail page */

.tabs.wc-tabs > li.active > a,
h3.product_table_heading,
.entry-summary > h4,
section.up-sells.upsells.products > h2 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-family: 'Montserrat', sans-serif;
	font-size: 1rem;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	background-color: #284c8a;
	border-radius: 0;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	display: block;
	padding: .5rem 1rem !important;
	margin-bottom:0;
	min-width: 200px;
  width: 310px;
}

h3.product_table_heading {
	margin-bottom: 1rem;
}

.woocommerce-product-details__short-description p {
        font-size: 0.9rem;
}

.woocommerce-tabs .woocommerce-Tabs-panel {
	padding: 1rem;
}

.product_tagline {
	font-size:1.25rem;
}


#main table {
        width: 100% !important;
				margin-top:0;
				margin-bottom:1rem;
}

#main table td {
        width: initial !important;
}

/* Related documents in product detail page */

section.up-sells.upsells.products {
        border: 1px solid transparent;
        border-color: #dee2e6;
        margin-top: 4rem;
        margin-bottom: 2rem;
}

section.up-sells.upsells.products h2 {
        margin-top: -2.2rem;
}

ul.products li.product {
        margin: 0 0 4rem 0.7rem;
}

ul.products li:nth-child(3n+1).product {
        margin-left:0;
}

.k-ui-namespace .table th, .k-ui-namespace .table td {
    padding: 2px 8px !important;
}

/* Remove various elements from frontend */

.site-info,
form.woocommerce-product-search button,
.detail-label,
h2 mark.count,
a.button.product_type_simple,
.koowa_table--categories span.whitespace_preserver span,
.summary td.koowa_table__dates time,
td.koowa_table__dates.footable-visible.footable-last-column,
span.docman_download__info,
.docman_list_layout .k-checkbox-dropdown-content .form-group:nth-child(2),
#woocommerce_product_categories-2 li.cat-item-15 {
	display: none !important;
}

h2.woocommerce-loop-category__title,
h2.woocommerce-loop-product__title {
	text-align:center;
}

.single-product .summary.entry-summary .product_title.entry-title {
    font-size: 2.4rem;
}

.dropdown-menu {
	font-size:0.8rem;
}

#primary-menu-wrap li.active a.nav-link {
    font-weight: bold;
}

li.current-menu-parent a {
    font-weight: bold;
    color: #000 !important;
}

/* Lightbox product details */

.pswp__bg {
        background: #000;
				opacity: 0.3 !important;
}

img.pswp__img {
        border: 1px solid #ccc;
      /* box-shadow: 0 0 10px #ddd; */
}

.pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
	background-image: url(/wp-content/themes/wp-bootstrap-4-child/images/white-skin-photoswipe-big-arrows.png);
}

.pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
	width:40px;
	height: 40px;
}

.pswp__button--arrow--left:before {
        background-position: -131px -38px;
}

.pswp__button--arrow--right:before {
        background-position: -91px -41px;
}

.fullwidth-img {
	width:100%;
}


.avdelinger li {
	list-style-type:none;
  border-bottom: 1px solid #ddd;
}

.container .row {
	padding: 0 15px;
}

figcaption {
	margin-top:10px;
}

.ansatte figcaption em {
	font-size: 0.7em;
	font-style: normal;
	font-weight: bold;
}

.frontpagebuttons {
}

.frontpagebuttons .col-md-12 {
	margin-bottom:0.5rem;
	padding:0;
}

.frontpagebuttons .col-md-12 img {
	width:100%;
}

.frontpagebuttons .titlebox {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #fff;
	padding:4px 0
}

.frontpagebuttons .titlebox h2 {
	margin:0;
}

.frontpagebuttons .titlebox a {
	color:#284c8a;
	font-size: 1.75rem;
	display: block;
	text-align: center;
	text-transform: uppercase;
}

.entry {
	color:#fff;
	background-color: #284c8a;
	min-height:500px;
}

.entry h3 a {
	font-size:1.3rem;
	color:#fff;
}

.entry p {
	color:#fff;
	font-size: 0.8rem;
}

.home .container,
.home .container .row {
	padding-left:0;
	padding-right:0;
}

.home .container .row {
	background-color:transparent;
}

.home .news .post-thumbnail,
.home .projects .post-thumbnail,
.tag .news .post-thumbnail,
.category .news .post-thumbnail {
	margin-top:0;
	overflow:hidden;
}

.home .entry .post-thumbnail img,
.tag .entry .post-thumbnail img,
.category .entry .post-thumbnail img {
		object-fit: cover;
		height: 200px;
}

#content {
	background-color:#fff;
}

.carousel-caption div {
	padding: 0 50px;
}

.carousel-caption h5 {
  font-size: 40px;
}

.carousel-caption p {
  font-size: 20px;
}

.topbox.blue {
	background-color:#284c8a;
}

#wp-bp-posts-slider .carousel-item img {
	height:600px;
}

img.pswp__img {
	border: 4px solid #fff;
}

blockquote {
	font-family: 'Montserrat', sans-serif;
	border: none;
	padding: 0.5rem 1.75rem;
	background: transparent;
}

.bg-tan,
.bg-tan .card {
	background-color: #f4f2f0;
}


#wp-bp-posts-slider .carousel-caption {
	background: rgba(0, 0, 0, 0.3);
}


.tag .card,
.category .card {
	border:1px solid #ddd;
}

.tag .card img,
.category .card img {
	object-fit: cover;
	height:200px;
}

.tag .card .card-title a,
.category .card .card-title a {
	color:#000;
	font-size:1.3rem;
}

.tag .card h2.card-title,
.category .card h2.card-title {
	line-height: 1.4rem;
	margin-top:0;
}

.tag .card .card-body,
.category .card .card-body,
.tag .card .card-text,
.category .card .card-text {
	font-size:0.8rem;
}

.tagtitle {
	font-size:2rem;
}

.fullwidth {
  width: 100vw;
  position: relative;
	overflow: hidden;
  left: calc(-1 * (100vw - 100%) / 2);
	margin:20px 0;
}

.fullwidth img {
	width:100%;
}

.h400 {
	height:400px;
}

.h400 img {
	margin-top:-200px;
}

.h500 {
	height:500px;
}

.h500 img {
	margin-top:-150px;
}

.h600 {
	height:600px;
}

.h600 img {
	margin-top:-100px;
}

small, .small {
	font-size:70%;
}

.site-footer {
	background-color:#284c8a;
}

.site-footer,
.site-footer a {
	color:#fff !important;
}

.site-footer .container .row {
	background-color: transparent;
}

ul#menu-stikkordsmeny .navbar-search,
.site-footer .navbar-search {
	display:none;
}

.site-footer .bi {
	width: 32px;
	color:#fff !important;
}

ul#menu-stikkordsmeny {
	border-top:1px solid #eee;
	margin-left:0;
	padding-left:0;
	margin:0 0 2rem 0;
}

ul#menu-stikkordsmeny li {
	border-bottom:1px solid #eee;
	padding:2px;
	list-style-type: none;
}

ul#menu-stikkordsmeny li a {
	font-size:0.9rem;
	color:#6c757d;
}

.navbar-toggler {
	background-color: transparent;
}

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

	.container,
	.container .row {
		padding-left:0;
		padding-right:0;
	}

	.entry {
		min-height:auto;
	}
}

@media only screen
  and (min-device-width: 768px)  {
	.page-template-full-width .featuredimage,
	.single-post .post-thumbnail {
		margin-top:0;
		width:100%;
		height: 500px;
		overflow: hidden;
	}

	.page-template-full-width .featuredimage img,
	.single-post .post-thumbnail img {
		margin-top:-50px;
		width:100%;
	}

}


@media (pointer:coarse) {

h1, .h2 {
	font-size: 1.8rem;
}

	.themetext {
		column-count: 1;
	}

	#wp-bp-posts-slider { display: none; }
}
