/*
   Theme Name: PavCay
   Author: Marco "sphakka" Poleggi
   Author URI: https://professional-eth0s.com/
   Description: A minimalistic theme for people having projects
   Version: 1.0.4
   License: GNU General Public License v2 or later
   License URI: http://www.gnu.org/licenses/gpl-2.0.html
   Text Domain: pavcay
 */

@media screen and (width <= 960px) {
	#wrapper {
		width: 95% !important;
	}

	#branding-box,
	#ctrl-bar,
	#footer-box {
		width: 95%;
	}
}

/* The following two break points correspond to WP's admin-bar CSS */

@media screen and (width <= 782px) {
	#masthead span.logo-box {
		width: 100% !important;
	}

	#branding-box .side-logo,
	#ctrl-bar,
	#toggle-anim {
		display: none !important;
	}

	#main {
		float: none;
		width: 100%;
	}

	/* move at the bottom */
	#secondary {
		float: none;
		width: 100%;
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
	}

	#secondary .widget,
	#footer-box .widget-area {
		width: 31%;
	}
}

@media screen and (width <= 600px) {
	:root {
		--top-slider-height: var(--slider-height-small) !important;
		--top-slider-nav-top: calc(var(--top-slider-height) / 2) !important;
	}

	/* adminbar gets here absolute position: get rid of it, too problematic */
	#wpadminbar {
		display: none;
	}

	header.admin-bar {
		padding-top: 0 !important;
	}

	#branding-box {
		height: 130px;
		padding: 10px 0 0 !important;
	}

	#masthead h1 {
		height: 130px;
	}

	#masthead.smaller {
		/* height: 100px !important; */
		margin-top: 0 !important;
	}

	#masthead img.logo-2lines {
		max-height: 40% !important;
	}

	#masthead img.logo-2lines.smaller {
		max-height: 75% !important;
	}

	#top-slider .slide-thumb {
		display: none !important;
	}

	#top-slider .slide-info {
		width: 100%;
	}

	#secondary .widget,
	#footer-box .widget-area {
		width: 47%;
	}
}


@media screen and (width <= 480px) {
	:root {
		--site-navigation-height: 30px;
	}

	#secondary .widget,
	#footer-box .widget-area {
		width: 95%;
	}

	#masthead h1,
	#branding-box,
	#branding-box.smaller {
		visibility: hidden;
		height: 0 !important;
		padding: 0 !important;
	}

	#masthead img.logo-2lines {
		max-height: 33% !important;
	}

	#masthead img.logo-2lines.smaller {
		max-height: 45% !important;
	}

	#site-navigation {
		padding: 5px;
		min-height: var(--site-navigation-height) !important;
	}

	#menu-head-container {
		min-height: var(--site-navigation-height);
		background: var(--main-logo-small-url);
		background-repeat: no-repeat;
		background-position: center;
		/* leave space for the menu button */
		background-size: 90%;
		cursor: pointer;
	}

	#menu-head-container::before {
		font-family: 'Font Awesome 6 Free', sans-serif;
		content: '\f142';
		margin: 0 .5em;
		color: #fff;
		left: .1em;
		position: absolute;
		line-height: 30px;
	}

	#menu-head-container.nobckgrnd {
		background: none;
	}

	/* collapse == hidden on Chrome :-( */
	#menu-head {
		visibility: hidden;
		height: 40px;
	}

	#menu-head.visible {
		flex-flow: column wrap !important;
		visibility: visible;
		height: 100%;
	}

	#colophon div.flex {
		flex-flow: column !important;
		justify-content: center !important;
	}

	#colophon div.flex > div {
		width: 100% !important;
	}
}