/*
Theme Name: Divi Child
Description: Child theme of Divi
Version: 1.0
Author: Katrine Kolnes
Author URI: http://www.100uga.no
Template: Divi
*/

@import url("../Divi/style.css");


/* GENERELT --------------------------------------- */

#top-menu li.current-menu-item > a {
	color: #000;
}
.related.products {
	clear:both;
}

h1, h2, h3 {
	text-transform: uppercase;
  	color: #000;
}

.footer-widget h4 {
	text-transform: uppercase;
  	color: #fff !important;  
}

#customblog .et_pb_column.et_pb_column_1_4 {
	width: 100%;
}

#customblog .et_pb_blog_grid .et_pb_post {
	float: left;
	margin-right: 1%;
	max-width: 19%;
	margin-bottom: 10px;
}

#customblog .et_pb_blog_grid .et_pb_post:nth-child(5n+1) {
	clear: both !important;
}

/* Fjerner handlevogn ikon i meny */

.et-cart-info {
 	display: none; 
}



/* BREADCRUMBS ------------------------------------- */

.bread_bg{
    background-color: #000;
}

.breadcrumbs {
   	width: 80%;
	max-width: 1080px;
	margin: auto; 
  	color: #fff;
 	font-weight: 600;
	font-size: 0.9em;
}



/* FORSIDE ----------------------------------------- */

.kampanjer > .et_pb_row {
	width: 100% !important;
	max-width: 100% !important;
}

.kampanjer > .et_pb_row > .et_pb_column > .et_pb_text > .insert-page > .insert-page-title{
	display: none;
}


#ME_top_tittel {
	width: 40%;	
}

#ME_tittel_h1 {
	font-size: 48px;
	font-weight: 500;
	hyphens: manual;
}

#ME_tittel_h3 {
	font-size: 35px;
	font-weight: 100;
}

#ME_KM, #ME_KU, #ME_KA, #ME_CR {
  	width: 15.1% !important;
	margin-right: 1.5% !important;
}

#ME_knapper {
 	width: 100%;
	margin-right: 0px;
    height: 210px;
	padding: 43px 20px 0px 20px;
	color: #ffffff !important;
	background: rgba(2,2,2,0.74);
	border-width: 0px !important;
	border-radius: 0px;
	letter-spacing: 0px;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px !important;
	
	-webkit-hyphens: manual;
	 hyphens: manual;
    -ms-hyphens: manual;
    -moz-hyphens: manual;
}

#ME_knapper a {
	font-weight: 600;
}

#ME_CR a {
	padding-top: 78px;
}

#ME_KM a, #ME_KU a, #ME_KA a {
	padding-top: 90px;
}

#ME_knapper:hover {
 	background: rgba(2,2,2,0.1);
}

#ME_knapper::after {
	line-height: 0.75 !important;
}

#blikunde #service .et_contact_bottom_container {
	width: 100%;
	margin-left: 10px;
}

#blikunde #service .et_pb_button {
	width: 100%;
	margin-left: 10px;
}

#blikunde #service .input {
	background-color: #ffffff !important;
}

@media (max-width: 1200px) and (min-width: 1000px){
	
	#ME_KM a {
		padding-top: 78px;
	}	
}

@media (max-width: 1330px) and (min-width: 1000px){
	
	#ME_KU a {
		padding-top: 78px;
	}	
}

@media (max-width: 1000px) {
	
	#ME_top_tittel {
		width: 70%;	
	}
	
	#ME_KM, #ME_KU, #ME_KA, #ME_CR {
	  	width: 48.5% !important;
		margin-right: 1.5% !important;
		margin-bottom: 10px;
	}
	
	#ME_top {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	#ME_top_tittel {
		padding: 20px 0 0px 0;
	}
	
	#ME_top_tittel > .et_pb_column {
		margin-bottom: 0;
	}
}

@media (max-width: 470px) {
	
	#ME_KM, #ME_KU, #ME_KA, #ME_CR {
	  	width: 100% !important;
		margin-right: 0 !important;
		margin-bottom: 10px;
		background-image: url("");
	}
	
	#ME_knapper {
		height: 80px;
		padding: 0px 5px 0px 5px;
	}
	
	#ME_knapper a {
		padding: 20px;
	}
	
	#ME_knapper:hover {
 		background: rgba(2,2,2,0.5);
	}	
	
	#ME_top {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	#ME_top_tittel {
		display: none;
	}
	
	#ME_knappmeny {
		padding-top: 0px !important;
	}
		
	#ME_CR a {
		padding-top: 18px;
	}

	#ME_KM a, #ME_KU a, #ME_KA a {
		padding-top: 28px;
	}
	
	
}

@media print {
	#ME_top{
		display: none;
	}
	
	#hvorfor_oss{
		display: none;
	}
	
	#text-7{
		display: none;
	}
	
	.logo_container{
		margin-top: 50px;
	}
	
	#logo{
		max-height: 100%;
	}

}


/* FORSIDE - KAMPANJESLIDE ------------------------------ */

#kampanje_slide .et_pb_row_4col {
	margin-left: 6.5% !important;
}

#kampanje_produkter {
	width: 100% !important;
	max-width: 100% !important;
}

#kampanje_produkt_en {
	background-color: #000;
}

#kampanje_bilde {
	margin-bottom: 0%;
	margin-right: 0% !important;
	height: 250px;
	overflow: hidden;
	background-color: #fff;
}

#kampanje_bilde img{
	max-height: 95%;
	width: auto !important;
	margin-left: auto !important;
	margin-right: auto !important;
	display: block !important;
	padding-top: 5px !important;
}

#kampanje_tekst {
	padding: 20px;
	height: 200px;
	overflow: hidden;
}

#kampanje_tekst h2, #kampanje_tekst h4, #kampanje_tekst h5, #kampanje_tekst p {
	color: #fff;
}

#kampanje_tekst p:last-of-type {
    padding-bottom: 10px;
}

#kampanje_tekst h2 {
	margin-top: 0px;	
}

.kampanjer #rev_slider_4_1_wrapper .tp-tab .tp-tab-content {
	padding: 15px 15px 15px 15px !important;
	

}

.kampanjer #rev_slider_4_1_wrapper .tp-tab .tp-tab-content .tp-tab-title {
	font-size: 18px;
	font-weight: 800;
}


#rev_slider_4_1_wrapper {
	background-color: #e5e5e5 !important;
}




@media (max-width: 980px) {
	
	#kampanje_slide .et_pb_row_4col {
		margin-left: 1% !important;
	}
	
	#kampanje #rev_slider_4_1_wrapper {
		height: 2000px !important;
	}
	
	#kampanje_tekst p:last-of-type {
		font-size: 14px;
		padding-top: 5px;
	}
	
	#kampanje_produkt_en {
		width: 23% !important;
		margin-bottom: 30px !important;
		margin-right: 2% !important;
	}
}

@media (max-width: 700px) {
	
	#kampanje_bilde {
		height: 120px;
	}
	
	#kampanje_tekst {
		padding: 20px;
		height: 140px;
	}
	
	#kampanje_slide .et_pb_row_4col {
		margin-left: 2% !important;
	}
	
	#kampanje #rev_slider_4_1_wrapper {
		height: 1200px !important;
	}
	
	#kampanje_tekst p:last-of-type {

		padding-top: 5px;
		padding-bottom: 20px;
	}
	
	#kampanje_produkt_en {
		width: 47% !important;
		margin-bottom: 15px !important;
		margin-right: 2% !important;
	}
	
	#kampanje_produkter {
		padding-top: 6px !important;
	}
	
	.kampanjer .rev_slider .tp-revslider-slidesli {
		position: inherit!important;
	}
	
	.kampanjer .rev_slider, #rev_slider_4_1_wrapper, #rev_slider_4_1_forcefullwidth, .tp-fullwidth-forcer {
		height: 1200px !important;
	}
	
	.kampanjer .rev_slider > ul {
		position: initial !important;
	}
	
	.kampanjer .rev_slider > ul > li {
		position: initial !important;
	}
	
	.kampanjer .tp-parallax-wrap {
		top: 30px !important;
	}
	
	#kampanje_tekst h2 {
		font-size: 18px !important;
		line-height: 2;
	}
	
	#kampanje_tekst h4 {
		font-size: 15px !important;
		line-height: 2;
	}
	
	#kampanje_tekst h5, #kampanje_tekst p, #kampanje_tekst strong {
		font-size: 12px !important;
		line-height: 2;
	}
	
	.kampanjer h1{
		font-size: 25px !important;
	}
	
}



/* KONTORUTSTYR - KU ----------------------------------- */

#KU_knapp:hover{
  padding: 0.5em 2em 0.5em 2em;  
}

#KU_top_tittel {
	width: 80%;	
}

#KU_top_tittel .et_pb_text_0 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

#KU_kataloger .et_pb_text .et_pb_module .et_pb_bg_layout_light .et_pb_text_align_center .et_pb_text_7, #KU_kataloger .et_pb_button_1.et_pb_button.et_pb_module {
	margin-top: 10px !important;
	margin-bottom: 2.27%;
}

#KU_rekvisita {
	background-color: white !important;
	border-style: solid !important;
	border-width: 0px 0px 1px 0px;
	border-color: gray;
}

#KU_utvalg_container {
	margin-right: 0 !important;
}


@media (max-width: 980px) {
	
	#KU_top_tittel {
		width: 100%;	
	}
	
	#KU_utvalg {
		text-align: center !important;
	}
	
}

@media (max-width: 700px) {
	
	#KU_top_tittel {
		width: 100%;
		padding: 0px 0;
	}	
	
	.et_pb_section {
    	padding: 10px 0;
	}
}




/* KONTORMASKINER - KM -------------------------------- */

#KM_top_tittel {
	width: 40%;	
}

#KM_tittel {
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
}

#KM_tittel_h1 {
	font-size: 48px;
	font-weight: 500;
}

#KM_tittel_h3 {
	font-size: 35px;
	font-weight: 100;
}

#KM_menyknapp {
 	width: 100%;
	margin-right: 0px;
	padding: 30px 10px 30px 10px;
	color: #ffffff !important;
	background: rgba(2,2,2,0.74);
	border-width: 0px !important;
	border-radius: 0px;
	letter-spacing: 0px;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px !important;
	
	-webkit-hyphens: manual;
	 hyphens: manual;
    -ms-hyphens: manual;
    -moz-hyphens: manual;
}

#KM_menyknapp:hover {
	padding: 30px 10px 30px 10px;
	background: rgba(2,2,2,0.6);
}

#KM_menyknapp::after {
	line-height: 0.75;
}
	
#KM_referanser .et_pb_bg_layout_dark {
    color: #000 !important;
}

#KM_referanser .et-pb-controllers {
	display: none;  
}

#KM_produkter .et_pb_column_1_4 {
	width: 25% !important;
	margin-right: 3% !important;
}

#KM_produkter .et_pb_column_3_4 {
	width: 70% !important;
}

/* Produktkategorier ------ */

.product .related h2 {
    font-size: 20px !important;
}

ul.mtree.default li.mtree-node::before {
    float: right;
    margin-left: .5em;
    zoom: 1;
    margin-top: .1em;
    color: #777;
}

ul.mtree.default li {
    font-size: 14px;
    padding: 5px;
	padding-right: 15px;
    background-color: #eee;
}

ul.mtree.default li > a:hover, ul.mtree.default li.current-cat > a {
    color: #000000;
	font-weight: normal !important;
}

ul.mtree.default ul > li {
    padding: 0px !important;
    margin: 0px !important;
}

ul.mtree.default a {
    padding-right: 20px !important;
}


@media (max-width: 1300px) {
	
	#KM_top_tittel {
    	width: 60%;
	}	
}

@media (max-width: 980px) {
	
	#KM_top_tittel {
		width: 100%;	
	}
	
	#KM_knappmeny .et_pb_column_1_3 {
		margin-bottom: 20px !important;
	}
	
	#kaffeglede_ann {
		padding: 10px;
	}
		
}

@media (max-width: 700px) {
	
	#KM_top_tittel {
		width: 100%;
		padding: 0px 0;
	}

	#KM_top {
		padding: 20px 20px 20px 20px;
	}
	
	#KM_tittel {
		padding-top: 30px;
		padding-right: 0px;
		padding-bottom: 30px;
		padding-left: 0px;
	}
	
	#KM_tittel_h1 {
		font-size: 30px;
		font-weight: 500;
	}

	#KM_tittel_h3 {
		font-size: 25px;
		font-weight: 100;
	}
	
	#KM_knappmeny {
		padding: 10px 0;
	}
	
	#KM_knappmeny .et_pb_column_1_3 {
		margin-bottom: 10px !important;
	}
	
	#KM_menyknapp {
		padding: 20px 10px 20px 10px;
	}
	
	#KM_menyknapp:hover {
		padding: 20px 10px 20px 10px;
	}
	
	#KM_knappemeny .et_pb_column {
		margin-bottom: 0px !important;
	}
	
}


/* KM BESTILL SERVICE --------------------------------- */

#service .et_pb_contact p input, #service .et_pb_contact p textarea {
    color: #000;
    background-color: #f3f3f3;
}

#service .et_pb_module .et_pb_button, #service .et_pb_button {
    padding: 0.5em 5em 0.5em 5em;
    border: 1px solid transparent;
	background: rgba(0, 0, 0, 1);
}

#service .et_pb_module .et_pb_button:hover, #service .et_pb_button:hover {
    padding: 0.5em 5em 0.5em 5em;
    border: 1px solid transparent;
	background: rgba(0, 0, 0, 0.6);
}


/* KM PRODUKTER -------------------------------------- */

.et_shop_image {
    position: relative !important;
	height: 220px !important;
    overflow: hidden;
	margin-bottom: 10px;
	border: 1px solid #dadada;
	padding: 10px;
}

.et_shop_image > img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding: 10px;
}

.woocommerce-breadcrumb {
	display: none;
}


/* KAFFEGLEDE ---------------------------------------- */

#kaffebokser{
    width: 100%; 
	height: 250px;
	background-size: 100%;
	background-position: center; 
	background-repeat: no-repeat;
}

#kaffeglede h1, #kaffeglede h2, #kaffeglede h3, .kaffeglede h1, .kaffeglede h2, .kaffeglede h3 {
	font-family: 'Kreon', Georgia, "Times New Roman", serif;
	font-weight: 800;
	font-kerning: normal;
}

#kaffeglede h1, .kaffeglede h1 {
	color: #fff;
	font-size: 80px;
}

#kaffeglede #kaffemaskiner h1, .kaffeglede #kaffemaskiner h1 {
	color: #000;
	font-size: 40px;
	text-transform: none;
}

#KA_produkttekst h3 {
	font-size: 18px;
	font-weight: 400;
	text-transform: capitalize;
}

#kaffeglede .artistic-name, .kaffeglede .artistic-name {
	color: #000;
	font-size: 15px;
}

#kaffeglede h2, .kaffeglede h2 {
	font-size: 20px;
}

#kaffeglede h4, .kaffeglede h4 {
	font-size: 35px;
	color: #fff;
}

#kaffeglede h5, .kaffeglede h5 {
	line-height: 1.5;
}

#kaffe_kontakt {
	text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 400 !important;
	padding-bottom: 0;
}

#kaffeglede p, .kaffeglede p {
	font-size: 16px;
	font-weight: 700;
}

#kaffeglede #lesmer {
	text-align: center;
	background: rgba(0, 0, 0, 0.5);
	margin-top: 150px;
	color: #fff;
	padding: 5px 0 5px 0;
}

#kaffe_knapp {
    color: #fff;
    background-color: #7f5441;
    padding: 15px 20px 15px 20px;
    margin-top: 19px;
}

#kaffe_knapp:hover {
    color: #fff;
    background-color: #966c5a;
    padding: 15px 20px 15px 20px;
    margin-top: 19px;
}

#kaffe_knapp::after {
	display: none;
}

.kaffemaskiner h2 {
 	color: #fff; 
}

.kaffekontakt h2 {
	color: #fff; 
}

#KA-col1 {
	width: 10%;	
}

#KA-col2 {
	width: 30%;
}

#kaffemaskiner #kaffemaskin_bilde {
	height: 400px;
	overflow: hidden;
	margin-left: auto !important;
	margin-right: auto !important;
	display: block !important;
}

@media (max-width: 1250px) {

    .kaffemaskiner {
        background-color: lightgreen;
    }

  	.kaffebokser_container > .et_pb_row > .et_pb_column_1 {
    	width: 50% !important;
		height: 500px;
  	}

  	.kaffebokser_container > .et_pb_row > .et_pb_column_1 > #kaffebokser {
    	height: 500px;
	}

  	.kaffebokser_container > .et_pb_row > .et_pb_column_1_5.et_pb_column_2{
    	width: 25%;
  	}

  	.kaffebokser_container > .et_pb_row > .et_pb_column_1_5.et_pb_column_3{
    	width: 25%;
  	}

  	.kaffebokser_container > .et_pb_row > .et_pb_column_1_5.et_pb_column_4{
    	width: 25%;
  	}

   	.kaffebokser_container > .et_pb_row > .et_pb_column_1_5.et_pb_column_5{
    	width: 25%;
  	}
}

@media (max-width: 1000px) {

  	.kaffebokser_container > .et_pb_gutters1 > .et_pb_column.et_pb_column_1 {
    	width: 50% !important;
		height: 450px;
    	margin-right: 0%;
  	}

  	.kaffebokser_container > .et_pb_gutters1 > .et_pb_column_1 > #kaffebokser {
    	height: 450px;
	}

  	.kaffebokser_container > .et_pb_row > .et_pb_column.et_pb_column_2{
    	width: 25% !important;
    	margin-right: 0%;
  	}

    .kaffebokser_container > .et_pb_row > .et_pb_column.et_pb_column_3{
    	width: 25% !important;
    	margin-right: 0%;
  	}

 	.kaffebokser_container > .et_pb_row > .et_pb_column.et_pb_column_4{
    	width: 25% !important;
    	margin-right: 0%;
  	}

    .kaffebokser_container > .et_pb_row > .et_pb_column.et_pb_column_5{
    	width: 25% !important;
    	margin-right: 0%;
  	}

  	#kaffebokser{
		height: 225px;
	    background-size: 120%;
    }
	
	#kaffe_knapp {
		padding: 10px 20px 10px 20px;
		margin-top: 9px;
	}

	#kaffe_knapp:hover {
		padding: 10px 20px 10px 20px;
		margin-top: 9px;
	}
	
	#kaffeglede #lesmer {
		margin-top: 125px;
		padding: 5px 0 5px 0;
	}
	
	#kaffeglede h4, .kaffeglede h4 {
		font-size: 25px;
	}
	
		
	#kaffeglede_tittel {
		padding-top: 90px;
		padding-bottom: 145px;
	}

}


@media (max-width: 770px) {

  	.kaffebokser_container > .et_pb_gutters1 > .et_pb_column.et_pb_column_1 {
    	width: 100% !important;
		height: 500px;
    	margin-right: 0%;
  	}

  	.kaffebokser_container > .et_pb_gutters1 > .et_pb_column_1 > #kaffebokser {
		height: 500px;
	}

  	.kaffebokser_container > .et_pb_row > .et_pb_column.et_pb_column_2{
    	width: 100% !important;
		margin-right: 0%;
  	}

    .kaffebokser_container > .et_pb_row > .et_pb_column.et_pb_column_3{
    	width: 100% !important;
    	margin-right: 0%;
  	}

    .kaffebokser_container > .et_pb_row > .et_pb_column.et_pb_column_4{
    	width: 100% !important;
    	margin-right: 0%;
  	}

    .kaffebokser_container > .et_pb_row > .et_pb_column.et_pb_column_5{
    	width: 100% !important;
    	margin-right: 0%;
  	}

  	#kaffebokser{
		height: 500px;
    }
			
	#kaffeglede_tittel {
		padding-top: 80px;
	}
	
	#kaffeglede h1 {
		font-size: 60px;
	}
	
	#kaffeglede #lesmer {
		margin-top: 360px;
		padding: 20px 0 20px 0;	
	}	
}



@media (max-width: 480px) {

  	.kaffebokser_container > .et_pb_gutters1 > .et_pb_column.et_pb_column_1 {
    	width: 100% !important;
    	height: 290px;
    	margin: 0 0 0px 0;
  	}

  	.kaffebokser_container > .et_pb_gutters1 > .et_pb_column_1 > #kaffebokser {
    	height: 290px;
	}

  	#kaffebokser{
		height: 290px;
    }

    .kaffebokser_container > .et_pb_section .et_pb_row .et_pb_column.et_pb_column_1_6
    , .et_pb_section .et_pb_row .et_pb_column.et_pb_column_1_7
    , .et_pb_section .et_pb_row .et_pb_column.et_pb_column_1_8
    , .et_pb_section .et_pb_row .et_pb_column.et_pb_column_5_6
    , .et_pb_section .et_pb_row .et_pb_column.et_pb_column_1_5
    , .et_pb_section .et_pb_row .et_pb_column.et_pb_column_2_5
    , .et_pb_section .et_pb_row .et_pb_column.et_pb_column_3_5
    , .et_pb_section .et_pb_row .et_pb_column.et_pb_column_4_5
    {
        width: 100%  !important;
        margin: 0 0 0px 0 !important;
    }
	
	#kaffeglede h1 {
		font-size: 40px;
	}
	
	#kaffeglede #lesmer {
		margin-top: 160px;
		padding: 20px 0 20px 0;	
	}	
	
}



/* KONTAKT OSS --------------------------------------- */

#kontakt_hr_1, #kontakt_hr_2 {
	margin-top: -0.0em;
	margin-bottom: 0.5em;	
}

#kontakt_h4 {
	color: #fff;
}

#kontakt_oss .et_pb_toggle {
    margin-top: 20px;
}

#kontakt_oss {
	margin-top: 0px;
}


/* OM OSS ------------------------------------------- */

#omoss_knapp {
	background: #222 !important;
	border-color: #222 !important;
	padding-left: 1em;
	padding-right: 1em;
	width: 100%;
}

#KU_rekvisita .et_always_center_on_mobile {
    text-align: left !important;
}



/* FOOTER ------------------------------------------- */

#footer_knapp:hover {
    background: #222 !important;
    border-color: #fff !important;
    border-radius: 0px;
    letter-spacing: 0;
    padding-left: 0.7em;
    padding-right: 2em;
  	color: #fff;
  	border-width: 1px !important;
 	margin-top: 20px;
}

#footer_knapp {
    background: #222 !important;
    border-color: #fff !important;
    border-radius: 0px;
    letter-spacing: 0;
    padding-left: 0.7em;
    padding-right: 2em;
  	color: #fff;
  	border-width: 1px !important;
  	margin-top: 20px;
}

@media (max-width: 1100px) {
	
	#footer_knapp{
    	font-size: 16px;
	}
}


