/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* REF (plugins.php) */
.ref-output {
    background-color: #ffffff;
    padding: 20px 40px;
}
.ref-output .ref {
    margin: 20px 0;
}

/* General Custom CSS */
.screen-reader-text,
.screen-reader-text span,
.ui-helper-hidden-accessible {
    position: absolute;
    margin: -1px;
    padding: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
    word-wrap: normal!important;
}

/* GRID */
div .av_one_sixth { margin-left: 2%; width: 15%; }
div .av_one_fifth { margin-left: 2%; width: 18.4%; }
div .av_one_fourth { margin-left: 2%; width: 23.5%; }
div .av_three_tenth { margin-left: 2%; width: 28.6%; }
div .av_one_third { margin-left: 2%; width: 32%; }
div .av_two_fifth { margin-left: 2%; width: 38.8%; }
div .av_one_half { margin-left: 2%; width: 49%; }
div .av_three_fifth { margin-left: 2%; width: 59.2%; }
div .av_two_third { margin-left: 2%; width: 66%; }
div .av_three_fourth { margin-left: 2%; width: 74.5%; }
div .av_four_fifth { margin-left: 2%; width: 79.6%; }
div .no_margin.av_three_tenth { width: 30%; }
.av-flex-placeholder { display: table-cell; width: 2%; }
div .first, div .no_margin { margin-left: 0; }

.content, .sidebar {
    padding-top: 30px;
    padding-bottom: 30px;
}
body .column-top-margin {
    margin-top: 30px;
}
#top .av-flex-placeholder {
    width: 2%;
}





/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}