MAINHACK

Viewing / Editing File: widget-areas.css

/*--------------------------------------------------------------
## Footer Widgets
--------------------------------------------------------------*/
.footer-widgets-container {
	padding: 40px;
}

.inside-footer-widgets {
	display: flex;
}

.inside-footer-widgets > div {
	flex: 1 1 0;
}

.site-footer .footer-widgets-container .inner-padding {
	padding: 0px 0px 0px 40px;
}

.site-footer .footer-widgets-container .inside-footer-widgets {
	margin-left: -40px;
}

/*--------------------------------------------------------------
## Top Bar
--------------------------------------------------------------*/
.top-bar {
	font-weight: normal;
	text-transform: none;
	font-size: 13px;
}

.top-bar .inside-top-bar {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.top-bar .inside-top-bar .widget {
	padding: 0;
	display: inline-block;
	margin-bottom: 0;
}

.top-bar .inside-top-bar .textwidget p:last-child {
	margin: 0;
}

.top-bar .widget-title {
	display: none;
}

.top-bar .widget {
	margin: 0 10px;
}

.top-bar .widget_nav_menu > div > ul {
	display: flex;
	align-items: center;
}

.top-bar .widget_nav_menu li {
	margin: 0 10px;
	padding: 0;
}

.top-bar .widget_nav_menu li:first-child {
	margin-left: 0;
}

.top-bar .widget_nav_menu li:last-child {
	margin-right: 0;
}

.top-bar .widget_nav_menu li ul {
	display: none;
}

.inside-top-bar {
	padding: 10px 40px;
}

div.top-bar .widget {
	margin-bottom: 0;
}

.top-bar-align-right .widget {
	margin-right: 0;
}

.top-bar-align-right .widget:first-child {
	margin-left: auto;
}

.top-bar-align-right .widget:nth-child(even) {
	order: -20;
}

.top-bar-align-right .widget:nth-child(2) {
	margin-left: 0;
}

.top-bar-align-left .widget {
	margin-left: 0;
}

.top-bar-align-left .widget:nth-child(odd) {
	order: -20;
}

.top-bar-align-left .widget:nth-child(2) {
	margin-left: auto;
}

.top-bar-align-left .widget:last-child {
	margin-right: 0;
}

.top-bar-align-center .widget:first-child {
	margin-left: auto;
}

.top-bar-align-center .widget:last-child {
	margin-right: auto;
}

.top-bar-align-center .widget:not(:first-child):not(:last-child) {
	margin: 0 5px;
}

/*--------------------------------------------------------------
## Footer Bar
--------------------------------------------------------------*/
.footer-bar-active .footer-bar .widget {
	padding: 0;
}

.footer-bar .widget_nav_menu > div > ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.footer-bar .widget_nav_menu li {
	margin: 0 10px;
	padding: 0;
}

.footer-bar .widget_nav_menu li:first-child {
	margin-left: 0;
}

.footer-bar .widget_nav_menu li:last-child {
	margin-right: 0;
}

.footer-bar .widget_nav_menu li ul {
	display: none;
}

.footer-bar .textwidget p:last-child {
	margin: 0;
}

.footer-bar .widget-title {
	display: none;
}

.footer-bar-align-right .copyright-bar {
	order: -20;
	margin-right: auto;
}

.footer-bar-align-left .copyright-bar {
	margin-left: auto;
}

.footer-bar-align-center .inside-site-info {
	flex-direction: column;
}

.footer-bar-align-center .footer-bar {
	margin-bottom: 10px;
}

.site-footer:not(.footer-bar-active) .copyright-bar {
	margin: 0 auto;
}

/*--------------------------------------------------------------
## Breakpoint (768px)
--------------------------------------------------------------*/
@media (max-width: 768px) {
	/*--------------------------------------------------------------
	## Top Bar
	--------------------------------------------------------------*/
	.top-bar .inside-top-bar {
		justify-content: center;
	}
	.top-bar .inside-top-bar > .widget {
		order: 1;
		margin: 0 10px;
	}
	.top-bar .inside-top-bar:first-child {
		margin-left: auto;
	}
	.top-bar .inside-top-bar:last-child {
		margin-right: auto;
	}
	.top-bar .widget_nav_menu li {
		padding: 5px 0;
	}
	.top-bar-align-center {
		text-align: center;
	}
	/*--------------------------------------------------------------
	## Footer
	--------------------------------------------------------------*/
	.inside-footer-widgets {
		flex-direction: column;
	}
	.inside-footer-widgets > div:not(:last-child) {
		margin-bottom: 40px;
	}
	.site-footer .footer-widgets .footer-widgets-container .inside-footer-widgets {
		margin: 0;
	}
	.site-footer .footer-widgets .footer-widgets-container .inner-padding {
		padding: 0;
	}
	.footer-bar-active .inside-site-info {
		flex-direction: column;
	}
	.footer-bar-active .footer-bar {
		margin-bottom: 10px;
	}
	.footer-bar .widget_nav_menu > div > ul {
		justify-content: center;
	}
	.footer-bar .widget_nav_menu li {
		padding: 5px 0;
	}
	.footer-bar .widget_nav_menu li:first-child {
		margin-left: 10px;
	}
	.footer-bar .widget_nav_menu li:last-child {
		margin-right: 10px;
	}
	.footer-bar-align-left .copyright-bar {
		margin-left: 0;
	}
	.footer-bar-align-right .copyright-bar {
		order: unset;
		margin-right: 0;
	}
}

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: widget-areas.css

Server Info

System Features

User Info