/**
 * 
 * @file                framework css file
 * @version             see main xml file
 * @package             tpl_digi_full_power
 * @copyright           copyright digigreg 2014-2015 - all rights reserved
 * @license             GNU General Public License version 2 or later
 * 
 */

/* stylesheet reset */
* {
    appearance: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    outline: none;
    font-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
}
*:focus {
    outline: none;
}
*,*:after,*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}
div, a, p, img, blockquote, form, fieldset, textarea, input, label, iframe, pre {
    display: block;
    position: relative;
    overflow: hidden;
    min-width: 0.1%;
}
p {
    letter-spacing: 0px;
}
p > a {
    display: inline;
    text-decoration: none;
}
p > a:hover {
    text-decoration: none;
}
p > span {
    display: inline;
}
span > a {
    display: inline;
}
a > span {
    display: inline;
}
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
    display: inline;
}


/* joomla stuff */
.cols-2 > .item {
    float: left;
    width: 49%;
}
.cols-3 > .item {
    float: left;
    width: 32%;
}
.cols-4 > .item {
    float: left;
    width: 23.5%;
}
.column-1, .column-2, .column-3 {
    box-sizing: border-box;
    float: left;
}


/* framework layout elements */
#parallax-wrapper {
    z-index: 5;
}
#hud {
    overflow: visible;
    position: fixed;
    z-index: 65000;
}
#hidden-bar {
    overflow: visible;
}
#header-bar {
    overflow: visible;
}
#top-bar-wrapper {
    z-index: 20;
}
#top-bar {
    overflow: hidden;
    z-index: 10;
}
#content-wrapper {
    z-index: 10;
}
#footer-wrapper {
    z-index: 10;
}
#footer {
    z-index: 10;
}
#social-buttons-wrapper {
    display: inline-block;
}
#social-sharing {
    clear: both;
}
#cookieChoiceInfo {
    position: fixed;
    z-index: 65534;
}
ul.nav-child {
    z-index: 50;
}


/* framework classes */
.page-content {
    z-index: 10;
    display: block;
}
.page-sidebar {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    bottom: 0px;
    overflow: hidden;
    position: fixed;
}
.page-sidebar-scroll {
    z-index: 2;
    overflow: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    height:100%;
}
.header-bar, .hidden-bar,
.header-bar > div, .hidden-bar > div {
    overflow: visible;
}
.overlay {
    pointer-events: none;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
}
.decoration { 
    clear: both;
    display: block;
}
.clear {
    clear: both;
}
.column-icon i {
    display: block;
}
.column-icon.left i {
    float: right;
}
.column-icon.right i {
    float: left;
}
.right-text {	 
    text-align: right !important;
}
.left-text {	  
    text-align: left !important;
}
.center-text {	
    text-align: center !important;
}
.responsive-image {
    width: 100%;
}
.round-image {
    border-radius: 500px;	
}
.background-left-top {
    background-position: top left;
}
.background-right-top {
    background-position: top right;
}
.background-left-bottom {
    background-position: bottom left;
}
.background-right-bottom {
    background-position: bottom right;
}
.background-no-repeat {
    background-repeat: no-repeat;
}
.last-column {
    margin-right: 0% !important;
}
.last-column > div {
    margin-right: 0%;
}
.one-third {
    width: 28%;
    float: left;
    margin-right: 8%;	
}
.one-half {
    float: left;
    margin-right: 10%;
    width: 45%;
}


/* toggles */
.toggle-content {
    display: none;
}
.deploy-toggle em {
    position: absolute;
}
.deploy-toggle em strong {
    position: absolute;
    z-index: 1000;
}


/* debug */
#debug-resolution {
    background-color: rgba(140, 120, 0, 0.6);
    border: 1px solid #000;
    bottom: 0;
    left: 0;
    color: #000;
    display: inline-flex;
    margin-bottom: 10px;
    margin-left: 10px;
    max-width: 45%;
    padding: 5px 15px;
    position: fixed;
    z-index: 65535;
}
#debug-user-agent {
    background-color: rgba(135, 210, 124, 0.6);
    border: 1px solid #000;
    top: 0;
    left: 0;
    color: #000;
    display: inline-flex;
    margin-top: 10px;
    margin-left: 10px;
    max-width: 45%;
    padding: 5px 15px;
    position: fixed;
    z-index: 65535;
}
#debug-browser-features {
    background-color: rgba(100, 180, 220, 0.6);
    border: 1px solid #000;
    bottom: 0;
    right: 0;
    color: #000;
    display: inline-flex;
    margin-bottom: 10px;
    margin-right: 10px;
    max-width: 45%;
    padding: 5px 15px;
    position: fixed;
    z-index: 65535;
}
#debug-php-version {
    background-color: rgba(242, 40, 20, 0.6);
    border: 1px solid #000;
    top: 0;
    right: 0;
    color: #000;
    display: inline-flex;
    margin-top: 10px;
    margin-right: 10px;
    max-width: 45%;
    padding: 5px 15px;
    position: fixed;
    z-index: 65535;
}