@charset "utf-8";
/*
Theme Name: MrTheme
Description: Custom Wordpress Theme
Author: Miguel J. Romero
Version: 1.1
*/

/*------------------------------------------------- VARIABLES -----------------------------------------------------------*/
:root {
	/*Colors Web*/
    --BrandColor: #219ebc;
	--BrandColorRGB: 33, 158, 188;
	--SecondaryColor: #ff7d00;
	--SecondaryColorRGB: 255, 125, 0;
	--DarkColor: #062332;
	--DarkColorRGB: 6, 35, 50;
	--MediumDarkColor: #023047;
	--MediumColor: #2a6988;
	--MediumLightColor: #eceff2;
	--LightColor: #fff;
	--LightColorRGB: 255, 255, 255;
	--AlertColor: #d4293d;
	/*Margins & Paddings*/
	--BasicMargin: 20px;
	--BasicPadding: var(--BasicMargin);
	/*Floats*/
	--FloatLtoN: left;
	--FloatRtoN: right;
	/*Templates*/
	--SidebarWith: 320px;
	--PageSidebarWith: calc(100% - var(--SidebarWith) - (var(--BasicMargin) * 3));
	--SidebarInsideWith: 250px;
	--PageSidebarInsideWith: calc(100% - var(--SidebarInsideWith) - (var(--BasicMargin) * 2));
}
@media (max-width:1200px){
	:root {
		/*Floats*/
		--FloatLtoN: none;
		--FloatRtoN: none;
		/*Templates*/
		--SidebarWith: 100%;
		--PageSidebarWith: var(--SidebarWith);
		--SidebarInsideWith: var(--SidebarWith);
		--PageSidebarInsideWith: var(--SidebarWith);
	}
}