/* Local Template | Cascading Stylesheet | Master Version

	@Layout

	 * --------------------------------------------------------------------- */
	 /* Canvas | @Layout */
	 /* set the min-width of the page */
	 .dtm__in--dv .l-outer,
	 .dtm__in--dv .l-header,
	 .dtm__in--dv .l-footer {
		 min-width: 1000px;
	 }

	 /* set the max-width of the page */
	 .dtm__in--dv .l-header__in,
	 .dtm__in--dv .section,
	 .dtm__in--dv .l-footer__in {
		 max-width: 1000px;

	 }

	 /* set page section to 100% */
	 .dtm__in--dv .l-outer__in,
	 .dtm__in--mv .l-outer__in,
	 .dtm__in--mv .l-header__in {
		 width: 100%;
	 }

	/* reset box shadow & border */
	 .dtm__in--dv .l-outer,
	 .dtm__in--dv .l-header,
	 .dtm__in--dv .l-footer,
	 .dtm__in--dv .l-header__in,
	 .dtm__in--dv .l-outer__in,
	 .dtm__in--dv .l-footer__in,
	 .dtm__in--dv .l-header .o-shadow--edge {
		 box-shadow: none;
		 border: none;
	 }

	 /* set the padding of the page */
	 .dtm__in--dv .l-outer__in {
		 padding: 2px;
	 }

	 .dtm__in--mv .l-outer__in {
		 padding: 0;
		 border: none;
	 }

	 /* set the border style of header / midline sections */
	 .dtm__in--dv .l-header,
	 .dtm__in--dv .o-box--banner {
		 border-style: solid;
	 }

	 /* sets the border width of the header section */
	 .dtm__in--dv .l-header {
		 border-width: 0;
	 }

	 /* set the border width of the midline section */
	 .dtm__in--dv .o-box--banner {
		 border-width: 3px 0;
	 }


	 /*	Widths & Heights
	 	@Desc: Set explicit widths and heights for layout
	  * --------------------------------------------------------------------- */
	 .dtm__in--dv .main {
		 height: 320px;
	 }

	 .dtm__in--dv .bg--rk--vw {
		 width: 279px;
	 }

	 .dtm__in--dv .c-brand--form {
		 width: 357px;
	 }

	 .js-eflex--fade__nav {
		 height: 60px;
	 }

	 .dtm__in--dv .js-eflex--fade {
		 height: 215px;
	 }

	 .dtm__in--mv svg {
	    width: 100%; height: 100%;
	 }

	 .c-brand--form--seminar__event input[type="radio"] {
		 width: 12px;
	 }


	 /*	Spacing
	 	@Desc: Set explicit spacing measurements for layout
	  * --------------------------------------------------------------------- */
	 .article p, .article .content {
		 margin: 1em 0;
	 }

	 .c-brand--form .bg--gift-mini {
		 margin-top: -7px;
	 }


	/*	Font Size
		@Desc: Set the font size for headings, paragraphs, etc.
	 * --------------------------------------------------------------------- */
	h1, .dtm .h1 {
		font-size: 75px;
		font-size: 4.688em;
	}

	h2, .dtm .h2 {
		font-size: 65px;
		font-size: 4.063em;
	}

	h3, .dtm .dtm__in .h3 {
		font-size: 40px;
		font-size: 2.500em;
	}

	h4, .dtm .h4 {
		font-size: 35px;
		font-size: 2.188em;
	}

	h5, .dtm .h5 {
		font-size: 30px;
		font-size: 1.875em;
	}

	h6, .dtm .h6  {
		font-size: 20px;
		font-size: 1.5em;
	}

	body {
		font-size: 28px;
		font-size: 1.75em;
		line-height: 1;
	}

	.dtm .p {
		font-size: 1.125em;
	}


	/*	@Font Family
		@Desc: Set the font families
	 * --------------------------------------------------------------------- */
	body, .dtm .sans-primary {
		font-family: Verdana, Helvetica, sans-serif;
	}

	.dtm .sans-primary-book {
		font-family: 'Gotham Book', Helvetica, sans-serif;
	}

	.dtm .sans-primary-medium {
		font-family: 'Gotham Medium', Helvetica, sans-serif;
	}

	.dtm .sans-primary-black {
		font-family: 'Gotham Black', Helvetica, sans-serif;
	}

	.dtm .sans-secondary-book-condensed {
		font-family: 'Gotham Condensed Book', Helvetica, sans-serif;
	}

	.dtm .sans-secondary-medium-condensed {
		font-family: 'Gotham Condensed Medium', Helvetica, sans-serif;
	}

	.dtm .sans-secondary-bold-condensed {
		font-family: 'Gotham Condensed Bold', Helvetica, sans-serif;
	}

	.dtm .sans-tertiary {
		font-family: 'League Gothic', Helvetica, sans-serif;
	}


/* --------------------------------------------------------------------- *

	@Model

 * --------------------------------------------------------------------- */
	 /*	@Width
	  * --------------------------------------------------------------------- */
 	.dtm [class*="u-vw--45"], .dtm [class*="width-at-45"] {
		width: 45%;
	}


	 /*	@Padding
	  * --------------------------------------------------------------------- */
	[class*="@x2"][class*="u-pad"], [class*="@x2"][class*="padding"] {
		padding: 2rem;
	}

	[class*="@x3"][class*="u-pad"], [class*="@x3"][class*="padding"] {
		padding: 3rem;
	}

	.c-brand--form__fieldset [class*="u-pad"], .c-brand--form__list [class*="padding"] {
		padding: 0.25em;
	}


	/*	@Line Height
	 * --------------------------------------------------------------------- */
	.dtm .line-height {
		line-height: 1;
	}


	 /*	@Box
	  * --------------------------------------------------------------------- */
	.dtm .container-text {
		border: 0; border-radius: 0;
	}


	/*	@Button
	 * --------------------------------------------------------------------- */
	.dtm .register-button, .dtm .nav-button {
		border-radius: 3px; border: 0; text-shadow: none; box-shadow: none;
	}

	.dtm .register-button-alt {
		border-radius: 0;
	}


	/*	@Form
	 * --------------------------------------------------------------------- */
	.c-brand--form .c-brand--form__legend {
		padding: 0;
	}

	.display_mode_select p a {
		max-width: 300px; display: block; margin: 0 auto; padding: 1rem; border-radius:15px;
	}


	/*	@Fb
	 * --------------------------------------------------------------------- */
	.fb {
		max-width: initial;
	}

	.fb__list li {
		position: relative; list-style: none;
	}

	.fb__list li:before {
		display: block; content: ''; width: 8px; height: 8px; border-radius: 100%;
	}


	/*	@Round Container
	 * --------------------------------------------------------------------- */
	.dtm .round-container {
		border-radius: 6em; padding: 2em 6em;
	}

	.dtm .round-container:after {
		width: 33px; height: 26px; position: absolute; bottom: -23px; left: 0; right: 0; margin: auto;
	}


	/*	@Testimonials
	 * --------------------------------------------------------------------- */
	 .success-story {
		 padding: 20px 80px; background: url(/e/phoenix/1/images/quote-left.png) no-repeat 45px 27px, #F0F0F0;
	 }
	 .success-story-quote {
		 font-size: 20px; line-height: 30px; font-style: italic;
	 }
	 .success-story-name {
		 text-align: right; font-weight:bold;
	 }


/* --------------------------------------------------------------------- *

	@State

 * --------------------------------------------------------------------- */
	.dtm .order-button:hover, .dtm .nav-button:hover {
		background: #52CC05;
	}

	.dtm .sub-button:hover {
		background: #dedede;
	}

	.dtm .c-brand--form__location:hover, .c-brand--form .is-selected .c-brand--form__location {
		background: #FBBE00; color: #333;
	}


/* --------------------------------------------------------------------- *

	@Theme

 * --------------------------------------------------------------------- */
 	/*	@Color
	 * --------------------------------------------------------------------- */
	.dtm .color-primary {
		color: #95c24b;
	}

	.dtm .color-secondary {
		color: #61116A;
	}

	.dtm .color-tertiary {
		color: #fed11a;
	}


	/*	@Background
	 * --------------------------------------------------------------------- */
	.bg-primary {
		background: #603176;
		background: -moz-radial-gradient(center, ellipse cover,  #603176 50%, #000000 100%);
		background: -webkit-radial-gradient(center, ellipse cover,  #603176 50%,#000000 100%);
		background: radial-gradient(ellipse at center,  #603176 50%,#000000 100%);
	}

	.bg-secondary, .dtm .container-text, .dtm .register-button-alt {
		background: #fcc500;
		background: -moz-linear-gradient(top,  #fcc500 17%, #f68000 100%);
		background: -webkit-linear-gradient(top,  #fcc500 17%,#f68000 100%);
		background: linear-gradient(to bottom,  #fcc500 17%,#f68000 100%);
	}

	.dtm__in .l-footer {
		background: #bcbcbc;
	}

	/* set the desktop color of the screen background */
	.dtm__in--dv, .dtm__in--mv {
		background: white;
	}

	/* Set the color of the mobile order now button */
	.dtm .register-button {
		background: #ffba00; color: #2a242d;
	}

	.dtm .nav-button {
		background: #b9b9b9; color: #222222;
	}


	/*	@Graphics
	 * --------------------------------------------------------------------- */
	.bg--logo {
		width: 298px; height: 60px; background: url(https://rockwellbootcamp.com/wp-content/uploads/2016/12/FINALb-300x61.png) no-repeat;
	}

	.bg--rk {
		width: 279px; height: 407px; background: url(/e/phoenix/1/images/rk.png) no-repeat;
	}

	.bg--rk-book {
		width: 134px; height: 212px; background: url(/e/phoenix/1/images/rk-book.png) no-repeat;
	}

	.bg--logos {
		width: 300px; height: 216px; background: url(/e/phoenix/1/images/logos.png) no-repeat;
	}

	.bg--gift-banner {
		width: 1000px; height: 237px; background: url(/e/phoenix/1/images/free-gifts-banner.png) no-repeat;
	}

	.bg--gift-mini {
		width: 357px; height: 217px; background: url(/e/phoenix/1/images/free-gift.png) no-repeat;
	}

	.dtm__in--mv .bg--gift-mini {
		width: 100%; background-size: 100%;
	}

	.bg--body, .dtm__in {
		background: url(/e/phoenix/1/images/bg-body.jpg) no-repeat center top, black;
	}

	.bg--body--alt {
		background: url(/e/phoenix/1/images/bg-body-alt.png) no-repeat center -350px, url(/e/phoenix/1/images/bg-body-alt.png) no-repeat center bottom -350px, black;
	}

	.dtm__in--mv .bg--body--alt {
		background: none;
	}

	.bg--grad {
		background: url(/e/phoenix/1/images/bg-grad.png) repeat-x;
	}


	/*	@Fb
	 * --------------------------------------------------------------------- */
	.fb__list li:before {
		background: #fb820b;
	}

	.c-brand--form__legend {
		background: transparent;
	}

	.fb__list li {
		font-family: Arial;
	}


	/*	@Form
	 * --------------------------------------------------------------------- */
	.dtm__in--dv .c-brand--form .c-brand--form__headline {
		font-size: 40px;
	}

	.c-brand--form__list {
		list-style: none;
	}

	.c-brand--form .c-brand--form__location {
		background: #61116A; color: white;
	}

	.c-brand--form--seminar > .c-brand--form__item {
		border-bottom: 2px solid white;
	}

	.c-brand--form--seminar > .c-brand--form__item:last-of-type {
		border-bottom: none;
	}

	.c-brand--form--seminar__event {
		border-bottom: 2px solid #ccc;
	}

	.c-brand--form--seminar__event:last-of-type {
		border-bottom: none;
	}


	/*	@Round Container
	 * --------------------------------------------------------------------- */
	.dtm .round-container {
		background: #F0F0F0;
	}

	.dtm .round-container:after {
		background: url(/e/phoenix/1/images/bubble-arrow.png) no-repeat center bottom;
	}