/* Ange din anpassade CSS här */

/*****
SVG Burning Cash broken on Internet Explorer
*****/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */ 
  #home-hero-alt {
		background-image: url('https://www.paynova.com/wp-content/uploads/2018/06/paynova-burning-cash.svg') !important;
	}
  #bm svg {
  	display: none !important;
  }
}
@supports (-ms-accelerator:true) {
   /* IE Edge 12+ CSS */ 
  #bm svg {
  	display: none !important;
  }
  #home-hero-alt {
		background-image: url('https://www.paynova.com/wp-content/uploads/2018/06/paynova-burning-cash.svg') !important;
	}
}
@supports (-ms-ime-align:auto)
and (-webkit-text-stroke:initial) {
  /* IE Edge 14+ CSS */ 
  #bm svg {
  	display: none !important;
  }
  #home-hero-alt {
		background-image: url('https://www.paynova.com/wp-content/uploads/2018/06/paynova-burning-cash.svg') !important;
	}
}

#mobile-top-bar {
	z-index: 99 !important;
}

/*****
Smaaart Campaign Page October 2018
*****/

/*.page-id-757 #sub-page-header .button {
	display: none;
}*/

.campaign_intro_buttons a {
	font-size: 16px;
}

.campaign_contact_info_details {
	text-align: left;
}

.campaign_contact_info_details h5 {
	margin-bottom: 1rem;
}

.campaign_contact_info_details a {
	color: #4a4a4a;
}

.contact_title {
	margin-bottom: 0px !important;
}

@media print, screen and (min-width: 40em) {
  .page-id-757 #sub-page-header p {
  	font-family: VisbyCF-Heavy;
   	font-size: 4em;
   	text-align: left;
  }
  
  .page-id-757 #sub-page-header h1 {
    font-family: VisbyCF-Heavy;
    font-size: 2em;
    text-align: left;
  }
}

@media ( max-width: 1200px ) {
  
  .campaign_contact_info_details {
  	max-width: 460px;
    margin: 0 auto;
    margin-top: 2rem;
  }
  
  .campaign_contact_info_details h2 {
  	margin-bottom: 1rem;
  }
  
  .campaign_contact_info_details:first-of-type {
  	margin-bottom: 2rem;
  }

}

@media( min-width: 1200px ) {
  
  .page-id-757 #sub-page-header {
  	justify-content: left;
  }
  
  .page-id-757 #sub-page-header div {
  	padding-left: 10%;
  }
  
  .kontakt-container {
  	padding-left: 0px;
    padding-right: 0px;
    max-width: 100% !important;
  }
  
  /*.campaign_contact_info_details h2 {
  	margin-top: -10px !important;
  }*/
  
  .campaign_contact_info_wrapper {
  	display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
  }
  
  .campaign_contact_info_details {
		float: right;
    padding-right: 1rem;
    width: 45%;
	}
  
  .campaign_contact_info img {
  	float: left;
    width: 50%;
  }
  
}

/*****
Nextstate Updates March 2019
*****/
/*Home*/
#home-customers {
		padding-bottom: 0px !important;
}

.home .icon-column i {
    display: block !important;
}
.home .cta-ts {
		display: none;
}

section.orange-cta-module {
		margin-top: 5em !important;
}
.transparent-ts {
		text-align: center;
		color: white;
		background: linear-gradient(180deg,#f9bf46 0,#f5911f);
		margin-bottom: 2em;
}
.transparent-ts img {
		margin-bottom: 2.5em;
		border-radius: 50%;
		border: 2px solid #fac037;
		width: 200px;
		height: 200px;
}
.page-template-template-erbjudande .transparent-ts a,
.page-template-template-kundcase .transparent-ts a {
		margin-top: 1em;
		border: 1px solid white;
		background-color: rgba(0,0,0,0);
}
:not(.home) .transparent-ts a:after {
		display: none;
}
#home-contact-cta {
		text-align: center;
		color: #fff;
		margin-bottom: 2em;
}
#home-contact-cta img {
		margin-bottom: 2.5em;
		border: 2px solid #fac037;
		border-radius: 50%;
		width: 200px;
		height: 200px;
}
.home .transparent-ts a {
		margin-top: 1em;
}

.no-border .campaign-box {
		border: none;
}

.no-border .campaign-box:after {
		display: none;
}

#menu-bar {
		text-align: right;
		color: #333;
		width: 100%; 
		background-color: #f7f7f7;
		border-bottom: 2px solid #f5911f;
}

#menu-bar .menu-bar-items {
		padding: 0px 20px;
		height: 40px;
		padding-top: 5px;
}

#menu-bar a {
		margin: 15px;
		height: 100%;
		letter-spacing: 1px;
		vertical-align: middle;
		color: #333;
		font-weight: 400;
    font-size: 13px!important;
}

.video-module {
		max-width: 80% !important;
		margin-left: auto;
		margin-right: auto;
}
.video-module .home-hero-img {
		position: relative;
}

.video-module video {
		width: 100%;
		height: auto;
		object-fit: cover;
		-webkit-clip-path: polygon(44px 0,100% 0,100% 100%,0 100%,0 56px);
    clip-path: polygon(44px 0,100% 0,100% 100%,0 100%,0 56px);
}

.video-module .home-hero-text {
		padding-top: 100px;
		padding-bottom: 100px;
}

.video-module .home-hero-text h1 {
		white-space: nowrap;
		font-size: 2rem;
		margin-bottom: 0px;
}

.video-module .home-hero-text p {
		font-size: 1.2em;
}

.video-module .responsive-embed {
    width: 640px;
}

.playpause {
		cursor: pointer;
		content: url('http://www.paynova.com/wp-content/uploads/2019/03/New-Project-26-1.png');
    width:95px;
    height:95px;
		background: rgba(255,255,255,.6);
		border-radius: 50%;
		border: 5px solid #fac037;
    position:absolute !important;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
		transition: .2s
}

.playpause:hover {
		background: rgba(255,255,255,.9);
}

/*Kunder Template*/

#home-hero2 {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-bottom: 40px;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
}


@media print, screen and (min-width: 64em) {
		#home-hero2 {
				-ms-flex-wrap: none;
				flex-wrap: nowrap;
		}
}

@media print, screen and (min-width: 40em) {
		#home-hero2 {
				-ms-flex-wrap: none;
				flex-wrap: nowrap;
				-ms-flex-align: center;
				-moz-align-items: center;
				align-items: center;
				-ms-flex-direction: row-reverse;
    		flex-direction: row-reverse;
		}
		
		#home-hero2 .home-hero-img {
				margin-right: -100px;
		}
		
		#home-hero2 .home-hero-text {
				padding: 60px 70px 60px 150px;
				margin: 80px 0 80px 40px;
				-moz-order: 1;
				-ms-flex-order: 1;
				order: 1;
		}
}

/*Header CTA Nav Links*/
.header-buttons a:nth-child(2) {
		display: none;
}
.language-picker {
		display: none;
}
.header-buttons a:nth-child(2):after {
		border-bottom-color: #f5911f !important;
		bottom: 0px !important;
		right: 0px !important;
}

/*Lina Feedback*/
@media print, screen and (min-width: 40em) {
		.ts {
				padding: 45px 20px !important;
				padding-bottom: 30px !important;
		}
}

.home-who-and-why .ts white-ts h2 {
		margin-bottom: 0px !important;
}

.icon-columns {
		margin-top: -40px !important;
}

/*.customer-quote-section .quote-icon {
		display: none;
}*/

section#sub-page-header h1 {
    max-width: 1000px;
}
.white-ts h2,
.white-ts p {
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
}

#sub-page-header {
		margin-bottom: 3em;
}

.home .grey-ts {
    background: #6d6e71;
		margin-bottom: 3em;
}

.home .grey-ts a {
    color: #fff !important;
}

.home .white-ts {
		margin-top: 1.5em;
}

.yellow-ts p {
		transform: matrix(1, 0, 0, 1, 0, 0) !important;
}

.yellow-ts p:last-child{
		padding-bottom: 2em !important;
}

.yellow-ts h2 {
		margin-bottom: 15px !important;
}

.yellow-ts {
	background: linear-gradient(180deg,#f9bf46 0,#f5911f)
}

@media print, screen and (min-width: 40em) {
		.ts {
				padding: 45px 20px !important;
				padding-bottom: 20px !important;
		}
}

/*.quote-inner-content h2,
.quote-inner-content h2 p {
		color: #fac037;
		font-size: 36px !important;
		line-height: 38px !important;
}*/

h2 {
		margin-bottom: 25px !important;
}

.page-template-template-kundcase .white-ts {
		margin-top: -100px;
		margin-bottom: 40px !important;
}

@media screen and (max-width: 639px) {
		.page-template-template-kundcase .white-ts {
				margin-top: 0px;
				margin-bottom: 40px !important;
		}
		
		.page-template-template-kundcase .home-hero-img {
				margin-top: 20px;
		}
}

.page-template-template-kundcase #sub-page-header {
		margin-bottom: 0em;
}

@media screen and (min-width: 90em) {
		.page-template-template-kundcase .home-hero-text {
		}
		
		/*.customer-quote-inner.quote-with-picture {
				max-width: 80%;
				margin: 0 auto;
		}*/
}

.home-hero-text {
		border-color: #fac037 !important;
}

.home-hero-text:after {
		border-bottom-color: #fac037 !important;
}

.yellow-ts a,
.yellow-ts a:hover {
		color: #ffffff;
}


.yellow-ts p:last-child {
		margin-top: 1em;
		padding-bottom: 1.5em !important;
}

.icon-column a {
		color: #4a4a4a;
		font-weight: normal;
}

/*New Erbjudande Template*/
.page-template-template-erbjudande-new .orange-cta-module a {
		color: #fff;
}

@media print, screen and (min-width: 64em) {
		.page-template-template-erbjudande-new .customer-quote-section {
				padding-top: 0px;
		}
}

/*Feedback from Hanna - May 2019 Nextstate*/
.color-ts.grey-ts {
		display: none;
}
.menu-bar-items a:first-child {
		display: none;
}

.video-popup {
		background-color: rgba(0,0,0,0) !important;
}

.video-popup iframe {
		border: 2px solid #f5911f;
		left: 50% !important;
		width: 75% !important;
		height: 57% !important;
    transform: translate(-50%) !important;
}

#home-contact-cta h2 {
		font-size: 25px !important;
}

#home-contact-cta a {
		color: white !important;
}

@media screen and (max-width: 1200px) {
		#home-contact-cta h2 {
				font-size: 16px !important;
		}
}

@media print, screen and (min-width: 1200px) {
	.home-hero-text {
				padding: 60px 70px 60px 70px !important;
	}
}		

@media print, screen and (max-width: 1199px) {
		.home-hero-text h1 p {
				font-size: 22px !important;
		}
}	

.video-popup .close {
		 margin-bottom: -2px !important;
    margin-top: 20px;
    background-color: #f5911f !important;
    margin-right: 10% !important;
}

@media screen and (max-width: 641px) {
		.video-module .home-hero-text h1 {
				white-space: inherit !important;
				font-size: 1.2rem !important;
		}
}

/*Nextstate Feedback Jul 3 2019*/
.white-ts h2, 
.white-ts p,
.white-ts h3,
.white-ts h4,
.white-ts h5,
.white-ts h6,
.white-ts ul {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.page-id-1544 .spacer {
		display: none;
}

.page-id-1544 .paynova-section div {
		max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.page-id-1544 table {
		border: 2px solid #f5911f;
		padding: 1em;
		width: 80%;
		margin: 0 auto;
		margin-bottom: 1.5em;
}

.page-id-1544 table li {
		margin-left: 2em;
}

.page-id-1544 table p {
		margin-bottom: 0px !important;
}

.fa-youtube {
		font-family: "FontAwesome";
}