/*All page announcement
#storeFront:before {
    background: rgba(197, 226, 254,.4);
    color: rgba(0,0,0,.87);
    content: "Use promo code 20OFF at checkout for 20% off all paper and sticker products for a limited time!";
    display: block;
    font-weight: 500;
    line-height: 1.5;
    margin-top margin-top: 0px;
    padding: 12px;
    text-align: center;
}*/

ul {
  list-style-type: disc;
  margin-left: 20px;
}

ul ul {
  list-style-type: circle;
  margin-left: 20px;
}

.price-section {
  width: 100%;
  padding: 20px;
  
}

.pricing-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}

.pricing-description {
  margin-bottom: 20px;
}

.pricing-table {
  margin-top: 20px;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 0;
  overflow: auto;
}

.table-title {    
  width: 100%;
  padding-left: 10px !important;
  font-size: 18px;
  padding: 2px;
  color:  white;
  background-color: #2974e3;
  font-weight: bold;
}

.pricing-table table {
  width: 100%;
  border-collapse: collapse;
}

.pricing-table th, .pricing-table td {
  padding: 10px;
  text-align: center;
  border-bottom: 1px solid #ddd;
}

.pricing-table th {
  background-color: #f5f5f5;
  font-weight: bold;
}

.pricing-table td:first-child {
  text-align: left;
}


/*Adjust hero image padding and sizing*/
product-preview#productDetailPreview{
  visibility:hidden;
}

.zoom-container .svg-container {
  transform: none !important;
}
  
.carousel-control{
  visibility:visible !important;
}

.cell.medium-6.large-7 .product-view-wrap {
  margin-bottom: 0px !important;
}

.cell.medium-6.large-7 #productDetailPreview .product-carousel-wrap {
  min-height: 440px !important;
  background: #fff0 !important;
}

.product-carousel-wrap .carousel-img {
  padding-bottom: 0px !important;
}


/*Remove fake tab bar on Product Description*/
.fake-tab-group .mat-tab-header {
  height: 0px !important;
  visibility: hidden !important;
}

img#brandImageUrl.m-b-3.ng-star-inserted {
  visibility: hidden !important;
  height: 0px !important;
}

div.mat-tab-body-content.p-t-3 {
  padding-top: 0px !important;
}


/*Expand Below The Fold cell to full width*/
.cell.medium-6.large-7:nth-child(3) {
  width: 100% !important;
  max-width:100% !important;
  padding: 20px 20px 20px 20px !important;
  margin:0px;
}


/*Out of Stock - Contact Us Button*/
/*Remove the redundant Contact Us section*/
div.product-detail-panel .product-panel-group .product-panel-error {
  visibility: hidden !important;
  line-height: 0 !important;
}

/*Re-style the default button*/


div.product-detail-panel .product-panel-group #contactUs {
  background-color: #707070 !important;
}

div.product-detail-panel .product-panel-group #contactUs:hover {
  background-color: rgb(61, 136, 247) !important;
}


div.product-detail-panel .product-panel-group #contactUs .mat-button-wrapper {
  visibility: hidden !important;
  line-height: 0 !important;
  font-size: 0px !important;
  padding: 0 !important;
  background: none;
}


div .product-detail-panel .product-panel-group #contactUs .mat-button-wrapper::before {
  content: 'Contact Us For A Quote!';
  font-size: 14px !important;
  padding: initial !important;
  line-height: initial !important;
  visibility: visible !important;
}

/*Add Tool Tip*/
div.product-detail-panel .product-panel-group #contactUs:hover:after {
  visibility: visible;
}

div.product-detail-panel .product-panel-group #contactUs:after {
  visibility: hidden;
  display: block;
  width: 100%;
  top: -80px;
  left: -1px;
  font-size: 18px;
  font-family: sans-serif;
  background-color: #c5e2fe;
  color: black;
  text-align: center;
  white-space: pre-wrap;
  line-height: 1.4;
  content: "For backorder, alternatives, or custom quotes, please click to contact us.";
  position: absolute;
  text-transform: none !important;
  padding: 12px !important;
}


/*Design Now Button*/
/*Re-style the default button*/

div.product-detail-panel .product-panel-group #designNowBtn .mat-button-wrapper {
  visibility: hidden !important;
  line-height: 0 !important;
  font-size: 0px !important;
  padding: 0 !important;
  background: none;
}


div .product-detail-panel .product-panel-group #designNowBtn .mat-button-wrapper::before {
  content: 'Layout & Design Tools';
  font-size: 14px !important;
  padding: initial !important;
  line-height: initial !important;
  visibility: visible !important;
}

/*Add Tool Tip*/
div.product-detail-panel .product-panel-group #designNowBtn:hover:after {
  visibility: visible;
}

div.product-detail-panel .product-panel-group #designNowBtn:after {
  visibility: hidden;
  display: block;
  width: 100%;
  top: -80px;
  left: -1px;
  font-size: 18px;
  font-family: sans-serif;
  background-color: #c5e2fe;
  color: black;
  text-align: center;
  white-space: pre-wrap;
  line-height: 1.4 !important;
  content: "Upload, edit, and mockup your art on our templates before checking out";
  position: absolute;
  text-transform: none !important;
  padding: 12px !important;
}


/*Skip Designer Button*/
/*Re-style the default button*/

div .product-detail-panel .product-panel-group #tellUsBtn .mat-button-wrapper {
  visibility: hidden !important;
  line-height: 0 !important;
  font-size: 0px !important;
  padding: 0 !important;
  background: none;
}


  div .product-detail-panel .product-panel-group #tellUsBtn .mat-button-wrapper::before {
      content: 'Skip Designer';
      font-size: 14px !important;
      padding: initial !important;
      line-height: initial !important;
      visibility: visible !important;
  }

/*Add Tool Tip*/
div.product-detail-panel .product-panel-group #tellUsBtn:hover:after {
  visibility: visible;
}

div.product-detail-panel .product-panel-group #tellUsBtn:after {
  visibility: hidden;
  display: block;
  width: 100%;
  top: 45px;
  left: -1px;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #c5e2fe;
  color: black;
  text-align: center;
  white-space: pre-wrap;
  line-height: 1.4 !important;
  content: "Upload your files and tell us about your order before checking out";
  position: absolute;
  text-transform: none !important;
  padding: 12px !important;
}

/*Blank Sample Button*/
/*Re-style the default button*/

div.product-detail-panel .product-panel-group #addToCartBtn .mat-button-wrapper {
  visibility: hidden !important;
  line-height: 0 !important;
  font-size: 0px !important;
  padding: 0 !important;
  background: none;
}


div .product-detail-panel .product-panel-group #addToCartBtn .mat-button-wrapper::before {
  content: 'Order Blank Samples';
  font-size: 14px !important;
  padding: initial !important;
  line-height: initial !important;
  visibility: visible !important;
}

div.product-detail-panel .product-panel-group #addToCartBtn:hover:after {
  visibility: visible;
}

div.product-detail-panel .product-panel-group #addToCartBtn:after {
  visibility: hidden;
  display: block;
  width: 100%;
  top: -80px;
  left: -1px;
  font-size: 18px;
  font-family: sans-serif;
  background-color: #c5e2fe;
  color: black;
  text-align: center;
  white-space: pre-wrap;
  line-height: 1.4 !important;
  content: "Samples can not be returned or refunded. All sales final.";
  position: absolute;
  text-transform: none !important;
  padding: 12px !important;
}


/*Supply Disclaimer on All Product Pages*/
/*.product-panel-group-item.has-background.p-a-3:before {
  background: #F5F5F5;
  color: rgba(0,0,0,.87);
  content: "Available supplier inventory changes hourly. Our team will reach out if there are any potential delays.";
  display: block;
  font-weight: 400;
  line-height: 1.25;
  margin-bottom: 0px;
  margin-top: -20px;
  padding: 12px 12px;
  text-align: center;
}*/


/* Move Chat Launcher Up */
div#hubspot-messages-iframe-container {
  bottom: 56px !important;
  max-height: calc(100% - 80px) !important;
}


@media screen and (max-width: 600px){
  #hubspot-messages-iframe-container { display:none !impportant; visibility: hidden;}
}


.small-up-2>.cell {
width: 100%;
}


/* carousel */

#StoreCustomContent113 .grid-container.fr-view {
max-width: initial;
padding: 0;
}

.carousel-cell {
width: 100%;
/* height: 300px; */
margin-right: 10px;
/* center images in cells with flexbox */
display: flex;
align-items: center;
justify-content: center;
}

.carousel.is-fullscreen .carousel-cell {
height: 100%;
}

.carousel-cell-image {
/* display: block; */
max-height: 100%;
}

.carousel-cell .carousel-cell-image.desktop {
display: none;
}

.carousel-cell .carousel-cell-image.mobile {
display: block;
}

.fr-view .carousel-cell img.carousel-cell-image {
margin: auto;
width: 100%;
}

.carousel-cell a {
width: 100%;
}



/* choose jakprints */

#StoreCustomContent-wrapper91 {
margin-bottom: -4px;
}

div#StoreCustomContent91 {
background-color: #ffffff;
}

.content__centered {
text-align: center;
}

.content--white {

border-radius: 4px;
box-sizing: border-box;
color: inherit;
margin: 0 0 10px;
padding: 10px 20px 20px;
}

.content__highlight__3col {
padding: 20px 0;
}

.content-bleed__max {
box-sizing: border-box;
display: block;
margin-left: auto;
margin-right: auto;
max-width: 1280px;
width: 100%;
}

.content-bleed__max {
max-width: 100%;
padding-bottom: 20px;
padding-top: 20px;
width: 100%;
}



#StoreCustomContent91>.grid-container {
padding-left: 0;
padding-right: 0;
}

h2 {
margin-top: 2.5rem;
margin-bottom: 2rem;
}

h3 {
line-height: 1.4;
margin-top: 1.5rem;
margin-bottom: 1rem;
}

h2.heading-title {
color: #081d3d;
font-size: 48px;
font-weight: 600;
line-height: 1.2em;
margin-top: 0;
}

p {
margin-top: 1rem;
margin-bottom: 1rem;
}

.col-md-3,
.col-xs-12 {
box-sizing: border-box;
position: relative;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
}

.col-xs-12 {
width: 100%;
}

.content__highlight__3col h2 {
color: #081d3d;
font-family: "proxima-nova", sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 800;
line-height: 1.6875em;
}

.row {
margin-left: -10px;
margin-right: -10px;
}

.column__number-header {
display: none;
}

img.content__highlight__img {
max-height: 300px;
}

.content__highlight__3col h3 {
color: #081d3d;
font-weight: 600;
font-size: 1.3rem;
}

.content__highlight__3col p {
line-height: 1.8em;

}

.content__highlight__3col .row>div>p {
margin-left: auto;
margin-right: auto;
max-width: 550px;
color: #969696;
}

a {
    color: #2974e3;
    text-decoration: none !important;
}


/* professional custom printing section */

#StoreCustomContent92 .fr-view {
padding-top: 1rem;
}

.heading {
padding-bottom: 3.5rem;
}

.large-container,
.small-container {
position: relative;
padding: calc(45px - 2em);
}

.flex-row-mobile {
display: flex;
}

.left-top.flex-row-mobile,
.right-bottom.flex-row-mobile {
flex-wrap: wrap;
}

.small-container {
width: 100%;
}

p.overlay-text,
.banner-text-container h2 {
text-align: center;
font-weight: 600;
}

.flex-row img.fr-fic.fr-dii {
max-width: 100%;
margin: 0 auto;
transition: 0.5s all ease-in-out;
}

.container-inner {

overflow: hidden;
}

.container-inner:hover img.expand {
transform: scale(1.1);
}

.flex-wrap-row {
flex-wrap: wrap;
}

/* header banners */
#StoreCustomContent53 .grid-container
{
  padding-top: 0;
  padding-bottom: 0;
}
#StoreCustomContent112 .grid-container,
#StoreCustomContent114 .grid-container,
#StoreCustomContent115 .grid-container,
#StoreCustomContent118 .grid-container,
#StoreCustomContent119 .grid-container,
#StoreCustomContent120 .grid-container,
#StoreCustomContent121 .grid-container,
#StoreCustomContent126 .grid-container,
#StoreCustomContent127 .grid-container,
#StoreCustomContent128 .grid-container,
#StoreCustomContent129 .grid-container,
#StoreCustomContent130 .grid-container,
#StoreCustomContent131 .grid-container,
#StoreCustomContent133 .grid-container,
#StoreCustomContent138 .grid-container,
#StoreCustomContent139 .grid-container,
#StoreCustomContent140 .grid-container,
#StoreCustomContent141 .grid-container,
#StoreCustomContent143 .grid-container,
#StoreCustomContent144 .grid-container,
#StoreCustomContent151 .grid-container,
#StoreCustomContent156 .grid-container,
#StoreCustomContent157 .grid-container,
#StoreCustomContent158 .grid-container,
#StoreCustomContent159 .grid-container,
#StoreCustomContent160 .grid-container,
#StoreCustomContent164 .grid-container,
#StoreCustomContent166 .grid-container,
#StoreCustomContent169 .grid-container,
#StoreCustomContent171 .grid-container,
#StoreCustomContent182 .grid-container,
#StoreCustomContent187 .grid-container
{
  max-width: 100%;
  padding: 0;
}

#StoreCustomContent14 .grid-container,
#StoreCustomContent50 .grid-container,
#StoreCustomContent150 .grid-container,
#StoreCustomContent154 .grid-container,
#StoreCustomContent163 .grid-container,
#StoreCustomContent165 .grid-container,
#StoreCustomContent167 .grid-container,
#StoreCustomContent168 .grid-container,
#StoreCustomContent170 .grid-container,
#StoreCustomContent172 .grid-container,
#StoreCustomContent174 .grid-container,
#StoreCustomContent183 .grid-container,
#StoreCustomContent185 .grid-container,
#StoreCustomContent188 .grid-container,
#StoreCustomContent189 .grid-container,
#StoreCustomContent258 .grid-container,

{
    max-width: 100%;
    padding: 0;
  }

#StoreCustomContent199 .grid-container,
#StoreCustomContent200 .grid-container,
#StoreCustomContent201 .grid-container,
#StoreCustomContent202 .grid-container,
#StoreCustomContent203 .grid-container,
#StoreCustomContent204 .grid-container,
#StoreCustomContent206 .grid-container,
#StoreCustomContent207 .grid-container,
#StoreCustomContent208 .grid-container,
#StoreCustomContent209 .grid-container,
#StoreCustomContent210 .grid-container,
#StoreCustomContent212 .grid-container,
#StoreCustomContent216 .grid-container,
#StoreCustomContent219 .grid-container,
#StoreCustomContent220 .grid-container,
#StoreCustomContent222 .grid-container,
#StoreCustomContent223 .grid-container,
#StoreCustomContent224 .grid-container,
#StoreCustomContent225 .grid-container,
#StoreCustomContent226 .grid-container,
#StoreCustomContent227 .grid-container,
#StoreCustomContent229 .grid-container,
#StoreCustomContent232 .grid-container,
#StoreCustomContent238 .grid-container,
#StoreCustomContent239 .grid-container,
#StoreCustomContent240 .grid-container,
#StoreCustomContent241 .grid-container,
#StoreCustomContent242 .grid-container,
#StoreCustomContent243 .grid-container,
#StoreCustomContent245 .grid-container,
#StoreCustomContent247 .grid-container,
#StoreCustomContent248 .grid-container,
#StoreCustomContent249 .grid-container,
#StoreCustomContent252 .grid-container,
#StoreCustomContent256 .grid-container,
#StoreCustomContent257 .grid-container,
#StoreCustomContent262 .grid-container,
#StoreCustomContent263 .grid-container,
#StoreCustomContent264 .grid-container {
    padding-top: 0;
    padding-bottom: 0;
}

.header img.fr-fic.fr-dib {
margin: 0;
width: 100%;
}

#StoreCustomContent254 .grid-container {
    padding-top: 20px;
    padding-bottom: 0;
}

#StoreCustomContent258 .grid-container {
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
}

/* send some love banner */

#StoreCustomContent96 {
background-color: #e3e1bb;
}

div#StoreCustomContent96>.grid-container.fr-view {
padding-top: 0;
padding-bottom: 0;
}

.banner-container {
position: relative;
}


.content-image-container img.desktop, img.desktop.fr-fic {
    display: none;
}

.content-image-container img.desktop, img.mobile.fr-fic {
    display: block;
}


.banner-image-container div.inner-container img.desktop,
img.desktop.fr-fic {
display: none;
}

.banner-image-container div.inner-container img.mobile,
img.mobile.fr-fic {
display: block;
}

.banner-text-container {}

.banner-text-container h2 {
color: #9d9c7f;
font-size: 3rem;
margin-top: .5rem;
margin-bottom: .5rem;
}

p.overlay-text.banner-overlay-text {
position: relative;
font-size: 1.5em;
padding: 20px 0;
letter-spacing: 1px;
}

/* https://stores.inksoft.com/goto/shop/page/apparel */
/* product selection */
p.paragraph-copy {
font-size: 18px;
text-align: center;
}

.product-selection {
margin-top: 6rem;
margin-bottom: 5rem;
}

.product-selection p {
margin-bottom: 0;
}

.product-selection p.view-all {
margin-top: 1.5rem;
}

.product-selection img {
margin-bottom: 1em;
}

.product-selection hr {
max-width: 230px;

}

.product-selection a {
color: black;
}

.product-selection a:hover {
color: #2974e3;
}

/* screen printing section */

.image-centered {
display: block;
text-align: center;
}

p.small-text-container,
div.small-text-container {
max-width: 575px;
margin-left: auto;
margin-right: auto;
}

.icon-grid {
text-align: center;
margin: 0 auto;
max-width: 545px;
}

/* Inks & Effects*/
.container h3.blue-heading {
color: #2974e3;
font-size: 16px;
font-weight: 700;
text-align: center;
}

.content__highlight__3col .container h3.blue-heading+p {
color: black;
text-align: center;
}

/* biz card page */
#StoreCustomContent35 .fr-view {
padding-top: 1.5rem;
}


/* full color stickers page */
#StoreCustomContent116 .large-container {
margin: 0 auto;
}

#StoreCustomContent116 .flex-row {
display: block;
}

#StoreCustomContent116 .container-inner {
overflow: initial;
}

.three-quarters-width.left-top {
width: 100%
}

.one-quarters-width.right-bottom {
width: 100%
}


.small-text-container .text-checks-container {
border-bottom: 2px solid LightGrey;
margin-top: .5em;
display: flex;
align-items: baseline;
justify-content: space-between;
}

.text-checks-container p {
margin-bottom: 0;
}

.check {
display: inline-block;
transform: rotate(45deg);
height: 18px;
width: 9px;
border-bottom: 4px solid #78b13f;
border-right: 4px solid #78b13f;
}

/* VIP Passes */
/* product grid */
.vip-pass-grid .small-container {
padding: 5px;
}

.vip-pass-grid .container-inner {
text-align: center;
}

.vip-pass-text-container {
padding-top: 2rem;
text-align: center;
}

.vip-pass-text-container>p {
padding-bottom: 1rem;
}

/* industry best */
.vip-pass-industy .small-container {
width: 100%;
text-align: center;
}

/* contact us page */
.contact-us h2 {
font-size: 36px;
margin-bottom: 1rem;
}


.contact-us h3 {
font-size: 24px;
}

.contact-us p {
font-size: 17px;
}

button.green {
text-transform: none;
background: #92C83E;
color: white;
width: 141px;
height: 40px;
border-radius: 6px;
}

button.blue {
color: #2974E3;
font-size: 24px;
text-transform: none;
}

#StoreCustomContent135 .grid-container {
background: white;
box-shadow: 2px 4px 10px 2px rgba(0, 0, 0, 0.1);
padding-top: 2rem;
padding-bottom: 2rem;
}

.talk-to img {
padding-left: 7rem;
}

.talk-to h2 {
margin-top: 0;
}

.call-to-action span {
font-size: 36px;
}

.call-to-action span:first-child {
color: #92C83E;
font-style: italic;
padding-right: 5px;
}

.call-to-action span:nth-child(2) {
padding-right: 20px;
}

.modal {
z-index:3;
display:none;
padding-top:100px;
position:fixed;
left:0;top:0;width:100%;
height:100%;
overflow:auto;
background-color:rgb(0,0,0);
background-color:rgba(0,0,0,0.4)
}

.modal-content {
margin:auto;
background-color:#fff;
position:relative;
padding:0;outline:0;
width:600px
}

.




/* ------------------------------ */
/* ------------------------------ */
/* ------------------------------ */

/* media queries */

@media screen and (min-width: 425px) {
.small-container {
  width: 50%;
}
}

@media screen and (min-width: 768px) {
body div .content__highlight__3col {
  padding: 0 20px;
}

.content-bleed__max {
  max-width: 1600px;
}

#StoreCustomContent92 .grid-container,
#StoreCustomContent96 .grid-container,
#StoreCustomContent91 .grid-container {
  max-width: 77rem;
}

.large-container,
.small-container {
  padding: calc(45px - 1.5em);
}

.small-container {
  width: 50%;
}

p.overlay-text {
  position: absolute;
  bottom: -11px;
  left: 8px;
  background: white;
  letter-spacing: .5px;
}

.large-container p.overlay-text {
  font-size: 24px;
  padding: 10px 15px;
  width: 14em;
}

.small-container p.overlay-text {
  font-size: 18px;
  padding: 10px 0;
  width: 10em;
}

.left-top,
.right-bottom {
  width: 100%;
}




}

@media screen and (min-width: 1024px) {
.flex-row {
  display: flex;
}

.right-bottom.flex-row {
  flex-wrap: wrap;
}

.flex-wrap-row {
  flex-wrap: nowrap;
}

/* professional custom printing section */

.large-container,
.small-container {
  position: relative;
}

.left-top,
.right-bottom,
.small-container {
  width: 50%;
}

.small-container p.overlay-text {
  font-size: 18px;
  padding: 10px 0;
  width: 11em;
}

.small-container p.overlay-text.large-text {
  width: 13em;
}

.large-container p.overlay-text {
  padding: 20px 30px;
  width: 14em;
}

.large-container p.overlay-text.large-text {
  width: 16em;
}

/* carousel */
.carousel-cell .carousel-cell-image.desktop {
  display: block;
}

.carousel-cell .carousel-cell-image.mobile {
  display: none;
}

/* send some love banner */
.banner-container {
  position: relative;
}

.banner-image-container img.desktop,
div.inner-container img.desktop.fr-fic {
  display: block;
}

.banner-image-container img.mobile,
div.inner-container img.mobile.fr-fic {
  display: none;
}

.banner-text-container {
  position: absolute;
  top: 45%;
  right: 15%;
  transform: translate(20%, -50%);
}

.banner-text-container h2 {
  font-size: calc(60px + 15 * ((100vw - 1024px) / 176));
}

p.overlay-text.banner-overlay-text {
  position: relative;
  font-size: 1.5em;
  padding: 20px 0;
  letter-spacing: 1px;
}

/* https://stores.inksoft.com/goto/shop/page/apparel */
/* screen printing section */
.image-centered {
  text-align: left;
}

.icon-grid {
  max-width: none;
}

/* Inks & Effects*/
.container h3.blue-heading,
.content__highlight__3col .container h3.blue-heading+p {
  text-align: left;
}

/* contact us */
button.blue {
  padding-top: 20px;
}

.talk-to .left-top {
  width: 30%;
}

.talk-to .right-bottom {
  width: 70%;
}

.talk-to img {
  padding-left: 7rem;
}

}

@media screen and (min-width: 1095px) {

/* full color stickers page */

#StoreCustomContent116 .flex-row {
  display: flex;
}

#StoreCustomContent116 .large-container {
  padding-right: 0;
}

.three-quarters-width.left-top {
  width: 75%
}

.half-width.left-top {
  width: 50%
}

.half-width.right-bottom {
  width: 50%
}

.one-quarters-width.right-bottom {
  width: 25%
}
}

@media screen and (min-width: 1238px) {
.banner-text-container h2 {
  font-size: 79px;
}
}

.sidenav {
width: 160px;
position: fixed;
z-index: auto;
top: 140px;
left: 20px;
background: #f5f5f5;
overflow-x: hidden;
padding: 8px 0;
}

.sidenav a {
padding: 6px 8px 6px 16px;
text-decoration: none;
font-size: 18px;
color: #2974e3;
display: block;
}

.sidenav a:hover {
color: #064579;
}

.main {
margin-left: 180px; /* Same width as the sidebar + left position in px */
font-size: 18px; /* Increased text to enable scrolling */
padding: 0px 10px;
}

@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}

.dropbtn, .linkBtn {
background-color: #2974e3;
color: white;
padding: 16px;
font-size: 16px;
border: none;
margin-top: 6px;
border-radius: 6px;
cursor: pointer;
}

.dropdown {
position: relative;
display: inline-block;
}

.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}

.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
display: block;
}

.dropdown:hover .dropbtn {
background-color: #0e1d51;
}

.column3 {
float: left;
width: 33.33%;
padding: 10px;
}

/* Clear floats after the columns */
.row3:after {
content: "";
display: table;
clear: both;
}

.three-column-container{
width: 100%;
padding: 0px;
margin: 0;
}

.column-thirds {
  width:33.33333333%;
  float:left;
  padding: 0px;
  margin: 0;
}

.column-thirds img {
  width:100%;
  height:auto;
  padding: 0px;
  margin: 0;
}


.column-thirds img.fr-dii {
  max-width: 100%;
  padding: 0px;
  margin: 0;
}


/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.column3 {
  width: 100%;
}

.column-thirds {
  width: 100%;
  float: left;
  padding: 0px;
}
}

.mat-tab-group.customer:before {
  background: rgba(197, 226, 254,.4);
  color: rgba(0,0,0,.87);
  content: "Looking for your previous orders? You're in the right place - if your order history is missing it means you haven't ordered recently. Email us at info@jakprints.com for an export of your previous orders.";
  display: block;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 16px;
  margin-top: -8px;
  padding: 12px 24px;
  text-align: center;
}

/* Set your aspect ratio */
.video-container {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 56.25%; /* creates a 16:9 aspect ratio */
}

  .video-container iframe,
  .video-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      max-width: 100%;
  }

/* And set the max-width of the parent element */
.video-wrap {
  width: 100%;
  max-width: 1280px;
}

.linkBtn:hover {
  background-color: #0e1d51;
}


/* Media query for screens larger than 575px */
@media only screen and (min-width: 800px) {
    .content-image-container img.desktop,
    img.desktop.fr-fic {
        display: block;
    }

    .content-image-container img.mobile,
    img.mobile.fr-fic {
        display: none;
    }
}