/*
Theme Name: Nefos
Theme URI: http://www.nefos.nl
Description: custom wordpress theme for Nefos
Author: Atypisch - Marten Timan
Author URI: http://www.atypisch.nl
Version: 1.0.1
*/


/* basic elements */
html, body {
	font-weight: normal;
	font-family: 'Inter Tight', sans-serif;
	margin: 0;
	padding: 0;
	font-size: 19px;
	line-height: 1.7;
	text-align: left;
	background-color: #fff;
	color: #61585e;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	scroll-behavior: smooth;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	float: left;
	width: 100%;
	font-family: "vista-sans";
	color: #12010D;
	font-weight: 400;
	margin: 0;
	padding: 0 0 30px 0;
}

h1 {
	font-size: 56px;
	line-height: 1;
	letter-spacing: 0;
	padding: 0 0 20px 0;
	letter-spacing: -0.02em;
}

/* background for h1 and h4 */
.entry h1, .entry h4 {
	/* GradientPurple */
	background: linear-gradient(270deg, #BA258A 13.74%, #8B258A 63.58%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}

h1.header_title {
	float: left;
	width: 100%;
	padding: 0 0 20px 0;
	margin: 0;
	font-family: "vista-sans";
	font-size: 56px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: -0.02em;
	background: linear-gradient(95.75deg, #009EEC 19.86%, #BA258A 68.91%, #8B258A 87.58%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}

h1.header_title_white {
	float: left;
	width: 100%;
	padding: 0 0 20px 0;
	margin: 0;
	font-family: "vista-sans";
	font-size: 56px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: -0.02em;
	background: transparent;
	color: #fff;
}

h1.homepage_title {
	font-family: "vista-sans";
	font-style: normal;
	font-weight: 500;
	font-size: 80px;
	line-height: 1.1;
	text-align: center;
	letter-spacing: -0.04em;
	/* Full Gradient for text */
	background: linear-gradient(95.75deg, #009EEC 19.86%, #BA258A 68.91%, #8B258A 87.58%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}

h2 {
	font-size: 32px;
	line-height: 1.3;
	font-weight: 500;
	letter-spacing: 0;
}

h3 {


	font-size: 24px;
	line-height: 1.5;
	font-weight: 500;
	letter-spacing: 0;
}

h4, h5, h6 {
	font-size: 16px;
	line-height: 1.2;
	font-weight: 600;
}

h4.label {
	float: left;
	padding: 0 0 10px 0;
	margin: 0;
	font-family: "vista-sans";
	font-weight: 500;
	font-size: 16px;
	line-height: 18px;
	leading-trim: both;
	text-edge: cap;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	/* GradientPurple */
	background: linear-gradient(270deg, #BA258A 13.74%, #8B258A 63.58%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}

h4.label_white {
	float: left;
	padding: 0 0 10px 0;
	margin: 0;
	font-family: "vista-sans";
	font-weight: 500;
	font-size: 16px;
	line-height: 18px;
	background: transparent;
	color: #fff !important;
}

/* text markup */
ul {
	padding: 10px 0 25px 0;
	margin: 0;
}

ol {
	padding: 10px 0 25px 20px;
	margin: 0;
}

ol li {
	padding: 0 0 0 5px;
}

ul li {
	list-style: none;
	padding: 0 0 0 20px;
	background: url(images/list-item.png) no-repeat left center;
}

b, strong {
	font-weight: 600;
}

i, em {

}

blockquote {
	display: block;
	font-style: italic;
	padding: 50px 0 60px 80px;
	margin: 0 0 0 -80px;
	font-size: 48px;
	line-height: 1.4;
	font-weight: 300;
	width: 100%;
	background-color: transparent;
	background-image: url(images/quotes.svg);
	background-size: 40px auto;
	background-position: left 65px;
	background-repeat: no-repeat;
}

/* links and link classes */
a img, img a {
	border: 0;
	outline: 0;
}

/* general links */
a:link, a:visited {
	color: #009eec;
	text-decoration: none;
	outline: 0;
}

a:hover, a:active {
	color: #ba258a;
}

/* readmore button */
a.readmore_button:link, a.readmore_button:visited {
	display: inline-block;
	padding: 12px 30px 13px 30px;
	margin: 0 0 20px 0;
	color: #fff;
	font-size: 21px;
	line-height: 30px;
	font-weight: normal;
	text-transform: lowercase;
	background-color: #049eed;
	border-radius: 28px;
	text-decoration: none;
	border: 0;
}

a.readmore_button:hover, a.readmore_button:active {
	 opacity: 0.5;
}

a.readmore_button.transparent_white:link, a.readmore_button.transparent_white:visited {
	color: #fff;
	background-color: rgba(255, 255, 255, 0.3);
	bordeR: 1px solid #fff;
}


/* full link */
a.full_link:link, a.full_link:visited {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	z-index: 2;
	text-decoration: none;
}

a.full_link:hover, a.full_link:active {
	/*background-color: red;*/
}


/* WP navigation toolbar fix */
#wpadminbar {
	position: absolute;
	top: 0;
	z-index: 1;
}

/* main divs */
#main_wrap {
	background-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	/*
	background-image: url(images/grid-1256.png);
	background-repeat: repeat-y;
	background-position: center;
	*/
}

#header {
	position: fixed;
	width: 100%;
	top: 0;
	right: 0;
	padding: 0;
	margin: 0;
	height: 100px;
	background: transparent;
	/*background: red !important;*/
	z-index: 9;
}

#header.scrolled {
	background: #fff;
}

.page_header_bg {
	position: absolute;
	top: -20vh;
	left: 0;
	width: 100%;
	height: auto;
	min-height: 100vw;
	background-color: transparent;
	background-image: url(images/bg_gradient_circle.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
	z-index: -2;
	overflow: hidden;
}

.page_header_bg_white {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	min-height: 100vw;
	background-color: transparent;
	background-image: url(images/bg_gradient_white.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
	z-index: 0;
}

.homepage_cloud_2 {
	position: absolute;
	top: 15vh;
	left: 10vw;
	width: 780px;
	height: 720px;
	background-color: transparent;
	background-image: url(images/cloud-2-small.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 50% auto;
	z-index: -1;
}

.homepage_cloud_3 {
	position: absolute;
	top: 22vh;
	left: 40vw;
	width: 778px;
	height: 700px;
	background-color: transparent;
	background-image: url(images/cloud-3-small.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
	z-index: -2;
}

#logo {
	position: absolute;
	left: 20px;
	top: 20px;
	z-index: 999;
	padding: 0;
	margin: 0;
	z-index: 10;
	width: 120px;
	height: 59px;
	background-color: transparent;
	background-image: url(images/logo_nefos.svg);
	background-repeat: no-repeat;
	background-size: contain;
	color: #333 !important;
	opacity: 1.0;
}


#header.menu_active #logo.logo_white { background-image: url(images/logo_nefos_light.svg); }

#logo:hover, #logo:active {
	opacity: 0.5;
}

#logo a {
	float: left;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: transparent;
	text-decoration: none;
	color: #333 !important;
}

#wrap {
	float: left;
	padding: 0;
	margin: 0;
	border: 0;
	width: 100%;
}

.header_title_wrap {
	float: left;
	width: 100%;
	padding: 0 0 80px 0;
	margin: 0;
	z-index: 8;
}

.container {
	position: relative;
	padding: 0;
	border: 0;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	min-height: 100%;
}

#page_header {
	float: left;
	width: 100%;
	padding: 100px 0 0 0;
	margin: 0;
	background-color: transparent;
}

/* flex box container */
.flex-container {
	padding: 0 0 24px 0;
	margin: 0;
  height: auto;
  width: 100%;
  border: 0;
	display: flex;
	flex-direction: row;
  gap: 24px;
	align-content: flex-start;
}

.flex-container > .equal_size { flex: 1; }
.flex-wrap { -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.flex-item {
	margin: 0;
	padding: 0;
  border: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
	box-sizing: border-box;
}

.flex-basis-40 { width: calc(40% - 24px );  }
.flex-basis-45 { width: 45%; }
.flex-basis-50 { width: calc(50% - 12px); }
.flex-basis-55 { width: 55%; }
.flex-basis-60 { width: 60%;  }

@mixin flex-container($cols) {
  display: flex;
  flex-wrap: wrap;

  > * {
    $item-width: 100% / $cols;
    width: $item-width;
    box-sizing: border-box;
  }
}

/* columns */
.col_wrap {
	float: left;
	background-color: transparent;
	padding: 0 24px 0 0;
	margin: 0;
}

.col {
	float: left;
	background-color: transparent;
	padding: 0;
	margin: 0;
}

/* column widths */
.col-max { width: 1432px; }
.col-12 { width: 1296px; }
.col-11 { width: 1186px; }
.col-10 { width: 1076px; }
.col-9 { width: 966px; }
.col-8 { width: 856px; }
.col-7 { width: 746px; }
.col-6 { width: 636px; }
.col-5 { width: 526px; }
.col-4 { width: 416px; }
.col-3 { width: 306px; }
.col-2 { width: 196px; }
.col-1 { width: 86px; }

/* Sections */
section.page_section {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}

section.page_section.bg_light { background-color: #f3f6f6; }
.bg_light h1, .bg_light h2, .bg_light h3, .bg_light h4, .bg_light h5 { }

.section_spacing {
	float: left;
	width: 100%;
	padding: 100px 0 100px 0;
	margin: 0;
}

/* post and content */
.post, .entry {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: left;
}

/* paragraph styling */
.post p, .entry p {
	display: block;
	text-align: left;
	padding: 0 0 30px 0;
	margin: 0;
}

.post img, .entry img, .col img {
	max-width: 100% !important;
	height: auto;
}

/* post content main, extended and readmore / readless */
.post_content_introduction {
	float: left;
	padding: 0;
	margin: 0;
	text-align: left;
	font-size: 24px; line-height: 1.4;
	width: 100%;
}

.post_content_main, .post_content_extended {
	width: 100%;
	max-width: 100%;
}

.post_content_main h3 { padding-top: 0; padding-bottom: 40px; }
.post_content_extended { font-size: 18px; display: none; }

a.post_content_readmore:link, a.post_content_readmore:visited {
	float: left;
	font-weight: 500;
	font-size: 16px;
	font-family: "vista-sans";
	padding: 0 0 5px 0;
	border-bottom: 0;
	margin: 0 0 16px 0;
	text-align: left;
	letter-spacing: 0;
	width: 100%;
	text-decoration: underline;
	text-transform: none;
	color: #2B4D65;
}

a.post_content_readmore:hover, a.post_content_readmore:active {
	text-decoration: underline;
}

.bg_dark a.post_content_readmore:link, .bg_dark a.post_content_readmore:visited { color: #fff !important; }
.bg_dark a.post_content_readmore:hover, .bg_dark a.post_content_readmore:active { color: #e0fb38 !important; }

/* active/inactive text */
.read_more_text { display: block; }
.read_less_text { display: none; }
.active .read_more_text { display: none; }
.active .read_less_text { display: block; }

.image_list {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
	background: transparent;
}

.image_container {
	float: left;
  margin: 0 auto;
	padding: 0;
}

.image_wrap {
	float: left;
  margin: 0;
	padding: 0;
	width: auto;
}

/*  image grids */
.image_container.full, .image_container.large, .image_container.single {   }
.image_container.single.preview-image-medium { float: none;  display: block; top: 0; }

.image_container.two { float: left;  }
.image_container.two .image_wrap {  }
.image_container.two.image_1  { padding-right: 40px; }
.image_container.two.image_2 { padding: 0 0 0 0; }

.image_container.three { float: left;  }
.image_container.three .image_wrap {   }
.image_container.three.image_1 { padding-right: 40px; }
.image_container.three.image_2 { padding-right: 40px; }
.image_container.three.image_3 { padding: 0; }

.image_container.preview-image-large {}
.image_container.small, .image_container.preview-image-small {  width: 464px; }
.image_container.medium-height { height: 750px; width: auto; }
.image_container.thumbnail {   }

.image_caption, .wp-caption {
	float: left;
	width: auto !important;
	max-width: 100% !important;
	font-size: 13px;
	color: #d3d3d3;
}

p.wp-caption-text {
	float: left;
	width: 100%;
	padding: 8px 0 40px 0 !important;
}

.post-edit-link {
	clear: both;
	float: left;
	width: auto;
	text-decoration: none !important;
	font-size: 12px !important;
	padding: 0;
	margin-top: 20px;
	color: #009eec;
}

.post-edit-link:hover, .post-edit-link:active { color: #ba258a;}

/* breadcrumbs */
.breadcrumbs {
	float: left;
	width: calc( 100% - 40px);
	padding: 20px;
	margin: 0;
	background-color: transparent;
	text-transform: lowercase;
	font-size: 8px;
	color: #e3e3e3;
}

.breadcrumbs span, .breadcrumbs a {
	float: none;
	position: static;
	display: inline-block;
	font-size: 8px;
	line-height: 8px;
	padding: 0 !important;
	margin: 0 !important;
	color: #e3e3e3;
}

/* preview items */
.preview_image {
	float: left;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

h2.preview_image_title {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	padding: 0 25%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 48px;
	line-height: 1;
}

.preview_title {
	float: left;
	width: 100%;
	padding: 20px 0 20px 0;
	margin: 0;
	overflow: hidden;
}

.preview_title h2 {
	font-size: 36px;
	line-height: 1.3;
	letter-spacing: 1px;
	color: #2b4d65;
}

.excerpt {
	text-align: left;
	font-size: 16px;
	line-height: 24px;
	padding: 8px 0 16px 0;
}

/* products */
.product_name_wrap {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
}

.product_name {
  position: absolute;
	top: 18px;
	left: 80px;
	font-family: "vista-sans";
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 18px;
	leading-trim: both;
	text-edge: cap;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	/* GradientPurple */
	background: linear-gradient(270deg, #BA258A 13.74%, #8B258A 63.58%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	padding: 0;
	margin: 0;
}

.title_small {
	font-family: "vista-sans";
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 18px;
	leading-trim: both;
	text-edge: cap;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	/* GradientPurple */
	background: linear-gradient(270deg, #BA258A 13.74%, #8B258A 63.58%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	padding: 0;
	margin: 0;
}

/*switch styles*/
div.btn-container {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
	position: absolute;
	z-index: 2;
	top: 80%;
	left: calc(50% - 115px);
}

div.btn-container i{
  display: inline-block;
  position: relative;
  top: -9px;
}

div.btn-container label {
  font-size: 16px;
  color: #424242;
  font-weight: 500;
}

.image_text {
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	padding: 0;
	margin: 0;
	max-width: 30vw;
	color: #fff;
	font-size: 80px;
	line-height: 1.2;
	font-family: "vista-sans";
	font-weight: 700;
	letter-spacing: -3.5px;
}

.fade-in-on-scroll {
	display: none;
}

.bg_image_container {
	float: left;
	width: 100%;
	height: 45vw;
	padding: 0;
	margin: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg_image_full {
	position: absolute;
	z-index: -1;
	min-width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: cover;
	top: 0 !important;
	left: 0 !important;
	width: 100%;
	height: 100%;
}

/* locations */
.location_wrap { }

.location_content {
	float: left;
	padding: 0 0 0 100px;
	margin: 0;
	background-color: transparent;
	background-image: url(images/location.svg);
	background-repeat: no-repeat;
	background-size: 22px 28px;
	background-position: left 10px;
}

h3.location_name {
	color: #8b258a;
	padding: 0;
}

.location_address {
	color:#BA258A !important;
	padding: 0 0 20px 0;
}

.location_description {

}

/* quote */
.quote {
	float: left;
	padding: 48px 32px;
	margin: 40px 0 40px 0;
	font-family: 'Inter Tight', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 28px;
	line-height: 1.4;
	/* or 143% */
	text-align: center;
	/* Cream */
	color: #F3F6F6;
	/* GradientPurple */
	background: linear-gradient(270deg, #BA258A 13.74%, #8B258A 63.58%);
	border-radius: 32px;
}

.quote_thumbnail img {
	float: left;
	border-radius: 50%;
	padding: 0;
	margin: 0;
}

.quote_person {
	float: left;
	width: 100%;
	font-size: 17px;
	line-height: 1;
	padding: 10px 0 0 10px;
	margin: 0;
}

.quote_company {
	float: left;
	width: 100%;
	font-size: 14px;
	line-height: 1;
	padding: 0 0 10px 10px;
	margin: 0;
}

/* social */
.social_share {
	float: left;
	height: 50px;
	width: auto;
	padding: 0 0 20px 0;
	margin: 0;
}

.social_share a:link, .social_share a:visited {
	float: left;
	width: 34px;
	height: 34px;
	padding: 0;
	margin: 0 30px 0 0;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	text-decoration: none;
}

.social_share a:hover, .social_share a:active {
	opacity: 0.5;
}

.social_share a.btn_li { background-image: url(images/icon_li.png); }
.social_share a.btn_fb { background-image: url(images/icon_fb.png); }

/*
Sidebar CSS
*/
.sidebar {
	float: left;
	padding: 0;
	margin: 0;
}

/* align images  */
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 0 0 0 16px;
	margin: 0;
}

img.alignleft {
	padding: 0 16px 0 0;
	margin: 0;
}

.alignright { float: right; }
.alignleft { float: left; }

.centered {
	margin: 0 auto;
	text-align: center;
}

.centered img {
	float: none;
	display: block;
	position: relative;
	text-align: center;
	margin: 0 25%;
}
/* End align Images */


/* footer */
#page_footer {
	position: relative;
	z-index: 1;
	background-color: #fff !important;
}

.footer_wrap {
	float: left;
	padding: 40px 0 40px 0;
	margin: 0;
	width: 100%;
	background-color: transparent;
	font-size: 18px;
	line-height: 29px;
	color: #fff !important;
}

.footer_wrap a:link, .footer_wrap a:visited { color: #fff; text-decoration: none; }
.footer_wrap a:hover, .footer_wrap a:active { opacity: 0.5; }

.footer_content_wrap, .footer_content {
	float: left;
	text-align: left;
	padding: 20px 0;
	margin: 0;
}

.footer_content_left, .footer_content_right {
	float: left;
	padding: 0;
	margin: 0;
	color: #fff !important;
}

.footer_content h3 {
	font-size: 21px;
	line-height: 30px;
	text-transform: lowercase;
	padding: 0 0 10px 0;
	margin: 0;
	color: #fff !important;
}

.footer_content a {	color: #fff; }
.footer_content_small a:link, .footer_content_small a:visited { color: #F3F6F6 !important; opacity: 0.5; }

.footer_content .textwidget {
	line-height: 24px;
	padding: 0 0 0 0;
	margin: 0;
}

.footer_content .textwidget p {
	padding: 0 0 8px 0;
}

.footer_content ul {
	background: transparent;
	line-height: 24px;
	padding: 0 0 20px 0;
	margin: 0
}

.footer_content ul li {
	float: left;
	font-size: 18px;
	background: transparent;
	padding: 0;
	margin: 0 0 20px 0;
	color: #fff;
}

/* change lenght of third items to ft in list, change per resolution in responsive.css -- Glitch, checkup */
.footer_content_nav ul.menu li:nth-child(3n+4){
		width: 176px;
}

.footer_content_small, .footer_content_small ul li {
	font-size: 14px !important;
	margin: 0 0 10px 0;
}

/* change lenght of third items to ft in list, change per resolution in responsive.css */
.footer_content_small ul.menu li:nth-child(3n+3){
		width: auto;
}

/* general helper classes */
.transition {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.wrapper_relative {
	position: relative;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}

.wrapper_absolute {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.hidden {
	display: none;
	visibility: hidden;
}

/* font and bg colors and images */
.font_size_small { font-size: 16px !important; }
.decoration_none { text-decoration: none !important; }
.font_gotham { font-family: 'gotham-light'; }

.color_white { color: #fff !important }
.color_white h1, .color_white h2, .color_white h3, .color_white h4, .color_white h5, .color_white h6 { color: #fff !important; }
.color_light, .color_light a { color: #f3f6f6 !important;  }
.color_purple, .color_purple h3 { color: #8b258a !important; }
.color_dark { color: #3D0A2C; }

.bg_dark { background-color: #2B4D65; color: #fff !important; }
.bg_light { background-color: #f3f8f7 !important; }
.bg_white { background-color: #fff !important; }
.bg_image { background-size: cover; background-repeat: no-repeat; background-position: center; }
.bg_color_standard { background-color: #f3f8f7 !important; }
.bg_color_yellow { background-color: yellow; }
.bg_blue { background-color: #049eed; }
.bg_gradient { background: linear-gradient(178.96deg, #009EEC -6.53%, #BA258A 76.9%, #8B258A 115.77%); }
.bg_gradient_purple { background: linear-gradient(270deg, #BA258A 13.74%, #8B258A 63.58%); }

/* for testing purposes only */
.bg_red { background-color: red; }
.bg_green { background-color: green; }

/* borders */
.border_top { border-top: 1px solid #2b4d65; }
.bg_dark .border_top { border-top: 1px solid #fff; }
.border_bottom { border-bottom: 1px solid #2b4d65; }
.border_radius_32 { border-radius: 32px; }

/* widths */
.width_full { width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; }

/* heights  */
.min_height { min-height: 100px; }
.height_full { height: 100%; }
.height_image { height: 460px; }
.height_image_s { height: 400px; }
.height_image_m { height: 486px; }
.height_image_portrait_m { height: 624px; }
.height_image_l { height: 900px; }
.height_preview { height: 500px; }
.height_preview_link { height: 124px; }
.height_preview_link_wide { height: 122px; }
.height_preview_link_small { height: 83px; }
.height_preview_l { height: 640px; }
.height_screen { height: 100vh; max-height: 80vw; }
.height_halfscreen { height: 60vh; max-height: 40vw; }

/* spacing */
.margin_top_min { margin-top: -15vh !important; }
.margin_top_min_40 { margin-top: -40px; }
.margin_top { margin-top: 40px; }
.margin_bottom { margin-bottom: 40px; }
.margin_bottom_min_40 { margin-bottom: -40px; }
.padding_full { padding: 40px; }
.padding_top_s { padding-top: 20px; }
.padding_top { padding-top: 40px; }
.padding_top_m { padding-top: 60px; }
.padding_top_l { padding-top: 80px; }
.padding_bottom_s { padding-bottom: 20px; }
.padding_bottom { padding-bottom: 40px; }
.padding_bottom_m { padding-bottom: 60px; }
.padding_bottom_l { padding-bottom: 80px; }
.padding_sides_large { padding-left: 250px; padding-right: 250px; }
.padding_left { padding-left: 40px; }
.padding_left_m { padding-left: 90px; }
.padding_left_l { padding-left: 120px; }
.padding_right { padding-right: 40px; }
.padding_right_m { padding-right: 80px; }
.padding_right_l { padding-right: 120px; }

/* spacing divs */
.space {
	clear: both;
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	height: 80px;
}

.space.xs { height: 20px; }
.space.small { height: 40px; }
.space.medium { height: 80px; }
.space.large { height: 120px; }

.cleardiv {
	float: none;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
	height: 0;
}

.inline_block {  display: inline-block; }
.nospace { padding: 0 !important; margin: 0 !important; }