@font-face {
    font-family: 'ActaDisplayW01';
    src: url('../fonts/ActaDisplayW01-Black.woff2') format('woff2'),
        url('../fonts/ActaDisplayW01-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ActaDisplayW01';
    src: url('../fonts/ActaDisplayW01-Bold.woff2') format('woff2'),
        url('../fonts/ActaDisplayW01-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ActaDisplayW01-Book';
    src: url('../fonts/ActaDisplayW01-Book.woff2') format('woff2'),
        url('../fonts/ActaDisplayW01-Book.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}



:root {
    --text-color: black;
    --brand-blue: #37ccf5;
    --brand-blue-dark: #0ab5e4;
    --brand-yellow: #FFE859;
    --font-serif-bold: "ActaDisplayW01";
  	--grid-items-gap: 20px;
  	--button-background: black;
  	--button-color: white;
  	--button-background-hover: black;
  	--button-color-hover: white;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}




html body {
	color: var(--text-color);
}

.hero {
	display: none;
}

body .mega-green {
    background-color: black !important;
}

#mobile_menu_icon {
	top: 0 !important;
	right: 0 !important;
}


#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
    height: 60px; 
    line-height: 60px;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link::before {
    content: "›";
    font-size: 1.2em;
    margin: 0;
    margin-right: 0.3em;
    font-family: inherit;
    display: inline-block;
    vertical-align: middle;
    line-height: 1em;
    transform: translateY(-0.1em);
}

#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    display: none;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
	background: var(--brand-blue-dark);
}

@media only screen and (min-width: 769px) {
    #mega-menu-wrap-main-menu {
		background-color: var(--brand-blue);
    } 
    #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:hover {
        background: var(--brand-blue-dark);
    }
}


#header_top .container {
    margin-bottom: 0 !important; 
}

#header_holder {
    background-color: #ffe85a;
    padding-top: 60px;
}

@media (max-width: 999px) {
	#header_holder {
		margin-bottom: 20px !important;
	}
}

.top_ads_banner {
	margin: 0 !important;
}





#header_holder #top_menu li a {
    color: var(--text-color) !important;
  	font-weight: bold;
}

#header_top .social_links a {
  	background-color: black !important;
  	color: var(--brand-blue) !important;
	height: 36px !important;
  	width: 36px !important;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	padding: 0 !important;
}

#live_search_open {
    background-color: white !important;
  	color: var(--text-color) !important;
  	font-weight: bold;
  	font-size: 14px;
  	height: 36px;
	border-radius: 0;
}

#live_search_open svg path {
	fill: var(--text-color) !important;
}

#header_holder #top_menu {
  padding-top: 1.7em;
}

#header_holder #top_menu li a::before {
	content: "›";
    font-size: 1.2em;
    margin-right: 0.3em;
}

#header_holder a#logo {
	width: clamp(150px, calc(102.4752px + 14.8515vw), 300px);
}


#header_holder #header > .container {
    display: flex;
    flex-wrap: wrap;
}

.header-bottom {
    width: 100%;
    margin: 0;
}

.header-bottom > * {
    padding: 0 !important;
}

#header_holder #header .logo_row {
    flex-grow: 0;
    flex-shrink: 0;
    margin-bottom: 0 !important;
    margin-right: 3em !important;
}

#header_holder #header_top {
    flex-grow: 1;
    flex-shrink: 0;
}

#header_holder #header .logo_row > div {
    width: auto !important;
    padding: 0 !important;
}

.header-image {
    position: absolute;
    bottom: 25px;
    right: 0;
    transform: translateX(-10%);
    width: auto;
    height: 100%;
    max-width: none;
    pointer-events: none;
}

@media screen and (max-width: 999px) {
	.header-image {
		bottom: 0;
	}
}

@media screen and (max-width: 600px) {
	.header-image {
		display: none;
	}
}


.header-title h1 {
    font-family: var(--font-serif-bold) !important;
    font-size: clamp(36px, calc(20.4752px + 4.8515vw), 85px) !important;
    line-height: 1em !important;
    margin-top: 1.7em !important;
    margin-bottom: 1.2em !important;
}

#main_menu_holder {
  border-bottom: none;
  transform: translateY(50%);
  position: relative;
  z-index: 1;
}

body #grid_items .ajax_placeholder,
#grid_items {
  width: 100%;
  margin: 0;
  column-gap: 0;
  row-gap: var(--grid-items-gap);
  justify-content: space-between;
  padding: 0px !important;
}

#grid_items .ajax_placeholder::after,
#grid_items .ajax_placeholder::before,
#grid_items::before,
#grid_items::after {
  display: none;
}



body a.grid_item,
body #grid_items .ajax_placeholder .single_archive_item {
	width: calc(50% - var(--grid-items-gap));
  	border-bottom: 1px solid #d5d5d7 !important;
  	padding: 0;
  	display: flex;
  	flex-direction: column;
  	margin-bottom: 10px !important;
}

@media (max-width: 767px) {
	body a.grid_item,
	body #grid_items .ajax_placeholder .single_archive_item {
		width: 100%;
	}
}

.grid_item .grid_item_inner,
.single_archive_item .grid_item_inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  border-bottom: none;
  padding-bottom: 0;
}

.grid_item .grid_item_image_holder,
.single_archive_item .archive_item_image {
	width: 100% !important;
  	height: 0 !important;
  	border: none !important;
  	padding-bottom: 70%;
}

body .grid_item.col-sm-12 .grid_item_image_holder {
  padding-bottom: 60%;
}

a.grid_item:hover .grid_item_title {
	color: var(--brand-blue) !important;
}

body .single_archive_item .archive_item_title,
body .grid_item .grid_item_title {
	font-family: var(--font-serif-bold) !important;
	font-weight: bold !important;
  	flex-grow: 1;
  	font-size: clamp(20px, calc(15.5644px + 1.3861vw), 34px) !important;
  	line-height: 1.2em;
  	margin: 0.2em 0 0.7em;
  	color: var(--text-color);
}

body .archive_item_title:hover {
  color: var(--brand-blue) !important;
}

body .grid_item.col-sm-12 .grid_item_title {
  font-size: clamp(20px, calc(6.0594px + 4.3564vw), 64px) !important;
}

.grid_item.boxed_grid_item .grid_item_content,
body .single_archive_item .archive_item_content,
.grid_item .grid_item_content {
	text-align: center;
    display: flex;
  	flex-direction: column;
  	flex-grow: 1;
  	padding: 1em 1em 3em;
}


.grid_item.col-sm-12 .grid_item_content {
	text-align: center;
    display: flex;
  	flex-direction: column;
  	flex-grow: 1;
  	padding: 1em 4em 3em 4em;
}

@media (max-width: 600px) {
	.grid_item.col-sm-12 .grid_item_content {
		padding: 1em 2em 3em 2em;
	}
}

.single_archive_item .post_views {
  display: none;
}

.grid_item_label.sponsored_label {
    height: 1.5em !important;
    margin-top: -1.5em !important;
}

.single_archive_item .archive_item_date,
#page_content .grid_item_date {
  	margin: 0 !important;
  	padding: 0 !important;
	margin-top: 2em !important;
	margin-bottom: 0 !important;
  	text-transform: none !important;
}


body #top_story_content .grid_item_excerpt, 
body .grid_item.col-sm-12 .grid_item_excerpt {
  	max-width: 640px;
  	margin-left: auto;
  	margin-right: auto;
}

.single_archive_item .archive_item_excerpt,
.grid_item .grid_item_excerpt {
    color: var(--text-color);
  	padding: 0 2em;
  
	font-size:16px !important;
    line-height: 1.4;
    height: calc(1.4em * 4);

    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}



.button, .button_mg {
    display: inline-block;
    vertical-align: bottom;
    padding: 0.5em 2em !important;
    color: var(--button-color) !important;
    background: var(--button-background) !important;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    border: none;
    border-radius: 0 !important;
}

.button::before, .button_mg::before {
    content: "›";
    font-size: 1.2em;
    margin: 0;
    margin-right: 0.3em;
    font-family: inherit;
    display: inline-block;
    vertical-align: middle;
    line-height: 1em;
    transform: translateY(-0.1em);
}

.button:hover, .button_mg:hover {
    color: var(--button-color-hover) !important;
    background: var(--button-background-hover) !important;
}


body #content_holder #page_content,
body .mg-left {
  margin-bottom: clamp(50px, calc(34.1584px + 4.9505vw), 100px);
}

@media (max-width: 999px) {
	#content_holder #page_content {
		margin-top: 0 !important;
	}
	
	body .mg-left {
		padding-left: 0;
	}
	
	.home .spacer.spacer_30 {
		display: none;
	}
}




.logo__footer,
img.footer_bg {
  display: none;
}

#footer_holder {
  background-color: var(--brand-yellow);
  padding: 0 !important;
}

#footer {
  color: var(--text-color) !important;
}



#footer > .container {
  position: relative;
  padding-top: clamp(60px, calc(37.8218px + 6.9307vw), 130px);
  padding-bottom: clamp(60px, calc(37.8218px + 6.9307vw), 130px);
}

#footer > .container > .row::before,
#footer > .container > .row::after{
  display: none;
}
#footer > .container > .row {
    display: grid;
  	grid-template-columns: repeat(2, 1fr);
  	grid-auto-rows: auto;
  	gap: 2em;
}

#footer > .container > .row > div {
  	width: auto;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

#footer > .container > .row > div:not(:first-child) {
    text-align: right;
}

#footer > .container > .row > div:nth-child(1) {
    grid-column: 1;
    grid-row: span 3;
}

#footer > .container > .row > div:nth-child(2) {
    grid-column: 2;
  	grid-row: 3;
}

#footer > .container > .row > div:nth-child(3) {
    grid-column: 2;
  	grid-row: 2;
}

#footer > .container > .row > div:nth-child(4) {
    grid-column: 2;
  	grid-row: 1;
}

a.footer-logo {
  display: block;
  margin-bottom: 2em;
}

a.footer-logo img {
  width: clamp(125px, calc(85.396px + 12.3762vw), 250px);
  height: auto;
}

.footer-image {
    width: clamp(120px, calc(88.3168px + 9.901vw), 220px);
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate3D(50%, -50%, 0);
}

#footer ul {
    list-style: none;
}





.button.button_news_page.transparent_button {
    border: none !important;
}

.button.button_news_page.transparent_button .icon.icon_arrow_left {
    display: none !important;
}

.single #content_holder #page_content #meta_info,
.single #content_holder #page_content #post_excerpt,
.single #content_holder #page_content #page_text {
  	padding-left: clamp(0px, calc(-38.0198px + 11.8812vw), 120px);
 	padding-right: clamp(0px, calc(-38.0198px + 11.8812vw), 120px);
}

@media (max-width: 600px) {
	
}


.single #post_excerpt {
    font-weight: bold;
  	text-align: center;
  	margin-bottom: 3em;
}

.single #page_title {
    font-size: clamp(20px, calc(6.0594px + 4.3564vw), 64px) !important;
	font-family: var(--font-serif-bold) !important;
	font-weight: bold !important;
  	line-height: 1.2em;
  	margin: 0.2em 1em 0.4em 1em;
  	color: var(--text-color);
  	text-align: center;
}

.single #meta_info {
	border: none;
  	margin: 0;
}

.single #meta_info #meta_left {
    width: 100%;
  	display: flex;
  	justify-content: center;
  	gap: 1em;
	flex-wrap: wrap;
	text-align: center;
}

.single #meta_info #meta_right {
  display: none;
}

.single #featured_image .grid_item_date {
  text-align: center;
  width: 100%;
}

.single .single-fb-share {
	display: flex;
	align-items: center;
}

.single .single-fb-share > * {
	margin: 0;
}

.single .single-fb-share svg {
	width: 20px;
	height: 20px;
	display: block;
	margin-left: 0.3em;
}


.single #nav_buttons,
.single #page_views {
	display: none;
}

body #sidebar #sidebar_inner .sidebar_widget .widget_title.blue_title,
body #sidebar #sidebar_inner .sidebar_widget .widget_title.with_icon {
	padding: 0.8em;
    text-align: center;
    background: black;
}

body #sidebar #sidebar_inner .sidebar_widget .widget_title_icon .widget_title_icon_inner,
body #sidebar #sidebar_inner .sidebar_widget .widget_title_icon,
body #sidebar #sidebar_inner .sidebar_widget .widget_title.blue_title:before,
body #sidebar #sidebar_inner .sidebar_widget .widget_title.blue_title:after {
	display: none;
}

body #sidebar #sidebar_inner .most_read_stories_widget {
	border: 2px solid var(--brand-blue);
    margin-top: 5em;
    display: flex;
    flex-direction: column;
	padding: 0 2.5em;
}

body #sidebar #sidebar_inner .most_read_stories_widget .widget_title.with_icon {
	align-self: center;
    transform: translateY(calc(-50% - 1px));
	padding-left: 2em;
	padding-right: 2em;
}

body #sidebar #sidebar_inner .sidebar_widget .top_stories_row .top_stories_row_left {
	display: none;
}

body #sidebar #sidebar_inner .sidebar_widget .top_stories_row a::before {
	content: "• ";
	width: 0px;
	display: inline-flex;
	transform: translateX(-0.6em);
}
body #sidebar #sidebar_inner .sidebar_widget .top_stories_row {
	border: none;
}

body #sidebar #sidebar_inner .sidebar_widget .top_stories_row:last-of-type {
	margin-bottom: 4em;
}

body #sidebar #sidebar_inner .sidebar_widget .top_stories_row .top_stories_row_right {
	padding: 0.75em 0;
}

body #sidebar #sidebar_inner .sidebar_widget .top_stories_row a:hover {
	color: var(--brand-blue);
}

body #pop_out {
	background-color: var(--brand-yellow);
	color: var(--text-color);
}

body .live_search_button#live_search_close,
body .live_search_button#live_search_close:hover {
	background-color: var(--brand-blue-dark);
}