/*
Theme Name: IRI Online
Theme URI: http://www.irionline.org
Version: 1.0
Description: A custom child theme for IRI. 
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. Footer
 * 6. General Styles
 * X. General Media Queries (Put most media queries in their respective sections)
*/

.fl-page {
	max-width: 1920px;
	margin: 0 auto; 
}

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

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

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

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

.bg-main {
    background: radial-gradient(33.19% 83.47% at 86.25% -6.86%, rgba(13, 62, 105, 0.8) 0%, rgba(13, 62, 105, 0) 100%), radial-gradient(24.58% 61.82% at 5.07% -6.86%, rgba(0, 255, 163, 0.2) 0%, rgba(26, 252, 198, 0) 100%), linear-gradient(
261.4deg, #003B8E 0%, #0053C8 100%), #0053C8;
}

.bg-light {
	background-color: #f1f6fa; 
}

.bg-dark {
    background: radial-gradient(19.48% 106.58% at 0% 100%, rgba(249, 97, 8, 0.2) 0%, rgba(249, 97, 8, 0) 100%), radial-gradient(41.42% 54.5% at 59.51% 52.5%, rgba(9, 35, 66, 0.3) 0%, rgba(2, 14, 26, 0) 100%), radial-gradient(18.47% 37.56% at 97.53% 102.56%, rgba(50, 140, 224, 0.2) 0%, rgba(41, 133, 219, 0) 100%), linear-gradient(
180deg, #162646 27.08%, #1D3765 100%);
}

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

a.fa-search {
    font-family: 'Linearicons' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a.fa-search:before {
    content: "\e922";
	font-size: 18px;
}

@media screen and (min-width: 768px) {
	/*
	.fl-page-header, .fl-page-header-wrap {
		/* Used for transparent headers. Remove through the "top" property if not using. 
		background: rgb(0,0,0);
		background: -moz-linear-gradient(180deg, rgba(0,0,0,0.5186449579831933) 0%, rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.5186449579831933) 0%, rgba(0,0,0,0) 100%);
		background: linear-gradient(180deg, rgba(0,0,0,0.5186449579831933) 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 

		border-bottom-style: none; /* Removes the 1px border below the menu 
		width: 100%;
	}*/
	.fl-page-header-fixed .fl-page-header-wrap {
		background: #001A3E;
	}
}

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

.banner-main-title .fl-module-content {
	margin-bottom: 0px; 
}

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

.banner-main-breadcrumbs {
	opacity: 0.75;
	font-size: 0.8em; 
}

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

.banner-main {
	background: radial-gradient(19.48% 106.58% at 0% 100%, rgba(249, 97, 8, 0.2) 0%, rgba(249, 97, 8, 0) 100%), radial-gradient(41.42% 54.5% at 59.51% 52.5%, rgba(9, 35, 66, 0.3) 0%, rgba(2, 14, 26, 0) 100%), radial-gradient(18.47% 37.56% at 97.53% 102.56%, rgba(50, 140, 224, 0.2) 0%, rgba(41, 133, 219, 0) 100%), linear-gradient(180deg, #162646 27.08%, #1D3765 100%);
}

.banner-side-image.img-tall img {
	max-height: 500px; 
	border-radius: 0px 100px;
}

.page-tab .fl-row-content-wrap {
	background: #fff; 
	border-radius: 0px 100px 0px 0px;
	margin-top: -100px;
}

.page-tab.no-mt .fl-row-content-wrap {
	margin-top: 0;
}

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

.fl-post-grid-post{
    background-color: transparent;
}


/******************************************************************************************/
/*************************************** 5 FOOTER *****************************************/
/******************************************************************************************/

.footer-main, .footer-main .menu li a {
}

.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; 
}

footer a:hover {
	text-decoration: none; 
}


footer .footer .fl-col a {
	position: relative; 
}

footer .footer .fl-col a:after {
    display: block; 
		position: absolute; 
    content: '';
    width: 100%;
    right: 0;
    -webkit-transition: 0.5s ease;
  transform: scaleX(0);
  transition: transform 0.3s ease;
    border-bottom: 2px solid 
rgba(252, 182, 26, 1);
  transform-origin: top left;
}

footer .footer .fl-col a:hover:after {  
  	transform: scaleX(1);
}


.fl-builder-pagination li a.page-numbers, .fl-builder-pagination li span.page-numbers {
	border: 0px; 
}

.fl-builder-pagination li span.page-numbers.current {
	background: #1485E0; 
	color: #fff; 
	min-width: 34px; 
	height: 34px; 
	padding: 5px 2px; 
	border-radius: 30px; 
}

.fl-builder-pagination li a.page-numbers:hover {
	border-radius: 10px; 
}

@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; 
	}
}

/******************************************************************************************/
/************************************ 6 GENERAL STYLES ************************************/
/******************************************************************************************/


/* Headings */
h1, h2, h3, h4, h5, h6 {
	letter-spacing: -0.02em;
}

h2 {
	margin-bottom: 24px;
}

h3 {
	margin-bottom: 36px;
}

/* Text Decorations */
.above-heading-decorated-text .fl-heading:before {
	content: '';
	width: 48px;
	height: 2px;
	background: #1485E0;
	margin-right: 12px;
}

.above-heading-decorated-text .fl-heading {
	display: flex;
	align-items: center;
}

.above-heading-decorated-text .fl-heading-text {
	font-weight: 500;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

/* Top Bar */
.fl-page-bar-container.container {
	padding: 0;
}

#menu-top-bar.fl-page-bar-nav > li a {
	letter-spacing: 0.02em;
	font-weight: 500;

	text-transform: uppercase;
}

#menu-top-bar.fl-page-bar-nav > li a {
	padding: 8px 14px;
}

#menu-top-bar.fl-page-bar-nav > li a:hover,
#menu-top-bar.fl-page-bar-nav > li a:focus,
#menu-top-bar.fl-page-bar-nav > li a:active,
#menu-top-bar.fl-page-bar-nav > li.current-menu-item > a {
	border-bottom: none;
	color: #B9E0FF;
	text-decoration: none;
}

.fl-page-bar-container.container > .row > .text-center {
	text-align: right !important;
}

.fl-page-bar {
	border-bottom: none !important;
}

.blue-bg-menu-item,
#menu-top-bar.fl-page-bar-nav .intent-login {
	background: #1485e0;
}

.fl-page-bar-nav > li.blue-bg-menu-item a:hover,
.fl-page-bar-nav > li.blue-bg-menu-item a:focus,
.fl-page-bar-nav > li.blue-bg-menu-item a:active {
	color: #FFF;
	background: rgba(20, 133, 224, 0.7);
}

/* NavBar */
.fl-page-nav .navbar-nav > li:not(.menu-item-has-children) > a.nav-link:hover,
.fl-page-nav .navbar-nav > li:not(.menu-item-has-children) > a.nav-link:active,
.fl-page-nav .navbar-nav > li:not(.menu-item-has-children) > a.nav-link:focus,
.fl-page-nav .navbar-nav > li.current-menu-item > a.nav-link {
	border-bottom: 1px solid #FFF;
}

.fl-page-nav-search {
	border-left: 1px solid #FFF;

	margin-left: 10px;

	padding-left: 10px;
}

.fl-page-nav-right .fl-page-nav-search a.fa-search {
	padding: 0 0 5px 15px;
}

.fl-page-nav ul.sub-menu,
.fl-page-nav-search form {
	border: 1px solid rgba(255,255,255,0.05);
	border-radius: 16px; 
}

.fl-page-nav ul.sub-menu {
    margin-top: -1px;
}

.fl-page-nav ul.sub-menu ul.sub-menu {
	top: 0;
	padding-bottom: 0;
}

.fl-page-nav ul.sub-menu {
	padding: 0px; 
}

.fl-page-nav ul.sub-menu li {
	transition: background 0.5s;
}

.fl-page-nav .sub-menu li:hover,
.fl-page-nav .sub-menu li:focus,
.fl-page-nav .sub-menu li:active,
.fl-page-nav .sub-menu li.current-menu-item {
	background: rgba(13, 89, 150, 1); 
}

.fl-page-nav-search form {
	margin-top: 10px;
}


/* Nav Hover Effects */

.fl-page-nav-right .fl-page-nav ul.navbar-nav>li {
	background: linear-gradient(0deg, 
rgba(16, 112, 188, 1) 20%, rgba(16, 112, 188, 0) 100%);
}


.fl-page-nav-right .fl-page-nav ul.navbar-nav>li>a {
	background-color: #001a3e; 
	transition: background-color 0.25s; 
	padding: 15px!important; 
	min-height: 53px;
}


.fl-page-nav-right .fl-page-nav ul.navbar-nav>li a:hover, .fl-page-nav .navbar-nav>li.fl-sub-menu-open>a.nav-link {
	background-color: rgba(0,0,0,0);
}


.fl-page-nav .navbar-nav>li>a.nav-link {
    transition: background 0.2s;
}

.fl-page-nav-wrap .fl-page-nav ul.sub-menu li:hover a.nav-link {
	padding-bottom: 10px;
}

.fl-page-nav .navbar-nav > li:not(.menu-item-has-children) > a.nav-link:hover, .fl-page-nav .navbar-nav > li:not(.menu-item-has-children) > a.nav-link:active, .fl-page-nav .navbar-nav > li:not(.menu-item-has-children) > a.nav-link:focus, .fl-page-nav .navbar-nav > li.current-menu-item > a.nav-link {
	border-bottom: 0px; 
}

.fl-page-nav ul.sub-menu {
	box-shadow: none; 
}

.fl-page-nav ul.sub-menu {
	border-radius: 0px; 
	margin-left: -1px; 
}

/* Header */
.fl-page-header-primary .fl-logo-img {
	width: 135px;
	max-width: 135px;
}

.header-image-container .fl-row-content-wrap:after {
	background-color: rgba(0,0,0,0.1);
    background: linear-gradient(
180deg, #001a3e 2.05%, rgba(22, 38, 70, 0) 72.95%), radial-gradient(19.48% 106.58% at 0% 100%, rgba(249, 97, 8, 0.2) 0%, rgba(249, 97, 8, 0) 100%), linear-gradient(
90deg, #172749 7.99%, rgba(28, 88, 159, 0) 69.13%), radial-gradient(69.86% 126.04% at 100% 100%, rgba(0, 209, 172, 0.3) 0%, rgba(33, 82, 85, 0) 100%), linear-gradient(
0deg, rgba(43, 74, 135, 0.7), rgba(43, 74, 135, 0.7)), linear-gradient(
0deg, #162646 0%, rgba(22, 38, 70, 0) 36.71%);}

.header-decorated-text {
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.35);
}

.simple-gradient-header {
	background: radial-gradient(19.48% 106.58% at 0% 100%, rgba(249, 97, 8, 0.2) 0%, rgba(249, 97, 8, 0) 100%), radial-gradient(41.42% 54.5% at 59.51% 52.5%, rgba(9, 35, 66, 0.3) 0%, rgba(2, 14, 26, 0) 100%), radial-gradient(18.47% 37.56% at 97.53% 102.56%, rgba(50, 140, 224, 0.2) 0%, rgba(41, 133, 219, 0) 100%), linear-gradient(180deg, #162646 27.08%, #1D3765 100%);
}

/* Footer */
.footer-contact-details {
	color: #FFF;
}

.footer-contact-details label{
	width: 100px;
	font-family: Poppins;
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 160%;
	opacity: 0.6;
}

.footer-contact-details a {
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 160%;

	display: inline-block;
	border-bottom: 1px solid #FCB61A;
	color: #FFF;
}

.footer .menu li {
	margin-top: 14px;
	line-height: 22.4px;
}

.footer .menu li:first-child {
	margin-top: 0;
}

.footer .menu li a {
    color: #FFF;
    font-size: 14px;
}

.footer-cta {
	position: relative;
    padding-left: 40px;
}

@media screen and ( max-width: 991px ) {
	.footer-cta,
	.small-cta {
		padding-left: 24px;
	}
}

@media screen and ( max-width: 767px ) {
	.footer-cta,
	.small-cta {
		padding-left: 16px;
	}
}

.footer-cta:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	width: 100%;
	height: 100%;
	left: 0;
	
	background: #001A3E;
}

.footer-cta .fl-row-content-wrap,
.small-cta .fl-row-content-wrap {
	background: radial-gradient(33.19% 83.47% at 86.25% -6.86%, rgba(13, 62, 105, 0.8) 0%, rgba(13, 62, 105, 0) 100%), radial-gradient(24.58% 61.82% at 5.07% -6.86%, rgba(0, 255, 163, 0.2) 0%, rgba(26, 252, 198, 0) 100%), linear-gradient(261.4deg, #003B8E 0%, #0053C8 100%), #0053C8;
}

.use-lock-icons .footer .menu-item.restricted-content > a:after {
	right: -5px;
	bottom: -21px;
}

/* Modules */
.module-heading h3 {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* Rows */
.bg-dark:not(.footer-cta):not(.bg-image-overlay) .fl-row-content-wrap {
	background: radial-gradient(64.74% 126.33% at 8.44% 4.46%, rgba(249, 97, 8, 0.2) 0%, rgba(249, 97, 8, 0) 100%), radial-gradient(41.42% 54.5% at 59.51% 52.5%, rgba(9, 35, 66, 0.3) 0%, rgba(2, 14, 26, 0) 100%), radial-gradient(75.1% 129.61% at 97.53% 102.56%, rgba(50, 140, 224, 0.2) 0%, rgba(41, 133, 219, 0) 100%), radial-gradient(53.51% 92.34% at 93.89% 2.85%, rgba(45, 154, 255, 0.2) 0%, rgba(45, 154, 255, 0) 100%), #001839;
}

.bg-image-overlay {
	border-top-right-radius: 120px;
	background: linear-gradient(55.95deg, #001839 13.49%, rgba(0, 24, 57, 0.26) 61.32%);
}

/* Elements */

@media screen and ( min-width: 1112px ) {
	/* .river-composition.content-right .fl-row-content-wrap {
		padding-right: calc( ( 100% - 1112px ) / 2 );
	} */
}

.yellow-pages-image-button a {
	display: inline-block;
	background: #1a8de9;
	border-radius: 64px;
}

.yellow-pages-image-button a:hover,
.yellow-pages-image-button a:focus,
.yellow-pages-image-button a:active {
	background: #187ed1;
}

.article-download-col .fl-col-content {
	margin: -60px 20px 20px;
	border: none !important;
}

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

@media screen and (max-width: 991px) {
	.fl-page-header-logo img {
		max-height: 47px;
	}

	.footer-cta {
		padding-left: 15px;
		padding-right: 0;
	}
}

@media screen and (max-width: 767px) {
	.footer-cta {
		padding-left: 0;
		padding-right: 15px;
	}
}