@use '../../utils' as *;

/*----------------------------------------*/
/*  6.3 footer-copyright
/*----------------------------------------*/
// Footer bottom style
.footer {

	&__copyright {
		p {
			font-style: normal;
			font-weight: 400;
			font-size: 16px;
			line-height: 28px;
			color: rgb(7 28 60 / 70%);

			a {
				&:hover {
					color: var(--rr-theme-primary);
				}
			}
		}
	}

	&__copyright-menu {
		ul {
			@include flexbox;
			gap: 20px 39px;
			justify-content: end;
			@media #{$xs, $sm, $md} {
				gap: 20px 25px;
				flex-wrap: wrap;
				margin-top: 10px;
				justify-content: center;
			}

			li {
				list-style: none;
				position: relative;

				a {
					font-style: normal;
					font-weight: 400;
					font-size: 16px;
					line-height: 28px;
					color: rgb(7 28 60 / 70%);

					&:hover {
						color: var(--rr-theme-primary);
					}
				}
			}
		}
	}

	&__bottom {
		margin-top: 80px;
		padding: 28px 0;
		border-top: 1px solid rgb(7 28 60 / 20%);

		@media #{$xs, $sm} {
			margin-top: 40px;
		}
	}
}

.footer-2 {

	&__copyright {
		p {
			font-style: normal;
			font-weight: 400;
			font-size: 16px;
			line-height: 28px;
			color: rgb(255 255 255 / 70%);

			a {
				&:hover {
					color: var(--rr-theme-primary);
				}
			}
		}
	}

	&__copyright-menu {
		ul {
			@include flexbox;
			gap: 20px 39px;
			justify-content: end;
			@media #{$xs, $sm, $md} {
				gap: 20px 25px;
				flex-wrap: wrap;
				margin-top: 10px;
				justify-content: center;
			}

			li {
				list-style: none;
				position: relative;

				a {
					font-style: normal;
					font-weight: 400;
					font-size: 16px;
					line-height: 28px;
					color: rgb(255 255 255 / 70%);

					&:hover {
						color: var(--rr-theme-primary);
					}
				}
			}
		}
	}

	&__bottom {
		margin-top: 80px;
		padding: 28px 0;
		border-top: 1px solid rgb(255 255 255 / 20%);

		@media #{$xs, $sm} {
			margin-top: 40px;
		}
	}
}

.footer-4 {

	&__copyright {
		p {
			font-style: normal;
			font-weight: 400;
			font-size: 16px;
			line-height: 28px;
			color: #02110B;
			opacity: 0.8;

			a {
				&:hover {
					opacity: 1;
					color: var(--rr-theme-glow);
				}
			}
		}
	}

	&__copyright-menu {
		ul {
			@include flexbox;
			gap: 15px 30px;
			justify-content: end;
			@media #{$xs, $sm, $md} {
				gap: 15px 25px;
				flex-wrap: wrap;
				margin-top: 10px;
				justify-content: center;
			}

			li {
				list-style: none;
				position: relative;

				a {
					font-style: normal;
					font-weight: 400;
					font-size: 16px;
					line-height: 28px;
					color: #02110B;
					opacity: 0.8;

					&:hover {
						opacity: 1;
						color: var(--rr-theme-glow);
					}
				}
			}
		}
	}

	&__bottom {
		margin: 30px 0;
	}
}
.footer-5 {

	&__copyright {
		p {
			font-style: normal;
			font-weight: 400;
			font-size: 16px;
			line-height: 28px;
			color: var(--rr-common-white);
			opacity: 0.7;

			a {
				&:hover {
					opacity: 1;
					color: var(--rr-theme-green);
				}
			}
		}
	}

	&__copyright-menu {
		ul {
			@include flexbox;
			gap: 15px 30px;
			justify-content: end;
			@media #{$xs, $sm, $md} {
				gap: 15px 25px;
				flex-wrap: wrap;
				margin-top: 10px;
				justify-content: center;
			}

			li {
				list-style: none;
				position: relative;

				a {
					opacity: 0.7;
					font-style: normal;
					font-weight: 400;
					font-size: 16px;
					line-height: 28px;
					color: var(--rr-common-white);

					&:hover {
						opacity: 1;
						color: var(--rr-theme-green);
					}
				}
			}
		}
	}

	&__bottom {
		border-top: 1px solid rgb(255 255 255 / 20%);
		padding: 30px 0;
	}
}