/*
Theme Name: NFID Website by Yoko Co
Theme URI: http://www.yokoco.com
Version: 1.0
Description: A custom child theme for NFID by Yoko Co. 
Author: Yoko Co
Author URI: https://www.yokoco.com
template: bb-theme
*/

/*
 * 1. Master Colors & Type
 * 2. Headers & Nav
 * 3. Banners
 * 4. Feeds & Grids
 * 5. CPTs
 * 6. Footer
 * 7. FacetWP
 * 8. General Styles
 * 9. Add to Calendar
 * X. General Media Queries (Put most media queries in their respective sections)
*/

/******************************************************************************************/
/******************************** 1 MASTER COLORS & TYPE **********************************/
/******************************************************************************************/

/* Text Styles */

h1, h2, h3, h4, h5, h6 {
	font-family: adelle-sans, sans-serif;
	font-weight: 600;
}

.larger p {
	font-size: 1.25em;
}

.xlarger p {
	font-size: 1.5em; 
}

.smaller p {
	font-size: 0.75em; 
}

.leadin-small p, .leadin-small a, .leadin-small, .leadin-small h1, .leadin-small h2, .leadin-small h3, .leadin-small h4, .leadin-small h5, .leadin-small h6, .leadin-small h1 a, .leadin-small h2 a, .leadin-small h3 a, .leadin-small h4 a, .leadin-small h5 a, .leadin-small h6 a, .leadin-small .fl-heading-text,
.leadin-large p, .leadin-large a, .leadin-large, .leadin-large h1, .leadin-large h2, .leadin-large h3, .leadin-large h4, .leadin-large h5, .leadin-large h6, .leadin-large h1 a, .leadin-large h2 a, .leadin-large h3 a, .leadin-large h4 a, .leadin-large h5 a, .leadin-large h6 a, .leadin-large .fl-heading-text {
	text-transform: uppercase;
	font-family: adelle-sans, sans-serif;
	font-weight: 500;
	color: #5C788A;
	letter-spacing: 0.05em;
	line-height: 1.4em;
}

.leadin-small p, .leadin-small a, .leadin-small, .leadin-small h1, .leadin-small h2, .leadin-small h3, .leadin-small h4, .leadin-small h5, .leadin-small h6, .leadin-small h1 a, .leadin-small h2 a, .leadin-small h3 a, .leadin-small h4 a, .leadin-small h5 a, .leadin-small h6 a, .leadin-small .fl-heading-text {font-size: 16px;}

.leadin-large p, .leadin-large a, .leadin-large, .leadin-large h1, .leadin-large h2, .leadin-large h3, .leadin-large h4, .leadin-large h5, .leadin-large h6, .leadin-large h1 a, .leadin-large h2 a, .leadin-large h3 a, .leadin-large h4 a, .leadin-large h5 a, .leadin-large h6 a, .leadin-large .fl-heading-text {font-size: 24px;}

.invert .leadin-small p, .invert .leadin-small a, .invert .leadin-small, .invert .leadin-small h1, .invert .leadin-small h2, .invert .leadin-small h3, .invert .leadin-small h4, .invert .leadin-small h5, .invert .leadin-small h6, .invert .leadin-small h1 a, .invert .leadin-small h2 a, .invert .leadin-small h3 a, .invert .leadin-small h4 a, .invert .leadin-small h5 a, .invert .leadin-small h6 a, .invert .leadin-small .fl-heading-text,
.invert .leadin-large p, .invert .leadin-large a, .invert .leadin-large, .invert .leadin-large h1, .invert .leadin-large h2, .invert .leadin-large h3, .invert .leadin-large h4, .invert .leadin-large h5, .invert .leadin-large h6, .invert .leadin-large h1 a, .invert .leadin-large h2 a, .invert .leadin-large h3 a, .invert .leadin-large h4 a, .invert .leadin-large h5 a, .invert .leadin-large h6 a, .invert .leadin-large .fl-heading-text {color: #fff;}

.heading-line a, .heading-line, .heading-line h1, .heading-line h2, .heading-line h3, .heading-line h4, .heading-line h5, .heading-line h6, .heading-line h1 a, .heading-line h2 a, .heading-line h3 a, .heading-line h4 a, .heading-line h5 a, .heading-line h6 a, .heading-line .fl-heading-text {
	font-size: 32px;
	line-height: 120%;
	letter-spacing: -0.03em;
	display: flex;
	align-items: center;
}

.heading-line h1::after, .heading-line h2::after, .heading-line h3::after, .heading-line h4::after, .heading-line h5::after, .heading-line h6::after, .heading-line h1 a::after, .heading-line h2 a::after, .heading-line h3 a::after, .heading-line h4 a::after, .heading-line h5 a::after, .heading-line h6 a::after {
	content: '';
	width: 24px;
	height: 3px;
	background-color: #FF9900;
	margin-left: 12px;
}

.gradient-text p, .gradient-text a, .gradient-text, .gradient-text h1, .gradient-text h2, .gradient-text h3, .gradient-text h4, .gradient-text h5, .gradient-text h6, .gradient-text h1 a, .gradient-text h2 a, .gradient-text h3 a, .gradient-text h4 a, .gradient-text h5 a, .gradient-text h6 a, .gradient-text .fl-heading-text {
	background: linear-gradient(90.26deg, #00539B 1.27%, #0090B4 99.88%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}

.invert .gradient-text .fl-heading, .invert .gradient-text {
	background: #fff;
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.orange-text p, .orange-text a, .orange-text, .orange-text h1, .orange-text h2, .orange-text h3, .orange-text h4, .orange-text h5, .orange-text h6, .orange-text h1 a, .orange-text h2 a, .orange-text h3 a, .orange-text h4 a, .orange-text h5 a, .orange-text h6 a, .orange-text .fl-heading-text {color: #FF9900 !important;}

@media screen and (max-width: 767px) {
	.leadin-large p, .leadin-large a, .leadin-large, .leadin-large h1, .leadin-large h2, .leadin-large h3, .leadin-large h4, .leadin-large h5, .leadin-large h6, .leadin-large h1 a, .leadin-large h2 a, .leadin-large h3 a, .leadin-large h4 a, .leadin-large h5 a, .leadin-large h6 a, .leadin-large .fl-heading-text {font-size: 18px;}
}
 
/* Backgrounds */

.bg-main > .fl-row-content-wrap, .bg-main > .fl-col-content, .bg-main.fl-module {
	background-color: #F3F5F6; 
}

.bg-light > .fl-row-content-wrap, .bg-light > .fl-col-content, .bg-light.fl-module {
	background-color: #E9ECEF; 
}

.bg-dark > .fl-row-content-wrap, .bg-dark > .fl-col-content, .bg-dark.fl-module {
	background-color: #1D4474; 
}

.bg-gradient > .fl-row-content-wrap, .bg-gradient > .fl-col-content, .bg-gradient.fl-module {
	background: linear-gradient(92.03deg, #00539B 0.38%, #0090B4 64.72%, #FF9900 95.44%); 
}

.fl-page, .fl-page-header-fixed {max-width: 1360px;}

.fl-page-content {background-color: #f3f5f6;}

/* Icons */

.fl-icon i, .fl-page-bar .fl-social-icons i.fas, .fl-page-bar .fl-social-icons i.fab {color: #0090B4;}

.fl-page-bar .fl-social-icons i.fas, .fl-page-bar .fl-social-icons i.fab {
	font-size: 16px;
    margin-right: 12px;
}

/* Social Icons */

.a2a_kit {
	display: flex;
	align-items: center;
	gap: 15px;
	float: none;
	justify-content: flex-end;
}

.a2a_kit a .a2a_svg {background-color: rgba(0,0,0,0) !important;}

.a2a_kit a .a2a_svg svg path {fill: #0090B4 !important;}

.a2a_kit a.a2a_button_facebook .a2a_svg svg path {fill: #344E86 !important;}

.a2a_kit a.a2a_button_twitter .a2a_svg svg path {fill: #3EA1EC !important;}

.a2a_kit a.a2a_button_linkedin .a2a_svg svg path {fill: #00669C !important;}

/* .a2a_kit a.a2a_button_print .a2a_svg {display: none;}

.a2a_kit a.a2a_button_print {
	border: 2px solid #007A99;
	padding: 16px 24px !important;
	border-radius: 8px;
	font-weight: 500;
	font-size: 18px;
	transition: all .5s;
}

.a2a_kit a.a2a_button_print:hover {
	background-color: #007A99;
	color: #fff;
	text-decoration: none;
} */

.a2a_kit a.a2a_button_print .a2a_svg {
	width: 28px;
	height: 28px;
}

a.a2a_dd:nth-of-type(2) {display: none;}

.share-align-left .a2a_kit {justify-content: flex-start;}
.share-align-center .a2a_kit {justify-content: center;}

@media screen and (max-width: 767px) {
	.a2a_kit {
		justify-content: center !important;
		gap: 5px;
	}
	.share-mobile-left .a2a_kit {justify-content: flex-start !important;}
}

/******************************************************************************************/
/************************************ 2 HEADERS & NAV *************************************/
/******************************************************************************************/

@media screen and (min-width: 768px) {
	/* Top Bar */
	.fl-page-bar {
		position: sticky;
		top: 0;
		z-index: 99;
	}
	.admin-bar .fl-page-bar:not([data-scroll='0']) {top: 32px;}
	.admin-bar .fl-page-nav-right.fl-page-header-fixed {top: 104px !important;}
	.fl-page-bar, .fl-page-header {box-shadow: 4px 0px 4px -4px rgba(0, 0, 0, 0.08), -4px 0px 4px -4px rgba(0, 0, 0, 0.08);}
	.fl-page-bar::before {
		content: '';
		background: linear-gradient(90deg, #0090B4 0%, #1C4373 100%);
		display: block;
		height: 8px;
		width: 100%;
	}
	.fl-page-bar-container {padding: 10px 0;}
	.fl-page-bar-row {
		display: flex;
		align-items: center;
	}
	.fl-page-bar-row .text-left {width: 25%;}
	.fl-page-bar-row .text-right {width: 75%;}
	ul.fl-page-bar-nav a {
		font-weight: 500;
		font-size: 16px;
		color: #5C788A !important;
	}
	ul.fl-page-bar-nav li:not(.menu-button):hover a {color: #f90 !important;}
	.fl-page-bar-nav .menu-button a {
		background: linear-gradient(96.96deg, #1C4373 -50.37%, #0090B4 100%);
		padding: 12px 20px;
		border-radius: 8px;
		color: #fff !important;
		margin-left: 5px;
	}
	.fl-page-bar-nav .menu-button:hover a {background: #1C4373;}

	/* Main */
	.fl-page-nav ul.sub-menu {
		border-top: 0px; 
		border-radius: 6px; 
	}
	.fl-page-header, .fl-page-header-wrap {
		border-bottom-style: none; /* Removes the 1px border below the menu */
		width: 100%;
		
		/* Used for transparent headers. If you're using the default theme header, uncomment the section below to enable a transparent header. */
		/* background: rgb(0,0,0);
		background: -moz-linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%);
		background: linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
		position: absolute;
		z-index: 10;
		top: 0px; */ /*Height of top bar*/
	}
	.fl-page-header-fixed {
		top: 70px !important;
		box-shadow: none !important;
		border: 1px solid rgba(0,0,0,0.02);
	}
	.fl-page-header-fixed .fl-page-header-wrap {background: #fff;}
	.fl-page-nav-right .fl-page-header-container {padding: 24px 0;}
	.fl-page-header-row .fl-page-header-logo-col {width: 25%;}
	.fl-page-header-row .fl-page-nav-col {width: 75%;}
	a.fa-search {
		font-family: 'Linearicons';
		padding-top: 7px;
	}
	a.fa-search:before {
		content: "\e922";
		font-size: 15px;
	}
	.fl-fixed-header .fl-page-bar, .fl-page-header {
		min-width: 0px !important;
		max-width: 1360px !important;
	}
	.fl-fixed-header .fl-page-bar {margin: 0 auto;}
}

@media screen and (max-width: 767px) {
	.fl-page-bar {display: none;}
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle {top: 40px;}
	.fl-page-header::before {
		content: '';
		background: linear-gradient(90deg, #0090B4 0%, #1C4373 100%);
		display: block;
		height: 4px;
		width: 100%;
	}
	.fl-page-header-primary .fl-logo-img {max-width: 200px;}
}

/******************************************************************************************/
/*************************************** 3 BANNERS ****************************************/
/******************************************************************************************/

.banner-main {
	box-shadow: 4px 0 4px -5px rgba(0, 0, 0, 0.08),
				-4px 0 4px -5px rgba(0, 0, 0, 0.08),
				0 4px 10px -4px rgba(0, 0, 0, 0.08);
	margin-bottom: 10px;
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
}
.banner-main .fl-col-content > .fl-module:last-child {
	border-radius: 0 0 16px 16px;
}

.banner-main-subtitle .fl-module-content {
	margin-top: 0px; 
}

.banner-main-breadcrumbs {
	font-size: 16px;
	color: #5A6C72;
}

.banner-main-breadcrumbs ol {
	padding: 0px; 
}

.banner-main-separator::before {
	content: '';
	background: linear-gradient(92.03deg, #00539B 0.38%, #0090B4 64.72%, #FF9900 95.44%);
	height: 24px;
	width: 100%;
}

.banner-inner-nav.fl-module-menu {
	text-align: center;
	background: linear-gradient(97deg, #1C4373 -50.37%, #0090B4 100%);
	padding: 0 20px;
}
.banner-inner-nav.fl-module-menu ul.menu {
	flex-wrap: nowrap;
	justify-content: space-between;
}
.banner-inner-nav.fl-module-menu ul.menu > li {
	width: 100%;
}
.banner-inner-nav.fl-module-menu ul.menu > li > a {
	padding: 16px;
}
.banner-inner-nav.fl-module-menu ul.menu > li > a {
	color: rgba(255, 255, 255, 0.80);
	font-size: 16px;
	font-weight: 500;
	line-height: 28px;
	letter-spacing: -0.48px;
	text-decoration: none;
	position: relative;
}
.banner-inner-nav.fl-module-menu ul.menu > li:hover > a,
.banner-inner-nav.fl-module-menu ul.menu > li.current-menu-item > a {
	color: #FFF;
}
.banner-inner-nav.fl-module-menu ul.menu > li > a::after {
	content: '';
	display: block;
	border-bottom: 4px solid transparent;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}
.banner-inner-nav.fl-module-menu ul.menu > li:hover > a::after,
.banner-inner-nav.fl-module-menu ul.menu > li.current-menu-item > a::after {
	border-color: #F90;
}
@media screen and (min-width: 1081px) {
	.banner-inner-nav.fl-module-menu ul.menu {
		width: 1080px;
	}
}

/******************************************************************************************/
/************************************ 4 FEEDS & GRIDS *************************************/
/******************************************************************************************/

/* This is the default container for a grid item in the posts module. */
.fl-post-feed-post, .fl-post-grid-post {
	background-color: #fff;
	border-radius: 8px;
	border: 0px;
}

.fl-post-feed-post img, .fl-post-grid-post img {border-radius: 4px;}

h2.fl-post-title a {
	letter-spacing: -1px;
	font-size: 24px;
}

.fri-feed-item .row {
	margin: 0px; 
}

.feed-meta-block, .fri-meta-item {
	font-family: adelle-sans, sans-serif;
	font-size: 15px;
	color: #5C788A;
	text-transform: uppercase;
	margin-bottom: 8px;
	padding-bottom: 0px !important;
}

.feed-meta-block + .feed-meta-block {
	margin-top: 10px; 
}

.feed-meta-label {
	font-size: 0.75em; 
}

.feed-meta-block ul.fl-category {
	list-style-type: none; 
	padding: 0px; 
}

.fl-post-excerpt {font-size: 18px;}

.fl-post-feed-post a.simple-button::after, .fl-post-grid-post a.simple-button::after {margin-left: 10px !important;}

.fl-post-feed-post a.simple-button:hover, .fl-post-grid-post a.simple-button:hover {color: #F15623;}

/* Lists */

.fl-post-feed-post .simple-list, .fl-post-feed-post .complex-list {padding: 12px;}

.complex-list-item {padding: 40px !important;}

.content-col {padding: 20px;}

.fl-post-feed-post .super-simple-list {
	border-bottom: 1px solid #E9ECEF;
	padding: 0 0 20px 0;
	margin-bottom: 0px;
}

.complex-list-image, .simple-list-image {display: flex;}

.complex-list-image .fri-flex-row, .simple-list-image .fri-flex-row {
	flex: 1 1 auto;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: stretch;
}

.content-col {margin: auto 0;}

.complex-list-image .fl-post-image, .simple-list-image .fl-post-image, .complex-list-image img, .simple-list-image img {height: 100%;}

.complex-list-image img, .simple-list-image img {object-fit: cover;}

.super-simple-list h2.fl-post-title a {font-size: 20px;}

.award-list-item ul {
	list-style: none;
    padding-left: 0;
    display: flex;
    gap: 10px;
	flex-wrap: wrap;
}

.award-list-item li:not(:last-of-type)::after {
	content: ', ';
	margin-left: -3px;
}

@media screen and (max-width: 767px) {
	.fl-post-feed-post .content-col {padding-top: 0;}
	.complex-list-image-reverse .fri-flex-row.fri-flex-row-center {flex-wrap: wrap-reverse;}
}

/* Grids */

.fl-post-grid-post .simple-grid, .fl-post-grid-post .complex-grid {padding: 12px;}

.fl-post-grid-post .fl-post-text {
	background: linear-gradient(180deg, #FFFFFF 0%, #F9FAFB 100%);
	border-radius: 4px;
}

.person-grid-item .fl-post-text {text-align: center;}

.person-grid-item .nfid-person-role, .person-grid-item .nfid-person-award-year {
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 0;
}

.person-grid-item .nfid-person-employer {
	font-size: 16px;
	padding-bottom: 5px;
}

/******************************************************************************************/
/**************************************** 5 CPTS ******************************************/
/******************************************************************************************/

.general-meta {font-size: 18px;}

.general-meta strong {
	color: #1C4373;
	font-size: 12px;
}

/* Awards */

.award-recipients .fl-html {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 40px;
}

.award-recipient {
	width: 25%;
	background-color: #fff;
	border-radius: 8px;
	padding: 12px;
}

.award-recipient .award-recipient-image img {border-radius: 4px;}

.award-recipient .award-recipient-content {
	background: linear-gradient(180deg, #FFFFFF 0%, #F9FAFB 100%);
	border-radius: 4px;
	text-align: center;
	padding: 20px;
}

.award-recipient .nfid-person-name {
	font-weight: 500;
	font-size: 24px;
}

.award-recipient .nfid-person-name a {color: #1C4373;}

.award-recipient .nfid-person-name a:hover {color: #FF9900;}

/* People */

.list-awards .fl-html {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.list-award {
	display: flex;
	gap: 20px;
	background: #fff;
	border-radius: 8px;
	padding: 12px;
}

.list-award img {border-radius: 4px;}

/* Infectious Diseases */

.key-audiences {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin: 20px 0;
}

.key-audience {width: 31%;}

.key-audience .audience-image img {border-radius: 8px;}

/******************************************************************************************/
/*************************************** 6 FOOTER *****************************************/
/******************************************************************************************/

.footer-main a, .footer-main .menu li a {
	color: #1C4373;
}

.footer-main a:hover, .footer-main .menu li a:hover {color: #f90;}

.footer-main .menu li ul {
	display: none; 
}

.footer-main .menu li a {
	padding: 0px 0px 18px; 
}

.footer-contact-icon .fl-module-content {
	margin-top: 0px; 
}

.footer-sub {
	font-size: 0.75em; 
}

.footer-sub-right {
	text-align: right; 
}

@media screen and (max-width: 767px) {
	.footer-sub, .footer-sub-right, .footer-sub-left {
		text-align: center; 
	}
	.footer-sub-left .fl-module-content {
		margin-bottom: 5px; 
	}
	.footer-sub-right .fl-module-content {
		margin-top: 5px; 
	}
}

/******************************************************************************************/
/*************************************** 7 FACETWP ****************************************/
/******************************************************************************************/

.facetwp-facet, .facetwp-facet-search .facetwp-input-wrap {margin-bottom: 20px !important;}

.fs-wrap {width: 100% !important;}

.facetwp-facet-title {
	font-family: 'Roboto';
	font-weight: 500;
	font-size: 18px;
	letter-spacing: normal;
	color: #5C788A;
}

.facetwp-facet input.facetwp-search, .facetwp-facet input.facetwp-location, .fs-label-wrap,
input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=number], input[type=search], input[type=url], textarea {
	background: #fff;
	border: 1px solid #E9ECEF !important;
	box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.04);
	border-radius: 8px;
	padding: 11px 16px;
	font-size: 18px;
}

.fs-label-wrap .fs-label {padding: 6px 22px 6px 0px !important;}

.fs-wrap .fs-search input {    
    padding: 8px !important;
    background-color: #fff !important;
}

.facetwp-facet input.facetwp-search, .facetwp-facet input.facetwp-location {padding: 16px 30px 16px 16px;}

.fs-label-wrap .fs-label, .facetwp-facet input.facetwp-search::placeholder {
	color: rgba(92, 120, 138, 0.6);
	font-weight: 400;
	font-size: 18px;
	line-height: 1;
}

.fs-arrow {
	width: 24px !important;
    height: 100% !important;
    content: url(https://es.nfid.org/wp-content/themes/yoko-nfid-child/images/chevron-down.svg);
    border: none !important;
	right: 10px !important;
}

i.facetwp-icon:before {
    background: url(https://es.nfid.org/wp-content/themes/yoko-nfid-child/images/search.svg) no-repeat;
    margin-top: 7px;
}

.facetwp-icon {
    opacity: 1 !important;
	right: 8px !important;
    top: 11px;
}

.facetwp-type-date_range input::placeholder {
	background: url(https://es.nfid.org/wp-content/themes/yoko-nfid-child/images/calendar.svg) no-repeat;
	background-position: right;
	color: rgba(92, 120, 138, 0.6);
	font-family: 'Roboto';
	font-size: 18px;
}

.facetwp-type-date_range {
	display: flex;
    gap: 10px;
}

input.facetwp-date {padding: 16px 12px !important;}

button.facetwp-reset {
	background-color: rgba(0,0,0,0);
	border: 2px solid #007A99;
	color: #007A99;
}

@media screen and (max-width: 767px) {
	.facetwp-facet, .facetwp-facet-search .facetwp-input-wrap {margin-bottom: 10px !important;}
}

/******************************************************************************************/
/************************************ 8 GENERAL STYLES ************************************/
/******************************************************************************************/

/* Sidebar */

.sidebar-col {
	background-color: #fff;
	border-radius: 8px;
	padding: 20px;
	margin-bottom: 40px;
}

.fl-module-sidebar ul>li {
	line-height: 1.2;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.fl-module-sidebar ul>li, .fl-module-sidebar ul>li>a {color: #1C4373;}

.fl-module-sidebar ul>li::after {
	content: url(https://es.nfid.org/wp-content/themes/yoko-nfid-child/images/teal-arrow.svg);
	height: 24px;
	width: 24px;
	margin-left: 20px;
}

.fl-module-sidebar ul>li:not(:first-of-type) {
	padding-top: 20px;
}

.fl-module-sidebar ul>li:not(:last-of-type) {
	padding-bottom: 20px;
	border-bottom: 1px solid #E9ECEF;
}

/* List Module */

.fl-list-item:not(:first-of-type) {padding-top: 20px !important;}

.fl-list-item {
	padding-bottom: 20px !important;
	border-bottom: 1px solid #E1E5EA !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.fl-list-item::after {
	content: url(https://es.nfid.org/wp-content/themes/yoko-nfid-child/images/teal-arrow.svg);
	height: 24px;
	width: 24px;
	margin-left: 20px;
}

/* Pagination */

.fl-builder-pagination li a.page-numbers, .fl-builder-pagination li span.page-numbers {
	border: 0px;
	border-radius: 4px;
	color: #5C788A;
	padding: 8px 20px;
	background-color: #E9ECEF;
}

.fl-builder-pagination li a.page-numbers:hover, .fl-builder-pagination li span.current {
	background-color: #fff;
	color: #5C788A;
}

.fl-builder-pagination li {margin-right: 5px;}

.fl-builder-pagination, .fl-builder-pagination-load-more {padding: 20px 0px;}

/* Lists */

ul {list-style-type: square;}

/* Blockquotes */

blockquote {
	border: 1px solid #ced4da;
    border-width: 1px 0;
    padding: 1.875rem 1.25rem;
    margin: 3.75rem 0;
    position: relative;
}

blockquote::before {
	content: '\201C';
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #f3f5f6;
    width: 3.75rem;
    height: 3.75rem;
    font-size: 7.5rem;
    line-height: 1;
    color: #6c757d;
    text-align: center;
}

blockquote p {margin-bottom: 0;}

/******************************************************************************************/
/*********************************** 9 ADD TO CALENDAR ************************************/
/******************************************************************************************/

.nice-select {
	background-color: rgba(0,0,0,0);
	border-radius: 8px; 
	border: 2px solid #007A99;
	color: #007A99;
 	-webkit-transition: all 0.5s;
 	transition: all 0.5s;
	font-size: 18px;
	font-weight: 500;
	line-height: 50px;
	height: 53px;
	margin-top: -30px;
}

.nice-select:hover, .nice-select:active, .nice-select:focus {
	color: #fff;
	border: 2px solid #0090B4;
	background-color: #0090B4;
}

.nice-select::after {
	border-bottom: 2px solid #007A99;
    border-right: 2px solid #007A99;
}

.nice-select-dropdown {color: #007A99 !important;}

.nice-select:hover::after, .nice-select:active::after, .nice-select:focus::after {
	border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}

/******************************************************************************************/
/******************************** X GENERAL MEDIA QUERIES *********************************/
/******************************************************************************************/

@media screen and (max-width: 767px) {
	h3 {font-size: 28px;}
	h4 {font-size: 24px;}
	h5 {font-size: 20px;}
}

@media print {
	.general-share-buttons {display: none;}
}