/**
 * 2018-2022 MXB Informatica.
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to info@mxbinformatica.it so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to http://www.prestashop.com for more information.
 *
 *  @author    MXB Informatica <info@mxbinformatica.it>
 *  @copyright 2013-2022 MXB Informatica
 *  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

:root {
  --spacer-xs:        1em;
  --spacer-sm:        1em;
  --spacer-md:        1em;
  --spacer-lg:        1em;
  --spacer-xl:        1em;
  
  --m0:            0;
  --m1:            0.25;
  --m2:            0.50;
  --m3:            1;
  --m4:            1.5;
  --m5:            3;
  
  --p-xs-3:          calc(var(--spacer-xs) * var(--m3));
  /*--p-xs-3:          10em;*/
}



/* Margin and Padding helpers for bootstrap 3 */
/*xs*/
/* all padding */
.p-xs   { padding: var(--spacer-xs); }
.p-xs-0 { padding: 0; }
.p-xs-1 { padding: calc(var(--spacer-xs) * var(--m1)); }
.p-xs-2 { padding: calc(var(--spacer-xs) * var(--m2)); }
.p-xs-3 { padding: calc(var(--spacer-xs) * var(--m3)); }
.p-xs-4 { padding: calc(var(--spacer-xs) * var(--m4)); }
.p-xs-5 { padding: calc(var(--spacer-xs) * var(--m5)); }

/* y padding */
.py-xs   { padding: var(--spacer-xs) 0; }
.py-xs-0 { padding: 0 0; }
.py-xs-1 { padding: calc(var(--spacer-xs) * var(--m1)) 0; }
.py-xs-2 { padding: calc(var(--spacer-xs) * var(--m2)) 0; }
.py-xs-3 { padding: calc(var(--spacer-xs) * var(--m3)) 0; }
.py-xs-4 { padding: calc(var(--spacer-xs) * var(--m4)) 0; }
.py-xs-5 { padding: calc(var(--spacer-xs) * var(--m5)) 0; }

/* x padding */
.px-xs   { padding: var(--spacer-xs) 0; }
.px-xs-0 { padding: 0 0; }
.px-xs-1 { padding: 0 calc(var(--spacer-xs) * var(--m1)); }
.px-xs-2 { padding: 0 calc(var(--spacer-xs) * var(--m2)); }
.px-xs-3 { padding: 0 calc(var(--spacer-xs) * var(--m3)); }
.px-xs-4 { padding: 0 calc(var(--spacer-xs) * var(--m4)); }
.px-xs-5 { padding: 0 calc(var(--spacer-xs) * var(--m5)); }

/*
.p-xs { padding: .25em; }
.px-xs { padding: 0 .25em; }
.py-xs { padding: .25em 0 ; }
.p-t-xs { padding-top: .25em; }
.p-r-xs { padding-right: .25em; }
.p-b-xs { padding-bottom: .25em; }
.p-l-xs { padding-left: .25em; }
.m-xs { margin: .25em; }
.m-x-xs { margin: 0 .25em; }
.m-y-xs { margin: .25em 0 ; }
.m-r-xs { margin-right: .25em; }
.m-l-xs { margin-left: .25em; }
.m-t-xs { margin-top: .25em; }
.m-b-xs { margin-bottom: .25em; }
*/


/*sm*/
@media (min-width:768px){

  /* all padding */
  .p-sm   { padding: var(--spacer-sm); }
  .p-sm-0 { padding: 0; }
  .p-sm-1 { padding: calc(var(--spacer-sm) * var(--m1)); }
  .p-sm-2 { padding: calc(var(--spacer-sm) * var(--m2)); }
  .p-sm-3 { padding: calc(var(--spacer-sm) * var(--m3)); }
  .p-sm-4 { padding: calc(var(--spacer-sm) * var(--m4)); }
  .p-sm-5 { padding: calc(var(--spacer-sm) * var(--m5)); }

  /* y padding */
  .py-sm   { padding: var(--spacer-sm) 0; }
  .py-sm-0 { padding: 0 0; }
  .py-sm-1 { padding: calc(var(--spacer-sm) * var(--m1)) 0; }
  .py-sm-2 { padding: calc(var(--spacer-sm) * var(--m2)) 0; }
  .py-sm-3 { padding: calc(var(--spacer-sm) * var(--m3)) 0; }
  .py-sm-4 { padding: calc(var(--spacer-sm) * var(--m4)) 0; }
  .py-sm-5 { padding: calc(var(--spacer-sm) * var(--m5)) 0; }

  /* x padding */
  .px-sm   { padding: var(--spacer-sm) 0; }
  .px-sm-0 { padding: 0 0; }
  .px-sm-1 { padding: 0 calc(var(--spacer-sm) * var(--m1)); }
  .px-sm-2 { padding: 0 calc(var(--spacer-sm) * var(--m2)); }
  .px-sm-3 { padding: 0 calc(var(--spacer-sm) * var(--m3)); }
  .px-sm-4 { padding: 0 calc(var(--spacer-sm) * var(--m4)); }
  .px-sm-5 { padding: 0 calc(var(--spacer-sm) * var(--m5)); }

  /*
  .p-sm { padding: .5em; }
  .px-sm { padding: 0 .5em; }
  .py-sm { padding: .5em 0 ; }
  .p-t-sm { padding-top: .5em; }
  .p-r-sm { padding-right: .5em; }
  .p-b-sm { padding-bottom: .5em; }
  .p-l-sm { padding-left: .5em; }
  .m-sm { margin: .5em; }
  .m-x-sm { margin: 0 .5em; }
  .m-y-sm { margin: .5em 0 ; }
  .m-t-sm { margin-top: .5em; }
  .m-r-sm { margin-right: .5em; }
  .m-b-sm { margin-bottom: .5em; }
  .m-l-sm { margin-left: .5em; }
  */
}

/*md*/
@media (min-width: 992px) {

  /* all padding */
  .p-md   { padding: var(--spacer-md); }
  .p-md-0 { padding: 0; }
  .p-md-1 { padding: calc(var(--spacer-md) * var(--m1)); }
  .p-md-2 { padding: calc(var(--spacer-md) * var(--m2)); }
  .p-md-3 { padding: calc(var(--spacer-md) * var(--m3)); }
  .p-md-4 { padding: calc(var(--spacer-md) * var(--m4)); }
  .p-md-5 { padding: calc(var(--spacer-md) * var(--m5)); }

  /* y padding */
  .py-md   { padding: var(--spacer-md) 0; }
  .py-md-0 { padding: 0 0; }
  .py-md-1 { padding: calc(var(--spacer-md) * var(--m1)) 0; }
  .py-md-2 { padding: calc(var(--spacer-md) * var(--m2)) 0; }
  .py-md-3 { padding: calc(var(--spacer-md) * var(--m3)) 0; }
  .py-md-4 { padding: calc(var(--spacer-md) * var(--m4)) 0; }
  .py-md-5 { padding: calc(var(--spacer-md) * var(--m5)) 0; }

  /* x padding */
  .px-md   { padding: var(--spacer-md) 0; }
  .px-md-0 { padding: 0 0; }
  .px-md-1 { padding: 0 calc(var(--spacer-md) * var(--m1)); }
  .px-md-2 { padding: 0 calc(var(--spacer-md) * var(--m2)); }
  .px-md-3 { padding: 0 calc(var(--spacer-md) * var(--m3)); }
  .px-md-4 { padding: 0 calc(var(--spacer-md) * var(--m4)); }
  .px-md-5 { padding: 0 calc(var(--spacer-md) * var(--m5)); }

  /*
  .p-md { padding: 1em; }
  .px-md { padding: 0 1em; }
  .py-md { padding: 1em 0; }
  .p-t-md { padding-top: 1em; }
  .p-r-md { padding-right: 1em; }
  .p-b-md { padding-bottom: 1em; }
  .p-l-md { padding-left: 1em; }
  .m-md { margin: 1em; }
  .m-x-md { margin: 0 1em; }
  .m-y-md { margin: 1em 0 ; }
  .m-t-md { margin-top: 1em; }
  .m-r-md { margin-right: 1em; }
  .m-b-md { margin-bottom: 1em; }
  .m-l-md { margin-left: 1em; }
  */
}

/*lg*/
@media (min-width: 1200px) {

  /* all padding */
  .p-lg   { padding: var(--spacer-lg); }
  .p-lg-0 { padding: 0; }
  .p-lg-1 { padding: calc(var(--spacer-lg) * var(--m1)); }
  .p-lg-2 { padding: calc(var(--spacer-lg) * var(--m2)); }
  .p-lg-3 { padding: calc(var(--spacer-lg) * var(--m3)); }
  .p-lg-4 { padding: calc(var(--spacer-lg) * var(--m4)); }
  .p-lg-5 { padding: calc(var(--spacer-lg) * var(--m5)); }

  /* y padding */
  .py-lg   { padding: var(--spacer-lg) 0; }
  .py-lg-0 { padding: 0 0; }
  .py-lg-1 { padding: calc(var(--spacer-lg) * var(--m1)) 0; }
  .py-lg-2 { padding: calc(var(--spacer-lg) * var(--m2)) 0; }
  .py-lg-3 { padding: calc(var(--spacer-lg) * var(--m3)) 0; }
  .py-lg-4 { padding: calc(var(--spacer-lg) * var(--m4)) 0; }
  .py-lg-5 { padding: calc(var(--spacer-lg) * var(--m5)) 0; }

  /* x padding */
  .px-lg   { padding: var(--spacer-lg) 0; }
  .px-lg-0 { padding: 0 0; }
  .px-lg-1 { padding: 0 calc(var(--spacer-lg) * var(--m1)); }
  .px-lg-2 { padding: 0 calc(var(--spacer-lg) * var(--m2)); }
  .px-lg-3 { padding: 0 calc(var(--spacer-lg) * var(--m3)); }
  .px-lg-4 { padding: 0 calc(var(--spacer-lg) * var(--m4)); }
  .px-lg-5 { padding: 0 calc(var(--spacer-lg) * var(--m5)); }
  /*
  .p-lg { padding: 1.5em; }
  .px-lg { padding: 0 1.5em; }
  .py-lg { padding: 1.5em 0; }
  .p-t-lg { padding-top: 1.5em; }
  .p-r-lg { padding-right: 1.5em; }
  .p-b-lg { padding-bottom: 1.5em; }
  .p-l-lg { padding-left: 1.5em; }
  .m-lg { margin: 1.5em; }
  .m-x-lg { margin: 0 1.5em; }
  .m-y-lg { margin: 1.5em 0; }
  .m-t-lg { margin-top: 1.5em; }
  .m-r-lg { margin-right: 1.5em; }
  .m-b-lg { margin-bottom: 1.5em; }
  .m-l-lg { margin-left: 1.5em; }
  */
}

/*xl*/

/* all padding */
.p-lg   { padding: var(--spacer-lg); }
.p-lg-0 { padding: 0; }
.p-lg-1 { padding: calc(var(--spacer-lg) * var(--m1)); }
.p-lg-2 { padding: calc(var(--spacer-lg) * var(--m2)); }
.p-lg-3 { padding: calc(var(--spacer-lg) * var(--m3)); }
.p-lg-4 { padding: calc(var(--spacer-lg) * var(--m4)); }
.p-lg-5 { padding: calc(var(--spacer-lg) * var(--m5)); }

/* y padding */
.py-lg   { padding: var(--spacer-lg) 0; }
.py-lg-0 { padding: 0 0; }
.py-lg-1 { padding: calc(var(--spacer-lg) * var(--m1)) 0; }
.py-lg-2 { padding: calc(var(--spacer-lg) * var(--m2)) 0; }
.py-lg-3 { padding: calc(var(--spacer-lg) * var(--m3)) 0; }
.py-lg-4 { padding: calc(var(--spacer-lg) * var(--m4)) 0; }
.py-lg-5 { padding: calc(var(--spacer-lg) * var(--m5)) 0; }

/* x padding */
.px-lg   { padding: var(--spacer-lg) 0; }
.px-lg-0 { padding: 0 0; }
.px-lg-1 { padding: 0 calc(var(--spacer-lg) * var(--m1)); }
.px-lg-2 { padding: 0 calc(var(--spacer-lg) * var(--m2)); }
.px-lg-3 { padding: 0 calc(var(--spacer-lg) * var(--m3)); }
.px-lg-4 { padding: 0 calc(var(--spacer-lg) * var(--m4)); }
.px-lg-5 { padding: 0 calc(var(--spacer-lg) * var(--m5)); }
/*
.p-xl { padding: 3em; }
.px-xl { padding: 0 3em; }
.py-xl { padding: 3em 0 ; }
.p-t-xl { padding-top: 3em; }
.p-r-xl { padding-right: 3em; }
.p-b-xl { padding-bottom: 3em; }
.p-l-xl { padding-left: 3em; }
.m-xl { margin: 3em; }
.m-x-xl { margin: 0 3em; }
.m-y-xl { margin: 3em 0; }
.m-t-xl { margin-top: 3em; }
.m-r-xl { margin-right: 3em; }
.m-b-xl { margin-bottom: 3em; }
.m-l-xl { margin-left: 3em; }
*/