/**
*
* Utility Styles
* ==============
*
* Defines styles for specific and atomic usage.
*
**/




/*==========================================
=            Clearfix Utilities            =
==========================================*/

.clearfloat {
    clear: both;
    height: 0;
    overflow: hidden;
    width: 100%;
}

.clearfix::before,
.clearfix::after {
    content: " ";
    display: table;
}

.clearfix::after {
    clear: both;
}

/* IE 6/7 */
.clearfix {
    *zoom: 1;
}

.clearleft {
    clear: left;
}

/*-----  End of Clearfix Utilities  ------*/




/*=============================================
=            Font & Text Utilities            =
=============================================*/

.ta-left {
    text-align: left;
}

.ta-center {
    text-align: center;
}

.ta-right {
    text-align: right;
}

.font-reg {
    font-weight: 400;
}

.font-bold {
    font-weight: 700;
}

.font-size-reg {
    font-size: 1em;
}

.font-size-sm,
.font-sm {
    font-size: .9em;
}

.font-red {
    color: #cb4343;
}

/*-----  End of Font & Text Utilities  ------*/




/*=========================================
=            Spacing Utilities            =
=========================================*/

.no-space-top {
    margin-top: 0;
    padding-top: 0;
}

.no-space-bottom {
    margin-bottom: 0;
    padding-bottom: 0;
}

.no-space-top-bottom {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0;
}

.no-mar-bottom {
    margin-bottom: 0;
}

.no-mar-top {
    margin-top: 0;
}

.no-mar-top-bottom {
    margin-bottom: 0;
    margin-top: 0;
}

.no-pad-bottom {
    padding-bottom: 0;
}

.no-pad-top {
    padding-top: 0;
}

/*-----  End of Spacing Utilities  ------*/




/*========================================
=            Layout Utilities            =
========================================*/

.floatleft {
    float: left;
}

.floatleft--padded {
    float: left;
    padding-bottom: 1em;
    padding-right: 1em;
    padding-top: 1em;
}

.floatright {
    float: right;
}

.floatright--padded {
    float: right;
    padding-bottom: 1em;
    padding-left: 1em;
    padding-top: 1em;
}

.va-middle {
    display: inline-block;
    vertical-align: middle;
}

/*-----  End of Layout Utilities  ------*/




/*============================================
=            Visibility Utilities            =
============================================*/

.touch .hideOnTouchDevice,
.showOnTouchDevice,
.showOnTouchDevice-in,
.showOnTouchDevice-ib,
.showOnTouchDevice-tc {
    display: none !important;
}

.touch .showOnTouchDevice {
    display: block !important;
}

.touch .showOnTouchDevice-in {
    display: inline !important;
}

.touch .showOnTouchDevice-ib {
    display: inline-block !important;
}

.touch .showOnTouchDevice-tc {
    display: table-cell !important;
}

[class*=visible-] {
    display: none !important;
}

.visible-xl {
    display: block !important;
}

.visible-xl-inline {
    display: inline !important;
}

.visible-xl-inline-block {
    display: inline-block !important;
}

.visible-xl-table-cell {
    display: table-cell !important;
}

.hidden-xl {
    display: none !important;
}

.hidden-init {
    display: none;
}

/*-----  End of Visibility Utilities  ------*/




/*==================================
=            Deprecated            =
==================================*/

/*.hideOnDesktop,
.showOnSmallMobileOnly,
.showOnSmallMobileOnly-in,
.showOnSmallMobileOnly-ib,
.showOnSmallMobileOnly-tc,
.showOnLargeMobileOnly,
.showOnLargeMobileOnly-in,
.showOnLargeMobileOnly-ib,
.showOnLargeMobileOnly-tc,
.showOnMobileOnly,
.showOnMobileOnly-in,
.showOnMobileOnly-ib,
.showOnMobileOnly-tc,
.showOnTabletOnly,
.showOnTabletOnly-in,
.showOnTabletOnly-ib,
.showOnTabletOnly-tc {
    display: none !important;
}

.showOnDesktop,
.showOnDesktopOnly {
    display: block !important;
}

.showOnDesktop-in,
.showOnDesktopOnly-in {
    display: inline !important;
}

.showOnDesktop-ib,
.showOnDesktopOnly-ib {
    display: inline-block !important;
}

.showOnDesktop-tc,
.showOnDesktopOnly-tc {
    display: table-cell !important;
}*/

/*-----  End of Deprecated  ------*/