/* mobile (xs) */

/* general */
sup {
    font-size: 60%;
    top: -0.7em;
}
nav a,
.nav-utility nav a {
    color: #fff;
}
.background-image {
    left: 0;
    top: 0;
}

/* buttons */
/* default C2A button used in fabric collections and fabric detail pages */
.btn.btn-explore {
    background-color: #1f95c4;
    color: #fff;
    border-radius: 0;
    font-family: 'Avenir LT Std 85 Heavy';
    font-size: 14px;
    padding-left: 16px;
    padding-right: 16px;
    text-transform: uppercase;
    transition: 350ms ease-in-out;
}
.btn.btn-explore:hover,
.btn.btn-explore:active,
.btn.btn-explore:focus {
    background-color: #067cab;
    color: #fff;
}

/* headings */
h1 sup,
h2 sup {
    font-size: 30%;
    top: -1.8em;
}

/* heading accent */
.h-accent {
    color: #6a6a6a;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1.5;
    margin: 0 auto;
}
.h-accent::before {
    content: "";
    border-top: 1px solid #6a6a6a;
    display: block;
    height: 10px;
}
.h-accent-white {
    color: #fff;
}
.h-accent-white::before {
    border-color: #fff;
}

/* logo containers */
.logo-container {
    margin: 16px 0 0 0;
}
.logo-container-no-breadcrumb {
    margin: 16px 0 46px 0;
}
/* menus */
/* menu top right */
/* .home .menu-top-right {
    position: fixed;
    right: 16px;
    top: 14px;
} */
.menu-top-right .nav.nav-pills {
    float: right;
    font-size: 14px;
    font-family: 'Avenir LT Std 45 Book'
}
.menu-top-right .nav.nav-pills > li.burger a {
    font-size: 20px;
    line-height: 21px;
}
.menu-top-right .nav.nav-pills > li > a {
    background-color: transparent;
    border-radius: 0;
    padding-left: 8px;
    padding-right: 8px;
}
.menu-top-right .nav.nav-pills > li > a:focus,
.menu-top-right .nav.nav-pills > li > a:hover {
    background-color: transparent;
    text-decoration: none;
}

/* menu right side (hamburger drawer) */
.nav-utility {
    background-color: #2152a4;
    bottom: 0;
    display: none;
    font-family: 'Avenir LT Std 35 Light';
		overflow-x: hidden;
    overflow-y: scroll;
    padding: 20px 0 20px;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 400;
}
#hide-utility {
    background-color: #fff;
    cursor: pointer;
    font-family: 'Avenir LT Std 45 Book';
    font-size: 47px;
    line-height: 30px;
    padding: 4px 0 0 2px;
    padding-right: 0;
    position: absolute;
    right: 0;
    transition: background-color 400ms ease;
    top: 0;
}
.hide-modal {
    background-color: #fff;
    cursor: pointer;
    font-family: "Times New Roman";
    font-size: 70px;
    font-weight: lighter;
    height: 60px;
    line-height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
}
.nav-utility ul {
    list-style: none;
    padding-left: 0;
}
.menu-right {
    border-left: 2px solid transparent;
    display: block;
    font-size: 16px;
    padding-left: 19px;
    width: 100%;
}
.menu-right-parent {
    font-size: 14px;
    color: #fff;
    border-left: none;
    padding-left: 21px;
    opacity: .5;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.menu-right:hover,
.menu-right:focus {
    border-color: #fff;
    color: #fff;
    text-decoration: none;
}
.menu-right-grandchild {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    margin-left: 22px;
    padding-left: 10px;
}
.menu-right-grandchild:hover,
.menu-right-grandchild:active {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: inset 2px 0 0 #fff;
}

/* nav directional arrows */
.nav-directional {
    bottom: 16px;
    cursor: pointer;
    position: absolute;
    right: 16px;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    width: 23px;
    z-index: 100;
}
.nav-directional .arrow-down,
.nav-directional .arrow-up {
    height: 58px;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
    width: 23px;
}
.nav-directional .arrow-up {
    margin-bottom: 16px;
    opacity: 0;
}

/* theming */
/* .light-blue */
.light-blue .menu-sticky ul li.active a,
.light-blue .accent-color,
.light-blue a.accent-color,
.light-blue a.accent-color-hover:hover,
.light-blue a.accent-color:hover {
	color: #5aa6cd;
}
.light-blue .gallery-color,
.light-blue #swipebox-bottom-bar,
.light-blue #swipebox-top-bar {
	background-color: rgba(90,166,205, 0.8);
}
.light-blue .nav-utility,
.light-blue .gallery-color:hover,
.light-blue .accent-bg-color,
.light-blue #swipebox-overlay,
.light-blue .block-thumbnails-tabs .nav {
	background-color: rgba(90,166,205, 1);
}
.light-blue .menu-sticky ul li:hover,
.light-blue .menu-sticky ul li.active {
	border-color: #5aa6cd;
}

/* .dark-blue */
.dark-blue a,
.dark-blue button.btn-link {
    color: #0080bc;
    text-decoration: none;
}
.dark-blue .nav.nav-pills > li > a,
.dark-blue .nav.nav-pills > li > a:focus,
.dark-blue .nav.nav-pills > li > a:hover {
    color: #6a6a6a;
}
.dark-blue .nav.nav-pills > li.active > a {
    color: #0080bc;
    border-bottom: 1px solid #0080bc;
}
.dark-blue .accent-color {
    color: #0080bc;
}
.dark-blue .nav-utility {
    background-color: rgba(0,128,188, 1);
}

/* image overlays */
.img-overlay {
    background-color: rgba(82, 81, 87, 0.75);
    color: #fff;
    height: 100%;
    left: 0;
    position: absolute;
    -webkit-transition: background 400ms ease;
    -moz-transition: background 400ms ease;
    -o-transition: background 400ms ease;
    transition: background 400ms ease;
    top: 0;
    width: 100%;
}
.img-overlay-wrapper:hover .img-overlay {
    background-color: rgba(0,0,0,0);
    background-image: none;
}
.img-overlay.sunbrella-white,
.img-overlay.sunbrella-contract-white,
.img-overlay.sunbrella-defiance-white {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 122px;
}
.img-overlay.sunbrella-white {
	background-image: url('/cdn/sb2016/img/logos/sunbrella-white.svg');
}
.img-overlay.sunbrella-contract-white {
    background-image: url('/cdn/sb2016/img/logos/sunbrella-contract-white.svg');
}
.img-overlay.sunbrella-defiance-white {
    background-image: url('/cdn/sb2016/img/logos/sunbrella-contract-with-defiance-white.svg');
}

/* modal */
.modal-backdrop {
    background-color: #0080bc;
}
.hide-modal {
    color: #0080bc;
}
.modal-backdrop,
.hide-modal {
    -webkit-transition: .15s linear;
    -o-transition: .15s linear;
    transition: .15s linear;

}
.modal-backdrop.in {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    opacity: 0.85;
}
.modal-dialog .close-button {
    overflow: hidden;
}
.modal-dialog .close-button button.close {
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    font-size: 30px;
    line-height: 30px;
    opacity: 0.7;
    padding: 7px 4px 7px 13px;
    text-shadow: none;
}
.modal-dialog .close-button button.close span {
    display: block;
}
.modal-dialog .close-button button.close:hover,
.modal-dialog .close-button button.close:focus {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    outline: none;
}
.modal-dialog .modal-content {
    background-color: transparent;
    border: 0;
    box-shadow: none;
}
.modal-dialog .modal-content .embed-responsive {
    background-color: #000;
}
.modal-dialog .modal-content .embed-responsive .loading {
    color: #fff;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
}
.modal-dialog .modal-content iframe {
    display: none;
    margin: 0 auto;
}

/* icons */
.icon-warranty {
    width: 76px;
}

/* social icons in off menu */
.nav-utility .social-icons {
    padding: 19px;
}
.nav-utility .social-icons a {
    color: #fff;
    font-size: 30px;
    margin-right: 6px;
}

/* region/language selector */
.nav-utility .nav-region-language {
    color: #fff;
    padding-left: 19px;
    padding-bottom: 32px;
}
.region-language {
    font-family: 'Avenir LT Std 45 Book';
}
.region-language .selector-region,
.region-language .selector-language,
.nav-utility .nav-region-language .selector-region,
.nav-utility .nav-region-language .selector-language {
    cursor: pointer;
    display: inline-block;
}
.region-language .selector-region {
    margin-right: 16px;
}
.region-language .selector-region i {
    padding-right: 4px;
}
.region-language .selector-language i {
    padding-left: 4px;
}
#regions,
#languages {
    color: #fff;
    padding: 0 0 0 19px;
}
#regions p,
#languages p {
    color: #fff;
    font-family: 'Avenir LT Std 45 Book';
    font-size: 18px;
    margin-bottom: 24px;
}
#regions ul li a,
#languages ul li a {
    color: #fff;
    border-left: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    padding-left: 0;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
#regions ul li a.current,
#languages ul li a.current,
#regions ul li a:hover,
#languages ul li a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}
#regions .region-header {
    font-family: 'Avenir LT Std 45 Book';
    font-size: 26px;
    line-height: 34px;
    padding-bottom: 4px;
    padding-top: 8px;
}

/* galleries */
#swipebox-top-bar {
    display: none!important;
}
#swipebox-bottom-bar {
    background-color: transparent!important;
    bottom: auto!important;
    position: relative!important;
    -webkit-transition: none!important;
    transition: none!important;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
#swipebox-arrows {
    max-width: none!important;
    position: relative!important;
    width: 100%!important;
}
#swipebox-close {
    background-color: #fff;
    background-image: none!important;
    background-position: 0!important;
    cursor: pointer;
    font-family: 'Avenir LT Std 45 Book';
    font-size: 47px;
    height: auto!important;
    line-height: 30px;
    padding: 4px 0 0 2px;
    position: absolute;
    right: 0!important;
    transition: background-color 400ms ease;
    top: 0;
    width: auto!important;
}
#swipebox-prev,
#swipebox-next {
    background-position: 0!important;
    display: block!important;
    float: none!important;
    margin-top: -25px!important;
    position: fixed!important;
    top: 50%!important;
    width: 56px!important;
}
#swipebox-prev {
  background-image: url("/cdn/sb2016/img/arrows/white-long-left.svg")!important;
    left: 16px!important;
}
#swipebox-next {
    background-image: url("/cdn/sb2016/img/arrows/white-long-right.svg")!important;
    right: 16px!important;
}

/* footer */
.footer {
    font-family: 'Avenir LT Std 45 Book';
}
.footer-top {
    background-color: #f6f6f6;
    padding: 50px 0;
}
.footer-bottom {
    background-color: #e4e4e4;
    padding: 25px 0;
}
.footer .footer-h4 {
    color: #333;
    font-family: 'Avenir LT Std 85 Heavy';
    font-size: 18px;
}
.footer .footer-ul {
    color: #6a6a6a;
    list-style: none;
    padding-left: 0;
}
.footer-bottom .footer-bottom-li {
    display: inline-block;
}
.footer-bottom .footer-bottom-li:not(:last-child)::after {
    content: "";
    height: 18px;
    width: 1px;
    margin: 0 8px 0 12px;
    background-color: #6a6a6a;
    display: inline-block;
    vertical-align: middle;
}
.footer-bottom .footer-bottom-p {
    font-size: 12px;
    margin-bottom: 0;
}
.footer .footer-social {
    display: inline-block;
    padding: 0 2px;
}
.footer .footer-a,
.footer .footer-a:hover,
.footer .footer-a:focus {
    color: #6a6a6a;
}

/* tablets (sm) */
@media (min-width: 768px) {
    /* logo containers */
    .logo-container-no-breadcrumb {
        margin: 85px 0 138px 24px;
    }
    .logo-container {
        margin: 85px 0 0 24px;
    }
    /* menus */
    /* menu top right */
    /* .home .menu-top-right {
        position: relative;
        right: auto;
        top: auto;
    } */
    .menu-top-right .nav.nav-pills {
        margin-right: 16px;
    }

    /* heading accent */
    .h-accent::before {
        display: inline-block;
        height: 6px;
        margin-left: calc(-5% - 15px);
        margin-right: 14px;
        width: 5%
    }

    /* menu right side */
    #hide-utility {
        font-size: 52px;
        line-height: 36px;
        padding: 4px 3px 0 6px;
    }
    .nav-utility {
        background-color: rgba(33, 82, 164, 0.8);
        padding: 80px 0 20px;
        width: 270px;
    }
    .nav-utility > nav > a,
    .nav-utility ul li a {
        font-size: 14px;
        font-weight: 300;
    }

    /* nav directional arrows */
    .nav-directional {
        bottom: 35px;
        right: 21px;
    }
    .nav-directional .arrow-down,
    .nav-directional .arrow-up {
        height: 99px;
    }
    .nav-directional .arrow-up {
        margin-bottom: 32px;
    }

    /* image overlays */
    .img-overlay.sunbrella-white,
    .img-overlay.sunbrella-contract-white,
    .img-overlay.sunbrella-defiance-white {
        background-size: 178px;
    }

    /* region/language selector */
    .desktop-region-language {
        background-color: rgba(0,0,0, 0.45);
        border-bottom-left-radius: 4px;
        color: #fff;
        padding: 4px 12px;
        position: absolute;
        right: 0;
        top: 0;
        /* z-index: 390; */
        z-index: 1100;
    }

    /* galleries */
    #swipebox-close {
        font-size: 52px;
        line-height: 36px;
        padding: 4px 3px 0 6px;
    }
    #swipebox-prev,
    #swipebox-next {
        width: 100px!important;
    }
    #swipebox-prev {
        left: 32px!important;
    }
    #swipebox-next {
        right: 32px!important;
    }
}

/* desktop (md) */
@media (min-width: 992px) {
    /* menus */
    /* menu top right */
    .menu-top-right .nav.nav-pills {
        margin-right: 0;
        margin-top: 48px;
    }

    /* nav directional arrows */
    .nav-directional {
        bottom: 100px;
        right: 128px;
    }
}

/* large devices (lg) */
@media (min-width: 1200px) {

}