/*
Theme Name:     oceanwp child theme
Author:         Olivia Hoback
Author URI:     https://www.olivia.nu/
Template:       oceanwp
*/
@font-face { 
font-family: Din; 
src: url(https://www.sifferverket.se/wp-content/themes/oceanwp-child/fonts/din/DIN-Regular.ttf); 
font-weight: 400;
}
/*admin*/
body.elementor-editor-active #top-bar-wrap{
	display: none;
}
/*övergripande*/
*, *:focus, a:focus, a, 
body #site-logo #site-logo-inner a, body #site-logo #site-logo-inner a:focus,
#site-navigation-wrap .dropdown-menu>li, #site-navigation-wrap .dropdown-menu>li:focus,
#site-navigation-wrap .dropdown-menu>li a, #site-navigation-wrap .dropdown-menu>li a:focus{
    outline: none !important;
}
body .elementor-section.elementor-section-boxed > .elementor-container,
body nav.woocommerce-pagination,
body.single-product #content,
body.single-pnty_job #content-wrap,
body.single-pnty_job_showcase #content-wrap{
    width: 1300px;
    max-width: 90%;
	margin: 0 auto;
}
body .sv-process.e-parent > .e-con-boxed > .e-con-inner{
    max-width: 90%;
}
body, body #main,
body .widget-area{
	font-size: 18px;
}
body, *{
	margin: 0;
	padding: 0;
}
body #main #content-wrap{
  padding: 0;
}
body .container {
    max-width: 100%;
}


/*text*/
/*text och rubriker*/
body h1, body h2, body h3, body h4, body h5, body h6{
	color: #ffffff;
}
body, body h1, body h2, body h3, body h4, body h5, body h6, p, a, span,
.elementor h1, .elementor h2, .elementor h3, .elementor h4, .elementor h5, .elementor h6, .elementor p, .elementor a, .elementor span,
body .elementor-widget-heading .elementor-heading-title, 
body .elementor-heading-title,
body #sub-header-title h1.elementor-heading-title,
#menu-main-menu a,
body #mailform-popup,
body section.contact-section div.wpforms-container-full .wpforms-form,
.woocommerce ul.products li.product .woo-entry-inner li,
.woocommerce ul.products li.product li.title a,
div.wpforms-container-full .wpforms-form small{
	font-family: 'Calibri', sans-serif;
}
body p, body .elementor p,
body #site-navigation-wrap .dropdown-menu>li>a{
	font-size: 1em;
	line-height: 1.5em;
	font-weight: 100;
}
body.privacy-policy p,
body.woocommerce ul.products li.product li.title h2 a{
	color: #ffffff;
}


/*text storlekar*/
body h1, body .elementor-widget-heading h1.elementor-heading-title,
body #index-header .elementor-widget-heading h1.elementor-heading-title,
body #sub-header-title h1.elementor-heading-title,
body section.text-full-width h1.elementor-heading-title{
    font-size: 6em;
    font-weight: 600;
    line-height: 0.9em;
    font-family: calibri;
}
body h2, body .elementor-widget-heading h2.elementor-heading-title, body h2.elementor-heading-title,
body.woocommerce ul.products li.product li.title a,
body.woocommerce div.product .product_title,
body #shop-message h2, body h2.elementor-heading-title{
	font-size: 3em;
    line-height: 1.2em;
    font-weight: 600;
    text-transform: none;
}
body h3, body .elementor-widget-heading h3.elementor-heading-title, body h3.elementor-heading-title,
body.blog .blog-entry.grid-entry .blog-entry-header .entry-title,
body section#lediga-jobb .jobs-list-content h3,
body #shop-message h3, body h3.elementor-heading-title{
	font-size: 2em;
	line-height: 1.3em;
	font-weight: 600;
	text-transform: none;
}
body  section .elementor-widget-text-editor .elementor-widget-container ul li{
	font-size: 1em;
	font-weight: 600;
}





/*elementor övergripande*/
body .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 0;
}
body section.text-left-img-right .text-kolumn > .elementor-widget-wrap,
body section#contact-form .img-kolumn > .elementor-widget-wrap,
body section.heading-text-full-width .elementor-widget-wrap,
body section.text-columns-3 .elementor-widget-wrap,
body section.text-full-width .elementor-widget-wrap,
body section.process-section .elementor-widget-wrap,
body section.SV-2-cols section .elementor-column .elementor-widget-wrap,
.body section .box-padding, body .box-padding{
	padding: 40px;
}
body section.SV-2-cols section .elementor-column .elementor-widget-wrap{
	padding-top: 30px;
}
body section.SV-2-cols section .elementor-container{
	gap: 70px;
}
body section.SV-2-cols section .elementor-column .elementor-widget-wrap,
body section .rounded, body .rounded,
body.woocommerce-shop .oceanwp-row .col .product-inner,
body.woocommerce div.product div.images, 
.woocommerce.content-full-width div.product div.images,
body.woocommerce div.product .woocommerce-tabs,
body.woocommerce-shop ul.products.oceanwp-row .product.col,
section#lediga-jobb-grid ul.custom-ponty-puffar li.single-job{
	border-radius: 40px;
}
body section .sv-buttom-button .elementor-widget-wrap{
	align-content: space-between;
    flex-wrap: wrap;
}
body section .round, body .round{
	border-radius: 50%;
}



body .padding-bottom{
	padding-bottom: 120px;
}
body .padding-top{
	padding-top: 120px;
}
body .no-top-padding{
	padding-top: 0;
}
body .no-bottom-padding{
	padding-bottom: 0;
}
@media (min-width: 1024px){
	body .padding-bottom{
	padding-bottom: 60px;
	}
	body .padding-top{
		padding-top: 60px;
	}
}
@media (max-width: 767px){
	body section.SV-2-cols section .elementor-container{
	gap: 40px;
	}
	body .padding-bottom{
	padding-bottom: 40px;
	}
	body .padding-top{
		padding-top: 40px;
	}	
}









/*buttons*/
/*Typsnittet Din funkar inte på knappar i mac, så alla knappar har därför Calibri som typsnitt*/
body button span, body button, body .elementor .elementor-button-wrapper span{
	font-family: 'Calibri', sans-serif;
}
body .elementor button{
	box-shadow: none;
    border-style: none;
}
body.slick-dots li button:before,
body .slick-dots li.slick-active button:before{
	color: #ffffff;
}
body .elementor-widget-button .elementor-button, 
body .elementor-widget-button .elementor-button,
body section#contact-form div.wpforms-container-full .wpforms-form button[type=submit],
body.woocommerce ul.products li.product .button, body.woocommerce ul.products li.product .button:hover,
body.single-pnty_job .pnty-btn,
.error404-content .error-btn, .error404-content .error-btn:hover, .error404-content a.error-btn:hover,
body #contact-form div.wpforms-container-full .wpforms-form button[type=submit]{
	font-family: 'Calibri', sans-serif;
	font-size: 1em;
	font-weight: 400;
	letter-spacing: 1px;
	border-radius: 40px;
	padding: 30px 35px;
	background-color: var(--e-global-color-accent); 
	color: #ffffff;
	line-height: 1.2em;
	min-width: 275px;
	max-width: 90%;
	box-shadow: none;
	border-width: 0;
}

    






.tilt{
	rotate: -5deg;
}
.tiltleft{
	rotate: 5deg;
}
@media (min-width: 768px){
	.tilt{
	margin-top: -15px;
	}	
}


/*header och menyn*/
body #site-header.transparent-header{
	position: absolute;
}
body #site-header.transparent-header .fab{
	color: #dedede;
}
body #site-header.transparent-header .fab:hover{
	color: #ffffff;
}
body #top-bar-wrap ul#menu-underverken-menu li{
	margin: 0;
	width: 40px;
}
#site-header-inner{
    max-width: 96%;
}
body #mobile-fullscreen #mobile-fullscreen-inner ul.menu li a{
	text-transform: none;
	font-size: 1.8em;
}
body #mobile-fullscreen ul li a:hover{
    color: #ffffff;
}
body #mobile-fullscreen ul li a:focus {
    outline: none !important;
	color: #ffffff;
}
body #site-navigation-wrap .dropdown-menu>li>a,
body .oceanwp-social-menu ul li a{
	font-size: 1.1em;
	line-height: 3.7em;
}
body #site-navigation-wrap .dropdown-menu #menu-item-35 a{
    padding-right: 0;
}
body #menu-main-menu .sub-menu img{
	width: 15px;
	height: 15px;
}
body .dropdown-menu .sub-menu {
  border-top: 0px;
}
body #index-header .elementor-widget-button:not(:last-child) {
    margin-bottom: 10px;
}
.effect-three #site-navigation-wrap .dropdown-menu>li>a.menu-link>span {
    padding-bottom: 8px;
}
@media (max-width: 1024px){
	body #sv-index-header{
		background-image: none;
	}
}
/*index*/
body.home #main #content-wrap{
	padding-top: 0 !important;
}
body #moving-circles{
	position: absolute;
	top: 0;
	width: 1300px;
	max-width: 100%;
}





/*boll animation*/
/*#index-header{
	z-index: 3;
	overflow: hidden;
}
#moving-rounds{
	margin-top: -780px;
}
.boll-wrapper-area{
	top: 0;
	height: 780px;
}
*/



/*Elementor sektioner-------------------------------------------*/

#footer #footer-underverken a i.fa,
#lediga-jobb i.fa,
section#lediga-jobb-grid ul.custom-ponty-puffar li.single-job i.fa{
	font-size: 0.7em;
	vertical-align: middle;
	padding: 0 5px;
	color: #d1d1d1;
}


/*med classen clickable blir hela sektionen klickbar som har en länk i sig, 
lägg länken i valfritt element i en kolumn i elementor och ge den klassen clickable*/
body:not(.elementor-editor-active) .elementor-column.clickable a:after {
   content: "";
   display: block; 
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 2; 
}

/* Remove relatively-positioned parent elements in column */
body:not(.elementor-editor-active) .clickable .elementor-widget, 
body:not(.elementor-editor-active) .clickable .elementor-widget-wrap{
   position: static;
}


/*text och rubriker*/
section.standard-rubrik{
	margin: 60px;
}




/*rundade bilder + text*/
body .sv-text-round-img .sv-round-img,
body .sv-text-round-img .sv-round-img .round{
	padding: 0;
}




/*sv-contact cards*/
body .sv-contact-cards .sv-round-img{
	--widgets-spacing-row: 0;
	row-gap: 0;
}
body .sv-contact-cards .sv-round-img h3.elementor-heading-title{
	margin-top: 10px;
}

/*underverken sektion*/
section#underverken-counter .elementor-widget-image img{
	width: 60px;
	height: 60px;
}
section#underverken-counter .elementor-counter-number{
	font-size: 1.6em;
    font-weight: 100;
    letter-spacing: -4px;
	margin-bottom: 8px;
}
section#underverken-counter .elementor-counter .elementor-counter-title {
    font-size: 0.8em;
    line-height: 1.2em;
}
section#underverken-counter .elementor-widget-image{
	margin-top: 10px;
}
section#underverken-counter .elementor-counter .elementor-counter-title,
section#underverken-counter .elementor-counter-number,
section#underverken-counter h3.elementor-heading-title{
	color: #ffffff;
}
section#underverken-counter #huvudverket-col .elementor-counter .elementor-counter-title,
section#underverken-counter #huvudverket-col .elementor-counter-number,
section#underverken-counter #huvudverket-col h3.elementor-heading-title{
	color: #747373;
}
section#underverken-counter #sifferverket-col div.elementor-widget-wrap,
section#underverken-counter #kommunikationsverket-col div.elementor-widget-wrap,
section#underverken-counter #besoksverket-col div.elementor-widget-wrap,
section#underverken-counter #interimsverket-col div.elementor-widget-wrap{
	padding: 4px;
}
section#underverken-counter .elementor-widget:not(:last-child) {
    margin-bottom: 0;
}
body section#underverken-counter .elementor-widget-heading h3.elementor-heading-title{
	margin-bottom: 20px;
}
body section#underverken-counter.text-counter .elementor-widget-heading h3.elementor-heading-title{
	margin-top: 10px;
	font-size: 1.6em;
	line-height: 1.2em;	
}
body section#underverken-counter  .elementor-widget-counter{
	margin-top: -5px;
}

  
  
  
  
  


/*lediga jobb sektion vertikal*/
section#lediga-jobb p{
	text-align: center;
}
section#lediga-jobb .job-logo,
section#lediga-jobb .job-description,
section#lediga-jobb .job-arrow{
	display: flex;
}
section#lediga-jobb .job-logo{
	width: 20%;
	padding: 10px 40px 10px 0;
	max-height: 120px;
}
section#lediga-jobb .job-logo img{
	max-height: 100px;
	max-width: 100%;
}
section#lediga-jobb .job-description{
	width: 75%;
}
section#lediga-jobb .job-arrow{
	width: 5%;
}
section#lediga-jobb .job-arrow .jobs-list-content{
	text-align: right;
}
section#lediga-jobb .single-job{

}
section#lediga-jobb .job-description h4,
section#lediga-jobb .job-description p{
	text-align: left;
}
body section#lediga-jobb ul.custom-ponty-grid {
	margin-left: 0;
	margin-top: 0;
}
body section#lediga-jobb ul.custom-ponty-grid li{
	overflow: hidden
}
body section#lediga-jobb ul.custom-ponty-grid li.single-job{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border-bottom: 1px solid #f1f1f1;
	min-height: 120px;
	background: #ffffff;
	padding: 20px 0;
}
body section#lediga-jobb ul.custom-ponty-grid li .job-column{
	display: flex;
}
body section#lediga-jobb .jobs-list-content{
	display: flex;
	flex-direction: column;
	width: 100%;
}
body section#lediga-jobb .jobs-list-content{
	display: flex;
	flex-direction: column;
	background-color: #fff;
	width: 100%;
}
body section#lediga-jobb .jobs-list-content p{	
	flex: 1 0 auto;
	margin: 0;
	line-height: 1.4em;
}
body section#lediga-jobb .jobs-list-content p.job-details a{	
	display: block;
	padding-top: 20px;
}
body section#lediga-jobb .jobs-list-content p,
body section#lediga-jobb .jobs-list-content h3{	
	text-align: left; 
}
body section#lediga-jobb .jobs-list-content p a:hover,
body section#lediga-jobb .jobs-list-content h3 a:hover{	
	color: #000000;
}
section#lediga-jobb-rubrik{
	margin-bottom: 20px;
}
.se-alla-jobb-btn{
	padding-top: 20px;
	padding-bottom: 70px;
}


/*lediga jobb puffar NY*/
section#lediga-jobb-grid{
	background-color: var( --e-global-color-accent );
}
section#lediga-jobb-grid ul.custom-ponty-puffar{
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	row-gap: 50px;
	column-gap: 5%;
	padding: 0px 80px;
	align-items: stretch;
}
body section#lediga-jobb-grid .elementor-element .elementor-shortcode p{
	 text-align: center;
}
section#lediga-jobb-grid.lediga-jobb-3 ul.custom-ponty-puffar{
  padding: 20px 80px 30px 80px;
}
section#lediga-jobb-grid.lediga-jobb-3{
	padding-top: 60px;
}
section#lediga-jobb-grid ul.custom-ponty-puffar li.single-job{
	width: 30%;
	padding: 0;
	background-color: transparent;
	overflow: hidden;
	box-shadow: none;
}
section#lediga-jobb-grid ul.custom-ponty-puffar li.single-job .job-description-wrapper h3,
section#lediga-jobb-grid ul.custom-ponty-puffar li.single-job .job-description-wrapper p,
section#lediga-jobb-grid ul.custom-ponty-puffar li.single-job .job-description-wrapper a,
section#lediga-jobb-grid ul.custom-ponty-puffar li.single-job .job-description-wrapper a:hover{
	color: #ffffff;
}
section#lediga-jobb-grid ul.custom-ponty-puffar li.single-job .job-img-wrapper{
	display: block;
	height: 170px;
	background-color: #ffffff;
	overflow: hidden;
	display: flex;
    justify-content: center;
    align-items: center;
}
section#lediga-jobb-grid ul.custom-ponty-puffar li.single-job .job-img-wrapper .logo-img{
	height: 100px;
	display: flex;
    justify-content: space-around;
	width: 100%;
}
section#lediga-jobb-grid ul.custom-ponty-puffar li.single-job .job-img-wrapper img{
	max-height: 100px;
	max-width: 75%;
	object-fit: contain;
	vertical-align: middle;
}
section#lediga-jobb-grid ul.custom-ponty-puffar li.single-job span:not(.completed) .fas{
	background: #3a0607;
    padding: 20px 22px;
    border-radius: 40px;
	font-size: 2em; 
	margin-top: 10px;
}
section#lediga-jobb-grid ul.custom-ponty-puffar li.single-job .job-description-wrapper{
	overflow: hidden;
	background-color: var( --e-global-color-8ddcc5d );
}
section#lediga-jobb-grid ul.custom-ponty-puffar a.job-link{
	display: block;
}
section#lediga-jobb-grid ul.custom-ponty-puffar li.single-job h3.job-title{
	display: block;
    height: 120px;
    padding: 30px 10px 0px 10px;
    line-height: 1.2em;
}
section#lediga-jobb-grid ul.custom-ponty-puffar li.single-job i.fa{
	color: white;
}
section#lediga-jobb-grid ul.custom-ponty-puffar li.single-job p{
	font-size: 1em;
	line-height: 1.6em;
	margin-bottom: 40px;
}
section#lediga-jobb-grid ul.custom-ponty-puffar li.single-job .verk-logo img{
	max-width: 40px;
}


/*showcase-----------------------*/
@media (min-width: 960px){
	section#lediga-jobb-grid.showcase-list{
		margin-top: 20px;
	}
}
section#lediga-jobb-grid.showcase-list ul.custom-ponty-puffar li.single-job .job-img-wrapper{
	padding: 40px 0;
	height: auto;
	display: block;
}
section#lediga-jobb-grid.showcase-list ul.custom-ponty-puffar li.single-job .verk-logo{
	z-index: 99;
    display: block;
    position: relative;
}
section#lediga-jobb-grid.showcase-list ul.custom-ponty-puffar li.single-job .job-img-wrapper p{
	color: #000000;
}
section#lediga-jobb-grid.showcase-list ul.custom-ponty-puffar li.single-job h3.job-title{
	height: auto;
	margin-bottom: 0; 
	padding: 30px 10px 0 10px;
}
section#lediga-jobb-grid.showcase-list ul.custom-ponty-puffar li.single-job p.job-details{
	margin-bottom: 20px;
}
section#lediga-jobb-grid.showcase-list ul.custom-ponty-puffar li.single-job .job-description-wrapper p{
	padding: 20px 0 0 0;
}
section#lediga-jobb-grid.showcase-list ul.custom-ponty-puffar li.single-job .job-description-wrapper h3{
	color: #ffffff;
    margin: 10px 0;
}
section#lediga-jobb-grid.showcase-list ul.custom-ponty-puffar li.single-job .job-description-wrapper{
	transition: all 0.3s;
	box-sizing: border-box;
	max-width: 100%;
	height: 100%
}
section#lediga-jobb-grid.showcase-list ul.custom-ponty-puffar li.single-job .completed{
	background: #3a0607;
    padding: 20px 22px 20px 0px;
    border-radius: 40px;
    margin-top: 10px;
	display: block;
	transform: rotate(-3deg);
	transition: all 0.3s;
	width: 240px;
    margin: 0 auto;
	position: relative;
	z-index: 9;
}
section#lediga-jobb-grid.showcase-list ul.custom-ponty-puffar li.single-job:hover .completed{
	transform: scale(1.3) rotate(0deg);
}
section#lediga-jobb-grid.showcase-list ul.custom-ponty-puffar li.single-job .completed .fas{
    font-size: 2em;
	position: absolute;
    margin-left: 10px;
}
section#lediga-jobb-grid.showcase-list ul.custom-ponty-puffar li.single-job .completed{
	font-size: 1.2em;
    line-height: 2em;
}
/*
section#lediga-jobb-grid.showcase-list ul.custom-ponty-puffar li.single-job .job-description-wrapper{
	transform: rotate(5deg);
	transition: all 0.3s;
	box-sizing: border-box;
	max-width: 100%;
	margin-top: -60px;
}
section#lediga-jobb-grid.showcase-list ul.custom-ponty-puffar li.single-job:hover .job-description-wrapper{
	transform: scale(1.3) rotate(0deg);
}
*/
@media only screen and (min-width: 768px){
	section#lediga-jobb-grid.showcase-list ul.custom-ponty-puffar li.single-job .job-img-wrapper{
		margin: 0;
		padding: 0;
		height: 170px;
		overflow: hidden;
		display: flex;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
	}
	section#lediga-jobb-grid.showcase-list ul.custom-ponty-puffar li.single-job .job-description-wrapper h3{
    min-height: 140px;
	}
}



/*single job ponty mall enskild annons*/
body.single-pnty_job section#pnty-single-page-title,
body.archive section#pnty-single-page-title,
body.error404 section#pnty-single-page-title,
body.search section#pnty-single-page-title,
body.single-pnty_job_showcase section#pnty-single-page-title{
	position: relative;
	display: block;
}
body.single-pnty_job section#pnty-single-page-title .elementor-container,
body.archive section#pnty-single-page-title .elementor-container,
body.error404 section#pnty-single-page-title .elementor-container,
body.search section#pnty-single-page-title .elementor-container,
body.single-pnty_job_showcase section#pnty-single-page-title .elementor-container{
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
	padding-top: 125px;
}
body.single-pnty_job section#pnty-single-page-title .elementor-column,
body.archive section#pnty-single-page-title .elementor-column,
body.error404 section#pnty-single-page-title .elementor-column,
body.search section#pnty-single-page-title .elementor-column,
body.single-pnty_job_showcase section#pnty-single-page-title .elementor-column{
    width: 100%;
	position: relative;
    min-height: 1px;
    display: flex;
}
body.single-pnty_job section#pnty-single-page-title h1.elementor-heading-title,
body.archive section#pnty-single-page-title h1.elementor-heading-title,
body.error404 section#pnty-single-page-title h1.elementor-heading-title,
body.search section#pnty-single-page-title h1.elementor-heading-title,
body.single-pnty_job_showcase section#pnty-single-page-title h1.elementor-heading-title{
	margin: 30px 0 30px 0;
	text-align: center;
    padding: 0 10%;
	color: #ffffff;
}
body.single-pnty_job_showcase section#pnty-single-page-title h3.elementor-heading-title{
	font-weight: 200;
	text-align: center;
	color: #ffffff;
}

body.single-pnty_job section#pnty-single-header,
body.single-pnty_job_showcase section#pnty-single-header,
body.archive section#pnty-single-header,
body.error404 section#pnty-single-header,
body.search section#pnty-single-header{
	display: block;
	background-image: url(https://www.sifferverket.se/wp-content/uploads/2023/02/Huvudverket-rekrytering-inom-interim-ekonomi-besoksnaring-kommunikation-hyr-konsult-nu-smal.jpg);
    background-position: top center;
    background-repeat: repeat;
    background-size: cover;
}
body.single-pnty_job section#pnty-single-header .elementor-container,
body.single-pnty_job_showcase section#pnty-single-header .elementor-container,
body.archive section#pnty-single-header .elementor-container,
body.error404 section#pnty-single-header .elementor-container,
body.search section#pnty-single-header .elementor-container{
	min-height: 140px;
	align-items: center;
	display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
body.single-pnty_job #content-wrap,
body.single-pnty_job_showcase #content-wrap,
body.archive #content-wrap,
body.error404 #content-wrap,
body.search #content-wrap{
	position: relative;
	z-index: 10;
}

body.single-pnty_job #main #content-wrap,
body.single-pnty_job_showcase #main #content-wrap,
body.archive #main #content-wrap,
body.error404 #main #content-wrap,
body.search #main #content-wrap{
    padding-top: 60px;
	padding-bottom: 35px;
	overflow: hidden;
}
body.single-pnty_job #primary #header-logo,
body.single-pnty_job_showcase #primary #header-logo{
	max-width: 250px;
	max-height: 90px; 
}
header.entry-header h3.elementor-heading-title{
margin: 30px 0;
}
body.single-pnty_job .profile-img,
body.single-pnty_job_showcase .profile-img{
	background: var(--e-global-color-b308a3f);
    border-radius: 50%;
    margin-top: 20px;
    margin-left: -5px;

}
body.single-pnty_job  .pnty-share-btn div,
body.single-pnty_job_showcase  .pnty-share-btn div{
	float: left;
	margin-right: 20px;
}
body.single-pnty_job  .pnty-share-btn div a,
body.single-pnty_job_showcase  .pnty-share-btn div a{
	font-size: 1.3em;
}
body.single-pnty_job #right-sidebar-inner h3,
body.single-pnty_job_showcase #right-sidebar-inner h3{
	margin-bottom: 5px;
}
body.single-pnty_job #right-sidebar-inner p,
body.single-pnty_job_showcase #right-sidebar-inner p{
	margin-bottom: 25px;
}
body.single-pnty_job .pnty-btn,
body.single-pnty_job_showcase .pnty-btn{
	background: var( --e-global-color-8ddcc5d ) !important; 
	text-align: center;
	border: 0px;
}
body.single-pnty_job .content-area,
body.single-pnty_job_showcase .content-area{
    border-right-width: 0;
}
body.single-pnty_job #right-sidebar-inner .rounded,
body.single-pnty_job_showcase #right-sidebar-inner .rounded{
	background: var( --e-global-color-8ddcc5d );
	padding: 20px 30px;
}
body.single-pnty_job #right-sidebar-inner .rounded p:last-of-type,
body.single-pnty_job_showcase #right-sidebar-inner .rounded p:last-of-type{
	margin-bottom: 5px;
}


/*text + img sektion*/
body section.text-left-img-right .img-kolumn{
	min-height: 500px;
}
body section.text-left-img-right .inner-column-quotes p{
	color: #ffffff;
}
body .inner-column-quotes .quote-text p{
	margin-top: 20px;
	font-style: italic;
	font-weight: 100;
}
body .inner-column-quotes p .quote-namn{
	font-weight: 800;
}
body .inner-column-quotes .slick-dots li button::before{
    color: #ffffff;
}



/*quotes / logos section */
body #section-logos img{
	padding: 60px;
}
/*quotes full width slider*/
#section-quotes-full-width .quotes{
	max-width: 700px;
	text-align: center;
	margin: 0 auto;
	text-align: center;
	margin-top: 25px;
}
#section-quotes-full-width .quotes .quote-text p{
	font-size: 1.1em;
}
#section-quotes-full-width .slick-dots li.slick-active button:before{
    opacity: 0.75;
    color: #ffffff;
}
body .quotes .slick-dots li button:before{
	font-size: 10px;
    color: #ffffff;
}
body .sv-vitsord .elementor-element p{
	text-align: center;
}
body .sv-vitsord .elementor-element .quote-text p{
	font-style: italic;
	font-size: 1.1em;
}
@media only screen and (max-width: 959px){
	body .sv-vitsord .elementor-element .quote-text p{
	letter-spacing: 1px;
	}
}
body .sv-vitsord .elementor-element .avsandare p span.quote-namn{
	font-weight: bold;
}




/*horisontell full width logo slider*/
#full-width-logo-slider .logos-slider-horisontal{
	padding: 60px 0;
}
#full-width-logo-slider .logos-slider-horisontal .single-logotyp img{
	max-height: 70px;
	padding: 0 30px;
	max-width: 265px;
}
#full-width-logo-slider .logos-slider-horisontal .single-logotyp div {
    display: flex;
    align-items: center;
    height: 70px;
}



/*sektion 2 senaste blogg poster*/
body section#recent-blog-posts #recent-post-wrapper {
	display: flex;
	grid-column-gap: 3%;
	margin-bottom: 60px;
	flex-wrap: wrap;
}
body section#recent-blog-posts #recent-post-wrapper a{
  flex-basis: 47%;
}
body section#recent-blog-posts .recent-post.elementor-button{
    display: block;
    line-height: 1;
    background-color: transparent;
    padding: 0;
    border-radius: 0;
	color: #000000;
}
body section#recent-blog-posts .recent-post h3,
body section#recent-blog-posts .recent-post p{
	text-align: center;
}
body section#recent-blog-posts .recent-post h3{
	margin: 20px 0 5px 0;
}
body section#recent-blog-posts .recent-post p{
	margin-top: 0;
}
body section#recent-blog-posts .recent-post p span{
	padding: 0 5px;
}

/*section 10 senaste bloggposter*/
body section#recent-blog-posts.recent-blog-posts-medium #recent-post-wrapper{
  grid-column-gap: 5%;
  padding-top: 60px;
  margin-bottom: 0; 
}
body section#recent-blog-posts.recent-blog-posts-medium #recent-post-wrapper .recent-post{
  flex-basis: 30%;
}
body section#recent-blog-posts.recent-blog-posts-medium a:hover,
body section#recent-blog-posts h3{
 color: #000000;
}
body section#recent-blog-posts.recent-blog-posts-medium a i{
 margin-left: 10px;
}




/*call to action*/
body section.section-call-to-action:not(#call-to-action-clean){
	background:  linear-gradient(#ffffff 4%, #f1f1f1 4%);
}
body section.section-call-to-action .call-to-action-img{
	padding: 0 25%;
	margin-bottom: 30px;
}
body section.section-call-to-action .left-img,
body section.section-call-to-action .right-img{
	padding: 0 1%;
}
body section.section-call-to-action #wpforms-form-734{
	display: flex;
}
body section.section-call-to-action .wpforms-field-container{
	width: 100%;
	display: inline;
}
body section.section-call-to-action div.wpforms-container-full .wpforms-form input.wpforms-field-medium{
	max-width: 100%;
}
body .wpforms-confirmation-container-full, body div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background-color: var(--e-global-color-8ddcc5d);
    border: 0;
	color: #ffffff;
} 
body .wpforms-confirmation-container-full p{
	text-align: center;
}

body div.wpforms-container-full .wpforms-form input[type=text]{
	border-radius: 0px;
}
body section.section-call-to-action .Call-to-action-text p{
	margin-bottom: 0;
}
body section.section-call-to-action div.wpforms-container-full{
    margin: 0px auto;
}
body section.section-call-to-action div.wpforms-container-full .wpforms-form input[type=text]{
	padding: 10px 30px;
    height: 60px;
	border: 0;
}
body section.section-call-to-action div.wpforms-container-full .wpforms-form button[type=submit],
body section.section-call-to-action div.wpforms-container-full .wpforms-form button[type=submit]:hover{
	height: 60px;
	background-color: #747373;
	margin-left: -6px;
	border: 0;
}

/*vit variant*/
body section.section-call-to-action#call-to-action-vit{
	background: #ffffff;
	border: 7px solid #747373;
}
body section.section-call-to-action#call-to-action-vit section.call-to-action-img,
body section.section-call-to-action#call-to-action-vit .left-img,
body section.section-call-to-action#call-to-action-vit .right-img{
	margin-top: -25px;
}
body section.section-call-to-action#call-to-action-vit div.wpforms-container-full .wpforms-form input[type=text]{
	background: #f1f1f1;
	color: #000000;
}


/*clean variant full width utan bilder*/
body section.section-call-to-action#call-to-action-clean div.wpforms-container-full .wpforms-form .wpforms-field-label-inline,
body section.section-call-to-action#call-to-action-clean .wpforms-field-description small, 
body section.section-call-to-action#call-to-action-clean div.wpforms-container-full .wpforms-form small,
body section.section-call-to-action#call-to-action-clean div.wpforms-container-full .wpforms-form *{
	color: #ffffff;
}





/*sektion contact form*/
#contact-form a, #contact-form p{
	font-size: 1em;
}
#contact-form a, #contact-form p{
	color: #ffffff;
}
body #contact-form .img-kolumn label,
body section#contact-form .img-kolumn .wpforms-container ul li{
	color: #000000;
}
body section#contact-form .img-kolumn .wpforms-container{
	padding: 0;
	margin: 0;
}
body section#contact-form .img-kolumn .wpforms-container ul li{
	line-height: 1.1em;
}
body section#contact-form div.wpforms-container-full .wpforms-form input[type=text],
body section#contact-form div.wpforms-container-full .wpforms-form input[type=email],
body section#contact-form  div.wpforms-container-full .wpforms-form textarea{
	border: 0;
}
body section#contact-form div.wpforms-container-full .wpforms-form input[type=text],
body section#contact-form div.wpforms-container-full .wpforms-form input[type=email],
body section#contact-form  div.wpforms-container-full .wpforms-form textarea{
	width: 100%;
	max-width: 80%;
}
body #contact-form .img-kolumn label.wpforms-error{
	color: red;
}






/*kontakt sidan*/
body section.contact-cards .elementor-widget-wrap p a,
body section.contact-cards .elementor-widget-wrap p a:hover{
	color: #ffffff;
}
body .wpforms-recaptcha-container{ 
	visibility: hidden;
	opacity: 0;
}
div.wpforms-container-full .wpforms-form small{
	font-size: 0.9em;
}
body div.wpforms-container-full .wpforms-form input[type=date], body div.wpforms-container-full .wpforms-form input[type=datetime], body div.wpforms-container-full .wpforms-form input[type=datetime-local], body div.wpforms-container-full .wpforms-form input[type=email], body div.wpforms-container-full .wpforms-form input[type=month], body div.wpforms-container-full .wpforms-form input[type=number], body div.wpforms-container-full .wpforms-form input[type=password], body div.wpforms-container-full .wpforms-form input[type=range], body div.wpforms-container-full .wpforms-form input[type=search], body div.wpforms-container-full .wpforms-form input[type=tel], body div.wpforms-container-full .wpforms-form input[type=text], body div.wpforms-container-full .wpforms-form input[type=time], body div.wpforms-container-full .wpforms-form input[type=url], body div.wpforms-container-full .wpforms-form input[type=week], body div.wpforms-container-full .wpforms-form select, body div.wpforms-container-full .wpforms-form textarea {
    border-radius: 20px;
	max-width: 100%;
}
body #contact-form .box-padding{
	padding-top: 20px;
}
body #contact-form  div.wpforms-container-full .wpforms-form ul li {
    margin-bottom: 0px !important;
    line-height: 1.2em;
}
body .wpforms-field-description small,
div.wpforms-container-full .wpforms-form small,
body #contact-form small a,
body #contact-form small a:hover{
	color: #ffffff;
}
body section.section-call-to-action .wpforms-field-container{
    margin-bottom: 20px;
}







/*rubrik och text sektion*/
body section.heading-text-full-width .elementor-widget-container,
body section.text-full-width .elementor-widget-container{
	max-width: 70%;
	margin: 0 auto;
}


/*3 kolumner sektion*/
body section.text-columns-3 .elementor-widget-wrap h2.elementor-heading-title{
	margin-bottom: 20px;
}
body section.text-columns-3 .elementor-section .elementor-container {
    column-gap: 60px;
}
body section.text-columns-3 .elementor-section .elementor-widget-button{
    margin-bottom: 20px;
}


/*text full width sektion*/
body section.text-full-width .elementor-widget-wrap,
body section.text-columns-3 .elementor-widget-wrap{
	padding-bottom: 40px;
}

/*process section*/
body section.process-section .elementor-inner-section h2.elementor-heading-title{
	margin-bottom: 40px;
}
/*spotify and text*/
.text-left-img-right .spotify, .text-right-img-left .spotify{
	padding: 60px 60px 55px 0;
}




/*blogg verksamt*/
body.single-post #main #content-wrap,
body.page #main #content-wrap,
body.blog #sub-header-wrap,
body.woocommerce-shop #sub-header-wrap,
body.single-product #main #content-wrap{
	padding-top: 125px;
}
body.single .entry-title,
body.single-post ul.meta{
    border: 0px;
}
body.single-post.content-max-width #wrap .thumbnail{
	margin-top: 0;
}
body.blog .blog-entry.grid-entry .blog-entry-inner{
  border: 0px;
}
body.blog .blog-entry.grid-entry .blog-entry-header .entry-title {
  text-align: center;
}
body.blog .blog-entry.grid-entry ul.meta {
    justify-content: center;
}
body.blog ul.meta i,
body.single-post ul.meta i{
	display: none;
}
body.blog #blog-entries {
    column-gap: 2%;
}
body .oceanwp-row article.blog-entry{
  width: 49%;
}
body.blog #blog-entries .blog-entry-inner{
  border: 0px;
  background-color: transparent;
}
body.blog .blog-entry.post .thumbnail .overlay{
	background-color: rgba(0,0,0,0);
}
body.blog .blog-entry.post .blog-entry-header .entry-title a,
body.blog .blog-entry.post .blog-entry-header .entry-title a:hover{
	color: #000000;
}
body .page-numbers span:not(.elementor-screen-only), body .page-links span, body ul.page-numbers a{
	border: 0;
}
body ul.page-numbers{
	margin-bottom: 60px;
}





/*webshop*/
body.woocommerce-shop #content{
	width: 1360px;
	max-width: 100%;
	margin: 0 auto;
}
body.woocommerce-shop ul.products{
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
	gap: 60px;
}
body.woocommerce-shop ul.products li{ 
	background: var(--e-global-color-b308a3f);
}
body.woocommerce-shop .oceanwp-row .span_1_of_3{
    width: 30%;
}
.woocommerce ul.products li.owp-content-center .product-inner,
.woocommerce ul.products li.owp-content-center ul.product-inner{
    display: block;
    height: 100%;
}
body.woocommerce ul.products li.product .woo-entry-inner li.image-wrap a img{
	max-width: 200px;
}
body.woocommerce ul.products li.product .woo-entry-inner li.image-wrap{
	padding-top: 25px;
}
body.woocommerce ul.products li.product .woo-entry-inner li:last-child{
    padding-bottom: 25px;
}
body.woocommerce ul.products li.product .button,
body.woocommerce ul.products li.product .button:hover{
	padding: 25px;
}
body.woocommerce #content .pagination-left .woocommerce-pagination ul.page-numbers,
body.woocommerce nav.woocommerce-pagination ul.page-numbers{
	text-align: right;
	border: 0;
}
body.woocommerce nav.woocommerce-pagination ul.page-numbers a{
	color: #ffffff;
}
body.woocommerce nav.woocommerce-pagination ul.page-numbers a:hover,
body.woocommerce nav.woocommerce-pagination ul.page-numbers a:active{
		background: transparent;
		border: 0;
}
body .woocommerce-pagination .page-numbers span:not(.elementor-screen-only),
body .page-numbers a, body .page-numbers span:not(.elementor-screen-only), body .page-links span{
    border-radius: 30px;
}
body .woocommerce-pagination .page-numbers.current span:not(.elementor-screen-only),
body .page-numbers.current span:not(.elementor-screen-only),
ody .page-numbers.current{
    background-color: var(--e-global-color-e616749);
}

page-numbers current
body.woocommerce-shop ul.products.oceanwp-row .product.col{
    position: relative;
    overflow: hidden;
    padding: 0;
	margin: 0;
}
body.woocommerce ul.products li.product .woo-entry-inner li.price-wrap{
	margin-bottom: 0;
}
body.woocommerce ul.products li.product li.title h2{
	margin-bottom: 5px;
}
body.single-product .elementor-column.elementor-col-33{
	width: 100%;
}
body.single-product #content{
	margin-bottom: 30px;
}
body.single-product #content{
	margin-top: 60px; 
}
body.woocommerce div.product div.images, .woocommerce.content-full-width div.product div.images{
    overflow: hidden;
}
body.woocommerce div.product .woocommerce-tabs{
    background-color: var(--e-global-color-b308a3f);
    padding: 60px;
}
body.woocommerce .oceanwp-toolbar,
body.woocommerce .owp-product-nav-wrap{
    display: none;
}
#shop-message{
	color: #ffffff;
	z-index: 99;
    position: relative;
	padding-bottom: 60px;
	text-align: center;
}
#shop-message h2.elementor-heading-title{
	color: #ffffff;
	margin-bottom: 20px;
	width: 900px;
	max-width: 90%;
    margin: 0 auto;
}
#shop-message h3{
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 10px;
}
body.woocommerce ul.products li.product li.title a{
	font-size: 1.8em;
}
body.woocommerce div.product .product_title{
	padding-bottom: 0;
}
body.woocommerce #featured-product.container{
    max-width: 100%;
    position: relative;
    overflow: hidden;
	z-index: 99;
	display: flex;
	justify-content: stretch;
}
body.woocommerce #featured-product #featured-text,
body.woocommerce #featured-product #featured-img{
	display: block;
	overflow: hidden;
	float: left;
}
body.woocommerce #featured-product #featured-text{
	width: 66.6%;
	background-color: #eb575a; 
	color: #ffffff;
	padding: 60px;
}
body.woocommerce #featured-product #featured-img{
	width: 33.3%;
	background-color: #1d4b6d;
}
body.woocommerce #featured-product #featured-img img{
	vertical-align: middle;
}
body.woocommerce #featured-product #featured-text,
body.woocommerce #featured-product #featured-text p,
body.woocommerce #featured-product #featured-text a,
body.woocommerce #featured-product #featured-text h2.elementor-heading-title,
body.woocommerce #featured-product #featured-text h3{
	color: #ffffff;
}
body.woocommerce #featured-product #featured-text ul{
	list-style: disc;
	list-style-position: inside;
}
body.woocommerce #featured-product #featured-text #read-more-link a i{
	animation: 0.6s infinite alternate arrow;
}
@keyframes arrow{
	from {
	padding-left: 2px;
	}
	to {
	padding-left: 20px;
	}
}







/*subpages*/
#sub-header-title h1.elementor-heading-title{
	margin: 60px 0 120px 0;
}






/*search*/
body.search a, body.search a:hover{
	color: #ffffff;
}
body.search #content{
	width: 1000px;
	max-width: 90%;
	margin: 0 auto;
}
body.search .search-results article {
    position: relative;
    width: 100%;
    margin-bottom: 60px;
    padding-bottom: 20px;
    border-bottom: 0px;
}
body.search-results article .search-entry-readmore a{
    display: inline-block;
    font-size: 1em;
    font-weight: 100;
    line-height: 1;
    padding-bottom: 3px;
    border-bottom: 0;
    text-transform: none;
    letter-spacing: 0px;
}
body.search-results article .thumbnail{
    display: none;
}
body.search-results article .search-entry-summary p{
	font-weight: 400;
}

/*404*/
body.error404 form input[type="search"]{
	border-radius: 40px;
	padding: 20px;
	color: #ffffff;
	font-size: 1.1em;
	background-color: var(--e-global-color-8ddcc5d);
    border: 0px;
}
body.error404 form input::placeholder{
    color: #ffffff !important;
}
body.error404 .error404-content .error-btn, 
body.error404 .error404-content .error-btn:hover{
    font-size: 1.3em;
    padding: 14px 26px;
    margin-top: 26px;
    text-transform: none;
    font-weight: 600;
}




/*footer*/
#footer .elementor-widget-heading .elementor-heading-title,
#footer .elementor-widget-container{
	color: #d35e6f;
}
#footer #footer-logo img{
	max-width: 60px;
}
body #footer p{
	 font-size: 1.2em;
}    
body #footer a.elementor-icon{
	background-color: #d35e6f !important;
}

#footer #footer-underverken a i.fa{
    padding-right: 5px;
	padding-left: 0;
}
#footer #footer-underverken a#footer-sif i.fa{
	color: #eb575a;
}
#footer #footer-underverken a#footer-bes i.fa{
	color: #f3b562;
}
#footer #footer-underverken a#footer-kom i.fa{
	color: #98c2b6;
}
#footer #footer-underverken a#footer-int i.fa{
	color: #1d4b6d;
}
#cn-accept-cookie a:hover{
	color: #ffffff;
}
body #cookie-notice .cn-button:not(.cn-button-custom){
	border-radius: 20px;
}
body #cookie-notice .cn-close-icon:after, 
body #cookie-notice .cn-close-icon:before{
    background-color: #ffffff;
}

body #footer-link{
	line-height: 2em;
}				  
#footer-widgets .elementor-col-20:not(#footer-social) a{
    display: inline-block;
}
#footer-widgets .elementor-col-20:not(#footer-social) a:active{
    color: #d1d1d1;
}
body #footer #footer-widgets p,
body #footer #footer-widgets a{
    color: #d35e6f;
}
@media only screen and (max-width: 959px) {
	body #footer #footer-widgets p{
		font-weight: 400;
	}
}


/*anpassning skärmar--------------------------------------------------------------------------------------------------------------------------*/


/*slår om till platta*/	
@media only screen and (max-width: 1280px) {
	body h1, body #index-header .elementor-widget-heading h1.elementor-heading-title,
	body #sub-header-title h1.elementor-heading-title{
    font-size: 5em;
	}
	body #index-header #header-img{
	height: 700px;
	}
	#moving-rounds{
	margin-top: -750px;
	}
	body .boll-wrapper-area{
		top: 0;
		height: 750px;
	}

	
}



/*när browsern blir mindre än bredden på sidan 1300px*/
@media only screen and (max-width: 1320px){
	section#lediga-jobb, 
	body.single-pnty_job #main #content-wrap,
	body.single-pnty_job_showcase #main #content-wrap{
	max-width: 100%;
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 40px;
	padding-bottom: 40px;
	}
	body.woocommerce-shop #content,
	body.single-product .summary{
	max-width: 96%;
	margin: 0 auto;
	}
	body #footer #footer-inner #footer-widgets #custom-footer{
	width: 100%;
    max-width: 100%;
	padding: 0 6%;
	}
	body #footer #footer-logo.elementor-column.elementor-col-20{
    width: 11%;
	margin-right: 3%;
	}
	body #footer #footer-kontakt.elementor-column.elementor-col-20,
	body #footer #footer-underverken.elementor-column.elementor-col-20,
	body #footer #footer-rekrytering.elementor-column.elementor-col-20{
    width: 26%;
	}
	body #footer #footer-social.elementor-column.elementor-col-20{
    width: 8%;
	}
	body #footer #footer-social.elementor-column.elementor-col-20 .elementor-grid-item{
	margin-bottom: 10px;
	}
}



/*full skärm --INNAN-- det slår om till mobil meny*/
@media only screen and (min-width: 1025px){
	/*header*/
	body #index-header .elementor-widget:not(:last-child),
	body #index-header .elementor-widget-wrap>.elementor-widget-button{
	width: auto;
	margin-right: 10px;
	margin-bottom: 10px;
	}

	body #site-header.transparent-header{
	position: absolute;
	top: 40px;
	max-width: 96%;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
	}
	body #top-bar-wrap{
	position: absolute;
	width: 100%;
	z-index: 999;
	}
	body #index-header h1.elementor-heading-title{
	margin-left: -5px;
	padding-bottom: 5px;
	}


	/*animation counter text*/
	body section#underverken-counter.text-counter .elementor-widget-heading{
		display: block;
		height: 100px;
	}
	body section#underverken-counter.text-counter .elementor-widget-heading h3.elementor-heading-title{
		animation-delay: 3s;
		animation: jump 4s linear infinite; 
	}
	@keyframes jump{
		0%{
			margin-top: 10px;
		}
		2%{
			margin-top: -30px;
		}
		20%{
			margin-top: 10px;
		}
	}

	body section#underverken-counter.text-counter #sifferverket-col .elementor-widget-heading h3.elementor-heading-title{
		animation-delay: 2s;
	}
	body section#underverken-counter.text-counter #kommunikationsverket-col .elementor-widget-heading h3.elementor-heading-title{
		animation-delay: 2.2s;
	}
	body section#underverken-counter.text-counter #huvudverket-col .elementor-widget-heading h3.elementor-heading-title{
		animation-delay: 2.4s;
	}
	body section#underverken-counter.text-counter #besoksverket-col .elementor-widget-heading h3.elementor-heading-title{
		animation-delay: 2.6s;
	}
	 body section#underverken-counter.text-counter #interimsverket-col .elementor-widget-heading h3.elementor-heading-title{
		animation-delay: 2.8s;
	}

	
	/*övrigt*/
	body section.text-left-img-right .spotify-kolumn .elementor-widget-wrap{
		padding: 5% 27%;
	}
	#shop-message p{
		max-width: 90%;
		margin: 0 auto;
	}

	
}


/*slår om till mobil meny*/
@media only screen and (max-width: 1024px){
	
	/*header*/
	body #index-header #header-img{
		height: 780px;
	}
	#moving-rounds{
	margin-top: -830px;
	}
	body .boll-wrapper-area{
	top: 0;
	height: 830px; /*header-img höjd plus padding innifrån elementor på kolumnen*/
	}	
	body #index-header #header-img .elementor-widget-wrap{
	background-position: center top;
	}
	body .oceanwp-mobile-menu-icon .fa{
    font-weight: 900;
    font-size: 1.7em;
	padding-right: 5px;
	}
	#mobile-fullscreen #mobile-fullscreen-inner .menu .sub-menu{
	  max-width: 90%;
	  margin: 0 auto;
	}
	#mobile-fullscreen #mobile-fullscreen-inner .menu .sub-menu li img {
	  max-width: 22px;
	}
	#mobile-fullscreen #mobile-fullscreen-inner .menu .sub-menu li a{
	font-size: 1em;
	margin: 12px 0;
	}
	#mobile-fullscreen #mobile-fullscreen-inner .menu li.menu-item-40 .sub-menu li a{
	text-align: left;
	}
	
	body #site-header.transparent-header{
	padding-top: 7px;
	}

	#index-header:not(.elementor-bc-flex-widget) .elementor-widget-wrap{
	  display: block;
	}	
	body .elementor-column#header-text{
	padding: 30px;
	}
	section.section-call-to-action .left-img, body section.section-call-to-action .right-img{
    padding: 0 30%;
	}
	
	body section.section-call-to-action .call-to-action-img{
    margin-bottom: 10px;
	}
	body section.section-call-to-action .call-to-action-img{
    padding: 0 35%;
	}
	body section.section-call-to-action .elementor-widget-wrap{
	padding: 0 30px 25px 30px;
	}
	/*quotes / logos section */
	body #section-logos img{
		padding: 20px;
	}
	#section-quotes-full-width .quotes{
	margin-top: 0;
	margin-bottom: 20px;
	}
	#full-width-logo-slider .logos-slider-horisontal{
	padding: 30px 0;
	}
	#full-width-logo-slider .logos-slider-horisontal .single-logotyp img{
		max-height: 50px;
		padding: 0 20px;
		max-width: 180px;
	}
	#full-width-logo-slider .logos-slider-horisontal .single-logotyp div {
		height: 50px;
	}
	
	/*tjänster webshop*/
	body.woocommerce div.product .product_title{
	margin-top: 30px;
	}
	
	/*lediga jobb*/
	body section#lediga-jobb{
    padding-top: 0;
	padding-bottom: 20px;
	}
	body section.se-alla-jobb-btn{
    padding-top: 0;
	padding-bottom: 40px;
	}
	section#lediga-jobb-rubrik {
    margin-bottom: 0;
	}
	

	
	/*footer*/
	body #footer #footer-kontakt.elementor-column.elementor-col-20,
	body #footer #footer-underverken.elementor-column.elementor-col-20,
	body #footer #footer-rekrytering.elementor-column.elementor-col-20,
	body #footer #footer-social.elementor-column.elementor-col-20{
    width: 25%;
	}
	body #footer #footer-logo.elementor-column.elementor-col-20{
    width: 100%;
	margin-bottom: 30px;
    margin-top: 10px;
	}
	
	
}




@media only screen and (min-width: 959px){
	/*enskild annons sidebar*/
	.content-area, .content-left-sidebar .content-area{
    width: 70% !important;
	padding-right: 60px !important;
	}
	.widget-area, .content-left-sidebar .widget-area{
    width: 30% !important;
	}
	.widget-area.sidebar-primary {
    padding-left: 60px !important;
	}
}






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

	/*header*/
	body #index-header #header-img{
		height: 550px;
	}
	#moving-rounds{
		margin-top: -600px;
	}
	body .boll-wrapper-area{
		top: 0;
		height: 600px; /*header-img höjd plus padding innifrån elementor på kolumnen*/
	}
	section#underverken-counter .elementor-widget-image img {
    width: 40px;
    height: 40px;
	}
	
	body .content-area, .content-left-sidebar .content-area {
    margin-bottom: 0;
	}
	
	/*section padding*/
	body section#section-quotes-logos .elementor-widget-image img,
	body section.text-left-img-right .text-kolumn > .elementor-widget-wrap,
	body section#contact-form .img-kolumn > .elementor-widget-wrap,
	body section.heading-text-full-width .elementor-widget-wrap,
	body section.text-columns-3 .elementor-widget-wrap,
	body section.text-full-width .elementor-widget-wrap,
	body section.process-section .elementor-widget-wrap,
	#shop-message{
	padding: 30px;
	}
	body section.text-full-width .elementor-widget-wrap,
	body section.text-columns-3 .elementor-widget-wrap{
	padding-bottom: 10px;
	}
	
 
	
	/*recent posts sektion*/
	body section#recent-blog-posts #recent-post-wrapper {
	display: block;
	margin-bottom: 30px;
	}
	body section#recent-blog-posts .recent-post h3{
	margin: 20px 5px 10px 5px;
	}
	body section#recent-blog-posts .recent-post p.post-meta{
	margin-bottom: 20px;
	}
	/*call to action*/
	body section.section-call-to-action .left-img,
	body section.section-call-to-action .right-img{
	padding: 0 25%;
	}
	body section.section-call-to-action .call-to-action-img{
    margin-bottom: 10px;
	}
	body section.section-call-to-action .call-to-action-img {
    padding: 0 25%;
	}

	
	/*contact-form*/
	body section#contact-form div.wpforms-container-full .wpforms-form input[type=text],
	body section#contact-form div.wpforms-container-full .wpforms-form input[type=email],
	body section#contact-form  div.wpforms-container-full .wpforms-form textarea{
	max-width: 100%;
	}
	/*textblock sektion*/
	body section.heading-text-full-width .elementor-widget-container,
	body section.text-full-width .elementor-widget-container{
	max-width: 100%;
	}
	/*process sektion*/
	body .elementor .elementor-element.process-section:not(.elementor-motion-effects-element-type-background){
	background-attachment: fixed;
	background-position: 117% 50%;
	}

	/*ponty annonslista*/
	section#lediga-jobb .job-logo{
    padding: 10px 0 10px 0;
	display: block;
	width: 100%;
	}
	section#lediga-jobb .job-logo img{
	max-height: 70px;
	max-width: 50%;
	float: left;
	margin-bottom: 5px; 
	}
	section#lediga-jobb .job-description{
	width: 80%;
	}
	section#lediga-jobb .job-arrow{
	width: 20%;
	}
	section#lediga-jobb .job-description span:last-child{
	display: block;
	width: 100%;
	}
	section#lediga-jobb .job-description .fa-hide-mobile{
	display: none;
	}
	body section#lediga-jobb .jobs-list-content p.job-details a{
    padding-top: 10px;
	}
	/*puffar jobb*/
	section#lediga-jobb-grid ul.custom-ponty-puffar li.single-job {
	width: 47%;
	}
	section#lediga-jobb-grid ul.custom-ponty-puffar{
	row-gap: 40px;
	}
	section#lediga-jobb-grid.lediga-jobb-3 ul.custom-ponty-puffar {
    padding: 20px 40px 30px 40px;
	}
	
	/*enskild job annons*/
	body.single-pnty_job #primary,
	body.single-pnty_job_showcase #primary{
	margin-bottom: 40px;
	border-bottom: 1px solid #f1f1f1;
	}
	body.single-pnty_job .widget-area.sidebar-primary,
	body.single-pnty_job_showcase .widget-area.sidebar-primary{
	text-align: center;
	}
	body.single-pnty_job .pnty-share-btn div,
	body.single-pnty_job_showcase .pnty-share-btn div{
    float: none;
    margin-right: 20px;
    display: inline;
	}
	body.single-pnty_job .profile-img,
	body.single-pnty_job_showcase .profile-img{
    max-width: 250px;
	}
	body.single-pnty_job .pnty-btn,
	body.single-pnty_job_showcase .pnty-btn{
	text-align: center;
	}
	body.single-pnty_job #main #content-wrap,
	body.single-pnty_job_showcase #main #content-wrap{
	padding-bottom: 0; 
	}
	body.single-pnty_job .pnty-widget{
	text-align: center;
	}
	
	/*sidan referenser*/
	body section#recent-blog-posts.recent-blog-posts-medium #recent-post-wrapper{
    padding-top: 0;
	}
	.text-left-img-right .spotify, .text-right-img-left .spotify {
    padding: 0px 60px 55px 60px;
	}
	
	/*övrigt*/
	body section.text-left-img-right .spotify-kolumn .elementor-widget-wrap{
		padding: 2% 20%;
	}
	
	
	/*footer*/
	body #footer #footer-logo.elementor-column.elementor-col-20,
	body #footer #footer-kontakt.elementor-column.elementor-col-20,
	body #footer #footer-underverken.elementor-column.elementor-col-20,
	body #footer #footer-rekrytering.elementor-column.elementor-col-20,
	body #footer #footer-social.elementor-column.elementor-col-20{
    width: 100%;
	margin-bottom: 30px;
	margin-right: 0;
	text-align: center;
	}

	
	/*textstorlekar*/
	body h1, body #index-header .elementor-widget-heading h1.elementor-heading-title,
	body #sub-header-title h1.elementor-heading-title,
	body.single-pnty_job section#pnty-single-page-title h1.elementor-heading-title,
	body.single-pnty_job_showcase section#pnty-single-page-title h1.elementor-heading-title,
	body .elementor-widget-heading h1.elementor-heading-title{
	font-size: 3em;
	line-height: 1.1em;
	}
	body h2, body .elementor-widget-heading h2.elementor-heading-title, body h2.elementor-heading-title,
	body section.text-full-width h1.elementor-heading-title{
		font-size: 1.7em;
	}
	body h3, body .elementor-widget-heading h3.elementor-heading-title, body h3.elementor-heading-title,
	body .custom-ponty-puffar h3.job-title{
		font-size: 1.7em;
	}
	body section#underverken-counter .elementor-widget-heading h3.elementor-heading-title{
		font-size: 1em;
	}
	section#underverken-counter .elementor-counter .elementor-counter-title {
		font-size: 0.7em;
	}
	section#underverken-counter .elementor-counter-number {
	  font-size: 1.2em;
	}
	section.standard-rubrik{
	margin: 30px 0;
	}
	body .elementor-widget-button .elementor-button, body .elementor-widget-button .elementor-button, 
	body section#contact-form div.wpforms-container-full .wpforms-form button[type=submit], 
	body.woocommerce ul.products li.product .button, body.woocommerce ul.products li.product .button:hover, 
	body.single-pnty_job .pnty-btn,
	body.single-pnty_job_showcase .pnty-btn, 
	.error404-content .error-btn, .error404-content .error-btn:hover, .error404-content a.error-btn:hover{
	font-weight: 600;
	}
	
}

@media only screen and (max-width: 767px){
	/*header*/
		body #index-header #header-img{
			height: 400px;
		}
		#moving-rounds{
			margin-top: -450px;
		}
		body .boll-wrapper-area{ /*header-img höjd plus padding innifrån elementor på kolumnen*/
			top: 0;
			height: 450px;
		}
		body section.text-left-img-right .img-kolumn{
		min-height: 300px;
		}	
		/*puffar jobb*/
		section#lediga-jobb-grid ul.custom-ponty-puffar{
		display: block;
		text-align: center;
		}
		section#lediga-jobb-grid ul.custom-ponty-puffar {
		padding: 10%;
		padding-top: 20px;
		}
		section#lediga-jobb-grid ul.custom-ponty-puffar li.single-job {
		width: 100%;
		margin-top: 10px;
		margin-bottom: 20px;
		}
		section#lediga-jobb-grid ul.custom-ponty-puffar li.single-job:last-of-type{
		margin-bottom: 0;
		}
		body #footer-bottom{
			padding: 25px 0;
		}
		
				
		/*woocommerce*/
		body.woocommerce #featured-product.container {
		display: block;
		}
		body.woocommerce #featured-product #featured-text{
		width: 100%;
		padding: 30px;
		}
		body.woocommerce #featured-product #featured-img{
		width: 100%;
		}
	
	
		/*övrigt*/
		body section.text-left-img-right .spotify-kolumn .elementor-widget-wrap{
			padding: 3% 15% 1% 15%;
		}
		body section#underverken-counter.text-counter .elementor-widget-heading h3.elementor-heading-title{
		font-size: 1.3em;
		}	
		body .custom-ponty-puffar h3.job-title{
		font-size: 1.5em;
		}


}