/*
Theme Name: Prague (Child Theme)
Theme URI: https://themeforest.net/user/fox-themes
Author: Fox-Themes
Author URI: https://themeforest.net/user/fox-themes
Version: 1.1.2
Description: A stunning visual experience for minimal loving creative. This template is a responsive and retina-ready WordPress theme with grid system layout. It is optimized for mobile touch and swipe.
Tags: one-column, two-columns, right-sidebar, custom-menu, post-formats, sticky-post, translation-ready
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: prague-child
Template: prague
*/

/* = Add your own modification from here
-------------------------------------------------------------- */

/* Footer menu (child theme)
   Matches the header menu typography exactly (see .main-menu in
   prague/assets/css/style.scss): 12px / 300 / 2px letter-spacing / uppercase /
   opacity 0.7 -> 1. Horizontal layout via flex, items separated by empty space.
   Color is white because the footer background is dark. */
.prague-footer .footer-menu-outer {
	clear: both;
}

.prague-footer .footer-top-content .footer-menu-outer {
	margin-top: 24px;
}

.prague-footer .footer-top-content .footer-menu-outer ul.footer-menu {
	justify-content: flex-end;
}

.prague-footer .footer-menu-outer ul.footer-menu {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap;
	align-items: center;
	padding: 0 !important;
	margin: 0 !important;
	list-style: none !important;
}

.prague-footer .footer-menu-outer ul.footer-menu li {
	margin: 0 0 0 8px !important; /* empty-space separator, like the header */
	padding: 0 !important;
}

.prague-footer .footer-menu-outer ul.footer-menu li a {
	display: inline-block;
	font-size: 12px !important;
	line-height: 18px !important;
	font-weight: 300 !important;
	letter-spacing: 2px !important;
	padding: 5px 15px;
	text-transform: uppercase !important;
	text-decoration: none !important;
	color: #fff !important;
	opacity: 0.7;
	transition: opacity 0.3s ease-in;
}

.prague-footer .footer-menu-outer ul.footer-menu li:hover > a,
.prague-footer .footer-menu-outer ul.footer-menu li:focus > a,
.prague-footer .footer-menu-outer ul.footer-menu li.current-menu-item > a,
.prague-footer .footer-menu-outer ul.footer-menu li.current-menu-parent > a,
.prague-footer .footer-menu-outer ul.footer-menu li.current-menu-ancestor > a {
	opacity: 1 !important;
}

/* Footer logo (child theme)
   The uploaded footer logo (686px) is wider than its 50% footer column, so
   cap the .prague-logo wrapper and let the image scale down inside it:
   60% on desktop/tablet, 80% on mobile. */
.prague-footer .prague-logo {
	max-width: 60%;
}

.prague-footer .prague-logo a {
	display: block !important;
}

.prague-footer .prague-logo a img {
	display: block;
	max-width: 100%;
	height: auto;
}

/* Footer top padding (child theme)
   Reduce the default desktop top padding from 140px to 100px. Scoped to
   >=1200px so the parent's responsive paddings (100px/50px) stay intact. */
@media only screen and (min-width: 1200px) {
	.prague-footer .footer-content-outer {
		padding-top: 100px;
	}
}

/* Footer menu on mobile (child theme)
   Replace the rigid per-item margin/padding with an even, centred spread:
   space-evenly distributes the links with equal gaps and also centres every
   wrapped (partial) line. */
@media only screen and (max-width: 767px) {
	.prague-footer .prague-logo {
		max-width: 80%;
		margin-left: auto;
		margin-right: auto;
	}

	.prague-footer .footer-top-content .footer-menu-outer ul.footer-menu {
		justify-content: space-evenly;
	}

	.prague-footer .footer-menu-outer ul.footer-menu li {
		margin: 0 !important;
		padding: 0 !important;
	}

	.prague-footer .footer-menu-outer ul.footer-menu li a {
		padding: 5px 0;
		white-space: nowrap;
	}
}