/* IE/Edge Responsive Viewport */

@-ms-viewport {
 width: device-width;
}

/* Offer Expired Resets */

.offer-expired {
 background: url(/_img/toolbox/icons/icon_important-60.png) no-repeat center 15px, linear-gradient(#d00, #800);
 border: 0 none;
 border-radius: 0;
 padding: 80px 1em 1em;
 text-align: center;
 width: auto;
 min-height: 0;
}

body {
 color: #121212;
 font-size: 100%;
}

h1,
h2,
h3,
.h1,
.h2,
.h3 {
 font-family: Lora, 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}

h1,
.h1 {
 color: #fcd34a;
 font-size: 2.5em;
 margin: 0 auto 0.5em;
 text-shadow: 0 0 0.15em rgba(0, 0, 0, 0.15);
}

h2,
.h2 {
 color: #1d7396;
}

h3,
.h3 {
 color: #fff;
 text-shadow: 0 0 0.1em rgba(0, 0, 0, 0.5);
}

.fa-li {
 color: #be381c;
}

.fa-ul li {
 list-style-image: none;
}

img {
 height: auto;
 max-width: 100%;
}

@media screen and (min-width: 32.5em) {
 h1,
 .h1 {
   font-size: 3em;
 }
}

@media screen and (min-width: 40em) {
 body {
   font-size: 110%;
 }
}

@media screen and (min-width: 60em) {
 body {
   font-size: 115%;
 }
}

/* Post It */

.post-it img {
  display: block;
  margin: auto;
}

@media screen and (min-width: 74em) {
  .post-it {
    bottom: 0;
    position: absolute;
    width: 235px;
  }
}

@media screen and (min-width: 88.125em) {
  .post-it {
    bottom: -12em;
    right: 2em;
    transform: rotate(15deg);
    width: 300px;
  }
}

/*
.post-it {
 position: relative;
 z-index: 1;
 max-width: 400px;
}

.post-it img {
 position: absolute;
 right: -62em;
 top: -10em;
 transform: rotate(15deg);
}

@media(max-width: 1530px) {
 .post-it {
  max-width: 300px;
 }

 .post-it img {
  right: -56em;
  top: -5em;
 }
}

@media(max-width: 1439px) {
 .post-it {
  display: none;
 }
}
*/

/* Layout Rules */

.content {
 margin: 0;
 padding: 0;
}

.wrap {
 margin: 0 auto;
 max-width: 40em;
 padding: 0.1em 1em;
}

/* Header Section */

.banner {
	background: #ff0;
	text-align: center;
	padding: 0.5em;
	font-weight: bold;
	color: #000;
	font-size: 1.25em;
}

.desk {
 background-color: #1e80a8;
 border-bottom-left-radius: 0.25em;
 border-bottom-right-radius: 0.25em;
 box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25);
 color: #fff;
 display: inline-block;
 padding: 0.25em 0.67em 0.33em;
}

.header {
 background: #406284 url(https://www.awai.com/_img/toolbox/p/bcs/white_diamond.png);
 padding: 1em 1em 0.1em;
 position: relative;
}

.header-wrap {
 margin: 0 auto;
 max-width: 50em;
}

.header-content {
 margin: 0 0 0 auto;
 max-width: 50em;
}

.header-content > p {
 padding-bottom: 0.8em;
}

.header-content-inner-wrap {
 background-color: rgba(0, 0, 0, 0.2);
 border-radius: 0.25em;
 color: #fff;
 margin: 1em auto;
 max-width: 40em;
 padding: 0.1em 1em;
}

@media screen and (min-width: 74em) {
 .header {
	padding: 1em 1em 0;
 }

 .header-wrap {
   background: url(https://www.awai.com/_img/toolbox/p/bcs/steve_slaunwhite_header.png) left bottom no-repeat;
   background-size: 45%;
   max-width: 70em;
   min-height: 30em;
 }

 .header-content p {
    margin: 0.9em auto;
 }
}

/* Callout Section */

.callout-section {
 background: url(/_img/toolbox/p/bcs/white_plaster.png) repeat;
}

.callout-section .wrap {
 background-color: #fff;
 background: rgba(255, 255, 255, 0.9);
 border: solid #ddd;
 border-width: 0 1px;
 font-size: 1.1em;
}

.callout-section blockquote {
 border: 2px solid #ccc;
 border-radius: 0.25em;
 margin: 1em auto;
 padding: 0.1em 1em;
 width: 85%;
}

/* Fees Section */

.section-fees {
 background-color: #bfe2fd;
}

.section-fees .wrap {
 max-width: 70em;
}

.fee-list {
 -webkit-align-content: space-between;
 -ms-flex-line-pack: justify;
 align-content: space-between;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: center;
 -ms-flex-pack: center;
 justify-content: center;
 margin-top: 2em;
}

.fee-list-item {
 box-sizing: border-box;
 padding: 0 0.5em;
 width: 50%;
}

.fee-list-fee {
 background-color: #b81f1f;
 border-radius: 0.5em;
 color: #fff;
 display: block;
 font-size: 1em;
 font-weight: bold;
 margin: 1em auto 0.5em;
 max-width: 10em;
}

.fee-list-item img {
 border-radius: 0.5em;
 width: 80%;
}

.fee-list-copy {
 font-size: 0.9em;
 margin: 0.5em auto 2em;
}

h1 span + span {
 display: block;
 margin-top: 0.5em;
}

@media screen and (min-width: 26em) {
 .fee-list-fee {
   font-size: 1.4em;
 }
}

@media screen and (min-width: 47em) {
 .fee-list-fee {
   font-size: 0.9em;
 }

 .fee-list-item {
   width: 20%;
 }
}

@media screen and (min-width: 60em) {
 .fee-list-fee {
   font-size: 1.1em;
 }
}

@media screen and (min-width: 70em) {
 .fee-list-fee {
   font-size: 0.9em;
 }

 .fee-list-item {
   width: calc(100% / 7);
 }
}

@media screen and (min-width: 82em) {
 .fee-list-fee {
   font-size: 1.1em;
 }
}

/* Session Sections */

.session-section {
 background-color: #d5e9f6;
}

.session-section h3 {
 background-color: #3a98d3;
 margin: 0 auto;
 padding: 0.75em;
}

.session-section .fa-li {
 color: #1d7396;
}

/* Content Rules */

.sidebar {
 background-color: #e6f1f5;
 border: 2px solid #90d0ea;
 border-radius: 0.25em;
 color: #000;
 font-size: 0.9em;
 margin: 1em auto;
 padding: 0.1em 1em;
 width: 85%;
}

.sidebar blockquote {
 margin: 1em auto;
 width: 85%;
}

.sidebar .fa-li {
 color: #1d7396;
}

.image {
 background-color: #ffedb2;
 border-radius: 0.25em;
 box-sizing: border-box;
 margin: 1em auto;
 padding: 1em;
 width: 85%;
}

.image-right {
 max-width: 13.6em;
}

.image-right img {
 width: 13.6em;
}

.image img {
 border-radius: 0.25em;
}

.caption {
 margin: 0.25em auto 0;
}

@media screen and (min-width: 38em) {
 .image-right {
   clear: right;
   float: right;
   margin: 0 0 1em 1em;
 }
}

@media screen and (min-width: 40em) {
 .sidebar-right {
   clear: right;
   float: right;
   margin: 0 0 1em 1em;
   width: 14em;
 }

 .session-section .sidebar-right {
   margin: 2em 0 1em 1em;
 }
}

/* Order Buttons */

a.order-button {
 background: #ff811b;
 background: -webkit-linear-gradient(top, #ff9a43 0%, #ff6c06 100%);
 background: linear-gradient(to bottom, #ff9a43 0%, #ff6c06 100%);
 border-radius: 0.25em;
 box-shadow: 0 0 0.1em 0.1em rgba(0, 0, 0, 0.15);
 color: #fff;
 display: inline-block;
 font-family: Lora, 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
 font-weight: bold;
 font-size: 1.5em;
 line-height: 1.2;
 margin: 0 auto;
 padding: 0.33em 1em 0.5em;
}

a.order-button:hover,
a.order-button:focus,
a.order-button:active {
 color: #ff3;
}

a.order-button:active {
 background: #d36b18;
 background: -webkit-linear-gradient(top, #d18945 0%, #d25a06 100%);
 background: linear-gradient(to bottom, #d18945 0%, #d25a06 100%);
}

@media screen and (min-width: 40em) {
 .order-button-large {
   max-width: 9em;
 }
}

/* Artificial Breaks */

#accelerate {
 max-width: 18em;
}
#fast-track {
 max-width: 17em;
}
#library {
 max-width: 14em;
}