body{
    font-family: FuturaStd-Book !important;
    font-size:14px;
    color:#808485;
}

p{
    font-size:16px;
    color:#757575;
}

body h1, body h2, body h3, body h4, body h5, body h6, body label{
    color:#808485;
}

/*Featured Products*/
.featured-products-div > div > select{
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    padding: .5em;
    padding-right: 1.5em;
    border-radius: 0
}

.auth-hide {
    display: none !important;
}

.auth-show {
    display: none !important;
}

@media (min-width: 768px) {
    .video-dialog .modal-dialog {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .video-dialog .modal-dialog {
        width: 900px;
    }
}

.ce-link{
    color:inherit !important;
    text-decoration: inherit !important;
}

.ce-modal-close {
  position: absolute;
  top: -16px;
  right: -16px;
  height: 32px;
  width: 32px;
  background-color: black;
  border-radius: 50%;
  z-index: 10;
  border: 2px solid white;
  line-height: 28px;
  color: white;
  text-align: center;
  font-size: 18px;
}

/* Text */

.text-green{
    color:#7EA43F;
}

.text-blue{
    color:#2080A8;
}

.text-purple{
    color:#721C65;
}

.text-red{
    color:#D0241A;
}

.text-white{
    color:white;
}

.text-gray{
    color:#808485;
}

.text-thin{
    font-family:'FuturaStd-Light';
}

.text-bold {
  font-family: 'FuturaStd-Heavy';
}

.text-normal{
    font-family:'FuturaStd-Book';
}

/* Backgrounds */

.primary-red{
    background-color: #d52d26;
}

.primary-blue{
    background-color: #2089a4;
}

.primary-green{
    background-color: #81aa52;
}

.primary-yellow{
    background-color: #eca02f;
}

.primary-dark-blue{
    background-color: #0e478a;
}

.primary-purple{
    background-color: #bf1980;
}

.secondary-red{
    background-color: #881d18;
}

.secondary-blue{
    background-color: #196b7f;
}

.secondary-green{
    background-color: #617f3d;
}

.secondary-orange{
    background-color: #dd5b21;
}

.secondary-purple{
    background-color: #7d165b;
}


.background-black{
    background-color: #333333;
}

.background-gray{
    background-color: #E7E7E7;
}

/*Fonts*/
.futurastd-light{
    font-family: 'FuturaStd-Light' !important;
}

.futurastd-book{
    font-family: 'FuturaStd-Book' !important;
}

.futurastd-medium{
    font-family: 'FuturaStd-Medium' !important;
}

.futurastd-heavey {
  font-family: 'FuturaStd-Heavy' !important;
}

.futurastd-bold{
    font-family: 'FuturaStd-Bold' !important;
}

.futurastd-extrabold{
    font-family: 'FuturaStd-ExtraBold' !important;
}




/*Headers*/
.ced-h1{
    margin:0;
}
.ced-h2{
    margin:0;
}
.ced-h3{
    margin:0;
}
.ced-h4{
    margin:0;
}
.ced-h5{
    margin:0;
}




/*Buttons*/

*[class*='ced-btn-']:disabled{
    background-color:#c5c5c8 !important;
    border:none;
}

*[class*='ced-btn-']:focus{
    outline: none !important;
}

.btn-default-confirmAlert{
    background-color: #adadad !important;
}

.btn-default-confirmAlert:hover{
    background-color:#e6e6e6 !important;
}

.btn-warning{
    background-color: #eca02f !important;
}

.btn-warning:hover{
    background-color:#ecc68e !important;
}

.btn-warning:active{
    background-color:#e78a00 !important;
}

.btn-danger{
    background-color: #d52d26 !important;
}

.btn-danger:hover{
    background-color: #f0827d !important;
}

.btn-danger:active{
    background-color: #a3221c !important;
}


.btn-primary{
    background-color: #2089A4 !important;
}

.btn-primary:hover{
    background-color:#7eb2c0 !important;
}

.btn-primary:active{
    background-color:#106b83 !important;
}

.btn-success{
    background-color: #81aa52 !important;
}

.btn-success:hover{
    background-color: #b3cb97 !important;
}

.btn-success:active{
    background-color: #5e8333 !important;
}

.btn-info{
    background-color: #0e478a !important;
}

.btn-info:hover{
    background-color: #4e85c6 !important;
}

.btn-info:active{
    background-color: #22446b !important;
}

.ced-btn-med{
    border-radius:0 !important;
    padding:10px 30px 10px 30px !important;
    font-size:16px !important;
    text-transform: uppercase !important;
    font-family:FuturaStd-Book;
    border:0 !important;
}
@media only screen and (max-width: 500px) {
    .ced-btn-med{
        border-radius:0 !important;
        padding:10px 30px 10px 30px !important;
        font-size:16px !important;
        text-transform: uppercase !important;
        font-family:FuturaStd-Book;
        border:1 !important;
        
        
        max-width:300px;
        white-space:normal !important;
        word-wrap: break-word;
        //margin:15px;
        margin-bottom: 15px;
    }
}


.ced-btn-small{
    border-radius:0 !important;
    padding:4px 30px 4px 30px !important;
    font-size:12px !important;
    text-transform: uppercase !important;
    font-family:FuturaStd-Book;
    border:0 !important;
}


/*Helper*/
.ced-card{
    border:1px solid lightgrey;
    padding:20px;
    margin:0 0 20px 0 ;
}

.ced-dark-card{
    background-color: #EBEBEB;
    padding:20px;
    margin:0 0 20px 0 ;
}

.padding-10{
    padding:10px;
}

.padding-20{
    padding:20px;
}

.padding-30{
    padding:30px;
}

.padding-40{
    padding:40px;
}

.padding-top-10{
    padding-top: 10px;
}

.padding-top-20{
    padding-top: 20px;
}

.padding-top-30{
    padding-top: 30px;
}

.padding-top-40{
    padding-top: 40px;
}

.accordion-toggle {cursor: pointer;}
.accordion-content {display: none;}
.accordion-content.default {display: block;}
.cehsop-accordion-open>div:first-child{
    display:none;
}
.accordion-toggle>div:last-child{
    display:none;
}
.cehsop-accordion-open>div:last-child{
    display:block;
}
ceshop-accord{
    background-color: #eee ;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    outline: none;
    font-size: 15px;
}
.accordion-toggle:hover{
    background-color: #aaaa;
}

.accord-text{
    transition: max-height 0.2s ease-out;
    /*background-color: #f1f1f1;*/
}

.collapsible {
    background-color: #fff;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: 0;
    text-align: center;
    outline: 0;
    font-size: 15px;
    opacity: 1;
    transition: opacity 0.3s;
}

.collapsible:after {
    content: "\f078";
    margin-left: 10px;
    font-family: "theceshopicon";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    transition: all 0.5s;
}

.collapsible:hover {
    opacity: 0.7;
}

.collapsible.active:after {
    transform: rotate(180deg);
}
/* Style the collapsible content. Note: hidden by default */

.collapse-content {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}



@font-face {
    font-family: FuturaStd-Light;
    font-weight: 300;
    src: url("../fonts/FuturaStd-Light.otf") format("opentype");
}

@font-face {
    font-family: FuturaStd-Light;
    font-weight: 300;
    font-style: oblique;
    src: url("../fonts/FuturaStd-LightOblique.otf") format("opentype");
}

@font-face {
    font-family: FuturaStd-Book;
    font-weight: 400;
    src: url("../fonts/FuturaStd-Book.otf") format("opentype");
}

@font-face {
    font-family: FuturaStd-Book;
    font-weight: 400;
    font-style: oblique;
    src: url("../fonts/FuturaStd-BookOblique.otf") format("opentype");
}

@font-face {
    font-family: FuturaStd-Medium;
    font-weight: 500;
    src: url("../fonts/FuturaStd-Medium.otf") format("opentype");
}

@font-face {
    font-family: FuturaStd-Medium;
    font-weight: 500;
    font-style: oblique;
    src: url("../fonts/FuturaStd-MediumOblique.otf") format("opentype");
}

@font-face {
    font-family: FuturaStd-Bold;
    font-weight: 600;
    src: url("../fonts/FuturaStd-Bold.otf") format("opentype");
}

@font-face {
    font-family: FuturaStd-Bold;
    font-weight: 600;
    font-style: oblique;
    src: url("../fonts/FuturaStd-BoldOblique.otf") format("opentype");
}

@font-face {
    font-family: FuturaStd-ExtraBold;
    font-weight: 700;
    src: url("../fonts/FuturaStd-ExtraBold.otf") format("opentype");
}

@font-face {
    font-family: FuturaStd-ExtraBold;
    font-weight: 700;
    font-style: oblique;
    src: url("../fonts/FuturaStd-ExtraBoldOblique.otf") format("opentype");
}

@font-face {
  font-family: FuturaStd-Heavy;
  font-weight: 800;
  src: url("../fonts/FuturaStd-Heavy.otf") format("opentype");
}
@font-face {
  font-family: FuturaStd-Heavey;
  font-weight: 800;
  src: url("../fonts/FuturaStd-Heavy.otf") format("opentype");
}
@font-face {
    font-family: FuturaStd-Heavey;
    font-weight: 800;
    font-style: oblique;
    src: url("../fonts/FuturaStd-HeavyOblique.otf") format("opentype");
}

.donation-backpack{
    background-image: url('../images/backpack.png');
}

.donation-backpack-selected{
    background-image: url('../images/backpack-selected.png');
}

.one-donation-backpack{
    background-image: url('../images/1Backpack.png');
}

.one-donation-backpack-selected{
    background-image: url('../images/1Backpack-highlighted.png');
}

.two-donation-backpack{
    background-image: url('../images/2Backpacks.png');
}

.two-donation-backpack-selected{
    background-image: url('../images/2Backpacks-highlighted.png');
}

.three-donation-backpack{
    background-image: url('../images/3Backpacks.png');
}

.three-donation-backpack-selected{
    background-image: url('../images/3Backpacks-highlighted.png');
}

input[type=checkbox].ces-checkbox{
    position:absolute;
    z-index:-1000;
    left:-1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height:1px;
    width:1px;
    margin:-1px;
    padding:0;
    border:0;
}

input[type=checkbox].ces-checkbox + label.ces-checkbox-label {
    padding-right: 38px;
    padding-left:28px;
    height:18px;
    display:inline-block;
    line-height:18px;
    background-repeat:no-repeat;
    background-position: 0 0;
    vertical-align:middle;
    cursor:pointer;

}

input[type=checkbox].ces-checkbox:checked + label.ces-checkbox-label {
    background-position: 0 -18px;
}
label.ces-checkbox-label {
    background-image:url('../images/check.png');
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

.invisible-until-ready-block {
    display: none;
}

.invisible-when-ready.loading {
    font-size: 20px;
    font-weight: bold;
    padding: 20px;
}

.invisible-when-ready.loading.boxed50 {
    border: 1px solid #e5e5e5;
    padding-bottom: 50px;
    padding-top: 50px;
}

.invisible-when-ready.loading.boxed100 {
    border: 1px solid #e5e5e5;
    padding-bottom: 100px;
    padding-top: 100px;
}

.invisible-when-ready.is-ready {
    display: none;
}

.invisible-until-ready-block.is-ready {
    display: block;
}

.PopupServiceAlert .modal-sm {
    width: 350px;
}

.PopupServiceAlert .modal-content {
    border-radius: 0px;
}

.PopupServiceAlert .modal-body {
    min-height: 100px;
}

[ng-click] {
    cursor: pointer;
}

.extension-modal .modal-header {
    border: none;
    padding: 0px;
}

.extension-modal .modal-header h3 {
    background-color: #F6F6F6;
    font-size: 20px;
    padding: 15px;
    padding-top: 22px;
    text-align: center;
}

.extension-modal .modal-body h4 {
    color: #606485;
    font-size: 20px;
    text-align: center;
}

.extension-modal .modal-body h5 {
    font-size: 12px;
    text-align: center;
}

.extension-modal .modal-footer {
    border: none;
    text-align: center;
}

.extension-modal .modal-footer .no-thanks {
    padding-top: 5px;
}

.extension-modal .ext-name-desc {
    font-weight: normal;
}

.extension-modal .ext-radio {
    padding-right: 5px;
}

.extension-modal .ext-name-desc {
    padding-right: 25px;
}

.extension-modal .ext-name {
    font-size: 16px;
    font-weight: bold;
}

.extension-modal label {
    font-weight: normal;
}

.extension-modal .ext-cost {
    color: cornflowerblue;
    font-size: 16px;
    font-weight: bold;
}

.extension-modal td {
    padding-bottom: 10px;
}

.live_agent_side_online_icon {
    background-image: url('../images/SideOnlineIcon.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 150px;
}

.live_agent_side_offline_icon {
    background-image: url('../images/SideOfflineIcon.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 150px;
}



/*!
 * Datepicker for Bootstrap v1.6.4 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */

.datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #999;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999;
  cursor: default;
}
.datepicker table tr td.highlighted {
  background: #d9edf7;
  border-radius: 0;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
  background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
  background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: linear-gradient(to bottom, #b3b3b3, #808080);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
  background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
  background-image: linear-gradient(to bottom, #08c, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
  background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
  background-image: linear-gradient(to bottom, #08c, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999;
}
.datepicker .datepicker-switch {
  width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.input-append.date .add-on,
.input-prepend.date .add-on {
  cursor: pointer;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  margin-top: 3px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}

/* ## new Blog Style */

.blog-header-row {
  position: relative;
}

.blog-header-row img {
  width: 100%;
  height: auto;
  max-height: 525px;
  object-fit: cover;
}

.blog-header-title {
  width: 100%;
  max-width: 700px;
  position: absolute;
  bottom: 0px;
  left: 0;
  padding: 40px;
  backdrop-filter: blur(1.5px);
  -webkit-backdrop-filter: blur(1.5px);
}

.blog-header-title * {
  margin: 0 0 0.5em 0;
}

.blog-header-title h2 {
  font-family: FuturaStd-Bold;
  font-size: 35px;
  color: white;
  letter-spacing: -0.01em;
  line-height: 1.1em;
}

.blog-header-title h4 {
  font-size: 14px;
  text-transform: uppercase;
  font-family: FuturaStd-Bold;
}

.blog-node-image img {
  width: 100%;
  height: auto;
}

.blog-header-title a, .blog-header-title a:hover {
  color: white;
}

.blog-header-title h6 {
  color: white;
  font-family: FuturaStd-Medium;
  font-size: 14px;
  margin-bottom: 0;
}

.well {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.well section {
  margin-bottom: 50px;
}

.well section > h2 {
  font-family: FuturaStd-Bold;
  font-size: 16px;
  color: #333333;
  letter-spacing: 0.1em;
  margin-bottom: 1.5em;
  text-transform: uppercase;
}

.view-id-categories-list h2 {
  margin: 0;
}

.view-id-categories-list h2 a {
  color: #6D6D6D;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 16px;
  line-height: 2;
}

/* Colors */
*[class*="blog-header-title"], *[class*="-bg"] { background: #333333cc; }
article *[class*="-text"] .col-sm-2 a, *[class*="blog-node-category-"] { color: #333; transition: 0.3s opacity linear; /* default color */ }
*[class*="blog-node-image"] img { border-color: #333; }
*[class*="blog-node-category-"]:hover {
  opacity: 0.8;
}

.blog-header-title-teal, .teal-bg { background: #2089A4cc; }
article .teal-text section a, .blog-node-category-teal a { color: #2089A4 !important;  }
.blog-node-image-teal img { border-color: #2089A4; }

.blog-header-title-lime, .lime-bg { background: #81AA52cc; }
article .lime-text section a, .blog-node-category-lime a { color: #81AA52 !important; }
.blog-node-image-lime img { border-color: #81AA52; }

.blog-header-title-apricot, .apricot-bg { background: #ECA02Fcc; }
article .apricot-text section a, .blog-node-category-apricot a { color: #ECA02F !important; }
.blog-node-image-apricot img { border-color: #ECA02F; }

.blog-header-title-blue, .blue-bg { background: #0E478Acc; }
article .blue-text section a, .blog-node-category-blue a { color: #0E478A !important; }
.blog-node-image-blue img { border-color: #0E478A; }

.blog-header-title-fuchsia, .fuchsia-bg { background: #BF1980cc; }
article .fuchsia-text section a, .blog-node-category-fuchsia a { color: #BF1980 !important; }
.blog-node-image-fuchsia img { border-color: #BF1980; }

.blog-header-title-red, .red-bg { background: #D52D26cc; }
article .red-text section a, .blog-node-category-red a { color: #D52D26; }
.blog-node-image-red img { border-color: #D52D26; }

.blog-header-title-darkred, .darkred-bg { background: #881D18cc; }
article .darkred-text section a, .blog-node-category-darkred a { color: #881D18 !important; }
.blog-node-image-darkred img { border-color: #881D18; }

.blog-header-title-darkteal, .darkteal-bg { background: #196B7Fcc; }
article .darkteal-text section a, .blog-node-category-darkteal a { color: #196B7F !important; }
.blog-node-image-darkteal img { border-color: #196B7F; }

.blog-header-title-darkgreen, .darkgreen-bg { background: #617F3Dcc; }
article .darkgreen-text section a, .blog-node-category-darkgreen a { color: #617F3D !important; }
.blog-node-image-darkgreen img { border-color: #617F3D; }

.blog-header-title-orange, .orange-bg { background: #DD5B21cc; }
article .orange-text section a, .blog-node-category-orange a { color: #DD5B21 !important; }
.blog-node-image-orange img { border-color: #DD5B21; }

.blog-header-title-purple, .purple-bg { background: #7D165Bcc; }
article .purple-text section a, .blog-node-category-purple a { color: #7D165B !important; }
.blog-node-image-purple img { border-color: #7D165B; }

article section .sharer a {
  color: #4682b4;
}

.item-list img {
  border-top-width: 5px;
  border-top-style: solid;
  width: 100%;
  max-height: 100px;
  object-fit: cover;
}

.blog-recent-title {
    padding-right: 0px;
}

.blog-recent-title a{
    font-size: 20px;  
    color: #333;
    letter-spacing: -0.02em;
    line-height: 1.2em;
}

.blog-recent-image {
   padding: 0;
}

/* Pagination */
.pagination, .pagination>li:first-child>a, .pagination>li:first-child>span {
  border-radius: 0 !important;
}

.pagination>li {
  display: inline-block;
  margin-bottom: 0 5px;
}

.pagination>li>a, .pagination>li>span {
  border: 0;
  color: #6E7274;
  font-family: FuturaStd-Heavy, sans-serif;
  font-weight: bold;
  font-size: 20px;
  padding: 6px 15px;
} 

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  background-color: #D8D8D8;
  color: #6E7274
}

/** Blog featured post header */
.views-element-container {
  margin: 50px 0 0;
}

.view-content .item-list ul {
  list-style-type: none !important;
  padding-left: inherit;
}

.blog-container  {
  width: 100%;
  max-width: 812px;
}

.blog-container .views-col {
  width: 100% !important;
  max-width: 48%;
  box-shadow: inset 0px 0px 0px 1px #ccc;
  margin-bottom: 70px;
  padding-bottom: 20px;
  position: relative;
}

.views-field-field-category {
  font-size: 14px;
  text-transform: uppercase;
  font-family: FuturaStd-Bold;
  margin-top: 0;
  position: absolute;
  top: -25px;
}

.blog-node-image img {
  transition: opacity 0.3s ease-in;
  border-top-width: 8px;
  border-top-style: solid;
  max-height: 200px;
  object-fit: cover;
}
/*
.blog-node-image img:hover {
  opacity: 0.8;
}
*/

.blog-container .views-row {
  display: flex;
}

.blog-container .views-row .col-1 {
  margin-right: auto;
}

.blog-node-title a {
  font-family: FuturaStd-Medium;
  font-size: 24px;
  color: #333333;
  line-height: 1.2em;
}

.blog-container .blog-node-title, .blog-container .views-field-uid, .blog-container .views-field-field-summary {
  padding: 0 20px;
  margin-bottom: 6px;
}

.blog-container .blog-node-title {
  margin-top: 18px;
  margin-bottom: 2px;
}

.blog-container .views-field-uid a {
  font-size: 14px;
  color: #808485
}

.blog-recent-image {
  padding: 0 !important;
}

.view-categories-list a {
  font-size: 16px;
  color: #6D6D6D;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.view-categories-list a:hover {
  text-decoration: underline;
}

#block-views-block-shop-talk-blog-block-1 .item-list li {
  margin-bottom: 40px;
  overflow: hidden;
}

aside[role="complementary"] {
  padding-left: 0;
}

/* Menu toggle */
.responsive-menus.responsified span.toggler {
	border-radius: 0;
	background: #7F8C93;
	box-shadow: none;
	padding: 1em 0;
	text-transform: uppercase;
	font-size: 14px;
}

.responsive-menus.responsified .responsive-menus-simple {
	background: #7F8C93;
	box-shadow: none;	
}

.responsive-toggled .blog-search {
	max-width: 100%;
	margin-top: 0;`
	position: absolute;
	right: 0;
	background: #96a5ad;
	box-shadow: 0 8px 9px -2px rgba(0, 0, 0, 0.2)
}

.responsive-toggled .sb-search-open {
	display: none;
}

.responsive-toggled .sb-search-submit {
	right: 0;
}

.responsive-toggled .blog-search .form-search {
	width: calc(100% - 50px)
}

/* Pagination */
.pagination, .pagination>li:first-child>a, .pagination>li:first-child>span {
  border-radius: 0 !important;
}

.pagination>li {
  display: inline-block;
  margin-bottom: 0 5px;
}

.pagination>li>a, .pagination>li>span {
  border: 0;
  color: #6E7274;
  font-family: FuturaStd-Heavy, sans-serif;
  font-weight: bold;
  font-size: 20px;
  padding: 6px 15px;
} 

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  background-color: #D8D8D8;
  color: #6E7274
}

@media (max-width: 768px) {
  aside[role="complementary"] {
    padding-left: 15px; 
  }

  aside .col-sm-4, aside .col-sm-8 {
    float: left;
  }

  .well section {
    margin-bottom: 0;
  }
}

@media (max-width: 700px) {
  .blog-header-row img {
    max-height: 40vh
  }
  .blog-header-title {
    max-width: 100%;
    position: relative;
  }
  .blog-container .views-row {
    flex-wrap: wrap;
  }
  .blog-container .views-col {
    max-width: 100%;
    margin-bottom: 50px;
  }
}