/*
#########################################################################################
CSS stylesheet for Typesetter CMS Addon OnePageToolkit
Author: J. Krausz
Date: 2016-10-12
Version 1.0b2
#########################################################################################
*/


/* ### makeFullWidth class ### */

html {
max-width:100%;
overflow-x:hidden;
}

/* neutralize margin-top for fullWidth area if first on a older bootstrap based theme page */
body>#wrap>.container>#gpx_content>.GPAREA.makeFullWidth:first-of-type {
margin-top:-10px;
}

/* neutralize margin-top for fullWidth area  if first on a new bootstrap SCSS based theme page */
body>.container>#gpx_content>.GPAREA.makeFullWidth:first-of-type {
margin-top:-22px;
}

/* expand section to viewport width */

.makeFullWidth {
position:relative;
left:50%;
width:100vw;
margin-left:-50vw;
}

/* give top-level fullWith wrappers' container children high vertical paddings */
#gpx_content>.GPAREA.filetype-wrapper_section.makeFullWidth>.container {
padding-top:48px;
padding-bottom:48px;
}


/* ### SECTION BACKGROUNDS ### */

/* alternating full width section tints, darken even ones, lighten odd ones */
#gpx_content>.GPAREA.makeFullWidth:nth-of-type(even) { background:rgba(0,0,0,0.06); } 
#gpx_content>.GPAREA.makeFullWidth:nth-of-type(odd)  { background:rgba(255,255,255,0.06); } 

.gradient-light {
background: #e4e8ec;
background: -moz-linear-gradient(top,  #e4e8ec 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e8ec), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #e4e8ec 0%,#ffffff 100%);
background: -o-linear-gradient(top,  #e4e8ec 0%,#ffffff 100%);
background: -ms-linear-gradient(top,  #e4e8ec 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #e4e8ec 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e8ec', endColorstr='#ffffff',GradientType=0 );
}


/* ### ANCHOR SECTION ### */

/* needed to make position:absolute work for the ancheor section */
.filetype-wrapper_section {
position:relative;
}

.GPAREA.filetype-Anchor {
display:block!important;
position:absolute!important;
overflow:hidden;
height:0;
top:0; /* for compensating sticky header height */
left:50%;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
margin:1px 0 0 0; /* added 1px to avoid occasional gaps */
padding:0;
border:none;
z-index:100;
-webkit-opacity:0.333;
-moz-opacity:0.333;
opacity:0.333;
}

.GPAREA.filetype-Anchor div.anchor_id {
display:block;
margin:0;
padding:0;
}

.GPAREA.filetype-Anchor.editable_area {
height:auto;
overflow:visible;
}

.GPAREA.filetype-Anchor.editable_area:hover {
-webkit-opacity:0.667;
-moz-opacity:0.667;
opacity:0.667;
}

.GPAREA.filetype-Anchor.editable_area div.anchor_label {
padding:6px 6px 6px 26px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background:#888 url(img/anchor_16_white.png) 6px center no-repeat;
color:#fff;
font-size:12px;
font-weight:bold;
line-height:16px;
}

.GPAREA.filetype-Anchor.editable_area div.gpclear {
display:none;
}

.GPAREA.filetype-Anchor.editable_area:hover div.compensate_indicator {
display:block;
position:relative;
width:12px;
height:0;  /* will set by JS for compensating sticky header height */
margin:0 auto;
background:url(img/compensate_indicator.png) center top repeat-y;
}