/* Header menu styling
================================================== */
/* Increase height of header menu */
#header {
	height: 100px !important;
}

/* Increase height of header menu */
#header-sticky-wrapper {
	height: 100px !important;
}

/* Increase height of header menu */
#header-section {
	height: 100px !important;
}

/* Increase height of header menu */
.header-wrap {
	height: 100px !important;
}

/* Increase height of logo container */
#logo {
	height: 100px !important;
}

/* Center row  menu in header */
#header .container .row {
	margin-top: 15px;
}

/* Center logo in header */
#header .container .row #logo {
	padding-top: 15px;
}




/* Custom styling
================================================== */
.test-css-wrapper-class .spb_content_element {
	padding-right: 0;
	display: block;
}

@media only screen and (max-width: 767px) {
	#modal-label {
		font-size: 27px;
	}

	.modal-header {
		
		padding: 10px 30px 10px 20px;
	}

	.modal-body  {
		padding: 20px;
	}
}


.spb-row.row-full-width .spb_content_element.clearfix {
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-bottom: 0 !important;
}

.spb-row.row-full-width .spb-column-container {
	padding: 0;
	text-align: center;
}

.inner-page-wrap {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}


@media only screen and (max-width: 769px) {
	.hero-image div {
		top: -1px;
	}
}

#mobile-header {
	border: none;
}

.two-column-image {
	margin-bottom: 0;
	position: absolute;
	bottom: 0;
}

.two-column-image-wrapper {
	position: relative;
}

.two-column-image-wrapper div.spb-column-inner.row.clearfix {
	background-position-x: 0;
	background-position-y: 0;
	background-attachment: initial;
}

.hero-text-center {
	margin-top: 40%;
}

.heading-button-element p span.s1 a.sf-button {
	font-size: 24px;
	line-height: 50px;
	min-width: 200px;
}

.footer-logo {
	background-image: url('../images/Jetty_Logo_White_320px.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 100px;
	width: 160px;
}

.footer-text-and-button div.spb-asset-content p span.s1 a.sf-button {
	min-width: 200px;
}

@media only screen and (max-width: 992px) {
	.footer-logo {
		min-width: 120px;
	}
}


/* Free version button in menu */
.free-version-menu-item a span {
	padding: 15px 12px;
	background-color: #64DB82;
	border-radius: 3px;
	transition: all .3s ease-out;
}

.free-version-menu-item a span:hover {
	background-color: rgba( 70,189,100,1 );
    border-color: rgba( 70,189,100,1 );
    color: #ffffff;
}

.free-version-menu-item.menu-item.current-menu-item a {
    color: #ffffff;
}

/* User icon next to login menu item */
.login-menu-item a span {
	padding-left: 34px;
    text-align: right;
	background-image: url('../images/user.svg');
	background-repeat: no-repeat;
	background-position: 5% 42%;
}

/******* Offer containers *******/

.pricing-page-offer-container {
	min-width: 20%;
}

/* Info button in top right corner of plan */
.pricing-page-info-box {
	display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: 1px solid black;
    height: 20px;
    width: 20px;
    border-radius: 14px;
    font-size: 12px;
    font-weight: 700;
    margin-right: 0;
    position: relative;
    right: -8px;
    top: 5px;
}
@media (max-width: 992px) {
    .pricing-page-info-box{
		right: 500%;
		top: 6px;
	}
}

@media (max-width: 767px) {
    .pricing-page-info-box{
		left: 260%;
		top: 6px;
		height: 28px;
		width: 28px;
		border-radius: 18px;
		font-size: 16px;
		font-weight: 400;
	}
}

/* Info box to display on hover */
.pricing-page-info-box .info-box-text {
	visibility: hidden;
	width: 350px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 10px 5px;
	position: absolute;
	z-index: 1;
	top: 180%;
	right: -182%;
	margin-left: -60px;
	opacity: 0;
	transition: opacity 0.3s;
	background-color: #fff;
	border-radius: 15px;
	box-shadow: 0 0 1px 1px #d8d8d8;
	color: black;

}
@media (max-width: 992px) {
    .pricing-page-offer-container:first-of-type * .pricing-page-info-box .info-box-text{
		width: 195px;
	}
    .pricing-page-offer-container:first-of-type * .pricing-page-info-box .info-box-text::after {
		left: 79%;
	}
    .pricing-page-offer-container:first-of-type * .pricing-page-info-box .info-box-text::before {
		left: 76%;
    }
}
  
/* Tooltip arrow */
.pricing-page-info-box .info-box-text::after {
	content: "";
	position: absolute;
	bottom: 99%;
	left: 89%;
	margin-left: -7px;
	border-width: 8px;
	border-style: solid;
	border-color: transparent transparent #fff transparent;
	z-index: 1;
}

/* Tooltip arrow shadow */
.pricing-page-info-box .info-box-text::before {
	content: '';
    position: absolute;
    transform: rotate(45deg);
    width: 12px;
    height: 12px;
	top: -6px;
	left: 87%;
    z-index: -1;
	box-shadow: -1px -1px 1px 0px #d8d8d8; 
	background-color: #fff;
}

/* Display info box */
.pricing-page-info-box:hover .info-box-text {
	visibility: visible;
	opacity: 1;
}

/* Heading in  plan container */
.pricing-page-offer-header div h4 {
	margin: 0;
	margin-top: 5px;
}

/* Price in plan container */
.pricing-page-offer-price div h2 {
	margin-bottom: 0;
}

/* Per month in plan container */
.pricing-page-offer-price div p {
	margin-top: 5px;
	margin-bottom: 15px;
}

/* Divider in plan container and pricing table */
.pricing-page-offer-divider.spb_divider.spb_content_element {
	border-color: #f0f0f0;
	width: 85%;
	margin: 0 auto;
}

@media (max-width: 992px) {
	.pricing-page-offer-header.spb_content_element.spb_text_column {
		margin-bottom: 5px;
	}
}

/* Settings for showing one currency at a time in offer container */
.sek,
.eur,
.usd {
	display: none;
}

.sek.active-currency,
.eur.active-currency,
.usd.active-currency {
	display: block;
}


/* Pricing table
================================================== */
/* Set spacing for head of plan columns */
.pricing-table-column-head.spb-column-container.col-sm-2 .spb-column-inner.row.clearfix {	
	display: block;
}

.pricing-table-column-head .spb-column-inner section.row .spb_content_element.spb_text_column {
	padding: 10px 0;
	margin: 0;
}

.spb-column-container.col-sm-2.pricing-table-column-head.pricing-table-custom-head {
	padding-right: 10px;
	margin-right: 40px;
}

.spb-column-container.col-sm-2.pricing-table-column-head.pricing-table-custom-head.pricing-table-column-custom .spb-column-inner.row.clearfix {
	margin-right: 10px;
}

.spb-column-container.col-sm-2.pricing-table-column-head.pricing-table-custom-head.pricing-table-column-custom .spb-column-inner.row.clearfix section.row {
	margin: 0;
}


@media (max-width: 992px) {
	.spb-column-container.col-sm-2.pricing-table-column-head.pricing-table-custom-head {
		padding-right: 10px !important;
	}

	.spb-column-container.col-sm-2.pricing-table-column-head.pricing-table-custom-head.pricing-table-column-custom .spb-column-inner.row.clearfix {
		margin-right: 0;
	}

	.spb-column-container.col-sm-2.pricing-table-column-head.pricing-table-custom-head.pricing-table-column-custom .spb-column-inner.row.clearfix section.row {
		margin: 0;
	}
}

@media (max-width: 767px) {
	.spb-column-container.col-sm-2.pricing-table-column-head.pricing-table-custom-head {
		margin-right: 10px;
	}
}

.spb-column-container.col-sm-2.pricing-table-column-head.pricing-table-custom-head .spb-column-inner.row.clearfix {
	margin-left: 0;
	margin-right: 0;
}

.pricing-table-label.spb_text_column .spb-asset-content h4 {
	padding-right: 10px;
}

/* Reduce font-size and create create custom divider */
@media (max-width: 992px) {
	.feature-table-head-divider {
		display: none;
	}

	.table-column-head-text.spb_content_element.spb_text_column .spb-asset-content h4 {
		font-size: 16px;
		padding-bottom: 10px;
		
		border-bottom: none;
	}

	.pricing-table-column-head .spb-column-inner section.row .spb_content_element.spb_text_column {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* Remove padding from checkbox columns */
.pricing-table-icon .spb-asset-content .sf-icon-box {
	padding: 0;
}

.spb-column-container.col-sm-2.pricing-table-column.pricing-table-column-free .spb-column-inner.row.clearfix section.row .spb_icon_box .spb-asset-content .sf-icon-box i.fas,
.spb-column-container.col-sm-2.pricing-table-column.pricing-table-column-one .spb-column-inner.row.clearfix section.row .spb_icon_box .spb-asset-content .sf-icon-box i.fas,
.spb-column-container.col-sm-2.pricing-table-column.pricing-table-column-two .spb-column-inner.row.clearfix section.row .spb_icon_box .spb-asset-content .sf-icon-box i.fas,
.spb-column-container.col-sm-2.pricing-table-column.pricing-table-column-three .spb-column-inner.row.clearfix section.row .spb_icon_box .spb-asset-content .sf-icon-box i.fas {
	color: #8B8B8B;
}

.spb-column-container.col-sm-2.pricing-table-column.pricing-table-column-free .spb-column-inner.row.clearfix section.row .spb_content_element .spb-asset-content h4,
.spb-column-container.col-sm-2.pricing-table-column.pricing-table-column-one .spb-column-inner.row.clearfix section.row .spb_content_element .spb-asset-content h4,
.spb-column-container.col-sm-2.pricing-table-column.pricing-table-column-two .spb-column-inner.row.clearfix section.row .spb_content_element .spb-asset-content h4,
.spb-column-container.col-sm-2.pricing-table-column.pricing-table-column-three .spb-column-inner.row.clearfix section.row .spb_content_element .spb-asset-content h4 {
	color: #8B8B8B;
}

/* Set size of checkmark icons */
.pricing-table-icon div.spb-asset-content .sf-icon-box i.sf-icon {
	font-size: 20px;
	line-height: 22px;
	font-weight: 600;
	margin: 0;
}

/* Remove text from checkmark columns */
.pricing-table-icon div .sf-icon-box div.sf-icon-box-content-wrap {
	display: none;
}

/* Remove margin of labels in leftmost column */
.pricing-table-label {
	margin: 0;
}

/* Center content inside column */
.row .spb-column-container.pricing-table-column .spb-column-inner {
	display: flex;
	justify-content: center;
	align-items: center;
}

.row .spb-column-container.pricing-table-label-column {
	max-width: 150px !important;
}

/* Center content inside column */
.row .spb-column-container.pricing-table-label-column .spb-column-inner {
	display: flex;
	justify-content: left;
	align-items: center;
}

@media (max-width: 767px) {
	.spb-column-container.col-sm-2.pricing-table-column-head .spb-column-inner.row.clearfix section.row {
		margin: 0;
	}
	.spb-column-container.col-sm-2.pricing-table-column-head .spb-column-inner.row.clearfix section.row .spb_content_element {
		width: 100%;
	}
}

/* Set border radius of element wrapping currency button group */
.spb-column-container.currency-button-wrapper .spb-column-inner {
	border-radius: 5px;
}

/* Center currency button group in row */
.spb-row.spb-row-flex.currency-button-container .spb_content_element.clearfix section.row {
	display: flex;
}

/* Style each currency button */
.offer-container-currency-button .spb-asset-content a.sf-button {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px 0;
	margin: 0 2px;
	border-radius: 5px;
}
@media (max-width: 992px) {
	.spb-column-container.pricing-page-offer-container .spb-column-inner section.row .spb_button.spb_content_element .spb-asset-content a.sf-button {
		padding: 10px 15px;
		margin: 0;
	}
	.spb-column-container.pricing-page-offer-container .spb-column-inner section.row .spb_content_element .spb-asset-content p a.sf-button.large {
		padding: 10px 20px;
		margin: 0;
	}
}

/* Add borders at sides of middle column to separate buttons */
.middle-currency-column {
	border-width: 0 1px;
	border-style: solid;
	border-color: #d8d8d8;
}

/* Mobile version pricing page */
@media (max-width: 767px) {
	.hide-on-mobile {
		display: none !important;
	}

	/* Popup info box */
	.pricing-page-info-box .info-box-text {
		right: -105%;
	}

	/* Currency button container */
	.currency-button-container.spb-row.spb-remove-element-spacing.spb-row-flex .spb_content_element section.row .spb-column-container.currency-button-wrapper {
		max-width: 188px;
	}

	/* Currency button */
	.offer-container-currency-button .spb-asset-content a.sf-button {
		padding: 15px;
	}

	/* Feature table - display label column and checkmark on same line */
	.spb-row.pricing-table-row.spb-row-flex.spb-row-col-spacing .spb_content_element.clearfix section.row {
		display: flex;
	}

	/* Feature table - margin on checkmark elements */
	.spb-column-inner .spb_icon_box:last-child .sf-icon-box {
		margin-bottom: 0;
	}

	/* Feature table - margin and padding on text elements */
	.spb_content_element.col-sm-12.pricing-table-label.spb_text_column {
		margin: 0;
		padding: 0;
	}

	.spb_content_element.clearfix {
		margin: 0;
	}

	/* The row containing offer buttons, flex buttons on same line */
	.spb-column-container.mobile-offer-button-wrapper .spb-column-inner.row section.row{
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		height: 100%;
		border-radius: 5px;
		border: 1px solid #d8d8d8;
		padding: 3px 2px;
	}

	/* Make sure button wrapper fills container */
	.spb-column-container.mobile-offer-button-wrapper .spb-column-inner.row section.row .spb_button.spb_content_element .spb-asset-content {
		height: 100%;
		width: 100%;
	}

	/* Offer buttons */
	.mobile-offer-button .spb-asset-content a.sf-button {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 15px 0;
		height: 100%;
		margin: 0 2px;
		border-radius: 5px;
	}

	/* Individual offer buttons */
	.spb-column-container.mobile-offer-button-wrapper .spb-column-inner.row section.row div.spb_button.spb_content_element.mobile-offer-button {
		width: 25%;
		margin: 0;
		padding: 0;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		border-right: 1px solid #d8d8d8;
	}

	.spb-column-container.mobile-offer-button-wrapper .spb-column-inner.row section.row div.spb_button.spb_content_element.mobile-offer-button:last-of-type {
		border-right: none;
	}
}

/* Margin between portraits */
.team-member-portrait.spb_content_element.spb_image {
	margin: 0 10px 30px 10px;
}

/* Create rounded team member portrait */
.team-member-portrait .spb-asset-content figure .img-wrap img {

	max-width: 300px;
	max-height: 300px;
	margin: 0 auto;	
}

@media (max-width: 992px) {
	.team-member-portrait .spb-asset-content figure .img-wrap img {
		max-width: 250px;
		max-height: 250px;
	}

	.team-page-ceo-row.team-member-row.spb-row {
		top: -1px;
	}
	
}

@media (max-width: 768) {
	.team-member-portrait .spb-asset-content figure .img-wrap img {
		max-width: 192.5px;
		max-height: 192.5px;
	}
}

/* Distribute portraits across row */
.spb-row.team-member-row .spb_content_element.clearfix section.row {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}

/* Align items in row */
.spb-column-container.quarterly-report-column .spb-column-inner section.row {
	display: flex;
	align-items: center;
}

/* Center text */
.annual-meeting-info-text-and-button.spb_content_element .spb-asset-content h2 a.sf-button {
	margin: auto;
}

@media (max-width: 992px) {
	.dropdown-menu-heading h1 i.fas.fa-angle-down {
		position: relative;
		top: 8px;
	}
}


/* Rotates dropdown chevrons 180 degrees */
.rotate-chevron {
	transform: rotate(180deg);
}

/* Set rows in dropdown to collapsed by default */
.collapse-row {
	height: 0;
}

.quarterly-report-row,
.annual-report-row,
.presentation-row,
.annual-meeting-info-row {
	transition: all 2s linear;

}

.annual-meeting-info-text-and-button .spb-asset-content h2 {
	margin: 0;
}

/* Checkmark for custom plan */
.checked {
	color: #000 !important;
}

.pricing-table-label-row.spb-row.pricing-table-row.spb-row-col-spacing .spb_content_element.clearfix .row {
	justify-content: flex-start;
}

.pricing-table-column-custom.pricing-table-column.spb-column-container.col-sm-2 {
	padding-right: 0;
	margin-right: 40px;
}

@media (max-width: 992px) {
	.pricing-table-column-custom.pricing-table-column.spb-column-container.col-sm-2 {
		margin-right: 0;
	}
}

@media (max-width: 767px) {
	.pricing-table-column-custom.pricing-table-column.spb-column-container.col-sm-2 {
		margin-right: 0;
	}
	
	.pricing-table-column-custom.pricing-table-column.spb-column-container.col-sm-2.pricing-table-column-head.pricing-table-column-custom {

	}
}

/* Hover cursor on custom/free column */
.pricing-table-column-custom.pricing-table-column.spb-column-container.col-sm-2 .spb-column-inner.row.clearfix {
	border-left: 3px solid #606060 !important;
	border-right: 3px solid  #606060 !important;
	margin-left: 0;
	cursor: pointer;
}

.spb-column-container.pricing-table-column.pricing-table-column-custom .spb-column-inner section.row {
    width: 100%;
    display: flex;
    align-items: center;
}

.spb-column-container.pricing-table-column.pricing-table-column-custom .spb-column-inner section.row .spb_icon_box.pricing-table-icon {
	min-height: 0 !important;
	padding-right: 0;
	padding-left: 15%;
	display: flex;
}

@media (max-width: 992px) {
	.spb-column-container.pricing-table-column.pricing-table-column-custom .spb-column-inner section.row .spb_icon_box.pricing-table-icon {
		padding-left: 7px;
	}
}

@media (max-width: 767px) {
	.spb-column-container.pricing-table-column.pricing-table-column-custom .spb-column-inner section.row .spb_icon_box.pricing-table-icon {
		padding-right: 11%;
		padding-left: 11%;
	}
}

.spb-column-container.pricing-table-column.pricing-table-column-custom .spb-column-inner section.row .spb_icon_box.pricing-table-icon.col-sm-2 .spb-asset-content {
	min-height: 0;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.spb-column-container.pricing-table-column.pricing-table-column-custom .spb-column-inner section.row .spb_content_element.spb_text_column {
	margin: 0 !important;
	display: flex;
}

.per-month {
	display: none;
}

.per-month.active-interval {
	display: block;
}

.spb-column-container.pricing-table-column.pricing-table-column-custom .spb-column-inner.row.clearfix section.row:last-of-type {
	display: none;
}

.spb-column-container.pricing-table-column.pricing-table-column-custom .spb-column-inner.row.clearfix section.row:first-of-type {
	display: flex;
}

/* Feature table, remove price row margin */
.table-column-price-text {
	margin: 0;
}

/* Pricing table pricing/footer row */
#table-row-price-row .spb-row.pricing-table-row.spb-row-flex.spb-row-col-spacing {
	margin-top: 0 !important;
}

/* Pricing table - enterprise only column */
.enterprise-only-column-element.spb_text_column.spb_content_element {
	margin: 0;
}

.text-column-center-content.pricing-table-column .spb-column-inner.row.clearfix section.row {
	justify-content: center;
}

/* Offer containers */
.offer-container-row.spb-row .spb_content_element.clearfix section.row {
	display: flex;
	justify-content: space-between;
}

.mobile-offer-button-custom-enterprise-container.spb-row.spb-row-flex .spb_content_element.clearfix section.row {
	display: flex;
	margin-top: 3px;
}

/* Style enterprise solution button for mobile */
.mobile-offer-custom-solution.mobile-offer-button {
	width: 80%;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    margin: 0 auto;
	margin-top: 3px;
	margin-bottom: 10px;
	padding: 3px 0;
	height: 65px;
}
.mobile-offer-enterprise-solution.mobile-offer-button {
	width: 80%;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    margin: 0 auto;
	margin-top: 3px;
	margin-bottom: 10px;
	padding: 3px 0;
	height: 65px;
} 

.mobile-offer-custom-solution.mobile-offer-button {

}

.mobile-offer-custom-solution.mobile-offer-button .spb-asset-content,
.mobile-offer-enterprise-solution.mobile-offer-button .spb-asset-content {
	height: 100%;
} 

/* */
.hide-element {
	display: none !important;
}

.team-member {
	width: 300px;
	height: 400px;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}
/*-768x1152*/
.team-member-sara {
	background-image: url('/wp-content/uploads/2019/07/Sara.jpg');
}

.team-member-markus {
	background-image: url('/wp-content/uploads/2019/07/Markus.jpg');
}

.team-member-kaleb {
	background-image: url('/wp-content/uploads/2019/07/Kaleb.jpg');
}

.team-member-jens {
	background-image: url('/wp-content/uploads/2019/07/Jens_Alander.jpg');
}

/* POPUP */
#popup-container {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
}