/*!
Theme Name:   Child Theme
Template:     cindy
Theme URI:    https://github.com/webmandesign/child-theme/
Author:       WebMan Design
Author URI:   https://www.webmandesign.eu/
Version:      1.0.0
Description:  You can change this description text in your child theme's "style.css" file.
License:      GNU General Public License v3
License URI:  http://www.gnu.org/licenses/gpl-3.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

IMPORTANT:
Read the instructions in https://github.com/webmandesign/child-theme/blob/master/readme.md
and rename Child Theme Test and michelle in this file appropriately!
*/

/* Put your custom CSS styles below... */

@media (min-width: 880px) {

	body.has-two-sidebars {
		--sidebar_width: .25;
	}

	body.has-two-sidebars .content-area {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		max-width: var(--layout_width_content);
		padding: var(--content_padding) 0;
	}
	body.has-two-sidebars .content-area::after {
		display: none;
	}

	body.has-two-sidebars .site-main {
		width: calc(100% - 100% * var(--sidebar_width) * 2);
		max-width: none;
		margin: 0;
	}

	body.has-two-sidebars .sidebar {
		width: calc(100% * var(--sidebar_width));
	}

	.has-main-sidebar-sidebar.has-two-sidebars .sidebar {
		padding-left: 2em;
	}
	.has-main-sidebar-sidebar.has-widgets-in-sidebar .page-media,
	.has-main-sidebar-sidebar.has-widgets-in-sidebar .page-header:before {
		margin-left: calc(1 / (1 - var(--sidebar_width) * 2) / 2 * 100% - 50vw + var(--scrollbar_width) / 2);
	}

	.has-sidebar-sidebar-main.has-two-sidebars .sidebar {
		order: -1;
		padding-right: 2em;
	}
	.has-sidebar-sidebar-main.has-widgets-in-sidebar .page-media,
	.has-sidebar-sidebar-main.has-widgets-in-sidebar .page-header:before {
		margin-left: calc(100% - 1 / (1 - var(--sidebar_width) * 2) / 2 * 100% - 50vw + var(--scrollbar_width) / 2);
	}

	.has-sidebar-main-sidebar.has-two-sidebars .sidebar {
		order: -1;
		padding-right: 2em;
	}
	.has-sidebar-main-sidebar.has-two-sidebars .sidebar-2 {
		order: 1;
		padding-left: 2em;
		padding-right: 0;
	}
	.has-sidebar-main-sidebar.has-widgets-in-sidebar .page-media,
	.has-sidebar-main-sidebar.has-widgets-in-sidebar .page-header:before {
		margin-left: calc(50% - 50vw + var(--scrollbar_width) / 2);
	}

}