OwlCyberSecurity - MANAGER

Edit File: footer.scss

@import "_custom-properties.scss";
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-footer-row {
    display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr) );
	&.site-footer-row-columns-2 {
		&.site-footer-row-column-layout-right-golden {
			grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
		}
		&.site-footer-row-column-layout-left-golden {
			grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
		}
	}
	&.site-footer-row-columns-3 {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
		&.site-footer-row-column-layout-left-half {
			grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
		}
		&.site-footer-row-column-layout-right-half {
			grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 2fr);
		}
		&.site-footer-row-column-layout-center-half {
			grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);
		}
		&.site-footer-row-column-layout-center-wide {
			grid-template-columns: minmax(0, 2fr) minmax(0, 6fr) minmax(0, 2fr);
		}
	}
	&.site-footer-row-columns-4 {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
		&.site-footer-row-column-layout-left-forty {
			grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
		}
		&.site-footer-row-column-layout-right-forty {
			grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 2fr);
		}
	}
	&.site-footer-row-columns-5 {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}
	&.site-footer-row-columns-1 {
		display: flex;
		justify-content: center;
		.site-footer-section-center {
			flex-grow: 1;
		}
		.site-footer-section {
			flex: 1;
			text-align: center;
			min-width: 0;
		}
	}
}
.site-footer-row-layout-fullwidth > .site-footer-row-container-inner > .site-container {
    max-width:none;
}
@media screen and (min-width: $before-tablet-plus-query) and (max-width: $tablet-minus-query) {
	.site-footer-row-tablet-layout-contained {
		padding: 0 1.5rem;
	}
	.site-footer-row-tablet-layout-fullwidth, .site-footer-row-tablet-layout-standard {
		padding: 0;
	}
	.site-footer-row-container-inner .site-footer-row {
		&.site-footer-row-tablet-column-layout-default, &.site-footer-row-tablet-column-layout-row {
			grid-template-columns: minmax(0, 1fr);
			&.ft-ro-collapse-rtl {
				.site-footer-section:nth-child(1) {
					order:6;
				}
				.site-footer-section:nth-child(2) {
					order:5;
				}
				.site-footer-section:nth-child(3) {
					order:4;
				}
				.site-footer-section:nth-child(4) {
					order:3;
				}
				.site-footer-section:nth-child(5) {
					order:2;
				}
				.site-footer-section:nth-child(6) {
					order:1;
				}
			}
		}
		&.site-footer-row-columns-2 {
			&.site-footer-row-tablet-column-layout-equal {
				grid-template-columns:repeat(2, minmax(0, 1fr) );
			}
			&.site-footer-row-tablet-column-layout-right-golden {
				grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
			}
			&.site-footer-row-tablet-column-layout-left-golden {
				grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
			}
		}
		&.site-footer-row-columns-3 {
			&.site-footer-row-tablet-column-layout-equal {
				grid-template-columns: repeat(3, minmax(0, 1fr) );
			}
			&.site-footer-row-tablet-column-layout-left-half {
				grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
			}
			&.site-footer-row-tablet-column-layout-right-half {
				grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 2fr);
			}
			&.site-footer-row-tablet-column-layout-center-half {
				grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);
			}
			&.site-footer-row-tablet-column-layout-center-wide {
				grid-template-columns: minmax(0, 2fr) minmax(0, 6fr) minmax(0, 2fr);
			}
			&.site-footer-row-tablet-column-layout-equal {
				grid-template-columns: repeat(3, minmax(0, 1fr) );
			}
			&.site-footer-row-tablet-column-layout-first-row {
				grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
				>*:first-child {
					grid-column: 1 / -1;
				}
			}
			&.site-footer-row-tablet-column-layout-last-row {
				grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
				>*:last-child {
					grid-column: 1 / -1;
				}
			}
		}
		&.site-footer-row-columns-4 {
			&.site-footer-row-tablet-column-layout-equal {
				grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
			}
			&.site-footer-row-tablet-column-layout-two-grid {
				grid-template-columns: repeat(2, minmax(0, 1fr) );;
			}
		}
		&.site-footer-row-columns-5 {
			&.site-footer-row-tablet-column-layout-equal {
				grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
			}
		}
	}
}
@media screen and (max-width: $phone-minus-query) {
	.site-footer-row-mobile-layout-contained {
		padding: 0 1.5rem;
	}
	.site-footer-row-container-inner .site-footer-row {
		&.site-footer-row-mobile-column-layout-default, &.site-footer-row-mobile-column-layout-row {
			grid-template-columns: minmax(0, 1fr);
			&.ft-ro-collapse-rtl {
				.site-footer-section:nth-child(1) {
					order:6;
				}
				.site-footer-section:nth-child(2) {
					order:5;
				}
				.site-footer-section:nth-child(3) {
					order:4;
				}
				.site-footer-section:nth-child(4) {
					order:3;
				}
				.site-footer-section:nth-child(5) {
					order:2;
				}
				.site-footer-section:nth-child(6) {
					order:1;
				}
			}
		}
		&.site-footer-row-columns-2 {
			&.site-footer-row-mobile-column-layout-equal {
				grid-template-columns: repeat(2, minmax(0, 1fr) );;
			}
			&.site-footer-row-mobile-column-layout-right-golden {
				grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
			}
			&.site-footer-row-mobile-column-layout-left-golden {
				grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
			}
		}
		&.site-footer-row-columns-3 {
			&.site-footer-row-mobile-column-layout-equal {
				grid-template-columns: repeat(3, minmax(0, 1fr) );
			}
			&.site-footer-row-mobile-column-layout-left-half {
				grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
			}
			&.site-footer-row-mobile-column-layout-right-half {
				grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 2fr);
			}
			&.site-footer-row-mobile-column-layout-center-half {
				grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);
			}
			&.site-footer-row-mobile-column-layout-center-wide {
				grid-template-columns: minmax(0, 2fr) minmax(0, 6fr) minmax(0, 2fr);
			}
			&.site-footer-row-mobile-column-layout-equal {
				grid-template-columns: repeat(3, minmax(0, 1fr) );
			}
			&.site-footer-row-mobile-column-layout-first-row {
				grid-template-columns: repeat(2, minmax(0, 1fr) );;
				>*:first-child {
					grid-column: 1 / -1;
				}
			}
			&.site-footer-row-mobile-column-layout-last-row {
				grid-template-columns:repeat(2, minmax(0, 1fr) );;
				>*:last-child {
					grid-column: 1 / -1;
				}
			}
		}
		&.site-footer-row-columns-4 {
			&.site-footer-row-mobile-column-layout-equal {
				grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
			}
			&.site-footer-row-mobile-column-layout-two-grid {
				grid-template-columns: repeat(2, minmax(0, 1fr) );;
			}
		}
		&.site-footer-row-columns-5 {
			&.site-footer-row-mobile-column-layout-equal {
				grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
			}
		}
	}
	.site-footer-row-mobile-layout-fullwidth, .site-footer-row-mobile-layout-standard {
		padding: 0;
	}
}
.site-footer-section {
	display: flex;
	max-height: inherit;
}
.site-footer-item {
    display: flex;
	align-items: center;
	margin-right: 10px;
	max-height: inherit;
}
.site-footer-section > .site-footer-item:last-child {
    margin-right: 0;
}
.footer-widget-area {
	flex: 1;
	min-width: 0;
	display: flex;
}
.ft-ro-dir-row .footer-section-inner-items-2 .footer-widget-area {
	flex: unset;
    margin-left: 30px;
}
.ft-ro-dir-row .footer-section-inner-items-2 .footer-widget-area:first-child {
    margin-left: 0;
}
.ft-ro-dir-column .site-footer-section:not(.footer-section-inner-items-1) .footer-widget-area {
    flex: unset;
}
.footer-widget-area > * {
	flex: 1;
	min-width: 0;
}
.footer-widget-area.content-valign-middle {
    align-items: center;
}
.footer-widget-area.content-valign-top {
    align-items: flex-start;
}
.footer-widget-area.content-valign-bottom {
    align-items: flex-end;
}
.footer-widget-area.content-align-center {
	text-align: center;
	.footer-navigation {
		justify-content: center;
	}
	.widget_media_image img {
		margin: 0 auto;
	}
	.footer-social-inner-wrap {
		justify-content: center;
	}
}
.footer-widget-area.content-align-right {
	text-align: right;
	.footer-navigation {
		justify-content: flex-end;
		.menu {
			justify-content: flex-end;
		}
	}
	.footer-social-inner-wrap {
		justify-content: flex-end;
	}
	.widget_media_image img {
		margin: 0 0 0 auto;
	}
}
.footer-widget-area.content-align-left {
	text-align: left;
	.footer-navigation {
		justify-content: flex-start;
		.menu {
			justify-content: flex-start;
		}
	}
	.footer-social-inner-wrap {
		justify-content: flex-start;
	}
}
@media screen and (max-width: $tablet-minus-query) {
	.ft-ro-dir-row .footer-section-inner-items-2 .footer-widget-area.content-tablet-align-center:first-child {
		margin-left: auto;
	}
	.ft-ro-dir-row .footer-section-inner-items-2 .footer-widget-area.content-tablet-align-center:first-child ~ .footer-widget-area:last-child {
		margin-right: auto;
	}
	.footer-widget-area.content-tablet-align-center {
		text-align: center;
		.footer-navigation {
			justify-content: center;
			.menu {
				justify-content: center;
			}
		}
		.footer-social-inner-wrap {
			justify-content: center;
		}
		.widget_media_image img {
			margin: 0 auto;
		}
	}
	.footer-widget-area.content-tablet-align-right {
		text-align: right;
		.footer-navigation {
			justify-content: flex-end;
			.menu {
				justify-content: flex-end;
			}
		}
		.footer-social-inner-wrap {
			justify-content: flex-end;
		}
		.widget_media_image img {
			margin: 0 0 0 auto;
		}
	}
	.footer-widget-area.content-tablet-align-left {
		text-align: left;
		.footer-navigation {
			justify-content: flex-start;
			.menu {
				justify-content: flex-start;
			}
		}
		.footer-social-inner-wrap {
			justify-content: flex-start;
		}
	}
}
@media screen and (max-width: $phone-minus-query) {
	.ft-ro-m-dir-row .footer-section-inner-items-2 .footer-widget-area.content-mobile-align-center:first-child {
		margin-left: auto;
	}
	.ft-ro-m-dir-row .footer-section-inner-items-2 .footer-widget-area.content-mobile-align-center:first-child ~ .footer-widget-area:last-child {
		margin-right: auto;
	}
	.footer-widget-area.content-mobile-align-center {
		text-align: center;
		.footer-navigation {
			justify-content: center;
			.menu {
				justify-content: center;
			}
		}
		.footer-social-inner-wrap {
			justify-content: center;
		}
		.widget_media_image img {
			margin: 0 auto;
		}
	}
	.footer-widget-area.content-mobile-align-right {
		text-align: right;
		.footer-navigation {
			justify-content: flex-end;
			.menu {
				justify-content: flex-end;
			}
		}
		.footer-social-inner-wrap {
			justify-content: flex-end;
		}
		.widget_media_image img {
			margin: 0 0 0 auto;
		}
	}
	.footer-widget-area.content-mobile-align-left {
		text-align: left;
		.footer-navigation {
			justify-content: flex-start;
			.menu {
				justify-content: flex-start;
			}
		}
		.footer-social-inner-wrap {
			justify-content: flex-start;
		}
	}
}
.ft-ro-dir-column .site-footer-section {
	flex-direction: column;
}
@media screen and (max-width: $tablet-minus-query) {
	.ft-ro-t-dir-column .site-footer-section {
		flex-direction: column;
	}
	.ft-ro-t-dir-row .site-footer-section {
		flex-direction: row;
	}
}
@media screen and (max-width: $phone-minus-query) {
	.ft-ro-m-dir-column .site-footer-section {
		flex-direction: column;
	}
	.ft-ro-m-dir-row .site-footer-section {
		flex-direction: row;
	}
}
.rtl {
	.footer-widget-area.content-align-right {
		.footer-social-inner-wrap {
			justify-content: flex-start;
		}
	}
	.footer-widget-area.content-align-left {
		.footer-social-inner-wrap {
			justify-content: flex-end;
		}
	}
}
@media screen and (max-width: $tablet-minus-query) {
	.rtl {
		.footer-widget-area.content-tablet-align-right {
			.footer-social-inner-wrap {
				justify-content: flex-start;
			}
		}
		.footer-widget-area.content-tablet-align-left {
			.footer-social-inner-wrap {
				justify-content: flex-end;
			}
		}
	}
}
@media screen and (max-width: $phone-minus-query) {
	.rtl {
		.footer-widget-area.content-mobile-align-right {
			.footer-social-inner-wrap {
				justify-content: flex-start;
			}
		}
		.footer-widget-area.content-mobile-align-left {
			.footer-social-inner-wrap {
				justify-content: flex-end;
			}
		}
	}
}
// Footer Navigation.
.footer-navigation, .footer-menu-container {
	display: flex;
}
.footer-navigation{
	a {
		display: block;
		width: 100%;
		text-decoration: none;
		color: var(--global-palette4);
		transition: all .2s ease-in-out;
		&:hover,
		&:focus {
			color: var(--global-palette-highlight);
		}
	}
	ul {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
		li a {
			padding: 0.6em 0.5em;
		}
	}
	.menu {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
}
.footer-widget-area.footer-navigation-layout-stretch-true .footer-menu-container {
    width: 100%;
}
.footer-widget-area.footer-navigation-layout-stretch-true .footer-navigation .menu {
    width: 100%;
    justify-content: space-around;
}
.site-footer-wrap .footer-navigation .footer-menu-container > ul li a:hover {
	text-decoration: none;
}
.site-footer-wrap .social-button {
    color: var(--global-palette4);
    background: var(--global-palette7);
	&:hover {
		text-decoration: none;
		color: var(--global-palette-btn);
		background: var(--global-palette-btn-bg);
	}
}
.social-style-outline .social-button:hover {
	color: var(--global-palette3);
}
.site-footer-wrap .ft-ro-lstyle-normal a:where(:not(.button):not(.wp-block-button__link):not(.wp-element-button)) {
    text-decoration: underline;
}
.site-footer-wrap .ft-ro-lstyle-noline a:where(:not(.button):not(.wp-block-button__link):not(.wp-element-button)) {
    text-decoration: none;
	&:hover {
		text-decoration: none;
	}
}
.site-footer-section {
	position: relative;
	&:not(:last-child):after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		height: auto;
		width: 0;
		right: -15px;
		transform: translateX(50%);
	}
}
.footer-html {
	margin: 1em 0;
	p:last-child {
		margin-bottom:0;	
	}
	p:first-child {
		margin-top:0;
	}
}