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


@font-face{ 
font-family: PTSerif; 
src: url(https://svenskfiberteknik.se/wp-content/themes/oceanwp-child/fonts/PTSerif-Bold.ttf);
font-weight: 700; 
}



/*ö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 #main{
	background-image: url("https://svenskfiberteknik.se/wp-content/uploads/2025/06/Svensk-Fiberteknik-Fiberdragning-bygg-renovering-gravning-behorig-snickare-elektriker-malare-uthyrning-personal-inom-bygg-platschef-arbetsledare-Bas-P-Bas-U.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	padding-bottom: 1300px;
}
@media (max-width: 2000px){
	body #main{
	padding-bottom: 1000px;
	}
}
@media (max-width: 1800px){
	body #main{
	padding-bottom: 848px;
	}
}
@media (max-width: 1500px){
	body #main{
	padding-bottom: 770px;
	}
}
@media (max-width: 1200px){
	body #main{
	padding-bottom: 600px;
	}
}
@media (max-width: 969px){
	body #main{
	padding-bottom: 450px;
	}
}
@media (max-width: 767px){
	body #main{
	padding-bottom: 350px;
	}
}
@media (max-width: 650px){
	body #main{
	padding-bottom: 300px;
	}
}
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*/
    }
}
/*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{
	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{
	font-family: "Calibri", Sans-serif !important; /*basic font-family*/
}
body h1, body h2, body h3,
body .elementor-widget-heading h2.elementor-heading-title,
body *:not(.quote-slider) .elementor-widget-heading h3.elementor-heading-title{
	font-family: "PTSerif", Serif !important; /*basic font-family*/
	text-transform: uppercase;
	font-weight: bold;
}
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: 4em;
	line-height: 1.1em;
}
body h2, body .elementor-widget-heading h2.elementor-heading-title{
	font-size: 3em;
}
body h3, body .elementor-widget-heading h3.elementor-heading-title,
body .custom-list ul li span{
	font-size: 1.6em;
	font-weight: 600;
	line-height: 1.4em;
}
body h4, body .elementor-widget-heading h4.elementor-heading-title{
	font-size: 1.2em;
}
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{
	padding: 15px 30px;
	border: 0;
	border-radius: 10px;
	display: inline-block;
	letter-spacing: 0;
	height: auto;
    font-size: 1em;
	line-height: 1em;
	font-weight: normal;
	text-transform: none;
}







/*header--------------------------------------------------------------------------*/
#mobile-dropdown #mobile-menu-search{
    display: block;
    padding: 20px 0px;
    max-width: 90%;
    margin: 0 auto;
}
body .no-header-border #site-header{
    min-height: 125px;
}
body #site-header{
	padding-bottom: 47px; 
}
@media (max-width: 767px){
	body .no-header-border #site-header{
    min-height: 103px;
	}
	body #site-header{
	padding-bottom: 28px; 
	}
}
body #mobile-dropdown{
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 0px rgba(0,0,0,0);
	background: #eaeaea;
}
body #mobile-dropdown #mobile-menu-search form input{
    padding: 10px 45px 10px 20px !important;
    border: 2px solid #000000;
    border-radius: 20px;
}
body:not(.elementor-editor-active) #site-logo{
    position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0; 
	top: 10px;
}
/*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,
body .icon-heading .elementor-heading-title:before{
	font-family: "Font Awesome\ 5 Free";
	content: "\f0c8";
    display: inline-block;
    padding-right: 12px;
    vertical-align: middle;
    font-weight: 900;
	font-size: 12px;
	margin-top: 4px;
	transform: rotate(45deg);
	color: var( --e-global-color-dfd99c6);
}





/* 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: 40px 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: 40px;
    --widgets-spacing-row: 40px;
	row-gap: 40px;
    --widgets-spacing-column: 40px;
	column-gap: 40px;
}
/*box padding -----*/
body .box-padding{
	padding: 40px; /*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: 40px;
}
body .padding-right{
	padding-right: 40px;
}
body .padding-left{
	padding-left: 40px;
}
body .padding-top{
	padding-top: 40px;
}
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: 40px;
}
body .margin-right{
	margin-right: 40px;
}
body .margin-left{
	margin-left: 40px;
}
body .margin-top,
body.blog #content{
	margin-top: 40px;
}
/*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;*/
	--widgets-spacing-column: 40px;
	column-gap: 40px;
}
@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; 
}











/*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;
	}
}








/*info boxar serivces*/
body .services .services-intro .e-con-inner p{
	max-width: 700px;
}







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








/*contact form--------------------------------------------------------*/
/*contact övergripande*/
body .contact-form .e-con-boxed{
	/*max-width: 90%;*/
}
body .contact-form .wpforms-field-label{
	margin-bottom: 3px;
}
body .contact-form div.wpforms-container-full:not(:empty){
    margin: 0px auto;
}
body div.wpforms-container-full .wpforms-field-label,
body .wpforms-container .wpforms-field-label{
	font-size: 1em;
	font-weight: 400;
}
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 .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: 0;
	max-width: 100%;
}
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;
	float: right;
}
/*SFT contact-form index header*/
body .contact-form-header h1{
	margin-bottom: 10px;
}
body .contact-form-header{
	margin: 60px 0;
}
body .contact-form-header label.wpforms-field-label{
	display: none;
}
body .contact-form div.wpforms-container-full .wpforms-form .wpforms-field-container input[type=date], 
body .contact-form div.wpforms-container-full .wpforms-form input[type=datetime], 
body .contact-form div.wpforms-container-full .wpforms-form input[type=datetime-local], 
body .contact-form div.wpforms-container-full .wpforms-form input[type=email], 
body .contact-form div.wpforms-container-full .wpforms-form input[type=month], 
body .contact-form div.wpforms-container-full .wpforms-form input[type=number], 
body .contact-form div.wpforms-container-full .wpforms-form input[type=password], 
body .contact-form div.wpforms-container-full .wpforms-form input[type=range], 
body .contact-form div.wpforms-container-full .wpforms-form input[type=search], 
body .contact-form div.wpforms-container-full .wpforms-form input[type=tel], 
body .contact-form div.wpforms-container-full .wpforms-form input[type=text], 
body .contact-form div.wpforms-container-full .wpforms-form input[type=time], 
body .contact-form div.wpforms-container-full.wpforms-form input[type=url], 
body .contact-form div.wpforms-container-full .wpforms-form input[type=week], 
body .contact-form div.wpforms-container-full .wpforms-form select, 
body .contact-form div.wpforms-container-full .wpforms-form textarea{
    background: #ffffff;
	border: 2px solid #000000;
	border-radius: 10px;
	padding: 20px;
	min-height: 60px;
}
body .contact-form .wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field {
    padding: 4px 0;
}
body .contact-form div.wpforms-container-full .wpforms-form .wpforms-submit-container{
	margin-top: 3px;
}
body .contact-form .wpforms-container-full .wpforms-confirmation-container-full, 
body .contact-form div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #01b584;
    border: 0px;
    box-sizing: border-box;
	color: #ffffff;
	border-radius: 10px;
}
body .contact-form div.wpforms-container-full .wpforms-confirmation-container-full p, 
body .contact-form div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) p{
	color: #ffffff;
}
body .contact-form a.mailcheck-suggestion{
	color: #000000;
}



/*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;
	}
}









/*Q&A-----------------------------------------------------------------------*/
body .qa .question{
	margin-bottom: 20px;
	cursor: pointer;
}
body .qa .ga-wrapper{
	border-bottom: 1px solid #000000;
}
body:not(.elementor-editor-page) .qa .answer{
	display: none;
}
body .container-padding.qa .elementor-element{
    row-gap: 0;
}










/*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(#fff), to(#60bded));
    background: linear-gradient(90deg, #fff var(--percent), #60bded var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}








/*quote slick slider*/
body .quote-slick-slider .single-quote, body .quote-slick-slider .single-quote p{
	text-align: center;
}
body .quote-slick-slider .single-quote h4{
	font-size: 1.8em;
	max-width: 800px;
	margin: 0 auto;
	margin-bottom: 30px;
	font-weight: 100; 
}
@media (max-width: 959px){
	body .quote-slick-slider .single-quote h4{
	font-size: 1.6em;	
	}
}
@media (max-width: 767px){
	body .quote-slick-slider .single-quote h4{
	font-size: 1.3em;	
	font-weight: 200; 
	}
}
body .quote-slick-slider .single-quote p,
body .quote-slick-slider .single-quote h4{
	color: #ffffff;
}
body .quote-slick-slider .single-quote p{
	margin-bottom: 0;
	font-weight: bold; 
}
body .quote-slick-slider .slick-prev:before.
body .quote-slick-slider .slick-next:before{
    font-size: 35px;
}
body .slick-dots li button:before{
    font-size: 40px;
	color: #ffffff;
}
body .slick-dots li.slick-active 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;
	font-size: 35px;
}
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;
}












/*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.search article a{
	color: #000000;
}
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: 75px 0 50px 0;
}
#footer .elementor-heading-title{
	margin-bottom: 20px;
}
#footer #footer-widgets a, #footer #footer-widgets a:hover{
	color: #ffffff;
}








/*anpassning---------------------------------------------------------------------------------------------------------------*/
@media (max-width: 1300px) {
	body h1,
	body .elementor-widget-heading h1.elementor-heading-title{
		font-size: 3.5em;
		font-weight: bold;
	}
	/*rubriker*/
	body h2.elementor-heading-title{
    margin-bottom: 20px;
	}
	/*column gaps*/
	body .container-padding .elementor-element, 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,
    body .text-block.container-padding .elementor-element, body .text-block.container-padding .e-con.e-flex>.e-con-inner{
	--widgets-spacing-row: 20px;
	row-gap: 20px;
	column-gap: 20px;
	}
}
/*platta*/
@media (max-width: 1024px) {
	/*content width*/
	body .e-con-boxed.e-parent,
	body .contact-form.e-parent{
	max-width: 90%;
	margin: 0 auto;
	}
}

/*slår om till mobil meny*/
@media (max-width: 959px){
	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.2em;
		font-weight: bold;
	}
	body h2,
	body .elementor-widget-heading h2.elementor-heading-title{
		font-size: 2.2em;
		font-weight: bold;
	}
	body h3,
	body .elementor-widget-heading h3.elementor-heading-title{
		font-size: 1.5em;
	}
	body h4,
	body .elementor-widget-heading h4.elementor-heading-title{
		font-size: 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;
	}
	
	
	/*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;
	}
}