/* Template: 2019 Styles CSS Document Version: 1.2.3 */ html,body{ font-family: omnes-pro, sans-serif!important; letter-spacing: .025em; font-size:16px!important;} h1, h2, h3, h4, h5, h5{font-family: ff-ernestine-pro,sans-serif!important; font-weight: 400!important;} /*Change to 30px margin top when a promo code*/ /*Promo Code*/ .promo{ z-index: 9999!important; position: fixed!important; top: 0; left: 0; width: 100%; color: #fff!important; background-color: #f26b62!important; font-family: omnes-pro, sans-serif!important; padding: 2px 0!important; text-align: center!important; font-size: 14px!important; border-bottom: 0px!important; min-height: 35px!important} .custom-html .promo a{ display: inline-block!important; font-size: 12px!important; padding:3px 10px!important;background-color: #fff!important; color:#333!important; font-weight: normal; text-decoration:none!important; text-transform: none!important; border-radius: 5px!important; margin: 4px 10px 4px 10px!important; font-weight:600!important;} .custom-html .promo a:hover{ background-color:#ccc!important; color: #333!important; } /*Alert Scroller*/ .item-1, .item-2, .item-3 { position: absolute; display: block; text-align: center; top: 5px; width: 100%; animation-duration: 20s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } .item-1{ animation-name: anim-1; } .item-2{ animation-name: anim-2; } .item-3{ animation-name: anim-3; } @keyframes anim-1 { 0%, 8.3% { left: -100%; opacity: 0; } 8.3%,25% { left: 0%; opacity: 1; } 33.33%, 100% { left: 110%; opacity: 0; } } @keyframes anim-2 { 0%, 33.33% { left: -100%; opacity: 0; } 41.63%, 58.29% { left: 0%; opacity: 1; } 66.66%, 100% { left: 110%; opacity: 0; } } @keyframes anim-3 { 0%, 66.66% { left: -100%; opacity: 0; } 74.96%, 91.62% { left: 0%; opacity: 1; } 100% { left: 110%; opacity: 0; } } .header-main .container, .navbar .container{width: 1400px!important; margin: 0 auto!important;} /*End Alert Scroller - change margin of header top to 60px then back to 5px*/ .header-top{ margin-top: 65px!important; padding-bottom: 0px!important; color:#333!important; background-color: #fff!important;} .header-body{ background-color: #fff!important;} .header-top .col-sm-6{ padding: 0!important;} .footer .footer-logo { display: none!important} .footer ul li a{ text-transform: none!important; font-size: 14px!important;} .header-top a{ color: #333!important;} .header-top a:hover{ color: #f26b62!important;} .header-top .quick-link-saved a{ padding-left: 40px!important; background-image: url(https://www.pintsizeproductions.com/images/Preserro-Save.png); background-size: 15px!important; background-position: 15px 3px!important; background-repeat: no-repeat!important;} .header-top .quick-link-saved a:hover{background-image: url(https://www.pintsizeproductions.com/images/Preserro-Save-4.png);} .spacer{ display: inline-block; padding: 0 10px 0 0!important;} .header-body .col-lg-3{ padding: 0!important;} .header-body .col-md-3{padding: 0!important;} .logo{margin-bottom:0px!important;}#logo{max-width: 60px!important; min-height: 60px!important; min-width: 60px!important; margin: -10px 0 0 0!important;} #top-navbar, .navbar-default{border-top:solid 0px #fff!important;box-shadow:rgb(255,255,255)0px,0px,0px,0px!important; border: none!important;box-sizing: content-box!important; border-bottom: solid 1px #dadada!important; padding-top: 0px!important; text-transform: normal!important; -webkit-box-shadow:0 0 0px #fff!important;box-shadow:0 0 0px #fff!important; } .cycle-slideshow img.img-responsive{border-bottom: solid 1px #dadada!important;} .header-search-input{background-color: #efefef!important; border: solid 1px #dadada!important;} .fa-search{color: #333!important;} button.header-search-btn .fa, button.header-search-btn .fa-search{color:#fff!important;} .user{font-weight:bold!important;} /*Header Styles*/ #top-navbar{ margin-bottom: 0!important; display: flex!important; align-content: center!important; border-top:solid 1px #dadada!important;} #top-navbar .container{ padding: 0!important;} #top-nav{ width: 100%!important;} #top-nav, #top-nav ul, #top-nav ul li, #top-nav ul a{ text-transform: none!important} #top-nav ul li{ display: inline-block!important;} #top-nav a{letter-spacing: .025em!important; font-size:17px!important; text-transform: normal!important; color: #333!important; font-weight: 400!important;} #top-nav a:hover{ color: #f26b62!important;} #top-nav ul ul li a:hover{background-color: #efefef!important; color: #000!important;} #top-nav ul ul ul li a:hover{background-color: #333!important; color: #fff!important;} #top-nav ul ul{ padding: 4px!important;} #top-nav ul ul ul{ padding:4px 4px 4px 0px!important;} #top-nav ul ul li a, #top-nav ul ul ul li a{font-size: 15px!important} #top-nav ul ul ul li{ background-color: #efefef!important;} #top-nav a > ul li a{letter-spacing: .0em!important;font-size:15px!important; font-weight: 400!important;} #top-nav ul li:first-child a { font-weight: 600!important;} #top-nav ul ul li:first-child a {font-weight: 400!important;} #top-nav ul ul li a, #top-nav ul li:first-child ul li a {font-weight: 400!important;} #top-nav ul li.save15 a, #top-nav ul li.get15off a, #top-nav ul li.save20 a, #top-nav ul li.save10 a, #top-nav ul li.requestquotefor520 a{ font-weight: bold!important; color: #f26b62!important; color: #F8593A!important;} #top-nav ul li.get15off a, #top-nav ul li.save20 a{ background-image: url(https://www.pintsizeproductions.com/images/tree-icon.png)!important; background-size: 15px!important; background-position: 10px center!important; background-repeat: no-repeat!important; padding-left: 30px!important; } #top-nav ul li.supporthelp a{ background-image: url('https://www.pintsizeproductions.com/images/support-icon.png')!important; background-size: 15px!important; background-position: 10px center!important; background-repeat: no-repeat!important; padding-left: 30px!important; font-weight: 600!important;} #top-nav ul li.supporthelp a:hover{ background-image: url('https://www.pintsizeproductions.com/images/support-icon-2.png')!important;} #top-nav ul li.faqs a{ background-image: url('https://www.pintsizeproductions.com/images/faqs-arrow.png')!important; background-size: 0px!important; background-position: 10px center!important; background-repeat: no-repeat!important; padding-left: 30px!important; font-weight: 400!important;} #top-nav ul li.faqs a:hover{ background-image: url('https://www.pintsizeproductions.com/images/faqs-arrow-2.png')!important;} #top-nav ul li.depth2 a{font-weight: 400!important;} #top-nav ul li.orderbydates a{ font-weight: bold!important; background-image: url('https://www.pintsizeproductions.com/images/truck-nav.png')!important; background-size: 15px!important; background-position: 10px center!important; background-repeat: no-repeat!important; padding-left: 30px!important;} #top-nav a > ul.dropdown-menu li a:active, #top-nav a > ul.dropdown-menu li:active { background-color: #efefef!important;background-image: url('https://pintsizeproductions.com/images/arrowrightb.png'); background-repeat: no-repeat; background-position:0 5px!important;background-size: 10px!important;} nav#top-nav ul.navbar-nav{ width: 100%!important; text-align: center!important;} nav#top-nav ul.navbar-nav li{display: inline-block!important; float:none !important;} nav#top-nav ul.navbar-nav li ul li{display:block!important; float:none !important;} #top-nav .caret{color:#000!important; background-image: none!important;} #top-nav ul li.depth2{background-image: url('https://pintsizeproductions.com/images/arrowrightb.png'); background-repeat: no-repeat; background-position:15px center!important;background-size: 10px!important; padding-left:30px!important;} #top-nav ul li.depth2 a{ padding: 10px 15px!important;} #top-nav ul li.requestquotefor520 a{font-weight: 800!important;} ul.navbar-nav{text-align: center!important;} .caret{} .quick-link-login a, .quick-link-account a{ background-image: url('https://www.pintsizeproductions.com/images/smile-icon.png')!important; background-size: 15px!important; background-position: 10px center!important; background-repeat: no-repeat!important; padding-left: 30px!important;} .quick-link-login a:hover, .quick-link-account a:hover{ background-image: url('https://www.pintsizeproductions.com/images/smile-icon-2.png')!important;} .quick-link-orders a{ background-image: url(https://www.pintsizeproductions.com/images/orders.png)!important; background-size: 15px!important; background-position: 10px center!important; background-repeat: no-repeat!important; padding-left: 30px!important; margin-left: 10px!important;} .quick-link-orders a:hover{ background-image: url(https://www.pintsizeproductions.com/images/orders-2.png)!important;} /*Create Account*/ body.pageName_createaccount .alert-info{ clear:both!important; float: left!important; background-color: #fff!important; width: 100%!important;} .clear{width: 100%!important; clear: both!important; height: 1px!important; display: block!important;} body.pageName_createaccount h1.pageTitle{display:none!important;} a.create-account-link{background-image: url(https://www.pintsizeproductions.com/images/edit-24.png)!important; background-size: 15px!important; background-position: 10px center!important; background-repeat: no-repeat!important; padding-left: 30px!important; margin-left: 10px!important;} a.create-account-link:hover{background-image: url(https://www.pintsizeproductions.com/images/edit-242.png)!important;} body.pageName_createaccount h3{clear: both!important;} .pageName_beforeyoubegin li.beforeyoubegin a, .pageName_personalized-board-books li.chooseaboardbookdesign a, .pageName_beginner-board-books li.beginnerphotoboardbooks a, .pageName_advanced-board-books li.advanced-designyourown a, .pageName_designer-board-books li.professional-uploadyourpdfs a, .pageName_boynton-board-books li.boyntonboardbooks a, .pageName_are-you-a-cow2012 li.areyouacowbrpersonalizedboardbook a, .pageName_moo-baa-la-board-book li.moobaalalalapersonalizedboardbook a, .pageName_blank-board-books li.unprintedboardbooks a, .pageType_savedforlater li.returntosavedproject a, .pageName_board-book-faqs li.faqs a, .pageName_login li.logintosavedproject a, .pageName_board-books-faqs li.allfaqs a, .pageName_FAQs-about-board-books li.aboutboardbooksfaqs a, .pageName_FAQs-interface-questions li.boardbookinterfacefaqs a, .pageName_FAQs-account-questions li.accountfaqs a, .pageName_FAQs-image-questions li.imageuploadfaqs a, .pageName_FAQs-copyright-privacy-questions li.copyrightprivacyfaqs a, .pageName_FAQs-purchasing-questions li.purchasingorderingfaqs a, .pageName_FAQs-troubleshooting li.troubleshootingfaqs a, .pageName_FAQs-shipping-questions li.shippingreturnfaqs a, .pageName_FAQs-mass-production-questions li.massproductionfaqs a, .pageName_print-small-batch-board-books li.print25-50boardbooks a, .pageName_customer-service ul li.supporthelp > ul li.supporthelp a{background-color: #efefef!important; font-weight: 700!important; color: #f26b62!important;} .header-main .welcome-msg{ color: #333!important; font-size: 14px!important;} .quick-top-links{ color: #333!important; font-size: 14px!important;} button.header-search-btn { color: #333!important; background-color: #333!important; z-index: 999!important;} .product-gallery-primary a img{ min-height: 525px!important;} .cart-link{color:#333!important;} input.header-search-input, body.pageName_print-small-batch-board-books input.header-search-input{min-width: 100%!important; width: 100%!important; max-width: 100%!important; border: solid 1px #999!important; } input.header-search-input, button.header-search-btn{ background-color: #efefef!important; border: solid 1px #dadada!important; color: #333!important;} input.header-search-input{} button.header-search-btn{border-left: 0px!important; color:#fff!important; background-color: #333!important; } .pageName_category .breadcrumb, .pageName_category .prod-cat-list, .pageName_category .category-panel{ } .currentCategoryDes{ outline:rgb(255,255,255) none!important; border: 0px!important; box-shadow-color:#fff!important;-webkit-box-shadow:0 0 0px 0px #fff!important;box-shadow:0 0 0px 0 #fff!important; outline-color: #fff!important; padding-bottom: 0!important; float: left!important; width: 100%!important;} .currentCategoryDes p{ margin-bottom: 14px!important;} .general-panel, .page-content-area, .product-description{-webkit-box-shadow:0 0 0px #fff!important;box-shadow:0 0 0px #fff!important;outline-color: #fff!important;} .page-content-area{ margin: 0!important; padding: 0!important;} #pricingArea { } .product-description {font-size: 18px!important} .product-description table{ border: solid 0px #dadada; border-bottom: 0px!important; border-right: 0px!important; margin-bottom: 15px!important; width: 98%!important;} .product-description table tr{ border-bottom:solid 0px #dadada!important; border: 0px!important; } .product-description table td{ padding: 7px!important; border-right:solid 0px #dadada; text-align: left!important; border: 0px!important; vertical-align: middle!important;} .product-description table td:first-child{ width: 20%!important; font-weight: bold} .product-description table tr:nth-child(1){ background-color: #f4f4f4!important;} .product-description table tr:nth-child(3){ background-color:#f4f4f4!important;} .product-description table tr:nth-child(5){ background-color:#f4f4f4!important;} .product-description table tr:nth-child(7){ background-color:#f4f4f4!important;} .product-description table tr:nth-child(9){ background-color:#f4f4f4!important;} .product-description table tr:nth-child(11){ background-color:#f4f4f4!important;} .product-description table tr td a, .product-description a{font-weight: 700!important; color:#3973ac!important; text-decoration: underline!important;} .product-description table tr td a:hover, .product-description a:hover{color:#F8593A!important;} .product-description table tr td img{ width: 100px!important; padding-right: 5px;} .bb-text-logo{ background-image:url(https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/bb-logo-1.png); background-repeat: no-repeat; background-position: left top; background-size:150px; padding-left: 165px; padding-top: 20px; padding-bottom: 28px} .product-description .bb-text-logo h3{ padding-bottom: 0!important; margin-bottom: 5px!important; } .product-description ul li{ padding: 4px 0!important;} .pageName_category .sidebar-nav{display: none!important;} .pageName_category #content{ width: 100%!important;} .sidebar-nav, .general-panel-heading{-webkit-box-shadow:0 0 2px #dadada!important;box-shadow:0 0 2px #dadada!important;outline-color: #fff!important; border-radius: 3px!important;} .sidebar-nav .general-panel-heading{background-color: #efefef!important;} .general-panel-heading h2{ font-weight: 400!important; font-size: 24px!important; text-transform: none!important; letter-spacing: 0em!important} .sidebar-nav .fa{} .sidebar-nav a{font-size:14px!important;} .sidebar-nav h2{font-family: omnes-pro, sans-serif!important; letter-spacing: .025em; font-weight: 600!important;} #sidebar{display: none!important;} #content{ width: 100%!important;} #content { padding: 0!important;} /*Footer*/ .footer{background-color: #FFF!important; border-top:solid 1px #dadada!important;} .footer p {font-size: 14px!important; line-height: 1.45em!important; padding-bottom: 20px!important;} .footer h3{ margin-top: 0!important;font-family: omnes-pro, sans-serif!important; font-weight: 600!important;} .footer h4{ color: #666!important;font-family: omnes-pro, sans-serif!important; font-weight: 600!important;} .footer a {font-size: 12px!important; text-transform: uppercase; color: #000!important;} .footer p a{text-decoration: underline!important;} .footer a.ss-icon{ font-size: 18px!important; display: inline-block!important; padding: 15px 15px 15px 0!important; color: #333!important;} .footer a:hover{color: #f26b62!important;} .footer-col-title{ display: none!important; } .footer .col-md-5 p{ color:#000; margin-bottom: 0!important; } .footer .col-md-5, .footer .col-md-3{width: 31.3333333%!important; margin-right: 2%!important;padding: 0!important;} .footer input.email{ width: 75%!important;} .footer-bottom{ padding-top:0!important; margin-top: 0!important; color:#000!important} .footer-bottom .col-md-12{ padding: 0!important;} .footer-bottom #tagline{ font-weight: 800!important;color:#000!important; opacity: 1; font-size: 14px!important;} /*Category 23*/ body.pageType_category #content h1.pageTitle{padding:30px 0 15px!important; text-align: center!important; font-size: 40px!important; } .pageType_category #content h2{font-size: 20px!important;font-family: ff-ernestine-pro,sans-serif!important; letter-spacing: 0em!important; text-align: center!important; text-transform: none!important; font-weight: 400!important;} .linecta{display: inline-block; padding:10px 20px; border:solid 0px #ccc; margin-bottom: 20px; margin-top: -10px!important; border-radius: 3px!important; color:#f26b62!important; text-transform: none; font-weight: 600; background-color: #efefef!important;} .linecta:hover{display: inline-block; padding:10px 20px; border:solid 0px #ccc; margin-bottom: 20px; margin-top: -10px!important; border-radius: 3px!important; color:#f26b62!important; text-transform: none; font-weight: 600; background-color: #dadada!important;} .pageType_category #content h3{font-size: 30px!important; letter-spacing: 0em!important } .pageType_category #content .col-md-4 h3{font-size: 30px!important;font-family: omnes-pro, sans-serif!important; font-weight: 500!important; line-height: 1.2em!important; letter-spacing: 0em!important; text-transform: none!important; padding-bottom: 5px!important;} .pageType_category #content .col-md-4{ line-height: 1.55em!important; padding-bottom: 30px!important; font-size: 17px!important;} .pageType_category #content h3.big{font-size: 30px!important; letter-spacing: 0em!important } a.blue{ background-color: #fff!important; color: #f26b62!important; border: solid 1px #ccc!important; background-image: none!important; margin-right: 5px!important;} a.blue:hover{color: #f26b62!important; border-color: #3973ac!important; background-color: #fff!important;} .pageName_root .main-boxes .col-md-4{ min-height: 490px!important; position: relative;} #home-banner{ margin-top: 20px!important;} /*Category Pages 2023*/ .item-info .cat-short{display: block!important;} .breadcrumb{ font-size: 14px!important; font-weight: bold!important; color:#333!important; margin-top: 10px!important; max-width: 1400px!important; background-color: #fff!important; border: solid 0px #efefef!important; display: none!important; } .breadcrumb span{ color: #333!important;} .breadcrumb a{ color:#333!important; font-weight: normal!important; } .breadcrumb a:hover{ color: #f26b62!important;} .currentCategoryDes h1{ margin: 0px 0 0px 0!important;} .currentCategoryDes{padding: 0!important;} .pageType_category #content .currentCategoryDes h2{font-family: omnes-pro, sans-serif!important; letter-spacing: .025em; font-size: 25px!important; line-height: 1.3em!important; text-align: center!important; margin: 0 0 5px!important; } .isHome #content .currentCategoryDes h2{font-family: omnes-pro, sans-serif!important; letter-spacing: .025em; font-size: 35px!important; line-height: 1.3em!important; text-align: center!important; margin: 0 0 25px!important; } .item-info h3{ padding: 0px!important;} .prod-cat-item h3 a{font-family: omnes-pro, sans-serif!important; line-height: 1.2em!important; text-align: center!important;font-weight: 600!important; padding-bottom: 10px!important; } .item-info a.btn{ border: solid 1px #333!important; color: #333!important; background-color: #fff!important; radius: 5px!important; text-transform: none!important;font-weight: 600!important; text-align: center!important; display:block!important; margin: 0px auto!important; width: 150px!important;} .item-info a.btn:hover{ border: solid 1px #f26b62!important; color: #fff!important; background-color: #f26b62!important;} .prod-cat-list{ margin: -20px 0 0 0!important;} .hproduct{padding:0px!important;} .item-info{ text-align: left!important; padding: 0px 20px!important;} .item-info .description{ font-size:15px!important; line-height: 2em!important; padding-top: 5px!important; text-align: center!important;} .item-info a{ font-size: 20px!important;} .item-info em{ color:#f26b62!important;} .item-info .description em{ padding: 15px 0px 7px!important; color: #000!important; text-align: center!important } .description b{ background-color: #efefef!important; color: #000!important; display: inline-block!important; padding: 5px 10px 5px 25px!important; background-image: url(https://www.pintsizeproductions.com/images/photos-icon.png); background-repeat: no-repeat; background-position: 5px center!important; background-size:15px;border-radius: 43px!important; margin-right: 5px!important; font-weight: 700!important;} .item-img-info{background-color: #fff!important;} .item-info h3.item-title{ margin-bottom: 0px!important; font-size: 20px!important; font-weight: 600!important; padding: 0 0 10px 0!important; text-align: center!important;} a.btn{ background-color:#6699cc!important; font-weight: 400!important; border: 0px!important; border-radius: 3px!important; font-size: 14px!important; padding: 10px 20px!important; color: #fff!important;} a.btn:hover{ background-color:#f26b62!important; border: 0px!important; color: #fff!important;} .priceFormatted{font-size:20px!important;color: #f26b62!important; font-weight: 600!important;} .prod-short{display: block!important;} .prod-short em{ display: block!important; font-size: 18px!important; font-style: normal!important;color: rgba(231, 109, 102, 1)!important;font-weight: 600!important; margin-bottom: 7px!important;} .pageType_category h2{font-size: 20px!important;} h4.pricingShippingCalculatorHeading, h4.pricingOrderNotesHeading{ margin-top: 0!important; text-transform: none!important; font-weight: 600!important;} h4.pricingShippingCalculatorHeading{background-image: url('https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/preserro-truck-small.png'); background-repeat: no-repeat!important; background-size:30px!important; padding: 4px 0px!important; background-position: left center!important; padding-left: 40px!important;} h4.pricingOrderNotesHeading{background-image: url('https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/preserro-notes.png'); background-repeat: no-repeat!important; background-size:30px!important; padding: 4px 0px!important; background-position: left center!important; padding-left: 40px!important;} .calculatorResults{ padding-top: 0!important; padding-bottom: 0!important;} .list-view a{ background-color: #fff!important; color: #333!important;} .list-view a:hover{ background-color: #dadada!important; color: #333!important;} .category-panel .general-panel-heading{ display: none!important;} input.btn{font-weight:400!important;} /*Product PAge*/ .pageType_product .product-short-description{display: none!important} h1.pageTitle{ margin:0!important; padding:40px 0 20px 0!important; border-bottom: solid 0px!important; font-weight: 400!important; font-size: 35px!important;} .general-panel-body{ padding:10px 0px!important;} .general-panel-body h2.pricingCalcHeading, .general-panel-body h4.pricingHeading{font-family: omnes-pro, sans-serif!important; font-size:16px!important; text-transform:uppercase; letter-spacing:.04em!important;} .product-description{ border:solid 0px #dadada!important; padding:0px!important; font-weight: normal!important; background-color: #fff!important} .product-description h2.section-title{font-family: omnes-pro, sans-serif!important; font-size:16px!important; text-transform:uppercase; display: none; } .product-description h3{font-size:24px!important;font-family: omnes-pro, sans-serif!important; margin: 7px 0 10px!important; padding: 0;} .product-description ul, .product-description ol{ margin-left: -20px!important;} .product-description ol li{ padding-bottom: 5px!important;} #btnCustomizeButton{background-color:#f26b62!important; background-color: #e1a022!important; border-radius: 5px!important; border:solid 0px!important; margin-bottom: 20px!important; text-transform: none!important;font-size:25px!important;} #btnCustomizeButton:hover{background-color:#fdaf17!important;} .calculatorTotal{color:#f26b62!important;} #btnCustomizeButton, #btnAddToCartButton{ margin-top: 0px!important;min-height:65px!important; line-height:65px!important; text-transform: none!important; font-size:25px!important; font-weight: 500!important; display: inline-block!important; padding: 0 20px!important;border-radius: 5px!important;text-transform: none!important; } #btnCustomizeButton:hover, #btnAddToCartButton:hover{background-color:#fdaf17!important;} /*Account pages*/ .instructions{ background-color: #fff!important; border: solid 0px #dadada!important; padding: 0px!important; position: relative; } .instructions h3{ margin:0px!important;} .instructions .buttons{ position: absolute; top:5px; right:10px;} .instructions .buttons .cta{ margin-left: 5px;} .instructions .buttons a.red{ background-color: #f26b62!important;} .suggestive-sell-panel h2{font-family: omnes-pro, sans-serif!important; } .suggestive-sell-panel {border: solid 1px #dadada!important;-webkit-box-shadow:0 0 1px #fff!important;box-shadow:0 0 1px #fff!important;} .suggestive-sell-panel h3{ margin-bottom: 7px!important} .fullDescriptionArea a{ font-weight: 500; } .fullDescriptionArea h4{font-size:24px!important;font-family: omnes-pro, sans-serif!important;} /*build page*/ .pageType_customize iframe{ border:solid 0px!important; padding-top: 0!important; margin-top: 5px!important; padding-bottom: 15px!important;} .pageType_customize .instructions{ margin: 10px 0 15px!important;} .product-gallery-primary {border:solid 0px!important;} .savedForLaterPage .instructions {background-color: #fff!important;} .savedForLaterPage .instructions p, .pageType_customize .instructions{ padding: 0px!important; background-color: #fff!important; border: solid 0px!important} .savedForLaterPage .instructions p.save-time { padding: 10px 0 10px 40px!important; margin-top: 10px!important; background-image: url('https://www.pintsizeproductions.com/images/clock.png'); background-size: 30px!important; background-position:left center!important; background-repeat: no-repeat; display: block!important; color: #000!important;} input.saveForLaterBtnEditOptions{ text-transform: none!important; border-radius: 3px!important; padding: 10px 20px!important; background-color: #dadada!important; } input.saveForLaterBtnEditOptions:hover{ border: solid 1px #ccc!important;} input.saveForLaterBtnContinueDesign{ color: #fff!important; text-transform: none!important; border-radius: 3px!important; padding: 10px 20px!important;background-image:url('https://www.pintsizeproductions.com/images/edit-pen.png'); background-size:15px!important; background-position:15px center!important; background-repeat: no-repeat; border: 0px!important;} input.saveForLaterBtnContinueDesign:hover{ background-color: #6699cc!important; border-color: #6699cc!important;background-image:url('https://www.pintsizeproductions.com/images/edit-pen.png'); background-size:20px!important; background-position:15px center!important; background-repeat: no-repeat; } input.saveForLaterBtnRemove{ text-transform: none!important; border-radius: 3px!important; padding: 10px 20px!important; background-image:url('https://www.pintsizeproductions.com/images/trash.png'); background-size:15px!important; background-position:15px center!important; background-repeat: no-repeat; } input.saveForLaterBtnRemove:hover{ background-image:url('https://www.pintsizeproductions.com/images/trash-2.png'); background-size:15px!important; background-position:15px center!important; background-repeat: no-repeat; border: 0px!important;} input.saveForLaterBtnAddToCart{ background-color: #6699cc!important;text-transform: none!important; border-radius: 3px!important; padding: 10px 20px!important;border: 0px!important;background-image:url('https://www.pintsizeproductions.com/images/add-cart.png'); background-size:15px!important; background-position:15px center!important; background-repeat: no-repeat; border: 0px!important;} input.saveForLaterBtnAddToCart:hover{background-color: #66cc66!important;background-image:url('https://www.pintsizeproductions.com/images/add-cart.png'); background-size:15px!important; background-position:15px center!important; background-repeat: no-repeat; border: 0px!important;} /*FAQs*/ :target:before { content:""; display:block; height:15px; /* fixed header height*/ margin:-15px 0 0; /* negative fixed header height */ } .left h3{ margin: 0!important; font-size: 16px; margin-bottom: 14px!important;} .left{ width: 18%; border: solid 1px #dadada; padding: 15px; margin-right: 2%; float: left; font-size: 14px } .right{ width: 80%;float: left; padding-bottom: 40px;} .right h2{ margin-top:0px; font-size: 24px!important; font-weight: 600!important; padding-top: 14px;border-top: solid 1px #dadada; margin-top: 40px; clear: left;} .right h4{ margin-top:10px; font-size: 20px!important; font-weight: 600!important; border-top: solid 1px #dadada; padding-top: 14px!important;} .right h3{ margin-top: 30px;} .faq-box{ width: 100%; padding-bottom: 40px; float: left; margin-top: -10px!important;} .q-box{width: 48%; margin-right: 2%; float: left; padding-bottom: 15px;} .q-box ul, .supportbox ul{list-style: none; margin-left: 0px!important; padding:10px 0 10px 0px!important;} .q-box ul li, .supportbox ul li{background-image: url("https://www.pintsizeproductions.com/images/q-icon.png"); background-position: left 3px; background-repeat: no-repeat; background-size: 18px; margin-left: 0px!important; padding-left: 30px; padding-bottom: 10px;} .q-box h4{ margin-bottom: 0!important;} .pageType_page #content{padding: 0px 0px 30px!important;} .q-box a{color: #333} .q-box a:hover{color: #f26b62} .top{ color: #fff; background-color: #f26b62; display: inline-table; margin-top: 14px; padding: 10px 20px; border-radius: 3px;} .top:hover{color:#fff; background-color: #dd5c54} .answer{ margin-left:30px;} .faq-answers h3{ line-height: 1.3em!important} /*Support */ .supportmessage{ width:98%; float: left; margin-bottom: 20px; border: solid 1px #f26b62; padding: 20px!important; background: #fff1f1; } .supportmessage h3{ padding:0px 0 20px 0!important; margin:0px!important; font-weight: 700!important;} /*Contact Page*/ .contactbox{ width: 31.3%!important; margin-right:2%!important; border:solid 1px #dadada!important;font-size:15px!important; margin-bottom: 20px; float:left!important; padding:20px!important; min-height:170px!important;} .contactbox h3{ padding:0px 0 10px 0!important; margin:0px!important; font-weight: 700!important;} .pagePage_form h3{ clear:left!important; font-weight: 700!important;} .pagePage_form{ border: solid 1px #dadada!important;margin-right:2%!important; padding: 20px!important; clear: left!important;margin-bottom: 20px; } .asterisk {color:#cc0000;} .cbig{ font-size: 18px!important;} .new-contact{ display: flex; justify-content: space-between; align-items: stretch; } .contact-half{ width: 33%!important;border:solid 1px #dadada!important;font-size:15px!important; margin-bottom: 20px; float:left!important; padding:0 20px 20px!important;} .contact-half ul{ margin-left: -20px!important; margin-top: 7px!important; margin-bottom: 7px!important;} .contact-half h3{font-size:24px!important;font-family: omnes-pro, sans-serif!important; font-weight: 600!important;} .contact-half h3.f{background-image:url('https://www.pintsizeproductions.com/images/contact-faq.png');background-size: 45px; background-position:left center; background-repeat: no-repeat; padding-left: 55px!important; padding-top:10px; padding-bottom: 10px;} .contact-half h3.e{background-image:url('https://www.pintsizeproductions.com/images/support-faq.png');background-size: 45px; background-position:left center; background-repeat: no-repeat; padding-left: 55px!important; padding-top:20px; padding-bottom: 20px; margin-top: 10px!important;} .contact-half h3.c{background-image:url('https://www.pintsizeproductions.com/images/support-email.png');background-size: 45px; background-position:left center; background-repeat: no-repeat; padding-left: 55px!important; padding-top:20px; padding-bottom: 20px;} .contact-half h3.find{background-image:url('https://www.pintsizeproductions.com/images/support-map.png');background-size: 45px; background-position:left center; background-repeat: no-repeat; padding-left: 55px!important; padding-top:10px; padding-bottom: 10px;} .contact-half ul{list-style: none; margin-left: 0px!important; padding:10px 0 10px 0px!important;} .contact-half ul li{background-image: url("https://www.pintsizeproductions.com/images/q-icon.png"); background-position: left 3px; background-repeat: no-repeat; background-size: 18px; margin-left: 0px!important; padding-left: 30px; padding-bottom: 5px;} .contact-half ul li a:hover{text-decoration: underline!important;} .supportbox{ width: 31.3%!important; margin-right:2%!important;font-size:15px!important; border:solid 1px #ccc!important; float:left!important; padding: 0 20px 20px!important; min-height:830px!important;} .supportbox h3.f{background-image:url('https://www.pintsizeproductions.com/images/support-faq.png');} .supportbox h3.e{background-image:url('https://www.pintsizeproductions.com/images/support-email.png');} .supportbox h3.c{ background-image:url('https://www.pintsizeproductions.com/images/support-call.png');} input#btnSubmit{ border-radius: 3px!important; background-color: #f26b62!important; text-transform: none!important; border: 0px!important;} input#btnSubmit:hover{ background-color: #6699cc!important;} .pageBody legend{color:#fff!important;} /*Contact Form*/ .pageName_troubleshooting-request .customForm .radio, .pageName_troubleshooting-request .customForm .checkbox, .pageName_contact-pint-size .customForm .radio,.pageName_contact-pint-size .customForm .checkbox, .pageName_approval .customForm .radio{ padding: 0px!important; margin: 0!important;} .pageName_troubleshooting-request .customForm .radio input, .pageName_troubleshooting-request .customForm .checkbox input, .pageName_contact-pint-size .customForm .radio input, .pageName_contact-pint-size .customForm .checkbox input, .pageName_approval .customForm .radio input{ min-height: auto!important; margin: 5px 0 0 -20px!important;} .pageName_troubleshooting-request .customForm .radio label, .pageName_contact-pint-size .customForm .radio label, .pageName_approval .customForm .radio label{padding: 0 0 0 20px!important;} .help-block{color:#333!important; padding: 10px 0 10px 0!important;} /*Before You Begin*/ .pageName_beforeyoubegin h2{font-size: 30px!important; margin-bottom: 15px!important;} .pageName_beforeyoubegin .main-boxes .col-md-4{ min-height: 460px!important; position: relative;} ul.checklist, ul.bluearrow{ list-style: none!important; list-style-image: none!important; list-style-type: none!important; list-style-position: inside!important;margin-left: -20px!important; font-size: 18px!important} ul.checklist li {list-style: none!important; list-style-image: url("https://www.pintsizeproductions.com/images/preserro-check.png")!important;list-style-type: none!important; display: block!important;list-style-position:outside!important; background-image: url(https://www.pintsizeproductions.com/images/check.png); background-repeat: no-repeat!important; background-size: 25px!important; background-position: left top!important; padding-left: 35px!important;} ul.checklist li::before, ul.bluearrow li::before{display: none!important;} ul.bluearrow li {list-style: none!important; list-style-image: url("https://www.pintsizeproductions.com/images/bluearrow.png")!important;list-style-type: none!important; display: block!important;list-style-position:outside!important; background-repeat: no-repeat!important; background-size: 25px!important; background-position: left 2px!important; padding-left: 35px!important;background-image: url(https://www.pintsizeproductions.com/images/bluearrow.png);} /*CHECKOUT*/ .cartSummaryWrap h4{color:#fff!important;font-family: omnes-pro, sans-serif!important;} .cartSummaryWrap .btn{font-size:16px!important; border-width:0px!important;} .saveForLater h4{ color:#333!important;} /*Cart*/ .cart-messg{ background-color: #f9d0d0; color: #cc0000; padding: 14px; font-size: 16px!important; width: 100%; float: left; margin-bottom: 7px!important;font-family: omnes-pro, sans-serif!important; } .instructions{background-color: #f9f9f9!important; color:#333!important;} .cart-products-wrap{ border:solid 1px #dadada!important;} .cartSummary{border:solid 0px #dadada!important; padding: 0px!important;} .pageName_cart a.btn{background-color: #fff!important; border:solid 1px #333!important; color:#333!important;} .pageName_cart a.btn:hover{background-color: #f26b62!important; border:solid 1px #f26b62!important; color:#fff!important;} .cartSummary .btn-primary, .cartSummary .btn-default{ padding: 15px 12px!important} .cartSummary h4{ border-top: solid 1px #dadada!important; border-bottom:solid 1px #dadada!important;} .cartErrorArea div.instructions{} .pageType_cart p.instructions, .pageName_checkoutNew div.instructions{ padding: 0px!important;} .cart-products-wrap{ border: 0px!important; margin-bottom: 14px!important;} .cart-product-item .cart-product__image a, .cart-product-item .cart-product__image a img{background-color: #fff!important} .cart-directions{ padding: 14px!important;} .cart-directions ul{ list-style: none; padding: 0!important; margin: 0!important;} .cart-directions ul li{ display: inline-block; vertical-align: text-top!important; width: 31.333333%; padding: 0!important; margin-right: 2%!important;} .cart-directions h3{font-family: omnes-pro, sans-serif!important; font-size:18px!important; font-weight: 600!important; color: #333!important; padding-bottom: 7px!important;} .cart-directions ul li p{ margin: 0!important; font-size: 14px!important;} h3.duplicate, h3.save-order, h3.edit-order{ padding-left: 25px!important; background-size:20px!important; background-position: left 3px!important; background-repeat: no-repeat!important;} h3.duplicate { background-image: url(https://www.pintsizeproductions.com/images/Preserro-Duplicate.png);} h3.save-order { background-image: url(https://www.pintsizeproductions.com/images/Preserro-Save.png);} h3.edit-order { background-image: url(https://www.pintsizeproductions.com/images/Preserro-Edit.png);} a.item-edit-duplicate {padding-left: 25px!important; background-size:15px!important; background-position: 5px 7px!important; background-repeat: no-repeat!important;background-image: url(https://www.pintsizeproductions.com/images/Preserro-Duplicate.png);} a.item-edit-duplicate:hover{background-image: url(https://www.pintsizeproductions.com/images/Preserro-Duplicate-2.png)!important; } a.item-edit-save-for-later {padding-left: 25px!important; background-size:15px!important; background-position: 5px 7px!important; background-repeat: no-repeat!important;background-image: url(https://www.pintsizeproductions.com/images/Preserro-Save.png);} a.item-edit-save-for-later:hover {background-image: url(https://www.pintsizeproductions.com/images/Preserro-Save-2.png)!important;} a.item-edit-edit {padding-left: 25px!important; background-size:15px!important; background-position: 5px 7px!important; background-repeat: no-repeat!important;background-image: url(https://www.pintsizeproductions.com/images/Preserro-Edit.png);} a.item-edit-edit:hover {background-image: url(https://www.pintsizeproductions.com/images/Preserro-Edit-2.png)!important;} a.item-edit-remove {padding-left: 25px!important; background-size:15px!important; background-position: 5px 7px!important; background-repeat: no-repeat!important;background-image: url(https://www.pintsizeproductions.com/images/Preserro-Remove.png);} a.item-edit-remove:hover {background-image: url(https://www.pintsizeproductions.com/images/Preserro-Remove-2.png)!important;} .pageType_cart a.loginCreatePromptLogin{ background-color: #6699cc!important; color: #fff!important; border:0!important;} .pageType_cart a.loginCreatePromptLogin:hover{ border:0!important;} .pageType_cart a.loginCreatePromptAccount{ background-color: #6699cc!important; color: #fff!important; border:0!important;} .pageType_cart a.loginCreatePromptAccount:hover{ border:0!important;} .cartShippingGroupInfoMultipleShipTo{ margin-bottom: 0px!important;} input#btnPromo{ font-size: 16px!important; padding: 15px 0!important;background-image: url(https://www.pintsizeproductions.com/images/Preserro-Coupon.png);background-size:20px!important; background-position: 14px 14px!important; background-repeat: no-repeat!important;} .checkoutSummary-editLink a.btn{padding: 15px 0!important;font-size: 16px!important; background-color: #dadada!important; color: #333!important;} .checkoutSummary-editLink a.btn:hover{ background-color: #ccc!important;} .saveForLater-details input.cartCheckoutButton{background-color: #6699cc!important; background-image: url(https://www.pintsizeproductions.com/images/Preserro-Save-2.png)!important;} .saveForLater-details input.cartCheckoutButton:hover{background-color: #f26b62!important;} input#btnLogin, input#createAccountSubmit{ background-color:#415DAA!important;} /*Checkout*/ .checkoutNotes, .payment-type-area, .checkoutOrderItemsSummaryArea, .checkoutForm{border:solid 1px #dadada!important;-webkit-box-shadow:0 0 1px #fff!important;box-shadow:0 0 1px #fff!important; margin-bottom: 10px!important;} .checkoutForm{ padding-top: 10px!important; border: solid 1px #dadada!important; font-size: 14px; line-height: 1.3em!important;} .checkoutForm .instructions{display: none!important;} .checkoutForm h3{ font-size: 16px;} .checkoutForm h3:first-child{ display: none!important;} .checkoutSummary{ border:solid 1px #dadada!important;} .checkout-form-wrap h3{font-family: omnes-pro, sans-serif!important; } .checkoutSummary h4{ font-family: omnes-pro, sans-serif!important; background-color:#f26b62!important; color: #fff!important;} .checkoutSummary-editLink .btn-block{ border-radius :0px!important; background-color: #333!important;} .checkoutSummary-editLink { padding-bottom: 0px!important;} .k-content{ margin-top: 10px!important;} .well{color: #333!important;} .pageName_settings .pageBody{ padding: 0px!important;-webkit-box-shadow:0 0 1px #fff!important;box-shadow:0 0 1px #fff!important;} .pageName_settings .pageBody:before{display: block; content: 'My Account'; font-size: 30px!important;font-family: ff-ernestine-pro,sans-serif!important; font-weight: 400!important; margin-bottom: 10px!important;} .pageName_settings .pageBody ul:before{content: 'Looking for order history or saved books? Check the top navigation for a link to both of these.'; display: block; font-size: 14px;font-family: omnes-pro, sans-serif!important; margin-top: 10px; margin-bottom: 14px;} .pageName_settings h1{ display: none!important;} .pageName_settings .k-content{ margin-top: -1px!important;} /*Saved for Later*/ .pageType_savedforlater .pageBody{padding: 0px!important;-webkit-box-shadow:0 0 1px #fff!important;box-shadow:0 0 1px #fff!important;} .pageType_orders .pageBody{ border: solid 1px #dadada!important;-webkit-box-shadow:0 0 1px #fff!important;box-shadow:0 0 1px #fff!important;} .pageType_orders .pageBody .fa-search{color: #333!important;} body.pageType_orders #fullscreen-btn{ background-color: #fff!important; color: #333!important; border:solid 1px #ccc!important; border-radius: 4px!important;} .fa-search{color: #333!important;} .fa-shopping-cart, .cart-count-label{ color:#333!important;} .saveForLaterProduct-details{border:solid 1px #dadada!important;} .saveForLaterProductImage a{ top:0!important; background-color: #fff!important;} .saveForLaterBtnContinueDesign {background-color: #f26b62!important;} .saveForLaterBtnContinueDesign:hover {background-color:#f66058!important;} .saveForLaterBtnEditOptions {background-color: #ccc!important; color:#333!important; } /*Search*/ .searchPage button#searchButton{ border: 0px!important; background-color: #f26b62!important; height: 34px!important; font-weight: 500!important;} h2.searchResultsHeading{font-family: omnes-pro, sans-serif!important; text-transform: uppercase; border: solid 1px #dadada!important; padding: 7px!important;} .search-result h4{font-family: omnes-pro, sans-serif!important; margin-bottom:0!important; font-size: 20px!important;} .searchDes em{ font-style: normal!important; font-weight: 700!important; color: #f26b62!important;} /** Before You Begin . Instructions **/ body.pageType_customize .instructions{ float:left; width: 100%!important;} .instruction-column{ width: 23%; float:left; margin-right: 2%; font-size: 14px; } .instruction-column h3{ font-size: 18px; padding-bottom: 7px; font-weight: 600!important;font-family: omnes-pro, sans-serif!important;} .instruction-column .blue{color: #5f90f5!important; font-weight: 600; background-color: transparent!important; } .instruction-column .green{background-color: transparent!important; font-weight: 600; color:#7ab536!important; } .instruction-column a{ font-weight:600; color: #f26b62!important;} .instruction-column a:hover{ text-decoration: underline!important;} .check{ background-image: url(https://www.pintsizeproductions.com/images/green-check.png); background-repeat: no-repeat; background-position: top left; padding-left: 25px; background-size: 20px;} .disc{ background-image: url(https://www.pintsizeproductions.com/images/disc.png); background-repeat: no-repeat; background-position: top left; padding-left: 25px; background-size: 20px;} body.pageName_60285 .order-summary-item-statushistory h3.detailHeading:after{ display:inline-block; content: '*'!important;color:#f26b62; font-size: 40px!important } body.pageName_60285 .order-summary-item-statushistory:after{content: '*Please Note: We are experiencing and working to resolve an internal error that shows your "Order Cancelled." This should say "Payment Pending" and support is working to correct this error. We apologize for the inconvenience.'!important; display: block!important; padding-bottom: 14px!important; color:#f26b62; font-weight: bold; font-size: 14px; } /*Shipping and Return*/ body.pageName_shipping-return-policy p{ font-size: 18px!important; line-height: 1.85em!important; margin-bottom:20px!important;} body.pageName_shipping-return-policy p a, body.pageName_shipping-return-policy #main-content a{font-weight: bold!important; text-decoration: underline!important;color:#6699cc!important; } body.pageName_shipping-return-policy h3{ font-weight: 600!important;font-size: 24px!important;font-family: omnes-pro, sans-serif!important; margin-bottom: 14px!important;} body.pageName_shipping-return-policy .col-md-6 ul{ margin-left: 0!important; font-size: 18px!important; padding: 0!important;} body.pageName_shipping-return-policy .col-md-6 { padding-right: 50px!important;} table.shipping-table{ border:solid 1px #ccc; width: 100%; margin: 7px 0; font-size: 18px!important; margin-left:0px!important; padding-left: 0px!important;} table.shipping-table tr th{ background-color: #efefef;} table.shipping-table tr th, table.shipping-table tr td{ padding:10px 14px; border-bottom: solid 1px #dadada;} table.shipping-table tr th:first-child, table.shipping-table tr td:first-child{width: 40%;} table.shipping-table{ margin-bottom: 20px!important;} body.pageName_shipping-return-policy .col-md-6 ul li{ padding-bottom: 10px!important;} /*Category*/ body.pageType_category #main-content{ width: 1200px!important; margin: 0 auto!important;} body.isHome #main-content, body.pageName_bad-river-board-books #main-content, body.pageName_customize #main-content, body.pageName_professional-header #main-content, body.pageName_designer-board-books #main-content, body.pageType_product #main-content, body.pageName_customer-service #main-content, body.pageName_your-own-custom-design #main-content, body.pageName_personalized-board-books #main-content, body.pageName_print-small-batch-board-books #main-content{ width: 1400px!important; margin: 0 auto!important;} body.isHome #main-content{ width: 100%!important;} body.isHome #main-content .home-frame{ width: 1400px!important; margin: 0 auto!important;} body.pageType_category #main-content .hproduct{ margin-bottom: 0!important;} /*Beginner Board Books*/ body.pageType_category #main-content .bbb-header{ width:100%; float: left; padding:30px 30px 40px; background-image: url(https://www.pintsizeproductions.com/images/preserro_bb_header.jpg); background-repeat: no-repeat; background-position: top center; font-size:18px!important; text-align: left; margin-bottom: 10px!important;} .bbb-frame{ margin: 0 55% 0 0; float: left; } body.pageType_category #main-content .bbb-header h2{ font-size:24px!important; margin: 0; padding: 0 0 0px 0px; text-align: left!important; font-weight: 400!important;} body.pageType_category #main-content .bbb-header h3{ font-size:20px!important; margin: 0!important; padding: 24px 0 5px 0!important;font-family: omnes-pro, sans-serif!important; font-weight: bold!important;} .header-price{color: #f26b62; font-weight: bold;} .bbb-header ul{ list-style: none; margin:7px 0; padding: 0;} .bbb-header ul li{ padding: 2px 0 2px 35px !important; background-position: left center; background-repeat: no-repeat; font-size: 18px } .photo{ background-image: url(https://www.pintsizeproductions.com/images/photo-icon.png); background-size: 22px;} .text{ background-image: url(https://www.pintsizeproductions.com/images/text-icon.png); background-size: 22px;} .credit{ background-image: url(https://www.pintsizeproductions.com/images/cc-icon.png); background-size: 22px;} .bbb-header a{ margin-right:10px; text-decoration: underline;} .bbb-header a.cta{ text-decoration: none;} .bbb-header small a{ margin: 0;} .bbb-header small { display: inline-block; margin-right: 25%; padding-top: 20px;} .abb{ background-image:url(https://www.pintsizeproductions.com/images/preserro_abb_header.jpg)!important;} .pbb{ background-image:url(https://www.pintsizeproductions.com/images/preserro_professional_header.jpg)!important;} #top-nav li.sale a{ color: #f26b62!important; font-weight: bold!important;} .saletext{font-family: ff-ernestine-pro,sans-serif!important; font-size:30px!important; margin-top: -10px!important; margin-bottom: 10px!important; font-weight: 300!important;} .saletext a{font-weight: 600;} .saletext b, .saletext strong{color:#f26b62!important;} /* 2022 Category Page */ body.pageType_category #content .currentCategoryDes .col-md-12 h1{ font-size: 30px!important; padding: 5px 0 15px 0!important; font-weight: normal!important;} #main-content .categoryPage_Beginner #content h3{ font-family: omnes-pro, sans-serif!important; clear: left!important; padding-top: 20px!important; font-weight: 600!important; font-size: 24px!important;} /*2022 Cat Styles*/ .header-quantity{ font-size: 14px!important; color: #000!important; font-weight: bold!important} .header-price{ font-size: 24px!important; color: #f26b62!important} .desktop{ display: block!important;} .mobile { display: none!important} /*New Checkout 2021 Styles*/ /*Login*/ .loginForm{ border:solid 1px #efefef!important;} .loginForm a{ color: #333; text-decoration: underline;} .loginForm a:hover{ color: #f26b62; text-decoration: underline;} .loginForm legend{ background-color: #efefef!important; color: #333!important; border-bottom: solid 0px!important;} input#btnLogin{ font-size:20px!important; border: 0px!important; min-height:65px!important; line-height:65px!important; padding: 0!important; min-width:100%!important; border-radius: 3px!important; text-transform: none!important;} input#btnLogin:hover{ background-color:#E7A023!important; } /*Create Account*/ body.pageName_createaccount h1.pageTitle{ text-align: center!important; font-size: 24px!important; letter-spacing: 0em!important;} body.pageName_createaccount .pageBody{ padding: 0!important;box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0)!important} body.pageName_createaccount .pageBody h3{font-family: omnes-pro, sans-serif!important; font-weight: 600!important; font-size: 22px!important; padding: 10px!important;border-radius: 3px!important;background-color: #efefef!important;} body.pageName_createaccount p.alert, p.alert-danger{ border-radius: 3px!important; padding: 10px!important; text-align: center!important;} input#createAccountSubmit{ font-size:20px!important; border: 0px!important; min-height:45px!important; line-height:45px!important; min-width:100%!important; border-radius: 3px!important; text-transform: none!important;} input#createAccountSubmit:hover{ background-color:#4781ba!important; } .help-block a{ color:#333; text-decoration: underline!important;} .help-block a:hover{ color:#f26b62; text-decoration: underline!important;} body.pageName_createaccount .asterisk{ float: left!important; padding-right: 5px!important;} /*Shopping Cart*/ .cartPage{box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0)!important; padding: 0px!important} body.pageName_cart #main-content{ margin-bottom: 15px!important; } .cart-empty__content a{ color: #333!important; text-decoration: underline!important;} .cart-empty__content a:hover{color: #f26b62!important;} .cartPage .pageBody{ border: solid 0px #dadada!important; padding:0 0px 10px!important; } .cartPage img.cart-item-img{ border: solid 1px #dadada!important; background-color: #fff!important;} .cart-product-name{ font-size: 16px!important;} a.cart-item-edit{ border: solid 1px #efefef!important;} .collapse-panel__title { background-color: #efefef!important;} .collapse-panel__body{ border:solid 1px #efefe!important;} .cart-empty input{border:solid 1px #aaa!important;} .cart-empty__search .fa-search{color:#333!important; opacity: 1!important} .btn-lg{ font-size: 18px!important; } input#btnCheckout{ font-size: 20px!important; padding: 0!important; min-height:60px!important; line-height:60px!important;} .cart-saveforlater-item__add{ background-color: #6699cc!important; color: #fff; min-height:45px!important; line-height:45px!important; display: inline-block!important; padding: 0 20px!important;border-radius:7px!important;} .cart-saveforlater-item__add:hover{ background-color:#4781ba!important; color:#fff!important; } .cart-saveforlater-header__title{font-weight: 700!important;} .cart-saveforlater-list{ border-top:solid 1px #dadada!important; padding:10px 0px!important; margin-bottom: 10px!important;} .cart-saveforlater-img{ border: solid 1px #dadada!important; background-color: #fff!important;} .cart-product-item{ margin-bottom: 10px!important; padding-top: 0!important;} .cart-row--alt{ border-bottom-color: #dadada!important;} .menu-cart-btn{ line-height:30px!important; letter-spacing: 0!important; text-transform: none!important;} .menu-cart-name{ margin-top: 15px!important;} .menu-cart-img img{ border: solid 1px #efefef!important; background-color: #fff!important; } .menu-cart-preview-footer{ padding: 10px 15px!important;} /*Account Checkout*/ body.pageType_access .accessPage{box-shadow: rgba(255,255,255,0) 0px 0px 0px 0px !important; padding: 0px!important;} .access-login-form, .access-new-form{ padding: 20px 0!important;} .access-options input.btn{background-color: #6699cc!important; color: #fff; min-height:65px!important; line-height:65px!important; text-transform: none!important; font-size:20px!important; display: inline-block!important; padding: 0 20px!important;border-radius:7px!important; border: 0px!important;} .access-options input.btn:hover{ background-color:#4781ba!important; color:#fff!important;} body.pageType_access .accessPage h2{font-family: omnes-pro, sans-serif!important; font-weight: 600!important;} .access-login-form a{color:#333!important; text-decoration: underline!important; } .access-login-form a:hover{color:#f26b62!important;} body.pageType_access h1.pageTitle{ text-align: center!important; font-size: 24px!important; letter-spacing: 0em!important;} body.pageType_access .page-content{box-shadow: rgba(255,255,255,0) 0px 0px 0px 0px !important;} body.pageType_access .pageBody{box-shadow: rgba(255,255,255,0) 0px 0px 0px 0px !important; padding: 0px!important;} body.pageType_access .pageBody h3{font-family: omnes-pro, sans-serif!important; font-weight: 600!important; font-size: 22px!important; padding: 10px!important;border-radius: 3px!important;background-color: #efefef!important;} body.pageType_access .shipping-same-checkbox{ top:0!important; padding-right: 10px!important;} body.pageType_access .asterisk{ float: left!important; padding-right: 5px!important;} body.pageType_access input.submit{background-color: #6699cc!important; color: #fff; min-height:65px!important; line-height:65px!important; text-transform: none!important; font-size:20px!important; display: inline-block!important; padding: 0 20px!important;border-radius:7px!important; min-width: 100%!important;} body.pageType_access input.submit:hover{background-color:#4781ba!important; color:#fff!important;} #checkout-form .alert{ font-weight: 700!important;} .al-section-title a{color: #333!important; text-decoration:none!important; background-color: #efefef!important; border-radius: 4px!important; padding: 5px 10px 5px 10px!important; margin-bottom: 5px!important;} .al-section-title a.ship-to__locations, #checkout-form .alert a.ship-to__single-location{ color: #333!important; text-decoration:none!important; background-color: #efefef!important; border-radius: 4px!important; padding: 5px 10px 5px 30px!important; margin-bottom: 5px!important; background-image: url('https://www.pintsizeproductions.com/images/map-icon.png'); font-weight: 500!important; background-repeat: no-repeat!important; background-position:5px 5px!important; background-size: 20px!important;} .al-section-title a:hover, #checkout-form .alert a:hover{ color: #f26b62!important; text-decoration:underline!important;} .al-section-title .label-lg{ font-weight:700!important; } .al-section .label-lg{ background-image: url('https://www.pintsizeproductions.com/images/credit-card.png'); background-repeat: no-repeat; background-size: 20px!important;background-position:5px 5px!important; padding-left: 35px;} .ship-to .label-lg{ background-image: url('https://www.pintsizeproductions.com/images/house-icon.png'); background-repeat: no-repeat; background-size: 20px!important;background-position:5px 5px!important;padding-left: 35px;} .ship-method .label-lg{ background-image: url('https://www.pintsizeproductions.com/images/truck.png'); background-repeat: no-repeat; background-size: 20px!important;background-position:5px 5px!important; padding-left: 35px;} .ship-method .label-lg{ background-image: url('https://www.pintsizeproductions.com/images/truck.png'); background-repeat: no-repeat; background-size: 20px!important;background-position:5px 5px!important; padding-left: 35px;} .shipping-section .label-lg{ background-image: url('https://www.pintsizeproductions.com/images/house-icon.png'); background-repeat: no-repeat; background-size: 20px!important;background-position:5px 5px!important;padding-left: 35px;} .checkoutPage_form h3{background-image: url('https://www.pintsizeproductions.com/images/privacy.png'); background-repeat: no-repeat; background-size: 20px!important;background-position:5px 5px!important;padding-left: 35px;} .input-group-btn a.btn{padding: 7px 10px!important; margin: 0 0 0 5px!important; color: #333!important; background-color: #efefef!important;} .input-group-btn .fa{ color: #333!important; } .imageSize_Large{ border: solid 1px #dadada!important; background-color: #fff!important;} body.pageType_access .alert-warning{ border-radius: 3px!important;} button#btnCheckout{ background-color: #33cc33!important; color: #fff; min-height:65px!important; line-height:65px!important; text-transform: none!important; font-size:20px!important; display: inline-block!important; padding: 0 20px!important;border-radius:33px!important; background-position: 20px 20px!important; border: 0px!important;} button#btnCheckout:hover{ color:#fff!important;} a#btn-apply-promo{ text-transform:none!important; color: #fff!important; background-color:#333!important;} a#btn-apply-promo:hover{ text-transform:none!important; background-color:#666!important;} #al-promo-code:before{ content: 'Have a coupon code?'; display: block; width:100%!important; font-weight: 700!important; font-size: 20px!important; margin-bottom: 7px!important;} input#promo{ border:solid 1px #ccc!important;} body.pageType_checkoutNew .checkoutPage, body.pageType_checkoutNew .page-content, .checkoutPage{ padding:0px!important; box-shadow: rgba(255,255,255,0.0) 0px 0px 0px 0px!important; outline: none!important;border: 0px!important;} body.pageType_checkoutNew .main-content-cols, body.pageType_checkoutNew .pageBody{box-shadow: rbga(255,255,255,0) 0px 0px 0px 0px!important; outline: none!important; border: 0px!important; } /*Shipping*/ .shippingPage .alert, .checkoutPage .alert-info, .checkoutPage .instructions{ background-color: #fff!important; border: solid 0px!important; padding: 0px!important;} body.pageName_shipping .shippingPage{ padding: 0!important; box-shadow: rgba(255,255,255,0) 0px 0px 0px 0px!important;} #al-main-container h3{ font-weight:600!important;} #al-main-container .content-panel{ } #al-main-container .checkoutPage_form p.instructions{ padding: 0px!important;} #al-main-container .line-separator{ font-weight: 700!important;} /*Order History*/ .pageType_orders h1.pageTitle{font-family: omnes-pro, sans-serif!important; font-weight: 700!important; font-size: 14px!important; } .pageType_orders h1.pageTitle:before{display: block; content: 'Order History'; font-size: 30px!important; font-weight: 300!important; font-family:ff-ernestine-pro,sans-serif!important; padding-bottom: 5px!important;} .pageType_orders h1.pageTitle:after{ content: 'Dont see your order? Check your start and end date filters, or go to your pending payments page.';display: block; color: #333!important; font-size: 16px;font-family: omnes-pro, sans-serif!important; margin-top: 10px; font-weight: 400!important; } body.pageType_orders {} .pageName_payment h1.pageTitle:after{ display: none!important} input.applyFiltersButton{ border-radius: 3px!important; background-color: #333!important; color: #fff!important; border-radius: 4px!important; border: none!important; } input.applyFiltersButton:hover{ background-color: #dadada!important; color: #f26b62!important; border: solid 1px #ccc!important;} .orderFilters-start-date label, .pending-order-filters .filter-start-date label{color: #f26b62!important; font-size: 16px!important; margin: 5px 0!important; } .form-group label{font-size: 16px!important; margin: 5px 0!important;} #StartDate{color:#f26b62!important; font-weight: 700!important;} #StartDate span.k-icon{color:#f26b62!important; } .pageType_orders .btn-default{border-radius: 5px!important;} /*Payment Page*/ .pageName_payment h1.pageTitle, .pageType_pendingorders h1.pageTitle{font-family: omnes-pro, sans-serif!important; font-weight: 700!important; } .pageName_payment .instructions{ padding: 14px!important;font-family: omnes-pro, sans-serif!important; font-size: 16px!important;} .pageName_payment .instructions p span{ font-family: omnes-pro, sans-serif!important; font-size: 16px!important;} .pageName_payment .ordersPage_BtnExpandCollapse{color:#333!important; background-color: #fff!important;} /*Pending Orders*/ .pageType_pendingorders h1.pageTitle{font-family: omnes-pro, sans-serif!important; font-weight: 700!important; font-size: 14px!important; padding-bottom: 20px!important; } .pageType_pendingorders h1.pageTitle:before{ display: block; content: 'Pending Orders'; font-size: 30px!important; font-weight: 300!important; font-family:ff-ernestine-pro,sans-serif!important; padding-bottom: 5px!important;} body.pageName_payment .paymentPage{ padding: 0!important; box-shadow: rgba(255,255,255,0) 0px 0px 0px 0px!important;} .pageName_orders h1.pageTitle a.btn{font-family: omnes-pro, sans-serif!important; text-transform: none!important; font-weight: 400!important;outline: none!important; text-shadow:none!important; padding: 10px 20px!important; background-color: #f26b62!important;} .pageName_orders a.btn{ background-color:#fff!important; font-weight: 400!important; border: 0px!important; border-radius: 3px!important; font-size: 14px!important; padding: 10px 20px!important; color: #333!important; border: solid 1px #ccc!important;} .pageName_orders a.btn:hover{ background-color:#f26b62!important; border: 0px!important; color: #fff!important;} .pageName_orders h1.pageTitle a.btn:first-child{color:#fff!important; border: none!important; border-radius: 5px!important;} .pageName_orders h1.pageTitle a.btn:first-child:before{display: inline-block; content: 'Go to'; padding-right: 3px;} .pageName_orders h1.pageTitle a.btn:first-child:after{display: inline-block; content: 'Orders'; padding-left: 3px;} .pageName_orders h1.pageTitle a.btn:hover{ background-color: #ea544b!important;} .pageType_pendingorders h1.pageTitle a.btn{font-family: omnes-pro, sans-serif!important; font-weight: 400!important; text-transform: none!important;outline: none!important; text-shadow:none!important; padding: 10px 20px!important; background-color: #6699cc!important; } .pageType_pendingorders h1.pageTitle a.btn:hover{ background-color: #4582bf!important;} .pageType_pendingorders h1.pageTitle a.btn:first-child:before{display: inline-block; content: 'Back to'; padding-right: 3px;} .pageType_pendingorders .pageBody{ border: solid 1px #dadada!important; margin-top: 20px!important;} body.pageName_payment .pageBody{ border: solid 0px #dadada!important; margin-top: 20px!important;} a.order-details-link{color: #f26b62!important;} a.paynow-link, a.reorder-link{font-weight: 700!important; color: #f26b62!important;} /** customize page 2021**/ .pageType_customize #main-content{ width: 1200px!important;} /*FAQs 2022 Index*/ .faqs-box{ width: 100%; float: left; padding-top: 20px;} .faqs-sidebar{ width: 17%; margin-right: 3%;float: left;} .faqs-sidebar a, a.email{ display: inline-block; border: solid 1px #333; padding: 10px 15px; border-radius: 5px; font-weight: 400; color:#333;} .faqs-sidebar a:hover, a.email:hover{border: solid 1px #f26b62; color: #f26b62; } .faqs-sidebar h3{ font-family: omnes-pro, sans-serif!important; font-weight: 700!important; font-size: 20px!important; border-top:solid 1px #dadada; padding-top: 20px; margin: 0 0 10px;} .faqs-content{width: 80%; float: left; } .faqs-content h3{ font-family: omnes-pro, sans-serif!important; font-weight: 700!important; font-size: 20px!important;} .faqs-content ul{ margin: 0; padding: 0; width: 100%; display: flex; list-style: none; flex-wrap:wrap; align-items: stretch} .faqs-content ul li{ width: 23%; margin-right: 2%; margin-bottom: 20px; height: 210px;border: solid 1px #dadada; border-radius: 7px;} .faqs-content ul li:hover{border: solid 1px #f26b62; box-shadow: 0 0 10px #ccc; } .faqs-content ul li a{ text-align: center; padding: 150px 20px 0 20px; display: block; color: #f26b62!important; line-height: 1.3em; font-weight: 600; } .faqs-content ul li a:hover{ border-color: #f26b62;} .bbf1{ background-image: url(https://www.pintsizeproductions.com/images/FAQs-book.png); background-repeat: no-repeat; background-position:center 40px; background-size:75px;} .bbf1:hover{ background-image: url(https://www.pintsizeproductions.com/images/FAQs-book.png); background-repeat: no-repeat; background-position:center 40px; background-size:75px;} .bbf2{ background-image: url(https://www.pintsizeproductions.com/images/FAQs-interface.png); background-repeat: no-repeat; background-position:center 40px; background-size:75px;} .bbf2:hover{ background-image: url(https://www.pintsizeproductions.com/images/FAQs-interface.png); background-repeat: no-repeat; background-position:center 40px; background-size:75px;} .bbf3{ background-image: url(https://www.pintsizeproductions.com/images/FAQs-image.png); background-repeat: no-repeat; background-position:center 40px; background-size:75px} .bbf3:hover{ background-image: url(https://www.pintsizeproductions.com/images/FAQs-image.png); background-repeat: no-repeat; background-position:center 40px; background-size:75px} .bbf4{ background-image: url(https://www.pintsizeproductions.com/images/FAQs-copyright.png); background-repeat: no-repeat; background-position:center 40px; background-size:75px} .bbf4:hover{ background-image: url(https://www.pintsizeproductions.com/images/FAQs-copyright.png); background-repeat: no-repeat; background-position:center 40px; background-size:75px} .bbf5{ background-image: url(https://www.pintsizeproductions.com/images/FAQs-purchase.png); background-repeat: no-repeat; background-position:center 40px; background-size:75px} .bbf5:hover{ background-image: url(https://www.pintsizeproductions.com/images/FAQs-purchase.png); background-repeat: no-repeat; background-position:center 40px; background-size:75px} .bbf6{ background-image: url(https://www.pintsizeproductions.com/images/FAQs-account.png); background-repeat: no-repeat; background-position:center 40px; background-size:75px} .bbf6:hover{ background-image: url(https://www.pintsizeproductions.com/images/FAQs-account.png); background-repeat: no-repeat; background-position:center 40px; background-size:75px} .bbf7{ background-image: url(https://www.pintsizeproductions.com/images/FAQs-troubleshoot.png); background-repeat: no-repeat; background-position:center 40px; background-size:75px} .bbf7:hover{ background-image: url(https://www.pintsizeproductions.com/images/FAQs-troubleshoot.png); background-repeat: no-repeat; background-position:center 40px; background-size:75px} .bbf8{ background-image: url(https://www.pintsizeproductions.com/images/FAQs-shipping.png); background-repeat: no-repeat; background-position:center 40px; background-size:75px} .bbf8:hover{ background-image: url(https://www.pintsizeproductions.com/images/FAQs-shipping.png); background-repeat: no-repeat; background-position:center 40px; background-size:75px} .bbf9{ background-image: url(https://www.pintsizeproductions.com/images/FAQs-massproduction.png); background-repeat: no-repeat; background-position:center 40px; background-size:75px} .bbf9:hover{ background-image: url(https://www.pintsizeproductions.com/images/FAQs-massproduction.png); background-repeat: no-repeat; background-position:center 40px; background-size:75px} .bbf10{ background-image: url(https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/MP-Printing-Icon.jpg); background-repeat: no-repeat; background-position:center 40px; background-size:75px} .bbf10:hover{ background-image: url(https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/MP-Printing-Icon.jpg); background-repeat: no-repeat; background-position:center 40px; background-size:75px} .no-answer{ border-left: solid 3px #6699cc; padding-left: 20px; } ul.faqs-sidebar-nav{ list-style: none; padding: 0!important; margin: 0!important;} .faqs-sidebar ul.faqs-sidebar-nav li, .faqs-sidebar ul.faqs-sidebar-nav li a{ border: solid 0px; padding:0; margin: 0; display: block!important;} ul.faqs-sidebar-nav li a{ line-height: 1.2em!important;} ul.faqs-sidebar-nav li a:hover{color: #f26b62!important;} ul.faqs-sidebar-nav li.live{ background-image: url("https://www.pintsizeproductions.com/images/faqs-arrow-2.png");} ul.faqs-sidebar-nav li.live a{ color: #f26b62!important; font-weight: 600!important;} ul.faqs-sidebar-nav li{ padding:5px 0px 5px 20px!important; list-style: none!important; display: block!important; margin: 0; background-image: url("https://www.pintsizeproductions.com/images/faqs-arrow.png"); background-size: 12px; background-repeat:no-repeat; background-position: left 10px;} ul.faqs-sidebar-nav li:hover{ padding:5px 0px 5px 20px!important; list-style: none; margin: 0; background-image: url("https://www.pintsizeproductions.com/images/faqs-arrow-2.png");} .faqs-sidebar a.back{color: #fff!important; border: solid 1px #f45849!important; background-color: #f26b62!important; background-image: url("https://www.pintsizeproductions.com/images/back-arrow.png");background-size: 15px!important; padding-left: 35px; background-repeat:no-repeat!important; background-position: 10px 14px; margin-bottom: 20px;} .faqs-sidebar a.back:hover{color: #f26b62!important; background-image: url("https://www.pintsizeproductions.com/images/back-arrow-2.png"); background-color: #fff!important; } .collapsible {display: block;background-color: #fff; color: #333;border: solid 1px #ccc;cursor: pointer;padding: 18px;width: 100%; text-align: left;outline: none;font-size: 20px; font-weight: 600; clear: left;margin-bottom: 14px; border-radius: 4px;} .faqs-content .active, .collapsible:hover {background-color: #6699cc; color: #fff!important;} .collapsible:after {content: '\002B';font-weight: bold; float: right;margin-left: 5px; font-size: 30px!important; margin-top: -10px!important;} .faqs-content .active:after {content: "\2212";} .content { padding: 0 18px;max-height: 0; overflow: hidden;transition: max-height 0.2s ease-out;background-color: #fff;margin-bottom: 3px;} .faqs-content .content p{ padding: 10px 0 ; line-height: 1.55em; font-size: 18px!important;} .faqs-content .content p a{ font-weight: bold; color: #f26b62!important;} .faqs-content .content p a:hover{ font-weight: bold; text-decoration: underline} /*Links*/ a.cta{ color: #fff!important; font-weight: 500!important; display: inline-block!important; padding: 10px 35px 10px 20px!important; background-size: 12px!important; border-radius: 7px!important; line-height: 22px!important; background-position: 92% center; background-repeat: no-repeat!important;background-image: url(https://www.pintsizeproductions.com/images/arrowright.png); background-size: 15px!important; background-repeat: no-repeat;background-color: #3973ac!important;font-size: 16px!important; margin-top: 15px!important;} a.cta:hover{ background-color:#f26b62!important; color: #fff!important; display: inline-block!important;} .underline{ text-decoration: underline!important;} /* OLD CSS Document */ /*POD Section*/ .description table{border:solid 1px #dadada; border-bottom: solid 0px; width:100%} .description tr{border-bottom:solid 1px #dadada!important;} .description tr td{width:50%!important; padding:7px!important} .redcta{ padding:15px 30px; color: #fff; background-color: #f26b62; margin-top:20px!important; border-radius:4px; display:block; text-align:center; } .redcta:hover{ color: #fff; background-color: #6699cc; } a.greencta{ padding:15px 20px; color: #fff; background-color:#305b86; margin-top:20px!important; font-size: 14px!important; border-radius:4px; display:inline-block; text-align:center; } .greencta:hover{ color: #fff; background-color: #f26b62; } body.pageName_print-small-batch-board-books .item-info a.download{ font-size: 18px!important;} /*Professional 2023*/ body.pageName_designer-board-books .item-info .btn-default {display: none!important;} a.download, .fullDescriptionArea a.download{ background-image: url('https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/pro-download.2.png'); background-repeat: no-repeat; background-position: 25px center; background-size: 30px!important; padding: 15px 20px 15px 40px!important; min-width:280px!important; margin-right: 0%!important; text-align:center!important; color: #333!important;background-color: #fff!important; border: solid 1px #333!important;font-size: 16px!important; border-radius: 5px!important; margin:5px 0!important;} a.download:hover{background-color:#fff!important;border: solid 1px #F8593A!important; color: #F8593A!important;} a.upload, .fullDescriptionArea a.upload{ background-image: url('https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/pro-upload.png'); background-repeat: no-repeat; background-position: 25px center; background-size: 15px!important; padding: 15px 20px 15px 40px!important; min-width:280px!important; width: 280px!important; margin-right: 0%!important; display: block; text-align:center!important; color: #fff!important;background-color: #2c7ec1!important; font-size: 16px!important; border-radius: 5px!important; margin:5px auto!important;} a.upload:hover{background-color:#0f68a5!important;} .hover-layer-buttons a{ background-color: #efefef!important; color: #333!important; radius: 5px!important;} /*Bad River Page*/ .br-header{ background-image:url('https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/BR-headder.jpg'); background-repeat:no-repeat; background-position:right center; min-height:540px; width:100%; background-size:75%; margin-top:10px!important; margin-bottom: 40px!important;} .br-header img{ max-width:200px!important; height: auto!important; margin: 0 auto!important;display: block!important;} body.pageName_bad-river-board-books h1{display: none!important;} body.pageName_bad-river-board-books .breadcrumb{margin-top: 18px!important;} .productPager {display: flex!important; justify-content:center!important;} .productPager li a, .productPager li span {color: #000!important; border-color:#000!important;} .productPager li a:hover{color:#fff!important; background-color: #f26b62!important; border-color: #f26b62!important; } .productPager li.active, .productPager li.active span {background-color: #000!important; border-color:#000!important; color: #fff!important;} /*Back to Top*/ a#back-top:active {background:none;} a#back-top {display: block; text-decoration: none; position: fixed; bottom:10px; right:10px; background-color: #333!important; color: #fff!important; padding:20px 30px!important; font-size: 16px; text-transform: uppercase; text-decoration: none!important; text-align: center; border-radius: 50px!important; } .topup {bottom:5px;} #back-top i {display: block; font-size: 30px; } /*23 Categories*/ .custom-bb-23{ width: 100%; float: left; position: relative; display: flex; align-items:stretch; margin-bottom: 20px!important;} .bb-text{ background-color:#efefef; padding:30px; width: 33%; text-align:left; display: flex;flex-direction: column!important; align-items: center!important; align-content: center!important; } .bb-text{ background-color:#fff; padding:30px; width: 33%; display:block; text-align:left;} .bb-text h2{text-align: left!important; font-weight:600!important; margin:0; padding:0 0 10px 0; font-size:24px!important;font-family: omnes-pro, sans-serif!important;} .bb-text ul{ margin:7px 0px; padding:0px;list-style:none!important;} .bb-text ul li{ padding:3px 0 3px 30px; background-image: url("https://www.pintsizeproductions.com/images/preserro-check.png"); background-repeat: no-repeat; background-size: 17px; background-position: 0px 10px;list-style:none!important;} /*Search*/ body.pageType_search h1{font-size:22px!important;font-family: omnes-pro, sans-serif!important; text-transform: none!important;} body.pageType_search h2 { padding: 0px!important; font-weight: 600!important; border:0px!important;text-transform: none!important; } body.pageType_search button{color:#fff!important;} body.pageType_search .page-content{ padding: 10px!important;outline: 0px!important;} /*Buttons*/ .col-md-4 a.arrow:hover{background-color:#3973ac!important;} .pageName_payment .instructions a.arrow{ margin-top: 5px!important;} .book-gal .arrow{ background-position: 95%!important;} body.pageName_sales h1{display: none!important;} /*2023 Before You Begin*/ body.pageName_beforeyoubegin h1.pageTitle{ display:none!important;} body.pageName_beforeyoubegin .col-md-4 img.step{width:75px!important; height: auto!important; margin-top: 40px!important;} .byb-header{display: flex; width: 100%; padding-right: 50%; min-height: 500px; flex-direction: column; align-content: center; justify-content: center; background-image: url('https://www.pintsizeproductions.com/images/byb-header-9.jpg'); background-position: center center; background-repeat: no-repeat; margin-top: 10px!important;} .byb-header h1{font-size:40px!important;} .byb-header p{font-size: 20px!important;}.byb-header br{ margin: 0 0 10px 0!important;} .byb-header span{ font-weight: 600!important;text-transform: uppercase!important; letter-spacing: .05em!important;} .byb-header span.home-check{ font-weight: 500!important;text-transform:none!important; letter-spacing: .01em!important;} .byb-button{ background-color: #efefef!important; padding: 15px 0px!important; width: 240px!important; radius: 5px!important; text-align: center!important; color: #F8593A; display: block!important; background-image: url(https://www.pintsizeproductions.com/images/arrowrightb.png)!important; background-size: 10px!important; background-position: 20px center!important; background-repeat: no-repeat!important; font-weight: 600!important; color:#f45849;margin-bottom: 7px!important; } body.pageName_beforeyoubegin .page-content .col-md-4{ font-size: 18px!important; line-height: 1.55em!important; margin-bottom: 14px!important;padding-right: 30px!important;} body.pageName_beforeyoubegin .page-content .col-md-4 ul{margin:10px 0 0 -5px!important; padding: 0!important;} body.pageName_beforeyoubegin .page-content .col-md-4 ul li{ margin-bottom: 20px!important; text-align: left!important; } body.pageName_beforeyoubegin .page-content .col-md-4 ul li a, body.pageName_beforeyoubegin .page-content .col-md-4 a{color:#336699; text-decoration: underline;} body.pageName_beforeyoubegin .page-content .col-md-4 a.arrow{text-decoration:none!important;} body.pageName_beforeyoubegin .page-content .col-md-4 a.arrow:hover{color:#fff!important} body.pageName_beforeyoubegin .page-content .col-md-4 a:hover{ color: #69c!important;} body.pageName_beforeyoubegin .page-content .col-md-4 strong{ font-weight: 600!important;} body.pageName_beforeyoubegin .page-content h3{text-align: center!important; padding: 10px 0!important; font-size: 25px!important; font-weight: 600!important; font-family: omnes-pro, sans-serif!important; } .byb-temp{ display: flex; flex-direction: row!important;} .byb-temp div{ width: 45%; margin-right: 5%; padding: 20px; text-align: center; font-size: 18px!important;} /*2023 Beginner Board Books*/ .byb-content{display: flex; padding-top: 40px} .byb-content .faqs-sidebar h3{ border: 0px!important;} .byb-content .faqs-sidebar ul{ list-style: none!important;margin: 0; padding: 0; border: solid 1px #dadada!important; border-radius: 4px!important; padding: 14px!important;} .byb-content .faqs-sidebar ul li{ border: 0px!important; line-height: 1.2em!important;} .byb-content .faqs-sidebar ul li a{ border: 0px!important;background-image: url(https://www.pintsizeproductions.com/images/arrowrightb.png)!important; background-size: 10px!important; background-position: 0px 12px!important; background-repeat: no-repeat!important; padding: 7px 15px 7px 25px;} .byb-info{width: 80%; padding: 0 0 0 20px!important; font-size: 18px!important;} .byb-header{width: 100%!important; } .byb-info .byb-header{ margin-top: 0!important; margin-bottom: 40px;} .byb-info h3, .byb-info h2{font-size:25px!important;font-family: omnes-pro, sans-serif!important; font-weight: 600!important;} .byb-info ul{ margin-left: -20px!important; margin: 20px 0 20px -20px!important;} .byb-info ul li{ line-height: 1.2em!important; padding-bottom: 10px!important;} /*2023 Beginner Headers*/ body.pageName_how-to-design-beginner-board-books h1.pageTitle{display: none!important;} .byb-begin{background-image: url(https://www.pintsizeproductions.com/images/byb-beginner-header.jpg)!important;} /*2023 Ship By Dates*/ body.pageName_ship-by-dates h1.pageTitle{font-size: 30px!important; margin-bottom: 20px!important; text-align: center;} /*2023 Cart Page*/ body.pageName_cart #main-content{ padding: 0!important;} body.pageName_cart h1.pageTitle{ font-size:30px!important;font-family: omnes-pro, sans-serif!important; font-weight: 600!important;} .cart-message{float:left;width:100%;padding:14px;background-color:#f4f4f4;margin-top:0px; border:solid 1px #dadada!important; border-radius: 4px!important; margin-bottom: 14px!important; background-color: #fff!important;} .cart-product-name{font-weight: 500!important; font-size: 18px!important;} .cart-product-price{} body.pageName_cart a.cart-item-remove{ color: #fff!important; border-color:#D85352!important; background-color: #D85352!important; font-weight: 600!important; font-size: 16px!important;} .alert-danger{ background-color: #f7c6da!important; border-color: #ba0660!important; color: #ba0660!important;} .cart-saveforlater{background-color: #fff!important;border:solid 1px #dadada!important; border-radius: 4px!important;} .cart-product-name{ font-weight:700!important;} a.cart-saveforlater-edit{ color: #333; text-decoration: underline!important; font-size: 14px!important; font-weight: 700!important;} a.cart-saveforlater-edit:hover{ color: #f26b62; text-decoration: underline!important;} /*2023 Shipping Page*/ body.pageType_checkoutNew h1.pageTitle{ font-size:30px!important;font-family: omnes-pro, sans-serif!important; font-weight: 600!important;} /*2023 Checkout Page*/ body.pageType_checkoutNew .cart-message{background-color: #fffef4!important; margin-top: 0px!important; border: solid 1px #ffcc66!important;width:47%; margin-right: 3%!important;} .important-notice{width:49%; margin-right: 0%!important; border: solid 1px #F8593A!important;border-radius: 4px!important; padding: 14px!important; float:left!important;} body.pageType_checkoutNew .cart-message ol{ margin-bottom: 0px!important; margin-left: 0; margin-top: 0px!important;} body.pageType_checkoutNew .cart-message ol > li::marker {font-weight: bold;} #payment-method-btn-580b0000-5d68-0015-a605-08dbe06b3aac{ min-height: 65px!important; height:65px!important; max-height: 65px!important;} #payment-method-btn-580b0000-5d68-0015-a605-08dbe06b3aac img{} #payment-method-btn-1c0b0000-5dcd-0015-5a33-08d7c9c8fe44 {background-image: url('https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/credit-card.png'); background-size: 22px!important; background-repeat: no-repeat; background-position: 19px 19px!important; font-weight: 600!important; } #payment-method-btn-d81a0000-5d69-0015-6f35-08dd72b5e415{ border: solid 1px #ccc!important;} .payment-method-btns-list .col-md-6{ background-color: rgba(30, 136, 229, 1)!important; border-radius: 4px!important; color: #fff!important;padding: 15px 0!important; text-align: center!important;} .payment-method-btns-list:after{clear: both!important; display: block!important; content: 'Click Complete Order and Enter Your Payment Details'; font-size: 14px!important; padding: 7px 20px!important;} body.pageType_checkoutNew .cart-message h3, .important-notice h3{padding-bottom: 7px!important; } /*Buttons 2023*/ .btn{font-size:16px!important;} a.arrow{color: #fff!important;font-weight: 500!important; display: inline-block!important; padding: 12px 35px 12px 25px!important; background-size: 12px!important; border-radius: 5px!important; background-position: 90% center; background-repeat: no-repeat!important;background-image: url(https://www.pintsizeproductions.com/images/arrowright.png); background-size: 10px!important;background-color: #f26b62!important; background-color: #F8593A!important;background-color: #f26b62!important; font-size: 16px!important; margin-top: 15px!important;} a.arrow:hover{ background-color: #3973ac!important;} body.pageType_orders .instructions {border: solid 1px #F8593A!important;} /*Cart Popup Buttons 2023*/ .menu-cart-subtotal{ color: #333!important; font-weight: 600!important; } a.menu-cart-btn{ border-radius: 5px!important; background-color: #fff!important; border: solid 1px #333!important; color: #333!important; padding: 5px 25px!important;} a.menu-cart-btn:hover{ border: solid 1px #D85352!important; background-color: #D85352!important; } /*Checkout Buttons 2023*/ input.cartContinueShoppingButton{background-color: #fff!important; color: #333!important; border: solid 1px #333!important; border-radius:33px!important;} input.cartContinueShoppingButton:hover{background-color: #6699cc!important;border: solid 1px #6699cc!important; color: #fff!important;} input#btnCheckout{color: #fff; min-height:65px!important; line-height:65px!important; text-transform: none!important; font-size:20px!important; display: inline-block!important; padding: 0 20px!important;border-radius:50px!important;box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2)} input#btnCheckout:hover{ color:#fff!important;background-color: #2aa549!important;} .cartCheckoutButton{background-color: #33cc33!important;background-size:30px!important; background-position: 14px 14px!important; background-repeat: no-repeat!important;border-radius:50px!important;background-image: url(https://www.pintsizeproductions.com/images/Preserro-Pay.png);} .cartCheckoutButton:hover{background-color: #66cc66!important;background-image: url('https://www.pintsizeproductions.com/images/Preserro-Pay.png');} #btnCheckout{ padding: 0px 40px!important;background-image: url('https://www.pintsizeproductions.com/images/Preserro-Pay.png');background-size:30px!important; background-position: 25px center!important; background-repeat: no-repeat!important; border-radius:50px!important; background-color: #1ac62f!important;box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); border: solid 0px #2aa549!important;} #btnCheckout:hover{ background-color: #2aa549!important;} #btnCheckout{background-size:25px!important; background-position: 30px center!important;} /*2024 Professional Board Books*/ body.pageName_professional-header #main-content h1{font-family: omnes-pro, sans-serif!important; font-weight: 300!important; font-size: 18px!important; padding: 20px 0 10px!important;} .professional-header{ display: flex; justify-content:flex-end;align-items:center; min-height: 450px; background-image: url('https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/2024-Professional-Header.jpg'); background-repeat: no-repeat; background-position: left top!important;} .professional-text {width:40%; padding: 40px 0px 40px 40px!important; background-color: #fff; display: block; border-left: solid 1px #dadada!important;} body.pageName_designer-board-books #main-content .professional-text h2{ margin-top: 0px!important; background-image: url(https://customboardbooks.pintsizeproductions.com//files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/adobe-icons.png); background-repeat: no-repeat; background-position: left center!important; background-size: 55px!important; padding-left: 70px!important; text-align: left!important; font-family: ff-ernestine-pro,sans-serif!important; } .professional-text span{ font-weight: 600!important; display: block; padding-bottom: 10px!important;} .professional-text ul{margin: 0!important; margin-left: -30px!important; margin-bottom: 10px!important; list-style: none!important;} .professional-text ul li{padding-bottom: 7px!important; background-image: url(https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/pro-arrow.png); background-repeat: no-repeat; background-position: left 5px!important; background-size: 15px!important; padding-left:25px!important;} table.professional-price{ border: solid 1px #dadada; margin: 7px 0 10px!important; } table.professional-price th{ background-color: #efefef!important;} table.professional-price th, td{padding: 7px 0px 7px 7px!important; border-bottom: solid 1px #dadada!important; text-align: center!important; font-size: 16px!important;} table.professional-price td:nth-child(1), table.professional-price th:nth-child(1){text-align: left!important;} p.create-act{ background-image: url('https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/create-account-icon.png'); background-size: 28px!important; background-position: left center!important; background-repeat: no-repeat!important; padding: 4px 0!important; padding-left: 35px!important; } p.create-act a{ text-decoration:underline!important; color: #F8593A!important;} p.understand a{ text-decoration: underline!important; color: #F8593A!important;} p.create-act a:hover, p.understand a:hover{ color:#6699cc!important;} p.understand{background-image: url('https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/understand.png'); background-size: 28px!important; background-position: left top!important; background-repeat: no-repeat!important; padding: 4px 0!important; padding-left: 35px!important; } /*2024 Product Page*/ .price-table-des{ border: solid 1px #dadada!important;} .fullDescriptionArea table.price-table-des td, .fullDescriptionArea table.price-table-des tr{ font-size: 16px!important;} .price-table-des td:first-child{line-height: 1em!important; min-width: 200px!important; font-size: 16px!important;} .fullDescriptionArea table.price-table-des tr{border-right: solid 1px #dadada!important;border-bottom: solid 1px #dadada!important;} .fullDescriptionArea a.arrow{ background-color: #3973ac!important; color: #fff!important;} .fullDescriptionArea a.arrow:hover{ background-color: #6699cc!important; color: #fff!important;} #txtPostalCode{min-height: 45px!important; padding-top: 6px!important} #btnShipCost{ background-color: #dadada!important;color: #333!important; text-transform: capitalize!important; letter-spacing: .05em!important; font-weight: 500!important; max-height: 45px!important;} .pricingGridQuantity::after{ display: block!important; content: 'Please note, if you order more than 10 books we will send you a book to approve before printing the entire order.'; color: #333!important;} #detailPage_shippingCalculator{ border: solid 1px #ccc!important; padding: 14px!important;} #txtOrderNotes{border: solid 1px #ccc!important;} #btnShipCost:hover{background-color: #ccc!important;} li.Forordersover10wewillsendyouasamplepriortoshippingunlessyouspecifyotherwise label{font-weight: 400!important;} /*2024 Order By Dates*/ body.pageName_ship-by-dates h1{display: none!important;} /*Custom Board Book Catogory Page*/ body.pageName_your-own-custom-design .hcategory{display: none!important;} .custom-book-holder{ width: 100%; display: flex; } .cb-image{ width: 25%; } .cb-text{ width: 25%; padding: 40px;} /*Home Intro 2024*/ .home-2024{background-image:url('https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/24-summer-slide.jpg'); background-repeat: no-repeat; background-position: center top; display: block; float: left; min-height:650px; width: 100%; position: relative!important; margin-top: -20px!important; margin-bottom: 40px!important;} .home-24-frame{ width:1400px; margin: 0 auto!important; position: relative;} .pageType_category #content h1.largeintro{font-size:65px!important; line-height: 1.05em; padding-right: 60%; padding-top: 150px!important;color:#fff!important;} h3.choose{text-align: center!important;} .pageType_category #content h2.subtext{ text-align: center!important; font-size:20px!important; color:#333!important; font-weight: 400!important;} .sales-button img{min-width: 180px!important; width: 180px!important; height: auto!important;position: absolute; top:10px; left: 0px; margin-left: 0px!important; } a.logincta{background-color: #3973AC!important; margin-left: 10px!important;} a.logincta:hover{background-color: #F8593A!important;} .pageType_category #content .home-intro h1.constant{ font-size:40px!important; padding:40px 0 10px !important; text-align: center!important;font-weight: 400!important;} .pageType_category #content h2.whatis{font-size: 34px!important; padding-top: 100px!important;text-align: center!important; padding-bottom: 10px!important; font-family: ff-ernestine-pro,sans-serif!important; font-weight: 400!important;} .pageType_category #content {} .pageType_category #content h4{font-family: omnes-pro, sans-serif!important; font-size:25px!important; } .pageType_category #content .pod-bullets h4{font-size:22px!important;font-family: omnes-pro, sans-serif!important; font-weight: 700!important;} /*Home 2024*/ .pageType_category #content h1, .pageType_category #content .home-ideas h2{font-size: 34px!important; padding-bottom: 10px!important; letter-spacing: 0em!important; font-weight:400!important; padding-top: 60px!important;} .pageType_category #content h2{font-size:20px!important; font-weight: 600!important; } .pageType_category #content h1 em, .home-intro em{font-size: 22px!important; display: block!important; font-style:normal!important; padding-bottom: 10px!important;font-family: omnes-pro, sans-serif!important; letter-spacing: .01em!important; font-weight: 700!important; padding-top: 10px!important; text-transform: none!important;} .home-intro p{ font-size:16px!important; width: 100%!important; float: left!important; margin:30px 0 40px!important; padding: 0!important; line-height: 1.65!important;} .home-intro p a{color: #333!important; font-weight: 600!important; text-decoration: underline!important;} .home-intro p a:hover{color: #e76d66!important;} .pageType_category ul.home-checks, ul.home-checks{ margin: 0; padding: 0;list-style: none!important; list-style-image: none!important; list-style-type: none!important;list-style-image: url('/images/preserro-check.png');list-style-position: inside!important; } .home-check{ display: block; padding: 5px 0 0px 25px; background-image: url("https://www.pintsizeproductions.com/images/preserro-check.png"); background-repeat: no-repeat; background-size: 15px; background-position: left center;} .home-check:first-child{ margin-top: 7px!important;} .pageType_category #content .home-ideas h2{font-size: 34px!important; padding-bottom:15px!important;font-weight: 400!important; padding-top: 60px!important; font-family: ff-ernestine-pro,sans-serif!important; } .pageType_category #content .home-ideas p{font-size: 22px!important; display: block!important; font-style:normal!important; font-family: omnes-pro, sans-serif!important; letter-spacing: .025em!important; font-weight: 500!important; padding-top: 5px!important; padding-bottom: 25px!important;} .pageType_category #content .home-idea-book h3{font-size: 22px!important;font-family: omnes-pro, sans-serif!important; font-weight: 500!important; line-height: 1.2em!important; letter-spacing: 0em!important; text-transform: none!important; padding-bottom: 5px!important;} .book-cost{font-weight:600!important; color: #f26b62!important; font-size: 18px!important; margin: 0!important; padding: 0!important;} .ten-max{ text-align: center!important;font-family: omnes-pro, sans-serif!important; margin-bottom: 10px!important; padding-bottom: 15px!important; background-image: url(https://www.pintsizeproductions.com/images/christmas-car.png)!important; background-repeat: no-repeat; background-position: 7% center!important; background-size: 100px!important; display: block!important;} .ten-max strong.need-title{ display: block!important; font-size: 20px!important;} .book-gal{ padding: 20px 0 80px 0!important;} .home-ship{ width: 100%!important; float: left; padding: 0 0 40px 0!important; clear: left!important; text-align: center!important;} .home-ship h4{ padding-left: 60px; background-image: url(https://www.pintsizeproductions.com/images/preserro-truck.png); background-repeat: no-repeat; background-position: left center; background-size: 50px!important; font-family: omnes-pro, sans-serif!important; font-weight: 500!important; display: inline-block!important; font-size:30px!important; padding: 20px 0 10px 60px!important; } .home-image h3{font-size: 40px!important; padding-bottom:0px!important; letter-spacing: 0em!important; font-weight: 300!important; padding: 20px 0 40px!important; font-family: ff-ernestine-pro,sans-serif!important;} .home-image img{ max-width:100%!important; width: 100%!important;} .home-foot{ text-align: center!important;} .home-foot h3{font-size: 40px!important; padding-bottom:0px!important; letter-spacing: 0em!important; font-weight: 700!important; padding: 40px 0 20px!important; font-family: ff-ernestine-pro,sans-serif!important;} .home-testimonial {border: solid 1px #999; padding: 20px; margin: 60px 0 10px; font-size: 22px!important; text-align: center!important; display: block!important; float: left!important; width: 100%!important; } .home-testimonial p em{ font-size: 14px!important;} .home-testimonial h4{font-family: omnes-pro, sans-serif!important; font-weight: 700!important; margin-bottom: 20px!important; font-size:25px!important; } h3.skill1{ background-image: url("https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/skill-111.png"); background-size: 50px; background-repeat: no-repeat; background-position: left 30px; padding: 25px 0 15px 75px!important; font-family: omnes-pro, sans-serif!important;font-size:28px!important; font-weight: 700!important; } h3.skill1 em{font-family: omnes-pro, sans-serif!important; font-size: 13px; font-weight: 700; text-transform: uppercase; font-style: normal; letter-spacing: .05em; display: block; line-height: 18px!important;} h3.skill2{ background-image: url("https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/skill-211.png"); background-size: 50px; background-repeat: no-repeat; background-position: left 30px; padding:25px 0 15px 75px!important; font-family: omnes-pro, sans-serif!important;font-size:28px!important; font-weight: 700!important;} h3.skill2 em{font-family: omnes-pro, sans-serif!important; font-size: 13px; font-weight: 700; text-transform: uppercase; font-style: normal; letter-spacing: .05em; display: block;line-height: 18px!important;} h3.skill3{ background-image: url("https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/skill-311.png"); background-size:50px; background-repeat: no-repeat; background-position: left 30px; padding: 25px 0 15px 75px!important;font-family: omnes-pro, sans-serif!important;font-size:28px!important; font-weight: 700!important;} h3.skill3 em{font-family: omnes-pro, sans-serif!important; font-size: 13px; font-weight: 700; text-transform: uppercase; font-style: normal; letter-spacing: .05em; display: block;line-height: 18px!important;} body.isHome .prod-cat-list{display: none!important;} /*POD Section*/ .description table{border:solid 1px #dadada; border-bottom: solid 0px; width:100%} .description tr{border-bottom:solid 1px #dadada!important;} .description tr td{width:50%!important; padding:7px!important} /*POD Section*/ body.pageName_print-small-batch-board-books .item-info .btn{display:none!important;} .description table{border:solid 1px #dadada; border-bottom: solid 0px; width:100%} .description tr{border-bottom:solid 1px #dadada!important;} .description tr td{width:50%!important; padding:7px!important} .pod-header{ background-image:url(https://www.pintsizeproductions.com/images/Whats-A-BoardBook.webp); background-repeat:no-repeat; background-position:right top; min-height:600px; width:100%; background-size:75%; margin-top:10px!important; display: flex!important; align-items: stretch!important;} .pod-text{ background-color:#efefef; padding:30px; width: 33%; display:flex; text-align:left; align-items: center!important; flex-direction:column!important; justify-content:center!important;} .pod-text h3{text-align: left!important; font-weight:600!important; margin:0; padding:0 0 10px 0; font-size:20px!important;font-family: omnes-pro, sans-serif!important;} .pod-text ul{ margin:7px 0px; padding:0px;list-style:none!important;} .pod-text ul li{ padding:3px 0 3px 30px; background-image: url("https://www.pintsizeproductions.com/images/preserro-check.png"); background-repeat: no-repeat; background-size: 17px; background-position: 0px 10px;list-style:none!important;} .pod-bullets ul{ margin:7px 0px; padding:0px;list-style:none!important;} .pod-bullets ul li{ display:inline-block; width:33%; padding:0px 10px 0px 80px; font-size:14px!important;list-style:none!important;} .pod-bullets h4{font-size:20px!important;font-family: omnes-pro, sans-serif!important; font-weight: 700!important;} .pod-bullets ul li:first-child{ background-image:url('https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/POD-Safety.png'); background-repeat:no-repeat; background-size:50px; background-position: left center;} .pod-bullets ul li:nth-child(2){background-image: url('https://www.pintsizeproductions.com/images/preserro-truck.png'); background-repeat: no-repeat; background-size: 60px!important;} .pod-bullets ul li:nth-child(3){background-image: url('https://www.pintsizeproductions.com/images/mdamerica.png'); background-repeat: no-repeat; background-size: 60px!important;} .redcta{ padding:15px 30px; color: #fff; background-color: #F8593A; margin-top:20px!important; border-radius:4px; display:block; text-align:center; } .redcta:hover{ color: #fff; background-color: #6699cc; } /*23 Categories*/ .custom-bb-23{ width: 100%; float: left; position: relative; display: flex; align-items:stretch; margin-bottom: 20px!important;} .bb-text{ background-color:#efefef; padding:30px; width: 33%; text-align:left; display: flex;flex-direction: column!important; align-items: center!important; align-content: center!important; } .bb-text{ background-color:#efefef; padding:30px; width: 33%; display:block; text-align:left;} .bb-text h2{text-align: left!important; font-weight:600!important; margin:0; padding:0 0 10px 0; font-size:20px!important;font-family: omnes-pro, sans-serif!important;} .bb-text ul{ margin:7px 0px; padding:0px;list-style:none!important;} .bb-text ul li{ padding:3px 0 3px 30px; background-image: url("https://www.pintsizeproductions.com/images/preserro-check.png"); background-repeat: no-repeat; background-size: 17px; background-position: 0px 10px;list-style:none!important;} .pod-bullets { padding: 20px 0!important; width: 100%; float: left!important;} body.isHome .pod-bullets{ padding:40px !important; border: solid 1px #ccc!important; margin: 80px 0!important;} body.isHome .pod-bullets h3{ padding-bottom: 10px!important; padding-top: 0!important; margin-top: 0!important;} .pod-bullets ul{ margin:7px 0px; padding:0px;list-style:none!important;list-style-type: none!important;} .pod-bullets ul li{ display:inline-block; width:33%; padding:0px 20px 0px 95px; font-size:15px!important;} .pod-bullets h4{font-size:20px!important;font-family: omnes-pro, sans-serif!important; font-weight: 700!important;} .pod-bullets ul li:first-child{ background-image:url('https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/pod-safety.2.png'); background-repeat:no-repeat; background-size:75px; background-position: left center;} .pod-bullets ul li:nth-child(2){background-image: url('https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/preserro-truck.png'); background-repeat: no-repeat; background-size: 75px!important;background-position: left center;} .pod-bullets ul li:nth-child(3){background-image: url('https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/pod-usa.png'); background-repeat: no-repeat; background-size: 75px!important;background-position: left center;} body.pageName_print-small-batch-board-books .item-info{ padding:0 20px!important;} body.pageName_print-small-batch-board-books .item-info h3 a {font-size: 20px!important; padding-bottom: 20px!important} body.pageName_print-small-batch-board-books .greencta{ border-radius: 5px!important; min-width: 280px!important; background-color: #F8593A!important;} body.pageName_print-small-batch-board-books .description a.download, body.pageName_print-small-batch-board-books .description a.red, body.pageName_print-small-batch-board-books .description a.cta{ margin-top: 20px!important; font-size:16px!important;} body.pageName_print-small-batch-board-books .description td{ line-height: 1.3em!important; text-align: left!important;} body.pageName_print-small-batch-board-books .description .greencta{ font-size: 16px!important;} body.pageName_print-small-batch-board-books .description .greencta:hover{ background-color: #6699cc!important;} input{border:solid 1px #aaa!important; padding: 10px 15px!important; min-height: 45px!important;} input:focus{border-color: #22a7f0!important;} button { min-height: 45px!important;} /*Lost Password Page 2024*/ body.pageType_lostpassword h1{ display: none!important;} body.pageType_lostpassword h1:after{display: block!important; content: 'Lost Password'!important;} p.alert-info, p.alert-success{ padding: 14px 20px!important; line-height: 1.6em!important;} input.btn-primary{border-radius: 5px!important; border: none!important; background-color: #415DAA!important; text-transform: capitalize!important; letter-spacing: .05em!important;} input.btn-primary:hover{background-color: #E7A023!important;} .lostPasswordSuccessPage{ padding: 20px 0!important} #createAccount_submit{margin-bottom: 30px!important;} #createAccount_submit input.btn-primary{border-radius: 5px!important; border: none!important; background-color: #415DAA!important; text-transform: capitalize!important; letter-spacing: .05em!important;} #createAccount_submit input.btn-primary:hover{background-color: #E7A023!important;} #pwdToggle{color: #333!important;} #pwdToggle:hover, #pwdToggle:active, #pwdToggle:focus{background-color: #E7A023!important;} /*Christmas 2024*/ .home-footer{ width: 100%; float: left; background-image: url('https://www.pintsizeproductions.com/images/Home-Footer.webp'); background-repeat: no-repeat!important; background-position: center center!important; min-height: 665px!important; padding:80px 40px; margin: 40px 0!important; position: relative;} .home-footer h3, .home-footer p{ padding-right: 52%!important;} .home-footer a p{color:#333!important; font-size:18px!important;} .home-footer a.newcta{ background-color: #41558e!important; padding: 12px 35px 12px 20px!important; display: inline-block!important; border-radius: 7px!important; margin-right: 7px!important; color: #fff!important; background-image: url('https://pintsizeproductions.com/images/arrowright.png'); background-repeat: no-repeat; background-position: 95% center; background-size: 10px!important; } .star{ position:absolute; top:-30px; left:-60px; min-width: 65px!important;} /*Pricing Break 2025*/ body.pageName_board-book-bulk-pricing-quantity-discounts h1{text-align: center!important;} .pb-header{ width: 100%!important; display: flex!important; justify-content: flex-end; background-image: url('https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/pricing-break-header-image.jpg'); background-repeat: no-repeat; background-position: left center; background-repeat: no-repeat; min-height: 300px; height: 300px; background-size: 600px;} .pb-text{ width: 50%; padding: 20px; background-color: #efefef; display: flex!important; justify-content: center; flex-direction: column; align-content: center;} .pb-chart{ padding: 20px 0; display: flex; clear: left;} .pb-chart table{ width: 100%; border: solid 1px #dadada; border-bottom:none;} .pb-chart th{ background-color: #efefef!important;} .pb-chart td{} .pb-chart tr:nth-child(2n+1){ background-color: #efefef!important; } .pb-chart tr:first-child td{font-weight:600!important;} .sas{ padding: 0px 0!important; border: solid 1px #dadada!important; padding: 0 20px!important; display: flex!important; align-content: center!important; justify-content:center!important;} .sas div{display: flex!important;align-content: center!important; flex-direction: column!important; padding: 20px!important;} .sas img{ max-width: 225px!important;} .sas h3{text-align: left!important; font-size: 24px!important; width: 100%!important;} .sas p {text-align: left!important;} @media all and (max-width: 1450px){ body.isHome #main-content, body.pageName_bad-river-board-books #main-content, body.pageName_customize #main-content, body.pageName_professional-header #main-content, body.pageName_designer-board-books #main-content, body.pageType_product #main-content, body.pageName_customer-service #main-content, body.pageName_your-own-custom-design #main-content, body.pageName_personalized-board-books #main-content, body.pageName_print-small-batch-board-books #main-content{ width: 100%!important; margin: 0 auto!important; padding: 0px 40px!important;} .header-main .container, .navbar .container{width: 95%!important; margin: 0 2.5%!important;} body.isHome #main-content .home-frame{ width: 95%!important; margin: 0 2.5%!important;} /*2024 Professional Header*/ .professional-header{ display: flex; justify-content:flex-end;align-items:center; min-height: 450px; background-image: url('https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/2024-Professional-Header.jpg'); background-repeat: no-repeat; background-position: left top!important;} .professional-text {width:30%; padding: 40px 0px 40px 40px!important; background-color: #fff; display: block; border-left: solid 1px #dadada!important;} /*Home Intro 2024 Fathers Day*/ .home-2024{ background-repeat: no-repeat; background-position: center top; display: block; float: left; min-height:650px; width: 100%; position: relative!important; margin-top: 0!important; margin-top: -10px!important;} .home-24-frame{ width:100%; margin:0%!important; padding: 0!important;} body.pageType_category #content h1.largeintro{ padding-right:50%!important;} body.pageType_category #content h2.subtext br{display:none!important;} } @media all and ( max-width:1200px){ #top-nav{ width:100%!important} body.pageType_category #main-content, body.pageName_customize #main-content{ width: 100%!important; margin: 0 0%!important;} .page-content-area{ width:100%!important; margin: 0!important; padding: 0!important;} .currentCategoryDes{ width: 100%!important; max-width:100%!important;} .pageType_customize #main-content{ width:100%!important;} body.pageName_cart #main-content{ padding: 0 20px!important;} .header-main .container, .navbar .container{width: 95%!important; margin: 0 2.5%!important;} } @media all and (max-width: 1050px){ .professional-header{ display: flex; justify-content:flex-end;align-items:center; min-height: 450px; background-image: url('https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/2024-Professional-Header.jpg'); background-repeat: no-repeat; background-position: left top!important;} .professional-text {width:100%; padding: 40px 0px 40px 40px!important; background-color: #fff; display: block; border-left: solid 0px #dadada!important;} /*Home 24*/ .home-2024{background-image:url('https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/Summer-Mobile-Home.jpg'); background-repeat: no-repeat; background-position: center top; display: block; float: left; min-height:550px; width: 100%; position: relative!important; background-size: 110%; padding-bottom: 40px!important; margin-top: 0!important;} .home-24-frame{ text-align: center!important;} body.pageType_category #content h1.largeintro{font-size: 65px!important; font-size: 6vw!important; line-height: 1.05em; padding-right:0%; padding-top: 80%!important;text-align: center!important; padding-right: 0!important; color:#333!important;} body.pageType_category #content h2.subtext{ text-align: center!important; font-size:24px!important;font-size: 4vw!important; font-weight: 400!important;padding-right: 0%; text-align: center!important; color:#333!important;} .sales-button img{min-width: 105px!important; width: 105px!important; height: auto!important;position: absolute; bottom: auto; right:auto; top:0; left:0; margin-left:0px!important; } } @media all and (max-width:991px){ .mobile-logo{ width: 10%!important; float: left!important; text-align: left!important;} #top-nav ul li ul.dropdown-menu { width:100%!important; max-width:100%!important; min-width:100%!important; padding: auto!important;} #top-nav ul li ul.dropdown-menu li{ margin: auto!important; padding:auto!important;} #top-nav ul li ul.dropdown-menu li a{ margin: auto!important; padding:20px 20px 20px 60px!important;} .header-body .col-lg-6, .header-body .col-md-3{ width: 45%!important; max-width: 45%!important;} .isHome .main-boxes .col-md-3{ width: 45%!important;max-width:50%!important;min-width: 50%!important; margin-right: 0%!important; float: left; padding-bottom: 40px!important } .isHome .main-boxes .col-md-3:nth-child(2n+1){ clear:left!important;} .footer .col-md-5, .footer .col-md-3 { max-width: 45%!important; float: left!important; } .footer .col-md-4 { max-width: 100%!important; min-width: 100%!important; clear: left!important;} ul.footer-quicklinks{ text-align: center!important} ul.footer-quicklinks li{ display: inline-block!important;} .container {max-width: 100%!important; min-width: 100%!important; width: 100%!important;} .footer .col-md-5, .footer .custom-html, .footer-columns .contactblcok{ width: 100%!important; min-width: 100%!important; max-width: 100%!important;} .footer .col-md-5, .footer .custom-html, .footer .custom-html h3, .footer .custom-html p{ text-align:center!important;} .footer .container .footer-columns .col-md-3, .footer .container .footer-columns .col-md-4{max-width: 100%!important; min-width: 100%!important; width: 100%!important;} ul.footer-quicklinks{ text-align: center!important} ul.footer-quicklinks li{ display: inline-block!important;} .pageType_category #content .home-idea-book:nth-child(2n+1){ clear: left!important;} .faqs-content ul li{ width: 31.333333%; margin-right: 2%; margin-bottom: 20px; height: 210px;border: solid 1px #dadada; border-radius: 7px;} .header-main .container, .navbar .container{width: 95%!important; margin: 0 2.5%!important;} body.pageType_category #content h1.pageTitle{padding:30px 0 15px!important; text-align: center!important; font-size: 35px!important; } } @media all and (max-width:960px){ .contactbox{ width: 100%!important; margin-right:0%!important; border:solid 1px #dadada!important;font-size:15px!important; margin-bottom: 20px; float:left!important; padding:20px!important; min-height:auto!important;} #top-nav a{letter-spacing: .01em!important; } .pageType_page iframe{ width: 100%!important;} .left{ width: 23%; border: solid 1px #dadada; padding: 15px; margin-right: 2%; float: left; font-size: 14px } .right{ width: 75%;float: left; padding-bottom: 40px;} .q-box{width: 100%; margin-right: 0%; float: left; padding-bottom: 15px;} .supportbox{ width: 100%!important; margin-right:0%!important;font-size:15px!important; border:solid 1px #ccc!important; float:left!important; padding: 20px!important; min-height:auto!important; margin-bottom: 20px!important;} .currentCategoryDes h2{font-family: omnes-pro, sans-serif!important; letter-spacing: .025em; font-size: 18px!important; text-align: center!important; margin: 0 0 14px!important; } .currentCategoryDes h2 br{display: none!important;} /*Beginner Board Books*/ body.pageType_category #main-content .bbb-header{ width:100%; float: left; padding:390px 20px 20px; background-image: url(https://www.pintsizeproductions.com/images/preserro_bb_header-mobile.jpg); background-repeat: no-repeat; background-position: center center; font-size:16px!important; text-align: left; border-bottom: solid 1px #dadada; margin-bottom: 10px!important; background-size: 1000px; background-position: center top;} body.pageType_category #main-content .abb{background-image: url(https://www.pintsizeproductions.com/images/preserro_abb_header-mobile.jpg)!important; } .bbb-frame{ margin: 0 0% 0 0; float: left; } body.pageType_category #main-content .pbb{background-image: url(https://www.pintsizeproductions.com/images/preserro_pro_header-mobile.jpg)!important; } .bbb-frame{ margin: 0 0% 0 0; float: left; } body.pageType_category #main-content .bbb-header h2, body.pageType_category #main-content .abb-header h2, body.pageType_category #main-content .pbb-header h2{ font-size:24px!important; margin: 0; padding: 0 0 0px 0px; text-align: left!important; font-weight: bold!important;} body.pageType_category #main-content .bbb-header h3, body.pageType_category #main-content .abb-header h3, body.pageType_category #main-content .pbb-header h3{ font-size:22px!important; margin: 0!important; padding: 24px 0 0 0!important;font-family: omnes-pro, sans-serif!important; font-weight: bold!important;} .header-price{color: #f26b62; font-weight: bold;} .bbb-header ul{ list-style: none; margin:7px 0; padding: 0;} .bbb-header ul li{ padding: 2px 0 2px 35px !important; background-position: left center; background-repeat: no-repeat; font-size: 18px } .photo{ background-image: url(https://www.pintsizeproductions.com/images/photo-icon.png); background-size: 22px;} .text{ background-image: url(https://www.pintsizeproductions.com/images/text-icon.png); background-size: 22px;} .credit{ background-image: url(https://www.pintsizeproductions.com/images/cc-icon.png); background-size: 22px;} .bbb-header a{ margin-right:10px; text-decoration: underline;} .bbb-header a.cta{ text-decoration: none;} .bbb-header small a{ margin: 0;} .bbb-header small { display: inline-block; margin-right: 0%; padding-top: 20px; text-align:left;} .saletext{font-size:20px!important;} .shipby{ margin: 0 0%!important; padding: 0!important;} .shipby img{ margin:10px 0!important;} body.pageName_advanced-board-books h3.omnes{ font-size: 24px!important; padding: 10px 0 20px!important;font-family: omnes-pro, sans-serif!important; font-weight: 600!important;} body.pageName_beforeyoubegin .page-content, body.pageName_how-to-design-beginner-board-books .page-content{ padding: 30px!important} .header-main .container, .navbar .container{width: 100%!important; margin: 0%!important;} body.pageType_category #content h1.largeintro{font-size: 40px!important; padding-top: 85%!important; } body.pageType_category #content h2.subtext{ text-align:center!important; font-size:22px!important;} .payment-method-btns-list:after{clear: both!important; display: block!important; content: 'Click Complete Order at Bottom of Screen and Enter Your Payment Details'; font-size: 14px!important; padding: 7px 20px!important; text-align:center!important;} } @media all and (max-width:767px){ #logo{max-width: 45px!important; min-height: 45px!important; min-width: 45px!important; margin:0px 0 0 0!important;} .pageType_category #content .home-intro h1.constant{ font-size:35px!important; padding:40px 0 10px !important;} .promo{ display: none!important;} .header-main .container, .navbar .container{width: 95%!important; margin: 0 2.5%!important;} nav#top-nav ul.navbar-nav li{display:block!important; float:none !important; text-align: left!important;} .logo{ margin-left: 0%!important;} .navbar{border-top:solid 0px #fff!important;box-shadow:rgb(255,255,255)0px,0px,0px,0px!important; border: none!important;box-sizing: content-box!important; padding-top: 0px!important; -webkit-box-shadow:0 0 0px #fff!important;box-shadow:0 0 0px #fff!important; padding-right: 20px!important;} .header-top{ display: block!important; margin-top: 0!important; border-bottom: solid 1px #efefef; padding: 5px 2.5%!important;} .header-body{padding: 5px 2.5%!important;} .header-top .quick-top-links{ padding-right: 20px!important;} .header-body .mobile-links{ padding-right: 20px!important;} #top-nav{ margin: 0!important; padding:0!important } .categoryPage #content{ margin-top:15px!important;} .cart-directions ul li{ display: inline-block; vertical-align: text-top!important; width: 100%; padding-bottom: 14px!important; margin-right: 0%!important;} a.mobile-nav-btn{color:#333!important;} .desktop{ display: none!important;} .mobile { display: block!important} h3.cartinst{ text-align: center!important; padding-bottom: 14px!important; font-size: 20px!important; } h3.cartinst strong{ display: block!important; font-size: 14px!important; } .shipby{ margin: 0 2.5%!important} .shipby img{ margin:10px 0!important;} .pageType_category #content .homebox, .homebox{ text-align:left!important; padding-top: 0px!important; width: 45%!important; } .pageType_category #content .homebox br{ display: none!important;} .pageType_category #content .home-idea-book{ width: 45%!important; float: left!important;margin: 0 2.5% 20px!important;} .pageType_category #content .home-idea-book h3{font-size: 18px!important;font-family: omnes-pro, sans-serif!important; font-weight: 500!important; line-height: 1.2em!important; letter-spacing: 0em!important; text-transform: none!important; padding-bottom: 5px!important;} .pageType_category #content .home-ideas p{font-size: 24px!important;} .home-ship{ width: 95%; float: left; padding: 0 0 40px 0!important; margin: 0 2.5%!important;} .home-ship h4 { background-position: center top!important; padding: 60px 0 10px 0!important;} #main-content .page-content{ width: 95%!important; margin: 0px 2.5%!important;} #main-content .page-content h1.pageTitle{ margin: 30px 0 10px!important; text-align: center!important;} .ten-max{ text-align: center!important;font-family: omnes-pro, sans-serif!important; margin-bottom: 10px!important; padding-bottom: 75px!important; background-image: url(https://www.pintsizeproductions.com/images/christmas-car.png)!important; background-repeat: no-repeat; background-position: bottom center!important; background-size: 100px!important; display: block!important;} .ten-max strong.need-title{ display: block!important; font-size: 20px!important;} .pageType_customize .instructions{ margin: 50px 0 15px!important;} .footer .col-md-5, .footer .custom-html, .footer .custom-html h3, .footer .custom-html p{ text-align:center!important;} .new-contact{ display: flex; justify-content: space-between; align-items: stretch; flex-direction: column!important; flex-wrap:wrap!important;} .contact-half{ width: 100%!important;border:solid 1px #dadada!important;font-size:15px!important; margin-bottom: 20px; float:left!important; padding:0 20px 20px!important;} /*2023 Home & Small Quantity*/ .pod-header{ background-image:url('https://www.pintsizeproductions.com/images/Whats-A-BoardBook.webp'); background-repeat:no-repeat; background-position:top center!important; min-height:auto!important; width:100%; background-size:100%; margin:60px 0!important;} .pod-text{ background-color:#efefef; padding:30px; width:100%!important; display:flex; text-align:left; align-items: center!important; flex-direction:column!important; justify-content:center!important;} #main-content .page-content .pod-bullets ul li{ display:inline-block; width:100%; padding:0px 10px 0px 80px; font-size:14px!important;list-style:none!important;} #main-content .page-content .pod-bullets ul{ margin:7px 5%; padding:0px;list-style:none!important; width:90%!important} #main-content .page-content .pod-bullets ul li{ display:inline-block; width:100%; padding:0px 10px 0px 80px; font-size:14px!important;list-style:none!important; margin-top:20px } .custom-bb-23{ width: 100%; float: left; position: relative; display: flex; align-items:stretch; margin-bottom: 20px!important;flex-direction: column-reverse!important;} .bb-text{width: 100%!important;} .bb-image{width: 100%!important;} .br-header{ background-image:url(https://www.pintsizeproductions.com/images/BR-headder.webp); background-repeat:no-repeat; background-position:bottom center; min-height:800px; width:100%; background-size:100%; margin-top:10px!important; background-color: #fff!important;} /*Before You Begin*/ .byb-header, .byb-begin{display: flex; width: 100%; padding-right: 0%; min-height: auto; flex-direction: column; align-content: center; justify-content: center; background-image:none!important; background-position: top center; background-repeat: no-repeat; margin-top: 20px!important; background-size: 100%; padding-top: 40px;} .byb-begin h1.pageTitle{display: none!important;} .byb-button{ margin: 0 auto 7px!important; width: 100%!important;} .byb-temp{ flex-direction: column!important} .byb-temp div{ width: 100%; margin-right: 0%; padding: 20px; text-align: center;} .byb-info{width: 100%;} .header-main .container, .navbar .container{width: 95%!important; margin: 0 2.5%!important;} .product-gallery-primary a img{ min-height: auto!important;} #top-navbar, .navbar-default{border-top:solid 0px #fff!important;box-shadow:rgb(255,255,255)0px,0px,0px,0px!important; border: none!important;box-sizing: content-box!important; border-bottom: solid 1px #dadada!important; padding-top: 0px!important; -webkit-box-shadow:0 0 0px #fff!important;box-shadow:0 0 0px #fff!important;} #top-nav ul li.depth2{background-image: none; background-repeat: no-repeat; background-position:15px center!important;background-size: 10px!important; padding-left:0px!important;} #top-nav ul li a, #top-nav ul li.starthere a{ font-size: 18px!important;padding-left: 40px!important; letter-spacing: .01em!important;background-image: url(https://www.pintsizeproductions.com/images/arrowrightb.png)!important; background-size: 10px!important; background-position: 20px center!important; background-repeat: no-repeat!important;} #top-nav ul ul li a, #top-nav ul li.starthere ul li a, #top-nav ul li.starthere ul.dropdown-menu li a, #top-nav ul li.starthere ul.dropdown-menu li a { font-size: 18px!important;padding-left: 60px!important; letter-spacing: .01em!important;background-image: url(https://www.pintsizeproductions.com/images/arrowrightb.png)!important; background-size: 10px!important; background-position: 40px center!important; background-repeat: no-repeat!important;} #top-nav ul li.orderbydates a{ font-weight: bold!important; background-image: url(https://www.pintsizeproductions.com/images/truck-nav.png)!important; background-size: 15px!important; background-position: 20px center!important; background-repeat: no-repeat!important; padding-left: 40px!important; } #top-nav ul li.get20off a{ background-position: 20px center!important; padding-left: 40px!important; } #top-nav ul li.supporthelp a, .dropdown-menu li.supporthelp a{ background-position: 20px center!important; padding-left: 40px!important; } #top-nav ul li.supporthelp ul.dropdown-menu li.supporthelp a{ background-position: 40px center!important; padding-left: 60px!important; }/*Checkout Page 2024*/ body.pageType_checkoutNew .cart-message{background-color: #fffef4!important; margin-top: 0px!important; border: solid 1px #ffcc66!important;width:100%; margin-right: 0%!important;} .important-notice{width:100%; margin-right: 0%!important; border: solid 1px #F8593A!important;border-radius: 4px!important; padding: 14px!important; float:left!important; margin-bottom: 14px!important;} /*Home 24*/ .home-2024{background-image:url('https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/Summer-Mobile-Home.jpg'); background-repeat: no-repeat; background-position: center top; display: block; float: left; min-height:700px; width: 100%; position: relative!important; background-size: 110%; padding-bottom: 40px!important; margin-top: 20px!important; background-size: 125%!important;} /*Small Batch/POD Section*/ body.pageName_print-small-batch-board-books .item-info .btn{display:none!important;} .description table{border:solid 1px #dadada; border-bottom: solid 0px; width:100%} .description tr{border-bottom:solid 1px #dadada!important;} .description tr td{width:50%!important; padding:7px!important} .pod-header{ background-image:url(https://www.pintsizeproductions.com/images/Whats-A-BoardBook.webp); background-repeat:no-repeat; background-position:right center; min-height:540px; width:100%; background-size:75%; margin-top:10px!important; margin-bottom: 40px!important;} body.isHome .pod-header{ background-image:url('https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/Whats-A-BoardBook-summer.jpg'); background-repeat:no-repeat; background-position:top right; min-height:700px; width:100%; background-size:75%; margin:60px!important;} .pod-text{ opacity: 1!important; border-bottom-right-radius:0px!important; display:block; text-align:left;font-size:18px!important;} body.pageName_print-small-batch-board-books .pod-text h3{text-align: left!important; font-weight:600!important; margin:0; padding:0 0 10px 0;font-family: omnes-pro, sans-serif!important; font-size: 25px!important;} body.pageName_print-small-batch-board-books .pod-text h4{ font-size:18px!important;font-family: omnes-pro, sans-serif!important; font-weight:600!important; padding-bottom: 20px!important;} .pod-text h5{ font-size:18px!important;font-family: omnes-pro, sans-serif!important; font-weight:600!important; padding: 0px 0 0 0!important;} .pod-text ul, body.isHome .pod-text ul{ margin:7px 0px; padding:0px;list-style:none!important;list-style-type: none!important;} .pod-text ol{ margin:7px 0px 7px 20px; padding:0px; list-style-type: none!important;} body.pageName_print-small-batch-board-books .pod-text ul li, body.isHome .pod-text ul li{ padding:3px 0 3px 30px; background-image: url("https://www.pintsizeproductions.com/images/preserro-check.png"); background-repeat: no-repeat; background-size: 17px; background-position: 0px 10px;list-style-type: none!important;} .pod-text ol li{ padding:3px 0 3px 10px;} .pod-bullets { padding: 20px 0!important; width: 100%; float: left!important;} body.isHome .pod-bullets{ padding: 60px 0 80px !important} body.isHome .pod-bullets h3{ padding-bottom: 10px!important;} .pod-bullets ul{ margin:7px 0px; padding:0px;list-style:none!important;list-style-type: none!important;} .pod-bullets ul li{ display:inline-block; width:33%; padding:0px 20px 0px 95px; font-size:15px!important;} .pod-bullets h4{font-size:20px!important;font-family: omnes-pro, sans-serif!important; font-weight: 600!important;} .pod-bullets ul li:first-child{ background-image:url('https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/pod-safety.2.png'); background-repeat:no-repeat; background-size:75px; background-position: left center;} .pod-bullets ul li:nth-child(2){background-image: url('https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/preserro-truck.png'); background-repeat: no-repeat; background-size: 75px!important;background-position: left center;} .pod-bullets ul li:nth-child(3){background-image: url('https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/pod-usa.png'); background-repeat: no-repeat; background-size: 75px!important;background-position: left center;} body.pageName_print-small-batch-board-books .item-info{ padding:0 20px!important;} body.pageName_print-small-batch-board-books .item-info h3 a {font-size: 20px!important; padding-bottom: 20px!important} body.pageName_print-small-batch-board-books .greencta{ border-radius: 50px!important; min-width: 100%!important; background-color: #F8593A!important;} body.pageName_print-small-batch-board-books .description a.download, body.pageName_print-small-batch-board-books .description a.red, body.pageName_print-small-batch-board-books .description a.cta{ margin-top: 20px!important; font-size:16px!important;} body.pageName_print-small-batch-board-books .description td{ line-height: 1.3em!important; text-align: left!important;} body.pageName_print-small-batch-board-books .description .greencta{ font-size: 16px!important;} body.pageName_print-small-batch-board-books .description .greencta:hover{ background-color: #6699cc!important;} body.pageType_category #content h1.pageTitle{padding:30px 0 15px!important; text-align: center!important; font-size: 30px!important; } .home-footer{display: none!important;} .pb-header{ width: 100%; display: flex; justify-content: flex-end; background-image: url('https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/pricing-break-header-image.jpg'); background-repeat: no-repeat; background-position: top center; background-repeat: no-repeat; min-height: auto!important; height: auto!important;; background-size: 1000px;} .pb-text{width: 100%; margin-top: 600px!important; display: block!important} .sas{ padding: 0px 0!important; border: solid 1px #dadada!important; padding: 0 20px!important; display: flex!important; align-content: center!important; justify-content:center!important;flex-direction: column!important;} .sas div{display: flex!important;align-content: center!important; flex-direction: column!important; padding: 0px!important;} .sas img{ max-width: 350px!important;} .sas h3{text-align: left!important; font-size: 24px!important; width: 100%!important;} .sas p {text-align: left!important;} h3.skill1{ background-image: url("https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/skill-111.png"); background-size: 40px; background-repeat: no-repeat; background-position: left 10px; padding: 25px 0 15px 75px!important; font-family: omnes-pro, sans-serif!important;font-size:24px!important; font-weight: 700!important; } h3.skill1 em{font-family: omnes-pro, sans-serif!important; font-size: 13px; font-weight: 700; text-transform: uppercase; font-style: normal; letter-spacing: .05em; display: block; line-height: 18px!important;} h3.skill2{ background-image: url("https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/skill-211.png"); background-size: 40px; background-repeat: no-repeat; background-position: left 10px; padding:25px 0 15px 75px!important; font-family: omnes-pro, sans-serif!important;font-size:24px!important; font-weight: 700!important;} h3.skill2 em{font-family: omnes-pro, sans-serif!important; font-size: 13px; font-weight: 700; text-transform: uppercase; font-style: normal; letter-spacing: .05em; display: block;line-height: 18px!important;} h3.skill3{ background-image: url("https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/skill-311.png"); background-size:40px; background-repeat: no-repeat; background-position: left 10px; padding: 25px 0 15px 75px!important;font-family: omnes-pro, sans-serif!important;font-size:24px!important; font-weight: 700!important;} h3.skill3 em{font-family: omnes-pro, sans-serif!important; font-size: 13px; font-weight: 700; text-transform: uppercase; font-style: normal; letter-spacing: .05em; display: block;line-height: 18px!important;} } @media all and (max-width:760px){ input.email{ min-width:100%!important} .footer .col-md-5, .footer .col-md-3 { max-width: 100%!important; float: left!important; width: 100%!important;} ul.footer-quicklinks{ text-align: center!important} ul.footer-quicklinks li{ display: inline-block!important;} .pageName_beforeyoubegin .col-md-4{ text-align: center!important;} .pageType_page iframe{ width: 100%!important;} /*Save for later*/ .savedForLaterPage .saveForLaterProductsItem{min-width: 50%!important; max-width: 50%!important} .saveForLaterProduct-details{border:solid 1px #dadada!important; min-width: 100%!important; max-width: 100%!important} body.pageType_access input.submit{background-color: #6699cc!important; color: #fff; min-height:65px!important; line-height:65px!important; text-transform: none!important; font-size:20px!important; display: inline-block!important; padding: 0 20px!important;border-radius:7px!important; min-width: 100%!important;} .pageType_orders h1.pageTitle{ padding-bottom: 15px!important;} .pageType_orders h1.pageTitle:after{text-align: left!important;} .pageType_orders h1.pageTitle span.title-right{ margin: 45px 0!important;} .pageType_customize .instructions{ margin: 50px 0 15px!important;} .faqs-sidebar{ display: none;} .faqs-content{ width: 100%; } .faqs-content ul li{ width:47%; margin-right: 1.5%;margin-left: 1.5%; margin-bottom: 20px; height: 210px;border: solid 1px #dadada; border-radius: 7px;} .header-main .container, .navbar .container{width: 100%!important; margin: 0%!important;} } @media all and (max-width:600px){ /*2024 Home*/ body.isHome #main-content{ width: 100%!important; margin: 0 auto!important; padding: 0px 30px!important;} body.pageName_bad-river-board-books #main-content, body.pageName_customize #main-content, body.pageName_customer-service #main-content{ width: 100%!important; margin: 0 auto!important; padding: 0px 20px!important;} .isHome .main-boxes .col-md-3{ width: 100%!important;max-width:100%!important;min-width: 100%!important; margin-right: 0%!important; float: left; } /*Professional Board Books*/ a.download, .fullDescriptionArea a.download{ background-image: url('https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/pro-download.2.png'); background-repeat: no-repeat; background-position: 15px center; background-size: 12px!important; min-width:100%!important; margin-right: 0%!important; text-align:center!important;font-size: 12px!important; border-radius: 5px!important; margin:5px 0!important;} a.download:hover{} body.pageName_sales #content{ margin-top: 40px!important;} a.upload, .fullDescriptionArea a.upload{ background-image: url('https://customboardbooks.pintsizeproductions.com/files/subscribers/66aec94d-1c2e-490c-bcbc-c0c6bbf7c286/Webfiles/pro-upload.png'); background-repeat: no-repeat; background-position: 15px center; background-size: 12px!important; padding: 15px 20px 15px 40px!important; min-width:100%!important; width:100%!important; margin-right: 0%!important; display: block;line-height: 22px!important; text-align:center!important; color: #fff!important;background-color: #2c7ec1!important; font-size: 14px!important; border-radius: 5px!important; margin:5px auto!important;} a.upload:hover{background-color:#0f68a5!important;} .currentCategoryDes h2{font-family: omnes-pro, sans-serif!important; letter-spacing: .025em; font-size: 16px!important; text-align: center!important; margin: 0 0 14px!important; } .currentCategoryDes h1{ font-size: 24px!important;} .mobile-logo{ width: 15%!important; float: left!important; text-align: left!important;} .header-body .col-lg-6, .header-body .col-md-3{ width: 85%!important; max-width: 85%!important;} .isHome .main-boxes .col-md-4, body.pageName_bad-river-board-books #main-content .col-md-4 { min-height: auto!important; width: 100%!important; margin-right: 0!important; position: relative; padding-bottom: 20px!important; padding-left: 20px; padding-right: 20px; } .isHome .main-boxes .col-md-4 img{max-width: 100%!important; height: auto!important; width: 100%!important;} .isHome .main-boxes .col-md-4{ width: 100%!important;max-width: 100%!important;min-width: 100%!important; margin-right: 0%!important; float: left; } .pageName_root .col-md-4 a.arrow{color: #000!important; font-weight: bold!important; display: inline-block!important; padding-right: 20px!important; background-image: url(/images/p-arrow-red.png); background-size: 15px!important; position: relative; bottom: auto; left: auto; border-radius: 5px!important; background-position: right center; background-repeat: no-repeat!important;} .pageName_root #content h2{font-size: 20px!important;font-family: ff-ernestine-pro,sans-serif!important; letter-spacing: 0em!important; text-align: center!important; text-transform: none!important;} .ql-align-center br{ display: none!important} .left{ width: 100%; border: solid 1px #dadada; padding: 15px; margin-right: 0%; float: left; font-size: 14px; margin-bottom: 14px!important; } .right{ width: 100%;float: left; padding-bottom: 40px;} /*Save for later*/ .savedForLaterPage .saveForLaterProductsItem{min-width: 100%!important; max-width: 100%!important} .saveForLaterProduct-details{border:solid 1px #dadada!important; min-width: 100%!important; max-width: 100%!important} .instruction-column{ width: 100%; float:left; margin-right: 0%; font-size: 14px; padding-bottom: 14px; } .pageType_customize .instructions{ margin: 40px 0 15px!important;} .pageType_orders h1.pageTitle{ padding-bottom: 15px!important;} .pageType_orders h1.pageTitle:after{text-align: left!important;} .pageType_orders h1.pageTitle span.title-right{ margin: 45px 0!important;} .pageType_category #content h1, .pageType_category #content .home-ideas h2{font-size: 30px!important; line-height: 1.1em!important; padding-bottom: 20px!important; letter-spacing: 0em!important; font-weight:400!important; padding-top: 60px!important;} .home-intro p{ font-size: 18px!important; width: 100%!important; float: left!important; margin-bottom: 20px!important; padding: 0 5%!important;} .pageType_category #content p {text-align: left!important;} .pageType_category #content .home-ideas p{font-size: 18px!important; display: block!important; font-style:normal!important; font-family: omnes-pro, sans-serif!important; letter-spacing: .025em!important; font-weight: 500!important; padding: 5px 5% 0!important; padding-bottom: 25px!important;} .header-main .container, .navbar .container{width: 95%!important; margin: 0 2.5%!important;} body.pageType_category #content h1.largeintro{padding-top: 85%!important;text-align: center!important;} body.pageType_category #content h2.subtext{ } .home-2024 a.arrow{ min-width: 100%!important; width: 100%!important; max-width: 100%!important; display:block!important; border-radius: 5px!important; } .home-2024 a.logincta{ min-width: 100%!important; width: 100%!important; max-width: 100%!important;display:block!important; margin-left: 0%!important; } .pageType_category #content h4{font-family: omnes-pro, sans-serif!important; font-size:25px!important; } body.pageType_category .prod-cat-list .col-md-4{width: 100%!important; min-width: 100%!important; max-width: 100%!important;} }