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

/*------------------------------------------------- VARIABLES -----------------------------------------------------------*/
:root {
  /*Colors Web*/
  --BrandColor: #e8aa26;
  --BrandColorRGB: 232, 170, 38;
  --SecondaryColor: #315a96;
  --SecondaryColorRGB: 49, 90, 150;
  --DarkColor: #0e0e0e;
  --DarkColorRGB: 14, 14, 14;
  --MediumDarkColor: #313131;
  --MediumColor: #848484;
  --MediumLightColor: #f1f2f2;
  --LightColor: #f9f9f9;
  --LightColorRGB: 249, 249, 249;
  --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);
  }
}