/*-----------------------------------------------------------------
## P.C Rewritten Settings for compatibility with wp-boostrap theme
------------------------------------------------------------------*/
.container {
  width: 100% !important;
  padding-right: 1.2;
  padding-left: 1.2;
  margin-right: auto;
  margin-left: auto;
  letter-spacing: 1;
  line-height: 1.5;
  background: #ffffff !important;
}
.column {
  max-width: 62%;
  flex: 62%;
  line-height: 1.5;
}
.p { line-height: 150% !important; }

.row {
  width: 100% !important;
  box-sizing: border-box;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: 0px;
  margin-left: 0px;
  line-height: 1.5;
}

.vg-page-layout-left-sidebar {
	width: 15%;
	max-width: 15%;
	display: none;	
	box-sizing: border-box;
	padding: 2.4% 0%;
        float: left;
        line-height: 150%;
}
.vg-page-layout-right-sidebar {
        width: 23%;
        max-width: 23%;
        display: block;
        box-sizing: border-box;
        padding: 2.4% 0%;
        float: right;
        line-height: 150%;
}

.vg-page-layout-content {
       padding: 2.8% 2.8%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 62%;
          flex: 0 0 62%;
       max-width: 62%;
       flex-direction: column;
       line-height: 1.5;
}

.vg-page-layout-above-content-sidebar {
       padding: 2.8% 2.8%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  max-height: 10%;
  height: 2.4%;
  max-height: 2.4%;
     flex-direction: column;
     text-align: center;
     justify-content: center;
     vertical-align: middle;
  line-height: 1.5;
    }

.vg-page-layout-below-content-sidebar {
       padding:  2.8% 2.8%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
    max-width: 100%;
    max-height: 2.4%;
     flex-direction: column;
     text-align: center;
     justify-content: center;
     vertical-align: middle;
     line-height: 1.5;
}

/*--  P.C. Aggiunti settaggi  per visualizzazione su SmartPhon --*/

@media only screen
  and (min-width : 320px)
  and (max-width : 768px) {

  html {
    font-size: 80%;
  }

.column {
  max-width: 100%;
  flex: 100%;
  width: 100%;
/*  padding: 20px;*/
}
.row {  
  max-width: 100%;
  width:100%;
  box-sizing: border-box;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: 0px;
  margin-left: 0px;

  flex-direction: column;
}

.vg-page-layout-left-sidebar {
  order: 2;
  flex-direction: column;
  max-width: 80%;
  width:80%;
  box-sizing: border-box;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: 0px;
  margin-left: 0px;
}
.vg-page-layout-right-sidebar {
  order: 3;
  flex-direction: column;
  max-width: 80%;
  width:80%;
  box-sizing: border-box;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: 0px;
  margin-left: 0px;

}

.vg-page-layout-content {
  order: 1;
  flex-direction: column;
  max-width: 100%;
  width:100%;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: 0px;
  margin-left: 0px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
 }
.vg-page-layout-above-content-sidebar {


  flex-direction: column;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: 0px;
  margin-left: 0px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;

    }

.vg-page-layout-below-content-sidebar {

  flex-direction: column;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: 0px;
  margin-left: 0px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;

}

}