/* TOC 

1.  Variables / Mixins
2.  Global
3.  Modules
4.  Sections
	I 	1.0 Home
	II	2.0 About
	III	3.0 The Constitution
	IV	4.0 Text Over Time
	V	5.0	Media Library
	VI	6.0 In the Classroom
*/
/*------------------------------------*
   1. Variables / Mixins
*------------------------------------*/
.center-horizontal {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.center-vertical {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.animate-all {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
/*---*
Type
*----*/
.benton-sans-book {
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.benton-sans-italic {
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  font-style: italic;
}
.benton-sans-medium {
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.benton-sans-medium-italic {
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: italic;
}
/*------------------------------------*
   2. Global
*------------------------------------*/
/*---*
QA
*----*/
nav ul:hover > li {
  opacity: 0.5;
}
nav ul li:hover {
  opacity: 1;
}
fadein 0% {
  opacity: 0;
  transform: translateY(-0.5rem);
}
fadein 100% {
  opacity: 1;
  transform: translateY(0rem);
}
html {
  scroll-behavior: smooth;
}
body {
  margin-top: 90px;
  color: #5b697f;
}
@media (min-width: 992px) {
  body {
    margin-top: 120px;
  }
}
nav#primarynav {
  position: fixed;
  /* Make it stick/fixed */
  top: 0;
  /* Stay on top */
  width: 100%;
  /* Full width */
  transition: top 0.3s;
  /* Transition effect when sliding down (and up) */
}
::selection {
  background-color: rgba(153, 166, 191, 0.5);
  color: #222d66;
}
::-moz-selection {
  background-color: rgba(153, 166, 191, 0.5);
  color: #222d66;
}
/*---*
Post-Launch (2019 09 18)
*----*/
/*Change the link color globally (will help with the Article/Amendment Pages and Media Library posts)*/
a {
  color: #1268b3;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #222d66;
}
/*Update the coloring for highlighted text indicating tooltips (on Article/Amendment pages)*/
span.tooltip-alt {
  background: #e8f2fc;
  padding: 4px 0;
}
span.tooltip-alt:hover {
  color: #222d66;
}
/*On Media Library, add more space between the different type of media rows in Grid View*/
.media-carousel.slick-slider {
  margin-bottom: 50px !important;
}
/*On Interpretations page, add padding top to original text (too close to the shadow)*/
.ic-interpretation-sidebar .body .text {
  padding-top: 30px;
}
/*---*
Type
*----*/
body {
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
}
h1,
h2,
h3,
h4 {
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #222d66;
}
h2 {
  font-size: 42px;
  line-height: 55px;
}
h3 {
  font-size: 34px;
  line-height: 42px;
}
h4 {
  font-size: 25px;
  line-height: 32px;
}
hr.bordered {
  height: 3px;
  border-top: 1px solid #222d66;
  border-bottom: 1px solid #222d66;
}
hr.default {
  height: 3px;
  border-top: 1px solid #d8dde5;
  border-bottom: 1px solid #d8dde5;
}
/*---*
tooltips/popovers
*----*/
.tooltip-alt {
  cursor: pointer;
}
.tooltip-inner p:last-child {
  margin: 0;
}
.po-anchor {
  cursor: pointer;
}
.po-anchor:focus,
.po-anchor:active {
  outline: none;
}
/*---*
ic social ui
*----*/
.ic-social-ui .modal-header {
  background-color: #f6f9fc;
}
.ic-embed-controls input[type='text'] {
  max-width: 100px;
  display: inline-block;
}
/*---*
ribbon headers
*----*/
header.ribbon {
  position: relative;
  overflow: hidden;
  text-align: center;
}
header.ribbon:before {
  content: '';
  width: 100%;
  height: 5px;
  border-top: 1px solid #d8dde5;
  border-bottom: 1px solid #d8dde5;
  position: absolute;
  left: 0;
  right: 0;
  top: 24px;
  /*top: 50%;
		    -webkit-transform: translateY(-50%); 
		    -ms-transform: translateY(-50%); 
		    transform: translateY(-50%);*/
  z-index: 10;
}
header.ribbon h2,
header.ribbon h3,
header.ribbon h4 {
  display: inline-block;
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 12px !important;
  line-height: 18px !important;
  text-transform: uppercase;
  margin: 0;
  position: relative;
  z-index: 100;
}
header.ribbon h2:before,
header.ribbon h3:before,
header.ribbon h4:before {
  content: '';
  width: 32px;
  height: 30px;
  position: absolute;
  z-index: 10;
  top: 4px;
  left: -20px;
  background: url('/interative-constitution-2019/assets/img/icons-ux/ribbon-left.svg') 0 0 no-repeat;
  background-size: cover;
}
header.ribbon h2:after,
header.ribbon h3:after,
header.ribbon h4:after {
  content: '';
  width: 32px;
  height: 30px;
  position: absolute;
  z-index: 10;
  top: 4px;
  right: -20px;
  background: url('/interative-constitution-2019/assets/img/icons-ux/ribbon-right.svg') 0 0 no-repeat;
  background-size: cover;
}
header.ribbon h2 span,
header.ribbon h3 span,
header.ribbon h4 span {
  display: inline-block;
  padding: 8px 20px 7px 20px;
  border: 1px solid #222d66;
  background-color: #fff;
  position: relative;
  z-index: 100;
  margin-top: -5px;
}
/*---*
icons
*----*/
.icon {
  fill: #071b36;
}
.icon.icon-dark-teal {
  fill: #0d938c;
}
.icon.icon-orange {
  fill: #f37021;
}
.icon.icon-red {
  fill: #ca1f40;
}
.icon.icon-dark-blue {
  fill: #222d66;
}
.icon.icon-light-blue {
  fill: #70afdc;
}
.icon.icon-yellow {
  fill: #f3b116;
}
/*---*
ic social ui
*----*/
/*---*
overrides
*----*/
.btn,
.form-control {
  border-radius: 0;
  padding: 12px 24px;
  height: auto;
}
.btn {
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
}
.btn.btn-dark {
  background-color: #ca1f40;
  border-color: #ca1f40;
}
.btn.btn-dark:hover,
.btn.btn-dark:active,
.btn.btn-dark:focus {
  background-color: #fff !important;
  color: #ca1f40 !important;
  box-shadow: inset 0 0 0 0.15rem #ca1f40;
}
.btn.btn-light {
  background-color: #D3D9E4;
  border-color: #D3D9E4;
  color: #222d66;
}
.btn.btn-light:hover,
.btn.btn-light:active .btn.btn-light:focus {
  background-color: #fff !important;
  box-shadow: inset 0 0 0 0.15rem #D3D9E4;
}
.btn.btn-primary {
  background-color: #222d66;
  border-color: #222d66;
}
.btn.btn-primary:hover,
.btn.btn-primary:active .btn.btn-primary:focus {
  background-color: #fff !important;
  color: #222d66 !important;
  box-shadow: inset 0 0 0 0.15rem #222d66;
}
.btn.btn-secondary {
  background-color: #70afdc;
  border-color: #70afdc;
}
.btn.btn-secondary:hover,
.btn.btn-secondary:active .btn.btn-secondary:focus {
  background-color: #fff !important;
  color: #70afdc !important;
  box-shadow: inset 0 0 0 0.15rem #70afdc;
}
.btn.btn-success {
  background-color: #0d938c;
  border-color: #0d938c;
}
.btn.btn-success:hover,
.btn.btn-success:active .btn.btn-success:focus {
  background-color: #fff !important;
  color: #0d938c !important;
  box-shadow: inset 0 0 0 0.15rem #0d938c;
}
.btn.btn-rounded {
  border-radius: 25px;
}
.breadcrumb {
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: none;
  border-radius: 0;
  font-size: 12px;
  line-height: 17px;
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #5B697F;
}
.breadcrumb a {
  color: #5B697F;
}
.breadcrumb .breadcrumb-item.active {
  color: #004895;
}
/*---*
header
*----*/
/*---*
primarynav
*----*/
#primarynav {
  background-color: #fff !important;
  min-height: 89px;
  position: relative;
  z-index: 1000;
}
#primarynav .home-logo {
  max-width: 245px;
}
#primarynav .logo {
  max-width: 206px;
}
#primarynav .brand-wrapper {
  width: 100%;
}
#primarynav .brand-wrapper button {
  padding: 12px !important;
}
#primarynav:before {
  content: '';
  position: absolute;
  top: 89px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #e4e9f0;
}
.navbar-nav.utility-nav li {
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 13px;
}
.navbar-nav.utility-nav li a {
  color: #5B697F;
}
.navbar-nav.utility-nav li a.nav-light {
  color: #70AFDC;
}
.navbar-nav.utility-nav li:hover {
  text-decoration: underline;
}
.navbar-nav.primarynav-list {
  margin-top: 30px;
}
.navbar-nav.primarynav-list .nav-item {
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  text-align: center;
}
.navbar-nav.primarynav-list .nav-item a {
  color: #222d66;
}
.navbar-nav.primarynav-list .nav-item a:hover,
.navbar-nav.primarynav-list .nav-item a:focus {
  color: #222d66;
}
.navbar-nav.primarynav-list .nav-item.sub-nav-item {
  font-size: 14px;
  font-weight: 500;
  border-bottom: none;
}
.navbar-nav.primarynav-list .nav-item span {
  position: relative;
}
.navbar-nav.primarynav-list .nav-item.has-children {
  position: relative;
}
.navbar-nav.primarynav-list .nav-item.active span:before {
  content: '';
  width: 100%;
  height: 2px;
  background-color: #70afdc;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -9px;
}
.navbar-nav.primarynav-list .dropdown-block {
  position: absolute;
  top: 100%;
  left: 50%;
  /*
		    -webkit-transform: translateX(-50%); 
		    -ms-transform: translateX(-50%); 
		    transform: translateX(-50%);
		    display: none;
		    */
  -webkit-transform: translate(-50%, -10%);
  -ms-transform: translate(-50%, -10%);
  transform: translate(-50%, -10%);
  transition: all 0.3s;
  opacity: 0;
  display: none;
  padding-top: 22px;
}
.navbar-nav.primarynav-list .dropdown-block .block-inner {
  position: relative;
  padding: 0 20px;
  background-color: #fff;
  border: 1px solid #D2D8E1;
  border-top: 5px solid #70afdc;
  -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.15);
}
.navbar-nav.primarynav-list .dropdown-block .block-inner:before {
  content: '';
  position: absolute;
  top: -12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 12px 6px;
  border-color: transparent transparent #70afdc transparent;
}
.navbar-nav.primarynav-list .dropdown-block ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.navbar-nav.primarynav-list .dropdown-block ul li {
  font-size: 13px;
  line-height: 24px;
  border-top: 1px solid #D2D8E1;
  white-space: nowrap;
}
.navbar-nav.primarynav-list .dropdown-block ul li:first-child {
  border-top: 0;
}
.navbar-nav.primarynav-list .dropdown-block ul li a {
  display: block;
  padding: 15px 0px;
  color: #5B697F;
}
.navbar-nav.primarynav-list .dropdown-block ul li.tool-tip {
  padding: 15px 0px;
  color: #5B697F;
}
.navbar-nav.primarynav-list .dropdown-block ul li > ul li {
  font-weight: 400;
}
.navbar-nav.primarynav-list .dropdown-block ul li > ul li:first-child a {
  padding-top: 0;
}
.navbar-nav.primarynav-list .dropdown-block ul li > ul li a {
  padding-left: 12px;
}
@media (min-width: 992px) {
  #primarynav {
    min-height: 120px;
  }
  #primarynav .brand-wrapper {
    width: auto;
  }
  #primarynav:before {
    display: none;
  }
  .navbar-nav.primarynav-list {
    border-top: none;
    margin-top: 0;
  }
  .navbar-nav.primarynav-list .nav-item {
    font-size: 15px;
    border-bottom: none;
    text-align: left;
  }
  .navbar-nav.primarynav-list .nav-item:hover span:before {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #70afdc;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -9px;
  }
  .navbar-nav.primarynav-list .nav-item.active span:before {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #70afdc;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -9px;
  }
  .navbar-nav.primarynav-list .nav-item.has-children:hover .dropdown-block {
    /* display: block; */
    transform: translate(-50%, 0%);
    opacity: 1;
    display: block;
  }
}
@media (max-width: 991px) {
  #primarynav .brand-wrapper {
    min-height: 73px;
  }
}
@media (max-width: 440px) {
  #primarynav .brand-wrapper {
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
  }
  #primarynav .brand-wrapper .navbar-brand {
    width: calc(100% - 144px);
    margin-right: 0;
  }
  #primarynav .brand-wrapper .navbar-brand .home-logo {
    width: 100%;
  }
}
.utility-nav-block button[type=submit] {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 35px;
  height: 35px;
  padding: 0;
}
.utility-nav-block button[type=submit] .icon {
  /*max-height: 18px;
			max-width: 18px;*/
  width: 35px;
  height: 35px;
}
.utility-nav-block button[type=submit] .icon .icon-stroke {
  stroke: #75859D;
}
.utility-nav-block button[type=submit]:hover {
  background-color: #ca1f40;
}
.utility-nav-block button[type=submit]:hover .icon-stroke {
  stroke: #fff;
}
.utility-nav-block .navbar-form-search {
  position: relative;
}
.utility-nav-block .search-form-container {
  transition: all 0.3s ease-in-out;
  width: 460px;
  position: absolute;
  overflow: hidden;
  top: 4px;
  right: 35px;
  background-color: #fff;
}
.utility-nav-block .search-form-container.hidden {
  width: 0;
}
.utility-nav-block .search-form-container input[type='text'] {
  border: none;
  border-radius: 0;
  border-bottom: 2px solid #ddd;
}
.utility-nav-block .search-form-container input[type='text']::-webkit-input-placeholder {
  font-size: 17px;
  color: #757575;
}
.utility-nav-block .search-form-container input[type='text']::-moz-placeholder {
  font-size: 17px;
  color: #757575;
}
.utility-nav-block .search-form-container input[type='text']:-ms-input-placeholder {
  font-size: 17px;
  color: #757575;
}
.utility-nav-block .search-form-container input[type='text']:-moz-placeholder {
  font-size: 17px;
  color: #757575;
}
.utility-nav-block .search-form-container input[type='text']:focus {
  color: #222d66;
  background-color: #f6f9fc;
  border-color: #222d66;
  outline: 0;
  box-shadow: none;
}
.utility-nav-block .form-expanded button[type=submit]:hover {
  background-color: #222d66;
}
/*
#search-button-hdr {
	width: 35px;
	height: 35px;
	.animate-all();
	background-color: @cl-light-blue;
	&:hover {
		background-color: @cl-red;
	}
	&:before {
		content: " ";
		background: url('/assets/img/icons-ux/navigation-search-icon.svg');
		background-repeat: no-repeat;
		width: 35px;
		height: 35px;
		position: relative;
		display: inline-block;
	}
}
*/
/*---*
mobile search modal
*----*/
.mobile-search-modal {
  position: fixed;
  top: 0;
  z-index: 1072;
  width: 100%;
  height: 100%;
  display: none;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: rgba(34, 45, 102, 0.5);
}
.mobile-search-modal .mobile-search-modal-content {
  align-items: center;
  background-color: #fff;
  padding: 0 1rem;
  min-height: 89px;
}
.mobile-search-modal .mobile-search-modal-content > .container {
  height: 89px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 0;
  padding-right: 0;
}
.mobile-search-modal input[type='text'] {
  border: none;
  border-radius: 0;
  border-bottom: 2px solid #ddd;
}
.mobile-search-modal input[type='text']::-webkit-input-placeholder {
  font-size: 17px;
  color: #757575;
}
.mobile-search-modal input[type='text']::-moz-placeholder {
  font-size: 17px;
  color: #757575;
}
.mobile-search-modal input[type='text']:-ms-input-placeholder {
  font-size: 17px;
  color: #757575;
}
.mobile-search-modal input[type='text']:-moz-placeholder {
  font-size: 17px;
  color: #757575;
}
.mobile-search-modal input[type='text']:focus {
  color: #222d66;
  background-color: #f6f9fc;
  border-color: #222d66;
  outline: 0;
  box-shadow: none;
}
.mobile-search-modal button {
  padding: 12px !important;
}
@media (min-width: 992px) {
  .mobile-search-modal .mobile-search-modal-content {
    min-height: 120px;
  }
}
.btn-mobile-search,
#primarynav-toggle,
#search-modal-close {
  color: #4A4A4A;
}
/*---*
footer
*----*/
#footer {
  background-color: #F6F9FC;
  color: #222d66;
}
#footer p {
  font-size: 17px;
  line-height: 22px;
}
#footer nav li {
  font-size: 16px;
  line-height: 22px;
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
}
#footer nav a {
  color: #222d66;
}
#footer .copyright {
  line-height: 22px;
}
#footer .sign-up-form .form-control:focus {
  color: #222d66;
  background-color: #f6f9fc;
  border-color: #222d66;
  outline: 0;
  box-shadow: none;
}
/*------------------------------------*
   3. Modules
*------------------------------------*/
/*---*
hero-block
*----*/
.hero-block h1 {
  font-size: 64px;
}
.hero-block h4 {
  font-size: 16px;
}
/*---*
callout-block
*----*/
.callout-block h2 {
  font-size: 42px;
}
.callout-block h3 {
  font-size: 34px;
}
.callout-block p {
  font-size: 16px;
  line-height: 28px;
}
/*---*
cta-block
*----*/
.cta-block {
  color: #fff;
  background-color: #222d66;
  /*background-image: url('@{base-url}/assets/img/logos/IC-logo-square-gray.svg');
	background-repeat: no-repeat;
	background-position: right center;*/
  position: relative;
  overflow: hidden;
}
.cta-block .container {
  position: relative;
  z-index: 100;
}
.cta-block h4 {
  color: #fff;
}
.cta-block:after {
  content: '';
  width: 341px;
  height: 300px;
  background: url('/interative-constitution-2019/assets/img/logos/IC-logo-square-gray.svg');
  background-size: cover;
  position: absolute;
  right: -30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
  opacity: 0.15;
}
/*---*
grid-block
*----*/
.grid-block {
  /*h2 {
		font-size: 40px;
	}*/
}
.grid-block header h2 {
  font-size: 34px;
  line-height: 42px;
}
.grid-block header h3 {
  font-size: 25px;
  line-height: 30px;
}
.grid-block header p {
  font-size: 16px;
  line-height: 28px;
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.grid-block footer .btn {
  font-size: 14px;
}
.grid-block .block-item {
  /*border: 1px solid #C8C8C8;
		-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
		box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);*/
}
@media (min-width: 768px) {
  .grid-block .column {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
  }
  .grid-block .block-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex: 1;
    -ms-flex: 1 1 auto;
  }
  .grid-block .block-item .text {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    -ms-flex: 1 1 auto;
  }
}
/*---*
media-grid
*----*/
.media-grid .column {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
.media-grid .block-item {
  margin-bottom: 15px;
  border-width: 1px;
  border-top-width: 5px;
  border-style: solid;
  border-color: #D2D8E1;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(92, 97, 107, 0.15);
  -moz-box-shadow: 0px 5px 10px 0px rgba(92, 97, 107, 0.15);
  box-shadow: 0px 5px 10px 0px rgba(92, 97, 107, 0.15);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  flex: 1;
  -ms-flex: 1 1 auto;
}
.media-grid .block-item .text {
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  -ms-flex: 1 1 auto;
}
.media-grid .block-item.ml-podcast {
  border-top-color: #70afdc;
}
.media-grid .block-item.ml-podcast h4 {
  color: #70afdc;
}
.media-grid .block-item.ml-video-town-hall {
  border-top-color: #ca1f40;
}
.media-grid .block-item.ml-video-town-hall h4 {
  color: #ca1f40;
}
.media-grid .block-item.ml-blog {
  border-top-color: #222d66;
}
.media-grid .block-item.ml-blog h4 {
  color: #222d66;
}
.media-grid .block-item.ml-video-educational {
  border-top-color: #0d938c;
}
.media-grid .block-item.ml-video-educational h4 {
  color: #0d938c;
}
.media-grid .block-item.ml-court-case {
  border-top-color: #75859d;
}
.media-grid .block-item.ml-court-case h4 {
  color: #75859d;
}
.media-grid .block-item .media-wrapper {
  position: relative;
}
.media-grid .block-item .media-wrapper a {
  display: block;
  color: rgba(0, 0, 0, 0.7);
}
.media-grid .block-item .media-wrapper .icon {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
}
.media-grid .block-item .media-wrapper .icon-wrapper {
  padding: 22px;
  background-color: #fff;
  color: #BEBEBE;
  border-radius: 40px;
}
.media-grid .block-item .media-library-icon {
  position: absolute;
  right: 15px;
  top: 30px;
  color: #616161;
}
.media-grid .block-item .text {
  background-color: #fff;
  position: relative;
  padding-top: 46px !important;
}
.media-grid .block-item h4 {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 35px;
  padding-right: 50px;
}
.media-grid .block-item h3 {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 35px;
}
.media-grid .block-item h3 a {
  color: #222d66;
}
.media-grid .block-item p {
  font-size: 13px;
  line-height: 18px;
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.media-grid.home-media-grid .block-item {
  margin-bottom: 15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.media-grid.home-media-grid .block-item:hover {
  transform: translate(0px, -7px);
  box-shadow: 0px 15px 15px 0px rgba(92, 97, 107, 0.2);
}
.media-grid.home-media-grid .column:last-child .block-item {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .media-grid .block-item {
    margin-bottom: 0;
    height: 100%;
  }
}
@media (min-width: 768px) {
  .media-grid .column {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
  }
  .media-grid .block-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex: 1;
    -ms-flex: 1 1 auto;
  }
  .media-grid .block-item .text {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    -ms-flex: 1 1 auto;
  }
}
/*---*
card-grid
*----*/
.card-grid header h3 {
  font-size: 25px;
  line-height: 30px;
}
.card-grid header p {
  font-size: 14px;
  line-height: 22px;
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.card-grid .body figure img {
  width: 100%;
}
.card-grid footer .btn {
  font-size: 14px;
}
.card-grid .block-item {
  border: 1px solid #C8C8C8;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
}
.card-grid .column {
  margin-bottom: 15px;
}
.card-grid .column:last-child {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .card-grid .block-item {
    margin-bottom: 0;
  }
  .card-grid .column {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .card-grid .column {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
  }
  .card-grid .block-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex: 1;
    -ms-flex: 1 1 auto;
  }
}
/*---*
thumbnail-grid
*----*/
.thumbnail-grid .block-item {
  margin-bottom: 15px;
}
.thumbnail-grid .block-item p {
  font-size: 14px;
}
.thumbnail-grid .block-item p a {
  color: #000;
  text-decoration: underline;
}
.thumbnail-grid h4 {
  font-size: 16px;
  font-weight: 700;
}
.thumbnail-grid h4 a {
  color: #000;
  text-decoration: underline;
}
.thumbnail-grid ul {
  font-size: 14px;
}
.thumbnail-grid ul li {
  margin: 0 0 12px;
}
.thumbnail-grid ul li:last-child {
  margin: 0;
}
.thumbnail-grid ul a {
  color: #000;
  text-decoration: underline;
}
@media (min-width: 992px) {
  .thumbnail-grid .block-item {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .thumbnail-grid .column {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
  }
  .thumbnail-grid .block-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex: 1;
    -ms-flex: 1 1 auto;
  }
}
/*---*
media-list
*----*/
.media-list .block-item {
  margin-bottom: 15px;
  background-color: #fff;
  border-left-width: 5px;
  border-left-style: solid;
}
.media-list .block-item .text {
  position: relative;
}
.media-list .block-item .text .media-library-icon {
  position: absolute;
  top: 0;
  left: 15px;
}
.media-list .block-item .text .media-library-icon img {
  max-width: 40px;
}
.media-list .block-item .text h4 {
  font-size: 16px;
  line-height: 20px;
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  margin: 2px 0 28px 60px;
}
.media-list .block-item .text h3 {
  font-size: 25px;
  line-height: 32px;
}
.media-list .block-item .text h3 a {
  color: #222d66;
}
.media-list .block-item .text footer p {
  font-size: 13px;
}
.media-list .block-item.ml-podcast {
  border-left-color: #70afdc;
}
.media-list .block-item.ml-podcast h4 {
  color: #70afdc;
}
.media-list .block-item.ml-video-town-hall {
  border-left-color: #ca1f40;
}
.media-list .block-item.ml-video-town-hall h4 {
  color: #ca1f40;
}
.media-list .block-item.ml-blog {
  border-left-color: #222d66;
}
.media-list .block-item.ml-blog h4 {
  color: #222d66;
}
.media-list .block-item.ml-video-educational {
  border-left-color: #0d938c;
}
.media-list .block-item.ml-video-educational h4 {
  color: #0d938c;
}
.media-list .block-item.ml-court-case {
  border-top-color: #75859d;
}
.media-list .block-item.ml-court-case h4 {
  color: #75859d;
}
/*---*
calendar-grid
*----*/
.calendar-grid .block-item {
  padding: 60px 26px 40px 26px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border-color: #DEE2E8;
  border-style: solid;
  border-width: 0 1px 1px 0;
  background-color: #fff;
  cursor: pointer;
  transition: 0.3s all;
  /*&.active {
			border-width: 4px 5px 5px 4px;
		}*/
}
.calendar-grid .block-item:hover {
  box-shadow: inset 0 0 0 5px #DEE2E8;
}
.calendar-grid .block-item:hover .icon .oval {
  fill: #70afdc;
}
.calendar-grid .block-item:hover .icon .path-2 {
  stroke: #ffffff;
}
.calendar-grid .block-item h3 {
  font-size: 20px;
  line-height: 26px;
  color: #222d66;
}
.calendar-grid .block-item h3 a {
  color: #222d66;
}
.calendar-grid .block-item h4 {
  font-size: 16px;
  line-height: 20px;
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #70afdc;
  margin: 0 0 14px;
}
.calendar-grid .block-item header {
  text-align: center;
}
.calendar-grid .block-item .icon {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.calendar-grid .block-item .icon img {
  max-width: 50px;
  display: block;
  margin: 0 auto;
}
.calendar-grid .block-item .icon .oval {
  fill: #f6f9fc;
}
.calendar-grid .block-item .icon .path-2 {
  stroke: #5B697F;
}
.calendar-grid .calendar-block-body {
  border-style: solid;
  border-color: #DEE2E8;
  border-width: 1px 0 0 1px;
  background-color: #f6f9fc;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
}
@media (min-width: 768px) {
  .calendar-grid .column {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .calendar-grid .block-item {
    /*&:nth-child(5n) {
				border-width: 0 0 1px 1px;
			}*/
  }
}
@media (min-width: 992px) {
  .calendar-grid .column {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}
/*---*
testimonial-tabs-block
*----*/
.testimonial-tabs-block {
  background-color: #f6f9fc;
}
.testimonial-tabs-block .list-block a {
  border: none;
  border-left: 1px solid #A7AECE;
  font-size: 16px;
  line-height: 28px;
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #5B697F;
  background-color: #f6f9fc;
}
.testimonial-tabs-block .list-block a.active {
  background-color: #D3D9E4;
  border-left: 1px solid #222d66;
}
.testimonial-tabs-block blockquote p {
  font-size: 28px;
  line-height: 45px;
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #0B0E51;
}
/*---*
ic details hero
*----*/
.ic-details-hero {
  position: relative;
  z-index: 100;
  background-color: #f6f9fc;
  border-top: 1px solid #DEE2E8;
}
.ic-details-hero:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 5px;
  background-color: #D8D8D8;
  border-top: 1px solid #222d66;
  border-bottom: 1px solid #222d66;
}
.ic-details-hero h5 {
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  line-height: 26px;
}
.ic-details-hero h1 {
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 42px;
  line-height: 55px;
  margin: 0 0 38px;
}
.ic-details-hero .byline {
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #5B697F;
  font-size: 16px;
  line-height: 28px;
  margin: 0;
}
/*---*
link list
*----*/
.link-list h4 {
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  line-height: 25px;
  color: #222d66;
  margin: 0 0 30px;
}
.link-list .link-block {
  border-bottom: 1px solid #D2D8E1;
}
.link-list .link-block .block-item {
  display: flex;
  flex-direction: row;
  padding: 20px 0;
  border-top: 1px solid #D2D8E1;
}
.link-list .link-block .block-item .icon {
  width: 60px;
}
.link-list .link-block .block-item .text h6 {
  font-size: 16px;
  line-height: 20px;
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.link-list .link-block .block-item .text h6 a {
  color: #222d66;
}
.link-list .link-block .block-item .text p {
  font-size: 13px;
  line-height: 18px;
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #5B697F;
  margin: 0;
}
/*---*
search-results-list
*----*/
.search-results-list .block-item {
  padding: 30px 0;
  border-top: 1px solid #DEE2E8;
}
.search-results-list .block-item h5 {
  font-size: 20px;
  line-height: 26px;
  margin: 0 0 15px;
}
.search-results-list .block-item h5 a {
  color: #222d66;
}
.search-results-list .block-item p {
  font-size: 13px;
  line-height: 18px;
  color: #5B697F;
}
.search-results-list .block-item:first-child {
  border-top: 0;
}
/*------------------------------------*
   4. Sections
*------------------------------------*/
/*----------------------------*
   I 	1.0 Home
*-----------------------------*/
/*---*
home hero
*----*/
.home-hero {
  background-color: #fff;
  text-align: center;
  position: relative;
}
.home-hero .main p {
  font-size: 16px;
}
.home-hero .main .btn-dark {
  background-color: #222d66;
  border-color: #222d66;
  text-transform: uppercase;
}
.home-hero .main .btn-dark:hover,
.home-hero .main .btn-dark:active,
.home-hero .main .btn-dark:focus {
  color: #222d66 !important;
  background-color: #fff !important;
  box-shadow: inset 0 0 0 0.15rem #222d66;
  transform: scale(1.1);
}
.home-hero .hero-footer {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  bottom: -30px;
}
/*---*
home hero carousel
*----*/
.home-carousel {
  overflow: hidden;
}
.home-carousel .slick-list {
  padding-top: 32px;
  height: 315px;
}
.home-carousel .block-item {
  cursor: pointer;
  position: relative;
}
.home-carousel .block-item img {
  width: 180px;
  height: 180px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin-top: 0;
  position: relative;
  z-index: 100;
}
.home-carousel .block-item:hover img {
  width: 235px;
  height: 235px;
  fill: #1268B3;
  margin-top: -28px;
}
.home-carousel .block-item:hover:before {
  opacity: 1;
}
.home-carousel .block-item:hover .caption {
  opacity: 1;
  width: 235px;
}
.home-carousel .block-item:before {
  content: '';
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 200;
  background: url('/interative-constitution-2019/assets/img/icons-ux/icon-arrow-home-carousel.svg');
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.home-carousel .block-item .caption {
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 180px;
}
.home-carousel .block-item .caption h5 {
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 10px;
  line-height: 14px;
  text-transform: uppercase;
  color: #1268B3;
  margin: 0;
  text-align: left;
}
.home-carousel .block-item .caption p {
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 15px;
  line-height: 20px;
  color: #1268B3;
  margin: 0;
  text-align: left;
}
/*---*
home explainer 3 column
*----*/
.explainer-3-column {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebf1f8+0,f6f9fc+19 */
  background: #ebf1f8;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ebf1f8 0%, #f6f9fc 19%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ebf1f8 0%, #f6f9fc 19%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ebf1f8 0%, #f6f9fc 19%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebf1f8', endColorstr='#f6f9fc', GradientType=0);
  /* IE6-9 */
  padding-bottom: 130px !important;
}
.explainer-3-column header {
  text-align: center;
}
.explainer-3-column .text {
  margin-bottom: 15px;
  position: relative;
}
.explainer-3-column .text.text-common p,
.explainer-3-column .text.text-debate p {
  font-size: 13px;
  line-height: 20px;
}
@media (min-width: 768px) {
  .explainer-3-column .text {
    margin-bottom: 0;
  }
  .explainer-3-column .text figure {
    min-height: 132px;
  }
  .explainer-3-column .text.text-common:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: -26px;
    width: 1px;
    background: url('/interative-constitution-2019/assets/img/home-explainer-border.png');
  }
}
@media (max-width: 767px) {
  .explainer-3-column .text .img-fluid {
    max-width: 80%;
    display: block;
    margin: 0 auto;
  }
}
/*---*
drafting table block
*----*/
.drafting-table-block {
  position: relative;
  background-size: 20px 20px;
  background-image: linear-gradient(to right, #f6f9fc 1px, transparent 1px), linear-gradient(to bottom, #f6f9fc 1px, transparent 1px);
  max-width: 1440px;
  margin: 0 auto;
}
.drafting-table-block .column {
  margin-bottom: 15px;
}
.drafting-table-block .constitution-block {
  max-width: 540px;
  margin: 0 auto;
  /*.drafting-table-teaser {
			position: absolute;
			top: 60px;
			left: 60px;
			right: 0;
			height: 570px;
			width: ~"calc(100% - 60px)";
			background: url('@{base-url}/assets/img/homepage-drafting-table-teaser.png');
			-webkit-box-shadow: -10px -10px 30px 0px rgba(0,0,0,0.25);
			-moz-box-shadow: -10px -10px 30px 0px rgba(0,0,0,0.25);
			box-shadow: -10px -10px 30px 0px rgba(0,0,0,0.25);
		}*/
}
.drafting-table-block .constitution-block img {
  max-width: 100%;
}
@media (min-width: 992px) {
  .drafting-table-block .column {
    margin-bottom: 0;
  }
  .drafting-table-block .constitution-block {
    position: absolute;
    width: calc(50% - 41px);
    left: calc(50% + 41px);
    max-width: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 15px 0;
  }
  .drafting-table-block .constitution-block img {
    max-width: 510px;
  }
}
@media (min-width: 1200px) {
  .drafting-table-block .constitution-block {
    padding: 15px 0;
  }
  .drafting-table-block .constitution-block img {
    max-width: 610px;
  }
}
/*---*
cta home
*----*/
.cta-home .wrapper {
  background-color: #D8D8D8;
}
/*---*
home media grid
*----*/
.home-media-grid {
  background-color: #f6f9fc;
}
.home-media-grid header h2 {
  font-size: 42px;
  line-height: 55px;
}
.home-media-grid header h3 {
  font-size: 34px;
  line-height: 42px;
}
@media (min-width: 992px) {
  .home-media-grid {
    padding-top: 130px !important;
  }
}
/*---*
home classroom block
*----*/
.home-classroom-block {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f9fc+0,f6f9fc+55,ffffff+55,ffffff+55,ffffff+100 */
  background: #f6f9fc;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f6f9fc 0%, #f6f9fc 55%, #ffffff 55%, #ffffff 55%, #ffffff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f6f9fc 0%, #f6f9fc 55%, #ffffff 55%, #ffffff 55%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f6f9fc 0%, #f6f9fc 55%, #ffffff 55%, #ffffff 55%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f9fc', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
  position: relative;
  overflow: hidden;
}
.home-classroom-block .container {
  position: relative;
  z-index: 100;
}
.home-classroom-block .block-item {
  background-color: #fff;
  border: 1px solid #D2D8E1;
  border-top: 10px solid #7ACCC8;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(92, 97, 107, 0.15);
  -moz-box-shadow: 0px 5px 10px 0px rgba(92, 97, 107, 0.15);
  box-shadow: 0px 5px 10px 0px rgba(92, 97, 107, 0.15);
}
.home-classroom-block .list-block h6 {
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  color: #222d66;
}
.home-classroom-block .list-block p {
  font-size: 14px;
  color: #666;
}
.home-classroom-block .list-block .list-group a,
.home-classroom-block .list-block .list-group .list-group-item {
  border-color: #d8ebf0;
  padding: 1rem 0rem;
}
.home-classroom-block .list-block .list-group a:first-child,
.home-classroom-block .list-block .list-group .list-group-item:first-child {
  border-top: 1px solid #d8ebf0;
}
.home-classroom-block .list-block .list-group a:last-child,
.home-classroom-block .list-block .list-group .list-group-item:last-child {
  border-bottom: 1px solid #d8ebf0;
}
.home-classroom-block .list-block .list-group a:hover,
.home-classroom-block .list-block .list-group .list-group-item:hover {
  text-decoration: none;
}
.home-classroom-block .list-block button {
  display: block!important;
  background-color: #70AFDC;
  border: 0px solid;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  transition: 0.2s;
}
.home-classroom-block .list-block button:hover {
  background-color: #222D66;
  transform: scale(1.1);
}
.home-classroom-block .list-block button:before {
  content: " ";
  background: url('/interative-constitution-2019/assets/img/icons-ux/circle-button-arrow.svg');
  background-repeat: no-repeat;
  background-position: 50%;
  width: 20px;
  height: 40px;
  position: relative;
  display: inline-block;
}
@media (min-width: 768px) {
  .home-classroom-block .block-item {
    padding: 100px 0 !important;
  }
  .home-classroom-block .block-item:before {
    content: '';
    position: absolute;
    left: -175px;
    top: 70px;
    width: 257px;
    height: 331px;
    background: url('/interative-constitution-2019/assets/img/illustrations/classroom-illo-statue-of-liberty.svg');
    background-size: cover;
  }
  .home-classroom-block .block-item:after {
    content: '';
    position: absolute;
    right: -205px;
    top: 158px;
    width: 221px;
    height: 331px;
    background: url('/interative-constitution-2019/assets/img/bg-home-classroom-block.svg');
    background-size: cover;
    z-index: 10;
  }
}
@media (max-width: 767px) {
  .home-classroom-block .block-item {
    padding: 2rem !important;
  }
}
/*---*
home credits callout
*----*/
.home-credits-callout {
  background-color: #fff;
  overflow: hidden;
}
.home-credits-callout .image {
  position: relative;
}
.home-credits-callout .image img {
  position: relative;
  z-index: 100;
}
.home-credits-callout .image:after {
  content: '';
  position: absolute;
  z-index: 10;
  top: 145px;
  right: -209px;
  width: 315px;
  height: 347px;
  background: url('/interative-constitution-2019/assets/img/logos/IC-logo-square-gray.svg');
}
@media (min-width: 768px) {
  .home-credits-callout {
    padding-bottom: 110px !important;
  }
}
/*----------------------------*
   II	2.0 About
*-----------------------------*/
/*---*
interior hero
*----*/
.interior-hero h1 {
  font-size: 48px;
  line-height: 55px;
}
.interior-hero .main p {
  font-size: 16px;
  line-height: 28px;
  color: #5B697F;
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.interior-hero footer {
  /*&.link-footer {
			.btn + .btn {
				position: relative;
				&:before {
					content: '';
					height: 19px;
					width: 1px;
					background-color: #a4b0c2;
					position: absolute;
					top: 10px;
					left: -1px;
				}
			}
		}*/
}
.interior-hero footer .btn-link {
  color: #6497BB;
  text-decoration: underline;
}
.interior-hero footer .btn-link:hover {
  color: #222d66;
}
@media (min-width: 992px) {
  .interior-hero {
    /*&.classroom-hero {
			padding: 0 !important;
		}*/
  }
}
@media (min-width: 482px) {
  .interior-hero footer.link-footer .btn + .btn {
    position: relative;
  }
  .interior-hero footer.link-footer .btn + .btn:before {
    content: '';
    height: 19px;
    width: 1px;
    background-color: #a4b0c2;
    position: absolute;
    top: 10px;
    left: -1px;
  }
}
/*---*
about ic block
*----*/
.about-ic-block {
  background-color: #F6F9FC;
}
.about-ic-block p {
  color: #5B697F;
}
.about-ic-block .intro-text p {
  font-size: 17px;
  line-height: 30px;
}
/*---*
about explainer 2 column
*----*/
.explainer-2-column .col-wrapper {
  background-color: #EDEDED;
}
/*---*
cta about ic
*----*/
/*---*
partners-thumbnail-grid
*----*/
.partners-thumbnail-grid {
  background-color: #f6f9fc;
}
.partners-thumbnail-grid .wrapper {
  background-color: #fff;
  border: 1px solid #D2D8E1;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(92, 97, 107, 0.15);
  -moz-box-shadow: 0px 5px 10px 0px rgba(92, 97, 107, 0.15);
  box-shadow: 0px 5px 10px 0px rgba(92, 97, 107, 0.15);
}
.partners-thumbnail-grid header h2 {
  font-size: 42px;
  line-height: 55px;
}
/*---*
bg image card grid
*----*/
.bg-image-card-grid {
  background-color: #F8F8F8;
}
.bg-image-card-grid .bg-image {
  position: relative;
}
.bg-image-card-grid .text {
  position: absolute;
  top: 0;
  left: 15px;
  right: 15px;
  bottom: 0;
}
.bg-image-card-grid .text h3 {
  font-size: 16px;
}
.bg-image-card-grid .text p {
  font-size: 14px;
}
/*---*
about-highlights-grid
*----*/
.about-highlights-grid {
  background-color: #fff;
  border-top: 1px solid #DEE2E8;
  border-bottom: 1px solid #DEE2E8;
}
.about-highlights-grid .block-item {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.about-highlights-grid .block-item:hover {
  transform: translate(0px, -7px);
  box-shadow: 0px 15px 15px 0px rgba(92, 97, 107, 0.2);
}
/*----------------------------*
   III	3.0 The Constitution
*-----------------------------*/
/*---*
ic landing hero
*----*/
.ic-landing-hero {
  overflow: hidden;
  position: relative;
  z-index: 150;
}
.ic-landing-hero .container {
  position: relative;
  z-index: 100;
}
@media (min-width: 992px) {
  .ic-landing-hero:after {
    content: '';
    width: 513px;
    height: 471px;
    position: absolute;
    right: -115px;
    bottom: -104px;
    z-index: 10;
    opacity: 0.05;
    background: url('/interative-constitution-2019/assets/img/illustrations/IC-eagle.svg');
    background-size: cover;
  }
  .ic-landing-hero.ic-whitepaper-landing:after {
    display: none;
  }
}
/*---*
ic menu header
*----*/
.ic-menu-header {
  position: relative;
  z-index: 200;
  margin-top: -23px;
}
/*---*
ic menu block
*----*/
.ic-menu-block {
  position: relative;
  overflow: hidden;
  z-index: 150;
  margin-top: -23px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebf1f8+0,f6f9fc+19 */
  background: #ebf1f8;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ebf1f8 0%, #f6f9fc 19%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ebf1f8 0%, #f6f9fc 19%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ebf1f8 0%, #f6f9fc 19%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebf1f8', endColorstr='#f6f9fc', GradientType=0);
  /* IE6-9 */
}
.ic-menu-block .container {
  position: relative;
  z-index: 100;
}
.ic-menu-block.ic-whitepaper-landing:before {
  display: none;
}
.ic-menu-block.ic-whitepaper-landing .block-item:after {
  display: none;
}
.ic-menu-block h4 {
  font-size: 16px;
  line-height: 20px;
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #5B697F;
  text-align: center;
}
.ic-menu-block h3 {
  font-size: 25px;
  line-height: 32px;
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #5B697F;
  margin: 0 0 30px;
  text-align: center;
}
.ic-menu-block h3 a {
  color: #5B697F;
}
.ic-menu-block ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ic-menu-block ul li {
  font-size: 14px;
  color: #616161;
  margin: 0 0 8px;
}
.ic-menu-block ul li a {
  color: #5B697F;
}
.ic-menu-block .byline {
  font-size: 13px;
  color: #616161;
  text-align: center;
}
.ic-menu-block .block-item {
  position: relative;
  min-height: 300px;
  padding: 60px 30px 80px;
  overflow: hidden;
  border-bottom: 1px solid #bcc0ce;
  /*&:hover {
			&:after {
				content: '';

				width: 258px;

				height: 256px;
				position: absolute;

				left: 50%;
				-webkit-transform: translate(-50%, 0%);
				-ms-transform: translate(-50%, 0%);
				transform: translate(-50%, 0%);

				bottom: -118px;
				z-index: 10;
				opacity: 0.3;
				background-color: #70afdc;

				-webkit-mask-image: url('@{base-url}/assets/img/icons-articles-amendments/ncc_amendment1.svg');
				mask-image: url('@{base-url}/assets/img/icons-articles-amendments/ncc_amendment1.svg');

				-webkit-mask-size: cover;
 background-size: cover;
			}
		}*/
}
.ic-menu-block .block-item .icon {
  position: absolute;
  z-index: 200;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 20px;
  cursor: pointer;
  width: 52px;
  height: 52px;
  /*border-radius: 50%;
			-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
			-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
			box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);*/
}
.ic-menu-block .block-item .icon .icon-bg {
  color: #fff;
}
.ic-menu-block .block-item .icon .icon-collapse {
  display: none;
}
.ic-menu-block .block-item .icon.toggle-view .icon-collapse {
  display: block;
}
.ic-menu-block .block-item .icon.toggle-view .icon-expand {
  display: none;
}
.ic-menu-block .block-item .icon.toggle-view .icon-bg {
  color: #000;
}
.ic-menu-block .block-item:after {
  transition: all .5s;
  content: '';
  width: 258px;
  height: 256px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
  opacity: 0.3;
  background-color: #5B697F;
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment1.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment1.svg');
  -webkit-mask-size: cover;
  background-size: cover;
  mask-size: cover;
}
.ic-menu-block .block-item.preamble:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_preamble.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_preamble.svg');
}
.ic-menu-block .block-item.article-i:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_article1.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_article1.svg');
}
.ic-menu-block .block-item.article-ii:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_article2.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_article2.svg');
}
.ic-menu-block .block-item.article-iii:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_article3.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_article3.svg');
}
.ic-menu-block .block-item.article-iv:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_article4.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_article4.svg');
}
.ic-menu-block .block-item.article-v:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_article5.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_article5.svg');
}
.ic-menu-block .block-item.article-v:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_article5.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_article5.svg');
}
.ic-menu-block .block-item.article-vi:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_article6.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_article6.svg');
}
.ic-menu-block .block-item.article-vii:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_article7.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_article7.svg');
}
.ic-menu-block .block-item.amendment-i:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment1.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment1.svg');
}
.ic-menu-block .block-item.amendment-ii:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment2.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment2.svg');
}
.ic-menu-block .block-item.amendment-iii:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment3.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment3.svg');
}
.ic-menu-block .block-item.amendment-iv:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment4.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment4.svg');
}
.ic-menu-block .block-item.amendment-v:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment5.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment5.svg');
}
.ic-menu-block .block-item.amendment-vi:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment6.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment6.svg');
}
.ic-menu-block .block-item.amendment-vii:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment7.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment7.svg');
}
.ic-menu-block .block-item.amendment-viii:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment8.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment8.svg');
}
.ic-menu-block .block-item.amendment-ix:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment9.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment9.svg');
}
.ic-menu-block .block-item.amendment-x:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment10.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment10.svg');
}
.ic-menu-block .block-item.amendment-xi:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment11.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment11.svg');
}
.ic-menu-block .block-item.amendment-xii:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment12.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment12.svg');
}
.ic-menu-block .block-item.amendment-xiii:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment13.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment13.svg');
}
.ic-menu-block .block-item.amendment-xiv:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment14.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment14.svg');
}
.ic-menu-block .block-item.amendment-xv:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment15.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment15.svg');
}
.ic-menu-block .block-item.amendment-xvi:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment16.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment16.svg');
}
.ic-menu-block .block-item.amendment-xvii:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment17.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment17.svg');
}
.ic-menu-block .block-item.amendment-xviii:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment18.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment18.svg');
}
.ic-menu-block .block-item.amendment-xix:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment19.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment19.svg');
}
.ic-menu-block .block-item.amendment-xx:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment20.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment20.svg');
}
.ic-menu-block .block-item.amendment-xxi:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment21.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment21.svg');
}
.ic-menu-block .block-item.amendment-xxii:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment22.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment22.svg');
}
.ic-menu-block .block-item.amendment-xxiii:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment23.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment23.svg');
}
.ic-menu-block .block-item.amendment-xxiv:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment24.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment24.svg');
}
.ic-menu-block .block-item.amendment-xxv:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment25.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment25.svg');
}
.ic-menu-block .block-item.amendment-xxvi:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment26.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment26.svg');
}
.ic-menu-block .block-item.amendment-xxvii:after {
  -webkit-mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment27.svg');
  mask-image: url('/interative-constitution-2019/assets/img/icons-articles-amendments/ncc_amendment27.svg');
}
.ic-menu-block .block-item:not(.expanded):hover:after {
  bottom: -118px;
}
.ic-menu-block .block-item.expanded {
  background-color: #fff;
}
.ic-menu-block .block-item.expanded h4 {
  color: #70afdc;
}
.ic-menu-block .block-item.expanded:after {
  bottom: -118px;
  /*content: '';
				width: 258px;
				height: 256px;
				position: absolute;
				left: 50%;
			    -webkit-transform: translateX(-50%); 
			    -ms-transform: translateX(-50%); 
			    transform: translateX(-50%);
			    bottom: -118px;
			    z-index: 10;
			    opacity: 0.3;
			    background-color: @cl-light-blue;
			    -webkit-mask-image: url('@{base-url}/assets/img/icons-articles-amendments/ncc_amendment1.svg');
    			mask-image: url('@{base-url}/assets/img/icons-articles-amendments/ncc_amendment1.svg');
			    -webkit-mask-size: cover;
			    background-size: cover;
			    mask-size: cover;*/
}
.ic-menu-block .block-item .collapse {
  position: relative;
  z-index: 150;
}
@media (min-width: 992px) {
  .ic-menu-block .menu-row {
    border-bottom: 1px solid #bcc0ce;
  }
  .ic-menu-block .menu-row:last-child {
    border-bottom: 0;
  }
  .ic-menu-block .block-item {
    border-bottom: 0;
  }
  .ic-menu-block .block-item:after {
    bottom: -256px;
  }
  .ic-menu-block:before {
    content: '';
    width: 513px;
    height: 471px;
    position: absolute;
    right: -115px;
    top: -367px;
    z-index: 10;
    opacity: 0.05;
    background: url('/interative-constitution-2019/assets/img/illustrations/IC-eagle.svg');
    background-size: cover;
  }
}
/*---*
ic article-amendment wrapper
*----*/
.ic-article-amendment-wrapper {
  position: relative;
}
.ic-nav-block {
  transition: all 0.3s;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-width: 100%;
  margin-left: -100%;
  z-index: 1079;
}
.ic-nav-block.active {
  margin-left: 0;
  border-top: 1px solid #DEE2E8;
}
#article-amendment-nav-toggle {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 2000;
}
#ic-nav-toggle,
#ic-nav-toggle-ext {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 100;
  display: block;
  width: 100%;
  text-align: left;
  padding-left: 45px;
  position: relative;
  z-index: 1000;
}
#ic-nav-toggle i,
#ic-nav-toggle-ext i {
  position: absolute;
  top: 14px;
  left: 8px;
  font-size: 20px;
}
#ic-nav-toggle-ext {
  width: auto;
}
.ic-nav-toggle:active,
.ic-nav-toggle:focus {
  outline: none;
  box-shadow: none;
}
.ic-nav-toggle-block,
.ic-article-amendment-nav {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
}
@media (min-width: 992px) {
  .ic-nav-block {
    position: relative;
    left: auto;
    top: auto;
    width: 25vw;
    min-width: 25vw;
    z-index: 100;
    margin-left: -25vw;
    /*position: -webkit-sticky;
		position: sticky;
		top: 0px;*/
  }
  .ic-nav-block.active {
    margin-left: 0;
    border-right: 1px solid #DEE2E8;
    border-top: 1px solid #DEE2E8;
  }
  #ic-nav-toggle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    display: inline-block;
    width: auto;
  }
  .ic-nav-block-wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
  }
}
/*---*
ic article-amendment hero
*----*/
.ic-article-amendment-hero {
  position: relative;
  background-color: #f6f9fc;
  border-top: 1px solid #DEE2E8;
  text-align: center;
}
.ic-article-amendment-hero h1 {
  font-size: 42px;
  line-height: 55px;
}
.ic-article-amendment-hero h1 small {
  font-size: 12px;
  text-transform: uppercase;
}
.ic-article-amendment-hero h1.full-text-header {
  font-size: 48px;
}
.ic-article-amendment-hero p {
  font-size: 16px;
  line-height: 28px;
  color: #5B697F;
}
.ic-article-amendment-hero p:last-child {
  margin: 0;
}
.ic-article-amendment-hero header.ribbon:before {
  display: none;
}
.ic-article-amendment-hero header.ribbon span {
  padding: 8px 40px 7px 40px;
}
.ic-article-amendment-hero figure {
  max-width: 150px;
}
.ic-article-amendment-hero figure img {
  fill: #70afdc;
}
/*---*
ic article-amendment body
*----*/
.ic-article-amendment-body {
  position: relative;
}
.ic-article-amendment-body .block-item {
  margin: 0 0 40px;
}
.ic-article-amendment-body .block-item:last-child {
  margin: 0;
}
.ic-article-amendment-body .block-item h2 {
  font-size: 25px;
  line-height: 32px;
}
.ic-article-amendment-body .block-item h2.section-header {
  font-size: 40px;
}
.ic-article-amendment-body .block-item .text-toggle {
  color: #000;
  text-decoration: underline;
  font-weight: 700;
  display: none;
}
.ic-article-amendment-body .block-item .text-toggle:hover {
  color: #dc3545;
}
.ic-article-amendment-body .block-item .text {
  overflow: hidden;
  position: relative;
}
.ic-article-amendment-body .block-item .text.expanded {
  max-height: initial;
}
.ic-article-amendment-body .block-item .text p {
  font-size: 17px;
  line-height: 30px;
  color: #5B697F;
}
.ic-article-amendment-body .block-item .text .sub-section-header {
  font-size: 24px;
}
.ic-article-amendment-body .block-item footer {
  background-color: #f6f9fc;
  position: relative;
}
.ic-article-amendment-body .block-item footer:before {
  content: '';
  width: 100%;
  height: 5px;
  border-top: 1px solid #d8dde5;
  border-bottom: 1px solid #d8dde5;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.ic-article-amendment-body .block-item footer p {
  font-size: 18px;
  line-height: 28px;
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #222d66;
}
.ic-article-amendment-body .block-item.expandible .text {
  max-height: 680px;
}
.ic-article-amendment-body .block-item.expandible .text:before {
  content: '';
  width: 100%;
  height: 300px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 200;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
}
.ic-article-amendment-body .block-item.expandible .text.expanded {
  max-height: initial;
}
.ic-article-amendment-body .block-item.expandible .text.expanded:before {
  display: none;
}
.ic-article-amendment-body .block-item.expandible .text-toggle {
  display: block;
}
.ic-article-amendment-body.full-text-body .text {
  margin-bottom: 15px;
}
.ic-article-amendment-body.full-text-body .text:last-of-type {
  margin-bottom: 0;
}
.ic-article-amendment-utility-desktop {
  /*position: -webkit-sticky;
	position: sticky;
	top: 35%;*/
}
.ic-article-amendment-utility-desktop img {
  margin: 0 0 15px;
}
.ic-article-amendment-utility-desktop .icon {
  margin: 0 0 15px;
  width: 62px;
  height: 82px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ic-article-amendment-utility-desktop .icon .icon-stroke {
  fill: #5B697F;
}
.ic-article-amendment-utility-desktop .icon .icon-fill {
  fill: #fff;
}
.ic-article-amendment-utility-desktop .icon:hover .icon-stroke {
  fill: #fff;
}
.ic-article-amendment-utility-desktop .icon:hover .icon-fill {
  fill: #222d66;
}
@media (min-width: 768px) {
  .ic-article-amendment-utility-desktop {
    position: -webkit-sticky;
    position: sticky;
    top: 35%;
  }
}
/*
@media (min-width: 768px) {
	.ic-article-amendment-body {
		padding: 130px 0 !important;
	}
}
*/
/*---*
ic article-amendment nav
*----*/
.ic-article-amendment-nav li {
  position: relative;
}
.ic-article-amendment-nav li.level-1 {
  font-size: 20px;
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.ic-article-amendment-nav li.level-1 > a {
  color: #5B697F;
  background-color: #ffffff;
  padding-left: 45px;
}
.ic-article-amendment-nav li.level-1 > a.active {
  background-color: #f6f9fc;
  color: #5B697F;
}
.ic-article-amendment-nav li.level-1 > a:hover {
  color: #222d66;
}
.ic-article-amendment-nav li.level-2 {
  font-size: 14px;
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.ic-article-amendment-nav li.level-2 > a {
  background-color: #f6f9fc;
  color: #5B697F;
  padding-left: 45px;
}
.ic-article-amendment-nav li.level-2 > a:hover {
  background-color: #222d66;
  color: #fff;
}
.ic-article-amendment-nav li.level-2.active {
  border-top: 1px solid #222d66;
  border-bottom: 1px solid #222d66;
}
.ic-article-amendment-nav li.level-2.active > a {
  background-color: #222d66;
  color: #fff;
}
.ic-article-amendment-nav li.level-2.active .nav-icon {
  color: #fff;
}
.ic-article-amendment-nav li.level-2 i {
  top: 8px;
}
.ic-article-amendment-nav li.level-3 {
  font-size: 13px;
}
.ic-article-amendment-nav li.level-3 > a {
  background-color: #fff;
  color: #5B697F;
  padding-left: 55px;
  /*&.active {
					background-color: #EDEDED;
					color: #000;
				}*/
}
.ic-article-amendment-nav li.level-3 > a:hover {
  color: #222d66;
  text-decoration: underline;
}
.ic-article-amendment-nav li i {
  position: absolute;
  top: 12px;
  left: 8px;
  font-size: 20px;
}
.ic-article-amendment-nav li .nav-icon {
  position: absolute;
  top: 8px;
  left: 8px;
  cursor: pointer;
  width: 25px;
  height: 20px;
}
.ic-article-amendment-nav li .nav-icon i {
  position: relative;
  top: auto;
  left: auto;
}
.ic-article-amendment-nav .ic-nav-toggle {
  color: #dc3545;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600 !important;
  padding-left: 45px;
  background-color: #f6f9fc;
  font-weight: normal;
}
.ic-article-amendment-nav .ic-nav-toggle i {
  position: absolute;
  top: 14px;
  left: 8px;
  font-size: 20px;
}
.ic-article-amendment-nav .ic-nav-toggle:hover {
  color: #222d66;
  background-color: #D3D9E4;
}
/*---*
ic clause nav
*----*/
.ic-clause-nav {
  background-color: #fff !important;
}
.ic-clause-nav li {
  font-size: 14px;
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.ic-clause-nav h3 {
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  color: #222d66;
}
/*---*
ic article-amendment feature block
*----*/
.ic-article-amendment-feature-block {
  background-color: #CDCDCD;
}
/*---*
ic article-amendment cta
*----*/
.cta-article-amendment .wrapper {
  background-color: #616161;
}
.cta-article-amendment .text {
  color: #fff;
}
.cta-article-amendment .text h3 {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
/*---*
ic article-amendment media grid
*----*/
.article-amendment-media-grid {
  background-color: #f6f9fc;
}
.article-amendment-media-grid .block-item {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.article-amendment-media-grid .block-item:hover {
  transform: translate(0px, -7px);
  box-shadow: 0px 15px 15px 0px rgba(92, 97, 107, 0.2);
}
/*---*
ic article-amendment card grid
*----*/
.article-amendment-card-grid .block-item {
  background-color: #9E9E9E;
}
.article-amendment-card-grid .text {
  color: #fff;
}
/*---*
ic article-amendment related grid
*----*/
.article-amendment-related-grid {
  background-color: #f6f9fc;
}
.article-amendment-related-grid .block-item {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.article-amendment-related-grid .block-item:hover {
  transform: translate(0px, -7px);
  box-shadow: 0px 15px 15px 0px rgba(92, 97, 107, 0.2);
}
/*---*
ic interpretation wrapper
*----*/
.ic-interpretation-wrapper {
  position: relative;
  border-top: 1px solid #b5bdc7;
}
.ic-interpretation-wrapper .sidebar {
  border-right: 1px solid #DEE2E8;
  position: relative;
  z-index: 600;
}
.ic-interpretation-wrapper .main {
  position: relative;
}
/*---*
ic interpretation tab controls
*----*/
.ic-interpretation-tab-controls {
  position: relative;
  z-index: 200;
  border-bottom: 1px solid #DEE2E8;
}
.ic-interpretation-tab-controls:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -30px;
  width: 100%;
  height: 30px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#222d66+0,ffffff+100&1+0,0+100 */
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#222d66+0,ffffff+100&0.1+0,0+100 */
  background: -moz-linear-gradient(top, rgba(34, 45, 102, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(34, 45, 102, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(34, 45, 102, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a222d66', endColorstr='#00ffffff', GradientType=0);
  /* IE6-9 */
}
.ic-interpretation-tab-controls h4 {
  font-size: 16px;
  line-height: 22px;
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  background-color: #D3D9E4;
  border-bottom: 2px solid #ebedf1;
  position: relative;
  margin: 0;
}
.ic-interpretation-tab-controls h4.active {
  background-color: #ca1f40;
  border-bottom: 2px solid #ca1f40;
  color: #fff;
}
.ic-interpretation-tab-controls .tab-common-interpretation {
  /*h4 {
			border-right: 1px solid #979797;
		}*/
}
.ic-interpretation-tab-controls nav a {
  color: #222d66;
  text-decoration: none;
  flex-basis: 0 !important;
  background-color: #f6f9fc;
  text-align: center;
  padding: 20px 46px;
  position: relative;
  border-right: 1px solid #b5bdc7;
}
.ic-interpretation-tab-controls nav a:hover {
  text-decoration: none;
}
.ic-interpretation-tab-controls nav a.active {
  background-color: #fff;
  color: #ca1f40;
}
.ic-interpretation-tab-controls nav a.active:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 6px 0 6px;
  border-color: #ca1f41 transparent transparent transparent;
}
.ic-interpretation-tab-controls nav a.active h3,
.ic-interpretation-tab-controls nav a.active p {
  color: #ca1f40;
}
.ic-interpretation-tab-controls nav a:not(.active):hover {
  background-color: #D3D9E4;
}
.ic-interpretation-tab-controls nav a:last-child {
  border-right: 0;
}
.ic-interpretation-tab-controls nav a.tab-link-debate-matters {
  /*&+a {
					&:before {
						content: '';
						position: absolute;
						left: 0;
						top: 18px;
						width: 1px;
						height: 73px;
						background: url('@{base-url}/assets/img/bdr-ic-interp-tab.png') 0 0 no-repeat;
					}
				}*/
}
.ic-interpretation-tab-controls nav h3 {
  font-size: 16px;
  line-height: 20px;
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.ic-interpretation-tab-controls nav h3:hover {
  text-decoration: underline;
}
.ic-interpretation-tab-controls nav p {
  font-size: 12px;
  line-height: 14px;
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  margin: 0;
  color: #5B697F;
}
/*---*
ic interpretation tab content
*----*/
.ic-interpretation-tab-content {
  position: relative;
  z-index: 150;
}
.ic-interpretation-tab-content .title-block {
  background-color: #f6f9fc;
}
.ic-interpretation-tab-content .title-block h1 {
  font-size: 42px;
  line-height: 55px;
  color: #222d66;
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  margin: 0 0 30px;
}
.ic-interpretation-tab-content .title-block h1 span {
  display: block;
}
.ic-interpretation-tab-content .title-block figure {
  max-width: 150px;
}
.ic-interpretation-tab-content .title-block .byline-list h5 {
  font-size: 16px;
  line-height: 24px;
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.ic-interpretation-tab-content .title-block .byline-list p {
  font-size: 13px;
  line-height: 18px;
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #5B697F;
}
.ic-interpretation-tab-content .title-block .byline-list .media img {
  max-width: 70px;
  border-radius: 50%;
  border: 1px solid #fff;
}
.ic-interpretation-tab-content .title-block .byline-list li {
  margin: 0 0 12px;
}
.ic-interpretation-tab-content .title-block .byline-list li:last-child {
  margin: 0;
}
.ic-interpretation-tab-content .title-block .byline-list .column + .column {
  margin-top: 15px;
}
.ic-interpretation-tab-content .title-block header:before {
  display: none;
}
.ic-interpretation-tab-content .title-block footer .dropdown-menu {
  /*right: auto;
			    left: 50%;
			    -webkit-transform: translate(-50%, 0);
			    -o-transform: translate(-50%, 0);
			    transform: translate(-50%, 0);*/
}
.ic-interpretation-tab-content .text-block {
  background-color: #fff;
  position: relative;
}
.ic-interpretation-tab-content .text-block p {
  font-size: 17px;
  line-height: 31px;
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #222d66;
  max-width: 700px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.ic-interpretation-tab-content .text-block .perspective {
  display: none;
}
@media (min-width: 992px) {
  .ic-interpretation-tab-content .title-block .byline-list .column + .column {
    margin-top: 0;
  }
}
/*---*
ic interpretation sidebar
*----*/
.ic-interpretation-sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
}
.ic-interpretation-sidebar nav {
  background-color: #f6f9fc;
}
.ic-interpretation-sidebar nav button {
  position: relative;
  padding-left: 45px;
}
.ic-interpretation-sidebar nav button i {
  position: absolute;
  top: 12px;
  left: 8px;
  font-size: 20px;
}
.ic-interpretation-sidebar nav button.text-toggle {
  color: #222d66;
}
.ic-interpretation-sidebar nav button.text-toggle:hover,
.ic-interpretation-sidebar nav button.text-toggle:focus,
.ic-interpretation-sidebar nav button.text-toggle:active {
  text-decoration: none;
}
.ic-interpretation-sidebar nav button.text-toggle i {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ic-interpretation-sidebar nav.ic-article-amendment-nav {
  background-color: #fff;
}
.ic-interpretation-sidebar nav.collapsed {
  border-bottom: 1px solid #DEE2E8;
}
.ic-interpretation-sidebar nav.collapsed:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -30px;
  width: 100%;
  height: 30px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#222d66+0,ffffff+100&1+0,0+100 */
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#222d66+0,ffffff+100&0.1+0,0+100 */
  background: -moz-linear-gradient(top, rgba(34, 45, 102, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(34, 45, 102, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(34, 45, 102, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a222d66', endColorstr='#00ffffff', GradientType=0);
  /* IE6-9 */
}
.ic-interpretation-sidebar nav.collapsed .text-toggle i {
  transform: rotate(180deg);
}
.ic-interpretation-sidebar header {
  background-color: #f6f9fc;
  display: none;
  padding-top: 20px !important;
}
.ic-interpretation-sidebar header h4 {
  font-size: 16px;
  line-height: 20px;
  color: #222d66;
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  position: relative;
}
.ic-interpretation-sidebar header h4:before {
  content: '';
  width: 100%;
  height: 5px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: -20px;
}
.ic-interpretation-sidebar header h2 {
  font-size: 20px;
  line-height: 26px;
  color: #222d66;
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.ic-interpretation-sidebar .body {
  display: none;
}
.ic-interpretation-sidebar .body h3 {
  font-size: 16px;
  line-height: 20px;
  color: #222d66;
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  background-color: #f6f9fc;
  border-bottom: 1px solid #222d66;
}
.ic-interpretation-sidebar .body .text {
  max-height: 520px;
  overflow-y: auto;
  background-color: #fff;
  color: #616161;
  position: relative;
  border-bottom: 1px solid #DEE2E8;
}
.ic-interpretation-sidebar .body .text:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 30px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#222d66+0,ffffff+100&0.3+0,0+100 */
  background: -moz-linear-gradient(top, rgba(34, 45, 102, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(34, 45, 102, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(34, 45, 102, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d222d66', endColorstr='#00ffffff', GradientType=0);
  /* IE6-9 */
}
.ic-interpretation-sidebar .body .text p {
  font-size: 15px;
  line-height: 26px;
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #222D66;
  opacity: 0.3;
}
.ic-interpretation-sidebar .body .text h4 {
  font-size: 16px;
  line-height: 26px;
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #222d66;
}
.ic-interpretation-sidebar .body .text .selected {
  color: #222d66;
  opacity: 1;
  position: relative;
}
.ic-interpretation-sidebar .body .text .selected:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
  width: 2px;
  background-color: #ca1f40;
}
.ic-interpretation-sidebar .body .text .selected p {
  color: #222d66;
  opacity: 1;
}
.ic-interpretation-sidebar footer {
  display: none;
}
.ic-interpretation-sidebar .interpretations-sidebar-text {
  position: relative;
  z-index: 100;
}
@media (min-width: 768px) {
  .ic-interpretation-sidebar .ic-nav-block {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -25vw;
    width: 25vw;
    z-index: 200;
  }
  .ic-interpretation-sidebar .ic-nav-block.active {
    left: 0;
  }
}
@media (min-width: 992px) {
  .ic-interpretation-sidebar header,
  .ic-interpretation-sidebar .body,
  .ic-interpretation-sidebar footer {
    display: block;
  }
}
/*---*
ic interpretation overlay
*----*/
.interpretations-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 300;
  background-color: rgba(34, 45, 102, 0.5);
  display: none;
}
.interpretations-overlay.active {
  display: block;
}
/*---*
ic interpretation nav mobile
*----*/
.ic-interpretation-nav-mobile {
  /*position: -webkit-sticky;
	position: sticky;
	top: 0px;*/
  background-color: #d3d9e4;
  z-index: 200;
}
.ic-interpretation-nav-mobile button {
  color: #fff;
}
.ic-interpretation-nav-mobile button.btn-original-text {
  text-decoration: underline;
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #222d66;
  font-size: 13px;
  line-height: 18px;
}
.ic-interpretation-nav-mobile button.btn-nav-mobile i {
  position: absolute;
  left: 4px;
  top: 8px;
}
.ic-interpretation-nav-mobile button:active,
.ic-interpretation-nav-mobile button:focus {
  color: #fff;
}
.ic-interpretation-nav-mobile button i {
  font-size: 20px;
}
/*---*
ic interpretation text mobile
*----*/
.ic-interpretation-text-mobile .text {
  border: 1px solid #000;
  background-color: #fff;
  color: #616161;
}
.ic-interpretation-text-mobile .text p {
  font-size: 12px;
}
.ic-interpretation-text-mobile .text h4 {
  font-size: 12px;
  font-weight: bold;
}
.ic-interpretation-text-mobile .text .selected {
  color: #000;
  position: relative;
}
.ic-interpretation-text-mobile .text .selected:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: -4px;
  width: 2px;
  background-color: #000;
}
/*---*
ic interpretation pager mobile
*----*/
.ic-interpretation-pager-mobile {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  background-color: #fff;
  border-top: 2px solid #D2D8E1;
  z-index: 500;
}
.ic-interpretation-pager-mobile button {
  color: #75859d;
}
.ic-interpretation-pager-mobile button:focus,
.ic-interpretation-pager-mobile button:active {
  color: #75859d;
}
.ic-interpretation-pager-mobile button.disabled {
  opacity: .40;
}
.ic-interpretation-pager-mobile h4 {
  font-size: 15px;
  line-height: 24px;
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #fff;
  background-color: #ca1f40;
  width: 100%;
  text-align: center;
  margin: 0;
}
.ic-interpretation-pager-mobile .pager-footer li {
  width: 25px;
  height: 4px;
  background-color: #75859d;
}
.ic-interpretation-pager-mobile .pager-footer li.active {
  background-color: #ca1f40;
}
/*---*
ic whitepaper details
*----*/
.ic-whitepaper-details {
  position: relative;
  z-index: 200;
}
.ic-whitepaper-details article p {
  font-size: 17px;
  line-height: 30px;
  color: #5B697F;
}
.ic-whitepaper-details .sidebar .list-related {
  background-color: #D3D9E4;
  position: relative;
  z-index: 100;
  margin-top: -22px;
  margin-bottom: 0;
  padding: 0 24px;
}
.ic-whitepaper-details .sidebar .list-related li {
  border-bottom: 1px solid #adb8c8;
  padding: 35px 0 40px;
}
.ic-whitepaper-details .sidebar .list-related li:first-child {
  padding-top: 60px;
}
.ic-whitepaper-details .sidebar .list-related li:last-child {
  border-bottom: 0;
}
.ic-whitepaper-details .sidebar .list-related h3 {
  font-size: 20px;
  line-height: 26px;
}
.ic-whitepaper-details .sidebar .list-related h3 a {
  color: #222d66;
}
.ic-whitepaper-details .sidebar .list-related .byline {
  font-size: 13px;
  line-height: 18px;
  color: #5B697F;
}
.ic-whitepaper-details .sidebar-block {
  margin-bottom: 10px;
}
.ic-whitepaper-details .sidebar-block header {
  overflow: visible;
  position: relative;
  z-index: 200;
  padding-left: 24px;
  padding-right: 24px;
}
.ic-whitepaper-details .sidebar-block header:before {
  display: none;
}
.ic-whitepaper-details .sidebar-block header h2 {
  margin: 0 20px;
}
@media (min-width: 992px) {
  .ic-whitepaper-details .sidebar-block {
    margin-top: -272px;
  }
  .ic-whitepaper-details .sidebar .list-related {
    margin-top: -38px;
  }
}
/*----------------------------*
   IV	4.0 Text Over Time
*-----------------------------*/
/*----------------------------*
   V	5.0 Media Library
*-----------------------------*/
/*---*
media library filter
*----*/
.media-library-filter button.toggle-view {
  color: #222d66;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #DEE2E8;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
}
.media-library-filter button.toggle-view.active {
  background-color: #222d66;
  color: white;
  border-color: #222d66;
  transform: scale(1.2);
}
.media-library-filter button.toggle-view.active:hover {
  text-decoration: none;
  background-color: #222d66;
  border-color: #222d66;
}
.media-library-filter button.toggle-view:hover {
  text-decoration: none;
  background-color: #dee2e8;
  border-color: #dee2e8;
}
.media-library-filter button.btn-search:hover {
  background-color: #000;
  box-shadow: inset 0 0 0 0.15rem #000;
  border-color: #000;
}
.media-library-filter .form-check-label {
  font-size: 11px;
  font-weight: 500;
}
.media-library-filter .nav-tabs {
  margin-top: 15px;
}
.media-library-filter .nav-tabs button:first-child {
  margin-right: 15px;
}
.media-library-filter .filter-section-btn {
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  position: relative;
  font-size: 16px;
  line-height: 20px;
  color: #222d66;
  background-color: #DEE2E8;
  padding-left: 45px;
  text-align: left;
}
.media-library-filter .filter-section-btn i {
  font-size: 20px;
  position: absolute;
  top: 12px;
  left: 8px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.media-library-filter .filter-section-btn:hover,
.media-library-filter .filter-section-btn:active,
.media-library-filter .filter-section-btn:focus {
  text-decoration: none;
}
.media-library-filter .section-menu .column:first-child {
  margin-bottom: 15px;
}
.media-library-filter .section-menu button {
  padding-left: 42px;
}
.media-library-filter .section-menu button.bs-placeholder {
  color: #222d66 !important;
}
.media-library-filter .section-menu button:after {
  display: none;
}
.media-library-filter .section-menu button:before {
  display: inline-block;
  margin-right: .255em;
  vertical-align: .255em;
  content: "";
  border-top: 0;
  border-right: .3em solid transparent;
  border-bottom: .3em solid;
  border-left: .3em solid transparent;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  left: 16px;
}
.media-library-filter .section-menu button[aria-expanded=true] {
  color: #fff !important;
  background-color: #222d66;
}
.media-library-filter .section-menu button[aria-expanded=true]:before {
  border-top: .3em solid;
  border-bottom: 0;
}
.media-library-filter .section-menu .dropdown-menu {
  margin: 0;
  border-radius: 0;
  font-size: 16px;
}
.media-library-filter .section-menu .dropdown-menu .dropdown-item {
  padding: 6px 12px 6px 42px;
  color: #5B697F;
}
.media-library-filter .section-menu .dropdown-menu .dropdown-item .text {
  border-bottom: 1px solid transparent;
}
.media-library-filter .section-menu .dropdown-menu .dropdown-item:hover {
  color: #222d66;
  background-color: #fff;
}
.media-library-filter .section-menu .dropdown-menu .dropdown-item:hover .text {
  border-bottom: 1px solid #222d66;
}
.media-library-filter .section-menu .dropdown-menu .dropdown-item.active,
.media-library-filter .section-menu .dropdown-menu .dropdown-item:active {
  color: #5B697F;
  text-decoration: none;
  background-color: #d3d9e4;
}
.media-library-filter .section-menu .dropdown-menu .dropdown-item:focus {
  outline: none;
}
.media-library-filter .type-block {
  border: 1px solid #D1D7E0;
}
.media-library-filter .type-block label {
  font-size: 16px;
  color: #A4B0C2;
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.media-library-filter .type-block label.filter-label {
  color: #222d66;
}
.media-library-filter .type-block label.selected {
  color: #222d66;
}
.media-library-filter input[type=text]:focus {
  color: #222d66;
  background-color: #f6f9fc;
  border-color: #222d66;
  outline: 0;
  box-shadow: none;
}
@media (min-width: 768px) {
  .media-library-filter .nav-tabs {
    margin-top: 0;
  }
  .media-library-filter .nav-tabs button:first-child {
    margin-left: 15px;
  }
  .media-library-filter .filter-section-btn {
    width: 323px;
  }
  .media-library-filter .section-menu button {
    width: 320px;
  }
  .media-library-filter .section-menu .column:first-child {
    margin-bottom: 0;
  }
}
/*---*
media library filter results
*----*/
.media-library-filter-results {
  border-top: 1px solid #DEE2E8;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebf1f8+0,f6f9fc+19 */
  background: #ebf1f8;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ebf1f8 0%, #f6f9fc 19%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ebf1f8 0%, #f6f9fc 19%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ebf1f8 0%, #f6f9fc 19%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebf1f8', endColorstr='#f6f9fc', GradientType=0);
  /* IE6-9 */
}
.media-library-filter-results .media-grid .block-item {
  margin-bottom: 15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.media-library-filter-results .media-grid .block-item:hover {
  transform: translate(0px, -7px);
  box-shadow: 0px 15px 15px 0px rgba(92, 97, 107, 0.2);
}
.media-library-filter-results .slick-list {
  padding-top: 1rem;
}
.media-library-filter-results .slick-track {
  margin-left: 0;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .media-library-filter-results .slick-track .column {
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .media-library-filter-results .slick-track .column {
    max-width: 100%;
  }
}
/*---*
media library grid
*----*/
/*---*
media library list
*----*/
/*---*
media library details
*----*/
.media-library-details {
  position: relative;
  z-index: 200;
}
.media-library-details header h1 {
  font-size: 40px;
}
.media-library-details header p {
  font-size: 22px;
}
.media-library-details header .meta {
  list-style: none;
  margin: 0;
  padding: 0;
}
.media-library-details header .meta li {
  display: inline-block;
  padding: 0 0 0 12px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
}
.media-library-details header .meta li:before {
  content: '\2022';
  position: absolute;
  top: 0;
  left: 2px;
}
.media-library-details header .meta li:first-child {
  padding: 0;
}
.media-library-details header .meta li:first-child:before {
  content: '';
  display: none;
}
.media-library-details article {
  margin-bottom: 15px;
}
.media-library-details article h2 {
  font-size: 25px;
  line-height: 30px;
}
.media-library-details article p {
  font-size: 17px;
  line-height: 30px;
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #5B697F;
}
.media-library-details .video-block {
  margin: 0 0 60px;
}
.media-library-details .video-block header h5 {
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  line-height: 26px;
  color: #222d66;
}
.media-library-details .video-block header h5 span {
  color: #ca1f40;
}
.media-library-details .video-block .caption {
  margin: 15px 0 0;
}
.media-library-details .video-block .caption h4 {
  font-size: 15px;
  line-height: 24px;
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.media-library-details .video-block .caption p {
  font-size: 13px;
  line-height: 18px;
  margin: 0;
  color: #989CA6;
}
.media-library-details .video-block .caption .counter {
  border-radius: 5px;
  background-color: #5B697F;
  color: #fff;
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 20px;
}
.media-library-details .video-block .caption .view-transcript {
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 28px;
  color: #5C616B;
  text-decoration: underline;
}
.media-library-details .video-block .caption .view-transcript:hover {
  text-decoration: none;
}
.media-library-details .credits-block {
  position: relative;
  padding: 44px 0;
}
.media-library-details .credits-block:before {
  content: '';
  height: 5px;
  width: 100%;
  border-top: 1px solid #d8dde5;
  border-bottom: 1px solid #d8dde5;
  position: absolute;
  top: 0;
  left: 0;
}
.media-library-details .credits-block:after {
  content: '';
  height: 5px;
  width: 100%;
  border-top: 1px solid #d8dde5;
  border-bottom: 1px solid #d8dde5;
  position: absolute;
  bottom: 0;
  left: 0;
}
.media-library-details .credits-block ul {
  margin-bottom: 0;
  padding-left: 22px;
}
.media-library-details .credits-block li {
  font-size: 13px;
  line-height: 22px;
  color: #5B697F;
}
.media-library-details .transcript-block .text {
  max-height: 680px;
  position: relative;
  overflow: hidden;
}
.media-library-details .transcript-block .text:before {
  content: '';
  width: 100%;
  height: 300px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 200;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
}
.media-library-details .transcript-block .text.expanded {
  max-height: initial;
}
.media-library-details .transcript-block .text.expanded:before {
  display: none;
}
.media-library-details .transcript-block footer {
  background-color: #f6f9fc;
  position: relative;
}
.media-library-details .transcript-block footer:before {
  content: '';
  width: 100%;
  height: 5px;
  border-top: 1px solid #d8dde5;
  border-bottom: 1px solid #d8dde5;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.media-library-details .transcript-block footer button {
  color: #222d66;
}
.media-library-details .transcript-block footer button:hover,
.media-library-details .transcript-block footer button:focus,
.media-library-details .transcript-block footer button:active {
  text-decoration: none;
}
.media-library-details .transcript-block footer p {
  font-size: 18px;
  line-height: 28px;
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #222d66;
}
.media-library-details .sidebar .item-header {
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  line-height: 26px;
  color: #222d66;
}
.media-library-details .sidebar .related-text-block {
  background-color: #e4e8ee;
}
.media-library-details .sidebar .related-text-block h5 {
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 15px;
  line-height: 24px;
  color: #222d66;
}
.media-library-details .sidebar .subscribe-block {
  position: relative;
  padding: 44px 0;
}
.media-library-details .sidebar .subscribe-block:before {
  content: '';
  height: 5px;
  width: 100%;
  border-top: 1px solid #d8dde5;
  border-bottom: 1px solid #d8dde5;
  position: absolute;
  top: 0;
  left: 0;
}
.media-library-details .sidebar .subscribe-block:after {
  content: '';
  height: 5px;
  width: 100%;
  border-top: 1px solid #d8dde5;
  border-bottom: 1px solid #d8dde5;
  position: absolute;
  bottom: 0;
  left: 0;
}
.media-library-details .sidebar .subscribe-block p {
  font-size: 14px;
  line-height: 22px;
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #5B697F;
}
.media-library-details .social li a {
  color: #222d66;
}
.media-library-details .social li a:hover {
  color: #ca1f40;
}
.media-library-details .related-text ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.media-library-details .related-text ul li {
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 22px;
  margin: 0 0 12px;
  position: relative;
  padding: 0 0 0 22px;
}
.media-library-details .related-text ul li:last-child {
  margin: 0;
}
.media-library-details .related-text ul li:before {
  content: '\2192';
  position: absolute;
  top: 0;
  left: 0;
}
.media-library-details .related-text ul li a {
  color: #222d66;
}
@media (min-width: 992px) {
  .media-library-details article {
    margin-bottom: 0;
  }
  .media-library-details .sidebar .media-grid .block-item {
    min-height: 350px;
  }
}
@media (max-width: 991px) {
  .media-library-details .sidebar-block {
    margin-top: 0 !important;
  }
}
/*---*
media library details hero
*----*/
.media-library-details-hero {
  border-bottom: 1px solid #DEE2E8;
}
.media-library-details-hero .meta {
  margin: 0 0 0 10px;
}
.media-library-details-hero .meta .media-library-icon img {
  max-width: 40px;
}
.media-library-details-hero .meta ul {
  margin: 2px 0 0 15px;
}
.media-library-details-hero .meta ul li {
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #222d66;
  margin: 0 0 0 15px;
  position: relative;
  font-size: 20px;
  line-height: 26px;
}
.media-library-details-hero .meta ul li:first-child {
  margin: 0;
}
.media-library-details-hero .meta ul li + li:before {
  content: '\2022';
  position: absolute;
  top: 0;
  left: -13px;
}
.media-library-details-hero:after {
  display: none;
}
.media-library-details-hero h1 {
  margin: 0;
}
/*----------------------------*
   VI 	6.0 In the Classroom
*-----------------------------*/
/*---*
classroom hero
*----*/
.classroom-hero h1 {
  font-size: 48px;
}
.classroom-hero h5 {
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  line-height: 26px;
  margin: 0;
  color: #222d66;
}
.classroom-hero p {
  font-size: 16px;
  line-height: 28px;
  color: #5B697F;
}
.classroom-hero .breadcrumb {
  padding-top: 15px;
}
.classroom-hero .image img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.classroom-hero .image .icon {
  fill: #071b36;
  width: 350px;
  height: 350px;
}
.classroom-hero .image .icon.icon-dark-teal {
  fill: #0d938c;
}
.classroom-hero .image .icon.icon-orange {
  fill: #f37021;
}
.classroom-hero .meta {
  margin: 0;
}
.classroom-hero .meta .media-library-icon img {
  max-width: 40px;
}
.classroom-hero .meta ul {
  margin: 0;
}
.classroom-hero .meta ul li {
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #222d66;
  margin: 0 0 0 15px;
  position: relative;
  font-size: 20px;
  line-height: 26px;
}
.classroom-hero .meta ul li:first-child {
  margin: 0;
}
.classroom-hero .meta ul li + li:before {
  content: '\2022';
  position: absolute;
  top: 0;
  left: -15px;
}
.classroom-hero.study-plan-hero h1 {
  color: #fff;
}
.classroom-hero.study-plan-hero .meta li {
  color: #fff;
}
.classroom-hero.study-plan-hero p {
  color: #fff;
}
.classroom-hero.study-plan-hero .breadcrumb a {
  color: #fff;
}
.classroom-hero.study-plan-hero .breadcrumb .breadcrumb-item.active {
  color: #fff;
}
.classroom-hero.study-plan-hero .breadcrumb .breadcrumb-item:before {
  color: #fff;
}
.classroom-hero.sph-dark-teal {
  background-color: #0d938c;
}
@media (min-width: 992px) {
  .classroom-hero .image {
    overflow: hidden;
  }
  .classroom-hero .image.col-lg-2 {
    min-height: 200px;
  }
  .classroom-hero .image.col-lg-3 {
    min-height: 260px;
  }
  .classroom-hero .image .icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
  }
}
@media (max-width: 767px) {
  .classroom-hero .image .img-fluid {
    max-width: 80%;
    display: block;
  }
}
/*---*
classroom register CTA
*----*/
.cta-classroom-register .column {
  background-color: #9C9C9C;
}
.cta-classroom-register .column .text {
  color: #fff;
}
.cta-classroom-register .column .text p {
  font-size: 18px;
}
/*---*
classroom landing explainer
*----*/
.classroom-landing-explainer {
  border-top: 1px solid #DEE2E8;
  background-color: #e5f8fb;
}
@media (max-width: 767px) {
  .classroom-landing-explainer .image .img-fluid {
    max-width: 80%;
    display: block;
    margin: 0 auto;
  }
}
/*---*
classroom landing feature block
*----*/
.classroom-landing-feature-block {
  background-color: #0d938c;
  margin-top: 82px;
  margin-bottom: -70px;
  position: relative;
  z-index: 100;
}
.classroom-landing-feature-block header {
  position: absolute;
  left: 0;
  right: 0;
  top: -25px;
}
.classroom-landing-feature-block header.ribbon:before {
  display: none;
}
.classroom-landing-feature-block .image img {
  max-width: 270px;
}
.classroom-landing-feature-block .text .meta {
  color: #fff;
}
.classroom-landing-feature-block .text .meta li {
  margin-right: 30px;
}
.classroom-landing-feature-block .text .meta li + li {
  position: relative;
}
.classroom-landing-feature-block .text .meta li + li:before {
  content: '\2022';
  position: absolute;
  left: -23px;
  color: #fff;
  top: 0;
}
.classroom-landing-feature-block .text h2 {
  color: #fff;
  font-size: 34px;
  line-height: 1.25;
}
.classroom-landing-feature-block .text p {
  color: #fff;
}
/*---*
learning materials grid
*----*/
.learning-materials-grid .block-item {
  position: relative;
  min-height: 300px;
  overflow: hidden;
  border: 1px solid #D2D8E1;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(92, 97, 107, 0.15);
  -moz-box-shadow: 0px 5px 10px 0px rgba(92, 97, 107, 0.15);
  box-shadow: 0px 5px 10px 0px rgba(92, 97, 107, 0.15);
  margin-bottom: 15px;
  cursor: pointer;
}
.learning-materials-grid .block-item header {
  padding: 20px;
}
.learning-materials-grid .block-item header h5 {
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  margin: 0;
}
.learning-materials-grid .block-item .text {
  padding: 20px;
}
.learning-materials-grid .block-item .text h3 {
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 25px;
  line-height: 30px;
  color: #222d66;
}
.learning-materials-grid .block-item .text h3 a {
  color: #222d66;
}
.learning-materials-grid .block-item .text p {
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 17px;
  line-height: 24px;
  color: #5B697F;
}
.learning-materials-grid .block-item .image {
  width: 225px;
  position: absolute;
  right: -45px;
  bottom: -105px;
}
.learning-materials-grid .block-item .image img,
.learning-materials-grid .block-item .image .icon {
  opacity: 0.5;
}
.learning-materials-grid .block-item .image .icon {
  width: 350px;
  height: 350px;
}
.learning-materials-grid .block-item.lm-light-blue header {
  background-color: #70afdc;
}
.learning-materials-grid .block-item.lm-light-blue .image .icon {
  fill: #70afdc;
}
.learning-materials-grid .block-item.lm-dark-teal header {
  background-color: #0d938c;
}
.learning-materials-grid .block-item.lm-dark-teal .image .icon {
  fill: #0d938c;
}
.learning-materials-grid .block-item.lm-dark-purple header {
  background-color: #3c4b98;
}
.learning-materials-grid .block-item.lm-dark-purple .image .icon {
  fill: #3c4b98;
}
.learning-materials-grid .block-item.lm-light-purple header {
  background-color: #7353ae;
}
.learning-materials-grid .block-item.lm-light-purple .image .icon {
  fill: #7353ae;
}
.learning-materials-grid .block-item.lm-orange header {
  background-color: #f37021;
}
.learning-materials-grid .block-item.lm-orange .image .icon {
  fill: #f37021;
}
.learning-materials-grid .grid-footer {
  margin: 30px 0 70px;
}
.learning-materials-grid .column:last-child .block-item {
  margin-bottom: 0;
}
.classroom-landing-learning-materials {
  padding-top: 150px !important;
  padding-bottom: 30px !important;
}
.classroom-landing-learning-materials header.ribbon {
  margin: 0 0 32px;
}
.classroom-landing-learning-materials header.ribbon:before {
  border-top: 1px solid #222d66;
  border-bottom: 1px solid #222d66;
}
.classroom-landing-learning-materials .block-item {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.classroom-landing-learning-materials .block-item:hover {
  transform: translate(0px, -7px);
  box-shadow: 0px 15px 15px 0px rgba(92, 97, 107, 0.2);
}
@media (min-width: 768px) {
  .learning-materials-grid .block-item {
    margin-bottom: 0;
  }
}
/*---*
study plan block
*----*/
.study-plan-block header h2 {
  font-size: 34px;
  line-height: 42px;
}
.study-plan-block .block-item {
  cursor: pointer;
}
.study-plan-block .block-item .meta {
  color: #fff;
}
.study-plan-block .block-item .meta li {
  margin-right: 30px;
}
.study-plan-block .block-item .meta li + li {
  position: relative;
}
.study-plan-block .block-item .meta li + li:before {
  content: '\2022';
  position: absolute;
  left: -23px;
  color: #fff;
  top: 0;
}
.study-plan-block .block-item h3 {
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 34px;
  line-height: 42px;
  color: #fff;
}
.study-plan-block .block-item p {
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 28px;
  color: #fff;
  margin: 0;
}
.study-plan-block .block-item .length {
  position: relative;
}
.study-plan-block .block-item .length h4 {
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 15px;
  line-height: 24px;
  margin: 0;
  color: #fff;
  position: relative;
  z-index: 20;
}
.study-plan-block .block-item .length img {
  position: relative;
  z-index: 20;
}
.study-plan-block .block-item.sb-dark-teal {
  background-color: #0d938c;
}
.study-plan-block .block-item.sb-dark-purple {
  background-color: #7353ae;
}
.study-plan-block .block-item.sb-orange {
  background-color: #f37021;
}
.study-plan-block .block-list .block-item {
  margin: 0 0 9px;
}
.study-plan-block .block-list .block-item:last-child {
  margin: 0;
}
@media (min-width: 768px) {
  .study-plan-block .block-item {
    min-height: 250px;
  }
}
@media (min-width: 992px) {
  .study-plan-block .block-item .length:after {
    content: '';
    opacity: .25;
    width: 200px;
    height: 200px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    right: 30px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: var(--background-image);
    background-color: var(--background-image);
    z-index: 10;
  }
}
.classroom-landing-study-plans {
  background-color: #f6f9fc;
}
.classroom-landing-study-plans .block-footer {
  margin: 30px 0 70px;
}
/*---*
classroom landing conversation block
*----*/
.classroom-conversation-callout-block {
  border-top: 1px solid #D2D8E1;
  border-bottom: 1px solid #D2D8E1;
}
.classroom-conversation-callout-block h2 {
  font-size: 34px;
  line-height: 42px;
}
.classroom-conversation-callout-block .text {
  margin-top: 32px;
  margin-bottom: 32px;
}
@media (min-width: 992px) {
  .classroom-conversation-callout-block .text {
    margin-bottom: 0;
  }
}
/*---*
classroom highlights grid
*----*/
.classroom-highlights-grid.card-grid .block-item {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.classroom-highlights-grid.card-grid .block-item.external-link header {
  position: relative;
}
.classroom-highlights-grid.card-grid .block-item.external-link header:after {
  content: '';
  width: 40px;
  height: 40px;
  position: absolute;
  top: 16px;
  right: 16px;
  background: url('/interative-constitution-2019/assets/img/icons-ux/ux-icon-external-link.svg') center center no-repeat;
}
.classroom-highlights-grid.card-grid .block-item:hover {
  transform: translate(0px, -7px);
  box-shadow: 0px 15px 15px 0px rgba(92, 97, 107, 0.2);
}
/*---*
classroom contact block
*----*/
.classroom-contact-block h2 {
  font-size: 34px;
  line-height: 42px;
}
/*---*
classroom subscription form
*----*/
.classroom-subscribe-form {
  background-color: #f6f9fc;
  border-top: 1px solid #DEE2E8;
  margin-top: 41px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.classroom-subscribe-form h2 {
  font-size: 20px;
  line-height: 26px;
  color: #fff;
  margin: 0;
}
.classroom-subscribe-form h2 span {
  color: #222d66;
}
.classroom-subscribe-form .block-item {
  background-color: #7ACCC8;
  margin-top: -41px;
}
.classroom-subscribe-form .block-item header button {
  min-width: 146px;
}
.classroom-subscribe-form .form-block {
  display: none;
  padding-left: 15px;
  padding-right: 15px;
}
.classroom-subscribe-form.expanded {
  margin-top: 120px;
}
.classroom-subscribe-form.expanded .block-item {
  margin-top: -120px;
}
.classroom-subscribe-form.expanded .block-item .form-block {
  display: block;
}
.classroom-subscribe-form .form-control:focus {
  color: #222d66;
  background-color: #f6f9fc;
  border-color: #222d66;
  outline: 0;
  box-shadow: none;
}
@media (min-width: 992px) {
  .classroom-subscribe-form .block-item .form-block {
    padding-left: 0;
    padding-right: 0;
  }
}
/*---*
classroom video block
*----*/
.classroom-video-block {
  background-color: #F6F9FC;
  border-top: 1px solid #DEE2E8;
  border-bottom: 1px solid #DEE2E8;
}
.classroom-video-block .video-block {
  margin: 0;
}
.classroom-video-block .column:first-child {
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .classroom-video-block .column:first-child {
    margin-bottom: 0;
  }
}
/*---*
classroom downloads block
*----*/
.classroom-downloads-block .text {
  margin-bottom: 15px;
}
.classroom-downloads-block .text h2 {
  font-size: 34px;
  line-height: 42px;
}
.classroom-downloads-block .text p {
  font-size: 13px;
  line-height: 20px;
}
.classroom-downloads-block .text .btn-download {
  text-align: left;
}
.classroom-downloads-block .text .btn-download:hover {
  background-color: #222d66;
  border-color: #222d66;
  box-shadow: inset 0 0 0 0.15rem #222d66;
  color: #fff;
}
.classroom-downloads-block .image img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.classroom-downloads-block .resource-block header {
  padding: 12px 0;
}
.classroom-downloads-block .resource-block .block-item {
  padding: 20px 24px;
  border-top: 1px solid #DEE2E8;
}
.classroom-downloads-block .resource-block h4 {
  font-size: 16px;
  line-height: 20px;
  color: #222d66;
  margin: 0;
}
.classroom-downloads-block .resource-block h5 {
  font-size: 16px;
  line-height: 20px;
  margin: 0 0 8px;
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.classroom-downloads-block .resource-block h5 a {
  color: #ca1f40;
}
.classroom-downloads-block .resource-block p {
  font-size: 13px;
  line-height: 20px;
  color: #5B697F;
  margin: 0;
}
.classroom-downloads-block .lesson-plan-block {
  margin-bottom: 15px;
}
.classroom-downloads-block .lesson-plan-block:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .classroom-downloads-block .text .btn-download {
    width: 350px;
  }
}
@media (max-width: 767px) {
  .classroom-downloads-block .image .img-fluid {
    max-width: 80%;
    display: block;
    margin: 0 auto;
  }
}
/*---*
classroom questions block
*----*/
.classroom-questions-block {
  background-color: #e6f8fb;
  border-top: 1px solid #DEE2E8;
  border-bottom: 1px solid #DEE2E8;
}
.classroom-questions-block header {
  background-color: #222d66;
  padding: .75rem 1.25rem;
}
.classroom-questions-block header h3 {
  color: #fff;
  margin: 0;
  font-size: 20px;
  line-height: 26px;
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.classroom-questions-block header img {
  max-width: 35px;
}
.classroom-questions-block .question-list a {
  color: #222d66;
  background-color: transparent;
  font-size: 20px;
  line-height: 26px;
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.classroom-questions-block .question-list a span {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.classroom-questions-block .question-list a span:hover {
  transform: translate(30px, 0);
}
.classroom-questions-block .image {
  margin-bottom: 15px;
}
.classroom-questions-block .image img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.classroom-questions-block .image .icon {
  width: 350px;
  height: 350px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 992px) {
  .classroom-questions-block .image {
    margin-bottom: 0;
  }
}
/*---*
learning materials related block
*----*/
.learning-materials-related-block {
  background-color: #f6f9fc;
  overflow: hidden;
}
.learning-materials-related-block .media-grid .slick-list {
  padding-top: 1rem;
}
.learning-materials-related-block .media-grid .block-item {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.learning-materials-related-block .media-grid .block-item:hover {
  transform: translate(0px, -7px);
  box-shadow: 0px 15px 15px 0px rgba(92, 97, 107, 0.2);
}
/*---*
classroom drafting table block
*----*/
.classroom-drafting-table-block .block-item {
  background-color: #fff;
  border: 1px solid #D2D8E1;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(92, 97, 107, 0.15);
  -moz-box-shadow: 0px 5px 10px 0px rgba(92, 97, 107, 0.15);
  box-shadow: 0px 5px 10px 0px rgba(92, 97, 107, 0.15);
}
.classroom-drafting-table-block h5 {
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  color: #222d66;
  margin: 0 0 16px;
}
.classroom-drafting-table-block h2 {
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 34px;
  line-height: 42px;
  color: #222d66;
  margin: 0 0 22px;
}
.classroom-drafting-table-block p {
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 28px;
  color: #5B697F;
}
.classroom-drafting-table-block .cta {
  padding-top: 30px;
}
.classroom-drafting-table-block .image {
  position: relative;
}
.classroom-drafting-table-block .image .image-background-overlay {
  position: absolute;
  top: 0;
  left: 15px;
  right: 0;
  bottom: 0;
  background-image: url('/interative-constitution-2019/assets/img/Drafting-Table-teaser@2x.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 992px) {
  .classroom-drafting-table-block .cta {
    padding-top: 0;
  }
}
@media (min-width: 1200px) {
  .classroom-drafting-table-block .image {
    background-image: none !important;
  }
}
/*---*
classroom links block
*----*/
.classroom-links-block header h3 {
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 25px;
  color: #222d66;
  margin: 0 0 25px;
}
.classroom-links-block .links-list a {
  color: #222d66;
  background-color: transparent;
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 25px;
  line-height: 32px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  padding-top: 22px;
  padding-bottom: 22px;
}
.classroom-links-block .links-list .list-group-item {
  background-color: transparent;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  padding-top: 22px;
  padding-bottom: 22px;
}
.classroom-links-block .links-list .list-group-item span {
  color: #222d66;
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 25px;
  line-height: 32px;
}
.classroom-links-block .links-list .list-group-item button {
  display: flex !important;
  background-color: #75859d;
  border: 0px solid;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  transition: 0.2s;
  text-align: center;
  position: relative;
  align-items: center;
  justify-content: center;
}
.classroom-links-block .links-list .list-group-item button:hover {
  background-color: #222d66;
  transform: scale(1.1);
}
.classroom-links-block .links-list .list-group-item button:before {
  content: " ";
  background: url('/interative-constitution-2019/assets/img/icons-ux/arrow-left.svg');
  background-repeat: no-repeat;
  background-position: 50%;
  width: 11px;
  height: 18px;
  position: relative;
  display: inline-block;
}
/*---*
classroom calendar grid
*----*/
.classroom-calendar-grid .calendar-block > header {
  background-color: #f2f2f2;
}
.classroom-calendar-grid .calendar-block > header h2 {
  font-size: 24px;
  margin: 0;
}
/*---*
classroom big question block
*----*/
.classroom-big-question-block {
  background-color: #e6f8fb;
  border-top: 1px solid #DEE2E8;
  border-bottom: 1px solid #DEE2E8;
}
.classroom-big-question-block .question-block {
  background-color: #222d66;
}
.classroom-big-question-block .question-block h3 {
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 25px;
  line-height: 30px;
  color: #fff;
  margin: 0;
}
.classroom-big-question-block .question-block header {
  padding: .75rem 1.25rem;
}
.classroom-big-question-block .question-block header img {
  max-width: 50px;
}
.classroom-big-question-block .question-block h2 {
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 42px;
  line-height: 55px;
  position: relative;
  color: #fff;
}
.classroom-big-question-block .question-text {
  position: relative;
  padding-left: 95px;
}
.classroom-big-question-block .question-text:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50px;
  width: 5px;
  background-color: #0d938c;
}
.classroom-big-question-block .question-body {
  position: relative;
  padding-left: 95px;
}
.classroom-big-question-block .question-body:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50px;
  width: 5px;
  background-color: #D4E7E6;
}
.classroom-big-question-block .question-body p {
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 28px;
  color: #5B697F;
}
.classroom-big-question-block .question-body p:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .classroom-big-question-block .question-text {
    padding-left: 45px;
  }
  .classroom-big-question-block .question-text:before {
    left: -6px;
  }
  .classroom-big-question-block .question-body {
    padding-left: 45px;
  }
  .classroom-big-question-block .question-body:before {
    left: -6px;
  }
}
@media (min-width: 992px) {
  .classroom-big-question-block .question-text {
    padding-left: 30px;
  }
  .classroom-big-question-block .question-text:before {
    left: -30px;
  }
  .classroom-big-question-block .question-body {
    padding-left: 30px;
  }
  .classroom-big-question-block .question-body:before {
    left: -30px;
  }
}
@media (min-width: 1200px) {
  .classroom-big-question-block .question-text {
    padding-left: 15px;
  }
  .classroom-big-question-block .question-text:before {
    left: -42px;
  }
  .classroom-big-question-block .question-body {
    padding-left: 15px;
  }
  .classroom-big-question-block .question-body:before {
    left: -42px;
  }
}
/*---*
classroom interpretation grid
*----*/
.classroom-interpretation-grid {
  background-color: #f6f9fc;
}
.classroom-interpretation-grid h2.subhead {
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 34px;
  line-height: 42px;
  color: #222d66;
}
.classroom-interpretation-grid .block-item {
  background-color: #fff;
  border-top-width: 45px;
  border-top-style: solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.classroom-interpretation-grid .block-item:hover {
  transform: translate(0px, -7px);
  box-shadow: 0px 15px 15px 0px rgba(92, 97, 107, 0.2);
}
.classroom-interpretation-grid .block-item.common-interpretation {
  border-top-color: #ca1f40;
}
.classroom-interpretation-grid .block-item.matter-of-debate {
  border-top-color: #222d66;
}
.classroom-interpretation-grid .block-item.matter-of-debate .column:first-child {
  padding-bottom: 30px;
}
.classroom-interpretation-grid .block-item header.ribbon {
  margin-top: -27px;
}
.classroom-interpretation-grid .block-item header.ribbon:before {
  display: none;
}
.classroom-interpretation-grid .block-item .body h3 {
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 25px;
  line-height: 30px;
}
.classroom-interpretation-grid .block-item footer p {
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 28px;
  color: #5B697F;
}
@media (min-width: 768px) {
  .classroom-interpretation-grid .block-item.matter-of-debate .column:first-child {
    padding-bottom: 0;
  }
  .classroom-interpretation-grid .block-item.matter-of-debate .column:first-child:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 24px;
    right: 0;
    width: 1px;
    background: url('/interative-constitution-2019/assets/img/classroom-debate-border.png');
  }
}
/*---*
conversations civil dialogue block
*----*/
.conversations-civil-dialogue-block {
  background-color: #f6f8fc;
  border-top: 1px solid #DEE2E8;
  border-bottom: 1px solid #DEE2E8;
}
.conversations-civil-dialogue-block .text h2 {
  font-size: 34px;
  line-height: 42px;
}
.conversations-civil-dialogue-block .video-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  flex: 1;
  -ms-flex: 1 1 auto;
}
.conversations-civil-dialogue-block .media-library-details .column {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
/*---*
classroom exchange intro block
*----*/
.classroom-exchange-intro-block {
  background-color: #e6f8fb;
  border-top: 1px solid #DEE2E8;
  border-bottom: 1px solid #DEE2E8;
}
.classroom-exchange-intro-block .requirements-block header h4 {
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  line-height: 26px;
  color: #222d66;
}
.classroom-exchange-intro-block .requirements-block li {
  background-color: transparent;
  border-color: #DEE2E8;
}
.classroom-exchange-intro-block .requirements-block li h5 {
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  color: #222d66;
  margin: 0 0 4px;
}
.classroom-exchange-intro-block .requirements-block li p {
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 20px;
  color: #5B697F;
}
.classroom-exchange-intro-block .requirements-block li p:last-child {
  margin-bottom: 0;
}
.classroom-exchange-intro-block .sidebar footer {
  border-top: 1px solid #DEE2E8;
}
.classroom-exchange-intro-block .sidebar footer a {
  color: #ca1f40;
}
/*---*
classroom cta block
*----*/
.classroom-exchange-cta-block {
  background-color: transparent;
}
.classroom-exchange-cta-block h2 {
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 42px;
  line-height: 55px;
  color: #fff;
}
.classroom-exchange-cta-block p {
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 28px;
}
.classroom-exchange-cta-block p a {
  color: #fff;
}
.classroom-exchange-cta-block .btn,
.classroom-exchange-cta-block p {
  position: relative;
  z-index: 100;
}
.classroom-exchange-cta-block .column {
  position: relative;
  padding-top: 100px;
  padding-bottom: 94px;
}
.classroom-exchange-cta-block .column:after {
  content: '';
  width: 332px;
  height: 104px;
  position: absolute;
  bottom: 27px;
  background-position: top left;
  background-repeat: no-repeat;
  z-index: 10;
}
.classroom-exchange-cta-block .signup-block {
  background-color: #f37021;
}
.classroom-exchange-cta-block .signup-block:after {
  background-image: url('/interative-constitution-2019/assets/img/illustrations/signup-classroom-texture.svg');
  right: 46%;
}
.classroom-exchange-cta-block .login-block {
  background-color: #0d938c;
}
.classroom-exchange-cta-block .login-block:after {
  background-image: url('/interative-constitution-2019/assets/img/illustrations/signup-moderator-texture.svg');
  left: 46%;
}
.classroom-exchange-cta-block:after {
  display: none;
}
@media (min-width: 992px) {
  .classroom-exchange-cta-block {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f37021+0,f37021+50,0d938c+51,0d938c+100 */
    background: #f37021;
    /* Old browsers */
    background: -moz-linear-gradient(left, #f37021 0%, #f37021 50%, #0d938c 50%, #0d938c 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #f37021 0%, #f37021 50%, #0d938c 50%, #0d938c 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f37021 0%, #f37021 50%, #0d938c 50%, #0d938c 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f37021', endColorstr='#0d938c', GradientType=1);
    /* IE6-9 */
  }
}
/*---*
professional development body
*----*/
.professional-development-body {
  background-color: #e6f8fb;
  border-top: 1px solid #DEE2E8;
  border-bottom: 1px solid #DEE2E8;
}
/*---*
classroom section grid
*----*/
.classroom-section-grid .block-item {
  border-top-width: 10px;
  border-top-style: solid;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.classroom-section-grid .block-item:hover {
  transform: translate(0px, -7px);
  box-shadow: 0px 15px 15px 0px rgba(92, 97, 107, 0.2);
}
.classroom-section-grid .block-item:hover .icon {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.classroom-section-grid .block-item:hover .icon .icon-oval {
  fill: #222d66;
}
.classroom-section-grid .block-item:hover .icon .icon-arrow {
  stroke: #fff;
}
.classroom-section-grid .block-item:hover .icon svg {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.classroom-section-grid .block-item.sg-blue {
  border-top-color: #222d66;
}
.classroom-section-grid .block-item.sg-light-blue {
  border-top-color: #70afdc;
}
.classroom-section-grid .block-item.sg-orange {
  border-top-color: #f37021;
}
.classroom-section-grid .block-item.sg-yellow {
  border-top-color: #f3b116;
}
.classroom-section-grid .block-item .icon {
  width: 52px;
  height: 52px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.classroom-section-grid .block-item .icon .icon-oval {
  fill: #fff;
}
.classroom-section-grid .block-item .icon .icon-arrow {
  stroke: #5B697F;
}
.classroom-section-grid h2 {
  font-size: 25px !important;
  line-height: 32px !important;
  color: #222d66;
}
.classroom-section-grid p {
  font-size: 16px;
  line-height: 28px;
  color: #5B697F;
}
.classroom-section-grid p:last-child {
  margin: 0;
}
/*---*
classroom event list
*----*/
.classroom-event-list header.list-header {
  background-color: #222d66;
  padding: 20px 25px 20px;
}
.classroom-event-list header.list-header h2 {
  font-size: 25px;
  line-height: 30px;
  color: #fff;
  margin: 0;
}
.classroom-event-list header.list-header.el-blue {
  background-color: #222d66;
}
.classroom-event-list header.list-header.el-light-blue {
  background-color: #70afdc;
}
.classroom-event-list header.list-header.el-orange {
  background-color: #f37021;
}
.classroom-event-list header.list-header.el-yellow {
  background-color: #f3b116;
}
.classroom-event-list header.date-header {
  padding: 20px 15px;
}
.classroom-event-list header.date-header .date h4 {
  text-align: center;
  font-size: 34px;
  line-height: 42px;
  color: #222d66;
  margin: 0;
}
.classroom-event-list header.date-header .date h4 span {
  display: block;
  font-size: 15px;
  line-height: 24px;
}
.classroom-event-list header.date-header .text {
  position: relative;
}
.classroom-event-list header.date-header .text h3 {
  font-size: 25px;
  line-height: 32px;
  color: #222d66;
  margin: 0 0 4px;
}
.classroom-event-list header.date-header .text h3 a {
  color: #222d66;
}
.classroom-event-list header.date-header .text p {
  font-size: 16px;
  line-height: 28px;
  color: #5B697F;
  margin: 0;
}
.classroom-event-list header.date-header .text:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: -7px;
  width: 2px;
  background-color: #70afdc;
}
.classroom-event-list header.date-header .icon {
  cursor: pointer;
  width: 52px;
  height: 52px;
  /*border-radius: 50%;
				-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
				-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
				box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);*/
}
.classroom-event-list header.date-header .icon .icon-collapse {
  display: none;
}
.classroom-event-list header.date-header .icon.toggle-view .icon-collapse {
  display: block;
}
.classroom-event-list header.date-header .icon.toggle-view .icon-expand {
  display: none;
}
.classroom-event-list header.date-header .icon.toggle-view .icon-bg {
  color: #000;
}
.classroom-event-list .date-body h3 {
  font-size: 20px;
  line-height: 26px;
}
.classroom-event-list .block-item {
  background-color: #fff;
}
/*---*
teacher advisory board callout
*----*/
.teacher-advisory-callout-block {
  border-bottom: 1px solid #D2D8E1;
}
.teacher-advisory-callout-block h2 {
  font-size: 34px;
  line-height: 42px;
}