/* CUSTOMIZE ARCHIVE PAGE
-------------------------------------------------- */
/** Headers **/
#cs-content h1 {
    color: #D61A69;
    font-size: 2.4em;
    line-height: 1.2em;
    /* Legacy has defined margin-top */
    margin-top: 0px;
    max-width: 640px;
    padding: 0px 0px 0px 0px;
    position: relative;
    z-index: 31;
}
#cs-content h2 {
    color: #252525;
    display: block;
    font-family: "DIN-Light", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 22px;
    margin: 50px 0px 15px 0px;
    padding: 0px 0px 0px 0px;
}
#cs-content h2:nth-of-type(1) {
    margin-top: 30px;
}
/** End Headers **/
/** Blockquote **/
#cs-content h3 {
    background-image: url('/wp-content/themes/checkpoint-theme-v2/images/story/quote.gif');
    background-repeat: no-repeat;
    background-position: 0px 3px;
    margin: 45px 0px 45px 0px;
    padding: 0px 0px 20px 55px;
    border-bottom: 4px solid #c4c4c4;
    color: #222;
    font-weight: normal;
    font-size: 19px;
}
/** End Blockquote **/
/** Main Content **/
#intro {
    background-color: #fff;
    float: left;
    width: 100%;
    height: 250px;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
}
#intro #intro-img {
    height: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    z-index: 30;
    background-size: cover;
}
#intro #intro-img img {
    width: 100%;
    height: auto;
    opacity: 0.2;
}
#intro #intro-img #fade {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('/wp-content/themes/checkpoint-theme-v2/images/story/transparent-fade.png');
    background-repeat: no-repeat;
    background-position: left;
    z-index: 31
}
.content.cs {
    padding-bottom: 30px;
}
#cs-content {
    padding-left: 33.33333333%;
}
#cs-content h1 {
	padding-top: 40px;
	padding-bottom: 10px;
}
#cs-content .embed-responsive-16by9 {
  margin-top: 50px;
}
/** End Main Content **/
/** Sidebar **/
.sidebar.cs {
    background-color: #333;
    color: #fff;
    margin-left: -30px;
    margin-right: 30px;
    padding: 0px;
    clear: both;
}
.sidebar.cs #cs-logo {
    background-color: #f0f0f0;
    display: flex;
    /*justify-content: center;*/
    align-self: center;
    /* Static height */
    height: 200px;
    min-height: 200px;
    width: 100%;
}
.sidebar.cs #cs-logo span {
    align-self: center;
    text-align: center;
    width: 100%;
}
.sidebar.cs #cs-logo img {
    max-width: 100%;
    height: auto;
}
.sidebar.cs #cs-sidebar {
    padding: 30px;
}
.sidebar.cs #cs-sidebar h2 {
	font-family: 'DIN-Light', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 21px;
	text-transform: uppercase;
	margin-top: 31px;
}
.sidebar.cs #cs-sidebar h2:nth-of-type(1) {
	margin-top: 19px;
}
.sidebar.cs #cs-sidebar a {
    color: #fff;
    border-bottom: 1px solid #D61A69;
    padding-bottom: 7px;
    display: inline-block;
    margin-bottom: 7px;
}
.sidebar.cs #cs-sidebar a:hover {
	text-decoration: none;
}
.sidebar.cs .btn-primary {
  margin-top: 15px;
  margin-bottom: 15px;
}
.sidebar.cs ul li {
	margin: 0px 0px 13px 0px;
}
.sidebar.cs #sharing  {
    float: left;
    padding: 30px 20px 30px 40px;
}
.sidebar.cs #sharing span {
    font-family: "DIN", helvetica, arial, sans-serif;
    font-weight: bold;
    font-size: 0.9em;
    color: #676767;
}
.sidebar.cs #sharing ul {
    list-style-type: none;
    list-style-image: none;
    margin: 15px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.sidebar.cs #sharing ul li {
    list-style: none;
    float: left;
    margin: 0px 15px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.sidebar.cs #sharing ul .fa {
    color: #bcbcbc;
    font-size: 35px;
}
.sidebar.cs #sharing ul:nth-of-type(1) {
    margin: 15px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.sidebar.cs #sharing ul:nth-of-type(1) li {
    list-style: none;
    float: left;
    margin: 0px 15px 0px 0px;
    padding: 0px 0px 0px 0px;
}
/** End Sidebar **/
/** Carousel **/
@media only screen and (min-width: 992px) {
    /* override position and transform in 3.3.x */
    body.single-customer .carousel-inner .item.left.active {
        transform: translateX(-33%);
    }
    body.single-customer .carousel-inner .item.right.active {
        transform: translateX(33%);
    }
    body.single-customer .carousel-inner .item.next {
        transform: translateX(33%)
    }
    body.single-customer .carousel-inner .item.prev {
        transform: translateX(-33%)
    }

    body.single-customer .carousel-inner .item.right,
    body.single-customer .carousel-inner .item.left { 
        transform: translateX(0);
    }   
}
body.single-customer .carousel-control.left,body.single-customer .carousel-control.right {background-image:none;}
body.single-customer .cs-carousel-inner {
    border: 1px solid #c4c4c4;
    width: 100%;
    height: 340px;
    float: left;
    overflow: hidden;
}
body.single-customer .cs-carousel-inner-img {
    display: block;
    height: 148px;
    min-height: 148px;
    max-height: 148px;
    position: relative;
    width: 100%;
    background: -webkit-radial-gradient(#ffffff, #f5f5f5, #e6e6e6);
    background: -o-radial-gradient(#ffffff, #f5f5f5, #e6e6e6);
    background: -moz-radial-gradient(#ffffff, #f5f5f5, #e6e6e6);
    background: radial-gradient(#ffffff, #ffffff, #e6e6e6);
    background-color: #f0f0f0;
}
body.single-customer .cs-carousel-inner span {
    width: 100%;
    height: 148px;
    display: block;
    line-height: 148px;
    text-align: center;
    color: transparent;
}
body.single-customer .cs-carousel-inner img {
    margin: 0 auto;
    display: inline-block;
    padding: 20px;
    max-height: 100px;
    max-width: 240px;
    width: auto;
}
body.single-customer .cs-carousel-inner .cs-carousel-inner-data {
    padding: 20px 25px 0px 25px;
    height: 180px;
    margin: 0px 0px 0px 0px;
    float: left;
    display: block;
    position: relative;
}
body.single-customer #cs-carousel h3 {
    color: #333;
    margin: 50px 0px 25px 0px;
    padding: 0px 0px 0px 15px;
    font-family: "DIN-Light", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 22px;

}
body.single-customer .cs-carousel-inner h4 {
    margin: 0px 0px 15px 0px;
    font-size: 15px;
    line-height: 19px;
} 
body.single-customer #cs-carousel .learn-more {
    background-color: #111;
    color: #fff;
    text-align: center;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    font-size: 1em;
    line-height: 1em;
    height: 30px;
    display: block;
    width: 100%;
    max-width: 110px;
    line-height: 30px;
    position: absolute;
    bottom: 15px;
}
body.single-customer #cs-carousel .learn-more:hover {
    text-decoration: none;
}
body.single-customer .carousel { padding-left: 75px; padding-right: 75px; margin-bottom: 30px; }
body.single-customer .carousel-control.left {background-image: url('/wp-content/themes/checkpoint-theme-v2/images/story/control-left.png'); width: 36px !important; height: 36px !important; margin: -18px 0px 0px 20px !important; padding: 0px 0px 0px 0px !important; top: 50% !important;}
body.single-customer .carousel-control.right {background-image: url('/wp-content/themes/checkpoint-theme-v2/images/story/control-right.png'); width: 36px !important; height: 36px !important; margin: -18px 20px 0px 0px !important; padding: 0px 0px 0px 0px !important; top: 50% !important;}
/** End Carousel **/
/** Featured Videos **/
#featured-videos img {
    -webkit-box-shadow: 0px 5px 13px 0px rgb(50 50 50 / 15%);
    -moz-box-shadow: 0px 5px 13px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 0px 5px 13px 0px rgb(50 50 50 / 15%);\
}
#featured-videos {
    margin: 0 0 54px;
    clear: both;
}
/** End Featured Videos **/
/** Responsive **/
@media only screen and (max-width: 992px) {
  #intro {
    display: none !important;
  }
  #cs-content {
    padding-left: 0px;
  }
  .sidebar.cs {
    margin-left: 0px;
    margin-right: 0px;
  }
  #cs-sidebar {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 15px;
    padding-right: 15px;
  }
  #cs-content h1 {
    font-size: 2em;
    line-height: 1.2em;
  }
  #cs-carousel {
      display: none !important;
  }
}
@media only screen and (max-width: 768px) {
    .sidebar.cs {
        margin-right: 0px;
        margin-left: -30px;
        width: 100vw;
    }
}
/** End Responsive **/
/** Print **/
#print-banner {
    width: 100%;
    height: 250px;
    min-height: 250px;
    max-height: 250px;
    overflow: hidden;
    float: left;
    position: relative;
    display: block;
    clear: both;
}
#print-banner #print-logo-header {
    position: absolute !important;
    top: 0 !important;
    left: 30px !important;
    padding: 10px 20px 0px 20px !important;
    background-color: #ffffff !important;
    z-index: 999 !important;
    height: 60px !important;
    overflow: hidden;
}
#print-banner #print-logo {
    position: absolute !important;
    top: 30px !important;
    left: 30px !important;
    padding: 0px 20px 0px 20px !important;
    background-color: #ffffff !important;
    z-index: 999 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 150px;
    overflow: hidden;
}
#print-banner #print-logo-header img {
    max-width: 130px !important;
    height: auto !important;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#print-banner #print-logo img {
    max-width: 130px !important;
    height: auto !important;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#print-banner #print-border-bg {
    width: 100%;
    height: 40px !important;
    min-height: 40px !important;
    display: block !important;
    position: absolute !important;
    z-index: 900 !important;
    left: 0 !important;
    top: 0 !important;
    overflow: hidden !important;
}
#print-banner #print-bg {
    width: 100%;
    position: absolute;
    height: auto;
    z-index: 888;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
#print-banner #print-border-bg img,
#print-banner #print-bg img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}
@media print {
   body {
      padding-top: 0px;
      /*border-top: 10px solid #D61A69;*/
      -webkit-print-color-adjust: exact !important;
   }
   a[href]:after {
      content: "";
   }
   /* Columns */
   .hidden-sm,
   .hidden-xs {
        display: block !important;
   }
   .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
   }
   .col-md-12 {
        width: 100%;
   }
   .col-md-11 {
        width: 91.66666667%;
   }
   .col-md-10 {
        width: 83.33333333%;
   }
   .col-md-9 {
        width: 75%;
   }
   .col-md-8 {
        width: 66.66666667%;
   }
   .col-md-7 {
        width: 58.33333333%;
   }
   .col-md-6 {
        width: 50%;
   }
   .col-md-5 {
        width: 41.66666667%;
   }
   .col-md-4 {
        width: 33.33333333%;
   }
   .col-md-3 {
        width: 25%;
   }
   .col-md-2 {
        width: 16.66666667%;
   }
   .col-md-1 {
        width: 8.33333333%;
   }
   .col-md-4.sidebar.cs {
        width: 42%;
   }
   /* End Columns */
   /* Misc */
   #website-feedback {
    display: none;
   }
   #cs-content {
        padding-left: 0;
        padding-top: 0;
   }
   /*#cs-content h1 {
        font-size: 24px;
        position: absolute;
        display: block;
        left: 15px;
        top: 0;
        max-width: 50%;
        margin-top: 0px;
        margin-bottom: 50px;
   }*/
   #intro {
        height: auto;
        min-height: auto;
        padding-top: 5px;
        padding-bottom: 5px;
   }
   #cs-content h1 {
        line-height: 1.3em;
        font-family: 'DIN';
        font-weight: bold;
        text-transform: uppercase;
        font-size: 23px;
        max-width: 100%;
        color: #D61A69 !important;
        padding: 30px 0px 20px 0px !important;
        margin: 0px 0px 0px 0px !important;
   }
/*   #cs-content h1::before {
        width: 300px;
        height: 10px;
        min-height: 10px;
        background-color: #D61A69;
        display: block;
        position: absolute;
        left: 0;
        top: -10px;
   }*/
   #cs-content h2 {
        font-size: 18px;
        font-weight: bold !important;
        margin-top: 30px !important;
   }
   .content.cs p {
        font-size: 12px;
   }
   body .sidebar.cs {
        background-color: #fff;
       border-right: 1px solid #cccccc;
        color: #222;
        padding-top: 15px !important;
       margin-bottom: 10px;
    }
    .sidebar.cs #cs-sidebar h2 {
    	font-size: 18px !important;
    	text-transform: uppercase;
    	color: #999;
    	margin-top: 20px;
    }
    .sidebar.cs #cs-sidebar strong {
    	color: #D61A69 !important;
    }
	.sidebar.cs #cs-sidebar ul {
	    list-style-image: none;
	    padding: 0px 0px 0px 0px;
	    margin: 0 0 1em 0;
	}
    .sidebar.cs #cs-sidebar ul li,
    .sidebar.cs #cs-sidebar p {
    	font-size: 12px !important;
    }
    .sidebar.cs #cs-sidebar ul li {
    	margin-bottom: 10px;
    	list-style: none;
    }
	.sidebar.cs #cs-sidebar a {
	    color: #333;
	    border-bottom: none;
	    padding-bottom: 0px;
	    display: inline-block;
	    margin-bottom: 0px;
	}
    .sidebar.cs #cs-logo {
        height: auto !important;
        min-height: 0px !important;
        padding-top: 0px !important;
    }
    .sidebar.cs #cs-logo img {
        max-width: 80% !important;
        height: auto;
        margin: 0 auto !important;
        display: block !important;
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }
    .sidebar.cs #cs-sidebar {
        padding-top: 20px;
    }
    .sidebar.cs a.btn {
      display: none !important;
    }
    #intro {
        height: auto;
        min-height: auto;
    }
    #cs-content h1 {
        color: #D61A69 !important;
        padding: 50px 0px 50px 0px;
    }
    #intro #intro-img #fade {
        /*display: none;*/
    }
    #intro #intro-img {
        width: 100%;
        left: 0;
    }
    #intro #intro-img img {
        opacity: 0.2;
        width: 100%;
        height: auto;
        left: 0;
        float: left;
    }
	body #cs-content h3 {
        background-color: #f0f0f0 !important;
	    border-bottom: none !important;
	    font-size: 12px !important;
        line-height: 1.3em !important;
	    margin: 0px 0px -10px 0px !important;
	    padding: 20px !important;
        overflow: auto !important;
	}

    .min-footer {
        position: static;
        bottom: 0;
        width: 100%;
    }

   /* End Misc */
}
/** End Print **/