/*
   Theme Name: Veloyage
   Author: Marco "sphakka" Poleggi
   Author URI: https://professional-eth0s.com/
   Description: theme for Vélovoyage Sàrl, Genève
   Version: 0.9.9
   License: GNU General Public License v2 or later
   License URI: http://www.gnu.org/licenses/gpl-2.0.html
   Text Domain: veloyage
 */

@media screen and (max-width: 1140px) {
	#site-navigation,
	#wrapper {
		width: 95%;
	}

	#branding_box,
	#footer_box,
	#credit_box {
		width: 95%;
	}
}

@media screen and (max-width: 960px) {
	#site-navigation,
	#wrapper {
		width: 85%;
	}

	#site-navigation > form > input,
	#branding_box,
	#footer_box,
	#credit_box,
	#motto > img {
		width: 85%;
	}

	#avatar {
		height: 130px;
		width: 130px;
	}
}


@media screen and (max-width: 768px) {
	#site-navigation .search-form,
	#top-slider,
	#sidebar_container {
		display: none;
	}

	#site-navigation {
		min-height: 50px;
	}

	#htitle,
	#menu_button {
		display: inline-block;
	}

	#menu_head_container {
		display: none;
	}

	#menu_head {
		display: flex;
		flex-flow: column wrap;
		/* margin: 10px auto; */
		padding: 8px 10px;	/* like inner <li>'s */
		z-index: 10;
		background: #287241;
	}
	#menu_head li {
		margin: 0;
	}

	#main {
		width: 100%;
	}
}

@media screen and (max-width: 640px) {
	#secondary .widget,
	#footer_box .widget-area,
	#credit_box .foot_col_l, #credit_box .foot_col_r {
		width: 47%;
	}
}


@media screen and (max-width: 480px) {
	div.columns, section.columns {
		columns: 1 auto;
		column-gap: 0;
	}

	div.meta.location_map {
		display: none;
	}

	div.formbox.flexbox label,
	div.formbox.flexbox span.label,
	.em-booking-form label {
		text-align: left;
		width: 100%;
	}

	div.formbox.flexbox span.wpcf7-form-control-wrap {
		width: 100%;
	}
}


@media screen and (max-width: 360px) {
	#secondary .widget,
	#footer_box .widget-area,
	#credit_box .foot_col_l p,
	#credit_box .foot_col_m p,
	#credit_box .foot_col_r p {
		width: 100%;
	}
}