/*!
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.paragraphSystem,
.row {
  margin-left: -15px;
  margin-right: -15px;
}

.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.paragraphSystem:before,
.paragraphSystem:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}

.row:after,
.paragraphSystem:after,
.container:after,
.container-fluid:after {
  clear: both;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-11 {
    width: 91.66666667%;
  }

  .col-lg-10 {
    width: 83.33333333%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-8 {
    width: 66.66666667%;
  }

  .col-lg-7 {
    width: 58.33333333%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-5 {
    width: 41.66666667%;
  }

  .col-lg-4 {
    width: 33.33333333%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-2 {
    width: 16.66666667%;
  }

  .col-lg-1 {
    width: 8.33333333%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-pull-11 {
    right: 91.66666667%;
  }

  .col-lg-pull-10 {
    right: 83.33333333%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-8 {
    right: 66.66666667%;
  }

  .col-lg-pull-7 {
    right: 58.33333333%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-5 {
    right: 41.66666667%;
  }

  .col-lg-pull-4 {
    right: 33.33333333%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-2 {
    right: 16.66666667%;
  }

  .col-lg-pull-1 {
    right: 8.33333333%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-push-11 {
    left: 91.66666667%;
  }

  .col-lg-push-10 {
    left: 83.33333333%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-8 {
    left: 66.66666667%;
  }

  .col-lg-push-7 {
    left: 58.33333333%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-5 {
    left: 41.66666667%;
  }

  .col-lg-push-4 {
    left: 33.33333333%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-2 {
    left: 16.66666667%;
  }

  .col-lg-push-1 {
    left: 8.33333333%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }
}:root {
	--radius: 14px;

	--container-wrapper: 1440px;
	--max-content: unset;

	/* Content padding */
	--content-padding-global: 16px;
	--content-padding-global-mobile: 16px;

	/* Content-container paddings */
	--container-padding-horizontal: 64px;
	--container-padding-horizontal-tablet: 114px;
	--container-padding-horizontal-mobile: 44px;
	--container-padding-horizontal-smallMobile: 14px;
	--container-padding-vertical: 64px;
	--container-padding-vertical-tablet: 84px;
	--container-padding-vertical-mobile: 34px;

	/* Scroll-padding */
	--scroll-padding-top: 88px;

	/* Breakpoints */
	/* 
  - Extra Large Desktop: 1920px
  - Large Desktop: 1461px
  - Desktop: 1201px
  - Tablet: 992px
  - Mobile: 768px
  - Small Mobile: 461px
	*/

	/* USAGE: MOBILE-FIRST DESIGN !!!!! */
	/* Always start with mobile styles by default and use media queries for larger screens. 
   Remember: You must hardcode the values in CSS as variables cannot be used directly in media queries. */
}
:root {
	/* Primary */
	--primary-100: #560f2d; /* Deep magenta */
	--primary-200: #ac1d5a; /* Mid magenta */
	--primary-300: #f94390; /* Bright magenta */

	/* Secondary */
	--secondary-100: #103a39; /* Deep aqua */
	--secondary-200: #145a58; /* Mid aqua */
	--secondary-300: #34e5c4; /* Bright aqua */

	/* Tertiary */
	--tertiary-100: #05590d; /* Deep green */
	--tertiary-200: #377a3d; /* Mid green */
	--tertiary-300: #33c240; /* Bright green */

	/* Quaternary */
	--quaternary-100: #fff1da; /* Sand */
	--quaternary-200: #f8d353; /* Sunrise */
	--quaternary-300: #bf210b; /* Sunset */
	--quaternary-400: #601005; /* Deep Sunset */

	/* Gradient */
	--gradient-1: linear-gradient(150deg, #560f2d 0%, #b9256f 25%, #560f2d 100%); /* Hero */
	--gradient-2: linear-gradient(160deg, #103a39 0%, #145a58 52%, #103a39 100%); /* Learn the Facts */
	--gradient-3: linear-gradient(
		160deg,
		#601005 0%,
		#6e1306 40%,
		#901908 60%,
		#601005 80%
	); /* Good News */
	--gradient-4: linear-gradient(
		45deg,
		#560f2d 15%,
		#145a58 30%,
		#377a3d 54%,
		#83171e 65%
	); /* Learn more */
	--gradient-5: linear-gradient(90deg, #34e5c4 0%, #fff1da 50%, #f8d353 100%); /* Aqua Suntise */
	--gradient-6: linear-gradient(-90deg, #f8d353 0%, #fff1da 50%, #f94390 100%); /* Magenta Sunrise */

	/* Neutral */
	--neutral-100: #ffffff;
	--neutral-900: #000000;

	/* Error */
	--error: #e40046;

	/* Utility */
	--footer-navy: #071d49;
	--footer-links: #ea1b75;
}
/* Background Colors */

.container-content.bg-color-1,
.bg-color-1 {
	background: var(--primary-100);
}

.container-content.bg-color-2,
.bg-color-2 {
	background: var(--primary-200);
}

.container-content.bg-color-3,
.bg-color-3 {
	background: var(--quaternary-100);
}

/* Background Gradient Colors */

.container-content.bg-gradient-1,
.bg-gradient-1 {
	background: var(--gradient-1);
}

.container-content.bg-gradient-2,
.bg-gradient-2 {
	background: var(--gradient-2);
}

.container-content.bg-gradient-3,
.bg-gradient-3 {
	background: var(--gradient-3);
}

.container-content.bg-gradient-4,
.bg-gradient-4 {
	background: var(--gradient-4);
}

/* Text Colors */

.color-1 {
	color: var(--quaternary-100);
}

.color-2 {
	color: var(--quaternary-300);
}

.color-3 {
	color: var(--secondary-300);
}

.color-4 {
	color: var(--neutral-100);
}

.color-5 {
	background: var(--gradient-5);
	background-size: 100% 100%;
	background-position: center;
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	display: inline-block;
}

.color-6 {
	background: var(--gradient-6);
	background-size: 100% 100%;
	background-position: center;
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	display: inline-block;
}

.color-7 {
	color: var(--primary-300);
}
@font-face {
	font-family: "Roboto";
	src: url("../../../../hivpreventionforus/desktop/assets/fonts/Roboto/Roboto-Light.ttf");
	font-weight: 300;
}

@font-face {
	font-family: "Roboto";
	src: url("../../../../hivpreventionforus/desktop/assets/fonts/Roboto/Roboto-Regular.ttf");
	font-weight: 400;
}

@font-face {
	font-family: "Roboto";
	src: url("../../../../hivpreventionforus/desktop/assets/fonts/Roboto/Roboto-Medium.ttf");
	font-weight: 500;
}

@font-face {
	font-family: "Roboto";
	src: url("../../../../hivpreventionforus/desktop/assets/fonts/Roboto/Roboto-Bold.ttf");
	font-weight: 700;
}

@font-face {
	font-family: "Roboto";
	src: url("../../../../hivpreventionforus/desktop/assets/fonts/Roboto/Roboto-Black.ttf");
	font-weight: 900;
}
/* Global */
body,
html {
	font-family: "dm-sans", sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: 600;
	color: var(--quaternary-100);
	margin-bottom: 10px;
	margin-top: 0;
	padding-top: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.no-wrap {
	white-space: nowrap;
}

/* Headings */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	margin-top: 0;
	margin-bottom: 0px;
}

h2,
.h2 {
	position: relative;
	font-family: "degular-display", sans-serif;
	font-size: 100px;
	line-height: 65px;
	font-weight: 800;
	z-index: 1;

	.color-5,
	.color-6 {
		padding: 0 16px 16px 16px;
	}

	@media (min-width: 768px) {
		font-size: 160px;
		line-height: 101px;
	}
}

h3,
.h3 {
	font-family: "degular-display", sans-serif;
	font-size: 48px;
	line-height: 40px;
	font-weight: 800;

	@media (min-width: 768px) {
		font-size: 64px;
		line-height: 53px;
	}
}

h4,
.h4 {
	font-family: "degular-display", sans-serif;
	font-size: 34px;
	line-height: 28px;
	font-weight: 800;
	margin-bottom: 10px;

	.color-5,
	.color-6 {
		padding: 0 0 16px 0;
	}

	@media (min-width: 768px) {
		font-size: 48px;
		line-height: 38px;
	}
}

h5,
.h5 {
	display: block;
	font-family: "degular-text", sans-serif;
	font-size: 36px;
	line-height: 30px;
	font-weight: 800;
	margin-bottom: 10px;

	@media (min-width: 768px) {
		font-size: 40px;
		line-height: 40px;
	}
}

h6,
.h6 {
	font-family: "degular-text", sans-serif;
	font-size: 26px;
	line-height: 28px;
	font-weight: 600;
	letter-spacing: -0.05em;

	@media (min-width: 768px) {
		font-size: 32px;
		line-height: 36px;
	}
}

/* Paragraph */

p {
	font-family: "dm-sans", sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 10px;
}

/* Link */
a {
	font-size: 16px;
	line-height: 22px;
	color: var(--quaternary-200);
	font-weight: 600;
	text-decoration-line: underline;
}
.border-radius-all {
	border-radius: var(--radius);
	& > .component-content {
		border-radius: var(--radius);
	}
}
.border-radius-top-left {
	border-top-left-radius: var(--radius);
	& > .component-content {
		border-top-left-radius: var(--radius);
	}
}
.border-radius-top-right {
	border-top-right-radius: var(--radius);
	& > .component-content {
		border-top-right-radius: var(--radius);
	}
}
.border-radius-bottom-left {
	border-bottom-left-radius: var(--radius);
	& > .component-content {
		border-bottom-left-radius: var(--radius);
	}
}
.border-radius-bottom-right {
	border-bottom-right-radius: var(--radius);
	& > .component-content {
		border-bottom-right-radius: var(--radius);
	}
}
body,
html {
	margin: 0 auto;
	padding: 0;
	scroll-behavior: smooth;
	scroll-padding-top: var(--scroll-padding-top, 0px);
	overflow-x: hidden;

	a[id] {
		display: none;
		height: 0;
		width: 0;
		position: absolute;
	}

	* {
		box-sizing: border-box;
	}

	&.disabled-scroll {
		overflow: hidden;
	}
}

/* Global grid settings */

.container {
	width: 100%;
	max-width: var(--max-content);
	padding-left: 0;
	padding-right: 0;

	> .row {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-left: 0;
		margin-right: 0;
	}

	#header,
	#footer {
		padding: 0;
	}

	#header,
	#content {
		padding: 0;
	}
}

.content-wrapper,
.container-content {
	width: 100%;
	& > .component-content {
		max-width: var(--container-wrapper);
		margin: 0 auto;
	}
}

.container-flex {
	& > .component-content {
		& > .content {
			display: flex;
			flex-wrap: wrap;
		}
	}
}

/* Hide classes */

:root {
	--hide-message-mobile: "Hidden on mobile";
	--hide-message-desktop: "Hidden on desktop";
	--hide-message-tablet: "Hidden on tablet";
	--hide-message: "Hidden";
}

.hide-mobile {
	display: none;
}

@media (min-width: 768px) {
	.hide-mobile {
		display: unset;
	}
}

:root[style*="--is-author: 1"] .hide-mobile {
	display: unset;
	position: relative;
	&:before {
		content: var(--hide-message-mobile);
		display: block;
		font-size: 12px;
		color: red;
		margin-top: 5px;
	}
}

@media (min-width: 992px) {
	.hide-desktop {
		display: none;
	}
}

:root[style*="--is-author: 1"] .hide-desktop {
	display: unset;
	position: relative;
	&:before {
		content: var(--hide-message-desktop);
		display: block;
		font-size: 12px;
		color: red;
		margin-top: 5px;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.hide-tablet {
		display: none;
	}
}

:root[style*="--is-author: 1"] .hide-tablet {
	display: unset;
	position: relative;
	&:before {
		content: var(--hide-message-tablet);
		display: block;
		font-size: 12px;
		color: red;
		margin-top: 5px;
	}
}

.hidden,
.is-hidden {
	display: none !important;
}

:root[style*="--is-author: 1"] .hidden {
	display: unset !important;
	position: relative;
	&:before {
		content: var(--hide-message);
		display: block;
		font-size: 12px;
		color: red;
		margin-top: 5px;
	}
}

/* Components */

.component {
	float: left;
	padding: var(--content-padding-global-mobile);
	@media (min-width: 768px) {
		padding: var(--content-padding-global);
	}
}

/* Bootstrap Reset */

#header,
#footer,
#content {
	& > .row > .layout-outer > .layout-inner > .col-xs-12,
	& > .row > .layout-outer > .layout-inner > .col-md-12,
	& > .row > .layout-outer > .layout-inner > .default-style {
		padding: 0;
		margin: 0;
		border: 0;
		background: transparent;
	}
}

.paragraphSystem,
.row {
	padding-right: 0;
	padding-left: 0;
	margin: 0;
}
.margin-top-0:not(.box:not(.container-content)),.box.margin-top-0:not(.container-content)>.component-content{margin-top:0 !important}@media(min-width: 768px){.margin-top-0:not(.box:not(.container-content)),.box.margin-top-0:not(.container-content)>.component-content{margin-top:0 !important}}@media(max-width: 767px){.mobile-margin-top-0:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-top-0:not(.container-content):not(.prevent-overwrite)>.component-content{margin-top:0 !important}}.margin-top-1:not(.box:not(.container-content)),.box.margin-top-1:not(.container-content)>.component-content{margin-top:2px !important}@media(min-width: 768px){.margin-top-1:not(.box:not(.container-content)),.box.margin-top-1:not(.container-content)>.component-content{margin-top:4px !important}}@media(max-width: 767px){.mobile-margin-top-1:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-top-1:not(.container-content):not(.prevent-overwrite)>.component-content{margin-top:2px !important}}.margin-top-2:not(.box:not(.container-content)),.box.margin-top-2:not(.container-content)>.component-content{margin-top:4px !important}@media(min-width: 768px){.margin-top-2:not(.box:not(.container-content)),.box.margin-top-2:not(.container-content)>.component-content{margin-top:8px !important}}@media(max-width: 767px){.mobile-margin-top-2:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-top-2:not(.container-content):not(.prevent-overwrite)>.component-content{margin-top:4px !important}}.margin-top-3:not(.box:not(.container-content)),.box.margin-top-3:not(.container-content)>.component-content{margin-top:8px !important}@media(min-width: 768px){.margin-top-3:not(.box:not(.container-content)),.box.margin-top-3:not(.container-content)>.component-content{margin-top:16px !important}}@media(max-width: 767px){.mobile-margin-top-3:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-top-3:not(.container-content):not(.prevent-overwrite)>.component-content{margin-top:8px !important}}.margin-top-4:not(.box:not(.container-content)),.box.margin-top-4:not(.container-content)>.component-content{margin-top:16px !important}@media(min-width: 768px){.margin-top-4:not(.box:not(.container-content)),.box.margin-top-4:not(.container-content)>.component-content{margin-top:32px !important}}@media(max-width: 767px){.mobile-margin-top-4:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-top-4:not(.container-content):not(.prevent-overwrite)>.component-content{margin-top:16px !important}}.margin-top-5:not(.box:not(.container-content)),.box.margin-top-5:not(.container-content)>.component-content{margin-top:32px !important}@media(min-width: 768px){.margin-top-5:not(.box:not(.container-content)),.box.margin-top-5:not(.container-content)>.component-content{margin-top:40px !important}}@media(max-width: 767px){.mobile-margin-top-5:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-top-5:not(.container-content):not(.prevent-overwrite)>.component-content{margin-top:32px !important}}.margin-top-6:not(.box:not(.container-content)),.box.margin-top-6:not(.container-content)>.component-content{margin-top:50px !important}@media(min-width: 768px){.margin-top-6:not(.box:not(.container-content)),.box.margin-top-6:not(.container-content)>.component-content{margin-top:80px !important}}@media(max-width: 767px){.mobile-margin-top-6:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-top-6:not(.container-content):not(.prevent-overwrite)>.component-content{margin-top:50px !important}}.margin-bottom-0:not(.box:not(.container-content)),.box.margin-bottom-0:not(.container-content)>.component-content{margin-bottom:0 !important}@media(min-width: 768px){.margin-bottom-0:not(.box:not(.container-content)),.box.margin-bottom-0:not(.container-content)>.component-content{margin-bottom:0 !important}}@media(max-width: 767px){.mobile-margin-bottom-0:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-bottom-0:not(.container-content):not(.prevent-overwrite)>.component-content{margin-bottom:0 !important}}.margin-bottom-1:not(.box:not(.container-content)),.box.margin-bottom-1:not(.container-content)>.component-content{margin-bottom:2px !important}@media(min-width: 768px){.margin-bottom-1:not(.box:not(.container-content)),.box.margin-bottom-1:not(.container-content)>.component-content{margin-bottom:4px !important}}@media(max-width: 767px){.mobile-margin-bottom-1:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-bottom-1:not(.container-content):not(.prevent-overwrite)>.component-content{margin-bottom:2px !important}}.margin-bottom-2:not(.box:not(.container-content)),.box.margin-bottom-2:not(.container-content)>.component-content{margin-bottom:4px !important}@media(min-width: 768px){.margin-bottom-2:not(.box:not(.container-content)),.box.margin-bottom-2:not(.container-content)>.component-content{margin-bottom:8px !important}}@media(max-width: 767px){.mobile-margin-bottom-2:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-bottom-2:not(.container-content):not(.prevent-overwrite)>.component-content{margin-bottom:4px !important}}.margin-bottom-3:not(.box:not(.container-content)),.box.margin-bottom-3:not(.container-content)>.component-content{margin-bottom:8px !important}@media(min-width: 768px){.margin-bottom-3:not(.box:not(.container-content)),.box.margin-bottom-3:not(.container-content)>.component-content{margin-bottom:16px !important}}@media(max-width: 767px){.mobile-margin-bottom-3:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-bottom-3:not(.container-content):not(.prevent-overwrite)>.component-content{margin-bottom:8px !important}}.margin-bottom-4:not(.box:not(.container-content)),.box.margin-bottom-4:not(.container-content)>.component-content{margin-bottom:16px !important}@media(min-width: 768px){.margin-bottom-4:not(.box:not(.container-content)),.box.margin-bottom-4:not(.container-content)>.component-content{margin-bottom:32px !important}}@media(max-width: 767px){.mobile-margin-bottom-4:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-bottom-4:not(.container-content):not(.prevent-overwrite)>.component-content{margin-bottom:16px !important}}.margin-bottom-5:not(.box:not(.container-content)),.box.margin-bottom-5:not(.container-content)>.component-content{margin-bottom:32px !important}@media(min-width: 768px){.margin-bottom-5:not(.box:not(.container-content)),.box.margin-bottom-5:not(.container-content)>.component-content{margin-bottom:40px !important}}@media(max-width: 767px){.mobile-margin-bottom-5:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-bottom-5:not(.container-content):not(.prevent-overwrite)>.component-content{margin-bottom:32px !important}}.margin-bottom-6:not(.box:not(.container-content)),.box.margin-bottom-6:not(.container-content)>.component-content{margin-bottom:50px !important}@media(min-width: 768px){.margin-bottom-6:not(.box:not(.container-content)),.box.margin-bottom-6:not(.container-content)>.component-content{margin-bottom:80px !important}}@media(max-width: 767px){.mobile-margin-bottom-6:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-bottom-6:not(.container-content):not(.prevent-overwrite)>.component-content{margin-bottom:50px !important}}.margin-left-0:not(.box:not(.container-content)),.box.margin-left-0:not(.container-content)>.component-content{margin-left:0 !important}@media(min-width: 768px){.margin-left-0:not(.box:not(.container-content)),.box.margin-left-0:not(.container-content)>.component-content{margin-left:0 !important}}@media(max-width: 767px){.mobile-margin-left-0:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-left-0:not(.container-content):not(.prevent-overwrite)>.component-content{margin-left:0 !important}}.margin-left-1:not(.box:not(.container-content)),.box.margin-left-1:not(.container-content)>.component-content{margin-left:2px !important}@media(min-width: 768px){.margin-left-1:not(.box:not(.container-content)),.box.margin-left-1:not(.container-content)>.component-content{margin-left:4px !important}}@media(max-width: 767px){.mobile-margin-left-1:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-left-1:not(.container-content):not(.prevent-overwrite)>.component-content{margin-left:2px !important}}.margin-left-2:not(.box:not(.container-content)),.box.margin-left-2:not(.container-content)>.component-content{margin-left:4px !important}@media(min-width: 768px){.margin-left-2:not(.box:not(.container-content)),.box.margin-left-2:not(.container-content)>.component-content{margin-left:8px !important}}@media(max-width: 767px){.mobile-margin-left-2:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-left-2:not(.container-content):not(.prevent-overwrite)>.component-content{margin-left:4px !important}}.margin-left-3:not(.box:not(.container-content)),.box.margin-left-3:not(.container-content)>.component-content{margin-left:8px !important}@media(min-width: 768px){.margin-left-3:not(.box:not(.container-content)),.box.margin-left-3:not(.container-content)>.component-content{margin-left:16px !important}}@media(max-width: 767px){.mobile-margin-left-3:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-left-3:not(.container-content):not(.prevent-overwrite)>.component-content{margin-left:8px !important}}.margin-left-4:not(.box:not(.container-content)),.box.margin-left-4:not(.container-content)>.component-content{margin-left:16px !important}@media(min-width: 768px){.margin-left-4:not(.box:not(.container-content)),.box.margin-left-4:not(.container-content)>.component-content{margin-left:32px !important}}@media(max-width: 767px){.mobile-margin-left-4:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-left-4:not(.container-content):not(.prevent-overwrite)>.component-content{margin-left:16px !important}}.margin-left-5:not(.box:not(.container-content)),.box.margin-left-5:not(.container-content)>.component-content{margin-left:32px !important}@media(min-width: 768px){.margin-left-5:not(.box:not(.container-content)),.box.margin-left-5:not(.container-content)>.component-content{margin-left:40px !important}}@media(max-width: 767px){.mobile-margin-left-5:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-left-5:not(.container-content):not(.prevent-overwrite)>.component-content{margin-left:32px !important}}.margin-left-6:not(.box:not(.container-content)),.box.margin-left-6:not(.container-content)>.component-content{margin-left:50px !important}@media(min-width: 768px){.margin-left-6:not(.box:not(.container-content)),.box.margin-left-6:not(.container-content)>.component-content{margin-left:80px !important}}@media(max-width: 767px){.mobile-margin-left-6:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-left-6:not(.container-content):not(.prevent-overwrite)>.component-content{margin-left:50px !important}}.margin-right-0:not(.box:not(.container-content)),.box.margin-right-0:not(.container-content)>.component-content{margin-right:0 !important}@media(min-width: 768px){.margin-right-0:not(.box:not(.container-content)),.box.margin-right-0:not(.container-content)>.component-content{margin-right:0 !important}}@media(max-width: 767px){.mobile-margin-right-0:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-right-0:not(.container-content):not(.prevent-overwrite)>.component-content{margin-right:0 !important}}.margin-right-1:not(.box:not(.container-content)),.box.margin-right-1:not(.container-content)>.component-content{margin-right:2px !important}@media(min-width: 768px){.margin-right-1:not(.box:not(.container-content)),.box.margin-right-1:not(.container-content)>.component-content{margin-right:4px !important}}@media(max-width: 767px){.mobile-margin-right-1:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-right-1:not(.container-content):not(.prevent-overwrite)>.component-content{margin-right:2px !important}}.margin-right-2:not(.box:not(.container-content)),.box.margin-right-2:not(.container-content)>.component-content{margin-right:4px !important}@media(min-width: 768px){.margin-right-2:not(.box:not(.container-content)),.box.margin-right-2:not(.container-content)>.component-content{margin-right:8px !important}}@media(max-width: 767px){.mobile-margin-right-2:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-right-2:not(.container-content):not(.prevent-overwrite)>.component-content{margin-right:4px !important}}.margin-right-3:not(.box:not(.container-content)),.box.margin-right-3:not(.container-content)>.component-content{margin-right:8px !important}@media(min-width: 768px){.margin-right-3:not(.box:not(.container-content)),.box.margin-right-3:not(.container-content)>.component-content{margin-right:16px !important}}@media(max-width: 767px){.mobile-margin-right-3:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-right-3:not(.container-content):not(.prevent-overwrite)>.component-content{margin-right:8px !important}}.margin-right-4:not(.box:not(.container-content)),.box.margin-right-4:not(.container-content)>.component-content{margin-right:16px !important}@media(min-width: 768px){.margin-right-4:not(.box:not(.container-content)),.box.margin-right-4:not(.container-content)>.component-content{margin-right:32px !important}}@media(max-width: 767px){.mobile-margin-right-4:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-right-4:not(.container-content):not(.prevent-overwrite)>.component-content{margin-right:16px !important}}.margin-right-5:not(.box:not(.container-content)),.box.margin-right-5:not(.container-content)>.component-content{margin-right:32px !important}@media(min-width: 768px){.margin-right-5:not(.box:not(.container-content)),.box.margin-right-5:not(.container-content)>.component-content{margin-right:40px !important}}@media(max-width: 767px){.mobile-margin-right-5:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-right-5:not(.container-content):not(.prevent-overwrite)>.component-content{margin-right:32px !important}}.margin-right-6:not(.box:not(.container-content)),.box.margin-right-6:not(.container-content)>.component-content{margin-right:50px !important}@media(min-width: 768px){.margin-right-6:not(.box:not(.container-content)),.box.margin-right-6:not(.container-content)>.component-content{margin-right:80px !important}}@media(max-width: 767px){.mobile-margin-right-6:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-right-6:not(.container-content):not(.prevent-overwrite)>.component-content{margin-right:50px !important}}.padding-top-0:not(.box),.box.padding-top-0>.component-content{padding-top:0 !important}@media(min-width: 768px){.padding-top-0:not(.box),.box.padding-top-0>.component-content{padding-top:0 !important}}@media(max-width: 767px){.mobile-padding-top-0:not(.box):not(.prevent-overwrite),.box.mobile-padding-top-0:not(.prevent-overwrite)>.component-content{padding-top:0 !important}}.padding-top-1:not(.box),.box.padding-top-1>.component-content{padding-top:2px !important}@media(min-width: 768px){.padding-top-1:not(.box),.box.padding-top-1>.component-content{padding-top:4px !important}}@media(max-width: 767px){.mobile-padding-top-1:not(.box):not(.prevent-overwrite),.box.mobile-padding-top-1:not(.prevent-overwrite)>.component-content{padding-top:2px !important}}.padding-top-2:not(.box),.box.padding-top-2>.component-content{padding-top:4px !important}@media(min-width: 768px){.padding-top-2:not(.box),.box.padding-top-2>.component-content{padding-top:8px !important}}@media(max-width: 767px){.mobile-padding-top-2:not(.box):not(.prevent-overwrite),.box.mobile-padding-top-2:not(.prevent-overwrite)>.component-content{padding-top:4px !important}}.padding-top-3:not(.box),.box.padding-top-3>.component-content{padding-top:8px !important}@media(min-width: 768px){.padding-top-3:not(.box),.box.padding-top-3>.component-content{padding-top:16px !important}}@media(max-width: 767px){.mobile-padding-top-3:not(.box):not(.prevent-overwrite),.box.mobile-padding-top-3:not(.prevent-overwrite)>.component-content{padding-top:8px !important}}.padding-top-4:not(.box),.box.padding-top-4>.component-content{padding-top:16px !important}@media(min-width: 768px){.padding-top-4:not(.box),.box.padding-top-4>.component-content{padding-top:32px !important}}@media(max-width: 767px){.mobile-padding-top-4:not(.box):not(.prevent-overwrite),.box.mobile-padding-top-4:not(.prevent-overwrite)>.component-content{padding-top:16px !important}}.padding-top-5:not(.box),.box.padding-top-5>.component-content{padding-top:32px !important}@media(min-width: 768px){.padding-top-5:not(.box),.box.padding-top-5>.component-content{padding-top:40px !important}}@media(max-width: 767px){.mobile-padding-top-5:not(.box):not(.prevent-overwrite),.box.mobile-padding-top-5:not(.prevent-overwrite)>.component-content{padding-top:32px !important}}.padding-top-6:not(.box),.box.padding-top-6>.component-content{padding-top:50px !important}@media(min-width: 768px){.padding-top-6:not(.box),.box.padding-top-6>.component-content{padding-top:80px !important}}@media(max-width: 767px){.mobile-padding-top-6:not(.box):not(.prevent-overwrite),.box.mobile-padding-top-6:not(.prevent-overwrite)>.component-content{padding-top:50px !important}}.padding-bottom-0:not(.box),.box.padding-bottom-0>.component-content{padding-bottom:0 !important}@media(min-width: 768px){.padding-bottom-0:not(.box),.box.padding-bottom-0>.component-content{padding-bottom:0 !important}}@media(max-width: 767px){.mobile-padding-bottom-0:not(.box):not(.prevent-overwrite),.box.mobile-padding-bottom-0:not(.prevent-overwrite)>.component-content{padding-bottom:0 !important}}.padding-bottom-1:not(.box),.box.padding-bottom-1>.component-content{padding-bottom:2px !important}@media(min-width: 768px){.padding-bottom-1:not(.box),.box.padding-bottom-1>.component-content{padding-bottom:4px !important}}@media(max-width: 767px){.mobile-padding-bottom-1:not(.box):not(.prevent-overwrite),.box.mobile-padding-bottom-1:not(.prevent-overwrite)>.component-content{padding-bottom:2px !important}}.padding-bottom-2:not(.box),.box.padding-bottom-2>.component-content{padding-bottom:4px !important}@media(min-width: 768px){.padding-bottom-2:not(.box),.box.padding-bottom-2>.component-content{padding-bottom:8px !important}}@media(max-width: 767px){.mobile-padding-bottom-2:not(.box):not(.prevent-overwrite),.box.mobile-padding-bottom-2:not(.prevent-overwrite)>.component-content{padding-bottom:4px !important}}.padding-bottom-3:not(.box),.box.padding-bottom-3>.component-content{padding-bottom:8px !important}@media(min-width: 768px){.padding-bottom-3:not(.box),.box.padding-bottom-3>.component-content{padding-bottom:16px !important}}@media(max-width: 767px){.mobile-padding-bottom-3:not(.box):not(.prevent-overwrite),.box.mobile-padding-bottom-3:not(.prevent-overwrite)>.component-content{padding-bottom:8px !important}}.padding-bottom-4:not(.box),.box.padding-bottom-4>.component-content{padding-bottom:16px !important}@media(min-width: 768px){.padding-bottom-4:not(.box),.box.padding-bottom-4>.component-content{padding-bottom:32px !important}}@media(max-width: 767px){.mobile-padding-bottom-4:not(.box):not(.prevent-overwrite),.box.mobile-padding-bottom-4:not(.prevent-overwrite)>.component-content{padding-bottom:16px !important}}.padding-bottom-5:not(.box),.box.padding-bottom-5>.component-content{padding-bottom:32px !important}@media(min-width: 768px){.padding-bottom-5:not(.box),.box.padding-bottom-5>.component-content{padding-bottom:40px !important}}@media(max-width: 767px){.mobile-padding-bottom-5:not(.box):not(.prevent-overwrite),.box.mobile-padding-bottom-5:not(.prevent-overwrite)>.component-content{padding-bottom:32px !important}}.padding-bottom-6:not(.box),.box.padding-bottom-6>.component-content{padding-bottom:50px !important}@media(min-width: 768px){.padding-bottom-6:not(.box),.box.padding-bottom-6>.component-content{padding-bottom:80px !important}}@media(max-width: 767px){.mobile-padding-bottom-6:not(.box):not(.prevent-overwrite),.box.mobile-padding-bottom-6:not(.prevent-overwrite)>.component-content{padding-bottom:50px !important}}.padding-left-0:not(.box),.box.padding-left-0>.component-content{padding-left:0 !important}@media(min-width: 768px){.padding-left-0:not(.box),.box.padding-left-0>.component-content{padding-left:0 !important}}@media(max-width: 767px){.mobile-padding-left-0:not(.box):not(.prevent-overwrite),.box.mobile-padding-left-0:not(.prevent-overwrite)>.component-content{padding-left:0 !important}}.padding-left-1:not(.box),.box.padding-left-1>.component-content{padding-left:2px !important}@media(min-width: 768px){.padding-left-1:not(.box),.box.padding-left-1>.component-content{padding-left:4px !important}}@media(max-width: 767px){.mobile-padding-left-1:not(.box):not(.prevent-overwrite),.box.mobile-padding-left-1:not(.prevent-overwrite)>.component-content{padding-left:2px !important}}.padding-left-2:not(.box),.box.padding-left-2>.component-content{padding-left:4px !important}@media(min-width: 768px){.padding-left-2:not(.box),.box.padding-left-2>.component-content{padding-left:8px !important}}@media(max-width: 767px){.mobile-padding-left-2:not(.box):not(.prevent-overwrite),.box.mobile-padding-left-2:not(.prevent-overwrite)>.component-content{padding-left:4px !important}}.padding-left-3:not(.box),.box.padding-left-3>.component-content{padding-left:8px !important}@media(min-width: 768px){.padding-left-3:not(.box),.box.padding-left-3>.component-content{padding-left:16px !important}}@media(max-width: 767px){.mobile-padding-left-3:not(.box):not(.prevent-overwrite),.box.mobile-padding-left-3:not(.prevent-overwrite)>.component-content{padding-left:8px !important}}.padding-left-4:not(.box),.box.padding-left-4>.component-content{padding-left:16px !important}@media(min-width: 768px){.padding-left-4:not(.box),.box.padding-left-4>.component-content{padding-left:32px !important}}@media(max-width: 767px){.mobile-padding-left-4:not(.box):not(.prevent-overwrite),.box.mobile-padding-left-4:not(.prevent-overwrite)>.component-content{padding-left:16px !important}}.padding-left-5:not(.box),.box.padding-left-5>.component-content{padding-left:32px !important}@media(min-width: 768px){.padding-left-5:not(.box),.box.padding-left-5>.component-content{padding-left:40px !important}}@media(max-width: 767px){.mobile-padding-left-5:not(.box):not(.prevent-overwrite),.box.mobile-padding-left-5:not(.prevent-overwrite)>.component-content{padding-left:32px !important}}.padding-left-6:not(.box),.box.padding-left-6>.component-content{padding-left:50px !important}@media(min-width: 768px){.padding-left-6:not(.box),.box.padding-left-6>.component-content{padding-left:80px !important}}@media(max-width: 767px){.mobile-padding-left-6:not(.box):not(.prevent-overwrite),.box.mobile-padding-left-6:not(.prevent-overwrite)>.component-content{padding-left:50px !important}}.padding-right-0:not(.box),.box.padding-right-0>.component-content{padding-right:0 !important}@media(min-width: 768px){.padding-right-0:not(.box),.box.padding-right-0>.component-content{padding-right:0 !important}}@media(max-width: 767px){.mobile-padding-right-0:not(.box):not(.prevent-overwrite),.box.mobile-padding-right-0:not(.prevent-overwrite)>.component-content{padding-right:0 !important}}.padding-right-1:not(.box),.box.padding-right-1>.component-content{padding-right:2px !important}@media(min-width: 768px){.padding-right-1:not(.box),.box.padding-right-1>.component-content{padding-right:4px !important}}@media(max-width: 767px){.mobile-padding-right-1:not(.box):not(.prevent-overwrite),.box.mobile-padding-right-1:not(.prevent-overwrite)>.component-content{padding-right:2px !important}}.padding-right-2:not(.box),.box.padding-right-2>.component-content{padding-right:4px !important}@media(min-width: 768px){.padding-right-2:not(.box),.box.padding-right-2>.component-content{padding-right:8px !important}}@media(max-width: 767px){.mobile-padding-right-2:not(.box):not(.prevent-overwrite),.box.mobile-padding-right-2:not(.prevent-overwrite)>.component-content{padding-right:4px !important}}.padding-right-3:not(.box),.box.padding-right-3>.component-content{padding-right:8px !important}@media(min-width: 768px){.padding-right-3:not(.box),.box.padding-right-3>.component-content{padding-right:16px !important}}@media(max-width: 767px){.mobile-padding-right-3:not(.box):not(.prevent-overwrite),.box.mobile-padding-right-3:not(.prevent-overwrite)>.component-content{padding-right:8px !important}}.padding-right-4:not(.box),.box.padding-right-4>.component-content{padding-right:16px !important}@media(min-width: 768px){.padding-right-4:not(.box),.box.padding-right-4>.component-content{padding-right:32px !important}}@media(max-width: 767px){.mobile-padding-right-4:not(.box):not(.prevent-overwrite),.box.mobile-padding-right-4:not(.prevent-overwrite)>.component-content{padding-right:16px !important}}.padding-right-5:not(.box),.box.padding-right-5>.component-content{padding-right:32px !important}@media(min-width: 768px){.padding-right-5:not(.box),.box.padding-right-5>.component-content{padding-right:40px !important}}@media(max-width: 767px){.mobile-padding-right-5:not(.box):not(.prevent-overwrite),.box.mobile-padding-right-5:not(.prevent-overwrite)>.component-content{padding-right:32px !important}}.padding-right-6:not(.box),.box.padding-right-6>.component-content{padding-right:50px !important}@media(min-width: 768px){.padding-right-6:not(.box),.box.padding-right-6>.component-content{padding-right:80px !important}}@media(max-width: 767px){.mobile-padding-right-6:not(.box):not(.prevent-overwrite),.box.mobile-padding-right-6:not(.prevent-overwrite)>.component-content{padding-right:50px !important}}
.border-variant-1 {
	border: 1px solid black;
}
.btn-primary,
.btn-secondary {
	font-family: "degular-text", sans-serif;
	font-size: 32px;
	line-height: 36px;
	font-weight: 600;
	letter-spacing: -0.03em;
	text-decoration: none;
	color: var(--quaternary-100);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 3px solid var(--quaternary-100);
	cursor: pointer;
	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.btn-primary {
	max-height: 74px;
	padding: 19px 36px;

	&:hover {
		background-color: var(--quaternary-100);
		color: var(--quaternary-300);
	}
}

.btn-secondary {
	width: 100%;
	padding: 14px 22px;
	text-align: center;

	&:hover {
		background-color: var(--quaternary-100);
		color: var(--quaternary-400);
	}

	&.color-2 {
		border-color: var(--quaternary-300);
		color: var(--quaternary-300);

		&:hover {
			background-color: var(--quaternary-300);
			color: var(--quaternary-100);
		}
	}
}
[data-simplebar] {
	position: relative;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;
	width: 100%;
}

.simplebar-wrapper {
	overflow: hidden;
	width: inherit;
	height: inherit;
	max-width: inherit;
	max-height: inherit;
}

.simplebar-mask {
	direction: inherit;
	position: absolute;
	overflow: hidden;
	padding: 0;
	margin: 0;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: auto !important;
	height: auto !important;
	z-index: 0;
}

.simplebar-offset {
	direction: inherit !important;
	box-sizing: inherit !important;
	resize: none !important;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 0;
	margin: 0;
	-webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
	direction: inherit;
	box-sizing: border-box !important;
	position: relative;
	display: block;
	height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
	width: auto;
	max-width: 100%; /* Not required for horizontal scroll to trigger */
	max-height: 100%; /* Needed for vertical scroll to trigger */
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
	width: 0;
	height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
	content: " ";
	display: table;
}

.simplebar-placeholder {
	max-height: 100%;
	max-width: 100%;
	width: 100%;
	pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
	box-sizing: inherit !important;
	height: 100%;
	width: 100%;
	max-width: 1px;
	position: relative;
	float: left;
	max-height: 1px;
	overflow: hidden;
	z-index: -1;
	padding: 0;
	margin: 0;
	pointer-events: none;
	flex-grow: inherit;
	flex-shrink: 0;
	flex-basis: 0;
}

.simplebar-height-auto-observer {
	box-sizing: inherit;
	display: block;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 1000%;
	width: 1000%;
	min-height: 1px;
	min-width: 1px;
	overflow: hidden;
	pointer-events: none;
	z-index: -1;
}

.simplebar-track {
	z-index: 1;
	position: absolute;
	right: 0px;
	background-color: #d9d9d9;
	bottom: 0;
	pointer-events: none;
	overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
	pointer-events: none;
	user-select: none;
	-webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
	pointer-events: all;
}

.simplebar-scrollbar {
	position: absolute;
	left: 0;
	right: 0;
}

.simplebar-scrollbar:before {
	position: absolute;
	content: "";
	background: #919191;
	border-radius: 3px;
	left: 0;
	right: 0;
	transition: opacity 0.2s linear;
	width: 7px;
}

.simplebar-track.simplebar-vertical {
	top: 0px;
	bottom: 0px;
	width: 7px;
	border-radius: 3px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
	top: 0;
	bottom: 0;
}

/* Rtl support */
[data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical {
	right: auto;
	left: 0;
}
.box {
	background: transparent;
	padding: 0;

	/* Box Colors */

	&.bg-color-1 {
		> .component-content {
			background: var(--primary-100);
		}
	}

	&.bg-color-2 {
		> .component-content {
			background: var(--primary-200);
		}
	}

	&.bg-color-3 {
		> .component-content {
			background: var(--quaternary-100);
		}
	}

	/* Box Gradient */

	&.bg-gradient-1:not(.container-content) > .component-content {
		background: var(--gradient-1);
	}

	&.bg-gradient-2:not(.container-content) > .component-content {
		background: var(--gradient-2);
	}

	&.bg-gradient-3:not(.container-content) > .component-content {
		background: var(--gradient-3);
	}

	&.bg-gradient-4:not(.container-content) > .component-content {
		background: var(--gradient-4);
	}

	& > .component-content {
		padding: 0;
		height: 100%;
	}

	&.container-content {
		margin: 0 auto;
		& > .component-content {
			margin: 0 auto;
			padding: var(--container-padding-vertical-mobile)
				var(--container-padding-horizontal-smallMobile);
			@media (min-width: 461px) {
				padding: var(--container-padding-vertical-mobile)
					var(--container-padding-horizontal-mobile);
			}
			@media (min-width: 768px) {
				padding: var(--container-padding-vertical-tablet)
					var(--container-padding-horizontal-tablet);
			}
			@media (min-width: 1168px) {
				padding: var(--container-padding-vertical)
					var(--container-padding-horizontal);
			}
			@media (min-width: 1440px) {
				padding: var(--container-padding-vertical) 0;
			}
		}
	}

	&.container-flex {
		& > .component-content {
			& > .content {
				display: flex;
			}
		}
	}

	&.container-flex-center {
		& > .component-content {
			& > .content {
				display: flex;
				align-items: center;
				flex-wrap: wrap;
				height: 100%;
			}
		}
	}
}
#content,
#header,
#footer {
	.richText {
		*:last-child {
			margin-bottom: 0;
		}

		&.richText-content,
		.richText-content {
			*:last-child {
				margin-bottom: 0;
			}
		}
	}
}

.richText {
	/* BOLD */
	.selection-bold,
	strong {
		font-weight: 800;
		a {
			font-weight: 800;
		}
	}

	/* ITALIC */
	.selection-italic {
		font-style: italic;
	}

	/* footnote */
	.variant-1 {
		font-size: 16px;
		font-weight: 400;
		line-height: 22px;
		color: var(--neutral-800);
		letter-spacing: 0.16px;
	}

	/* sup asterix, dagger */
	.variant-2 {
		position: absolute;
		transform: translateX(-7px);
		sup {
			line-height: inherit;
			font-size: 65%;
		}
	}

	.variant-3 {
		padding-top: 85px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		z-index: -1;

		&::before {
			content: "";
			position: absolute;
			background-color: currentColor;
			mask-image: url("../../../../hivpreventionforus/desktop/assets/icons/icon-flower.svg");
			mask-repeat: no-repeat;
			mask-size: contain;
			mask-position: center;
			-webkit-mask-image: url("../../../../hivpreventionforus/desktop/assets/icons/icon-flower.svg");
			-webkit-mask-repeat: no-repeat;
			-webkit-mask-size: contain;
			-webkit-mask-position: center;
			display: inline-block;
			width: 257px;
			height: 199px;
			z-index: -1;
		}
	}

	&.component-variant-4 ul, ul.variant-4{
		list-style: none;
		padding: 0;
		margin-top: 0;

		li {
			padding: 12px 0;

			a {
				text-decoration: none;
				font-weight: 500;
				color: inherit !important;
			}

			&:first-of-type {
				padding-top: 0;
			}

			&:last-of-type{
				padding-bottom: 0;
			}

			&::after{
				content: ">";
				font-size: 16px;
				line-height: 22px;
				margin-left: 12px;
				color: var(--footer-links);
			}
		}
	}
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.exit-notification {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.8);
	z-index: 1000;

	.exit-notification-inner {
		width: 100%;
		height: 100%;
		padding: 13px;
		background-color: var(--neutral-100);

		@media (min-width: 768px) {
			width: 700px;
			height: auto;
		}

		&:before {
			content: "You are leaving ViiVHealthcare.com\00A0";
			white-space: normal;
			word-break: break-word;
			position: relative;
			left: -13px;
			top: -13px;
			display: block;
			width: 100%;
			padding: 16px 30px;
			background-color: var(--error);
			font: 27px / 34px "degular-display", sans-serif;

			@media (min-width: 768px) {
				width: 640px;
			}
		}

		.exit-notification-text {
			.text {
				float: unset;
				color: var(--neutral-900);
			}
		}

		.exit-notification-buttons {
			display: flex;
			flex-direction: row-reverse;
			gap: 32px;
			padding: 16px;

			button {
				position: relative;
				padding: 0;
				border: 0;
				color: var(--neutral-900);
				background-color: unset;
				font-weight: 800;
				font-size: 14px;
				line-height: 14px;
				padding: 13px 0 4px;
				border-bottom: 2px solid var(--error);
				cursor: pointer;

				&.exit-notification-accept {
					padding: 13px 40px 13px 25px;
					border: 0;
					color: var(--neutral-100);
					background-color: var(--error);
					clip-path: polygon(0 0, 100% 0, calc(100% - 15px) 100%, 0 100%);
				}
			}
		}
	}
}

.exit-notification.is-hidden {
	display: none;
}
.accordion {
	.accordion-container {
		list-style: none;
		padding: 0;

		.accordion-slide {
			border-bottom: 1px solid var(--quaternary-300);

			&.last {
				margin-bottom: 0;
			}

			.accordion-head {
				position: relative;
				display: flex;
				gap: 16px;
				width: 100%;
				padding: 15px 0;
				cursor: pointer;

				&:before {
					content: "";
					background-image: url("../../../../hivpreventionforus/desktop/assets/icons/icon-chevron-faq.svg");
					background-repeat: no-repeat;
					background-size: contain;
					background-position: center left;
					width: 8px;
					height: 16px;
					margin: 3px 0;
					transition: ease-in-out transform 0.25s;
				}

				.accordion-title {
					float: none;
					margin: 0;
					padding: 0;
					height: 100%;

					.accordion-title-link {
						display: flex;
						align-items: center;
						height: 100%;
						text-decoration: none;

						.accordion-title-text {
							font: normal normal 800 16px / 22px "DM Sans", sans-serif;
							color: var(--quaternary-300);
						}
					}
				}
			}

			.accordion-content-wrapper {
				.richText {
					min-height: unset;
					max-height: 0;
					opacity: 0;
					visibility: hidden;
					padding: 0;
					color: var(--quaternary-300);
					transition: ease-in-out all 0.25s;
					transition-property: max-height, opacity, padding, visibility;

					.richText-content {
						> ul {
							list-style-type: disc;
						}
					}
				}
			}

			&.is-active {
				.accordion-head {
					&:before {
						transform: rotate(90deg);
					}
				}

				.accordion-content-wrapper {
					.richText {
						max-height: 600px;
						opacity: 1;
						padding: var(--content-padding-global-mobile) 0;
						visibility: visible;

						@media (min-width: 768px) {
							padding: var(--content-padding-global) 0;
						}
					}
				}
			}
		}
	}

	&.cq-Editable-dom {
		.accordion-content-wrapper {
			display: block;
		}
	}
}
#footer {
	color: var(--footer-navy);
	padding: 90px 0;

	p {
		font-weight: 500;
	}

	a {
		color: var(--footer-links);
	}

	.snippetReference {
		padding: 34px 0;

		@media (min-width: 768px) {
			padding: 74px 0;
		}
	}

	.snippetReference > .inner > .component-content > .box > .component-content {
		padding-top: 0;
		padding-bottom: 0;
	}

	.variant-4 {
		padding-top: 14px;
	}

	.component-variant-4 {
		padding-top: 8px;

		@media (min-width: 992px) {
			padding-top: 16px;
		}
	}

	.box.col-md-3 > .component-content > .content {
		display: flex;
		flex-direction: column;

		> .box > .component-content > .content {
			display: flex;
			gap: 10px;
			padding-left: 6px;

			.viiv-us-gc-17-image {
				padding: 16px 0 0 0;
				display: block;
				position: relative;
				opacity: 1;
				transition: opacity 0.2s ease;
				z-index: 2;

				&.odd:hover {
					opacity: 0;
				}

				&.even {
					z-index: 1;
					margin-left: -41px;
				}

				@media (min-width: 1168px) {
					padding: 52px 0 0 0;
				}
			}
		}
	}
}
.viiv-us-gc-20-custom-analytics {
	padding: 0;
	min-height: unset;
}
.us-viiv-gc-19-anchor {
	padding: 0;
	margin: 0;
	min-height: unset;
}