/**
 * Default Styles
 *
 * @package WordPress\Applicator\CSS
 */





/**
 * CSS Variables
 *
 * Checked against white background
 *
 * @package WordPress\Applicator\CSS\Variables
 *
 * @version 1.0
 *
 * @link https://webaim.org/resources/contrastchecker/
 */
.cssvariables
{
    --chikka-orange--color: hsl(30, 100%, 50%); /* #ff7f00 */
    --panda-blue--color: hsl(215, 100%, 45%); /* #005fe6 */
    --record-red--color: hsl(0, 100%, 45%); /* #e60000*/
    --uhog-green--color: hsl(120, 100%, 25%); /* #008000 */
}





/**
 * Visually Hidden
 *
 * @package WordPress\Applicator\CSS\Hacks
 *
 * @version 1.0
 */
.visually-hidden,
.h[aria-hidden=true],
.search-term-crt-search-flabel,
.copyright---line .delimiter---txt
{
    position:absolute;margin:-1px;padding:0;width:1px;min-width:auto;height:1px;min-height:auto;overflow:hidden;clip:rect(0,0,0,0);border:0;word-wrap:normal;
}





/**
 * High Levels
 */
*,
:after,
:before
{
    box-sizing: border-box;
}

.html
{
    height: 100%;
}

.body
{
    min-height: 100%;
}





/**
 * Clearfix
 */
.clearfix:before,
.clearfix:after,
.post-content--main:before,
.post-content--main:after
{
    content: " ";
    display: table;
}

.clearfix:after,
.post-content--main:after
{
    clear: both;
}





/**
 * Resets
 */
label[for]:hover
{
    cursor: pointer;
}

abbr[title],
acronym[title]
{
    text-decoration: none;
    border-bottom: 1px dotted gray;
}

abbr[title]:hover,
acronym[title]:hover
{
    border-bottom: 0;
}





/**
 * WordPress Required CSS Selectors
 */
.wp-caption,
.wp-caption-text,
.sticky,
.screen-reader-text,
.gallery-caption,
.bypostauthor,
.alignright,
.alignleft,
.aligncenter
{
    
}





/**
 * Images
 */
img
{
    max-width: 100%;
    height: auto;
}





/**
 * Videos
 */
video
{
    max-width: 100% !important;
    height: auto !important;
}





/**
 * Icons
 */
.icon--vector,
.icon--raster
{
    display: inline-block;
    
    position: relative;
    
    width: 1rem;
    height: 1rem;
    
    vertical-align: middle;
    
    fill: currentColor;
}

.inlinesvg .icon--raster,
.no-inlinesvg .icon--vector
{
    display: none;
}





/**
 * Viewport Width: 768 and wider
 */
@media only screen and ( min-width: 48em )
{

    /**
     * Alignments
     */
    .post-content--main > .alignleft
    {
        float: left;
    }

    .post-content--main > .alignright
    {
        float: right;
    }

    .post-content--main > .aligncenter
    {
        clear: both;
        margin-left: auto;
        margin-right: auto;
    }

}