@import url('https://fonts.googleapis.com/css?family=Montserrat:500,500i,600,600i,700&subset=cyrillic,cyrillic-ext,latin-ext,vietnamese'); /*HEADING STYLES*/ #scrollto h1, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #2e2e2e; font-weight: 600; line-height: 1.2; } .subheader_text h2, .subheader_text h3 { font-weight: 500; } .generic-header, .product-subtitle, #added_to_cart_title, .order-contents-header, .basket_product_title { font-weight: 600 !important; } thead, thead strong { font-weight: 600; } .strong_wrapper h1, .strong_wrapper h2, .strong_wrapper h3, .strong_wrapper h4, .strong_wrapper h5, .strong_wrapper h6 { font-weight: 600 !important; } .content-container h1, .content-container h2, .content-container h3, .content-container h4, .content-container h5, .content-container h6 { margin-bottom: 15px; } h1 { font-size: 30px; } h2 { font-size: 22px; } h3 { font-size: 20px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } .generic-header { font-size: 30px; } .heading-xlarge { font-size: 36px; } .heading-large { font-size: 30px; } .heading-medium { font-size: 22px; } .heading-small { font-size: 18px } .heading-xsmall { font-size: 16px; } .heading-lead { margin-top: 30px; margin-bottom: 30px; } .heading-cover { font-size: 45px; } .bottom-callout h3 { font-size: 24px; font-weight: 600; } .spotlight-text h2 { margin-top: 0px; } /*TEXT CONTENT STYLES*/ .content-container p, .content-container ul { margin-bottom: 15px; } .spotlight-text p:last-child { margin-bottom: 0px; } .content-container li { padding-bottom: 10px; } /*CONTAINER STYLES*/ /*apply this class to the "custom styles" input on the "column plugin"*/ .single-column-narrow { max-width: 768px; margin: auto; float: none; } .col-center { display: block; margin-left: auto; margin-right: auto; } .col .col-sm-6:nth-of-type(2n+1) { padding-right: 20px; } .col .col-sm-6:nth-of-type(2n+2) { padding-left: 20px; } /* .row-table { display: table; table-layout: fixed; } .col-cell { display: table-cell; } .col-top { vertical-align: top; } .col-middle { vertical-align: middle; } .col-bottom { vertical-align: bottom; } .col-4 div { margin-bottom: 15px; } */ /* .col-4 .col-sm-3:first-of-type { padding-right: 22.5px; } .col-4 .col-sm-3:nth-of-type(2) { padding-left: 7.5px; padding-right: 15px; } .col-4 .col-sm-3:nth-of-type(3) { padding-left: 15px; padding-right: 7.5px; } .col-4 .col-sm-3:nth-of-type(4) { padding-left: 22.5px; } */ /* .col-4 .col-sm-3:nth-of-type(4n+1) { padding-right: 22.5px; } .col-4 .col-sm-3:nth-of-type(4n+2) { padding-left: 7.5px; padding-right: 15px; } .col-4 .col-sm-3:nth-of-type(4n+3) { padding-left: 15px; padding-right: 7.5px; } .col-4 .col-sm-3:nth-of-type(4n+4) { padding-left: 22.5px; padding-right: 0px; } */ /*BORDER STYLES*/ .border { border: 1px solid #e9e9e1; } /*MEDIA STYLES*/ article img:not(.spotlight-img):not(.top-img), article .video, article audio, .video, .img-full, .blog-header-img { width: 100%; margin: 15px 0 30px 0; } article .video, .video { margin-top: 30px; } .top-img { margin-top: 0px; margin-bottom: 15px; width: 100%; } article audio { max-width: 400px; } .caption-top-img, .caption-top { margin-top: 0px; } .caption-bottom { margin-bottom: 15px; } .img-caption { text-align: center; font-size: 14px; } .img-medium { max-width: 475px; display: block; margin-left: auto; margin-right:auto; } .img-contain { max-width: 100%; } .spotlight-img, .img-float-left, .img-float-right { margin-top:5px; } .img-float-left { padding-right: 15px; } .img-float-right { padding-left: 15px; } .vid-wrapper { margin-top: 0px !important; margin-bottom: 0px !important; } /*max-width-styles*/ .mw-550 { max-width: 550px; } /*TEXT LINK STYLES*/ .cta_link { display: inline-block; } .callout-box .cta_link { margin-bottom: 0px; } .cta_link + .cta_link { margin-top: 15px; } .forward-link { width: 48%; float: right; margin-top: 0px; text-align: right; } .back-link { width: 48%; float: left; margin-top: 0px; } .between-link { margin-bottom: 15px; display: inline-block; } .gray-link:hover { color: #2e2e2e; } a.orange-link i { color: #f26f51 !important; font-weight: 400; transition: color 0.25s ease-in-out, background 0.25s ease-in-out, border 0.25s ease-in-out; } a.orange-link:hover i { color:#de5833 !important } a.blue-link i { color: #2e96b0 !important; font-weight: 400; transition: color 0.25s ease-in-out, background 0.25s ease-in-out, border 0.25s ease-in-out; } a.blue-link:hover i { color: #176478 !important; } .nav strong { color:#29859c; } .nav strong:hover { color:#29859c; } .mobi-menu-link strong { color: #29859c; } a:active { text-decoration: none !important; } .asset-images a:hover { text-decoration: none; } /* .product_image_span {border:1px solid #eee !important} .prod-img img {border:1px solid #eee !important}*/ /*BUTTON STYLES*/ .btn-gray { background-color: #f4f4f0 !important; border: 1px solid #bcbcb5; color: #2e2e2e !important; } .btn-orange { border: 1px solid #f26f51; } /*FONT STYLES*/ @import url('https://fonts.googleapis.com/css?family=Vollkorn:400,400i,700,700i'); em, i:not(.fa, .fas):not(.glyphicon) { color: inherit !important; } .dynamics, .block-quote { font-family: 'Vollkorn', serif; font-weight: 600; font-style: italic; } .content-container { font-size: 16px; } .callout-box p , .callout-box a, .callout-box ul, .callout-box ol, .callout-box .cta_link, .cta_link, .vid-description p, .vid-description .cta_link, .content { font-size: 1em; } .no-markers { list-style-type: none; } .mega-navbar-nav li.right-widget, .nav.navbar-nav li { font-weight: 500; } /*ICON STYLES*/ .fa-star { display: inline-block !important; padding: 10px 15px 0 0; color: #f3b93c; font-size: 30px !important; margin-bottom: 15px; } .fa-facebook-square { color: #003762; } .fa-twitter-square { color: #45818E; } .fa-pinterest-square { color: #CF2A2B; } .fa-envelope-square { color: #727272; } .blog-social-detail { width: 100%; text-align: left; margin-top: 15px; } .blog-social-detail .fa { margin: 0 10px 0 0; font-size: 2.2em; } /*MISC STYLES*/ .block { display: block; } .block-center { display:block; margin-left: auto; margin-right: auto; } .content-container { overflow-wrap: break-word; } .content ul ul { margin-bottom: 0px; } /*TABLE STYLE*/ .table_responsive td { padding: 6px 8px; } .table_responsive tr:nth-of-type(2n + 2) { background-color: #f4f4f0; } /*BLOG STYLES & PRESS ROOM STYLES*/ .blog p, .blog ul, .blog ol, .press-release p, .press-release ul, .press-release ol, .blog li { line-height: 1.8 !important; } .blog { padding-top: 30px; padding-left: 15px; padding-right: 15px; } /*#blog_posts_wrapper .grid-container { margin-top: 0px !important; } */ .product-grid .blog-preview:nth-of-type(2n+1){ padding-left: 0px; } .product-grid .blog-preview:nth-of-type(2n+2){ padding-right: 0px; } .blog-preview .blog-p { line-height: 1.8 !important; margin-bottom: 15px; } #blog_posts_wrapper .search-tag:hover { cursor: pointer; } .pr-img { display: inline-block; float: left; width: 33%; padding: 5px 20px 0 0; } @media screen and (max-width: 991px) { .product-grid .blog-preview:nth-of-type(2n+1), .product-grid .blog-preview:nth-of-type(2n+2) { padding-left: 15px; padding-right: 15px; } } @media screen and (max-width: 767px) { .product-grid .blog-preview:nth-of-type(2n+1), .product-grid .blog-preview:nth-of-type(2n+2) { padding-left: 0px; padding-right: 0px; } .blog-preview { margin-bottom: 20px; } } /*MARGIN AND PADDING STYLES*/ .reset { margin: 0 !important; padding: 0 !important; } .mt-0 { margin-top: 0px; } .mt-0-desktop { margin-top: 0px; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mt-30 { margin-top: 30px !important; } .mt-40 { margin-top: 40px !important; } .mb-0 { margin-bottom: 0px !important; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-20 { margin-bottom: 20px; } .mb-30 { margin-bottom: 30px !important; } .mb-40 { margin-bottom: 40px !important; } .ml-0 { margin-left: 0px !important; } .mr-0 { margin-right: 0px !important; } .pb-0 { padding-bottom: 0px !important; } .pl-0 { padding-left: 0px !important; } .pr-0 { padding-right: 0px !important; } .pr-15 { padding-right: 15px !important; } .pr-20 { padding-right: 20px !important; } .pr-25 { padding-right: 25px; } .pl-25 { padding-left: 25px; } article .container-fluid, .content-container .container-fluid, .content-container .container-inner, .content-container .container-normal { padding-left: 0px; padding-right: 0px; } /*MEDIA QUERIES*/ @media (min-width: 1000px) and (max-width: 1350px) { #img-widget-61582{ width: 70% !important; } } @media screen and (max-width:1200px) { .callout-box p, .callout-box a, .callout-box ul, .callout-box ol, .callout-box .cta_link, .cta_link, .vid-description p, .vid-description .cta_link, .content, .subheader_text p, .banner_slider .cta_button .btn { font-size: .9em !important; line-height: 1.6 !important; } .blog .callout-box p, .blog .callout-box ul, .blog callout-box a, .blog .callout-box ol, .blog .callout-box .cta_link, .blog .cta_link, .blog .vid-description p, .blog .vid-description .cta_link, .blog .content, .blog .subheader_text p, .blog .banner_slider .cta_button .btn { font-size: 1em; } } @media screen and (max-width:991px) { /*.callout-box p, .callout-box ul, .callout-box a, .callout-box ol, .callout-box .cta_link, .cta_link, .vid-description p, .vid-description .cta_link, .subheader_text p, .content, .content p, .banner_slider .cta_button .btn { font-size: .9em; line-height: 1.6 !important; } */ .blog .callout-box p, .blog .callout-box ul, .blog .callout-box a, .blog .callout-box ol, .blog .callout-box .cta_link, .blog .cta_link, .blog .vid-description p, .blog .vid-description .cta_link, .blog .subheader_text p, .blog .content, .blog .content p, .blog .banner_slider .cta_button .btn { font-size: 1em; line-height: 1.8 !important; } } @media screen and (max-width:767px) { h1 { font-size: 22px; } h2 { font-size: 18px; } h3 { font-size: 16px; } h4 { font-size: 14px; } h5 { font-size: 14px; } h6 { font-size: 14px; } .generic-header { font-size: 22px; } .heading-xlarge { font-size: 22px; } .heading-large { font-size: 22px; } .heading-medium { font-size: 18px; } .heading-small { font-size: 16px; } .heading-xsmall { font-size: 14px; } .heading-lead { margin-top: 20px; margin-bottom: 20px; } .heading-cover { font-size: 25px; } .bottom-callout h3 { font-size: 24px; } .callout-box p, .callout-box ul, .callout-box a, .callout-box ol, .callout-box .cta_link, .cta_link, .vid-description p, .vid-description .cta_link, .subheader_text p, .content, .content p { font-size: 14px !important; } .blog .callout-box p, .blog .callout-box ul, .blog .callout-box a, .blog .callout-box ol, .blog .callout-box .cta_link, .blog .cta_link, .blog .vid-description p, .blog .vid-description .cta_link, .blog .subheader_text p, .blog .content, .blog .content p { font-size: 1em; } .callout-box i { margin-bottom: 0px; } .spotlight-img { margin-top:0px; margin-bottom: 20px; } .img-float-left, .img-float-right { padding-right: 0px; padding-left: 0px; margin-bottom: 15px; margin-top: 0px; } .blog { padding-top: 20px; padding-left: 0px; padding-right: 0px; } #related_blogs { margin-bottom: 0px !important; } .mobile-center, .mobile-text-center { text-align: center; } .mt-0-desktop { margin-top: 15px; } .mobile-margin-auto, .col-center-mobile { margin-left: auto !important; margin-right: auto !important; } .mmt-15 { margin-top: 15px !important; } .mmb-15 { margin-bottom: 15px !important; } .mmt-20 { margin-top: 20px !important; } .mmb-20 { margin-bottom: 20px !important; } .mmb-5 { margin-bottom: 5px !important; } .mpr-0 { padding-right: 0px !important; } .mpr-10 { padding-right: 10px !important; } .mpr-15 { padding-right: 15px !important; } .mpr-20 { padding-right: 20px !important; } .col .col-xs-12 { padding-left: 0px !important; padding-right: 0px !important; } .privacy-policy .pprivacy { font-size: 14px !important; } /* .col-4 .col-sm-3:first-of-type { padding-right: 15px; } .col-4 .col-sm-3:nth-of-type(2) { padding-left: 15px; padding-right: 0px; } .col-4 .col-sm-3:nth-of-type(3) { padding-right: 15px; padding-left: 0px; } .col-4 .col-sm-3:nth-of-type(4) { padding-left: 15px; padding-right: 0px; } .col-4 .col-sm-3:nth-of-type(4n+1) { padding-right: 15px; } .col-4 .col-sm-3:nth-of-type(4n+2) { padding-left: 15px; padding-right: 0px; } .col-4 .col-sm-3:nth-of-type(4n+3) { padding-left: 0px; padding-right: 15px; } .col-4 .col-sm-3:nth-of-type(4n+4) { padding-left: 15px; padding-right: 0px; }*/ } /*BOOTSTRAP ACCORDION*/ .panel-title { margin-bottom: 0px !important; } .panel-title a { display: block; padding: 20px 15px; } .panel-title a:hover { text-decoration: none !important; } .panel-heading { padding: 0px; position: relative; } .panel-heading a::after { content:"\2013"; font-size: 45px; display:inline-block; position: absolute; right: 15px; bottom: 4px; } .panel-heading a.collapsed::after { content:"+"; } .panel-group .panel { border-radius: 0px; } .panel-default>.panel-heading { border-color: #bcbcb5; background: #f4f4f0; transition: color 0.25s ease-in-out, background 0.25s ease-in-out, border 0.25s ease-in-out; } .panel { box-shadow: none; -webkit-box-shadow: none; } .panel-heading:hover { background: #e9e9e1; } .panel stong { font-weight: 500; } .panel a:hover, .panel a:active, .panel a:visited, .panel a:focus { text-decoration: none !important; } @media screen and (max-width: 767px) { .panel-heading a::after { display:none; } .panel-heading a.collapsed::after { display:none; } } /*TREELINE FIXES*/ /*quick shop qty input fix*/ /*product listing fix*/ .product-grid .music_desc { margin-bottom: 6px; line-height: 1.2 !important; } /*promo button fix*/ @media screen and (max-width: 334px) { .promo_code_btn { margin: 0 0 10px 0 !important; } } /*product carousel fix*/ .slide-details .music_desc { padding-bottom: 2px; } .sales_rep_img { width: 190px; max-width: 90%; height: auto; } /*shopping cart title alignment fix*/ .basket-items .col-sm-5 h2 { line-height: 1.1 !important; margin-top:-8px !important; margin-bottom: 8px !important; } /*consumer cart totals temporary fix*/ /* #basket_totals.consumer tr:nth-of-type(3), #basket_totals.consumer tr:nth-of-type(2) { display:none; } */ div#basket_totals.consumer { margin-top: -12px; } .basket_checkout_row.consumer .hidden-xs { margin-top: -105px !important; } .basket_checkout_row.consumer .promo-added { margin-top: -45px !important; } .basket_checkout_row.consumer .hidden-xl { margin-top: -30px !important; } @media screen and (max-width: 767px) { #voucher_form_container { margin-bottom: 10px; } } /*order invoice fixes*/ .order-summary label { margin-bottom: 10px; } .order-detail-list label { margin-bottom: 10px; } @media (max-width: 991px) { .address-main-wrap { padding-top: 20px; padding-bottom: 20px; } } /*add new saved card fixes*/ .nav-pills>li>a { border-radius: 0px; } @media screen and (max-width: 767px) { #add_card { float: right; margin-top: -6px !important; } #added_to_cart_buttons .add-cart { margin-bottom: 15px; } } @media screen and (max-width: 499px) { #added_to_cart_buttons .add-cart { margin-bottom: 15px; } } } @media screen and (max-width: 399px) { #add_card { float: none; margin-top: 10px !important; } } @media screen and (max-width: 767px) { /*sales rep section on My Account*/ .sales_rep_contact { text-align: left; } } /*author detail fixes*/ .row-container-89535 { margin-bottom: 15px; } /*workable job listing*/ .whr-items { list-style-type: none; padding-left: 0px; } .whr-info { list-style-type: none; padding-left: 0px; } .whr-title { font-size: 18px; margin-top: 5px; } @media screen and (max-width: 767px) { .whr-title { font-size: 16px; } } @media screen and (max-height: 700px) { .shipping_address_holder { max-height: 240px !important; } } /*consumer order detail page*/ /* .od-consumer { margin-top: 40px; margin-bottom: 40px; } .label-value > label{ display: inline-block; width: 150px; } .label-value > p { display: inline-block; } .summary > label { width: 110px; font-weight: 100; } #grand-total, #grand-total > label { font-weight: bold; } .od-consumer .row:not(.basket-container .row) { padding-bottom: 0px; padding-top: 0px; } hr { border-color: #e9e9e1 !important; } .btn-invoice { width: 250px; color: #2e2e2e !important; background-color: #f4f4f0 !important; border: 1px solid #bcbcb5 !important; font-size: 18px; line-height: 2; transition: color 0.25s ease-in-out, background 0.25s ease-in-out, border 0.25s ease-in-out !important; } .btn-invoice:hover { background-color: #e9e9e1 !important; } .btn-track { width: 200px; } .btn-track-container { margin-top: -14px; } .od-header { color: #2e2e2e !important; } select[name='basket_table_length'] { height: 35px !important; } .address-wrap > p { margin-bottom: 0px; } .shipping-item { padding-bottom: 5px !important; } .od-consumer .basket-items:first-of-type { border: none; } .od-consumer hr { margin-top:0px; margin-bottom:0px; } .od-consumer .basket-title p { font-weight: bold; } @media screen and (max-width: 767px) { .od-consumer { margin-bottom: 20px; margin-top: 20px; } .btn-invoice { width: 100%; margin-top: 0px !important; } .summary > label { width: 150px; font-weight: 100; } .dealer-checkout { margin-bottom: 10px !important; } .view_print_btn { margin-top: 10px !important; } #download_xls_btn { display: none; } .btn-track { width: 100%; } .btn-track-container { margin-top: 0px; } .basket-items-container .mobile-basket-items { border: none !important; } .od-consumer .price_color { margin-bottom: 10px; } } */ input[type=text] { /* Remove First */ -webkit-appearance: none; -moz-appearance: none; appearance: none; } .basket-discount .label-success { display: none; }