.view-display-id-maincontent .views-row { margin-bottom: 40px; }

.page-colonialism-and-apartheid .main-container { padding-top: 36px; }

.page-faqs .sidebar-nav-fixed { width: 90%; position: absolute; top: 143px; min-height: 250px; }
.page-faqs .main-container { padding-top: 36px; }
.page-faqs .main-container .view-faqs { min-height: 670px; }
.page-faqs .main-container #faqs-content { padding: 30px 50px 52px; }
@media all and (max-width: 769px) { .page-faqs .main-container #faqs-content { padding: 30px 20px 52px; } }
.page-faqs .main-container #faqs-menu { padding-top: 147px; }
.page-faqs .main-container #faqs-menu .well { box-shadow: none; }
.page-faqs .main-container #faqs-menu .well .views-row { margin-bottom: 30px; }
.page-faqs .main-container #faqs-menu .well a.faq-section-link { font-family: 'semibold'; font-size: 16px; line-height: 21px; color: #b96b34; }
.page-faqs .main-container #faqs-menu .well a.faq-section-link:hover, .page-faqs .main-container #faqs-menu .well a.faq-section-link.active, .page-faqs .main-container #faqs-menu .well a.faq-section-link:active, .page-faqs .main-container #faqs-menu .well a.faq-section-link:visited { text-decoration: none; color: #b96b34; border-bottom: 2px solid #b96b34; }
.page-faqs .main-container .faq-title { font-family: 'bold', 'kufi'; font-size: 36px; line-height: 42px; margin-bottom: 30px; }

.colon-post-rel { position: relative; min-height: 700px; z-index: 1; }

.colon-nav { margin-bottom: 15px; }
.colon-nav a, .colon-nav p { display: block; height: 30px; cursor: pointer; }
.colon-nav a i, .colon-nav p i { font-size: 27px; line-height: 27px; }
.colon-nav a:hover, .colon-nav p:hover { color: #e49963; }
.colon-nav a:hover, .colon-nav a:focus, .colon-nav p:hover, .colon-nav p:focus { text-decoration: none; }
.colon-nav a:focus, .colon-nav p:focus { color: #333; }

.colon-post { padding: 22px; margin-bottom: 58px; min-height: 670px; position: relative; top: 0px; }
.colon-post #title-holder { padding-top: 6px; padding-bottom: 6px; }
@media all and (max-width: 769px) { .colon-post { min-height: 400px; } }
.colon-post .field-name-field-image-header { margin-bottom: 15px; }
.colon-post .field-type-text-with-summary a { text-decoration: underline; }
.colon-post .views-field-field-paragraphs .field-content { display: flex; flex-wrap: wrap; }
.colon-post .views-field-field-paragraphs .full-width-item { margin-left: -22px; margin-right: -22px; }
.colon-post .views-field-field-paragraphs .col-md-8, .colon-post .views-field-field-paragraphs .col-md-4, .colon-post .views-field-field-paragraphs .col-md-6, .colon-post .views-field-field-paragraphs .col-xs-12 { padding-left: 0px; display: flex; }
.colon-post .views-field-field-paragraphs .col-md-12 { padding-left: 0; padding-right: 0; }
.colon-post .views-field-field-paragraphs .paragraphs-item-subtitle, .colon-post .views-field-field-paragraphs .paragraphs-item-subtitle p { font-family: 'bold'; font-size: 24px; color: #242c2e; line-height: 29px; margin-bottom: 25px; }
.colon-post .views-field-field-paragraphs .paragraphs-item-text, .colon-post .views-field-field-paragraphs .paragraphs-item-text p { font-family: regular; font-size: 17px; line-height: 30px; }
.colon-post .views-field-field-paragraphs .field-name-field-image-title { color: #9a968c; font-size: 12px; line-height: 20px; }
.colon-post .views-field-field-paragraphs .field-name-field-content-source { font-family: 'semibold'; font-size: 16px; color: #b96b34; }
.colon-post .views-field-field-paragraphs .half-width-left-text, .colon-post .views-field-field-paragraphs .half-width-left-image, .colon-post .views-field-field-paragraphs .half-width-left-quote { padding-right: 15px; }
.colon-post .views-field-field-paragraphs .half-width-right-text, .colon-post .views-field-field-paragraphs .half-width-right-image, .colon-post .views-field-field-paragraphs .half-width-right-quote { padding-left: 15px; }
.colon-post .views-field-field-paragraphs .paragraphs-item-quote, .colon-post .views-field-field-paragraphs .paragraphs-item-quote p { font-size: 24px; line-height: 29px; color: #242c2e; font-family: 'bold'; }
.colon-post .views-field-field-paragraphs .paragraphs-item-quote { margin-bottom: 25px; position: relative; padding-left: 40px; }
.colon-post .views-field-field-paragraphs .paragraphs-item-quote:before { content: '\f10d'; font-family: FontAwesome; font-weight: normal; font-style: normal; margin: 0px 15px 0px 0px; text-decoration: none; color: #e8cba9; font-size: 26px; position: absolute; left: 0; }
.colon-post .views-field-field-paragraphs .flexslider .flex-direction-nav a, .colon-post .views-field-field-paragraphs .flexslider .flex-direction-nav a { display: block; opacity: 1; }
.colon-post .views-field-field-paragraphs .flexslider .flex-direction-nav .flex-next { opacity: 1; right: 10px; }
@media all and (max-width: 769px) { .colon-post .views-field-field-paragraphs .flexslider .flex-direction-nav .flex-next { right: 5px; } }
.colon-post .views-field-field-paragraphs .flexslider .flex-direction-nav .flex-prev { left: 10px; }
@media all and (max-width: 769px) { .colon-post .views-field-field-paragraphs .flexslider .flex-direction-nav .flex-prev { left: 5px; } }
.colon-post .views-field-field-paragraphs .flex-caption { position: absolute; bottom: 0; width: 100%; padding: 20px 27px; opacity: 0.9; background-color: #242c2e; color: white; font-family: 'regular'; font-size: 12px; }
@media all and (max-width: 769px) { .colon-post .views-field-field-paragraphs .flex-caption { padding: 20px 38px; position: relative; } }
.colon-post .views-field-field-paragraphs .flex-direction-nav a.flex-next:before { content: '\f18e'; }
.colon-post .views-field-field-paragraphs .flex-direction-nav a.flex-prev:before { content: '\f190'; }
.colon-post .views-field-field-paragraphs .flex-direction-nav a:before { font-family: FontAwesome; font-size: 33px; color: white; }
.colon-post .views-field-field-paragraphs .flex-control-nav { display: none; }
.colon-post .views-field-field-paragraphs .flexslider { margin: 0; }
.colon-post .views-field-field-paragraphs .entity-paragraphs-item { margin-bottom: 35px; }

#colonialism-menu .block-title { display: none; }
@media all and (max-width: 991px) { #colonialism-menu { display: none; } }
#colonialism-menu .region { height: 100%; }
#colonialism-menu .sidebar-nav-fixed { width: 90%; position: absolute; top: 0; z-index: 2; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06); }
#colonialism-menu #block-views-colonialism-menu-sidemenu .sidemenuheader, #colonialism-menu .cards-sidemenu .sidemenuheader { padding: 20px 18px 0; color: #e49963; font-family: 'semibold'; border-radius: 4px 4px 0px 0px; }
#colonialism-menu #block-views-colonialism-menu-sidemenu #sidemenu-content, #colonialism-menu .cards-sidemenu #sidemenu-content { height: 500px; overflow-y: hidden; }
#colonialism-menu #block-views-colonialism-menu-sidemenu #sidemenu-content ul, #colonialism-menu .cards-sidemenu #sidemenu-content ul { padding: 0; }
#colonialism-menu #block-views-colonialism-menu-sidemenu #sidemenu-content ul li, #colonialism-menu .cards-sidemenu #sidemenu-content ul li { list-style-type: none; line-height: 20px; border-bottom: 1px solid #eee; font-family: 'bold'; border-left: 6px solid transparent; }
#colonialism-menu #block-views-colonialism-menu-sidemenu #sidemenu-content ul li a, #colonialism-menu #block-views-colonialism-menu-sidemenu #sidemenu-content ul li a:active, #colonialism-menu #block-views-colonialism-menu-sidemenu #sidemenu-content ul li a:hover, #colonialism-menu #block-views-colonialism-menu-sidemenu #sidemenu-content ul li .field-item, #colonialism-menu .cards-sidemenu #sidemenu-content ul li a, #colonialism-menu .cards-sidemenu #sidemenu-content ul li a:active, #colonialism-menu .cards-sidemenu #sidemenu-content ul li a:hover, #colonialism-menu .cards-sidemenu #sidemenu-content ul li .field-item { padding: 16px 12px 12px; color: #242c2e; text-decoration: none; display: block; font-size: 13px; cursor: pointer; }
#colonialism-menu #block-views-colonialism-menu-sidemenu #sidemenu-content ul li.active, #colonialism-menu #block-views-colonialism-menu-sidemenu #sidemenu-content ul li:hover, #colonialism-menu .cards-sidemenu #sidemenu-content ul li.active, #colonialism-menu .cards-sidemenu #sidemenu-content ul li:hover { border-left: 6px solid #e49963; }
#colonialism-menu #block-views-colonialism-menu-sidemenu #sidemenu-content .views-field-field-card ul li:first-child, #colonialism-menu .cards-sidemenu #sidemenu-content .views-field-field-card ul li:first-child { border-left: 6px solid #e49963; }
#colonialism-menu #block-views-colonialism-menu-sidemenu .sidemenufooter, #colonialism-menu .cards-sidemenu .sidemenufooter { position: absolute; width: 100%; bottom: 0; bottom: -30px; color: white; border-radius: 0px 0px 4px 4px; }
#colonialism-menu #block-views-colonialism-menu-sidemenu .sidemenufooter .box, #colonialism-menu .cards-sidemenu .sidemenufooter .box { display: block; width: 55px; font-size: 30px; text-align: center; color: white !important; }
#colonialism-menu #block-views-colonialism-menu-sidemenu .sidemenufooter .box.inline, #colonialism-menu .cards-sidemenu .sidemenufooter .box.inline { display: inline-block; border-left: 1px solid #eee; }
#colonialism-menu #block-views-colonialism-menu-sidemenu .colon-detail-content, #colonialism-menu .cards-sidemenu .colon-detail-content { display: none; }
#colonialism-menu #block-views-colonialism-menu-sidemenu .sidemenufooter-detail, #colonialism-menu .cards-sidemenu .sidemenufooter-detail { display: block; }
#colonialism-menu #block-views-colonialism-menu-sidemenu .mCSB_inside > .mCSB_container, #colonialism-menu .cards-sidemenu .mCSB_inside > .mCSB_container { margin-right: 0px; }
#colonialism-menu .cards-sidemenu .sidemenuheader { padding: 20px 18px 12px !important; }
#colonialism-menu .cards-sidemenu .region-sidebar-first { margin-bottom: 0; }
#colonialism-menu #block-views-colonialism-menu-sidemenu.selected { transition: all 0.5s ease; background-position: center center; background-size: cover; }
#colonialism-menu #block-views-colonialism-menu-sidemenu.selected #sidemenu-content ul li a.menu-item-link, #colonialism-menu #block-views-colonialism-menu-sidemenu.selected .sidemenufooter-default { display: none; }
#colonialism-menu #block-views-colonialism-menu-sidemenu.selected .sidemenufooter-detail { display: block; }
#colonialism-menu #block-views-colonialism-menu-sidemenu.selected .active .colon-detail-content { display: block; }
#colonialism-menu #block-views-colonialism-menu-sidemenu.selected .sidemenuheader { background: none; }
#colonialism-menu #block-views-colonialism-menu-sidemenu.selected .menu-item { padding: 0 21px; }
#colonialism-menu #block-views-colonialism-menu-sidemenu.selected .colon-detail-content { color: white; }
#colonialism-menu #block-views-colonialism-menu-sidemenu.selected .colon-detail-content .colon-title { padding-top: 40px; padding-bottom: 35px; font-size: 36px; font-family: 'bold'; line-height: 42px; }
#colonialism-menu #block-views-colonialism-menu-sidemenu.selected .colon-detail-content .colon-body, #colonialism-menu #block-views-colonialism-menu-sidemenu.selected .colon-detail-content .colon-body p { font-family: 'regular'; font-size: 22px; line-height: 33px; }
#colonialism-menu #block-views-colonialism-menu-sidemenu.selected .view-colonialism-menu .content-wrapper { background: rgba(0, 0, 0, 0.5); }
#colonialism-menu #block-views-colonialism-menu-sidemenu.selected .view-colonialism-menu .content-wrapper p { font-size: 17px; line-height: 30px; }
#colonialism-menu #block-views-colonialism-menu-sidemenu.selected #sidemenu-content ul li { border-bottom: none; border-left: none; }

#block-views-breaking-news-block { display: none; color: white; border: 1px solid #979797; position: relative; }
#block-views-breaking-news-block .close-btn { position: absolute; top: 16px; right: 16px; cursor: pointer; }
#block-views-breaking-news-block .content-wrapper.charcoal-bg { padding-bottom: 40px; }
#block-views-breaking-news-block .content-wrapper .row { padding-top: 60px; }
@media (max-width: 767px) { #block-views-breaking-news-block .content-wrapper .row .news-title { padding-right: 30px; padding-left: 30px; margin-bottom: 20px; }
  #block-views-breaking-news-block .content-wrapper .row .news-body { padding-left: 21px; padding-right: 39px; }
  #block-views-breaking-news-block .content-wrapper .row .news-body .block-action { margin-bottom: 40px; } }
#block-views-breaking-news-block .content-wrapper .news-title { font-family: 'bold'; font-size: 24px; line-height: 44px; text-transform: uppercase; color: white; }
#block-views-breaking-news-block .content-wrapper .news-title span { padding: 10px 0 3px; background-color: #b96b34; box-shadow: 10px 0 0px 0px #b96b34, -10px 0 0px 0px #b96b34; box-decoration-break: clone; }
#block-views-breaking-news-block .content-wrapper .news-body { font-family: 'regular'; font-size: 17px; line-height: 30px; padding-left: 100px; padding-right: 120px; }
#block-views-breaking-news-block .content-wrapper .news-body .block-action { margin-top: 40px; }

.icon-close { border: 1px solid #fff; border-radius: 50%; font: normal normal normal 14px/1 FontAwesome; width: 36px; height: 36px; line-height: 30px; display: block; padding: 0px 9px; font-size: 20px; }
.icon-close:before { line-height: 35px; display: block; }

.icon-close:before { content: "\f00d"; }

.colon-content-wrapper { min-height: 538px; }
@media all and (max-width: 769px) { .colon-content-wrapper { min-height: auto; } }

#block-block-11 .block-intro-content, .signup-form .block-intro-content { border: 1px solid #eee; height: 360px; border-radius: 4px; border: solid 2px #e5e9ea; overflow-y: hidden; }
#block-block-11 .block-intro-content .block-intro-content-wrapper, .signup-form .block-intro-content .block-intro-content-wrapper { padding: 24px 14px; }
#block-block-11 .form-actions.form-wrapper.form-group, .signup-form .form-actions.form-wrapper.form-group { margin-top: 42px; }
#block-block-11 .campaign-intro p, .signup-form .campaign-intro p { color: #242c2e; }

.cards-nav { display: block; width: 100%; text-align: center; padding: 10px; font-size: 20px; }
.cards-nav i:before { color: #fff; }

@media (max-width: 767px) { #colonialism-menu { display: none; } }
#colonialism-content .view-cards #title-holder { color: transparent; opacity: 0; }
#colonialism-content .view-cards ul { list-style: none; padding: 0; }
#colonialism-content .view-cards ul li { display: none; }
#colonialism-content .view-cards ul li:first-child { display: block; }
#colonialism-content .view-cards ul li:first-child .prev-card { display: none; }
#colonialism-content .view-cards ul li:last-child .next-card { display: none; }
#colonialism-content .view-cards .field-name-field-card-title { font-size: 16px; font-family: 'bold'; margin: 6px 0; }
#colonialism-content .view-cards .entity-paragraphs-item { margin: 6px 0; display: inline-block; }