@charset "UTF-8";
/*
Theme Name: Alf Kvam AS
Theme URI: https://amfikreativ.no;
Author: Knut-EInar Glærum
Author Email: knut-einar.glaerum@olavthon.no
Author URI: https://amfikreativ.no/
Description: Theme by Thon Holding AS.
Requires at least: WordPress 6.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mester
Tags: featured-images
*/



body,
html {
	margin-top: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

body {
	font-family: "Roboto", sans-serif;
	font-family: "Montserrat", sans-serif;
	font-family: "Poppins", sans-serif;

	
  	font-optical-sizing: auto;
	font-style: normal;
	font-weight: 300;
	font-size: 17px;
	background-color: var(--body-color);
	color: rgba(0,0,0,1);
	background-image: url(/wp-content/themes/kvam/img/bakgrunn-global-sep25.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
}

b, strong{
	font-weight: bold;
}

#content, #content-wrapper{

}

.page-inner{
	background-color: white;
}

#content-wrapper{
	background-image: url(/wp-content/themes/kvam/img/bakgrunn-global-sep25.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
}


.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
	font-family: inherit;
	text-rendering: optimizelegibility;
}

h2{
	font-size: 35px;
	font-weight: 400;
}

h3{
	font-size: 30px;
	font-weight: 400;
}



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

	h1{
		font-size: 8vw;
	}

	h2{
		font-size: 8vw;
	}
	
	h3{
		font-size: 6vw;
	}
}


article h1, 
article h2, 
article h3, 
article h4, 
article h5, 
article h6{
	margin-top: 0rem;
	margin-bottom: 1rem;
	word-break: break-word;
}

figure{
	display: block;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}

a{
	color: black;
}

article p a{
	color: rgb(71, 71, 229);
}

article p a:hover{
	text-decoration: none;
}

a:active{
	opacity: 0.5;
}

#main-logo:hover{
	filter: saturate(1.5);
}

#main-logo:active{
	opacity: 0.2;
}

.btn{
	--bs-btn-border-radius: 0;
}

/*
.btn-primary{
	--bs-btn-color: white;
	--bs-btn-bg: #2C3E50;
	--bs-btn-border-color: #2C3E50;
	--bs-btn-hover-bg: orange;
	--bs-btn-hover-border-color: orange;
	--bs-btn-active-bg: gray;
	--bs-btn-active-border-color: gray;
	--bs-btn-disabled-bg: whitesmoke;
	--bs-btn-disabled-border-color: whitesmoke;
}
*/




/***********************************************************/
/***********************************************************/
/***********************************************************/
/***********************************************************/
/***********************************************************/

/* tjenester */

/* bg */
/* clip-path: polygon(27% 0, 47% 70%, 38% 100%, 0 100%, 0 0); */

/* bilde */
/* clip-path: polygon(30% 0, 100% 0, 100% 100%, 40% 100%, 48% 71%); */

.tjeneste{
	position: relative;
	display: block;
	position:relative;
}


.tjeneste-bilde-wrap{
	clip-path: polygon(0% 0, 100% 0, 100% 100%, 16% 100%, 27% 70%);
}

.tjeneste-tekst-wrap{
	clip-path: polygon(59.9% 0, 100% 70.1%, 83.6% 100%, 0 100%, 0 0);
}

.tjeneste-bilde{
	object-fit: cover;
	max-height: 100%;
	width: 100%;
	transform: scale(1, 1);
}

.poly-topp{
	clip-path: polygon(71% 0, 100% 18%, 100% 100%, 0 100%, 0 42%);
}

.poly-bunn{
	clip-path: polygon(100% 0%, 100% 82.9%, 71% 73.5%, 0% 95.5%, 0% 0%);
}

@media all and (min-width: 1200px){

	.tjeneste{
		height: 615px;
	}

	.tjeneste-tekst-wrap{
		height: 100%;
		width: 47.1%;
		position: absolute;
	}

	.tjeneste-bilde-wrap{
		width: 70%;
		height: 100%;
		position: absolute;
	}

	.tjeneste-tekst{
		max-width: 60%;
	}

	#tjenester .tjeneste:nth-child(odd) .tjeneste-bilde-wrap {
		right: 0;
	}

	#tjenester .tjeneste:nth-child(odd) .tjeneste-bilde {
		right: 0;
		float: right;
		object-position: right top;
	}

	#tjenester .tjeneste:nth-child(odd) .tjeneste-tekst {
		padding-left: 40px;
	}

	#tjenester .tjeneste:nth-child(odd) .tjeneste-tekst-wrap {
		left: 0;
	}

	#tjenester .tjeneste:nth-child(even) .tjeneste-bilde-wrap {
		left: 0;  
		transform: scaleX(-1);
	}

	#tjenester .tjeneste:nth-child(even) .tjeneste-tekst-wrap {
		right: 0;
		transform: scaleX(-1);
	}

	#tjenester .tjeneste:nth-child(even) .tjeneste-tekst {
		right: 0;
		transform: scaleX(-1);
		padding-right: 40px;
	}

	#tjenester .tjeneste:nth-child(even) .tjeneste-bilde {
		left: 0;
		transform: scaleX(-1);
		float: left;
		object-position: left top;
	}

}

@media all and (max-width: 1199.98px){

	.tjeneste a{
		height: 620px;
		position: relative;
	}

	.tjeneste-tekst-wrap{
		position: absolute;
		bottom: 0;
		width: 100%;
		order: 2;
		height: 250px;
	}

	.tjeneste-tekst{
		padding: 80px 20px 20px 20px;
		position: absolute;
		bottom: 0;
		width: 100%;
	}

	.tjeneste-tittel{
		font-size: 25px;
		font-weight: 500;
	}

	.tjeneste-tekst-wrap{
		clip-path: polygon(71% 0, 100% 18%, 100% 100%, 0 100%, 0 42%);
		position: absolute;
		bottom: 0;
		width: 100%;
	}

	.tjeneste-bilde-wrap{
		clip-path: polygon(100% 0%, 100% 82.9%, 71% 73.5%, 0% 95.5%, 0% 0%);
		left: 0;
		order: 1;
	}

	.tjeneste-bilde{
		object-fit: cover;
		width: 100%;
		max-height: 480px;
		object-position: center top;
	}

	#tjenester .tjeneste:nth-child(even) .tjeneste-bilde-wrap {
		transform: scaleX(-1);
	}

	#tjenester .tjeneste:nth-child(even) .tjeneste-tekst-wrap,
	#tjenester .tjeneste:nth-child(even) .tjeneste-tekst,
	#tjenester .tjeneste:nth-child(even) .tjeneste-bilde {
		transform: scaleX(-1);
	}
/*
	#tjenester .tjeneste a:hover .tjeneste-bilde{
		transform: scale(1.1, 1.1);
	}
	#tjenester .tjeneste:nth-child(even):hover .tjeneste-bilde{
		transform: scale(1.1, 1.1) scaleX(-1);
		transition: all 0.3s ease-in-out;
	}
		*/




}


#tjenester > .tjeneste:nth-child(3n+1) .tjeneste-tekst-wrap {
	background: linear-gradient(to right, rgba(16, 131, 104, 0.8), rgba(0, 87, 84, 1));
}

#tjenester > .tjeneste:nth-child(3n+2) .tjeneste-tekst-wrap {
	background: linear-gradient(to right, rgba(242, 114, 17, 0.8), rgba(224, 64, 2, 1));
}

#tjenester > .tjeneste:nth-child(3n+3) .tjeneste-tekst-wrap {
	background: linear-gradient(to right, rgba(130, 207, 219, 0.8), rgba(0, 148, 179, 1));
}


/* Default image style */
#tjenester .tjeneste .tjeneste-bilde {
  transform: none;
  filter: saturate(1);
  transition: transform 0.3s ease, filter 0.3s ease;
}

/* Flip even images */
#tjenester .tjeneste:nth-child(even) .tjeneste-bilde {
  transform: scaleX(-1);
}

/* Hover: zoom + saturate */
#tjenester .tjeneste:nth-child(odd):hover .tjeneste-bilde {
  transform: scale(1.2);

}

#tjenester .tjeneste:nth-child(even):hover .tjeneste-bilde {
  transform: scaleX(-1) scale(1.2);

}


/* Initial state (no filter) */
#tjenester .tjeneste {
  filter: saturate(1);
  transition: filter 0.3s ease;
}

/* On hover: increase saturation for everything inside */
#tjenester .tjeneste:hover {
  filter: saturate(2);
}



/***********************************************************/
/***********************************************************/
/***********************************************************/
/***********************************************************/
/***********************************************************/


.ansatt-content, .ansatt-tekst{
	background-color: white;
}

.ansatt-footer{
	height: 30px;
	background: linear-gradient(to right, rgba(130, 207, 219, 0.8), rgba(0, 148, 179, 1));
}

.ansatte > .ansatt:nth-child(3n+1) .ansatt-footer {
	background: linear-gradient(to right, rgba(16, 131, 104, 0.8), rgba(0, 87, 84, 1));
}

.ansatte > .ansatt:nth-child(3n+2) .ansatt-footer {
	background: linear-gradient(to right, rgba(242, 114, 17, 0.8), rgba(224, 64, 2, 1));
}

.ansatte > .ansatt:nth-child(3n+3) .ansatt-footer {
	background: linear-gradient(to right, rgba(130, 207, 219, 0.8), rgba(0, 148, 179, 1));
}



.ansatte > .ansatt:nth-child(3n+1) .ansatt-content {
	background: linear-gradient(to right, rgba(16, 131, 104, 0.8), rgba(0, 87, 84, 1));
}

.ansatte > .ansatt:nth-child(3n+2) .ansatt-content {
	background: linear-gradient(to right, rgba(242, 114, 17, 0.8), rgba(224, 64, 2, 1));
}

.ansatte > .ansatt:nth-child(3n+3) .ansatt-content {
	background: linear-gradient(to right, rgba(130, 207, 219, 0.8), rgba(0, 148, 179, 1));
}




.ansatte > .ansatt:nth-child(3n+1) .ansatt-content {
	background: linear-gradient(to left, rgba(16, 131, 104, 0.8), rgba(0, 87, 84, 1));
}

.ansatte > .ansatt:nth-child(3n+2) .ansatt-content {
	background: linear-gradient(to left, rgba(242, 114, 17, 0.8), rgba(224, 64, 2, 1));
}

.ansatte > .ansatt:nth-child(3n+3) .ansatt-content {
	background: linear-gradient(to left, rgba(130, 207, 219, 0.8), rgba(0, 148, 179, 1));
}





.poly-ansatt-bunn{
	clip-path: polygon(100% 0%, 100% 88.9%, 81% 78.5%, 0% 115.5%, 0% 0%)
}

.poly-page-topp{
	clip-path: polygon(100% 0%, 100% 88.9%, 81% 78.5%, 0% 115.5%, 0% 0%)
}

.page-content{
	background: linear-gradient(to left, rgba(242, 114, 17, 0.8), rgba(224, 64, 2, 1));
}

.om-oss-hvorfor{
		background: linear-gradient(to top, rgba(242, 114, 17, 0.8), rgba(224, 64, 2, 1));
}

.poly-hvorfor-topp{
	clip-path: polygon(40% 0, 100% 21%, 100% 100%, 0 100%, 0 14%);
}

/*/*polygon(100% 0%, 100% 84.9%, 81% 73.5%, 0% 135.5%, 0% 0%)*/

/***********************************************************/
/***********************************************************/
/***********************************************************/
/***********************************************************/
/***********************************************************/


.contact-info{
	border-radius: 10px;
}

/*************************/

.wp-block-image:hover a{
	opacity: 0.8;
}

@media all and (min-width: 1023px){
	.wp-block-gallery.has-nested-images .wp-block-image{
		padding: 30px;
	}

}


@media all and (max-width: 1023px){
	.wp-block-gallery{
		flex-direction: column;
		justify-content: center;
		align-items: center !important;
	}

	.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){
		width: 100% !important;
	}
}

.gallery{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.gallery-item img{
	border: 0px !important;
}

.gallery-item{
	display:flex;
	justify-content: center;
	align-items: center;
}

.gallery-item img{
	object-fit: contain;
	width: 100%;
	height: auto;
	padding: 10px;
}

.gallery a img{
	transform: scale(1,1);
    transition: transform 0.5s, box-shadow 0.5s;
}

.gallery a:hover img, .gallery a:focus img{
	filter: saturate(1.5);
    transform: scale(1.1,1.1);
    transition: transform 0.5, box-shadow 0.5s;
}

.gallery a:hover img,
.gallery a:focus img{
	box-shadow: 0px 0px 10px rgb(199, 199, 199);
}

@media all and (min-width: 992px){
	.gallery-item{
		width: 324px;
	}
}

@media all and (min-width: 768px) and (max-width: 991px){
	.gallery-item{
		width: 50% !important;
	}


}

@media all and (min-width: 1023px){
	.wp-block-gallery.has-nested-images .wp-block-image{
		padding: 0px;
	}

}


.cool-vertical-timeline-body .timeline-content.icon-false .timeline-block-icon {
	top: 23px;
}

@media all and (max-width: 767px){
	.gallery-item{
		width: 100% !important;
	}
	.cool-vertical-timeline-body:not(.one-sided) .timeline-content.icon-false .timeline-block-icon {
		top: 70px;
	}
	
}


/*************************/

/*************************/

.wpcf7 label,
.wpcf7-text,
.wpcf7-textarea{
	width: 100%;
}

.wpcf7 p{
	margin-bottom: 0px;
}

.wpcf7 .wpcf7-list-item-label{
	margin-left: 10px;
}

.wpcf7-text{
	padding: 10px;
}

.wpcf7-not-valid-tip{
	color: red;
	margin-top: 3px;
	display:block;
}

.wpcf7-response-output:not(:empty){
	background-color: green;
	padding: 10px;
	margin-top: 20px;
	color: white;
}

.wpcf7-form.invalid .wpcf7-response-output:not(:empty){
	background-color: red;
	padding: 10px;
	margin-top: 20px;
	color: white;
}

.wpcf7 .screen-reader-response {
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important;
}


.wpcf7 .form-check-input:hover{
	cursor: pointer;
}
/*************************/

aside .wp-block-heading{
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	padding-bottom: 10px;
	margin-bottom: 10px;
}

aside .wp-block-column p{
	font-size: 15px;
	color: var(--bs-gray-600);
	font-weight: 600 !important;
}


/*************************/

@media all and (min-width: 992px){
	#menu-footer{
		column-count: 2;
		column-gap: 4;
		overflow-wrap: break-word;
	}
}


@media all and (min-width: 992px) and (max-width: 1399px){
	#menu-footer .menu-item > a{
		font-size: 1.5vw;
	}
}

#menu-footer li{
	margin-bottom: 10px;
}

#menu-footer li a{
	text-decoration: none;
	color: white;
	font-weight: 400;
	overflow-wrap: break-word;
}

#footer-kontakt{
	background-color: rgba(12,23,91,0.8);
	background-color: rgba(29,35,52,0.8);

}

#menu-footer li a, 
#footer-kontakt a{
	color: #fff;
	text-decoration: none;
}

#footer-kontakt ion-icon{
	color: white;
}

#menu-footer li a:hover,
#footer-kontakt a:hover{
	text-decoration: underline;
}