/*------------------------------------------------------------------
footer.css
Last edited: 9/29/25
[Table of contents]

1. FOOTER
2. COPYRIGHT MENU
3. SOCIAL MENU
4. SCROLL TO TOP

100. MEDIA QUERIES
    100a. EXTRA SMALL DEVICES (phones 576px and up)
    100b. SMALL DEVICES (tablets, 768px and up)
    100c. MEDIUM DEVICES (desktops, 992px and up)
    100d. LARGE DEVICES (large desktops, 1200px and up)
    100e. EXTRA LARGE DEVICES (large desktops, 1450px and up)

[Notes]
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
1. FOOTER
-------------------------------------------------------------------*/
footer {
	background: var(--theme-color-dark);
	color: var(--theme-color-light);
	padding: 65px 0 145px 0;
	-webkit-box-shadow: 0px 500px 0px 500px rgba(48, 48, 48, 1);
	-moz-box-shadow: 0px 500px 0px 500px rgba(48, 48, 48, 1);
	box-shadow: 0px 500px 0px 500px rgba(48, 48, 48, 1);
}
footer .footer-col-1 {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	row-gap: 40px;
}
footer .footer-ofn img {
	height: 43px;
	width: 298px;
}
footer .footer-citi {
  display: flex;
	flex-direction: column;
	position: relative;
}
footer .footer-citi::before {
		color: var(--theme-color-light);
    content: 'Supported by:';
		font-size: var(--theme-fs-xsmall);
		left: 0;
    position: relative;
    top: -4px;
}

footer .footer-citi img {
		height: 70px;
		width: 114px;
	}
footer .footer-col-2 {
	width: 100%;
}
footer .widget {
	background: none;
	border-bottom: none;
	flex: none;
	margin: 0;
	padding: 0;
}
footer .widget a:link,
footer .widget a:visited {
	color: var(--theme-color-light);
	display: block;
	padding: 10px 0;
}
footer .widget a:hover,
footer .widget ul li a:hover,
footer .widget a:active,
footer .widget ul li a:active {
	color: var(--theme-color-light);
	text-decoration: underline;
}
footer .widget ul {
	align-items: center;
	display: flex;
	justify-content: center;
	list-style: none;
	margin-block: 25px;
	padding: 0;
}
footer .widget ul li {
	border-bottom: none;
	font-size: var(--theme-fs-xsmall);
	margin: 0 10px;
	padding: 0;
}
footer .widget ul li.btn {
	border: 2px solid var(--btn-color);
}
footer .widget ul li.btn a {
	padding: 0.85em 1.05em;
	text-decoration: none;
}
footer .widget ul li.btn:hover a {
	color: var(--theme-color-dark);
}
footer .widget ul li li {
	text-transform: none;
	margin-left: 0.9em;
	padding: 0;
	list-style: outside disc;
}
/*------------------------------------------------------------------
2. COPYRIGHT MENU
-------------------------------------------------------------------*/
.footer-copyright-wrapper {
	align-items: center;
	display: flex;
	flex-direction: column;
	font-size: var(--theme-fs-xsmall);
	margin-top: 30px;
}
.footer-copyright-wrapper .textwidget {
	color: var(--theme-color-light);
}
.footer-copyright-wrapper p {
	margin-bottom: 0.5em;
	text-align: center;
}
.footer-copyright-wrapper .widget ul {
	margin: 0;
}
.footer-copyright-wrapper .widget li {
	display: inline-block;
	border-left: 1px solid var(--theme-color-light);
	line-height: 1;
	margin: 0;
	padding: 0 10px;
	text-transform: none;
}
.footer-copyright-wrapper .widget li:first-child {
	border-left: none;
	padding-left: 0;
}
/*------------------------------------------------------------------
3. SOCIAL MENU
-------------------------------------------------------------------*/
#footer-social-menu {
	display: flex;
	justify-content: center;
	margin: 20px 0 0;
}
#footer-social-menu li {
	list-style: none;
	margin-right: 0;
}

#footer-social-menu [class^="icon-"],
#footer-social-menu [class*=" icon-"] {
	background-color: var(--theme-color-black-olive);
	color: var(--theme-color-light);
	border-radius: 0;
	font-size: 26px;
	margin-left: 6px;
	padding: 16px;
}
#footer-social-menu li:first-child [class^="icon-"] {
	margin-left: 0;
}

#footer-social-menu [class^="icon-"]:hover,
#footer-social-menu [class*=" icon-"]:hover {
	background: var(--theme-color-light);
}
#footer-social-menu li.facebook [class^="icon-"]:hover {
	background-color: #1877F2;
}
#footer-social-menu li.linkedin [class^="icon-"]:hover {
	background-color: #0072b1;
}
#footer-social-menu li.ytube [class^="icon-"]:hover {
	background-color: #FF0000;
}
/*------------------------------------------------------------------
4. SCROLL TO TOP
-------------------------------------------------------------------*/
.scroll-to-top-button button {
	background-color: rgba(255, 255, 255, 0.1);
	color: var(--theme-color-light);
	padding: 20px;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	border: none;
}

.scroll-to-top-button button:hover {
	background-color: var(--theme-color-blue);
	text-decoration: none;
}

.scroll-to-top-button button {
	opacity: 0;
	-moz-transform: translateX(calc(100% - 60px));
	-webkit-transform: translateX(calc(100% - 60px));
	-o-transform: translateX(calc(100% - 60px));
	-ms-transform: translateX(calc(100% - 60px));
	transform: translateX(calc(100% - 60px));
}

.scroll-to-top-button button.on {
	opacity: 1;
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 10;
}

.scroll-to-top-button button:hover {
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.scroll-to-top-button [class^="icon-"],
.scroll-to-top-button [class*=" icon-"] {
	color: #ffffff;
	padding: 0;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.scroll-to-top-button .button-text {
	padding-left: 20px;
}
/*------------------------------------------------------------------
100. MEDIA QUERIES
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
100a. EXTRA SMALL DEVICES (phones 576px and up)
-------------------------------------------------------------------*/
@media (min-width: 576px) {}

/*------------------------------------------------------------------
100b. SMALL DEVICES (tablets, 768px and up)
-------------------------------------------------------------------*/
@media (min-width: 768px) {
/*------------------------------------------------------------------
1. FOOTER
-------------------------------------------------------------------*/
	footer .widget ul li {
		font-size: var(--theme-fs-small);
	}
	footer .widget a:link,
	footer .widget a:visited {
		display: inline-block;
		padding: 0;
	}
	footer .footer-col-1 {
		column-gap: 60px;
		flex-direction: row;
		row-gap: 0;
	}
	footer .footer-col-2 {
		align-items: center;
		column-gap: 30px;
		display: flex;
		justify-content: center;
		margin-block: 20px;
	}
/*------------------------------------------------------------------
2. COPYRIGHT MENU
-------------------------------------------------------------------*/
	.footer-copyright-wrapper {
		font-size: var(--theme-fs-small);

	}	


	/*------------------------------------------------------------------
3. SOCIAL MENU
-------------------------------------------------------------------*/
	#footer-social-menu {
		/*display: block;*/
		float: right;
		margin: 0;
	}
}

/*------------------------------------------------------------------
100c. MEDIUM DEVICES (desktops, 992px and up)
-------------------------------------------------------------------*/
@media (min-width: 992px) {
/*------------------------------------------------------------------
2. COPYRIGHT MENU
-------------------------------------------------------------------*/
	.footer-copyright-wrapper {
		flex-direction: row;
		justify-content: center;
	}

	.footer-copyright-wrapper p {
		margin-bottom: 0;
	}

	.footer-copyright-wrapper .textwidget {
		/*float: left;*/
		margin-right: 12px;
	}

	.footer-copyright-wrapper .widget li:first-child {
		border-left: 1px solid var(--theme-color-light);
		padding-left: 10px;
	}

	.footer-copyright-wrapper .widget li,
	.footer-copyright-wrapper .widget li:last-child {
		margin: 0;
	}
}

/*------------------------------------------------------------------
100d. LARGE DEVICES (large desktops, 1200px and up)
-------------------------------------------------------------------*/
@media (min-width: 1200px) {
	footer .widget-container {
		align-items: center;
		display: flex;
	}
	footer .footer-col-1 {
		column-gap: 50px;
		justify-content: start;
	}
	footer .footer-ofn img {
		height: 30px;
		width: 208px;
	}	
	footer .footer-citi img {
		height: 65px;
		width: 106px;
	}


	footer .footer-col-2 {
		justify-content: end;
	}
	footer .widget ul {
		margin-block: 0;
	}
}

/*------------------------------------------------------------------
100e. EXTRA LARGE DEVICES (large desktops, 1450px and up)
-------------------------------------------------------------------*/
@media screen and (min-width: 1450px) {
		footer .footer-ofn img {
			height: 43px;
			width: 298px;
		}
		footer .footer-citi img {
		height: 70px;
		width: 114px;
	}
}