/*
Theme Name:     oceanwp child theme
Author:         Olivia Hoback
Author URI:     https://www.olivia.nu/
Template:       oceanwp
*/


@font-face{ 
font-family: Tienne; 
src: url(https://www.bygg-hemsida.com/wp-content/themes/oceanwp-child/fonts/Tienne-Bold.ttf);
font-weight: 400; 
}



/*övergripande------------------------------------------------------------------------*/
html body{
	width: 100%;
	max-width: 2200px; /*max-width på bodyn - matcha med bredden under anpassa > Site styles & settings > webbplats layout > main container width*/
	margin: 0 auto;
}
body .container,
body.content-full-screen #main #content-wrap{
    max-width: 90% !important; /*max-width på innehållet dvs luft på sidorna - matcha med bredden under anpassa > Site styles & settings > webbplats layout > innehållsbredd*/
}
body .e-con-boxed{
	--container-max-width: 90%;
}
@media (min-width: 768px){
    body #main .e-con-boxed.e-parent{
        --content-width: 100%;
		max-width: 90%; /*max-width på elementor container-boxed, matcha med värdet ovan max-width på .container*/
    }
}
@media (max-width: 969px){
	body .e-con>.e-con-inner {
		max-width: 90%;
	}
}
/*för single*/
@media (min-width: 960px){
    body .content-area, body .content-sidebar .content-area{
        width: 100%;
    }
}
body .content-area, body .content-sidebar .content-area{
	border: 0px;
	padding-right: 0;
}



/*fonter-------------------------------------------------------------------------------*/
html body, 
body #site-logo a.site-logo-text,
body #site-navigation-wrap .dropdown-menu>li>a,
body .elementor-button-wrapper a.elementor-button,
body p, body li, body .main-apply-btn a.pnty-btn{
	font-size: 15px !important; /*basic font-size*/
}
html body{
	line-height: 1.6em; /*basic line-height*/
	font-weight: 400; /*basic font-weight*/
}
html body,
body h1, body h2, body h3, body h4, body h5, body h6,
div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full{
	color: var(--e-global-color-text); /*basic font color should be the same as global colors text in elementor*/
}
html body,
body #site-logo a.site-logo-text,
body #site-navigation-wrap .dropdown-menu>li>a,
body .elementor-widget-counter .elementor-counter-title,
body .elementor-widget-heading .elementor-heading-title,
body .elementor-counter .elementor-counter-number-wrapper,
body .main-apply-btn a.pnty-btn,
body #cookie-notice, #cookie-notice .cn-button:not(.cn-button-custom){
	font-family: "Calibri", Sans-serif !important; /*basic font-family*/
}
body h1, body h2, body h3, body h4, body h5, body h6, body p, body ul,
body .text-img-block .img-text-row .text-block h2.elementor-heading-title,
body .text-img-block .img-text-row .text-block h3.elementor-heading-title,
body .text-img-block .img-text-row .text-block h4.elementor-heading-title,
body .text-img-block .img-text-row .text-block h5.elementor-heading-title,
body .text-img-block .img-text-row .text-block h6.elementor-heading-title,
body .text-img-block .img-text-row .text-block a.elementor-button,
body .contact-form h2.elementor-heading-title,
body .contact-form h3.elementor-heading-title,
body .contact-form h4.elementor-heading-title,
body .contact-form h5.elementor-heading-title,
body .contact-form h6.elementor-heading-title,
body .contact-form a.elementor-button,
body .side-bar-template #sidebar li,
body .side-bar-template #right-sidebar li{
    margin-bottom: 20px;
}
body h1, body .elementor-widget-heading h1.elementor-heading-title,
body .error404-content .error-title{
	font-size: 5.8em;
	font-family: "Tienne", serif !important;
	text-transform: uppercase;
	letter-spacing: -2px;
	line-height: 1.3em;
}
body h2, body .elementor-widget-heading h2.elementor-heading-title{
	font-family: "Tienne", serif !important;
	font-size: 2.3em;
	letter-spacing: -1px;
	line-height: 1.3em;
}
body h3, body .elementor-widget-heading h3.elementor-heading-title,
body .custom-list ul li span{
	font-size: 1.4em;
	font-weight: 600;
	line-height: 1.4em;
	font-family: "Tienne", serif !important;
}
body h4, body .elementor-widget-heading h4.elementor-heading-title{
	font-size: 1.4em;
	letter-spacing: 0.5px;
	font-weight: 400;
	line-height: 1.3em;
}
body h5, body .elementor-widget-heading h5.elementor-heading-title{
		font-size: 1em;
}
body h6, body .elementor-widget-heading h6.elementor-heading-title{
	font-size: 0.8em;
	font-weight: 400;
	color: #000000;
}
body .light-text .elementor-heading-title{
	font-weight: 400 !important;
}
body .dynamic-header.elementor-widget-text-editor .elementor-widget-container,
body .dynamic-header.elementor-widget-heading .elementor-widget-container{
	color: #ffffff;
	text-align: center;
}








/*knappar------------------------------------------------------------------------*/
body button[type=submit],
body button[type=submit]:hover, body button[type=submit]:active, body button[type=submit]:focus,
body .elementor-button-wrapper a.elementor-button,
body .main-apply-btn a.pnty-btn,
body.single-pnty_job a.pnty-btn,
body.single-pnty_job a.pnty-external-application,
body .contact-form div.wpforms-container-full button[type=submit],
body .contact-form div.wpforms-container-full .wpforms-form button[type=submit],
body .contact-form button[type=submit],
body .contact-form div.wpforms-container-full button[type=submit]:not(:hover):not(:active),
body .contact-form div.wpforms-container-full button[type=submit]:hover,
body .contact-form div.wpforms-container-full button[type=submit]:active,
body .contact-form div.wpforms-container-full .wpforms-form button[type=submit]:hover,
body .error404-content .button,
body #cookie-notice .cn-button:not(.cn-button-custom){
	padding: 22px 35px;
	border: 0;
	border-radius: 15px;
	display: inline-block;
	letter-spacing: 0;
	height: auto;
    font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	text-transform: none;
	color: var(--e-global-color-text);
}
body .header-btn .elementor-button-wrapper a.elementor-button{
	border-radius: 0px;
	color: #ffffff;
	font-size: 17px !important;
	letter-spacing: 0.5px;
}







/*header--------------------------------------------------------------------------*/
body .custom-header img{
	width: 200px;
}
body .custom-header p{
	margin-bottom: 0;
}
@media (max-width: 1024px){
	body #site-header{
    position: absolute;
    width: 100%;
    background-color: #f8f8f8;
	}
	body .custom-header .header-btn{
	display: block;
	width: 100%;	
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	}
	body .custom-header img{
	margin-top: 55px;
	}
}
/*för sticky header*/
body #site-header.sticky{ 
	position: fixed;
	top: 0;
	background: rgba(242, 242, 242, 0.9);
	box-shadow: 0 5px 25px rgba(0,0,0,0.1);
}
body #site-header.sticky:hover{
	background: rgba(234, 234, 234, 1);
}
/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
body #site-header.sticky + .content{
  padding-top: 102px;
}








/*menyn-----------------------------------------------------------------------------*/
body #site-navigation-wrap .dropdown-menu>li>a{
    border-radius: 0;
}
body #site-navigation-wrap .dropdown-menu>li>a:active,
body #site-navigation-wrap .dropdown-menu>li>a:focus{
    font-weight: bold;
	outline: solid 0px !important;
}
body .fa-bars:before, body .fa-navicon:before{
    font-size: 25px;
	margin-right: 2%;
}
body.default-breakpoint .oceanwp-mobile-menu-icon a, .mobile-menu-close{
    margin-top: 5px;
    display: block;
}






/*listor--------------------------------------------------------------------------*/
body:not(.elementor-editor-active) ul,
body ul#custom-ponty-list,
body .custom-pagination ul.page-numbers{
	list-style: none;
	list-style-type: none;
}
body:not(.elementor-editor-active) article ul:not(.no-check-icons):not(.page-numbers),
body .elementor ul:not(.slick-dots):not(.custom-ponty-grid):not(.custom-ponty-list),
body ul.no-check-icons{
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
	list-style-type: none;
}
body:not(.elementor-editor-active) article ul:not(.no-check-icons):not(.page-numbers) li:before,
body:not(.elementor-editor-active) .elementor ul:not(.slick-dots):not(.custom-ponty-grid):not(.custom-ponty-list):not(.no-check-icons) li:before,
body.single-pnty_job section#pnty-content ul li:before{
	content: "\f00c"; /* FontAwesome check-icon */
	font-family: FontAwesome;
	display: inline-block;
	margin-left: calc( var(--icon-space) * -1 );
	width: var(--icon-space);
	margin-right: 0.5em;
}








/* elementor övergripande --------------------------------------------------------*/
/*luft mellan columns och rows*/
body .elementor-element,
body .e-con.e-flex>.e-con-inner{
    --widgets-spacing: 0;
    --widgets-spacing-row: 0;
	row-gap: 0;
    --widgets-spacing-column: 0;
	column-gap: 0;
	padding: 0;
}





/*användbara klasser---------------------------------------------------------------*/
.mobile-only{
	display: none;
}
@media (max-width: 959px){
	.mobile-only{
	display: block;
	}
	.full-screen-only{
	display: none;
	}
}

/*container padding -----*/
body .container-padding,
body #main #content-wrap{
	padding: 60px 0;
}
body .container-padding .elementor-element, /*justera även runt text-block 1,2,3 och 4 cols nedan om dessa siffror ändras*/
body .container-padding .e-con.e-flex>.e-con-inner,
body .container-padding,
body .default-card-grid .grid-inner,
body #content-wrap.side-bar-template .content-wrapper{
    --widgets-spacing: 30px;
    --widgets-spacing-row: 30px;
	row-gap: 30px;
    --widgets-spacing-column: 30px;
	column-gap: 30px;
}
/*box padding -----*/
body .box-padding{
	padding: 30px; /*padding inuti kolumner*/
}
body .narrow-box-padding{
	padding: 0 20px; /*padding för text inuti kolumner extra luft höger & vänster*/
}
/*paddings*/
body .padding-bottom{
	padding-bottom: 30px;
}
body .padding-right{
	padding-right: 30px;
}
body .padding-left{
	padding-left: 30px;
}
body .padding-top{
	padding-top: 30px;
}
body .box-padding.no-bottom-padding,
body .no-bottom-padding{
	padding-bottom: 0; 
}
body .box-padding.no-top-padding,
body .no-top-padding{
	padding-top: 0; 
}
/*margins*/
body .margin-bottom{
	margin-bottom: 30px;
}
body .margin-right{
	margin-right: 30px;
}
body .margin-left{
	margin-left: 30px;
}
body .margin-top,
body.blog #content{
	margin-top: 30px;
}
body .margin-minus{
	margin-top: -30px;
}
/*fler användbara klasser-----*/
body .rounded{
    border-radius: 20px; /*rundade hörn på kolumner*/
	overflow: hidden;
}
body .elementor-element.padding-bottom,
body .elementor-widget.padding-bottom{
	padding-bottom: 20px; 
}









/*textblock 1,2,3 och 4 cols*/
/*spacing mellan textblock*/
body .text-block.container-padding .elementor-element,
body .text-block.container-padding .e-con.e-flex>.e-con-inner{
    --widgets-spacing-column: 60px;
	column-gap: 60px;
}
@media (max-width: 1200px){
	body .text-block-4-col.container-padding .elementor-element,
	body .text-block-4-col.container-padding .e-con.e-flex>.e-con-inner,
	body .text-block-2-col.container-padding .elementor-element,
	body .text-block-2-col.container-padding .e-con.e-flex>.e-con-inner,
	body .text-block-3-col.container-padding .e-con.e-flex>.e-con-inner{ 
	flex-wrap: wrap;
    --widgets-spacing-column: 60px;
	column-gap: 60px;
	}
	body .container-padding.text-block-3-col .e-con.e-flex>.e-con-inner,
	body .container-padding.text-block-4-col .e-con.e-flex>.e-con-inner{
	--widgets-spacing-row: 0;
	row-gap: 0;
	}
	body .text-block-4-col.container-padding .e-con.e-flex>.e-con-inner .e-con-full, /*4 cols blir 2*/
	body .text-block-2-col.container-padding .e-con.e-flex>.e-con-inner .e-con-full{ 
	width: 46%;
	}
}
@media (max-width: 959px){ /*slår om till 1 col*/
	body .text-block.container-padding .elementor-element,
	body .text-block.container-padding .e-con.e-flex>.e-con-inner,
	body .text-block-4-col.container-padding .elementor-element,
	body .text-block-4-col.container-padding .e-con.e-flex>.e-con-inner{
	--widgets-spacing: 0;
    --widgets-spacing-row: 0;
	row-gap: 0;
    --widgets-spacing-column: 0;
	column-gap: 0;
	}
	body .text-block-4-col.container-padding .e-con.e-flex>.e-con-inner .e-con-full, /*4 cols blir 1*/
	body .text-block-2-col.container-padding .e-con.e-flex>.e-con-inner .e-con-full{ /*2 cols blir 1*/
	display: block;
	width: 100%; 
	}
}
body .text-block{
	padding-bottom: 5px; 
}
body h2.elementor-heading-title span,
body h3.elementor-heading-title span,
body h4.elementor-heading-title span,
body h5.elementor-heading-title span,
body h6.elementor-heading-title span,
body .text-block h2.elementor-heading-title span,
body .text-block h3.elementor-heading-title span,
body .text-block h4.elementor-heading-title span,
body .text-block h5.elementor-heading-title span,
body .text-block h6.elementor-heading-title span{
	color: #fd731b;
}










/*elementor info-boxar, puffar och custom grid cards/boxar från shortcodes.php---------------------------------------------*/
/*grids*/
body .default-card-grid,
body .counter-boxed .e-con-boxed,
body .counter-full.e-con-full,
body .info-boxar .e-con-boxed,
body .info-boxar.info-boxar-3 .e-con-boxed,
body .info-boxar-icon.e-con-full:not(.info-boxar-3),
body .info-boxar-icon.e-con-full.info-boxar-3,
body .process .e-con-boxed,
body .process.process-full{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}
body .default-card-grid .grid-inner,
body .counter-boxed .e-con-boxed .e-con-inner,
body .counter-full.e-con-full .e-con-full,
body .info-boxar .e-con-boxed .e-con-inner,
body .info-boxar.info-boxar-3 .e-con-boxed .e-con-inner,
body .info-boxar-icon.e-con-full:not(.info-boxar-3) .e-con-full,
body .info-boxar-icon.e-con-full.info-boxar-3 .e-con-full,
body .process.e-con-full .e-con-boxed .e-con-inner,
body .process.process-full .e-con-full{
	display: flex;
	flex-direction: row;
	width: 100%;
    margin: 0 auto;
	justify-content: center;
	flex-wrap: wrap;
}
/*välj gap*/
body .default-card-grid .grid-inner,
body .counter-boxed .e-con-boxed .e-con-inner,
body .counter-full.e-con-full .e-con-full,
body .info-boxar .e-con-boxed .e-con-inner,
body .info-boxar-icon.info-boxar-3 .e-con-boxed .e-con-inner,
body .process.e-con-full .e-con-boxed .e-con-inner{
	--gap: 30px;
}
body .counter-full.e-con-full .e-con-full,
body .info-boxar-icon.e-con-full:not(.info-boxar-3) .e-con-full,
body .info-boxar-icon.e-con-full.info-boxar-3 .e-con-full,
body .process.process-full .e-con-full{
	--gap: 0px;
}
/*storlekar initialt för custom grids i shortcodes.php*/
body .process.e-con-full .e-con-boxed .e-con-inner .single-box,
body .process.process-full .e-con-full .single-box{
	--columns: 6;
}
body .counter-boxed .e-con-boxed .e-con-inner .single-box,
body .counter-full.e-con-full .e-con-full .single-box,
body .default-card-grid .grid-4 .single-card,
body .info-boxar .e-con-boxed .e-con-inner .single-box,
body .info-boxar-icon.e-con-full:not(.info-boxar-3) .e-con-full .single-box{
	--columns: 4;
}
body .default-card-grid .grid-3 .single-card,
body .info-boxar.info-boxar-3 .e-con-boxed .e-con-inner .single-box,
body .info-boxar-icon.e-con-full.info-boxar-3 .e-con-full .single-box{
	--columns: 3;
}
body .default-card-grid .grid-2 .single-card{
	--columns: 2;
}
@media (max-width: 1400px){
	body .team-member-grid .grid-inner .single-team-member,
	body .process.e-con-full .e-con-boxed .e-con-inner .single-box,
	body .process.process-full .e-con-full .single-box{
	--columns: 3;	
	}
}
/*räknar ut columnens exakta width baserat på antal cols*/
body .counter-boxed .e-con-boxed .e-con-inner .single-box,
body .counter-full.e-con-full .e-con-full .single-box,
body .default-card-grid .grid-inner .single-card,
body .info-boxar .e-con-boxed .e-con-inner .single-box,
body .info-boxar-icon.e-con-full:not(.info-boxar-3) .e-con-full .single-box,
body .info-boxar-icon.e-con-full.info-boxar-3 .e-con-full .single-box,
body .process.e-con-full .e-con-boxed .e-con-inner .single-box,
body .process.process-full .e-con-full .single-box{
  width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));
}
@media (max-width: 1200px){
	body .counter-boxed .e-con-boxed .e-con-inner,
	body .counter-full.e-con-full .e-con-full,
	body .default-card-grid .grid-4,
	body .info-boxar .e-con-boxed .e-con-inner .single-box,
	body .info-boxar-icon.e-con-full:not(.info-boxar-3) .e-con-full .single-box{
	flex-wrap: wrap;
	}
	body .counter-boxed .e-con-boxed .e-con-inner .single-box,
	body .counter-full.e-con-full .e-con-full .single-box,
	body .default-card-grid .grid-4 .single-card,
	body .info-boxar:not(.info-boxar-3) .e-con-boxed .e-con-inner .single-box,
	body .info-boxar-icon.e-con-full:not(.info-boxar-3) .e-con-full .single-box{
	--columns: 2;
	}
}
@media (max-width: 959px){
	body .default-card-grid .grid-2,
	body .default-card-grid .grid-3,
	body .default-card-grid .grid-4,
	body .info-boxar:not(.info-boxar-3) .e-con-boxed .e-con-inner .single-box,
	body .info-boxar.info-boxar-3 .e-con-boxed .e-con-inner .single-box,
	body .info-boxar-icon.e-con-full:not(.info-boxar-3) .e-con-full .single-box,
	body .info-boxar-icon.e-con-full.info-boxar-3 .e-con-full .single-box,
	body .process.e-con-full .e-con-boxed .e-con-inner .single-box,
	body .process.process-full.e-con-full .single-box{
    flex-wrap: wrap;
    }
	body .default-card-grid .grid-2 .single-card,
	body .default-card-grid .grid-3 .single-card,
	body .default-card-grid .grid-4 .single-card,
	body .info-boxar:not(.info-boxar-3) .e-con-boxed .e-con-inner .single-box,
	body .info-boxar.info-boxar-3 .e-con-boxed .e-con-inner .single-box,
	body .info-boxar-icon.e-con-full:not(.info-boxar-3) .e-con-full .single-box,
	body .info-boxar-icon.e-con-full.info-boxar-3 .e-con-full .single-box{
	--columns: 1;
	}	
	body .process.e-con-full .e-con-boxed .e-con-inner .single-box,
	body .process.process-full.e-con-full .single-box{
	--columns: 2;
	}
}
@media (max-width: 767px){
	body .counter-boxed .e-con-boxed .e-con-inner,
	body .counter-full.e-con-full .e-con-full,
	body .process.e-con-full .e-con-boxed .e-con-inner .single-box,
	body .process.process-full .e-con-full .single-box{
	flex-wrap: wrap;	
	}
	body .counter-boxed .e-con-boxed .e-con-inner .single-box,
	body .counter-full.e-con-full .e-con-full .single-box,
	body .process.e-con-full .e-con-boxed .e-con-inner .single-box,
	body .process.process-full .e-con-full .single-box{
	--columns: 1;
	}
}

/*Default grid settings, använd klassen .default-card-grid för att skapa grids t ex i custom-shortcodes.php--*/
body .default-card-grid .single-card{
	background: #ffffff;
}
body .default-card-grid .default-card-image{
	background-size: cover;
	background-position: center center;
}
body .default-card-grid .grid-2 .default-card-image{
	min-height: 350px;
}
body .default-card-grid .grid-3 .default-card-image{
	min-height: 300px;
}
body .default-card-grid .grid-4 .default-card-image{
	min-height: 250px;
}
body .default-card-grid .single-card .project-details{
	padding-bottom: 0;
}
body .default-card-grid .single-card .project-details h3,
body .post-grid .single-post h3{
	text-align: center;
}

/*info-boxar*/
body .info-boxar p{
	margin-bottom: 0; 
}
body .info-boxar-icon .elementor-widget.elementor-widget-icon,
body .info-boxar-icon .elementor-widget.elementor-widget-heading,
body .process .elementor-widget.elementor-widget-heading{
	display: block;
	width: 100%;
}
body .info-boxar-icon.e-con-full .e-con-full .single-box{
	align-content: space-between;
}

/*använd klassen .align-top-bottom på parent för att aligna children vertikalt ut i kanterna uppe och nere i shortcodes.php*/
/*höjden är individuell för varje content type knutet till innehållets mängd*/
@media (min-width: 960px){
	body .grid-2 .single-card .align-top-bottom,
	body .grid-3 .single-card .align-top-bottom
	body .grid-4 .single-card .align-top-bottom{ 
	display: flex;
	align-items: stretch;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	}
}
@media (min-width: 1201px){
	body .grid-2 .single-card .align-top-bottom,
	body .grid-3 .single-card .align-top-bottom,
	body .grid-4 .single-card .align-top-bottom{
	min-height: 250px;
	}
}
@media (max-width: 1200px){
	body .grid-2 .single-card .align-top-bottom,
	body .grid-3 .single-card .align-top-bottom,
	body .grid-4 .single-card .align-top-bottom{ 
	min-height: 350px;
	}
}
@media (max-width: 959px){ /*width 100% på alla puffar*/
	body .grid-2 .single-card .align-top-bottom,
	body .grid-3 .single-card .align-top-bottom,
	body .grid-4 .single-card .align-top-bottom{ 
	min-height: auto;
	}
}










/*subheader-----------------------------------------------------------*/
body .sub-header p{
	margin-bottom: 0;
}








/*contact form--------------------------------------------------------*/
/*contact övergripande*/
body .contact-form .wpforms-container .wpforms-field label{
	margin-bottom: 3px; 
	display: none;
}
body .contact-form .wpforms-container .wpforms-field{
	padding: 10px 0;
}
body .contact-form div.wpforms-container-full:not(:empty){
    margin: 0px auto;
}
body .contact-form .wpforms-field-container #wpforms-864-field_2-container{
	padding-top: 0;
}
@media (min-width: 1025px){
    body .contact-form .box-padding.box-padding-form{
	padding-left: 0;
	padding-right: 0;
	}
}
body div.wpforms-container-full .wpforms-confirmation-container-full, 
body div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message){
    border: 0px;
}
div.wpforms-container-full .wpforms-confirmation-container-full{
	background-color: #7cd2ff;
	border-radius: 10px; 
}


body .contact-form .wpforms-form .wpforms-field-container input[type=date], 
body .contact-form .wpforms-form input[type=datetime], 
body .contact-form .wpforms-form input[type=datetime-local], 
body .contact-form .wpforms-form input[type=email], 
body .contact-form .wpforms-form input[type=month], 
body .contact-form .wpforms-form input[type=number], 
body .contact-form .wpforms-form input[type=password], 
body .contact-form .wpforms-form input[type=range], 
body .contact-form .wpforms-form input[type=search], 
body .contact-form .wpforms-form input[type=tel], 
body .contact-form .wpforms-form input[type=text], 
body .contact-form .wpforms-form input[type=time], 
body .contact-form .wpforms-form input[type=url], 
body .contact-form .wpforms-form input[type=week], 
body .contact-form .wpforms-form select, 
body .contact-form .wpforms-form textarea{
    border-radius: 10px !important;
	border: 2px solid var(--e-global-color-text);
	max-width: 100%;
	min-height: 50px;
}
body .contact-form div.wpforms-container-full button[type=submit]:not(:hover):not(:active),
body .contact-form div.wpforms-container-full button[type=submit]:hover,
body .contact-form div.wpforms-container-full button[type=submit]:active,
body .contact-form div.wpforms-container-full .wpforms-form button[type=submit]:hover,
body div.wpforms-container-full button[type=submit]:hover,
body div.wpforms-container-full .wpforms-form button[type=submit]:hover{
	background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), var(--e-global-color-accent), var(--e-global-color-accent) !important;
	background-color: var(--e-global-color-accent) !important;
	font-family: var(--e-global-typography-accent-font-family), Sans-serif;
}

/*contact form inverted colors - färgade fält*/
body .form-inverted .wpforms-form .wpforms-field-container input[type=date], 
body .form-inverted .wpforms-form input[type=datetime], 
body .form-inverted .wpforms-form input[type=datetime-local], 
body .form-inverted .wpforms-form input[type=email], 
body .form-inverted .wpforms-form input[type=month], 
body .form-inverted .wpforms-form input[type=number], 
body .form-inverted .wpforms-form input[type=password], 
body .form-inverted .wpforms-form input[type=range], 
body .form-inverted .wpforms-form input[type=search], 
body .form-inverted .wpforms-form input[type=tel], 
body .form-inverted .wpforms-form input[type=text], 
body .form-inverted .wpforms-form input[type=time], 
body .form-inverted .wpforms-form input[type=url], 
body .form-inverted .wpforms-form input[type=week], 
body .form-inverted .wpforms-form select, 
body .form-inverted .wpforms-form textarea{
    background: #000000;
	color: #ffffff !important;
}

/* Contactform 2 cols boxed */
@media (max-width: 1024px){
    body .contact-form .e-con-boxed{
	--container-max-width: 100%;
	}
	body .contact-form-boxed .box-padding .elementor-element .elementor-widget-container p:last-of-type{
		margin-bottom: 0;
	}
}









/*prispaket - priser*/
.pris-paket{
	padding: 30px 0;
}
.pris-paket .slick-track{
	display: flex;
	align-items: center;
}
.pris-paket  .price-checklist{
	min-height: 425px;
}
.pris-paket .single-price-package{
	border-radius: 20px;
	border: 2px solid var(--e-global-color-text);
}
.pris-paket .slick-prev:before, .pris-paket .slick-next:before{
	color: var(--e-global-color-text);
}
.pris-paket .slick-slide{
	transform: scale(0.8);
	transition: all 0.4s ease-in-out;
}
.pris-paket .single-price-package{
	max-width: 100%;
	transition: all 0.4s ease-in-out;
}
.pris-paket .slick-center{
	transform: scale(1);
}
.pris-paket .single-price-package h2,
.pris-paket .single-price-package h3{
	text-align: center;
}
.pris-paket .single-price-package h3,
.pris-paket .price-included h3{
	margin-bottom: 20px; 
}
.pris-paket .single-price-package h2{
	display: inline-block;
	width: 64%;
	margin-bottom: 0; 
}
.pris-paket .single-price-package .package-price{
	display: block; 
	width: 100%;
}
.pris-paket .pre-price, 
.pris-paket .post-price{
	display: inline-block;
	width: 18%;
	font-size: 0.8em;
}
.pris-paket .pre-price{
	text-align: left;
} 
.pris-paket .post-price{
	text-align: right; 
}
.pris-paket .slick-prev{
    left: 6px;
}
.pris-paket .slick-next{
    right: 4px;
}
@media (max-width: 1400px){
	.pris-paket .pre-price, 
	.pris-paket .post-price{
		font-size: 0.7em;
	}
}
@media (max-width: 1200px){
	.pris-paket .pre-price, 
	.pris-paket .post-price{
		font-size: 0.8em;
	}
	.pris-paket .e-con-boxed .e-con-inner{
		display: block !important;
	}
	.pris-paket .price-included,
	.pris-paket .price-slider{
		width: 100% !important;
	}
	.pris-paket .price-included{
		text-align: center;
		margin-bottom: 30px;
	}
	.pris-paket .price-slider .single-price-package{
		padding-left: 60px;
	}
}
@media (max-width: 650px){
	.pris-paket .price-slider .single-price-package{
		padding-left: 30px;
	}
	.pris-paket .slick-prev:before, .pris-paket .slick-next:before{
	color: var(--e-global-color-dfd99c6);
	}
	.pris-paket  .slick-prev:before, .pris-paket .slick-next:before{
    font-size: 50px;
	}
	.pris-paket .slick-prev{
    left: -9px;
	}
	.pris-paket .slick-next{
		right: 0px;
	}
}












/*service-check-list*/
body .services-checklist h2,
body .services-checklist h3,
body .services-checklist h4{
	display: inline;
	line-height: 2em;
}
body:not(.elementor-editor-active) .elementor .services-checklist ul:not(.slick-dots):not(.custom-ponty-grid):not(.custom-ponty-list):not(.no-check-icons) li:before{
	font-size: 1.5em;
}
@media (max-width: 969px){
	body .services-checklist ul{
		margin-bottom: 0 !important;
	}
}










/*Q&A-----------------------------------------------------------------------*/
body .qa .question{
	margin-bottom: 20px;
	cursor: pointer;
}
body .qa .ga-wrapper{
	border-bottom: 1px solid var(--e-global-color-text);
}
body:not(.elementor-editor-active) .qa h3{
	
}
body:not(.elementor-editor-active) .qa .answer{
	display: none;
}
body .container-padding.qa .elementor-element{
    row-gap: 0;
}
body .qa.container-padding .e-con.e-flex>.e-con-inner{
	row-gap: 20px;
}
@media (max-width: 767px){
	body .question{
    flex-wrap: nowrap;
	 align-items: center;
    }
	body .question .e-con-full:first-of-type{
		width: 90%;
		max-width: 90%;
	}
	body .question .e-con-full:nth-of-type(2){
		width: 10%;
		max-width: 10%;
	}
}











/*quote slick slider*/
body .quote-slick-slider .single-quote, body .quote-slick-slider .single-quote p,
body .quote-slick-slider .single-quote, body .quote-slick-slider .single-quote h4{
	text-align: center;
	color: #ffffff;
}
body .quote-slick-slider .single-quote, body .quote-slick-slider .single-quote h4{
	font-weight: 200;
}
body .quote-slick-slider .single-quote, body .quote-slick-slider .single-quote p{
	font-weight: bold;
}
body .quote-slick-slider .slick-dots li button:before{
	font-size: 30px;
}
body .quote-slick-slider .slick-dots li button:before{
	color: #ffffff;
}


















/*counter----------------------------------------------------------------*/
body .counter .elementor-counter .elementor-counter-number-wrapper{
    font-size: 1em;
}
body .counter .elementor-counter .elementor-counter-title{
    font-size: 1em;
    line-height: 1em;
    margin-top: 10px;
}
body .counter .elementor-counter .elementor-counter-number-wrapper .elementor-counter-number{
    font-size: 7em;
	font-weight: 400; 
}












/*process-----------------------------------------------------------------*/
















/*full width img och call to action-----------------------------------------*/
body .full-width-img .elementor-widget-heading h2.elementor-heading-title{
	margin-bottom: 10px;
}












/*masonry layout-------------------------------------------------------------------------------------*/
/*Stylar om Wordpress default gallery funktion shortcode till att visas som masonry grid med klassen .masonry-container. Se html exempel nedan*/
/*
<div class="masonry-container"><!--Klassen masonry-container för Masonry layout, css i style.css-->
	<?php // Load value from AFC gallery field (array of ids).
	$image_ids = get_field('projekt_galleri');
	if( $image_ids ) {
		$images_string = implode( ',', $image_ids );
		$shortcode = sprintf( '[' . 'gallery ids="%s" columns="2" link="file" size="large"]', esc_attr($images_string) );
		echo do_shortcode( $shortcode );
	} ?>
</div>
*/
body .masonry-container .gallery{
	column-width: 450px;
	column-gap: 2px;
}
body .masonry-container .gallery-item{
  width: 100%; /* Sets the width of each img to 100% */
  max-width: 100%;
  height: auto; /* Allows the height to adjust automatically based on content */
  margin: 2px 0; /* Sets the margin around each img */
  display: block; /* Displays each img as a block-level element */
}
body .masonry-container .gallery-item:first-child {
  margin: 0 0 2px; /* Adjusts the margin for the first img*/
}
@media (max-width: 1400px){
	body .masonry-container .gallery{
		column-width: 350px;
	}
}
@media (max-width: 959px){
	body .masonry-container .gallery{
		column-width: 340px;
	}
}
@media (max-width: 767px){
	body .masonry-container .gallery{
		column-width: 200px;
	}
}
@media (max-width: 600px){
	body .masonry-container .gallery{
		column-width: 170px;
	}
}











/*blog news standard inlägg---------------------------------------------------------------------------------------*/
/*inlägg arkiv*/
body .blog-entry.thumbnail-entry{
    border-bottom: 0;
    padding-bottom: 0;
}
body .blog-entry.thumbnail-entry .blog-entry-comments,
body .blog-entry.thumbnail-entry .blog-entry-category{
    display: none;
}
body .blog-entry.thumbnail-entry .blog-entry-bottom{
    border-top: 1px solid #000000;
}
body.blog-entry.thumbnail-entry .blog-entry-date,
body .blog-entry.thumbnail-entry .blog-entry-date{
	font-weight: 400;
    color: #000000;
	text-transform: none;
	font-size: 15px;
}
/*inlägg grid custom shortcode.php*/
.single-post h3{
	margin: 10px 0 0 0;
}
/*inlägg single page*/










/*custom pagination används i custom post type archives templates-------------------------------------*/
body .custom-pagination .page-numbers,
body .page-numbers.current,
body .page-numbers span:not(.elementor-screen-only), 
body ul.page-numbers li .page-numbers{
	padding: 0 10px;
	font-size: 15px;
	border: 0;
	margin: 0;
	line-height: 1.2em;
	min-width: auto;
}
body .custom-pagination a.page-numbers,
body a.page-numbers{
	font-weight: 200;
}
body .custom-pagination span.page-numbers.current,
body span.page-numbers.current{
	color: #000000;
	font-weight: 600;
}
body ul.page-numbers{
	padding: 0;
	margin: 0 0 30px 0;
}
body .page-numbers.current{
	background: transparent;
}






/*Default single template mall för single posts och custom post types-----------------------------------*/
body #main #content-wrap.side-bar-template,
body #main #content-wrap.full-width-page-template{
	width: 100%;
	min-width: 100%;
	padding: 0;
}
body #content-wrap.side-bar-template .content-wrapper-outer,
body #content-wrap.full-width-page-template .content-wrapper-outer{
    width: 90%;
    margin: 0 auto;
}
body #content-wrap.side-bar-template .content-wrapper-outer .content-wrapper{
	display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
body #content-wrap.side-bar-template .content-wrapper-outer #main-content{
	width: 100%;
	max-width: 100%;
}
body #content-wrap.full-width-page-template .content-wrapper-outer #main-content{
	max-width: 900px;
	margin: 0 auto;
}
body #content-wrap.side-bar-template p.single-meta, 
body #content-wrap.full-width-page-template p.single-meta{
	font-size: 0.8em;
}
@media (max-width: 959px){
	body .side-bar-template .content-wrapper-outer .page-title,
	body .side-bar-template #sidebar .sidebar-img{
	text-align: center;
	}
}

/*sidebar*/
body #content-wrap.side-bar-template #sidebar{
	width: 400px;
}
@media (max-width: 1200px){
	body #content-wrap.side-bar-template .content-wrapper-outer .content-wrapper{
	flex-direction: column;
	}
	body #content-wrap.side-bar-template #sidebar{
	width: 100%;
	}
	body #content-wrap.side-bar-template #sidebar:not(.mobile-align-content-left) ul,
	body #content-wrap.side-bar-template #sidebar:not(.mobile-align-content-left) h2,
	body #content-wrap.side-bar-template #sidebar:not(.mobile-align-content-left) h3,
	body #content-wrap.side-bar-template #sidebar:not(.mobile-align-content-left) h4{
	text-align: center;
	}
}
body #sidebar .cat-list .active{
	font-weight: bold;
}
body .side-bar-template article .content-wrapper-outer #main-content ul li:last-of-type,
body .side-bar-template article .content-wrapper-outer #sidebar ul:last-of-type,
body .side-bar-template article .content-wrapper-outer #sidebar ul li:last-of-type,
body .side-bar-template article .content-wrapper-outer #sidebar p:last-of-type{
	margin-bottom: 0;
}
/*full width header*/
body .side-bar-template #single-full-width-header #bg-img,
body .full-width-page-template #single-full-width-header #bg-img{
	height: 600px;
	background-size: cover;
	background-position: center center;
}
@media (min-width: 1024px){
	body .side-bar-template #single-full-width-header #bg-img,
	body .full-width-page-template #single-full-width-header #bg-img{
	background-attachment: fixed;
	}
}
@media (max-width: 1600px){
	body .side-bar-template #single-full-width-header #bg-img,
	body .full-width-page-template #single-full-width-header #bg-img{
	height: 550px;
	}
}
@media (max-width: 1024px){
	body .side-bar-template #single-full-width-header #bg-img,
	body .full-width-page-template #single-full-width-header #bg-img{
	height: 400px;
	}
}
@media (max-width: 767px){
	body .side-bar-template #single-full-width-header #bg-img,
	body .full-width-page-template #single-full-width-header #bg-img{
	height: 300px;
	}
}

/*sticky sidemenu*/
body .side-bar-template #sidebar.sticky{
	position: sticky;
	top: 30px;
	bottom: 0px;
}
@media (max-width: 1200px){
	body .side-bar-template #sidebar.sticky{
	position: relative;
	top: auto;
	bottom: auto;
	}
}











/*PROJECT / PORTFOLIO CUSTOM POST TYPE-------------------------------------------------------------------*/
/*project grid från customshortcodes.php*/
@media (min-width: 1401px){
	body .project-grid .grid-2 .single-card .align-top-bottom,
	body .project-grid .grid-3 .single-card .align-top-bottom,
	body .project-grid .grid-4 .single-card .align-top-bottom{
	min-height: 230px;
	}
}
@media (max-width: 1400px){
	body .project-grid .grid-2 .single-card .align-top-bottom,
	body .project-grid .grid-3 .single-card .align-top-bottom,
	body .project-grid .grid-4 .single-card .align-top-bottom{
	min-height: 260px;
	}
}
@media (max-width: 1300px){
	body .project-grid .grid-2 .single-card .align-top-bottom,
	body .project-grid .grid-3 .single-card .align-top-bottom,
	body .project-grid .grid-4 .single-card .align-top-bottom{ 
	min-height: 300px;
	}
}
@media (max-width: 1024px){
	body .project-grid .grid-2 .single-card .align-top-bottom{
	min-height: 340px;
	}
}

/*Project single template*/
/*övergripande*/
body.single-project .side-bar-template #project-details{
	padding: 30px;
	background: var(--e-global-color-572f913);
}

/*Project arkiv template*/
body.post-type-archive-project,
body.tax-project-category{
	background-color: var(--e-global-color-572f913);
}










/*TEAM MEDARBETARE CUSTOM POST TYPE-----------------------------------------------------------------------*/
/*team member grid*/
body .team-member-grid .single-team-member .team-details{
	text-align: center;
}
body .single-team-member h3{
	margin-bottom: 0;
}
body .team-member-grid .single-team-member .team_connect .elementor-icon{
	border-radius: 20px;
    height: 40px;
	width: 40px;
	padding: 10px;
}
body .team-member-grid .grid-4 .profile-img{
	height: 450px;
	background-size: cover;
	background-position: center top;
	overflow: hidden;
}
@media (max-width: 1800px){
	body .team-member-grid .grid-4 .profile-img{
	height: 350px;
	}
}
@media (max-width: 1400px){
	body .team-member-grid .grid-4 .profile-img{
	height: 400px;
	}
}
@media (max-width: 1200px){
	body .team-member-grid .grid-4 .profile-img,
	body .side-bar-template #main-content .team-member-grid .grid-4 .profile-img{
	height: 500px;
	}
}
@media (max-width: 959px){
	body .team-member-grid .grid-4 .profile-img,
	body .side-bar-template #main-content .team-member-grid .grid-4 .profile-img{
	height: 800px;
	}
}
@media (max-width: 767px){
	body .team-member-grid .grid-4 .profile-img,
	body .side-bar-template #main-content .team-member-grid .grid-4 .profile-img{
	height: 600px;
	}
}
@media (max-width: 600px){
	body .team-member-grid .grid-4 .profile-img,
	body .side-bar-template #main-content .team-member-grid .grid-4 .profile-img{
	height: 500px;
	}
}

/*team cards 4 col grid layout*/
body .team-cards .single-team-member{
	background-color: #ffffff;
}
body .team-cards .single-team-member .elementor-social-icon svg{
    fill: #ffffff;
}
body .team-cards .single-team-member .team_connect .elementor-icon{
	background-color: var(--e-global-color-text);
}
body .team-cards .single-team-member .team_connect .elementor-icon{
	font-size: 20px;
}

/*team full width grid layout*/
body .team-full .team-details.box-padding{
	padding-top: 10px;
	padding-bottom: 0;
}
body .team-full .team-member-grid .profile-img{
	display: block;
    overflow: hidden;
}
body .team-full .team-details p{
	margin-bottom: 0;
}
body .team-full .single-team-member .team_connect .elementor-icon,
body.single .single-team-member .team_connect .elementor-icon{
	font-size: 25px;
}
body .team-full .team-member-grid{
    row-gap: 20px;
}

/*Team single template---------------------------------------------------------------------*/
/*övergripande*/
body.single-team .team .team-details .elementor-icon{
	margin: 5px 0 0 -5px;
}
body.single-team .team .team-content .page-title{
	margin-bottom: 0;
}

/*team-grid inside content area in the sidebar-template*/
body .side-bar-template #main-content .team-member-grid{
	margin-bottom: 20px;
}
body .side-bar-template #main-content .team-member-grid h3{
	font-size: 1em; 
}
body .side-bar-template #main-content .team-member-grid .team-details.box-padding{
	padding-top: 15px;
}
@media (min-width: 1801px){
	body .side-bar-template #main-content .team-member-grid .profile-img{
    height: 400px;
	}
}
@media (min-width: 1401px) and (max-width: 1800px) {
    body .side-bar-template #main-content .team-member-grid .profile-img{
    height: 250px;
    }
}
@media (min-width: 1201px) and (max-width: 1400px){
	body .side-bar-template #main-content .team-member-grid .profile-img{
    height: 270px;
    }
}
@media (min-width: 1201px) and (max-width: 959px){
	body .side-bar-template #main-content .team-member-grid .profile-img{
    height: 270px;
    }
}
@media (max-width: 959px){
	body .side-bar-template #main-content .team-member-grid .grid-inner .profile-img{
    max-width: 500px;
	height: auto;
	margin: 0 auto;
    }
}
@media (max-width: 767px){
	body .side-bar-template #main-content .team-member-grid .grid-inner .profile-img{
    max-width: 300px;
    }
}
@media (min-width: 1201px){
	body .side-bar-template #main-content .team-member-grid .grid-inner{
	justify-content: left;
	}
}









/*PARTNERS LOGOS CUSTOM POST TYPE-------------------------------------------------------------------*/
/*slick logo slider*/
body.elementor-editor-active .slick-logo-slider{
	display: flex;
	max-width: 100%; 
	overflow: hidden;
}
body.elementor-editor-active body .slick-logo-slider .single-logo div{
	width: 200px; 
}
body .slick-prev:before,
body .slick-next:before{
	font-family: FontAwesome;
	display: inline-block;
}
body .slick-prev:before{
	content: "\f053";
}
body .slick-next:before{
	content: "\f054";
}
body .slick-logo-slider .single-logo div{
    height: 100px;
	max-width: 320px;
    display: flex;
    align-items: center;
	justify-content: center;
}
body .slick-logo-slider .single-logo img{
    max-height: 100px;
    max-width: 100%;
    padding: 0 40px;
    display: block;
}
@media (max-width: 959px){
	body .slick-logo-slider .single-logo div{
    height: 80px;
	max-width: 270px;
	}
	body .slick-logo-slider .single-logo img{
	max-height: 80px;
    padding: 0 20px;
	}
}

/*smooth logo slider*/
@keyframes slidelogos{
	from{
		transform: translateX(0);
	}
	to{
		transform: translateX(-100%);
	}
}
body .smooth-logo-slider{
	overflow: hidden;
	white-space: nowrap;
	position: relative;
}
body .smooth-logo-slider:before,
body .smooth-logo-slider:after{
	position: absolute;
	top: 0;
	width: 100px;
	height: 100%;
	content: "";
	z-index: 2;
}
body .smooth-logo-slider:before{
	left: 0;
	background: linear-gradient(to left, rgba(255,255,255,0), #ffffff);
}
body .smooth-logo-slider:after{
	right: 0;
	background: linear-gradient(to right, rgba(255,255,255,0), #ffffff);
}
body .smooth-logo-slider:hover .logos{
	animation-play-state: paused;
}
body .smooth-logo-slider .logos{
	animation: 40s slidelogos infinite linear;
	display: inline-block;
}
body .smooth-logo-slider .logos img{
	max-height: 70px;
	max-width: 200px;
	margin: 0 40px;
}
@media (max-width: 767px){
	body .smooth-logo-slider .logos img {
		max-height: 60px;
		max-width: 140px;
		margin: 0 20px;
	}
}
/*Partner logo single template*/
body.single-logo .side-bar-template #sidebar .sidebar-img img{
	max-width: 300px;
	max-height: 200px;
}












/*star bar, hittas som fält stars på innehållstypen "quotes"----------------------------------*/
.stars {
    --percent: calc(var(--rating) / 5 * 100%);  
    display: inline-block;
    font-size: 30px;
    font-family: Times; 
    line-height: 1;
	margin-bottom: 23px;
}
.stars::before {
    content: '★★★★★';
    letter-spacing: 2px;
    background: -webkit-gradient(linear, left top, right top, from(#fc0), to(#f3f0ee));
    background: linear-gradient(90deg, #fc0 var(--percent), #f3f0ee var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}











/*PONTY---------------------------------------------------------------------------*/
/*GRID*/
/*Ponty grid----------------------------------------------------------------------*/
.custom-ponty-grid{
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
}
.custom-ponty-grid li.single-job{
	width: 23%;
    overflow: hidden;
    margin-bottom: 30px;
    padding: 0;
    border-radius: 0;
}
.custom-ponty-grid li.single-job:hover{
	background-color: #D6DDEF;
}
.custom-ponty-grid .job-description{
	margin: 0 10px;
}
.custom-ponty-grid .job-description h3,
.custom-ponty-grid .job-description p{
	text-align: center;
}
.custom-ponty-grid .job-description p{
    margin-bottom: 0;
}
.custom-ponty-grid .job-description hr{
	display: block;
	margin: 20px 45%;
	border: 2px solid #000000;
}
@media (max-width: 1250px){
	.custom-ponty-grid li.single-job{
	width: 31.5%;
	}
}
@media (max-width: 959px){
	.custom-ponty-grid li.single-job{
	width: 48%;
	}
}
@media (max-width: 767px){
	.custom-ponty-grid li.single-job{
	width: 100%;
	}
}
/*Ponty grid med bakgrundsbild-------------------------------------------------------------*/
#custom-ponty-grid-bg li.single-job{
	background-color: #f6f2ef;
}
#custom-ponty-grid-bg .job-img{
	height: 180px;
	background-size: cover;
	background-position: center center;
}
/*Ponty grid med logo----------------------------------------------------------------------*/
#custom-ponty-grid-logo li.single-job{
	background-color: #ffffff;
}
#custom-ponty-grid-logo .job-logo{
	width: 100%;
	display: block;
}
#custom-ponty-grid-logo .job-logo div{
	height: 130px;
}
#custom-ponty-grid-logo .job-logo div img{
	max-height: 90px;
	max-width: 90%;
	margin-top: 20px;
}
#custom-ponty-grid-logo .job-logo .job-title{
	margin: 0 10px;
}
#custom-ponty-grid-logo .single-job-wrapper{
	height: 100%; 
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
}
#custom-ponty-grid-logo .job-description .job-comp{
	margin-bottom: 5px;
}
@media (min-width: 959px){
	#custom-ponty-grid-logo .job-logo .job-title{
	min-height: 110px;
	}
}

/*LISTA*/
/*Ponty list------------------------------------------------------------------------------------*/
.boxed-list .custom-ponty-list li.single-job .job-wrapper{
	background-color: #ffffff;
}
.boxed-list .custom-ponty-list li.single-job .job-content .job-logo{
	padding: 10px 20px 10px 20px;
}
.list-lines .custom-ponty-list .single-job{
	border-bottom: 1px solid;
}
.list-lines .custom-ponty-list .single-job.margin-bottom{
	margin-bottom: 0;
}
.list-lines .custom-ponty-list li.single-job .job-content .job-logo{
	padding: 10px 20px 10px 0;
}
.custom-ponty-list{
	margin: 0;
}
.custom-ponty-list li.single-job .job-wrapper{
	display: flex;
	justify-content: space-between;
	list-style: none;
	align-items: center;
}
.custom-ponty-list li.single-job .job-content{
	display: flex;
	align-items: center;
}
.custom-ponty-list li.single-job .job-content h3.job-title{
	margin-bottom: 10px;
}
.custom-ponty-list li.single-job .job-content .job-logo{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 135px;
}
.custom-ponty-list li.single-job .job-content{
	width: 92%;
}
.custom-ponty-list li.single-job .job-arrow{
	width: 8%;
	text-align: right;
}
.custom-ponty-list li.single-job .job-content .job-logo{
	width: 18%;
}
.custom-ponty-list li.single-job .job-content .job-description{
	width: 82%;
	padding: 10px 0;
}
.custom-ponty-list li.single-job .job-content .job-logo img{
	max-height: 100%;
	max-width: 100%; 
}
.custom-ponty-list li.single-job .job-content .job-details{
	margin-bottom: 0;
}
.custom-ponty-list li.single-job .icon{
    color: #000000;
    display: inline-block;
    line-height: 1;
    text-align: center;
    transition: all .3s;
}
.custom-ponty-list li.single-job .icon svg{
    height: 1em;
    width: 1em;
}
@media (max-width: 959px){
	.custom-ponty-list li.single-job .job-content{
	width: 94%;
	}
	.custom-ponty-list li.single-job .job-arrow{
	width: 6%;
	}
	.custom-ponty-list li.single-job .job-content .job-logo{
	width: 25%;
	}
	.custom-ponty-list li.single-job .job-content .job-description{
	width: 75%;
	}
	.custom-ponty-list li.single-job .job-content .job-logo{
    height: 110px;
	}
}
@media (max-width: 767px){
	.custom-ponty-list li.single-job .job-content{
	width: 92%;
	}
	.custom-ponty-list li.single-job .job-arrow{
	width: 8%;
	}
}

/*PONTY single job template--------------------------------------------------------------------------*/
/*övergripande*/
body.single-pnty_job .pnty-organization-presentation{
	margin-bottom: 20px;
}
/*Ponty ansökningsknapp*/
body.single-pnty_job .main-apply-btn .elementor-button,
body.single-pnty_job a.pnty-btn,
body.single-pnty_job .button{
    border-radius: 0;
}
body.single-pnty_job .main-apply-btn .elementor-button,
body.single-pnty_job .button{
    line-height: 1;
    padding: 0;
}
body.single-pnty_job a.pnty-btn,
body.single-pnty_job .button,
body.single-pnty_job a.pnty-external-application{
	margin: 0;
	background-color: #738BC0;
	color: #fff;
	font-size: 1em;
}

/*PONTY DESIGN 01*/
/*single ponty page-template design 01------------------------------------------------------------------*/
body #main #content-wrap.ponty-design-01{
    padding: 0;
	max-width: 100% !important;
}
@media (min-width: 960px){
    body #main #content-wrap.ponty-design-01 .content-area{
        width: 100%;
    }
}
body #main #content-wrap.ponty-design-01 .content-area{
    float: none;
    position: relative;
    padding-right: 0;
    border-right-width: 0;
}
body.single-pnty_job .ponty-design-01 #single-pntyjob-header{
	height: 500px;
    display: flex;
    align-items: center;
	text-align: center;
	position: relative;
}
body.single-pnty_job .ponty-design-01 .elementor-location-header{
	height: 0;
}
body.single-pnty_job .ponty-design-01 #single-pntyjob-header .single-pntyjob-wrap,
body.single-pnty_job .ponty-design-01 #single-pntyjob-details .pnty-details-wrapper,
body.single-pnty_job .ponty-design-01 #pnty-content .pnty-content-wrapper{
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}
body.single-pnty_job .ponty-design-01 #single-pntyjob-header .single-pntyjob-wrap{
	z-index: 1;
}
/*overlay över bilden*/
body.single-pnty_job .ponty-design-01 #single-pntyjob-header #bg-img{
    background-size: cover;
    display: block;
    height: 500px;
    position: absolute;
    left: 0;
    right: 0;
	background-position: center center;
}
body.single-pnty_job .ponty-design-01 #single-pntyjob-header #bg-img::before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
}
body.single-pnty_job .ponty-design-01 #single-pntyjob-header h5,
body.single-pnty_job .ponty-design-01 #single-pntyjob-header h4,
body.single-pnty_job .ponty-design-01 #single-pntyjob-header h3,
body.single-pnty_job .ponty-design-01 #single-pntyjob-header h2,
body.single-pnty_job .ponty-design-01 #single-pntyjob-header p{
	color: #ffffff;
}
body.single-pnty_job .ponty-design-01 #single-pntyjob-details{
	background-color: #F6F4F1;
}
body.single-pnty_job .ponty-design-01 .pnty-details-wrapper,
body.single-pnty_job .ponty-design-01 .pnty-details-wrapper #ponty-details{
	display: flex;
	align-items: center;
}
body.single-pnty_job .ponty-design-01 .pnty-details-wrapper{
	justify-content: space-between;
}
body.single-pnty_job .ponty-design-01 .pnty-details-wrapper #recruit-img img{
	max-width: 180px;
}
body.single-pnty_job .ponty-design-01 .pnty-details-wrapper #recruit-details p{
	margin-bottom: 0;
}
/*job content*/
body.single-pnty_job .ponty-design-01 #job-logo img{
	max-width: 250px;
	max-height: 180px;
	margin-bottom: 20px;
}
@media (max-width: 959px){
	body.single-pnty_job .ponty-design-01 #single-pntyjob-header,
	body.single-pnty_job .ponty-design-01 #single-pntyjob-header #bg-img{
    height: 600px;
	}
	body.single-pnty_job .ponty-design-01 .pnty-details-wrapper,
	body.single-pnty_job .ponty-design-01 .pnty-details-wrapper #ponty-details{
	display: block;
	text-align: center;
	}
	body.single-pnty_job .ponty-design-01 .pnty-details-wrapper #recruit-img img{
	margin: 0 auto;
	padding: 0 0 20px 0;
	}
	body.single-pnty_job .ponty-design-01 #single-pntyjob-details #header-apply-btn{
	margin-top: 20px;
	}
}
@media (max-width: 767px){
	body.single-pnty_job .ponty-design-01 #single-pntyjob-header,
	body.single-pnty_job .ponty-design-01 #single-pntyjob-header #bg-img{
    height: 650px;
	}
	body.single-pnty_job .ponty-design-01 #single-pntyjob-details #header-apply-btn{
	margin-bottom: 0;
	}
}

/*PONTY DESIGN 02*/
/*single ponty page-template design 02------------------------------------------------------------------*/
body #main #content-wrap.ponty-design-02{
    padding: 0;
	max-width: 100% !important;
}
@media (min-width: 960px){
    body #main #content-wrap.ponty-design-02 .content-area{
        width: 100%;
    }
}
body #main #content-wrap.ponty-design-02 .content-area{
    float: none;
    position: relative;
    padding-right: 0;
    border-right-width: 0;
}
/*header*/
body.single-pnty_job .ponty-design-02 #single-pntyjob-header{
	height: 500px;
    display: flex;
    align-items: center;
	text-align: center;
	position: relative;
}
body.single-pnty_job .ponty-design-02 .elementor-location-header{
	height: 0;
}
body.single-pnty_job .ponty-design-02 #single-pntyjob-header .single-pntyjob-wrap{
	max-width: 1000px;
}
body.single-pnty_job .ponty-design-02 #single-pntyjob-header .single-pntyjob-wrap{
	z-index: 1;
}
/*overlay över bilden*/
body.single-pnty_job .ponty-design-02 #single-pntyjob-header #bg-img{
    background-size: cover;
    display: block;
    height: 500px;
    position: absolute;
    left: 0;
    right: 0;
	background-position: center center;
}
body.single-pnty_job .ponty-design-02 #single-pntyjob-header #bg-img::before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
}
body.single-pnty_job .ponty-design-02 #single-pntyjob-header h5,
body.single-pnty_job .ponty-design-02 #single-pntyjob-header h4,
body.single-pnty_job .ponty-design-02 #single-pntyjob-header h3,
body.single-pnty_job .ponty-design-02 #single-pntyjob-header h2,
body.single-pnty_job .ponty-design-02 #single-pntyjob-header p{
	color: #ffffff;
}
/*job content*/
body.single-pnty_job .ponty-design-02 #pnty-content-wrapper .ponty-content-wrapper{
	display: flex;
	justify-content: space-between;
}
body.single-pnty_job .ponty-design-02 #pnty-content-wrapper,
body.single-pnty_job .ponty-design-02 #single-pntyjob-header .single-pntyjob-wrap{
	width: 90%;
	margin: 0 auto;
}
body.single-pnty_job .ponty-design-02 #pnty-content{
	width: 73%;
}
body.single-pnty_job .ponty-design-02 #right-sidebar{
	width: 20%;
}
body.single-pnty_job .ponty-design-02 #job-logo img{
	max-width: 250px;
	max-height: 180px;
}
body.single-pnty_job .ponty-design-02 #job-logo,
body.single-pnty_job .ponty-design-02 #right-sidebar #recruit-img{
	margin-bottom: 20px; 
}

@media (max-width: 959px){
	body.single-pnty_job .ponty-design-02 #single-pntyjob-header,
	body.single-pnty_job .ponty-design-02 #single-pntyjob-header #bg-img{
    height: 600px;
	}
	body.single-pnty_job .ponty-design-02 #pnty-content-wrapper .ponty-content-wrapper{
	display: block;
	}
	body.single-pnty_job .ponty-design-02 #pnty-content,
	body.single-pnty_job .ponty-design-02 #right-sidebar{
	width: 100%;
	}
	body.single-pnty_job .ponty-design-02 #right-sidebar .profile-img{
	width: 250px;
	max-width: 100%;
	margin-top: 30px;
	}
}
@media (max-width: 767px){
	body.single-pnty_job .ponty-design-02 #single-pntyjob-header,
	body.single-pnty_job .ponty-design-02 #single-pntyjob-header #bg-img{
    height: 650px;
	}
}

/*PONTY DESIGN 03*/
/*single ponty page-template design 03------------------------------------------------------------------*/
body #main #content-wrap.ponty-design-03{
    padding: 0;
	max-width: 100% !important;
}
@media (min-width: 960px){
    body #main #content-wrap.ponty-design-03 .content-area{
        width: 100%;
    }
}
body #main #content-wrap.ponty-design-03 .content-area{
    float: none;
    position: relative;
    padding-right: 0;
    border-right-width: 0;
}
/*job content*/
body.single-pnty_job .ponty-design-03 #pnty-content-wrapper{
	width: 90%;
	margin: 0 auto;
	padding-top: 0;
}
body.single-pnty_job .ponty-design-03 #pnty-content{
	width: 78%;
}
body.single-pnty_job .ponty-design-03 #sidebar{
	width: 20%;
}
body.single-pnty_job .ponty-design-03 #pnty-content-wrapper .ponty-content-wrapper{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
body.single-pnty_job .ponty-design-03 #sidebar.sticky{
	position: sticky;
	top: 30px;
	bottom: 0px;
}
body.single-pnty_job .ponty-design-03 #sidebar #recruit-img{
	width: 250px;
	max-width: 100%;
	margin-bottom: 20px; 
}
body.single-pnty_job .ponty-design-03 #pnty-content #job-logo img{
	max-width: 300px;
	max-height: 180px;
}
body.single-pnty_job .ponty-design-03 #pnty-content #single-pnty-text p:last-child{
	margin-bottom: 0;
}

@media (max-width: 959px){
	body.single-pnty_job .ponty-design-03 #sidebar.sticky{
	position: relative;
	bottom: auto;
	}
	body.single-pnty_job .ponty-design-03 #pnty-content-wrapper .ponty-content-wrapper{
	flex-direction: column-reverse;
	}
	body.single-pnty_job .ponty-design-03 #pnty-content,
	body.single-pnty_job .ponty-design-03 #sidebar{
	width: 100%;
	}
	body.single-pnty_job .ponty-design-03 #sidebar{
	margin-bottom: 30px; 
	}
}

/*PONTY DESIGN 04*/
/*single ponty page-template design 04------------------------------------------------------------------*/
body #main #content-wrap.ponty-design-04{
    padding: 0;
	max-width: 100% !important;
}
@media (min-width: 960px){
    body #main #content-wrap.ponty-design-04 .content-area{
        width: 100%;
    }
}
body #main #content-wrap.ponty-design-04 .content-area{
    float: none;
    position: relative;
    padding-right: 0;
    border-right-width: 0;
}
/*job content*/
body.single-pnty_job .ponty-design-04 #pnty-content-wrapper{
	width: 90%;
	margin: 0 auto;
	padding-top: 0;
}
body.single-pnty_job .ponty-design-04 #pnty-content{
	width: 75%;
}
body.single-pnty_job .ponty-design-04 #sidebar{
	width: 20%;
}
body.single-pnty_job .ponty-design-04 #pnty-content-wrapper .ponty-content-wrapper{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
body.single-pnty_job .ponty-design-04 #sidebar.sticky{
	position: sticky;
	top: 30px;
	bottom: 0px;
}
body.single-pnty_job .ponty-design-04 #sidebar #recruit-img{
	width: 250px;
	max-width: 100%;
	margin-bottom: 20px; 
}
body.single-pnty_job .ponty-design-04 #pnty-content #job-logo img{
	max-width: 300px;
	max-height: 180px;
}
body.single-pnty_job .ponty-design-04 #pnty-content #single-pnty-text p:last-child{
	margin-bottom: 0;
}

@media (max-width: 959px){
	body.single-pnty_job .ponty-design-04 #sidebar.sticky{
	position: relative;
	bottom: auto;
	}
	body.single-pnty_job .ponty-design-04 #pnty-content-wrapper .ponty-content-wrapper{
	flex-direction: column;
	}
	body.single-pnty_job .ponty-design-04 #pnty-content,
	body.single-pnty_job .ponty-design-04 #sidebar{
	width: 100%;
	}
	body.single-pnty_job .ponty-design-04 #sidebar{
	margin-bottom: 30px; 
	}
}









/*Search--------------------------------------------------------------------------------------------*/
body.search-results #main #content-wrap #content,
body.search-no-results #main #content-wrap #content,
body.error404 #main #content-wrap #content{
	padding-top: 30px;
    max-width: 1000px;
    margin: 0 auto;
}
body.search-no-results #main #content-wrap #content{
	text-align: center;
	padding: 100px 0;
}
body.error404 .error404-content .error-title{
    margin: 0 0 20px;
}










/*error 404------------------------------------------------------------------------------------------*/
body .error404-content .button{
	background-color: var(--e-global-color-accent);
	margin-bottom: 30px;
	margin-top: 32px;
}









/*footer---------------------------------------------------------------------------------------------*/
#footer #footer-widgets{
	padding: 100px 0;
}







/*anpassning---------------------------------------------------------------------------------------------------------------*/
/*platta*/
@media (max-width: 1024px) {

}

/*slår om till mobil meny*/
@media (max-width: 959px){
	/*content width*/
	body .e-con-boxed.e-parent{
		max-width: 90%;
		margin: 0 auto;
	}
	body .content-area{
	margin-bottom: 0;
	}
	/*fonter*/
	html body, 
	body #site-logo a.site-logo-text,
	body #site-navigation-wrap .dropdown-menu>li>a,
	body .elementor-button-wrapper a.elementor-button,
	body p, body li, body .main-apply-btn a.pnty-btn{
		font-size: 16px !important; /*basic font-size mobilt*/
		line-height: 1.4em; /*basic line-height mobilt*/
	}
	body h1,
	body .elementor-widget-heading h1.elementor-heading-title{
		font-size: 2.3em;
		font-weight: bold;
		line-height: 1.2em;
	}
	body h2,
	body .elementor-widget-heading h2.elementor-heading-title{
		font-size: 1.7em;
		font-weight: bold;
	}
	body h3,
	body .elementor-widget-heading h3.elementor-heading-title{
		font-size: 1.6em;
	}
	body h4,
	body .elementor-widget-heading h4.elementor-heading-title,
	body .qa  .elementor-widget-heading h3.elementor-heading-title{
		font-size: 1.2em;
	}
	body h5,
	body .elementor-widget-heading h5.elementor-heading-title{
		font-size: 1.2em;
	}
	body h6,
	body .elementor-widget-heading h6.elementor-heading-title{
		font-size: 0.8em;
	}
	/*knappar*/
	body .elementor-button-wrapper a.elementor-button,
	body .main-apply-btn a.pnty-btn,
	body.single-pnty_job a.pnty-btn,
	body.single-pnty_job a.pnty-external-application{
		padding: 15px 30px;
	}
}



/*minsta skärm*/
@media (max-width: 767px) {
	body #ponty-apply-btn{
	margin-bottom: 0;
	}
}