/*
|-------------------------------------------------------------------------------
| Stack branding
|-------------------------------------------------------------------------------
*/

/* Base mobile first styles */
@media print, screen {

    .stack-branding {

        position: relative;
        display: inline-block;
        height: 20px;
        line-height: 20px;

    }

    .stack-branding a {
        display: inline-block;
        text-decoration:none;
        height: 20px;
        line-height: 20px;
    }

    .stack-branding a.stack-communications-ltd {
    	height: 11px;
    	line-height: 11px;
    	background-image: url("../images/stack-logo.svg");
    	background-repeat: no-repeat;
    	background-size: 100% auto;
    	margin: 0px 0 0 2px !important;
    	width: 60px;
    	text-indent: 100%;
    	white-space: nowrap;
    	overflow: hidden;
    }

    .stack-branding a.stack-communications-ltd:link,
    .stack-branding a.stack-communications-ltd:visited {
        background-position: 0 0;
    }

    .stack-branding a.stack-communications-ltd:hover,
    .stack-branding a.stack-communications-ltd:active {
        filter: drop-shadow(0 0 7px rgba(255, 255, 255, 1.0));
    }

}


/* 576px */
@media print, screen and (min-width: map-get($grid-breakpoints, sm)) {

}


/* 768px */
@media print, screen and (min-width: map-get($grid-breakpoints, md)) {

}


/* 992px */
@media print, screen and (min-width: map-get($grid-breakpoints, lg)) {

}


/* 1200px */
@media print, screen and (min-width: map-get($grid-breakpoints, xl)) {

}


/* 1400px */
@media print, screen and (min-width: map-get($grid-breakpoints, xxl)) {

}