/*
    STYLO
    - Bootstrap overrides
    - Default Form styles
*/

/*
	Responsive definitions.
	To get full width backgrounds, we use
	.container-fluid on the content div and
	style the .row class with the max-width
	instead.
*/

.container-fluid {
    padding: 0;
}

.row, .navbox {
    margin: 0 auto;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .row, .navbox {
        margin: 0 auto;
        max-width: 970px;
    }

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .row, .navbox {
        margin: 0 auto;
        max-width: 970px;
    }

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .row, .navbox {
        margin: 0 auto;
        max-width: 970px;
    }

}

/* Form Styles */
.stylo-required-fieldlabel:before {
    content: "*";
}
.stylo-required-fieldlabel + span {
    display:block;
}
.stylo-required-field, .stylo-required-fieldlabel + span {
    border:solid red 1px;
}
.stylo--required {
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    z-index: -1;
}

.stylo-show {
    display: block !important;
}

.stylo-hide {
    display: none !important;
}

label.checkbox, label.radio {
    padding-left: 25px;
}