/** reference **/

#referenceDetail .intro 
{
    width: 90%;
}
#referenceDetail .intro 
{
    margin-bottom: 0;
    min-height: unset;
    margin-top: 1em;
}
#referenceDetail .meta
{
	width: 100%;
	position: unset;
	margin-top: 1em;
	padding: 1.5em 2em 1em;
}
#refDetailGrid 
{
    margin-top: 0em;
}
#referenceList .referenceItem .meta table td.first, 
#referenceDetail .meta table td.first 
{
    width: 14em;
}

#referenceList .referenceItem.detail.leftPic .desc, 
#referenceList .referenceItem.detail.rightPic .desc 
{
    width: 90%;
    min-height: unset;
}
#referenceList .referenceItem.detail .meta
{
    padding-right: 8em;
    padding-left: 3em;
    margin-bottom: 4em;
    width: calc(100% - 49px);
    padding: 1.5em 2em 1em;
    margin-top: 0;
}
#referenceList .referenceItem.detail.leftPic .desc h3, 
#referenceList .referenceItem.detail.rightPic .desc h3 
{
    margin-bottom: 2em;
}
#referenceList .referenceItem.detail.leftPic p.quote, 
#referenceList .referenceItem.detail.leftPic p:not(.first), 
#referenceList .referenceItem.detail.rightPic p.quote, 
#referenceList .referenceItem.detail.rightPic p:not(.first) 
{
    width: auto;
    
}







/** main page blocks **/


/** header content **/

/* logo */


/** index page **/
#roofs
{
	height: unset;
}
#news #newsText
{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-size: cover;
    background-image: url(../images/roofsPure.jpg);
    background-position: 0 -68px;
}
#news #newsImage
{
	display: none;
}
#news #newsText h3,
#news #newsText p
{
	margin-top: 8em;
    margin-bottom: 0.2em;
    position: absolute;
    display: inline-block;
    padding: 0 0.5em;
    right: 0;
    margin-left: -49px;
    clear: both;
    background-color: rgb(255,255,255,0.7);
}
#news #newsText p
{
	margin-top: 11em;
}
#news button 
{
    right: 3em;
}


#pergolas,
#biopergolas,
#roofs
{
    padding-top: 2em;
    overflow: hidden;
    min-height: 820px;
}
#pergolaPergotex::before, #pergolaViva::before,
#roofsTerrazza::before, #roofsGlasoase::before
{
	height: 375px;
}
#biopergolas h2, #pergolas h2, #roofs h2
{
    margin-bottom: 1em;
    width: 30%;
    float: left;
}
#biopergolas p,#pergolas p, #roofs p
{
    width: 34%;
    float: left;
    clear: both;
	padding-right: 3em;
}
#pergolas > div,
#biopergolas > div,
#roofs > div
{
	height: auto;
    position: absolute;
    right: 0;
    margin-top: 9px;
    width: 59%;
}
#pergolas > #pergolaViva,
#roofs > #roofsGlasoase
{
	margin-top: 375px;
}
#pergolas h3, #pergolas:hover h3,
#biopergolas h3, #biopergolas:hover h3,
#roofs h3, #roofs:hover h3
{
	margin-top: 1.1em;
    margin-left: 30px;
}
#roofsTerrazza .hover, #roofsGlasoase .hover, 
#pergolaPergotex .hover, #pergolaViva .hover, 
#floorMillboard .hover, #floorMerbau .hover, #floorFiberon .hover
{
	padding-left: 30px;
	padding-bottom: 5em;	
}
#awnings #desc h2
{
	width: auto;
}
#awnings div 
{
	height: 193px;
}

/** product comparison pages **/
#productslisting .vertical .images .pics > div
{
	background-position: left;
}
#productslisting .vertical .images > div:first-child,
#productslisting .vertical .images > div:nth-child(3),
#productslisting .vertical .images > div:nth-child(4)
{
	display: none;
}
#productslisting .vertical .images > div:nth-child(2)
{
	float: left;
	width: 100%;
} 
#productslisting .vertical .desc
{
	width: calc(100% / 3);
}


/** main page content */ 
#pageToolbox
{
	display: none;	
}

h2 span.newProduct
{
	margin-left: 0;
}



/** left side panel **/

/* left menu */
#sideWrap
{
	padding-left: 0;
}
#sideWrap nav
{
	margin-left: 0;
}
#sideWrap
{
	margin-bottom: 0;
}
#sideWrap nav > * 
{
    padding-left: 49px;
}
#mainMenuSide .sectionLabel 
{
	padding-top: 0;
	padding-left: 0;
}
#mainMenuSideWrap 
{
	padding: 0.8em 0 0.8em 49px;
    background-color: #2364a6;
    width: 100%;
    margin-bottom: 0.5em;
}
#mainMenuSide	
{
	display: block;
}
#mainMenuSide .sectionNav 
{
    margin: 0;
    line-height: 1.4em;
    color: white;
}
ul#mainMenuSide a 
{
    color: white;
    background-color: transparent;
}


#expandColapseAll 
{
	top: 12px;
}


/** patterns **/
div[data-mode=mode1].pattern.slidePat1 .preview1 img 
{
    float: left;
    width: 95%;
    margin: 2em 0;
    height: auto;
}


/* hide FB */
#LikeBoxWrap
{
	display: none;
}

/** article **/







.pAwningsFabric .pStripPad,.pAwningsFabric .jspStrip .viewport, 
.pAwningsFrame .pStripPad, .pAwningsFrame .jspStrip .viewport
{
	width: 81%;
}
.pThumb img
{
	width: 100%;
}




/** Navigation drawer **/



/* side left menu */ 

fixed#sideWrap 
{
	position: relative;
	display: block;
	
	top: 60px;
	left: 0;
	z-index: 3;
	
	background-color: #eee;
}
#sideWrap nav
{
	z-index: 10;
	
	margin-top: 60px; 		/* small nav bar*/
	/* margin-top: 152px; 		/* big nav bar*/
}
#sideWrap .dijitIcon
{
	background-image: none;
}
.soria .dijitTreeLabel 
{
	margin-left: -12px;
}
.sideWrap
{
	transition: 0.35s;
	position: relative;
	z-index: 2;
}


/* floating burger menu */
#header .menu.is-active .menu-hamburger 
{
	background: none;
}
#header .menu-hamburger,
#header .menu-hamburger:before, 
#header .menu-hamburger:after 
{
	background-color: white;
}
nav .menu 
{
	top: 18px;
}