// DNN Settings
* {
  margin: 0;
  padding: 0;
}


.DNNEmptyPane {
    display: none!important;
}
.callout.DNNEmptyPane {
    display: block!important;
	min-height:1px;
}

a, a img, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, time, tt, u, ul, var, video {
    border: 0;
}

.TB_Wrapper, .TB_Wrapper *, .dnnActionMenu, .dnnActionMenu *, .dnnActionMenu:after, .dnnActionMenu:before, .dnn_mact, .dnn_mact *, .dnn_mact:after, .dnn_mact:before, [id*=ControlPanel], [id*=ControlPanel] *, [id*=ControlPanel]:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

[class*=RadAjaxPanel] *, [class*=Digital] * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

html {
    scroll-behavior: smooth;
}

Body #Form {
    height: 100%
}

.RolandTheme {
	--primary:#19222a;
	--secondary:#26323d;
	--tertiary:#03417c;
	--quaternary:#0f5da6;
	--quinary:#f2f6f9;	
	--accent:#ffcc0b;
	
	--text-color-primary:#19222a;
	--header-color-primary:#303941;
	
	--text-color-light:#d6dee5;
	--header-color-light:#ffffff;
	--header-color-light-secondary:#ffcc0b;
	--link-color-light:#ffcc0b;
	
	--font-primary: neulis-sans, sans-serif;
	--font-secondary: alfabet, sans-serif;
	--w-regular:400;
	--w-semibold:600;
	--w-bold:700;
}

/* MATERIAL ICONS */
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}

/* FONTs */

/* HEADER SIZES */
h1, .h1 {
	font-family: var(--font-secondary);
	font-weight: var(--w-bold);
	font-size:2.4rem;
	line-height:2.8rem;
	color: var(--header-color-primary);
	margin-bottom: 1.5rem;
}
	.Roland-theme__home .banner--wrapper h1 {
		font-family: var(--font-secondary);
		font-size: 3rem;
		line-height: 3.5rem;
	}
	.Roland-theme__inner .inner-banner h1 {
	  font-size: 2.1rem;
	  line-height: 2rem;
	  margin-bottom: 0;
	  text-transform: uppercase;
	  color: var(--accent);
	}
	.Roland-theme__inner .inner-banner h1 .title-italic {
	  font-style: italic;
	  color: #fff;
	  text-transform: none;
	  font-weight: var(--w-regular);
	}
	@media (min-width:992px) {
		.Roland-theme__home .banner--wrapper h1 {
			font-family: var(--font-secondary);
			font-size: 4rem;
			line-height: 4.5rem;
		}
	}

h2, .h2 {
	font-family: var(--font-secondary);
    font-weight: var(--w-bold);
    font-size: 1.8rem;
    line-height: 2.2rem;
    margin-bottom: 1.25rem;
    color: var(--header-color-primary);
}

h3, .h3 {
	font-family: var(--font-secondary);;
	font-weight: var(--w-bold);
	font-size: 1.4rem;
	line-height:1.6rem;
	color: var(--header-color-primary);
}

h4, .h4 {
	font-family: var(--font-secondary);
	font-weight: var(--w-bold);
	font-size: 1rem;
	line-height: 1.2rem;
	color: var(--header-color-primary);
}

h5, .h5 {
	font-family: var(--font-secondary);
	font-weight: var(--w-bold);
	font-size: 1rem;
	line-height: 1.2rem;
	color: #0053a0;
	text-transform: uppercase;
}

p {
	font-family: var(--font-primary);
	font-weight: var(--w-regular);
	font-size: 1rem;
	line-height: 1.6rem;
	color: var(--text-color-primary);
}
	.header--top-navbar p, .header--top-navbar a {
		font-size: .75rem;
		line-height: 1rem;
		font-weight: var(--w-bold);
		text-transform: uppercase;
		letter-spacing: .1rem;
	}
	.header--top-navbar a {
		color: #ffffff!important;
		text-decoration: none;
	}
	p .material-symbols-outlined {
		vertical-align: bottom;
		font-size: 1.4rem;
		line-height: 1.6rem;
	}

ul, ol {
	margin-left:0;
}
ul li, ol li {
	font-family: var(--font-primary);
	font-weight: var(--w-medium);
	font-size: 1rem;
	line-height: 1.6rem;
	color: var(--text-color-primary);
}

blockquote, blockquote p {
	ffont-family: var(--font-primary);
	font-weight: var(--w-medium);
	font-size:1.5rem;
	line-height:1.8rem;
	color:var(--text-color-primary);
}
figcaption {
	font-family: var(--font-primary);
	font-weight: var(--w-medium);
	font-size: 1rem;
	line-height: 1.25rem;
	color: var(--text-color-primary);	
}

.uppercase {
	text-transform: uppercase;
}

/* LINKS */
a, a:visited {
	font-family: var(--font-primary);
	font-weight: var(--w-bold);
	font-size: 1rem;
	line-height: 1.6rem;
	color: var(--tertiary);
	text-decoration:none;
}
a:hover {
	color: var(--tertiary);
	text-decoration: underline;
	text-underline-offset: 4px;
	opacity: 80%;
}
a.active.inner-breadcrumb {
    pointer-events: none;
    color: var(--text-color-primary);
	font-weight: var(--w-bold);
}
.footer--top.secondary-bg a {
    color: var(--quaternary);
    text-decoration: none;
}

.nav-links-universal {
    inline-size: fit-content;
}
.nav-links-universal a {
    margin: 0.5rem;
}
	.header--top-navbar .dropdown-menu {
		border-radius: 0;
		border-color: var(--tertiary);
		padding-top: 0;
		padding-bottom: 0;
	}
	.header--top-navbar ul li a.dropdown-item {
		color: var(--text-color-primary) !important;
		margin: 0.75rem 0;
		padding: 0 1rem;
	}

/* SPACING */

.section-spacing {
	padding-top:2rem;
	padding-bottom:2rem;
}
.footer-pane .section-spacing {
	padding-top:1rem;
	padding-bottom:2rem;
}

@media (min-width:992px) {
.section-spacing {
	padding-top:4rem;
	padding-bottom:4rem;
}
.footer-pane .section-spacing {
	padding-top:2rem;
	padding-bottom:3rem;
}
}

.header--top-navbar {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.equipment-brand .module-container-h2 {
    padding: 3rem;
}

.Roland-theme__inner .banner--wrapper {
  padding-top: 3rem;
  padding-bottom: 3.4rem;
}

/* MARGIN */
.mb-0 {margin-bottom: 0px;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}
.mb-70 {margin-bottom: 70px;}
.mb-80 {margin-bottom: 80px;}
.mb-90 {margin-bottom: 90px;}
.mb-100 {margin-bottom: 100px;}
.mt-0 {margin-top: 0px;}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-40 {margin-top: 40px;}
.mt-50 {margin-top: 50px;}
.mt-60 {margin-top: 60px;}
.mt-70 {margin-top: 70px;}
.mt-80 {margin-top: 80px;}
.mt-90 {margin-top: 90px;}
.mt-100 {margin-top: 100px;}

/* PADDING */
.pb-0 {padding-bottom: 0px;}
.pb-10 {padding-bottom: 10px;}
.pb-20 {padding-bottom: 20px;}
.pb-30 {padding-bottom: 30px;}
.pb-40 {padding-bottom: 40px;}
.pb-50 {padding-bottom: 50px;}
.pb-60 {padding-bottom: 60px;}
.pb-70 {padding-bottom: 70px;}
.pb-80 {padding-bottom: 80px;}
.pb-90 {padding-bottom: 90px;}
.pb-100 {padding-bottom: 100px;}
.pt-0 {padding-top: 0px;}
.pt-10 {padding-top: 10px;}
.pt-20 {padding-top: 20px;}
.pt-30 {padding-top: 30px;}
.pt-40 {padding-top: 40px;}
.pt-50 {padding-top: 50px;}
.pt-60 {padding-top: 60px;}
.pt-70 {padding-top: 70px;}
.pt-80 {padding-top: 80px;}
.pt-90 {padding-top: 90px;}
.pt-100 {padding-top: 100px;}

/* COLUMN WIDTH */
.col-narrow {
	max-width:500px;
	margin: auto;
}

/* LOGO */
.Roland-logo #dnn_ctl01_imgLogo {
	width: 160px;
	display: block;
	transition: ease-in-out 300ms;
}

.equipment-logo-1 {
    width:100%;
    max-width:330px;
    display: block;
    margin:auto;
    margin-bottom:20px;
}
.equipment-logo-2 {
    width:100%;
    max-width:230px;
    display: block;
    margin:auto;
    margin-bottom:30px;
}
.equipment-logo-3 {
    width:100%;
    max-width:200px;
    display: block;
    margin:auto;
    margin-bottom:30px;
}

/* BREADCRUMB */
.breadcrumb span {
    margin: auto;
    text-decoration: none;
    border-bottom: none;
    color: var(--quaternary);
    font-weight: var(--w-semibold);
    text-transform: uppercase;
    font-size: .875rem;
    letter-spacing: .1rem;
    font-family: var(--font-primary);
}
.breadcrumb span a {
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
}

/* FONT */
.font-primary {font-family:var(--font-primary)!important;}
.font-secondary {font-family:var(--font-secondary)!important;}

/* COLOR */
.primary-color {color: var(--primary)!important;}
.secondary-color {color: var(--secondary)!important;}
.tertiary-color {color: var(--tertiary)!important;}
.quaternary-color {color: var(--quaternary)!important;}
.quinary-color {color: var(--quinary)!important;}

/* BACKGROUND */
.primary-bg {background-color: var(--primary);}
.secondary-bg {background-color: var(--secondary);}
.tertiary-bg {background-color: var(--tertiary);}
.quaternary-bg {background-color: var(--quaternary);}
.quinary-bg {background-color: var(--quinary);}

/* TEXT WITH BACKGROUND */
.primary-bg h1,.primary-bg h2,.primary-bg h3,.primary-bg h4, .secondary-bg h1,.secondary-bg h2,.secondary-bg h3,.secondary-bg h4, .tertiary-bg h1,.tertiary-bg h2,.tertiary-bg h3,.tertiary-bg h4, .banner--wrapper h1 {
	color: var(--header-color-light);
}
.primary-bg h5, .secondary-bg h5, .tertiary-bg h5 {
	color: var(--accent);
}
	.primary-bg.dealer-callout h5 {
		color: #fff;
	}
.primary-bg p,.primary-bg figcaption, .secondary-bg p, .secondary-bg figcaption, .tertiary-bg p, .tertiary-bg figcaption, .banner--wrapper p {
	color: var(--text-color-light);
}
.primary-bg a, .secondary-bg a, .tertiary-bg a {
	color: #fff;
}
.primary-bg .dropdown-menu a {
    color: var(--primary);
}

/* SECTION BACKGROUND COLORS */
.dealer-callout {
    background-image: url(/portals/0/images/banner/bg-callout.jpg);
    background-size: cover;
    background-position: 50% 50%;
}

/* CONTAINER STYLES */
.image-box-home {
    overflow: hidden;
}
.image-box-home img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 16 / 9;
}

/* BUTTONS */
.RolandTheme .btn {
	font-family: var(--font-secondary);
	font-weight: var(--w-bold);
	font-size:.85rem;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .5rem 1rem;
	margin:.25rem 0rem;
	border-radius: 0;
    transition: all 300ms ease 0ms;
	text-decoration:none!important;
	text-transform:uppercase;
}

/* PRIMARY BTN */
.RolandTheme .btn-primary {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}
.RolandTheme .btn-primary.btn-outline {
    color: var(--primary);
    border-color: var(--primary);
}

.RolandTheme .btn-primary:hover,.RolandTheme .btn-primary:focus {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}
.RolandTheme .btn-primary.btn-outline:hover, .RolandTheme .btn-primary.btn-outline:focus {
    color: var(--primary);
    border-color: var(--primary);
}
.RolandTheme .btn-primary:active {
    color: #fff!important;
    background-color: var(--primary)!important;
    border-color: var(--primary)!important;
}
.RolandTheme .btn-primary.btn-outline:active {
    color: var(--primary)!important;
    border-color: var(--primary)!important;
	background-color: transparent!important;
}

/* SECONDARY BTN */
.RolandTheme .btn-secondary {
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
}
.RolandTheme .btn-secondary.btn-outline {
    color: var(--secondary);
    border-color: var(--secondary);
}
.RolandTheme .btn-secondary:hover, .RolandTheme .btn-secondary:focus {
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
}
.RolandTheme .btn-secondary.btn-outline:hover, .RolandTheme .btn-secondary.btn-outline:focus {
    color: var(--secondary);
    border-color: var(--secondary);
}
.RolandTheme .btn-secondary:active {
    color: #fff!important;
    background-color: var(--secondary)!important;
    border-color: var(--secondary)!important;
}
.RolandTheme .btn-secondary.btn-outline:active {
    color: var(--secondary)!important;
    border-color: var(--secondary)!important;
	background-color: transparent!important;
}

/* TERTIARY BTN */
.RolandTheme .btn-tertiary {
    color: #fff;
    background-color: var(--tertiary);
    border-color: var(--tertiary);
}
.RolandTheme .btn-tertiary.btn-outline {
    color: var(--tertiary);
    border-color: var(--tertiary);
}
.RolandTheme .btn-tertiary:hover, .RolandTheme .btn-tertiary:focus {
    color: #fff;
    background-color: var(--tertiary);
    border-color: var(--tertiary);
}
.RolandTheme .btn-tertiary.btn-outline:hover, .RolandTheme .btn-tertiary.btn-outline:focus {
    color: var(--tertiary);
    border-color: var(--tertiary);
}
.RolandTheme .btn-tertiary:active {
    color: #fff!important;
    background-color: var(--tertiary)!important;
    border-color: var(--tertiary)!important;
}
.RolandTheme .btn-tertiary.btn-outline:active {
    color: var(--tertiary)!important;
    border-color: var(--tertiary)!important;
	background-color: transparent!important;
}

/* QUATERNARY BTN */
.RolandTheme .btn-quaternary {
    color: #fff;
    background-color: var(--quaternary);
    border-color: var(--quaternary);
}
.RolandTheme .btn-quaternary.btn-outline {
    color: var(--quaternary);
    border-color: var(--quaternary);
}
.RolandTheme .btn-quaternary:hover, .RolandTheme .btn-quaternary:focus {
    color: #fff;
    background-color: var(--quaternary);
    border-color: var(--quaternary);
}
.RolandTheme .btn-quaternary.btn-outline:hover, .RolandTheme .btn-quaternary.btn-outline:focus {
    color: var(--quaternary);
    border-color: var(--quaternary);
}
.RolandTheme .btn-quaternary:active {
    color: #fff!important;
    background-color: var(--quaternary)!important;
    border-color: var(--quaternary)!important;
}
.RolandTheme .btn-quaternary.btn-outline:active {
    color: var(--quaternary)!important;
    border-color: var(--quaternary)!important;
	background-color: transparent!important;
}

/* QUINARY BTN */
.RolandTheme .btn-quinary {
    color: var(--primary);
    background-color: var(--accent);
    border-color: var(--accent);
}
.RolandTheme .btn-quinary.btn-outline {
    color: var(--accent);
    border-color: var(--accent);
}
.RolandTheme .btn-quinary:hover, .RolandTheme .btn-quinary:focus {
    color: var(--primary);
    background-color: var(--accent);
    border-color: var(--accent);
}
.RolandTheme .btn-quinary.btn-outline:hover, .RolandTheme .btn-quinary.btn-outline:focus {
    color: var(--accent);
    border-color: var(--accent);
}
.RolandTheme .btn-quinary:active {
    color: var(--primary)!important;
    background-color: var(--accent)!important;
    border-color: var(--accent)!important;
}
.RolandTheme .btn-quinary.btn-outline:active {
    color: var(--accent)!important;
    border-color: var(--accent)!important;
	background-color: transparent!important;
}

/* BTN MODIFIERS */
.RolandTheme .btn.btn-outline {
	border: 1px solid;
	background: transparent;
}

/* DEFAULT STYLES */
.Head {
	margin-bottom:0;
}

/* IMAGES */

img {
    -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

.image-nav {
  text-align: center;
  margin-bottom: 20px;
}
.image-nav span {
  font-style: italic;
  font-weight: var(--w-regular);
}
.image-nav img {
  width: 100%;
  max-width: 250px;
  border-radius: 100%;
  margin: auto;
  margin-bottom: 15px;
  display: block;
}
.social img {
    display: inline-block;
    width: 100%;
    max-width: 50px;
    padding: 10px;
}

/* FIND A DEALER */
.dealer-callout .dropdown-menu {
  width: 100%;
  border-radius: 0;
  border: 0;
}
.dealer-callout .dropdown-menu a {
  text-transform: uppercase;
  font-size: .9rem;
  display: block;
  padding: 0.1rem 1rem;
}
.dealer-callout .dropdown-divider {
  height: 0;
  margin: 0.25rem 0;
  overflow: hidden;
  border-top: 1px solid rgba(0, 0, 0, .1);
}

/* FOOTER */
.footer-logo img {
    width:160px;
}
.footer-logo {
    text-align:center;
}
.footer-logo .social-icons img {
    width: 20px;
    margin-right: 10px;
    margin-top: 10px;
}

.site--footer .secondary-bg p {
	color:#ffffff;
}

.footer--top h5 {
    color: #fff;
    font-size: .925rem;
}
.footer--top ul {
    list-style: none;
    padding-left: 0;
}
.footer--top li a {
    color: #fff;
    font-weight: var(--w-regular);
    margin-bottom: 0.25rem;
    display: block;
    font-size: .875rem;
}

/* copyright and terms */
.site--footer .footer--copyright {
    padding: .5rem 0rem;
}
.terms-row p, .terms-row a {
	color: #ffffff;
	font-size:.8rem;
	font-weight: var(--w-semibold);
	text-decoration: none;
}
.copyright-terms, #dnn_dnnLogin_loginGroup {
	display:inline;
}
.copyright-terms span, .copyright-terms a {
    margin-right: 15px;
}

/* CODE SNIPPET DISPLAY */
pre {
    background-color: #fff;
    max-width: 700px;
    margin: 1rem auto;
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: inset 0px 0px 5px rgba(0,0,0,.22);
}