/************************************************************************************

Utility Classes

**************************************************************************************/

@import 'base';

.u-margin-top-xsmall {

margin-top: 6px;

}

.u-margin-bottom-xsmall {

margin-bottom: 6px;

}

.u-margin-top-small {

margin-top: 8px;

}

.u-margin-bottom-small {

margin-bottom: 8px;

}

.u-margin-top {

margin-top: 16px;

}

.u-margin-bottom {

margin-bottom: 16px;

}

.u-margin-top-med {

margin-top: 24px;

}

.u-margin-bottom-med {

margin-bottom: 24px;

}

.u-margin-top-large {

margin-top: 32px;

}

.u-margin-bottom-large {

margin-bottom: 32px;

}

.u-margin-top-xlarge {

margin-top: 48px;

}

.u-margin-bottom-xlarge {

margin-bottom: 48px;

}

.u-margin-top-xxlarge {

margin-top: 60px;

}

.u-margin-bottom-xxlarge {

margin-bottom: 60px;

}

.u-padding-col {

padding-left: 16px;
padding-right: 16px;

}

.u-display-block {

display: block;

}

.u-display-inline-block {

display: inline-block;

}

.u-display-table {

display: table;
width: 100%;

}

.u-display-table-cell {

display: table-cell;
vertical-align: top;

}

.u-align-center {

text-align: center

}

.u-overflow-hidden {

overflow: hidden;

}

.u-oversize-thumbnail {

max-width: 118.5%;

}

.dp-anchor {

position: absolute;
top: -$navHeight;

}

.dp-navbar-right {

margin-top: 5px;
float: right;

@include desktop {
    margin-top: 0;
}

}

@media (max-width: $convertToMobileBreakpoint) {

.dp-anchor {
    top: -$navHeightMobile;
}

.dp-navbar-hidden-mobile {
    display: none;
}

.dp-navbar-visible-mobile-block {
    display: block;
}

.dp-navbar-visible-mobile-inline-block {
    display: inline-block;
}

.dp-navbar-visible-mobile-inline {
    display: inline;
}

}