/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Digital Lab
 Author URI:     https://bcchdigital.ca/
 Template:       Divi
 Version:        1.0.1
*/

/* =Theme customization starts here
------------------------------------------------------- */

:root {
	--main-orange: #ea964d;
	--main-blue: #3778b0;
	--pagination-blue: rgb(55, 120, 176);
}

#page-container {
	overflow: hidden;
}

@media only screen and (max-width: 980px) {
	.mobile-hidden {
		display: none;
	}
}

#main-content {
	padding-bottom: 50px;
}

.et_section_regular .et_pb_row {
	max-width: 2560px;
	min-width: 80%;
}

* {
	word-break: break-word;
}

.et_pb_text_inner ul ul li,
.et_pb_post ul ul li {
	list-style-type: circle;
	margin-left: 20px;
}

/* Blog pagination */

/* (the pagination comes from the "WP-PageNavi" plugin */

.wp-pagenavi {
	text-align: center;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
		'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
		sans-serif;
	border-top: none;
}

.wp-pagenavi .pages {
	display: none;
}

.wp-pagenavi a,
.wp-pagenavi span {
	color: var(--pagination-blue);
	padding: 2px 5px;
	margin: 0;
}

.wp-pagenavi a.previouspostslink:hover,
.wp-pagenavi a.nextpostslink:hover {
	color: transparent !important;
}

.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
	color: transparent !important;
	/* width: 0; */
}

.wp-pagenavi .nextpostslink:after {
	content: '';
	display: inline-block;
	margin: 0 0 -2px -10px;
	border-style: solid;
	border-color: transparent transparent transparent var(--pagination-blue);
	border-image: initial;
	border-width: 7px 11px;
}

.wp-pagenavi .previouspostslink:after {
	content: '';
	display: inline-block;
	margin: 0 -2px -2px 0;
	border-style: solid;
	border-color: transparent var(--pagination-blue) transparent transparent;
	border-image: initial;
	border-width: 7px 11px;
}

.wp-pagenavi span.current {
	background-color: var(--pagination-blue);
	color: white !important;
}

.wp-pagenavi span.current,
.wp-pagenavi span.larger,
.wp-pagenavi span.smaller {
	margin: 0 5px;
}

/* ---------------------------------------------------- 
 *  Posts
 ---------------------------------------------------- */

span.post-anchor-span {
	position: relative;
	top: -115px;
	visibility: hidden;
}
@media only screen and (max-width: 1025px) {
	span.post-anchor-span {
		top: -105px;
	}
}

/* ---------------------------------------------------- 
 *  Home page
 ---------------------------------------------------- */

.home .et-pb-controllers a {
	border-radius: 50%;
	width: 17px;
	height: 17px;
}

.home .et-pb-slider-arrows {
	position: relative;
	bottom: 45px;
}

/* Calendar Upcoming Events(Home page / News & Event page) */

/* Home page */

.event-list-div-homepage {
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	font-weight: bold;
}

.event-list-div-homepage span {
	width: 80px;
	height: 80px;
	background-color: var(--main-orange);
	border-radius: 50%;
	padding: 10px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: white;
	font-size: 14px;
	line-height: 1.3;
	text-align: center;
	margin-right: 10px;
}

.event-list-div-homepage a {
	color: var(--main-blue);
	font-size: 20px;
	width: calc(100% - 90px);
}

/* ---------------------------------------------------- 
 * News & Events page
 ---------------------------------------------------- */

/* Event title link */

.next-event-events-page a:first-of-type {
	font-size: 30px;
	font-family: 'Oswald', sans-serif;
	color: var(--main-blue);
	font-weight: bold;
}

/* Date */

.next-event-events-page p {
	font-size: 17px;
	margin-bottom: 10px;
	color: var(--main-orange);
}

/* "View Detail" link */

.next-event-events-page a:nth-of-type(2),
.upcoming-events-events-page a {
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	color: var(--main-orange);
}

.next-event-events-page a:nth-of-type(2):before,
.upcoming-events-events-page a:before {
	content: '';
	display: inline-block;
	border: 10px solid transparent;
	border-left: 10px solid var(--main-orange);
	margin: 0 -5px -2px 0;
	border-width: 9px;
}

/* show only the second to fourth events in "Upcoming Events" */

.upcoming-events-events-page:first-of-type {
	display: none;
}

.upcoming-events-events-page {
	margin-bottom: 10px;
}

.events-calendar-section {
	margin-bottom: 50px;
	border-bottom: 3px solid var(--main-blue) !important;
	border-bottom-width: 3px !important;
	padding-top: 0 !important;
}

@media only screen and (max-width: 767px) {
	.next-event-events-page a:first-of-type {
		font-size: 25px;
	}
}

/* Calendar on News & Events page */

#events-calendar-events-page {
	font-family: 'Montserrat', 'Segoe UI', 'Roboto', sans-serif;
}

#events-calendar-events-page td {
	border: 1px solid #eaeaea;
	padding: 10px;
}

#events-calendar-events-page .em-calnav {
	display: block;
	color: var(--main-blue);
	text-align: center;
}

#events-calendar-events-page td[class*='event'] > a {
	text-align: center;
	display: block;
	color: var(--main-blue);
	text-decoration: none;
	border-bottom: 1px solid #eaeaea;
	margin-bottom: 10px;
}

#events-calendar-events-page .month_name {
	text-align: center;
	font-family: 'Oswald', Helvetica, Arial, sans-serif;
}

#events-calendar-events-page .days-names {
	background: #f8f8f8;
}

#events-calendar-events-page .days-names td {
	text-align: center;
}

#events-calendar-events-page td li > a {
	color: #4d4d4d;
	font-size: 13px;
	text-decoration: none;
}

#events-calendar-events-page td li > a:before {
	content: '- ';
}

#events-calendar-events-page ul,
#events-calendar-events-page li {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1.25;
}

#events-calendar-events-page .eventful-today {
	background: var(--main-blue);
}

#events-calendar-events-page td[class*='today'] a,
#events-calendar-events-page [class*='today'] a {
	color: white;
}

#events-calendar-events-page [class*='today'] > a:first-of-type {
	border-bottom: 1px solid #fff;
}

#events-calendar-events-page [class^='event'] {
	text-align: center;
	width: calc(100% / 7);
}

/* calendar styling for mobile */

#events-calendar-events-page .calendar-mobile td[class*='event'] > a {
	margin-bottom: 0;
}

#events-calendar-events-page .calendar-mobile td.eventful a,
#events-calendar-events-page .calendar-mobile td.eventful-today {
	color: var(--main-blue);
	border-bottom: 1px solid;
}

/* hide/show calendar for pc/mobile */

@media only screen and (min-width: 1026px) {
	#events-calendar-events-page .calendar-mobile {
		display: none;
	}
}

@media only screen and (max-width: 1025px) {
	#events-calendar-events-page .calendar-pc {
		display: none;
	}
}

/* ---------------------------------------------------- 
 *  Accordion menu
 ---------------------------------------------------- */

/* .accordion-menu-with-image is a Section module */

/* .accordion-menu__regular is a Row module */

.accordion-menu-with-image,
.accordion-menu__regular {
	padding-bottom: 0 !important;
	margin-bottom: 20px !important;
}

.accordion-menu-with-image:last-child,
.accordion-menu__regular:last-child {
	margin-bottom: 60px;
}

/* Accordion menu icon */

.accordion-menu-with-image .et_pb_toggle_open .et_pb_toggle_title:before {
	content: '\4b' !important;
	background-color: #fff !important;
	border-radius: 50%;
	right: -150px;
}

/* Accordion menu icon */

.accordion-menu__regular .et_pb_toggle_open .et_pb_toggle_title:before {
	content: '\4b' !important;
	background-color: #fff !important;
	border-radius: 50%;
	font-weight: bold;
	font-size: 55px;
	color: var(--main-orange);
	width: 50px;
	height: 50px;
	line-height: 0.85;
	text-indent: -4px;
	transform: translate(-8px, 5px);
}

.accordion-menu-with-image h5.et_pb_toggle_title:before {
	background-color: #fff !important;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	content: '\4c';
	font-weight: bold;
	right: -150px;
	padding: 0 3px 3px 0;
	font-size: 55px;
}

.accordion-menu__regular .et_pb_toggle.et_pb_toggle .et_pb_toggle_title:before,
.accordion-menu__regular h5.et_pb_toggle_title:before {
	background-color: #fff !important;
	border-radius: 50%;
	content: '\4c';
	font-weight: bold;
	font-size: 55px;
	color: var(--main-orange);
	width: 50px;
	height: 50px;
	line-height: 0.85;
	text-indent: -4px;
	transform: translate(-8px, 5px);
}

.et_pb_toggle_open .et_pb_toggle_title:before,
h5.et_pb_toggle_title:before {
	right: 0px !important;
}

.accordion-menu__regular .et_pb_toggle_open .et_pb_toggle_title:before,
.accordion-menu__regular .et_pb_toggle.et_pb_toggle .et_pb_toggle_title:before {
	margin-top: -85px;
}

.accordion-menu-with-image .et_pb_toggle_open .et_pb_toggle_title:before,
.accordion-menu-with-image
	.et_pb_toggle.et_pb_toggle
	.et_pb_toggle_title:before {
	height: 100px;
	width: 100px;
	margin-top: -160px;
	color: var(--main-orange);
}

.accordion-menu__text.et_pb_toggle_item.et_pb_toggle_close {
	padding-bottom: 0;
}

/* Accordion menu contents */

.accordion-menu-with-image.accordion-menu__list .accordion-menu__list-wrapper {
	display: grid;
	grid-template-columns: 200px 1fr;
}

.accordion-menu-with-image .accordion-menu__title h5 {
	font-size: 14px;
	padding-bottom: 0;
}

.accordion-menu-with-image .accordion-menu__image img {
	height: 220px;
	object-fit: cover;
}

.accordion-menu-with-image .accordion-menu__text {
	grid-column-start: 2;
}

.accordion-menu .accordion-menu__text {
	padding: 20px 160px 50px;
}

.accordion-menu .accordion-menu__text.et_pb_toggle_close {
	padding-bottom: 0;
}

.accordion-menu-with-image .accordion-menu__title > * {
	width: 80%;
}

@media only screen and (max-width: 1025px) {
	.accordion-menu__regular h5.et_pb_toggle_title:before {
		width: 100% !important;
		position: static;
		margin: 0 !important;
		border: 2px solid #87aed0;
		height: 50px !important;
		box-sizing: border-box;
		border-radius: initial !important;
		display: inline-block;
		transform: unset !important;
		text-align: center;
	}

	.accordion-menu-with-image h5.et_pb_toggle_title:before {
		width: calc(100% + 96px) !important;
		position: static;
		margin: 0 0 0 -23px !important;
		border: 2px solid #87aed0;
		height: 50px !important;
		box-sizing: border-box;
		border-radius: initial !important;
		display: inline-block;
		color: var(--main-orange) !important;
		font-size: 39px;
		text-align: center;
		background-color: white;
	}

	.accordion-menu__regular .et_pb_toggle,
	.accordion-menu__regular .et_pb_toggle_title {
		width: 100% !important;
		padding: 0 0 20px 0 !important;
	}

	.accordion-menu__regular .et_pb_toggle_content,
	.accordion-menu__regular .et_pb_toggle_content {
		padding-top: 0;
		padding-bottom: 20px;
	}

	.accordion-menu__regular
		.et_pb_module.et_pb_text.et_pb_text_align_left.et_pb_bg_layout_light {
		height: auto !important;
	}

	.accordion-menu__regular .et_pb_toggle_item {
		padding: 0;
	}

	.accordion-menu-with-image .accordion-menu__text {
		grid-column: 1 / 3;
	}

	.accordion-menu__text .et_pb_toggle_content {
		padding: 20px 40px 0;
	}

	.accordion-menu-with-image .accordion-menu__title > *,
	.accordion-menu__title > * {
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.accordion-menu-with-image.accordion-menu__list
		.accordion-menu__list-wrapper {
		display: block;
	}

	.accordion-menu__title {
		min-height: unset !important;
	}

	.accordion-menu-with-image .accordion-menu__image img {
		height: unset;
	}

	.accordion-menu__image * {
		width: 100%;
	}

	.accordion-menu__regular h5.et_pb_toggle_title:before,
	.accordion-menu__regular h5.et_pb_toggle_title:before,
	.accordion-menu-with-image h5.et_pb_toggle_title:before {
		width: 100% !important;
		position: static;
		border: 2px solid #87aed0;
		height: 50px !important;
		box-sizing: border-box;
		border-radius: initial !important;
		transform: unset !important;
		text-align: center;
	}

	.accordion-menu-with-image h5.et_pb_toggle_title:before {
		width: calc(100% + 96px) !important;
	}

	.accordion-menu__text .et_pb_toggle_content {
		padding: 20px !important;
	}
}

/* ---------------------------------------------------- 
 *  Header menu
 ---------------------------------------------------- */

/* make the blue highlight bar be maintained when the user goes deeper into that page */
.current-page-ancestor a {
	border-top: 5px solid #3778b1;
	height: 35px !important;
}

/* "iDOT" icon in header menu  */

.et_pb_menu .et_pb_menu__menu > nav > ul > li.menu-icon-idot a {
	background: url('https://bcirpu.bcchdigital.ca/wp-content/uploads/2020/08/iDOT-icon.png')
		0px 13px no-repeat;
	background-size: 15px 15px;
	padding-left: 18px;
}

.et_pb_menu
	.et_pb_menu__menu
	> nav
	> ul
	> li.menu-icon-idot.current-menu-item
	a,
.et_pb_menu
	.et_pb_menu__menu
	> nav
	> ul
	> li.menu-icon-idot.current-page-ancestor
	a {
	background: url('https://bcirpu.bcchdigital.ca/wp-content/uploads/2020/08/iDOT-icon.png')
		0px 8px no-repeat;
	background-size: 15px 15px;
	padding-left: 18px;
}

@media only screen and (max-width: 980px) {
	.mobile_nav .menu-icon-idot.current-menu-item {
		padding-top: 5px;
	}

	.menu-icon-idot a {
		margin-top: 3px;
	}

	.menu-icon-idot a.current-menu-item {
		margin-top: 0;
	}

	.current-page-ancestor a {
		border-top: none;
	}
}

/* Adjust position of "iDOT" icon for mobile/tablet view  */

@media only screen and (max-width: 980px) and (min-width: 768px) {
	.mobile_nav .menu-icon-idot a {
		background: url('https://bcirpu.bcchdigital.ca/wp-content/uploads/2020/08/iDOT-icon.png')
			12px 15px no-repeat;
		background-size: 15px 15px;
	}
}

@media only screen and (max-width: 767px) {
	.mobile_nav .menu-icon-idot a {
		background: url('https://bcirpu.bcchdigital.ca/wp-content/uploads/2020/08/iDOT-icon.png')
			12px 15px no-repeat;
		background-size: 15px 15px;
		padding-left: 11%;
	}
}

/* "News" Carousel */

/* Carousel prev/next icons */

.et_pb_fh_post_carousel .owl-carousel .owl-nav button.owl-prev:before {
	content: '\e045';
	font-size: 30px;
}

.et_pb_fh_post_carousel .owl-carousel .owl-nav button.owl-next:before {
	content: '\e046';
	font-size: 30px;
}

/* Carousel dots positioning */

.home-news-carousel .owl-carousel .owl-dots {
	position: absolute;
	display: flex;
	background: transparent;
	right: -70px;
	top: -50px;
}

@media only screen and (max-width: 480px) {
	.home-news-carousel .owl-carousel .owl-dots {
		right: -30px;
		top: -42px;
	}
}

.home-news-carousel .owl-carousel,
.owl-carousel.owl-loaded {
	display: flex;
}

/* carousel image  */
@media only screen and (min-width: 768px) {
	.et_pb_fh_post_carousel_image img {
		height: 160px;
		object-fit: cover;
	}
}

/* ---------------------------------------------------- 
 *  Blog posts styling
 ---------------------------------------------------- */

.reports-and-blog-container article {
	padding: 20px;
	background-color: #87aed0;
}

.reports-and-blog-container article * {
	color: #fff !important;
}

.reports-and-blog-container .et_pb_post {
	margin-bottom: 40px;
}

.concussion-news article:before {
	content: '';
	height: 4px;
	display: block;
	border-bottom: 5px solid var(--main-orange);
	width: 30%;
	margin-bottom: 15px;
}

/* ---------------------------------------------------- 
 *  Concussion page
 ---------------------------------------------------- */

.concussion-information-resources ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 85%;
}

/* ---------------------------------------------------- 
 *  What is injury page
 ---------------------------------------------------- */

.icon-with-circle-wrap .et_pb_main_blurb_image {
	margin-bottom: 0 !important;
}

.icon-with-circle-wrap {
	margin: 0 !important;
	padding: 0 !important;
}

.icon-with-circle-wrap .et_pb_text_37 p {
	line-height: 1.2em;
	padding-left: 20px;
	width: 90%;
	margin-bottom: 10px;
}

.image-square-button-row .image-square-button p {
	min-height: 50px;
}

.supreme-icon-list-hidden .dsm_icon_list_items .dsm_icon_list_child .dsm_icon_list_icon {
	display: none;
}

@media only screen and (max-width: 1025px) and (min-width: 481px) {
	.what-is-injury-causes-include-wrapper {
		width: 50%;
	}

	.what-is-injury-include-bottom-text {
		margin-bottom: 30px !important;
		width: 100%;
		padding: 0 !important;
	}

	.icon-with-circle-wrap {
		width: 50%;
	}

	.what-is-injury-bc-text-wrapper > div {
		width: 70%;
		margin-left: 30%;
	}

	.what-is-injury-bc-text-wrapper > div:nth-child(2) {
		width: 10%;
	}
}

@media only screen and (max-width: 1025px) {
	.what-is-injury-causes-include > div,
	.what-is-injury-causes {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.what-is-injury-causes {
		width: 100% !important;
		padding: 0 !important;
	}

	.what-is-injury-causes > div {
		width: 50% !important;
		padding: 5%;
	}

	.what-is-injury-causes > div:nth-child(1) {
		border-right: 1px solid rgba(0, 0, 0, 0.5);
	}

	.what-is-injury-causes div h1 {
		font-size: 20px;
	}

	.what-is-injury-causes .what-is-injury-box-h1 h1 {
		font-size: 17px;
		opacity: 0.6;
		background: #3778b1;
		color: white !important;
		padding: 5px;
	}

	/* hide images in "HOW ARE BRITISH COLUMBIANS GETTING INJURED?"	 */
	.what-is-injury-causes > div:nth-child(2) {
		display: none;
	}

	.what-is-injury-causes div *,
	.what-is-injury-causes div h1 {
		text-align: left;
	}

	.what-is-injury-causes .et_pb_image {
		margin: 0 !important;
	}

	.what-is-injury-causes .et_pb_image img {
		width: 150px;
	}

	.what-is-injury-bc-image-wrapper {
		position: absolute;
		left: 0;
		width: 100%;
	}

	.what-is-injury-bc-image-wrapper > div {
		padding: 0;
		margin: 0;
	}

	.what-is-injury-bc-text-wrapper {
		width: 100%;
		padding-right: 0;
	}

	.what-is-injury-bc-image-wrapper .et_pb_image .et_pb_image_wrap {
		max-width: 78%;
	}
}

@media only screen and (max-width: 1025px) {
	.et_pb_column.et_pb_column_1_4.et_pb_column_11.what-is-injury-bc-image-wrapper.et_pb_css_mix_blend_mode_passthrough {
		left: -90px;
		top: 70px;
	}
}

@media only screen and (max-width: 480px) {
	.what-is-injury-bc-text-wrapper > div h1 {
		width: 70%;
		margin-left: 30%;
	}

	.et_pb_column.et_pb_column_1_4.et_pb_column_11.what-is-injury-bc-image-wrapper.et_pb_css_mix_blend_mode_passthrough {
		left: -43px;
		top: 37px;
	}
}

/* ---------------------------------------------------- 
 *  About Pages
 ---------------------------------------------------- */

.section-about-head-links {
	padding-bottom: 0;
}

.section-about-head-links > div {
	width: 100vw;
	padding: 0;
	max-width: unset;
}

.section-about-head-links__lists ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	width: 90%;
	margin: 0 auto !important;
	padding: 0 !important;
}

.section-about-head-links__lists ul li {
	margin-left: 30px !important;
}

.section-about-head-links__lists .dsm_icon_list .dsm_icon_list_child {
	margin: 0 30px 10px 0;
}

.section-about-head-links__lists
	.dsm_icon_list
	.dsm_icon_list_child:last-child {
	margin: 0 0 10px 0;
}

.section-about-head-links__lists
	.dsm_icon_list_items
	.dsm_icon_list_child
	.dsm_icon_list_icon {
	font-size: 20px;
	color: var(--main-blue) !important;
}

.section-about-head-links__lists
	.dsm_icon_list_items
	.dsm_icon_list_child
	.dsm_icon_list_icon::before {
	display: block;
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	background: #abd1f1;
	z-index: -1;
	top: 0px;
	left: -5px;
	border-radius: 50%;
}

.section-about-head-links__lists ul a {
	color: #f79339;
	font-size: 16px;
	font-weight: bold;
	transition: 200ms;
}

.section-about-head-links__lists ul a:hover {
	opacity: 0.7;
}

@media only screen and (max-width: 600px) {
	.section-about-head-links__lists ul {
		justify-content: start;
		width: auto !important;
		margin: 0 40px !important;
		padding: initial !important;
	}

	.section-about-head-links__lists ul li {
		margin: 0 0 10px !important;
		width: 100%;
	}
}

/* ---------------------------------------------------- 
 *  Injury Topics Landing Pages
 ---------------------------------------------------- */

/* set default layout */

.et-main-area .et_pb_row {
	width: 80% !important;
	max-width: 2560px !important;
	padding: 0;
}

.et_pb_section .et_pb_row_7.et_pb_row {
	padding: 0 !important;
}

/* "INJURY TOPICS" */

.injury-topics-page-links ul {
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: 1fr;
}

.injury-topics-page-links-2-columns ul {
	grid-template-columns: repeat(2, 1fr);
}

.injury-topics-page-links ul {
	transition: 0.3s;
}

.injury-topics-page-links ul li {
	background-size: 150%;
	background-position: center;
	transition: 0.5s;
}

.injury-topics-page-links ul li:hover {
	background-size: 170%;
}

.injury-topics-page-links ul li a {
	color: #fff;
	display: flex;
	text-transform: uppercase;
	font-size: 25px;
	font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif;
	font-weight: bold;
	background: rgba(0, 42, 107, 0.6);
	width: 100%;
	height: 100%;
	padding: 20% 5% !important;
	justify-content: center;
	transition: 0.3s;
}

.injury-topics-page-links-2-columns ul li a {
	/* if it's 2 columns, reduce the hight */
	padding: 6% 5% !important;
}

.injury-topics-page-links ul li a .dsm_icon_list_text {
	padding: 0 !important;
	text-align: center;
	line-height: 1.4em;
}

.resources-fact-sheets h1:first-child {
	margin-bottom: 20px;
}

.resources-fact-sheets .et_pb_gutters2 h1 {
	font-size: 20px;
}

@media only screen and (max-width: 600px) {
	.injury-topics-page-links ul {
		grid-template-columns: repeat(2, 1fr);
		gap: 25px;
	}

	.injury-topics-page-links ul li a {
		font-size: 18px;
	}

	.injury-topics-page-links ul li a .dsm_icon_list_text {
		word-break: break-word;
	}
}

/* ---------------------------------------------------- 
 *  Individual Injury Topic Pages
 ---------------------------------------------------- */

/* titles */

.injury-topic-hero-section {
	margin-bottom: 50px;
}

.injury-topic-title {
	margin: 80px 0 0;
}

.injury-topic-title-from-right,
.injury-topic-title-from-left {
	width: 100%;
	display: flex;
	padding: 0 !important;
}

.injury-topic-title-from-right__text *,
.injury-topic-title-from-left__text * {
	color: #fff;
	font-size: calc(18px + (45 - 18) * ((100vw - 320px) / (2560 - 320)));
	font-weight: bold;
	line-height: 1.3;
	font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif;
}

.injury-topic-title-from-left__text .et_pb_fullwidth_header_container,
.injury-topic-title-from-right__text .et_pb_fullwidth_header_container {
	padding: 0 15px;
}

.injury-topic-title-from-right__image img,
.injury-topic-title-from-left__image img {
	position: absolute;
	top: 0;
	z-index: 1;
	height: 9.3vw;
	width: auto;
}

.injury-topic-title-from-right__image img {
	left: 9.9vw;
}

.injury-topic-title-from-left__image img {
	right: 8.8vw;
}

@media only screen and (max-width: 480px) {
	.injury-topic-title-from-right__image img,
	.injury-topic-title-from-left__image img {
		height: 18vw;
		top: -6vw;
	}

	.injury-topic-title-from-right__image img {
		left: 3vw;
	}

	.injury-topic-title-from-left__image img {
		right: 3vw;
	}
}

.injury-topic-title .injury-topic-title-from-right__text,
.injury-topic-title .injury-topic-title-from-left__text {
	display: flex;
	background-color: #f79339 !important;
	width: 90vw;
	padding: 0;
	border-radius: 9999px 0 0 9999px;
	min-height: 9.3vw;
}

.injury-topic-title
	.injury-topic-title-from-right__text
	.et_pb_fullwidth_header_container,
.injury-topic-title
	.injury-topic-title-from-left__text
	.et_pb_fullwidth_header_container {
	max-width: 2000px;
}

.injury-topic-title .injury-topic-title-from-right__text {
	margin-left: 10.1vw;
	border-radius: 9999px 0 0 9999px;
}

.injury-topic-title .injury-topic-title-from-left__text {
	margin-right: 10.1vw;
	border-radius: 0 9999px 9999px 0;
}

.injury-topic-title-from-right__text h2,
.injury-topic-title-from-left__text h2 {
	padding: 0.5vw 0 0.8vw;
}

.injury-topic-title-from-right__text h2 {
	padding-left: 1vw;
}

.injury-topic-title-from-left__text h2 {
	padding-right: 1vw;
}

/* contents */

.injury-topic-contents {
	padding: 0 !important;
	margin-bottom: 20px;
}

.injury-topic-contents__row {
	padding: 40px 0 0 !important;
}

.injury-topic-contents__h2 {
	margin-bottom: 0;
}

.injury-topic-contents h2,
.injury-topic-contents h3,
.injury-topic-contents h4,
.injury-topic-contents h5 {
	color: #0377bf;
	padding-bottom: 0;
}

.injury-topic-contents h3 {
	font-size: calc(16px + (26 - 16) * ((100vw - 320px) / (2560 - 320)));
}

.injury-topic-contents h4 {
	font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (2560 - 320)));
}

.injury-topic-contents h5 {
	font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (2560 - 320)));
}

.injury-topic-contents__footnote__divider {
	margin: 0 !important;
}

.injury-topic-contents .et_pb_column {
	margin-bottom: 0 !important;
}

.injury-topic-contents:last-child {
	margin-bottom: 120px;
}

/* footnotes, to prevent the anchor link is hidden behind fixed header */

.injury-topic-title .footnote {
	color: #fff;
}

a.footnote[href^='#footnote'] {
	position: relative;
}

a.footnote[href^='#footnote-bottom'] {
	font-size: 70%;
	vertical-align: super;
}

a.footnote[href^='#footnote'] span {
	position: absolute;
	top: -98px;
}

/* ---------------------------------------------------- 
 *  iDOT page
 ---------------------------------------------------- */

.idot-each-section-link {
	width: 100%;
	text-align: center;
}

sup {
	bottom: 0.5em;
	font-size: 70%;
}

/* ---------------------------------------------------- 
 *  iDOT vidualizations page
 ---------------------------------------------------- */

/* landing page table of contents */

.idot-visualization-table-of-contents ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.idot-visualization-table-of-contents li {
	width: 46%;
	font-size: 25px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 40px !important;
}

.idot-visualization-table-of-contents li a {
	width: 100%;
}

/* icon */

.idot-visualization-table-of-contents span.dsm_icon_list_icon {
	padding-left: 10px;
	position: relative;
}

.idot-visualization-table-of-contents span.dsm_icon_list_icon::before {
	top: -10px;
	display: block;
	content: '';
	width: 40px;
	height: 40px;
	position: absolute;
	background: #a2d2f4;
	border-radius: 50%;
	left: 0px;
	z-index: -1;
}

.idot-visualization-table-of-contents li span.dsm_icon_list_text {
	line-height: 1.35;
}

.idot-visualization-table-of-contents
	.dsm_icon_list_items
	.dsm_icon_list_child
	.dsm_icon_list_icon {
	color: #3778b1 !important;
	font-size: 40px;
	margin-right: 17px;
}

.back-to-table-of-contents-button p:hover {
	opacity: 0.6;
	transition: 0.3s;
}

/* tableau contents */

.idot-visualization-section h2 {
	color: #0c79c0;
	text-align: center;
}

/* iDOT visualization iframe */

.tableauPlaceholder .fluid-width-video-wrapper {
	padding: 0 !important;
}

.tableauPlaceholder {
	width: 100% !important;
	overflow: visible !important;
	height: auto !important;
}

.tableauPlaceholder iframe {
	margin: 0 auto !important;
}

/* on pc, hide images h2, and show the iframe contents */

@media only screen and (min-width: 1026px) {
	.idot-visualization-section h2 {
		display: none;
	}

	.idot-visualization-mobile-image {
		display: none;
	}
}

@media only screen and (max-width: 1025px) {
	.idot-visualization-section h2 {
		display: block;
	}

	.idot-visualization-table-of-contents {
		padding: 50px 0 0;
	}

	.idot-visualization-table-of-contents > .et_pb_row {
		padding: 0;
	}

	.idot-visualization-table-of-contents ul {
		display: block;
	}

	.idot-visualization-table-of-contents li {
		width: 100%;
		font-size: 18px;
		margin-bottom: 30px !important;
	}

	.idot-visualization-table-of-contents
		.dsm_icon_list_items
		.dsm_icon_list_child
		.dsm_icon_list_icon {
		font-size: 30px;
		margin-right: 7px;
	}

	/* tableau contents */
	/* on tablet & mobile, hide the iframe contents and show images */
	.idot-visualization-mobile-image {
		display: block;
	}

	.idot-visualization-desktop-iframe {
		display: none !important;
	}
}

/* ---------------------------------------------------- 
 *  Footer
 ---------------------------------------------------- */

.footer-partners {
	width: 65%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.footer-partner-logos {
	display: flex;
	align-content: center;
	justify-content: space-between;
}

@media only screen and (max-width: 480px) {
	.et_pb_with_border.et_pb_row.et_pb_row_0_tb_footer.et_pb_gutters2.et_pb_row_4col
		> div:nth-child(2),
	.et_pb_with_border.et_pb_row.et_pb_row_0_tb_footer.et_pb_gutters2.et_pb_row_4col
		> div:nth-child(3) {
		width: 45% !important;
	}

	.et_pb_with_border.et_pb_row.et_pb_row_0_tb_footer.et_pb_gutters2.et_pb_row_4col
		> div:nth-child(2) {
		margin-right: 10%;
	}

	.footer-partners {
		width: 100% !important;
	}

	.footer-partners > * {
		max-width: 50%;
		text-align: center;
	}

	.footer-partners p[style] {
		text-align: center !important;
	}

	.nvkContent {
		word-break: break-word;
	}

	.nvkContent * {
		align-items: baseline;
	}
}

/* ---------------------------------------------------- 
 * News Posts (used in several pages, not only "Media" page)
 ---------------------------------------------------- */

.media-page-news article {
	width: 100%;
	padding: 30px;
	overflow: hidden;
	background-color: #3778b1;
	font-weight: bold;
}

.media-page-news article * {
	position: relative;
}

/* positioning of background image for each article */

.media-page-news .entry-featured-image-url {
	display: block;
	position: absolute;
	margin-bottom: 30px;
	height: 100%;
	z-index: 0;
	width: 100%;
	top: 0;
	left: 0;
}

.media-page-news .entry-featured-image-url img {
	position: absolute;
	z-index: 0;
	height: 100%;
	object-fit: cover;
	width: 100%;
	transition: 0.6s;
}

.media-page-news .entry-featured-image-url:after {
	display: block;
	content: '';
	background: rgba(0, 0, 155, 0.3);
	width: 100%;
	height: 100%;
	position: absolute;
}

/* articles not found message */

h2.not-found-title {
	color: #888 !important;
	font-size: 16px;
}

h2.not-found-title + p {
	display: none;
}