/* fonts */

@import url('https://fonts.googleapis.com/css?family=Kalam&display=swap');

@font-face {
  font-family: 'Freeland';
  src: url(https://www.bu.edu/cdn/fonts/Freeland/30EF01_0_0.eot);
  src: url(https://www.bu.edu/cdn/fonts/Freeland/30EF01_0_0.eot?#iefix) format("embedded-opentype"),
      url(https://www.bu.edu/cdn/fonts/Freeland/30EF01_0_0.woff2) format("woff2"),
      url(https://www.bu.edu/cdn/fonts/Freeland/30EF01_0_0.woff) format("woff"),
      url(https://www.bu.edu/cdn/fonts/Freeland/30EF01_0_0.ttf) format("truetype");
}

@font-face {
  font-family: "BU-Default-Icons";
  src: url("https://www.bu.edu/cdn/fonts/icons/bu-default-icons/bu-default-icons.eot");
  src: url("https://www.bu.edu/cdn/fonts/icons/bu-default-icons/bu-default-icons.eot?#iefix") format("embedded-opentype"),
       url("https://www.bu.edu/cdn/fonts/icons/bu-default-icons/bu-default-icons.woff") format("woff"),
       url("https://www.bu.edu/cdn/fonts/icons/bu-default-icons/bu-default-icons.ttf") format("truetype"),
       url("https://www.bu.edu/cdn/fonts/icons/bu-default-icons/bu-default-icons.svg#bu-default-icons") format("svg");
  font-style: normal;
  font-weight: 400;
  // unicode-range:U+??????; /* Include all Unicode possiblities */
}


/* decision checklist styles */

.decision-checklist-wrapper {
	padding: 15px 0;
	overflow: hidden;
}

.decision-checklist h3 {
	font-family: 'Freeland', sans-serif;
	font-size: 2.2em;
	color: #20d1a1;
	position: relative;
}

.decision-checklist h3:after {
	content: '_';
	font-family: 'Freeland', sans-serif;
	font-size: 1.4em;
	position: absolute;
	bottom: -18px;
	display: block;
}

.decision-checklist ul {
	list-style-type: none;
	padding: 0;
}

.decision-checklist li {
	font-family: 'Kalam', sans-serif;
	font-size: 1.3em;
	line-height: 45px;
}

.decision-checklist li::before {
	/*font-family: "BU-Default-Icons";
	content: "\2713";*/
	content: "–";
	font-size: 0.65em;
	color: #20d1a1;
	padding-right: 10px;
}

.decision-checklist::last-of-type {
	border-left: 1px solid #aaa;
	padding-left: 20px;
}

/* notepad paper styles */

.notepad {
	background: #f6f6f6;
	box-shadow: 0 1px 4px hsla(0,0%,0%,.25);
	margin: 50px auto;
	position: relative;
	background-image: -webkit-radial-gradient(#f4f6f8 21%, transparent 21%),
	-webkit-radial-gradient(hsla(0,0%,0%,.25) 21%, transparent 26%),
	-webkit-linear-gradient(top, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,0) 95%,
	hsla(180,25%,50%,.1) 95%, hsla(180,25%,50%,.1) 100%);
	background-image: -moz-radial-gradient(#f4f6f8 21%, transparent 21%),
	-moz-radial-gradient(#f4f6f8 10%, transparent 12%),
	-moz-linear-gradient(top, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,0) 95%,
	hsla(180,25%,50%,.1) 95%, hsla(180,25%,50%,.1) 100%);
	background-image: radial-gradient(#f4f6f8 21%, transparent 21%),
	radial-gradient(#f4f6f8 10%, transparent 12%),
	linear-gradient(top, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,0) 95%,
	hsla(180,25%,50%,.1) 95%, hsla(180,25%,50%,.1) 100%);
	background-position: 6px 6px, 6px 5px, 50% 18px;
	background-repeat: repeat-y, repeat-y, repeat;
	background-size: 48px 48px, 48px 48px, 24px 24px;
	padding: 48px 24px 24px 84px;
}

/* red line */

.notepad:after {
    border-left: 1px solid hsla(0,75%,50%,.2);
    border-right: 1px solid hsla(0,75%,50%,.2);
    bottom: 0;
    content: '';
    left: 58px;
    position: absolute;
    top: 0;
    width: 2px;
}

/* edge shadow */

.notepad:before {
    bottom: 8px;
    border-radius: 4px;
    box-shadow: 0 10px 10px hsla(0,0%,0%,.25);
    content: '';
    height: 100px;
    max-width: 300px;
    position: absolute;
    right: 5px;
    width: 300px;
    z-index: -10;
    -webkit-transform: rotate(2deg);
       -moz-transform: rotate(2deg);
        -ms-transform: rotate(2deg);
         -o-transform: rotate(2deg);
            transform: rotate(2deg);
}