/* =======================================
	Theme: Freyja
	Sparrow & Snow Responsive
========================================== */

.flex-row {
	width: 100%;  

	display: -ms-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row nowrap;
	
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	
	flex-flow: row nowrap;
	
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	justify-content: space-between;
	
	}
	
.flex-right {
    margin-left: auto;
}
.flex-left {
    margin-right: auto;
}
.flex-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.flex-end {
	-ms-flex-pack: end;
	-webkit-box-pack: end;
	justify-content: flex-end;
}

.flex-row-center {
	flex-direction: row;    
    justify-content: center; 
    align-items: center;    
    display: -ms-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}


/* ===== Class Menu Navigation ================ */


.flex-col {
    max-height: 100%;
}
.flex-grow-1 {
	flex-grow: 1;
}
.flex-grow-2 {
	flex-grow: 2;
}
.flex-grow-min-1 {
	min-width: 230px;
	max-width: 230px; 
}



/* ===== Header Center Logo ================ */

.flexwrap-center-logo {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
}
.flexwrap-center-logo .left, 
.flexwrap-center-logo .right {
  flex: 1;
}
.flexwrap-center-logo .right {
  justify-content: flex-end;
}


/* ===== FOOTER SIDEBAR ========================== */


.flex-column > .flex-col2.flex-footer_sedebar {
  box-sizing: border-box;
  width: calc(1/2*100% - (1 - 1/2)*120px);
}

.flex-column > .flex-col3.flex-footer_sedebar {
  box-sizing: border-box;
  width: calc(1/3*100% - (1 - 1/3)*120px);
}
.flex-column > .flex-col4.flex-footer_sedebar {
  box-sizing: border-box;
  width: calc(1/4*100% - (1 - 1/4)*120px);
}
@media (max-width: 520px){
	.flex-column > .flex-col2.flex-footer_sedebar,
	.flex-column > .flex-col3.flex-footer_sedebar,
	.flex-column > .flex-col4.flex-footer_sedebar {
		width: 100% !important;
	}
}


/* ===== COLUMN FLEX ========================== */

.flex-column {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.flex-column > .flex-col2 {
  box-sizing: border-box;
  width: calc(1/2*100% - (1 - 1/2)*40px);
}

.flex-column > .flex-col3 {
  box-sizing: border-box;
  width: calc(1/3*100% - (1 - 1/3)*40px);
}
.flex-column > .flex-col4 {
  box-sizing: border-box;
  width: calc(1/4*100% - (1 - 1/4)*40px);
}

@media (max-width: 820px){
	.flex-column > .flex-colm-100 {
		width: 100% !important;
	}
	.flex-column > .flex-col3,
	.flex-column > .flex-col3.flex-footer_sedebar
	 {
		width: calc(1/2*100% - (1 - 1/2)*40px);
	}
	
}
@media (max-width: 720px){
	.flex-column > .flex-col2,
	.flex-column > .flex-col3,
	.flex-column > .flex-col4 {
		width: 100%;
	}
}

/* ==== GRID 2018 ==== */
.page-wrap {
	margin-top: 5rem;
	margin-bottom: 4rem;
}
@media (max-width: 720px){
	.page-wrap {
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
}
.sas-wrap,
.sas-wrap-s {
	position: relative;
    margin: auto;
    width: calc(100% - 1.875rem);
}
	
@media (min-width: 600px){
	.sas-wrap,
	.sas-wrap-s {
		position: relative;
	    margin: auto;
	    width: calc(100% - 5rem);
	}
}

@media (min-width: 1200px){
	.sas-wrap {
	    width: 71.875rem; /*1150px*/
	}	
}
@media (min-width: 950px){
	.sas-wrap-s {
	    width: 56.25rem; /*900px*/
	}	
}
.sas-container {
	min-height: 1.25rem;
	width: 100%;
	min-width: 0;
}


/* ===== Sidebar */

.container-sidebar {
    display: flex;
}
.sidebar-reverse { /* casse per attivare la sidebar */
	flex-direction: row-reverse;	 
}
.sas-sidebar {	
	flex: 0 0 30%; 
	min-height: 1.25rem;
	margin: 0 0 0 5%;
	min-width: 19.6875rem; /* 315px width minima per sidebar */
}
.sidebar-reverse .sas-sidebar {
	flex: 0 0 30%; 
	min-height: 1.25rem;
	margin: 0 5% 0 0;
}

@media (max-width: 960px) {
	.sidebar-reverse {
		flex-direction: column-reverse !important;
	}
	.container-sidebar {
		flex-direction: column !important;
	}
	.sas-sidebar,
	.sidebar-reverse .sas-sidebar {
		max-width: 21.25rem; /* 340px */
		min-width: 21.25rem; /* 340px */
		margin: 0 auto;
		flex: none;
	}
}

@media (max-width: 400px) {
	.sas-sidebar,
	.sidebar-reverse .sas-sidebar {
		max-width: 100%;
		min-width: 100%;
		width: 100%;
		margin: 0 auto;
	}
}

/*  Query menu responsive
================================================== */

@media (max-width:1000px) {
.hide_mobile {
    display: none !important;
    }

}
@media (max-width:720px) {
.hide_phone {
    display: none !important;
    }

}
@media (min-width:1000px) {
.view_mobile {
    display: none !important;
    }

}

 
/*
| ====================================================================
| ======  GRID BLOG LAYOUT
| ====================================================================
*/


.indie-grid {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}
.indie-grid>* {
    margin: 0;
}
.indie-grid>*>:last-child {
    margin-bottom: 35px;
    padding-bottom: 35px;
}

/* MARGIN Base 30px */
.indie-grid {
    margin-left: -30px;
}
.indie-grid>* {
    padding-left: 30px;
}
.indie-grid+.indie-grid,
.indie-grid>.indie-grid-margin,
*+.indie-grid-margin {
    margin-top: 30px;
}
@media (min-width:1200px) {
    .indie-grid {
        margin-left: -40px;
    }
    .indie-grid>* {
        padding-left: 40px;
    }
    .indie-grid+.indie-grid,
    .indie-grid>.indie-grid-margin,
    *+.indie-grid-margin {
        margin-top: 40px;
    }
}

/* MARGIN Small 15px */
.indie-grid-small {
    margin-left: -15px;
}
.indie-grid-small>* {
    padding-left: 15px;
}
.indie-grid+.indie-grid-small,
.indie-grid-small>.indie-grid-margin,
*+.indie-grid-margin-small {
    margin-top: 15px;
}


/* MARGIN Medium 15px */
.indie-grid-medium {
    margin-left: -30px;
}
.indie-grid-medium>* {
    padding-left: 30px;
}
.indie-grid+.indie-grid-medium,
.indie-grid-medium>.indie-grid-margin,
*+.indie-grid-margin-medium {
    margin-top: 30px;
}


/* MARGIN Large 15px */
.indie-grid-large {
    margin-left: -40px;
}
.indie-grid-large>* {
    padding-left: 40px;
}
.indie-grid+.indie-grid-large,
.indie-grid-large>.indie-grid-margin,
*+.indie-grid-margin-large {
    margin-top: 40px;
}
@media (min-width:1200px) {
    .indie-grid-large {
        margin-left: -70px;
    }
    .indie-grid-large>* {
        padding-left: 70px;
    }
    .indie-grid+.indie-grid-large,
    .indie-grid-large>.indie-grid-margin,
    *+.indie-grid-margin-large {
        margin-top: 70px;
    }
}


/* ************************* */
/* ******* SIZE GRID ******* */
/* ************************* */

[class*='indie-child-width']>* {
    box-sizing: border-box;
    width: 100%
}

.indie-child-width-1-2>* {
    width: 50%
}

.indie-child-width-1-3>* {
    width: calc(100% * 1 / 3.001)
}

.indie-child-width-1-4>* {
    width: 25%
}

.indie-child-width-1-5>* {
    width: 20%
}

.indie-child-width-1-6>* {
    width: calc(100% * 1 / 6.001)
}

.indie-child-width-auto>* {
    width: auto
}

.indie-child-width-expand>:not([class*='indie-width']) {
    flex: 1;
    min-width: 1px
}

@media (min-width:640px) {
    .indie-child-width-1-1\@s>* {
        width: 100%
    }
    .indie-child-width-1-2\@s>* {
        width: 50%
    }
    .indie-child-width-1-3\@s>* {
        width: calc(100% * 1 / 3.001)
    }
    .indie-child-width-1-4\@s>* {
        width: 25%
    }
    .indie-child-width-1-5\@s>* {
        width: 20%
    }
    .indie-child-width-1-6\@s>* {
        width: calc(100% * 1 / 6.001)
    }
    .indie-child-width-auto\@s>* {
        width: auto
    }
    .indie-child-width-expand\@s>: not([class*='indie-width']) {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width:960px) {
    .indie-child-width-1-1\@m>* {
        width: 100%
    }
    .indie-child-width-1-2\@m>* {
        width: 50%
    }
    .indie-child-width-1-3\@m>* {
        width: calc(100% * 1 / 3.001)
    }
    .indie-child-width-1-4\@m>* {
        width: 25%
    }
    .indie-child-width-1-5\@m>* {
        width: 20%
    }
    .indie-child-width-1-6\@m>* {
        width: calc(100% * 1 / 6.001)
    }
    .indie-child-width-auto\@m>* {
        width: auto
    }
    .indie-child-width-expand\@m>: not([class*='indie-width']) {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width:1200px) {
    .indie-child-width-1-1\@l>* {
        width: 100%
    }
    .indie-child-width-1-2\@l>* {
        width: 50%
    }
    .indie-child-width-1-3\@l>* {
        width: calc(100% * 1 / 3.001)
    }
    .indie-child-width-1-4\@l>* {
        width: 25%
    }
    .indie-child-width-1-5\@l>* {
        width: 20%
    }
    .indie-child-width-1-6\@l>* {
        width: calc(100% * 1 / 6.001)
    }
    .indie-child-width-auto\@l>* {
        width: auto
    }
    .indie-child-width-expand\@l>: not([class*='indie-width']) {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width:1600px) {
    .indie-child-width-1-1\@xl>* {
        width: 100%
    }
    .indie-child-width-1-2\@xl>* {
        width: 50%
    }
    .indie-child-width-1-3\@xl>* {
        width: calc(100% * 1 / 3.001)
    }
    .indie-child-width-1-4\@xl>* {
        width: 25%
    }
    .indie-child-width-1-5\@xl>* {
        width: 20%
    }
    .indie-child-width-1-6\@xl>* {
        width: calc(100% * 1 / 6.001)
    }
    .indie-child-width-auto\@xl>* {
        width: auto
    }
    .indie-child-width-expand\@xl>: not([class*='indie-width']) {
        flex: 1;
        min-width: 1px
    }
}


/****************************************/
/*
/* CONTROLLI
/*
/****************************************/


.total_container .indie-grid_gap.indie-grid {
    margin-left: -60px;
    margin-top: -55px;
}


.total_container .indie-grid_gap.indie-grid > * {
    padding-left: 60px;
    margin-top: 55px;
}