@charset "UTF-8"; html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, body { margin: 0; } * { box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; text-decoration: none; display: inline-block; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } input, textarea, button { outline: none !important; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } html, body, div, span, applet, object, iframe, h1, h2, h3, #respond .form-submit #submit, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after { content: ''; content: none; } q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } .ie7 #oldie { display: block; } .ie7 body { overflow: hidden; margin: 0 !important; padding: 0 !important; background: #fff !important; width: 100% !important; height: 100% !important; position: absolute !important; border: none !important; } .ie7 #site, .ie7 #site-share, .ie7 #site-actions, .ie7 #site-overlay, .ie7 #preloader, .ie7 #mini-cart { display: none !important; } .ie7 #oldie { color: #333; left: 50%; margin-left: -150px; margin-top: -30px; width: 350px; top: 50%; text-align: center; position: absolute; display: block; } #oldie { display: none; } .ie7 #oldie a { border-bottom: 1px dotted #333; color: #333; font-weight: 700; } .ie7 #oldie a:hover { color: #000; border-bottom: 1px dotted #000; } #scriptie { background: #f7f7f7; display: table; height: 100%; left: 0; position: fixed; text-align: center; top: 0; width: 100%; z-index: 99999; color: #333; } #scriptie > div { display: table-cell; vertical-align: middle; } .clearfix, .grid, .comment article, #respond form { *zoom: 1; } .clearfix:after, .grid:after, .comment article:after, #respond form:after { content: ''; display: table; clear: both; } img { max-width: 100%; height: auto; } .grid { list-style: none; margin: 0; padding: 0; position: relative; margin-left: -30px; } .grid.kcm { width: calc(100% + 34px); margin-left: -26px; } .grid__item { display: inline-block; padding-left: 30px; vertical-align: top; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .kcm .grid__item { margin-bottom: 50px; margin-left: -5px; } .grid--rev { direction: rtl; text-align: left; } .grid--rev > .grid__item { direction: ltr; text-align: left; } .grid--full { margin-left: 0; } .grid--full > .grid__item { padding-left: 0; } .grid--right { text-align: right; } .grid--right > .grid__item { text-align: left; } .grid--center { text-align: center; } .grid--center > .grid__item { text-align: left; } .grid--middle > .grid__item { vertical-align: middle; } .grid--bottom > .grid__item { vertical-align: bottom; } .grid--narrow { margin-left: -15px; } .grid--narrow > .grid__item { padding-left: 15px; } .grid--wide { margin-left: -60px; } .grid--wide > .grid__item { padding-left: 60px; } .one-whole { width: 100%; } .one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths, .shop_table .order_item .product-name, .shop_table .order_item td.product-price, .shop_table .order_item td.product-subtotal, .shop_table .order_item td.product-remove, .woocommerce-checkout .shop_table .cart_item .product-name, .woocommerce-checkout .shop_table .cart_item td.product-price, .woocommerce-checkout .shop_table .cart_item td.product-subtotal, .woocommerce-checkout .shop_table .cart_item td.product-remove, .woocommerce-MyAccount-content { width: 50%; } .one-third, .two-sixths, .four-twelfths { width: 33.333%; } .two-thirds, .four-sixths, .eight-twelfths { width: 66.666%; } .one-quarter, .two-eighths, .three-twelfths, #checkout_coupon .form-row { width: 25%; } .three-quarters, .six-eighths, .nine-twelfths, .woocommerce-orders .woocommerce-MyAccount-content, .woocommerce-view-order .woocommerce-MyAccount-content { width: 75%; } .one-fifth, .two-tenths { width: 20%; } .two-fifths, .four-tenths { width: 40%; } .three-fifths, .six-tenths { width: 60%; } .four-fifths, .eight-tenths { width: 80%; } .one-sixth, .two-twelfths { width: 16.666%; } .five-sixths, .ten-twelfths { width: 83.333%; } .one-eighth { width: 12.5%; } .three-eighths { width: 37.5%; } .five-eighths { width: 62.5%; } .seven-eighths { width: 87.5%; } .one-tenth { width: 10%; } .three-tenths { width: 30%; } .seven-tenths { width: 70%; } .nine-tenths { width: 90%; } .one-twelfth { width: 8.333%; } .five-twelfths { width: 41.666%; } .seven-twelfths { width: 58.333%; } .eleven-twelfths { width: 91.666%; } @media screen and (max-width: 1024px) { .old-breakpoint--whole { width: 100%; } form .old-breakpoint--whole { padding-left: 0; } .old-breakpoint--one-half { width: 50%; } } @media screen and (min-width: 480px) and (max-width: 769px) { .portable--auto { width: 100%; margin-bottom: 50px; } .lap--auto { width: 100%; margin-bottom: 50px; } } @media only screen and (min-width: 1367px) { .desk--one-whole { width: 100%; } .desk--one-half, .desk--two-quarters, .desk--three-sixths, .desk--four-eighths, .desk--five-tenths, .desk--six-twelfths { width: 50%; } .desk--one-third, .desk--two-sixths, .desk--four-twelfths { width: 33.333%; } .desk--two-thirds, .desk--four-sixths, .desk--eight-twelfths { width: 66.666%; } .desk--one-quarter, .desk--two-eighths, .desk--three-twelfths { width: 25%; } .desk--three-quarters, .desk--six-eighths, .desk--nine-twelfths { width: 75%; } .desk--one-fifth, .desk--two-tenths { width: 20%; } .desk--two-fifths, .desk--four-tenths { width: 40%; } .desk--three-fifths, .desk--six-tenths { width: 60%; } .desk--four-fifths, .desk--eight-tenths { width: 80%; } .desk--one-sixth, .desk--two-twelfths { width: 16.666%; } .desk--five-sixths, .desk--ten-twelfths { width: 83.333%; } .desk--one-eighth { width: 12.5%; } .desk--three-eighths { width: 37.5%; } .desk--five-eighths { width: 62.5%; } .desk--seven-eighths { width: 87.5%; } .desk--one-tenth { width: 10%; } .desk--three-tenths { width: 30%; } .desk--seven-tenths { width: 70%; } .desk--nine-tenths { width: 90%; } .desk--one-twelfth { width: 8.333%; } .desk--five-twelfths { width: 41.666%; } .desk--seven-twelfths { width: 58.333%; } .desk--eleven-twelfths { width: 91.666%; } } @media only screen and (max-width: 1366px) { .portable--one-whole { width: 100%; } .portable--one-half, .portable--two-quarters, .portable--three-sixths, .portable--four-eighths, .portable--five-tenths, .portable--six-twelfths { width: 50%; } .portable--one-third, .portable--two-sixths, .portable--four-twelfths { width: 33.333%; } .portable--two-thirds, .portable--four-sixths, .portable--eight-twelfths { width: 66.666%; } .portable--one-quarter, .portable--two-eighths, .portable--three-twelfths { width: 25%; } .portable--three-quarters, .portable--six-eighths, .portable--nine-twelfths { width: 75%; } .portable--one-fifth, .portable--two-tenths { width: 20%; } .portable--two-fifths, .portable--four-tenths { width: 40%; } .portable--three-fifths, .portable--six-tenths { width: 60%; } .portable--four-fifths, .portable--eight-tenths { width: 80%; } .portable--one-sixth, .portable--two-twelfths { width: 16.666%; } .portable--five-sixths, .portable--ten-twelfths { width: 83.333%; } .portable--one-eighth { width: 12.5%; } .portable--three-eighths { width: 37.5%; } .portable--five-eighths { width: 62.5%; } .portable--seven-eighths { width: 87.5%; } .portable--one-tenth { width: 10%; } .portable--three-tenths { width: 30%; } .portable--seven-tenths { width: 70%; } .portable--nine-tenths { width: 90%; } .portable--one-twelfth { width: 8.333%; } .portable--five-twelfths { width: 41.666%; } .portable--seven-twelfths { width: 58.333%; } .portable--eleven-twelfths { width: 91.666%; } } @media only screen and (min-width: 481px) and (max-width: 769px) { .lap--one-whole { width: 100%; } .lap--one-half, .lap--two-quarters, .lap--three-sixths, .lap--four-eighths, .lap--five-tenths, .lap--six-twelfths { width: 50%; } .lap--one-third, .lap--two-sixths, .lap--four-twelfths { width: 33.333%; } .lap--two-thirds, .lap--four-sixths, .lap--eight-twelfths { width: 66.666%; } .lap--one-quarter, .lap--two-eighths, .lap--three-twelfths { width: 25%; } .lap--three-quarters, .lap--six-eighths, .lap--nine-twelfths { width: 75%; } .lap--one-fifth, .lap--two-tenths { width: 20%; } .lap--two-fifths, .lap--four-tenths { width: 40%; } .lap--three-fifths, .lap--six-tenths { width: 60%; } .lap--four-fifths, .lap--eight-tenths { width: 80%; } .lap--one-sixth, .lap--two-twelfths { width: 16.666%; } .lap--five-sixths, .lap--ten-twelfths { width: 83.333%; } .lap--one-eighth { width: 12.5%; } .lap--three-eighths { width: 37.5%; } .lap--five-eighths { width: 62.5%; } .lap--seven-eighths { width: 87.5%; } .lap--one-tenth { width: 10%; } .lap--three-tenths { width: 30%; } .lap--seven-tenths { width: 70%; } .lap--nine-tenths { width: 90%; } .lap--one-twelfth { width: 8.333%; } .lap--five-twelfths { width: 41.666%; } .lap--seven-twelfths { width: 58.333%; } .lap--eleven-twelfths { width: 91.666%; } } @media only screen and (max-width: 480px) { .palm--one-whole { width: 100%; } .palm--one-half, .palm--two-quarters, .palm--three-sixths, .palm--four-eighths, .palm--five-tenths, .palm--six-twelfths { width: 50%; } .palm--one-third, .palm--two-sixths, .palm--four-twelfths { width: 33.333%; } .palm--two-thirds, .palm--four-sixths, .palm--eight-twelfths { width: 66.666%; } .palm--one-quarter, .palm--two-eighths, .palm--three-twelfths { width: 25%; } .palm--three-quarters, .palm--six-eighths, .palm--nine-twelfths { width: 75%; } .palm--one-fifth, .palm--two-tenths { width: 20%; } .palm--two-fifths, .palm--four-tenths { width: 40%; } .palm--three-fifths, .palm--six-tenths { width: 60%; } .palm--four-fifths, .palm--eight-tenths { width: 80%; } .palm--one-sixth, .palm--two-twelfths { width: 16.666%; } .palm--five-sixths, .palm--ten-twelfths { width: 83.333%; } .palm--one-eighth { width: 12.5%; } .palm--three-eighths { width: 37.5%; } .palm--five-eighths { width: 62.5%; } .palm--seven-eighths { width: 87.5%; } .palm--one-tenth { width: 10%; } .palm--three-tenths { width: 30%; } .palm--seven-tenths { width: 70%; } .palm--nine-tenths { width: 90%; } .palm--one-twelfth { width: 8.333%; } .palm--five-twelfths { width: 41.666%; } .palm--seven-twelfths { width: 58.333%; } .palm--eleven-twelfths { width: 91.666%; } } .show { display: block !important; } .hide { display: none !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .left { float: left !important; } .right { float: right !important; } @media only screen and (min-width: 1367px) { .desk--show { display: block !important; } .desk--hide { display: none !important; } .desk--text-left { text-align: left !important; } .desk--text-right { text-align: right !important; } .desk--text-center { text-align: center !important; } .desk--left { float: left !important; } .desk--right { float: right !important; } } @media only screen and (max-width: 1366px) { .portable--show { display: block !important; } .portable--hide { display: none !important; } .portable--text-left { text-align: left !important; } .portable--text-right { text-align: right !important; } .portable--text-center { text-align: center !important; } .portable--left { float: left !important; } .portable--right { float: right !important; } } @media only screen and (min-width: 481px) and (max-width: 769px) { .lap--show { display: block !important; } .lap--hide { display: none !important; } .lap--text-left { text-align: left !important; } .lap--text-right { text-align: right !important; } .lap--text-center { text-align: center !important; } .lap--left { float: left !important; } .lap--right { float: right !important; } } @media only screen and (max-width: 480px) { .palm--show { display: block !important; } .palm--hide { display: none !important; } .palm--text-left { text-align: left !important; } .palm--text-right { text-align: right !important; } .palm--text-center { text-align: center !important; } .palm--left { float: left !important; } .palm--right { float: right !important; } } .display--table, .entry-minimal a { display: table; table-layout: fixed; width: 100%; height: 100%; } .display--table-cell, .entry-minimal__title, .entry-minimal__time { display: table-cell; vertical-align: middle; float: none; } .entry-content a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link), h3 .underlined-heading, #respond .form-submit #submit .underlined-heading, .entry-minimal__title span, .blog .STAMP .stamp-link, .entry-archive .entry-read-link, .entry-meta a, .edit-link, .comment-reply-link, .hide-comments, .entry-portfolio.hover-two .entry-caption h3, .entry-portfolio.hover-two .entry-caption #respond .form-submit #submit, #respond .form-submit .entry-portfolio.hover-two .entry-caption #submit, .entry-portfolio.hover-two .entry-title h3, .entry-portfolio.hover-two .entry-title #respond .form-submit #submit, #respond .form-submit .entry-portfolio.hover-two .entry-title #submit, .not-found a, .single-product form.cart button[type="submit"] .text, .calafate-checkout-content .chck-link, .shop_table .woocommerce-shipping-calculator a, .woocommerce-cart .return-to-shop a, .woocommerce-MyAccount-navigation li a, .woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Address-title a, .woocommerce-MyAccount-content mark, .top-menu li a, #site-footer .widget a { position: relative; } .entry-content a:not(.image-text-link):not(.button):not(.fancybox):not(.post-edit-link):not(.entry-navigation__item):after, h3 .underlined-heading:after, #respond .form-submit #submit .underlined-heading:after, .entry-minimal__title span:after, .blog .STAMP .stamp-link:after, .entry-archive .entry-read-link:after, .entry-meta a:after, .edit-link:after, .comment-reply-link:after, .hide-comments:after, .entry-portfolio.hover-two .entry-caption h3:after, .entry-portfolio.hover-two .entry-caption #respond .form-submit #submit:after, #respond .form-submit .entry-portfolio.hover-two .entry-caption #submit:after, .entry-portfolio.hover-two .entry-title h3:after, .entry-portfolio.hover-two .entry-title #respond .form-submit #submit:after, #respond .form-submit .entry-portfolio.hover-two .entry-title #submit:after, .not-found a:after, .single-product form.cart button[type="submit"] .text:after, .calafate-checkout-content .chck-link:after, .shop_table .woocommerce-shipping-calculator a:after, .woocommerce-cart .return-to-shop a:after, .woocommerce-MyAccount-navigation li a:after, .woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Address-title a:after, .woocommerce-MyAccount-content mark:after, .top-menu li a:after, #site-footer .widget a:after { content: ""; display: inline-block; position: absolute; width: 100%; height: 0px; top: 100%; left: 0; margin-top: 2px; transition: all 100ms linear; } a:hover .entry-content a:not(.image-text-link):not(.button):not(.fancybox):not(.post-edit-link):not(.entry-navigation__item):after, .entry-content a:hover a:not(.image-text-link):not(.button):not(.fancybox):not(.post-edit-link):not(.entry-navigation__item):after, a:hover h3 .underlined-heading:after, h3 a:hover .underlined-heading:after, a:hover #respond .form-submit #submit .underlined-heading:after, #respond .form-submit #submit a:hover .underlined-heading:after, a:hover .entry-minimal__title span:after, .entry-minimal__title a:hover span:after, a:hover .blog .STAMP .stamp-link:after, .blog .STAMP a:hover .stamp-link:after, a:hover .entry-archive .entry-read-link:after, .entry-archive a:hover .entry-read-link:after, a:hover .entry-meta a:after, .entry-meta a:hover a:after, a:hover .edit-link:after, a:hover .comment-reply-link:after, a:hover .hide-comments:after, a:hover .entry-portfolio.hover-two .entry-caption h3:after, .entry-portfolio.hover-two .entry-caption a:hover h3:after, a:hover .entry-portfolio.hover-two .entry-caption #respond .form-submit #submit:after, .entry-portfolio.hover-two .entry-caption #respond .form-submit a:hover #submit:after, a:hover #respond .form-submit .entry-portfolio.hover-two .entry-caption #submit:after, #respond .form-submit .entry-portfolio.hover-two .entry-caption a:hover #submit:after, a:hover .entry-portfolio.hover-two .entry-title h3:after, .entry-portfolio.hover-two .entry-title a:hover h3:after, a:hover .entry-portfolio.hover-two .entry-title #respond .form-submit #submit:after, .entry-portfolio.hover-two .entry-title #respond .form-submit a:hover #submit:after, a:hover #respond .form-submit .entry-portfolio.hover-two .entry-title #submit:after, #respond .form-submit .entry-portfolio.hover-two .entry-title a:hover #submit:after, a:hover .not-found a:after, .not-found a:hover a:after, a:hover .single-product form.cart button[type="submit"] .text:after, .single-product form.cart button[type="submit"] a:hover .text:after, a:hover .calafate-checkout-content .chck-link:after, .calafate-checkout-content a:hover .chck-link:after, a:hover .shop_table .woocommerce-shipping-calculator a:after, .shop_table .woocommerce-shipping-calculator a:hover a:after, a:hover .woocommerce-cart .return-to-shop a:after, .woocommerce-cart .return-to-shop a:hover a:after, a:hover .woocommerce-MyAccount-navigation li a:after, .woocommerce-MyAccount-navigation li a:hover a:after, a:hover .woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Address-title a:after, .woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Address-title a:hover a:after, a:hover .woocommerce-MyAccount-content mark:after, .woocommerce-MyAccount-content a:hover mark:after, a:hover .top-menu li a:after, .top-menu li a:hover a:after, a:hover #site-footer .widget a:after, #site-footer .widget a:hover a:after, .entry-content a:not(.image-text-link):not(.button):not(.fancybox):not(.post-edit-link):not(.entry-navigation__item):hover:after, h3 .underlined-heading:hover:after, #respond .form-submit #submit .underlined-heading:hover:after, .entry-minimal__title span:hover:after, .blog .STAMP .stamp-link:hover:after, .entry-archive .entry-read-link:hover:after, .entry-meta a:hover:after, .edit-link:hover:after, .comment-reply-link:hover:after, .hide-comments:hover:after, .entry-portfolio.hover-two .entry-caption h3:hover:after, .entry-portfolio.hover-two .entry-caption #respond .form-submit #submit:hover:after, #respond .form-submit .entry-portfolio.hover-two .entry-caption #submit:hover:after, .entry-portfolio.hover-two .entry-title h3:hover:after, .entry-portfolio.hover-two .entry-title #respond .form-submit #submit:hover:after, #respond .form-submit .entry-portfolio.hover-two .entry-title #submit:hover:after, .not-found a:hover:after, .single-product form.cart button[type="submit"] .text:hover:after, .calafate-checkout-content .chck-link:hover:after, .shop_table .woocommerce-shipping-calculator a:hover:after, .woocommerce-cart .return-to-shop a:hover:after, .woocommerce-MyAccount-navigation li a:hover:after, .woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Address-title a:hover:after, .woocommerce-MyAccount-content mark:hover:after, .top-menu li a:hover:after, #site-footer .widget a:hover:after { height: 2px; } .entry-navigation--post, #site-share { right: 65px; position: fixed; } .entry-content > p { *zoom: 1; } .entry-content > p:after { content: ''; display: table; clear: both; } body { font: 1.0625rem Karla, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.53; color: #fff; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } a { color: #fff; transition: color 150ms linear, opacity 150ms linear; } .entry-content a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link) { font-weight: 700; } h1, h2, h3, #respond .form-submit #submit, h4, h5, h6 { font-family: Karla, "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 50px; } * > h1:first-child, * > h2:first-child, * > h3:first-child, #respond .form-submit * > #submit:first-child, * > h4:first-child, * > h5:first-child, * > h6:first-child { margin-top: 0; } * > h1:last-child, * > h2:last-child, * > h3:last-child, #respond .form-submit * > #submit:last-child, * > h4:last-child, * > h5:last-child, * > h6:last-child { margin-bottom: 0; } h2 { font-size: 1.9375rem; line-height: 1.5; font-weight: 300; } h3, #respond .form-submit #submit { font-size: 1.6875rem; font-weight: 500; } h3[style*="text-align: center"], #respond .form-submit [style*="text-align: center"]#submit { display: block; } h3 .underlined-heading, #respond .form-submit #submit .underlined-heading { display: inline; } h3 .underlined-heading:after, #respond .form-submit #submit .underlined-heading:after { height: 2px; margin-top: 7px; } h4 { font-size: 1.1875rem; } h5 { font-size: 0.9375rem; font-weight: 500; } em { font-style: italic; } strong { font-weight: bold; } hr { border: none; background: #fff; width: 45px; height: 5px; margin: 25px 0 100px; display: inline-block; } hr.center { display: block; margin-left: auto; margin-right: auto; } hr + .entry-breadcrumb { margin-top: -50px; } ul, ol { margin-bottom: 24px; } ul li, ol li { margin-bottom: 20px; } * > ul li:first-child, * > ol li:first-child { margin-top: 0; } * > ul li:last-child, * > ol li:last-child { margin-bottom: 0; } * > ul:first-child, * > ol:first-child { margin-top: 0; } * > ul:last-child, * > ol:last-child { margin-bottom: 0; } li ol, li ul { margin-top: 24px !important; } ul { list-style: disc outside; } ul.no-list-style, .no-list-style ul { list-style: none !important; } ul li ul { list-style: circle outside; } .grid__item > p:last-child { margin-bottom: 0; } img, figure, iframe, .wp-video, video { max-width: 100%; vertical-align: bottom; margin-bottom: 50px; margin-top: 50px; } * > img:first-child, * > figure:first-child, * > iframe:first-child, * > .wp-video:first-child, * > video:first-child { margin-top: 0; } * > img:last-child, * > figure:last-child, * > iframe:last-child, * > .wp-video:last-child, * > video:last-child { margin-bottom: 0; } img, figure { height: auto; } .fluid-width-video-wrapper { margin-bottom: 50px; margin-top: 50px; } p { margin-bottom: 24px; } p > img, p figure, p iframe, p video, p .wp-video, p video { margin-bottom: 0; } figure img { margin: 0; } .alignleft { float: left; margin: 25px 20px 20px 0 !important; } .alignright { float: right; margin: 25px 0 20px 20px !important; text-align: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; text-align: center; } p:empty { display: none; } .grid > br, .grid__item > br { display: none; } .sticky, .screen-reader-text, .gallery-caption, .bypostauthor { } .wp-caption { position: relative; } .wp-caption-text { position: absolute; bottom: 30px; right: 30px; background: #fff; color: #000; font-size: 0.8125rem; font-weight: 500; line-height: 1.2; padding: 10px 30px 9px; } blockquote { margin: 50px 0; position: relative; padding-left: 35px; font-family: 'Times New Roman', serif; } blockquote > p { font-size: 1.3125rem; line-height: 1.2; font-style: italic; } blockquote:before { content: ""; display: block; position: absolute; width: 5px; top: 0; left: 0; height: 100%; background: #0ff1b3; } pre, code, tt { background: #fff; border: 5px solid #e9e9e9; font-family: Consolas, Courier, Monaco, monospace; font-size: 0.6875rem; line-height: 1; margin: 18px 0; padding: 8px 10px; color: #000; white-space: pre-wrap; word-wrap: break-word; } table { width: 100%; border: 1px solid #e9e9e9; text-align: left; margin-bottom: 24px; } table thead h4 { font-size: 10px; line-height: 18px; text-transform: uppercase; margin-bottom: 0; } table tr { border-top: 1px solid #e9e9e9; } table thead tr { border-top: none; } table th, table td { min-height: 41px; padding: 10px 14px 8px; border-right: 1px solid #e9e9e9; } sub, sup { font-size: .7em; line-height: .7em; } sub { vertical-align: bottom; } sup { vertical-align: top; } del { color: #959595; } var { font-family: Consolas, Courier, Monaco, monospace; } strong { font-weight: 700; } em { font-style: italic; } small { font-size: .7em; line-height: 1; } ol { list-style: decimal inside; } ul ul, ul ol, ol ol, ol ul { margin-left: 20px; } .post-password-form input[type="password"] { background: transparent !important; border-bottom: 2px solid #fff !important; height: 24px !important; color: #fff !important; padding: 0 5px !important; } .post-password-form input[type="submit"] { font-size: 12px; padding: 0; text-align: left; position: static; margin-left: 12px; } input[type="text"], input[type="email"], textarea { height: 75px; outline: none !important; border: none; font-size: 0.75rem; line-height: 1; font-weight: bold; margin: 2px; padding: 0 30px; font-family: Karla, "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-appearance: none; font-weight: 600; border-radius: 0; transform: scale(1); transition: all 200ms linear; } input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: .5; text-transform: uppercase; font-weight: 600; } input[type="text"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, textarea::-ms-input-placeholder { opacity: .5; text-transform: uppercase; font-weight: 600; } input[type="text"]::-moz-input-placeholder, input[type="email"]::-moz-input-placeholder, textarea::-moz-input-placeholder { opacity: .5; text-transform: uppercase; font-weight: 600; } input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: .5; text-transform: uppercase; font-weight: 600; } input[type="text"]::placeholder, input[type="email"]::placeholder, textarea::placeholder { opacity: .5; text-transform: uppercase; font-weight: 600; } input[type="search"] { -webkit-appearance: none; border-radius: 0; } input[type="checkbox"], input[type="radio"] { margin-right: 10px; } textarea { height: 225px; resize: none; padding-top: 40px; font-weight: 400; } input[type="submit"] { background: none; color: #fff; border: none; font-size: 2.5625rem; line-height: 1; font-weight: bold; text-align: right; padding: 20px 20px 0 0; display: inline-block; transition: all 200ms linear; } p input[type="submit"] { position: absolute; right: 0; } input[type="submit"]:hover { color: #0ff1b3; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out"; -webkit-transition-delay: 9999s; } input { border-radius: 0; } .form-columns { margin-bottom: 0 !important; margin-left: 0; } .form-columns .grid__item { padding-left: 5px; margin-left: -6px; margin-bottom: 0px; } @media screen and (max-width: 480px) { .form-columns .grid__item { margin-left: -5px; } } .form-columns input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .form-columns textarea { width: 100%; display: block; margin: 0 0 5px 0; } .wpcf7-form-control-wrap { display: block; } span.wpcf7-not-valid-tip { position: absolute; top: -15px; right: -12px; font-size: 12px; text-transform: uppercase; background: #711b1b; color: #fff; padding: 8px 12px; z-index: 99; } .wpcf7-response-output { border: none !important; margin-top: 40px !important; position: absolute; left: -5px; margin-top: 10px !important; padding-left: 0 !important; width: calc(100% - 200px); } div.wpcf7 .ajax-loader { background: url(images/preloader.svg) no-repeat 0 0 transparent; width: 32px !important; height: 32px !important; padding-left: 32px !important; position: absolute; margin-top: 35px !important; right: -20px; } .wpcf7-list-item { display: block; } .flickity-enabled { position: relative; } .flickity-enabled:focus { outline: 0; } .flickity-viewport { overflow: hidden; position: relative; height: 100%; } .flickity-slider { position: absolute; width: 100%; height: 100%; } .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; } .flickity-prev-next-button { position: absolute; top: 50%; width: 44px; height: 44px; border: none; border-radius: 50%; background: #fff; background: rgba(255, 255, 255, 0.75); cursor: pointer; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .flickity-prev-next-button:hover { background: #fff; } .flickity-prev-next-button:focus { outline: 0; box-shadow: 0 0 0 5px #09F; } .flickity-prev-next-button:active { filter: alpha(opacity=60); opacity: .6; } .flickity-prev-next-button.previous { left: 10px; } .flickity-prev-next-button.next { right: 10px; } .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; } .flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; } .flickity-prev-next-button:disabled { filter: alpha(opacity=30); opacity: .3; cursor: auto; } .flickity-prev-next-button svg { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; } .flickity-prev-next-button .arrow { fill: #333; } .flickity-prev-next-button.no-svg { color: #333; font-size: 26px; } .flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; filter: alpha(opacity=25); opacity: .25; cursor: pointer; } .flickity-page-dots .dot.is-selected { filter: alpha(opacity=100); opacity: 1; } .fancybox-enabled { overflow: hidden; } .fancybox-enabled body { overflow: visible; height: 100%; } .fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99993; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fancybox-container ~ .fancybox-container { z-index: 99992; } .fancybox-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #0f0f11; opacity: 0; transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fancybox-container--ready .fancybox-bg { opacity: .87; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-controls { position: absolute; top: 0; left: 0; right: 0; text-align: center; opacity: 0; z-index: 99994; transition: opacity .2s; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; direction: ltr; } .fancybox-show-controls .fancybox-controls { opacity: 1; } .fancybox-infobar { display: none; } .fancybox-show-infobar .fancybox-infobar { display: inline-block; pointer-events: all; } .fancybox-infobar__body { display: inline-block; width: 70px; line-height: 44px; font-size: 13px; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; text-align: center; color: #ddd; background-color: rgba(30, 30, 30, 0.7); pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased; } .fancybox-buttons { position: absolute; top: 0; right: 0; display: none; pointer-events: all; } .fancybox-show-buttons .fancybox-buttons { display: block; } .fancybox-slider-wrap { overflow: hidden; direction: ltr; } .fancybox-slider, .fancybox-slider-wrap { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; z-index: 99993; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; } .fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; } .fancybox-slide:before { content: ""; height: 100%; width: 0; } .fancybox-slide:before, .fancybox-slide > * { display: inline-block; vertical-align: middle; } .fancybox-slide > * { position: relative; padding: 24px; margin: 44px 0; border-width: 0; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box; } .fancybox-slide--image { overflow: hidden; } .fancybox-slide--image:before { display: none; } .fancybox-content { display: inline-block; position: relative; margin: 44px auto; padding: 0; border: 0; width: 80%; height: calc(100% - 88px); vertical-align: middle; line-height: normal; text-align: left; white-space: normal; outline: none; font-size: 16px; font-family: Arial,sans-serif; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; } iframe.fancybox-iframe { display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff; } .fancybox-slide--video .fancybox-content, .fancybox-slide--video .fancybox-iframe { background: transparent; } .fancybox-placeholder { z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fancybox-image, .fancybox-placeholder, .fancybox-spaceball { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; } .fancybox-image, .fancybox-spaceball { width: 100%; height: 100%; max-width: none; max-height: none; background: transparent; background-size: 100% 100%; } .fancybox-controls--canzoomOut .fancybox-placeholder { cursor: zoom-out; } .fancybox-controls--canzoomIn .fancybox-placeholder { cursor: zoom-in; } .fancybox-controls--canGrab .fancybox-placeholder { cursor: -webkit-grab; cursor: grab; } .fancybox-controls--isGrabbing .fancybox-placeholder { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-spaceball { z-index: 1; } .fancybox-tmp { position: absolute; top: -9999px; left: -9999px; visibility: hidden; } .fancybox-error { position: absolute; margin: 0; padding: 40px; top: 50%; left: 50%; width: 380px; max-width: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; cursor: default; } .fancybox-error p { margin: 0; padding: 0; color: #444; font: 16px/20px Helvetica Neue,Helvetica,Arial,sans-serif; } .fancybox-close-small { position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 0; outline: none; background: transparent; z-index: 10; cursor: pointer; } .fancybox-close-small:after { content: "×"; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 20px/30px Arial,Helvetica Neue,Helvetica,sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background: #fff; transition: background .2s; box-sizing: border-box; z-index: 2; } .fancybox-close-small:focus:after { outline: 1px dotted #888; } .fancybox-slide--video .fancybox-close-small { top: -36px; right: -36px; background: transparent; } .fancybox-close-small:hover:after { color: #555; background: #eee; } .fancybox-caption-wrap { position: absolute; bottom: 0; left: 0; right: 0; padding: 60px 30px 0; z-index: 99998; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8)); opacity: 0; transition: opacity .2s; pointer-events: none; } .fancybox-show-caption .fancybox-caption-wrap { opacity: 1; } .fancybox-caption { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.4); font-size: 14px; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; color: #fff; line-height: 20px; -webkit-text-size-adjust: none; } .fancybox-caption a, .fancybox-caption button { pointer-events: all; } .fancybox-caption a { color: #fff; text-decoration: underline; } .fancybox-button { display: inline-block; position: relative; width: 44px; height: 44px; line-height: 44px; margin: 0; padding: 0; border: 0; border-radius: 0; cursor: pointer; background: transparent; color: #fff; box-sizing: border-box; vertical-align: top; outline: none; } .fancybox-button--disabled { cursor: default; pointer-events: none; } .fancybox-button, .fancybox-infobar__body { background: rgba(30, 30, 30, 0.6); } .fancybox-button:hover { background: rgba(0, 0, 0, 0.8); } .fancybox-button:after, .fancybox-button:before { content: ""; pointer-events: none; position: absolute; border-color: #fff; background-color: currentColor; color: currentColor; opacity: .9; box-sizing: border-box; display: inline-block; } .fancybox-button--disabled:after, .fancybox-button--disabled:before { opacity: .5; } .fancybox-button--left:after { left: 20px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .fancybox-button--left:after, .fancybox-button--right:after { top: 18px; width: 6px; height: 6px; background: transparent; border-top: 2px solid currentColor; border-right: 2px solid currentColor; } .fancybox-button--right:after { right: 20px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-button--left { border-bottom-left-radius: 5px; } .fancybox-button--right { border-bottom-right-radius: 5px; } .fancybox-button--close { float: right; } .fancybox-button--close:after, .fancybox-button--close:before { content: ""; display: inline-block; position: absolute; height: 2px; width: 16px; top: calc(50% - 1px); left: calc(50% - 8px); } .fancybox-button--close:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-button--close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .fancybox-loading { border: 6px solid rgba(99, 99, 99, 0.4); border-top: 6px solid rgba(255, 255, 255, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: a .8s infinite linear; animation: a .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 99999; } @-webkit-keyframes a { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes a { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @media (max-width: 800px) { .fancybox-controls { text-align: left; } .fancybox-button--left, .fancybox-button--right, .fancybox-buttons button:not(.fancybox-button--close) { display: none !important; } .fancybox-caption { padding: 20px 0; margin: 0; } } .fancybox-button--fullscreen:before { width: 15px; height: 11px; left: 15px; top: 16px; border: 2px solid; background: none; } .fancybox-button--play:before { top: 16px; left: 18px; width: 0; height: 0; border-top: 6px inset transparent; border-bottom: 6px inset transparent; border-left: 10px solid; border-radius: 1px; background: transparent; } .fancybox-button--pause:before { top: 16px; left: 18px; width: 7px; height: 11px; border-style: solid; border-width: 0 2px; background: transparent; } .fancybox-button--thumbs span { font-size: 23px; } .fancybox-button--thumbs:before { top: 20px; left: 21px; width: 3px; height: 3px; box-shadow: 0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0; } .fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap { right: 220px; } .fancybox-thumbs { position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 220px; margin: 0; padding: 5px 5px 0 0; background: #fff; z-index: 99993; word-break: normal; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: transparent; box-sizing: border-box; } .fancybox-thumbs > ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0; } .fancybox-thumbs > ul > li { float: left; overflow: hidden; max-width: 50%; padding: 0; margin: 0; width: 105px; height: 75px; position: relative; cursor: pointer; outline: none; border: 5px solid #fff; border-top-width: 0; border-right-width: 0; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; } li.fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); } .fancybox-thumbs > ul > li > img { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-thumbs > ul > li:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity: 1; } @media (max-width: 800px) { .fancybox-thumbs { display: none !important; } .fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap { right: 0; } } .mejs-offscreen { position: absolute !important; top: -10000px; overflow: hidden; width: 1px; height: 1px; } .mejs-container { position: relative; background: #000; font-family: Helvetica,Arial; text-align: left; vertical-align: top; text-indent: 0; } .me-plugin { position: absolute; } .mejs-embed, .mejs-embed body { width: 100%; height: 100%; margin: 0; padding: 0; background: #000; overflow: hidden; } .mejs-fullscreen { overflow: hidden !important; } .mejs-container-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; } .mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video { width: 100%; height: 100%; } .mejs-clear { clear: both; } .mejs-background { position: absolute; top: 0; left: 0; } .mejs-mediaelement { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mejs-poster { position: absolute; top: 0; left: 0; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; } :root .mejs-poster img { display: none; } .mejs-poster img { border: 0; padding: 0; border: 0; } .mejs-overlay { position: absolute; top: 0; left: 0; } .mejs-overlay-play { cursor: pointer; } .mejs-overlay-button { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px 0 0 -50px; background: url(bigplay.svg) no-repeat; } .no-svg .mejs-overlay-button { background-image: url(bigplay.png); } .mejs-overlay:hover .mejs-overlay-button { background-position: 0 -100px; } .mejs-overlay-loading { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; background: #333; background: url(background.png); background: rgba(0, 0, 0, 0.9); background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(50, 50, 50, 0.9)), to(rgba(0, 0, 0, 0.9))); background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: -o-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); } .mejs-overlay-loading span { display: block; width: 80px; height: 80px; background: transparent url(loading.gif) 50% 50% no-repeat; } .mejs-container .mejs-controls { position: absolute; list-style-type: none; margin: 0; padding: 0; bottom: 0; left: 0; background: url(background.png); background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7))); background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); height: 30px; width: 100%; } .mejs-container .mejs-controls div { list-style-type: none; background-image: none; display: block; float: left; margin: 0; padding: 0; width: 26px; height: 26px; font-size: 11px; line-height: 11px; font-family: Helvetica,Arial; border: 0; } .mejs-controls .mejs-button button { cursor: pointer; display: block; font-size: 0; line-height: 0; text-decoration: none; margin: 7px 5px; padding: 0; position: absolute; height: 16px; width: 16px; border: 0; background: transparent url(controls.svg) no-repeat; } .no-svg .mejs-controls .mejs-button button { background-image: url(controls.png); } .mejs-controls .mejs-button button:focus { outline: dotted 1px #999; } .mejs-container .mejs-controls .mejs-time { color: #fff; display: block; height: 17px; width: auto; padding: 10px 3px 0; overflow: hidden; text-align: center; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .mejs-container .mejs-controls .mejs-time a { color: #fff; font-size: 11px; line-height: 12px; display: block; float: left; margin: 1px 2px 0 0; width: auto; } .mejs-controls .mejs-play button { background-position: 0 0; } .mejs-controls .mejs-pause button { background-position: 0 -16px; } .mejs-controls .mejs-stop button { background-position: -112px 0; } .mejs-controls div.mejs-time-rail { direction: ltr; width: 200px; padding-top: 5px; } .mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail a { display: block; position: absolute; width: 180px; height: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor: pointer; } .mejs-controls .mejs-time-rail .mejs-time-total { margin: 5px; background: #333; background: rgba(50, 50, 50, 0.8); background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8))); background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); } .mejs-controls .mejs-time-rail .mejs-time-buffering { width: 100%; background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; -o-background-size: 15px 15px; background-size: 15px 15px; -webkit-animation: buffering-stripes 2s linear infinite; -moz-animation: buffering-stripes 2s linear infinite; -ms-animation: buffering-stripes 2s linear infinite; -o-animation: buffering-stripes 2s linear infinite; animation: buffering-stripes 2s linear infinite; } @-webkit-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } @-moz-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } @-ms-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } @-o-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } @keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #3caac8; background: rgba(60, 170, 200, 0.8); background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(44, 124, 145, 0.8)), to(rgba(78, 183, 212, 0.8))); background: -webkit-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); background: -moz-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); background: -o-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); background: -ms-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); background: linear-gradient(rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); width: 0; } .mejs-controls .mejs-time-rail .mejs-time-current { background: #fff; background: rgba(255, 255, 255, 0.8); background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); width: 0; } .mejs-controls .mejs-time-rail .mejs-time-handle { display: none; position: absolute; margin: 0; width: 10px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; border: solid 2px #333; top: -2px; text-align: center; } .mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none; background: #eee; width: 36px; height: 17px; border: solid 1px #333; top: -26px; margin-left: -18px; text-align: center; color: #111; } .mejs-controls .mejs-time-rail .mejs-time-float-current { margin: 2px; width: 30px; display: block; text-align: center; left: 0; } .mejs-controls .mejs-time-rail .mejs-time-float-corner { position: absolute; display: block; width: 0; height: 0; line-height: 0; border: solid 5px #eee; border-color: #eee transparent transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: 15px; left: 13px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float { width: 48px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current { width: 44px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner { left: 18px; } .mejs-controls .mejs-fullscreen-button button { background-position: -32px 0; } .mejs-controls .mejs-unfullscreen button { background-position: -32px -16px; } .mejs-controls .mejs-mute button { background-position: -16px -16px; } .mejs-controls .mejs-unmute button { background-position: -16px 0; } .mejs-controls .mejs-volume-button { position: relative; } .mejs-controls .mejs-volume-button .mejs-volume-slider { display: none; height: 115px; width: 25px; background: url(background.png); background: rgba(50, 50, 50, 0.7); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: -115px; left: 0; z-index: 1; position: absolute; margin: 0; } .mejs-controls .mejs-volume-button:hover { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.5); margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.9); margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { position: absolute; left: 4px; top: -3px; width: 16px; height: 6px; background: #ddd; background: rgba(255, 255, 255, 0.9); cursor: N-resize; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; margin: 0; } .mejs-controls a.mejs-horizontal-volume-slider { height: 26px; width: 56px; position: relative; display: block; float: left; vertical-align: middle; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #333; background: rgba(50, 50, 50, 0.8); background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8))); background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #fff; background: rgba(255, 255, 255, 0.8); background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none; } .mejs-controls .mejs-captions-button { position: relative; } .mejs-controls .mejs-captions-button button { background-position: -48px 0; } .mejs-controls .mejs-captions-button .mejs-captions-selector { visibility: hidden; position: absolute; bottom: 26px; right: -51px; width: 85px; height: 100px; background: url(background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px 10px 0; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li { margin: 0 0 6px; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label { width: 55px; float: left; padding: 4px 0 0; line-height: 15px; font-family: helvetica,arial; font-size: 10px; } .mejs-controls .mejs-captions-button .mejs-captions-translations { font-size: 10px; margin: 0 0 5px; } .mejs-chapters { position: absolute; top: 0; left: 0; -xborder-right: solid 1px #fff; width: 10000px; z-index: 1; } .mejs-chapters .mejs-chapter { position: absolute; float: left; background: #222; background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7))); background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000); overflow: hidden; border: 0; } .mejs-chapters .mejs-chapter .mejs-chapter-block { font-size: 11px; color: #fff; padding: 5px; display: block; border-right: solid 1px #333; border-bottom: solid 1px #333; cursor: pointer; } .mejs-chapters .mejs-chapter .mejs-chapter-block-last { border-right: 0; } .mejs-chapters .mejs-chapter .mejs-chapter-block:hover { background: #666; background: rgba(102, 102, 102, 0.7); background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6))); background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232); } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title { font-size: 12px; font-weight: 700; display: block; white-space: nowrap; text-overflow: ellipsis; margin: 0 0 3px; line-height: 12px; } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan { font-size: 12px; line-height: 12px; margin: 3px 0 4px; display: block; white-space: nowrap; text-overflow: ellipsis; } .mejs-captions-layer { position: absolute; bottom: 0; left: 0; text-align: center; line-height: 20px; font-size: 16px; color: #fff; } .mejs-captions-layer a { color: #fff; text-decoration: underline; } .mejs-captions-layer[lang=ar] { font-size: 20px; font-weight: 400; } .mejs-captions-position { position: absolute; width: 100%; bottom: 15px; left: 0; } .mejs-captions-position-hover { bottom: 35px; } .mejs-captions-text { padding: 3px 5px; background: url(background.png); background: rgba(20, 20, 20, 0.5); white-space: pre-wrap; } .me-cannotplay a { color: #fff; font-weight: 700; } .me-cannotplay span { padding: 15px; display: block; } .mejs-controls .mejs-loop-off button { background-position: -64px -16px; } .mejs-controls .mejs-loop-on button { background-position: -64px 0; } .mejs-controls .mejs-backlight-off button { background-position: -80px -16px; } .mejs-controls .mejs-backlight-on button { background-position: -80px 0; } .mejs-controls .mejs-picturecontrols-button { background-position: -96px 0; } .mejs-contextmenu { position: absolute; width: 150px; padding: 10px; border-radius: 4px; top: 0; left: 0; background: #fff; border: solid 1px #999; z-index: 1001; } .mejs-contextmenu .mejs-contextmenu-separator { height: 1px; font-size: 0; margin: 5px 6px; background: #333; } .mejs-contextmenu .mejs-contextmenu-item { font-family: Helvetica,Arial; font-size: 12px; padding: 4px 6px; cursor: pointer; color: #333; } .mejs-contextmenu .mejs-contextmenu-item:hover { background: #2C7C91; color: #fff; } .mejs-controls .mejs-sourcechooser-button { position: relative; } .mejs-controls .mejs-sourcechooser-button button { background-position: -128px 0; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url(background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li { margin: 0 0 6px; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label { width: 100px; float: left; padding: 4px 0 0; line-height: 15px; font-family: helvetica,arial; font-size: 10px; } .mejs-postroll-layer { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url(background.png); background: rgba(50, 50, 50, 0.7); z-index: 1000; overflow: hidden; } .mejs-postroll-layer-content { width: 100%; height: 100%; } .mejs-postroll-close { position: absolute; right: 0; top: 0; background: url(background.png); background: rgba(50, 50, 50, 0.7); color: #fff; padding: 4px; z-index: 100; cursor: pointer; } div.mejs-speed-button { width: 46px !important; position: relative; } .mejs-controls .mejs-button.mejs-speed-button button { background: transparent; width: 36px; font-size: 11px; line-height: normal; color: #fff; } .mejs-controls .mejs-speed-button .mejs-speed-selector { visibility: hidden; position: absolute; top: -100px; left: -10px; width: 60px; height: 100px; background: url(background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 0; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mejs-controls .mejs-speed-button:hover > .mejs-speed-selector { visibility: visible; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected { color: #21f8f8; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li { margin: 0 0 6px; padding: 0 10px; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; display: none; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li label { width: 60px; float: left; padding: 4px 0 0; line-height: 15px; font-family: helvetica,arial; font-size: 11.5px; color: #fff; margin-left: 5px; cursor: pointer; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover { background-color: #c8c8c8 !important; background-color: rgba(255, 255, 255, 0.4) !important; } .mejs-controls .mejs-button.mejs-skip-back-button { background: transparent url(skipback.png) no-repeat; background-position: 3px 3px; } .mejs-controls .mejs-button.mejs-skip-back-button button { background: transparent; font-size: 9px; line-height: normal; color: #fff; } .entries--minimal { position: relative; } .entry-minimal { position: relative; padding: 12px 0; opacity: 0; transform: translate3d(0, 10px, 0); visibility: hidden; transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear; transition-delay: 0; } .entry-minimal.re.active { opacity: 0; transform: translate3d(0, -10px, 0); visibility: hidden; } .entry-minimal.active { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .entry-minimal__title { padding-left: 170px; margin: 0; font-size: 1.0625rem; font-weight: 500; line-height: 1.5; width: 100%; } .entry-minimal__title span:after { margin-top: -1px; } .entry-minimal:hover span:after { height: 2px; } .entry-minimal__time { position: absolute; right: calc(100% - 125px); width: 125px; font-size: 0.8125rem; line-height: 1.2; font-weight: 500; opacity: .5; padding-top: 5px; } .entry-minimal__image { display: none; } .entries-thumbnails .entry-minimal__image { display: block; } .entries-thumbnails { position: absolute; overflow: hidden; top: 0; right: 0; transition: top 200ms linear, transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), height 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 100ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 200ms linear; transform: translateY(-40%); visibility: visible; } .entries-thumbnails:not(.active) { height: 0 !important; opacity: 0; transform: translateY(-50px); visibility: hidden; } .entries-thumbnails.re.active { opacity: 0; transform: translateY(-50px); visibility: hidden; } .entries-thumbnails__container { transform: translateY(0); transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1); } .entries-thumbnails img { margin: 0; } .blog .entry-portfolio a:hover .entry-sitle { background-position: 0 calc(100% - 2px); } .blog .entry-portfolio a:hover img { opacity: .85; } .blog .entry-portfolio { margin-bottom: 100px; } @media screen and (max-width: 520px) { .blog .entry-portfolio { margin-bottom: 70px; } } .blog .entry-portfolio .entry-caption { position: static; display: block; padding-top: 35px; text-align: center; } .blog .entry-portfolio .entry-neta { font-size: 0.875rem; opacity: .5; } .blog .entry-portfolio .entry-neta :first-child:after { content: "-"; display: inline-block; } .blog .entry-portfolio .entry-sitle { font-size: 0.875rem; line-height: 1.8; font-weight: 500; margin: 5px auto 0; display: inline; background-size: 100% 2px; background-position: 0 calc(100% + 2px); background-repeat: no-repeat; transition: all 100ms linear; } .blog .entry-portfolio img { transition: all 200ms linear; } .blog .STAMP { width: 100%; height: 65vh; max-height: 600px; max-width: none; left: 0 !important; margin: 150px 0 250px; overflow: visible; } .blog .STAMP .stamp-holder { width: 100vw; height: 100%; left: calc((((100vw - 100%) / 2) * -1)) !important; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; } .blog .STAMP .stamp-holder:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.35); z-index: 1; } .blog .STAMP img { display: none; } .blog .STAMP .stamp-content { position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; z-index: 2; } .blog .STAMP .stamp-time { font-size: 0.6875rem; color: #fff; } .blog .STAMP .stamp-title { font-size: 2.0625rem; font-weight: 600; margin-bottom: 0; color: #fff; } .blog .STAMP .stamp-link { font-size: 0.9375rem; color: #fff; display: inline-block; width: auto; } .blog .STAMP .stamp-link:after { height: 2px; } .post-navigation.bigger { display: none; font-size: 2.8125rem; font-weight: bold; text-align: center; margin-top: 150px; } .single-post .post-navigation.bigger { display: block; } .post-navigation.bigger > div { float: none !important; margin: auto; width: auto; display: inline-block; } .post-navigation.bigger .no span:first-child:after { width: 37px; opacity: .15; margin: 0 137px; } .single-post .post-navigation.bigger .no span:first-child:after { margin: 0 96px; } .post-navigation.bigger a { transform: scale(0.7); position: relative; top: -5px; margin: 0; } .post-navigation.bigger a.prev { margin-right: 112px; } .single-post .post-navigation.bigger a.prev { margin-right: 76px; } .post-navigation.bigger a.next { margin-left: 112px; } .single-post .post-navigation.bigger a.next { margin-left: 76px; } .blog-posts-carousel { width: 100vw; left: calc((((100vw - 100%) / 2) * -1)); margin-bottom: 150px; opacity: 0; visibility: hidden; transition: opacity 400ms linear, visibility 400ms linear; } .blog-posts-carousel.enabled { opacity: 1; visibility: visible; } .blog-posts-carousel .car-post { width: 47%; margin: 0 5%; opacity: .25; overflow: hidden; transition: opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1); } .blog-posts-carousel .car-post:hover { opacity: .4; } .blog-posts-carousel .car-post .car-header { overflow: hidden; margin-bottom: 0; } .blog-posts-carousel .car-post .car-image { transition: transform 800ms cubic-bezier(0.39, 0.575, 0.565, 1); width: 100%; max-width: none; } .blog-posts-carousel .car-post .car-content { opacity: 0; transform: translate3d(0, 20px, 0); visibility: hidden; transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear; transition-delay: 200ms; text-align: center; max-width: 80%; margin: 50px auto 0; } .blog-posts-carousel .car-post .car-content.re.active { opacity: 0; transform: translate3d(0, -20px, 0); visibility: hidden; } .blog-posts-carousel .car-post .car-meta { font-size: 0.8125rem; opacity: .5; display: block; } .blog-posts-carousel .car-post a { padding-top: 25px; } .blog-posts-carousel .car-post a:hover .car-title { background-position: 0 calc(100% - 4px); } .blog-posts-carousel .car-post .car-title { font-size: 2.0625rem; font-weight: 600; line-height: 1.4; margin: 25px 0 0 0; display: inline; background-size: 100% 2px; background-position: 0 calc(100% + 3px); background-repeat: no-repeat; transition: all 100ms linear; } .blog-posts-carousel .car-post .car-excerpt { font-size: 1.125rem; opacity: .5; margin: 25px 0 0 0; } .blog-posts-carousel .car-post.is-selected { opacity: 1; } .blog-posts-carousel .car-post.is-selected .car-content { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .blog-posts-carousel .car-post.is-selected .car-image { transform: translate3d(0, 0, 0); } .blog-posts-carousel .car-post.after-selected .car-image { transform: translate3d(-100px, 0, 0); } .blog-posts-carousel .car-post.before-selected .car-image { transform: translate3d(100px, 0, 0); } .archive-header { margin: 50px auto 120px; text-align: center; position: relative; opacity: 0; transform: translate3d(0, 10px, 0); visibility: hidden; transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear; transition-delay: 0; } .archive-header.re.active { opacity: 0; transform: translate3d(0, -10px, 0); visibility: hidden; } .archive-header.active { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .archive-header h1 { font-size: 7rem; font-weight: bold; opacity: .1; margin: 0; } .archive-header h3, .archive-header #respond .form-submit #submit, #respond .form-submit .archive-header #submit { font-size: 1.375rem; opacity: .35; margin: -50px 0 0 0; } .entry-archive { margin-bottom: 75px; opacity: 0; transform: translate3d(0, 25px, 0); visibility: hidden; transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear; transition-delay: 0; } .entry-archive.re.active { opacity: 0; transform: translate3d(0, -25px, 0); visibility: hidden; } .entry-archive.active { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .entry-archive h2 { font-size: 1.3125rem; margin-bottom: 25px; } .entry-archive .entry-excerpt { font-size: 1.125rem; opacity: .25; } .entry-archive .entry-read-link { font-size: 0.8125rem; opacity: .7; } .entry-archive .entry-read-link:after { height: 2px; } .archive time { position: relative; top: 6px; } .search-results .entry-time .entry-minimal__time { width: 100%; } .post-navigation { font-size: 2.1875rem; line-height: 1; margin-top: 50px; *zoom: 1; opacity: 0; transform: translate3d(0, 20px, 0); visibility: hidden; transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear; transition-delay: 0; } .post-navigation:after { content: ''; display: table; clear: both; } .post-navigation.re.active { opacity: 0; transform: translate3d(0, -20px, 0); visibility: hidden; } .post-navigation.active { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .post-navigation .no span:first-child:after { content: ""; display: inline-block; width: 50px; height: 1px; background: #fff; position: relative; bottom: 10px; margin: 0 20px; } .post-navigation a { padding: 0 15px; margin: 0 15px; } .post-navigation a span { opacity: .15; } .post-navigation a[href] span { opacity: 1; } .entry-header { margin-bottom: 50px; opacity: 0; transform: translate3d(0, 25px, 0); visibility: hidden; transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear; transition-delay: 0; } .entry-header.re.active { opacity: 0; transform: translate3d(0, -25px, 0); visibility: hidden; } .entry-header.active { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .entry-title { font-size: 2.0625rem; margin-bottom: 25px; margin-top: 0; line-height: 1.2; font-weight: 600; } .entry-meta { opacity: .5; font-size: 0.8125rem; line-height: 1.2; font-weight: 600; margin: 0; } .entry-meta div { display: inline-block; position: relative; margin: 0; } .entry-meta div:not(:first-child) { margin-left: 15px; padding-left: 40px; } .entry-meta div:not(:first-child):before { content: ""; display: block; width: 25px; height: 1px; background: #fff; opacity: .5; position: absolute; top: 7px; left: 0; } @media screen and (min-width: 1024px) { .entry-meta div.desk--right:before { display: none; } } .entry-navigation { text-align: center; *zoom: 1; opacity: 0; transform: translate3d(0, 25px, 0); visibility: hidden; transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear; transition-delay: 0; } .entry-navigation:after { content: ''; display: table; clear: both; } .entry-navigation > div { width: auto; display: inline-block; } .entry-navigation.re.active { opacity: 0; transform: translate3d(0, -25px, 0); visibility: hidden; } .entry-navigation.active { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .entry-navigation--post { top: 50%; right: 0; } @media screen and (min-width: 1640px) { .entry-navigation--post { width: 720px; right: calc((100% - 1540px)/2); } } .entry-navigation.responsive { display: none; } .post-full .entry-navigation { width: 60% !important; left: 0; position: relative !important; margin: 100px auto 0; text-align: left; display: block !important; } .post-full .entry-navigation > div { display: block; width: 100%; } .post-full .entry-navigation a { font-size: 4.0625rem; width: 100%; } .post-full .entry-navigation__info { left: 0; width: 100%; } .post-full ~ .entry-navigation.responsive { display: none !important; } .entry-navigation__item { display: block; font-size: 2.9375rem; line-height: 1; float: left; clear: left; font-weight: 600; } .entry-navigation__info { position: absolute; top: 100%; left: 30%; margin-top: 10px; width: 40%; opacity: 0; transform: translate3d(0, -15px, 0); transition: all 150ms linear; font-size: 1.0625rem; font-weight: 500; line-height: 1.4; visibility: hidden; pointer-events: none; } .entry-navigation__item:hover .entry-navigation__info { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .edit-link, .comment-reply-link { opacity: .5; font-size: 0.9375rem; font-weight: 500; text-transform: capitalize; } .comment-reply-link { position: relative; opacity: 0; visibility: hidden; } .comment-reply-link:before { content: ""; display: block; width: 6px; height: 6px; border-radius: 6px; position: absolute; left: -12px; top: 8px; background: red; transition: all 200ms linear; } .comment-reply-link:hover { opacity: 1 !important; } .comment-reply-link:after { display: none !important; } .comment-content:hover .comment-reply-link { opacity: .5; visibility: visible; } .entry-footer { position: relative; z-index: 99; } .post-tags, .post-tags-woo { margin: 30px 0 50px; font-size: 0.8125rem; } .post-tags .icon, .post-tags-woo .icon { display: inline-block; position: relative; top: 7px; left: 1px; margin-right: 15px; } .post-tags .icon path, .post-tags-woo .icon path { stroke: transparent !important; } p.demo_store { background: #f90; position: fixed; bottom: 0; left: 0; width: 100%; height: 50px; margin: 0; padding-top: 13px; text-align: center; z-index: 99999; font-weight: 500; color: #fff !important; } .post-full { width: 84%; } .post-full .entry-header { position: relative; padding-top: 45px; margin-bottom: 140px; } .post-full .entry-header .time-author { position: absolute; top: 0; width: 100%; } .post-full .entry-title { font-size: 3.5625rem; line-height: 1.3; margin-bottom: 50px; } .post-full .entry-meta { font-size: 1.0625rem; opacity: 1; } .post-full .entry-meta div:not(:first-child):before { width: 30px; top: 10px; opacity: 1; left: -5px; } .post-full .entry-meta .comments { padding-left: 0; margin-left: 0; float: none !important; } .post-full .entry-meta .comments:before { display: none !important; } .post-full .entry-content { width: 60%; margin: auto; } .post-full .entry-content .fluid-width-video-wrapper, .post-full .entry-content .alignnone, .post-full .entry-content blockquote, .post-full .entry-content .wp-video { margin: 100px 0 100px -33%; width: 166% !important; max-width: none; } .post-full .entry-content .fluid-width-video-wrapper { padding-top: 93.2% !important; } .post-full .entry-content .grid__item .fluid-width-video-wrapper, .post-full .entry-content .grid__item .alignnone, .post-full .entry-content .grid__item blockquote, .post-full .entry-content .grid__item .wp-video { margin-top: 0; margin-bottom: 0; } .post-full .entry-footer { margin-left: 20%; } .post-full .entry-navigation { position: static; width: auto; margin-top: 100px; } .post-full.w-hero { width: 100%; } .post-full.w-hero .entry-header, .post-full.w-hero .entry-content { margin: auto; width: 60%; } @media all and (max-width: 1180px) { .post-full.w-hero .entry-header, .post-full.w-hero .entry-content { width: 75%; } } .post-full.w-hero .entry-meta .comments { display: none; } .post-full.w-hero .entry-meta .time-author { position: relative; top: -20px; } .post-full.w-hero .entry-content { margin-top: 150px; } .post-full.w-hero .entry-content .fluid-width-video-wrapper, .post-full.w-hero .entry-content .alignnone, .post-full.w-hero .entry-content blockquote, .post-full.w-hero .entry-content .wp-video { margin: 100px 0 100px -15%; width: 130% !important; } .post-full.w-hero .entry-content .fluid-width-video-wrapper { padding-top: 93.2% !important; } .post-full.w-hero .entry-hero-tagline.hero-vertical-text- > div { align-self: center; } .post-full.w-hero .entry-hero-tagline.hero-vertical-text- > div .entry-header { width: 100%; padding-top: 0; margin-top: -100px; } .post-full.w-hero .entry-hero-tagline.hero-vertical-text- > div .entry-title { padding-bottom: 0; } .post-full.w-hero .entry-hero-tagline.hero-vertical-text- > div .entry-meta div { align-self: initial; width: auto; } .hero-1 .post-full.w-hero .entry-content { margin-top: 0; } .post-full.w-hero .entry-hero-tagline { padding-bottom: 0; } .comments-link { font-size: 0.8125rem; text-align: center; color: rgba(255, 255, 255, 0.2); cursor: pointer; display: inline-block; margin-top: 50px; } .comments-link:hover { color: white; } .comments-link span { display: block; width: 50px; height: 50px; position: relative; left: 50%; margin-left: -25px; margin-bottom: 7px; border-radius: 100%; line-height: 46px; background: transparent; border: 2px solid #0ff1b3; color: #0ff1b3; font-size: 1.0625rem; } .comments-link.opened span { background: #0ff1b3; color: #111; } #comments { opacity: 0; display: none; position: relative; z-index: 997; opacity: 0; transform: translate3d(0, 100px, 0); visibility: hidden; transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear; transition-delay: 0; } #comments.re.active { opacity: 0; transform: translate3d(0, -100px, 0); visibility: hidden; } #comments.opened { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } #comments .comments-wrapper { background: #fff; color: #000; position: relative; z-index: 999; margin-top: 125px; padding-top: 100px; } #comments .comments-wrapper a { color: #000; } #comments .comments-wrapper:before { display: block; content: ""; position: absolute; top: 0; width: 200%; height: 100%; left: -50%; z-index: -1; background: inherit; } #comments-list { margin: 0; list-style: none; } #comments-list > .comment:first-child { margin-top: 0; padding-top: 0; } #comments-list .children { margin: 100px 0 0 0; list-style: none; } #comments-list .children li { padding-left: 120px; } #comments-list .children .children li { padding-left: 220px; } #comments-list .comment-meta { position: relative; } .comment { position: relative; min-height: 160px; } #comments-list .comment { margin-bottom: 90px; } .comment-avatar { position: absolute !important; width: 80px; height: 80px; } .comment-avatar img { border-radius: 100%; } .comment-avatar .by-author { position: absolute; width: 36px; height: 36px; border-radius: 100%; bottom: -18px; left: 50%; margin-left: -18px; text-align: center; line-height: 38px; } .comment-content { float: left; width: 100%; padding-left: 115px; } .comment-content ol ul { margin: 0; } .comment-content p { margin-bottom: 25px; } .comment-content .await { font-size: 0.8125rem; opacity: .5; } .comment-meta { margin-bottom: 35px; } .comment-meta h6 { font-size: 0.9375rem; line-height: 1; font-weight: 600; margin-bottom: 5px; } .comment-meta h6 a { color: #000; } .comment-meta span { font-size: 0.8125rem; line-height: 1; opacity: .3; display: block; font-weight: 600; } #respond { position: relative; } #respond h3, #respond .form-submit #submit { position: absolute; font-size: 4.75rem; font-weight: bold; color: rgba(0, 0, 0, 0.07); top: -58px; left: 35px; width: 100%; } #respond h3 small, #respond .form-submit #submit small { position: absolute; top: 25px; right: 35px; font-size: 0.875rem; } #respond h3 small a, #respond .form-submit #submit small a { color: rgba(0, 0, 0, 0.5); } #respond h3 small a:hover, #respond .form-submit #submit small a:hover { color: #000; } #respond form { border-top: 5px solid #000; padding-bottom: 215px; } #respond form div { position: relative; } #respond form input, #respond form textarea { border: none; outline: none; background: transparent; font-size: 0.8125rem; resize: none; width: calc(100% - 20px); height: 100%; position: relative; top: -17px; left: 10px; padding: 0; font-weight: 600; text-transform: none; } #respond form input:-ms-input-placeholder, #respond form textarea:-ms-input-placeholder { opacity: 1 !important; text-transform: uppercase; font-weight: 600 !important; } #respond form input::-ms-input-placeholder, #respond form textarea::-ms-input-placeholder { opacity: 1 !important; text-transform: uppercase; font-weight: 600 !important; } #respond form input::-moz-input-placeholder, #respond form textarea::-moz-input-placeholder { opacity: 1 !important; text-transform: uppercase; font-weight: 600 !important; } #respond form input::-webkit-input-placeholder, #respond form textarea::-webkit-input-placeholder { opacity: 1 !important; text-transform: uppercase; font-weight: 600 !important; } #respond form input::placeholder, #respond form textarea::placeholder { opacity: 1 !important; text-transform: uppercase; font-weight: 600 !important; } #respond form textarea { top: 15px; height: 125px; font-weight: 400; line-height: 1.6; } #respond .form-comment { border-top: 1px solid #000; border-bottom: 1px solid #000; height: 175px; position: absolute; width: 100%; top: 75px; } #respond .form-author, #respond .form-email { border-right: 1px solid #000; display: inline-block; width: 50%; height: 70px; float: left; } #respond .form-email { border-right: none; } #respond .logged-in-as, #respond .must-log-in { font-size: 0.8125rem; font-weight: 600; padding-left: 10px; padding-top: 10px; position: relative; z-index: 99; } #respond .logged-in-as a:hover, #respond .must-log-in a:hover { opacity: .8; } #respond .form-submit #submit { bottom: -35px; top: auto; left: auto; right: 0; cursor: pointer; transition: 150ms all linear; width: auto; height: auto; line-height: .8; padding: 0 60px; z-index: 9; } #respond .form-submit #submit:hover { color: #000; } #respond .form-submit #submit.disabled { opacity: .3; pointer-events: none; } .comment + #respond { width: calc(100% - 115px); margin-left: 115px; margin-bottom: 90px; } .hide-comments { margin: 35px 0 100px; font-size: 2.1875rem; font-weight: 700; width: auto; padding: 0; display: inline-block; } .hide-comments:before { content: ""; display: block; width: 2px; height: 35px; background: #000; margin-bottom: 15px; position: relative; left: 50%; } #ajax-response { position: absolute; bottom: -50px; color: #e24343; margin: 0; font-size: 0.8125rem; font-weight: 600; } .sticked { right: -100%; top: auto; bottom: 0; margin-bottom: 62px; margin-right: -100px; position: absolute; } .rp4wp-related-posts { margin-top: 120px; margin-bottom: 80px; } .rp4wp-related-posts h3, .rp4wp-related-posts #respond .form-submit #submit, #respond .form-submit .rp4wp-related-posts #submit { font-size: 0.8125rem; text-transform: uppercase; font-weight: 600; letter-spacing: 9px; } .rp4wp-related-posts ul { list-style: none; margin-left: -30px; display: flex; } .rp4wp-related-posts li { width: 33.33%; padding-left: 30px; margin-bottom: 0; } .rp4wp-related-posts .rp4wp-related-post-content { background: #f2f2f2; padding: 25px 25px 60px; height: 100%; position: relative; cursor: pointer; transition: all 150ms linear; } .rp4wp-related-posts .rp4wp-related-post-content a:after { display: none !important; } .rp4wp-related-posts .rp4wp-related-post-content h5 { font-size: 1.0625rem; color: #353535 !important; font-weight: 600 !important; margin-bottom: 15px; transition: all 150ms linear; } .rp4wp-related-posts .rp4wp-related-post-content p { font-size: 0.8125rem; color: #a7a6a6 !important; font-weight: 500; transition: all 150ms linear; } .rp4wp-related-posts .rp4wp-related-post-content:after { content: "→"; color: #353535 !important; display: block; position: absolute; bottom: 15px; right: 25px; font-size: 1.125rem; font-weight: 300; transition: all 150ms linear; } .rp4wp-related-posts .rp4wp-related-post-content:hover { background: #1c1c1c; } .rp4wp-related-posts .rp4wp-related-post-content:hover h5 { color: #fff !important; } .rp4wp-related-posts .rp4wp-related-post-content:hover p { color: #5d5d5d !important; } .rp4wp-related-posts .rp4wp-related-post-content:hover:after { color: #fff !important; } .rp4wp-related-posts .rp4wp-related-post-image { display: none; } .latest-blog { margin-left: -20px; width: calc(100% + 40px); *zoom: 1; } .latest-blog:after { content: ''; display: table; clear: both; } .latest-blog.cols-3 .lb-entry { width: 33%; } @media screen and (max-width: 1024px) { .latest-blog.cols-3 .lb-entry { width: 50%; } } @media screen and (max-width: 640px) { .latest-blog.cols-3 .lb-entry { width: 100%; } } .latest-blog.cols-4 .lb-entry { width: 25%; } @media screen and (max-width: 1024px) { .latest-blog.cols-4 .lb-entry { width: 50%; } } @media screen and (max-width: 640px) { .latest-blog.cols-4 .lb-entry { width: 100%; } } .latest-blog .lb-entry { float: left; padding: 0 20px; margin-bottom: 40px; } .latest-blog .lb-entry a { color: #000; position: relative; height: 0; width: 100%; padding-top: 100%; overflow: hidden; vertical-align: bottom; } @media screen and (min-width: 380px) { .no-touchevents .latest-blog .lb-entry a:hover .lb-content { height: 60%; padding-top: 11%; } .no-touchevents .latest-blog .lb-entry a:hover .lb-title { opacity: 0; } .no-touchevents .latest-blog .lb-entry a:hover .lb-excerpt { opacity: .5; } .no-touchevents .latest-blog .lb-entry a:hover .lb-arrow { opacity: 1; } .no-touchevents .latest-blog .lb-entry a:hover .lb-image img { transform: translateY(-25%); } } .latest-blog.with-image .lb-content { height: 50%; padding-top: 11%; } @media all and (min-width: 640px), all and (max-width: 480px) { .latest-blog.with-image a { padding-top: 120%; } } @media all and (max-width: 1180px) and (min-width: 1024px), all and (max-width: 740px) and (min-width: 640px), all and (max-width: 380px) { .latest-blog.with-image a { padding-top: 140%; } } .latest-blog.with-image .no-touchevents a:hover .lb-content { height: 50%; } @media screen and (max-width: 640px) { .latest-blog.regular a { padding-top: 50%; } .latest-blog.regular .lb-content { padding: 10%; height: 100% !important; } } @media screen and (max-width: 480px) { .latest-blog.regular a { padding-top: 80%; } } .latest-blog .lb-image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 7; background: rgba(255, 255, 255, 0.5); } .latest-blog .lb-image img { transform: translateY(-20%); transition: all 400ms cubic-bezier(0.39, 0.575, 0.565, 1); } .latest-blog .lb-content { background: #fff; padding: 16% 16% 10% 16%; position: absolute; z-index: 9; bottom: 0; height: 100%; width: 100%; transition: all 250ms cubic-bezier(0.39, 0.575, 0.565, 1); } .latest-blog .lb-content > div { position: relative; height: 100%; } .latest-blog .lb-title { font-size: 1.0625rem; font-weight: 500; transition: all 150ms cubic-bezier(0.39, 0.575, 0.565, 1); } .latest-blog .lb-excerpt { opacity: 0; font-size: 0.9375rem; width: 100%; left: 0; display: block; position: absolute; top: 0; overflow: hidden; height: 70px; transition: all 150ms cubic-bezier(0.39, 0.575, 0.565, 1); } .latest-blog .lb-meta { opacity: .25; font-size: 0; position: absolute; bottom: 0; } .latest-blog .lb-meta span:not(:first-child) { display: none; } .latest-blog .lb-meta span:first-child { font-size: 0.9375rem; } .latest-blog .lb-arrow { opacity: 0; position: absolute; bottom: -3px; right: 0; transition: all 150ms cubic-bezier(0.39, 0.575, 0.565, 1); } .single-portfolio .entry-title, .entry-hero-tagline h1 { font-size: 5.6875rem; font-size: 8vmin; padding-bottom: 100px; padding-bottom: 12vmin; line-height: 1.2; font-weight: bold; margin-bottom: 0; margin-top: 0; } @media screen and (max-width: 768px) { .single-portfolio .entry-title, .entry-hero-tagline h1 { font-size: 3.8125rem; font-size: 8vmin; padding-bottom: 75px; padding-bottom: 12vmin; } } @media screen and (max-width: 428px) { .single-portfolio .entry-title, .entry-hero-tagline h1 { font-size: 2.5625rem; font-size: 8vmin; padding-bottom: 50px; padding-bottom: 12vmin; } } .single-portfolio .entry-hero-tagline { padding-bottom: 0 !important; } .single-portfolio .entry-breadcrumb { font-family: "Helvetica Neue", Helvetica, sans-serif; font-size: 0.8125rem; margin-bottom: 45px; } .single-portfolio .entry-breadcrumb li { display: inline; } .single-portfolio .entry-breadcrumb li span { opacity: .5; } .single-portfolio .entry-breadcrumb li a span { opacity: 1; } .single-portfolio .entry-breadcrumb li:not(:last-child):after { content: " / "; opacity: .5; } .single-portfolio .portfolio-grid.related { position: relative; z-index: 99; margin: 150px 0 50px; } .entry-navigation--portfolio { z-index: 90; position: relative; display: block !important; margin-top: 200px; } @media screen and (min-width: 480px) { .entry-navigation--portfolio { width: auto; margin-right: -25px; } .entry-navigation--portfolio .entry-navigation__item { font-size: 5.9375rem; } .entry-navigation--portfolio .entry-navigation__link:after { display: none; } .entry-navigation--portfolio .entry-navigation__info { font-size: 1.0625rem; text-align: center; } .entry-navigation--portfolio .entry-navigation__info .title { display: block; } } .portfolio-grid { width: 100%; transition: height 400ms linear; min-height: 100vh; } .portfolio-grid.no-min-height { min-height: auto; } .entry-portfolio { float: left; position: relative; z-index: 90; max-width: calc(100% - 30px); overflow: hidden; transform: translate3d(0, 30px, 0); opacity: 0; visibility: hidden; } .entry-portfolio a, .entry-portfolio img { display: block; max-width: none; width: 100%; margin: 0; } .entry-portfolio a, .entry-portfolio figure { margin: 0; } .entry-portfolio figure { position: relative; z-index: 8; } .entry-portfolio.uninit { transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear; } .entry-portfolio.active { opacity: 1; transform: translate3d(0, 0, 0); visibility: visible; } .entry-portfolio.active.re { transform: translate3d(0, -30px, 0); opacity: 0; visibility: hidden; } .entry-portfolio.hover-two { height: auto !important; } .entry-portfolio.hover-two .entry-caption { display: block; position: relative; margin-top: 30px; } .page-template-template-portfolio .entry-portfolio.hover-two .entry-caption { padding-bottom: 10px; } .entry-portfolio.hover-two .entry-caption h3, .entry-portfolio.hover-two .entry-caption #respond .form-submit #submit, #respond .form-submit .entry-portfolio.hover-two .entry-caption #submit { font-weight: 700; font-size: 1.0625rem; display: inline-block; } .entry-portfolio.hover-two .entry-caption .entry-meta { font-size: 0.9375rem; font-family: Times, Georgia, serif; opacity: .5; text-transform: lowercase; display: block; } .page-template-template-portfolio .entry-portfolio.hover-two:hover h3:after, .page-template-template-portfolio .entry-portfolio.hover-two:hover #respond .form-submit #submit:after, #respond .form-submit .page-template-template-portfolio .entry-portfolio.hover-two:hover #submit:after { height: 2px; } .entry-portfolio.hover-two .entry-info { position: relative; } .entry-portfolio.hover-two .entry-title { background: none !important; margin-bottom: -2px; } .entry-portfolio.hover-two .entry-title h3, .entry-portfolio.hover-two .entry-title #respond .form-submit #submit, #respond .form-submit .entry-portfolio.hover-two .entry-title #submit { font-size: 1.0625rem; font-weight: 600; margin: 0; display: inline-block; cursor: pointer; } .entry-portfolio.hover-two .price { font-size: 1.0625rem; opacity: .5; display: block; } .entry-portfolio.hover-two .price, .entry-portfolio.hover-two ins, .entry-portfolio.hover-two .price ins span.amount { font-weight: 600; } .entry-portfolio.hover-two .entry-thumbnail { position: relative; } .entry-portfolio.hover-two .entry-thumbnail .price { position: absolute; display: block; opacity: 0; transform: translate3d(0, 15px, 0); visibility: hidden; transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear; transition-delay: 200ms; } .entry-portfolio.hover-two .entry-thumbnail .price.re.active { opacity: 0; transform: translate3d(0, -15px, 0); visibility: hidden; } .entry-portfolio.hover-two .entry-thumbnail del { margin-bottom: -7px; } .entry-portfolio .secondary { position: absolute; top: 0; left: 0; width: 100%; z-index: 99; opacity: 0; transition: opacity 200ms linear; } .entry-portfolio:hover .secondary { opacity: 1; } .entry-caption { display: block; position: absolute; top: 0; left: 0; margin: 0; width: 100%; height: 100%; z-index: 9; } .entry-caption .entry-meta { font-family: "Crimson Text", Cambria, Georgia, serif; font-style: italic; font-size: 0.9375rem; opacity: 1; } .entry-caption .entry-title { font-size: 1.5625rem; line-height: 1.1; font-weight: bold; margin: 0; } .entry-caption.Classic { opacity: 0; transition: opacity 200ms cubic-bezier(0.39, 0.575, 0.565, 1); } a:hover .entry-caption.Classic { opacity: 1; } .entry-caption.Classic > div > div { padding: 0 20%; } .entry-caption.Classic:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; } .entry-caption.Classic h3, .entry-caption.Classic #respond .form-submit #submit, #respond .form-submit .entry-caption.Classic #submit, .entry-caption.Classic span { z-index: 1; position: relative; } .entry-portfolio .entry-caption.Classic { display: block; } .entry-caption.Classic .entry-caption-content { transform: translate3d(0, 20px, 0); opacity: 0; transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1); } a:hover .entry-caption.Classic .entry-caption-content { opacity: 1; transform: translate3d(0, 0, 0); } .entry-caption.Minimal { pointer-events: none; opacity: 0; transition: opacity 100ms cubic-bezier(0.39, 0.575, 0.565, 1); } .entry-caption.Minimal.active { opacity: 1; } .entry-caption.Minimal .entry-caption-text { display: inline-block; margin-left: calc(-50% + 60px); position: relative; margin-top: 30px; } .entry-caption.Minimal .entry-title { display: inline-block; padding: 8px 20px 7px; position: relative; right: 0; z-index: 8; } .entry-caption.Minimal .entry-meta { padding: 2px 10px 1px; position: absolute; margin-top: -10px; margin-right: -10px; right: 0; z-index: 9; } .entry-portfolio .entry-caption { display: none; } .entry-caption#js-caption { position: fixed; top: 250px; left: 220px; width: auto; height: auto; z-index: 999; } .page-template-template-portfolio .entry-content.page-content { width: calc(100% - 30px); margin-left: 30px; margin-top: 150px; } .page-template-template-portfolio .entry-content.page-content.up { margin-top: 0; } .huge-caption { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; pointer-events: none; text-align: center; } .huge-caption .entry-caption-text { position: relative; } .huge-caption .entry-title { font-size: 8.75rem; font-size: 12vmin; opacity: 0; transform: translateY(35px); transition: all 200ms cubic-bezier(0.39, 0.575, 0.565, 1); } .huge-caption .entry-meta { font-size: 1.5rem; position: absolute; bottom: -60px; left: 0; width: 100%; text-align: center; opacity: 0; transform: translateY(35px); transition: all 200ms cubic-bezier(0.39, 0.575, 0.565, 1); } .huge-caption .entry-caption.hover .entry-title, .huge-caption .entry-caption.hover .entry-meta { opacity: 1; transform: translateY(0); } .caption-style-huge.on article:not(:hover) { opacity: .25; } .page .entry-header.main .entry-title { font-size: 3.4375rem; font-weight: bold; margin-bottom: 5px; } .not-found { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 88; text-align: center; transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1); opacity: 0; padding-top: 100px; background-repeat: no-repeat; background-size: cover; background-position: center center; } .not-found h1 { font-size: 34vmin; line-height: 1; font-weight: bold; margin-bottom: -25px; } .not-found a { font-size: 3vmin; } .not-found a:after { height: 2px; margin-top: 0; } .calafate-twitter { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; text-align: center; font-size: 1.3125rem; } .calafate-twitter .carousel-holder { padding: 0 90px; position: relative; } .calafate-twitter .carousel-cell { width: 100%; padding: 0 40px; } .calafate-twitter .carousel-prev, .calafate-twitter .carousel-next { position: absolute; top: 50%; margin-top: -16px; left: 0; cursor: pointer; opacity: .15; transition: opacity 150ms linear; } .calafate-twitter .carousel-prev:hover, .calafate-twitter .carousel-next:hover { opacity: 1; } .calafate-twitter .carousel-next { right: 0; left: auto; } .calafate-twitter .body { margin-bottom: 10px; } .calafate-twitter .user { opacity: .15; } .calafate-twitter .user:before { content: " - "; display: block; margin-bottom: 10px; } .calafate-twitter .background { position: absolute; width: 120px; height: 120px; top: -10px; left: 50%; margin-left: -60px; opacity: .1; } .calafate-twitter .background span, .calafate-twitter .background svg { width: 100%; height: 100%; } .image-text-link { position: relative; margin-bottom: 24px; } p .image-text-link { margin-bottom: 0; } .image-text-link:after { content: ""; display: block; top: 0; left: 0; background: #000; opacity: .8; position: absolute; width: 100%; height: 100%; z-index: 8; opacity: 0; transition: all 200ms cubic-bezier(0.39, 0.575, 0.565, 1); } .image-text-link:hover:after { opacity: .8; } .image-text-link img { margin: 0; vertical-align: middle; } .image-text-link span { position: absolute; width: 100%; height: 100%; top: -20px; left: 0; display: block; z-index: 9; font-size: 2.4375rem; text-align: center; vertical-align: middle; opacity: 0; transform: translate3d(0, 15px, 0); visibility: hidden; transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear; transition-delay: 0; } .image-text-link span.re.active { opacity: 0; transform: translate3d(0, -15px, 0); visibility: hidden; } .image-text-link:hover span { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .image-text-link .arrow { top: auto; bottom: 30px; height: 24px; width: 45px; left: 50%; margin-left: -24px; } .fancybox-skin { background: transparent; } .fancybox-overlay { z-index: 99998; background: #333; background: rgba(51, 51, 51, 0.95); overflow: hidden !important; } .fancybox-opened { z-index: 99999; } .fancybox-opened .fancybox-skin { box-shadow: 0 0px 13px rgba(0, 0, 0, 0.2); } .fancybox-nav span, .fancybox-close { background: url(images/sharpSprites.png) no-repeat -1px 0 #181818; background-color: rgba(24, 24, 24, 0.8); width: 50px; height: 50px; margin-top: -25px; display: block; text-indent: -9999px; opacity: 0; } @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .fancybox-nav span, .fancybox-close { background-image: url(images/sharpSprites_x2.png); background-size: 151px 50px; } } .fancybox-next span { background-position: -50px 0; right: 0; } .fancybox-prev span { left: 0; } .fancybox-close { background-position: -115px 0; right: -25px; top: -5px; opacity: 1; visibility: visible; } .fancybox-nav:hover span { opacity: 1; visibility: visible; } .fancybox-nav span:hover, .fancybox-close:hover { background-color: #b99d61; } #fancybox-loading { z-index: 99999; } #fancybox-loading div { width: 32px; height: 32px; background: url(images/preloader.svg) no-repeat 0 0 transparent; } .fancybox-title-float-wrap .child { background: transparent; } .fancybox-thumb { display: inline-block; position: relative; } .fancybox-thumb img { margin: 0 !important; float: none !important; vertical-align: bottom; } .fancybox-thumb span { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; -webkit-transition: opacity 250ms linear; transition: opacity 250ms linear; } .krown-thumbnail-gallery { overflow: hidden; } .krown-thumbnail-gallery .fancybox-thumb { float: left; margin: 1px; } .krown-thumbnail-gallery .fancybox-thumb img { max-width: none; width: 100%; } .krown-thumbnail-gallery .fancybox-thumb.first { margin-left: 0; } .krown-thumbnail-gallery .fancybox-thumb.last { margin-right: -10px; } .fancybox-title-float-wrap { right: auto !important; left: 0 !important; top: 100% !important; bottom: auto !important; width: 100% !important; margin-top: 10px !important; margin-bottom: 0 !important; } .fancybox-title .child { margin: 0 !important; white-space: normal !important; line-height: 18px !important; } .calafate-gallery { display: flex; flex-wrap: wrap; } .calafate-gallery.grid-border { border-left: 1px solid rgba(255, 255, 255, 0.15); border-top: 1px solid rgba(255, 255, 255, 0.15); } .calafate-gallery--item { margin: 0; } .columns-1 .calafate-gallery--item { flex-basis: 100%; width: 100%; } .columns-2 .calafate-gallery--item { flex-basis: 50%; width: 50%; } .columns-3 .calafate-gallery--item { flex-basis: 33.33%; width: 33.33%; } .columns-4 .calafate-gallery--item { flex-basis: 25%; width: 25%; } .columns-5 .calafate-gallery--item { flex-basis: 20%; width: 20%; } .columns-6 .calafate-gallery--item { flex-basis: 16.66%; width: 16.66%; } .columns-7 .calafate-gallery--item { flex-basis: 17.28%; width: 17.28%; } .columns-8 .calafate-gallery--item { flex-basis: 12.5%; width: 12.5%; } .columns-8 .calafate-gallery--item { flex-basis: 11.11%; width: 11.11%; } .hover-opacity .calafate-gallery--item img { opacity: .15; transition: opacity 200ms linear; } .no-touchevents .hover-opacity .calafate-gallery--item:hover img { opacity: 1; } .grid-border .calafate-gallery--item { border-right: 1px solid rgba(255, 255, 255, 0.15); border-bottom: 1px solid rgba(255, 255, 255, 0.15); } .calafate-gallery--item img { margin: 0; } .flickity-viewport { transition: height 250ms linear; } .calafate-slider .carousel-cell { width: 100%; text-align: center; } .grid__item.full-width .calafate-slider .carousel-cell { padding: 0 30%; } .calafate-slider img { margin: auto; } .calafate-slider .flickity-page-dots { bottom: 25px; } .calafate-slider .flickity-page-dots .dot { width: 30px; height: 3px; margin: 0 7px; background: #000; border-radius: 0; opacity: .15; transition: opacity 150ms linear; } .calafate-slider .flickity-page-dots .dot:hover { opacity: .5; } .calafate-slider .flickity-page-dots .dot.is-selected { opacity: 1; pointer-events: none; } @media screen and (max-width: 480px) { .calafate-slider .flickity-page-dots { display: none; } } .instagram-pics { width: calc(100% + 4px); left: -2px; position: relative; } .instagram-pics li { width: 33.33%; float: left; margin: 0 !important; padding: 2px; } .instagram-pics li a { padding: 0 !important; margin: 0; opacity: .1; } .instagram-pics li a:before { display: none !important; } .instagram-pics li a:hover { opacity: 1; } .mejs-container { width: 100%; overflow: hidden !important; outline: none; } .mejs-container * { outline: none; } .mejs-container .mejs-controls { background: transparent; width: 100%; top: auto !important; } .mejs-container .mejs-controls div { width: 30px; height: 30px; } .mejs-time.mejs-duration-container { padding-right: 5 !important; } .mejs-controls .mejs-button button, .no-svg .mejs-controls .mejs-button button { background-image: url(images/video-controls.png); background-size: 236px 60px; width: 30px; height: 30px; margin: 0; opacity: .8; transition: opacity 150ms linear; } .mejs-controls .mejs-button button:hover { opacity: 1; } .mejs-controls .mejs-button button:focus { outline: none; } .mejs-controls .mejs-play button { background-position: -62px -15px; } .mejs-controls .mejs-pause button { background-position: -91px -15px; } .mejs-controls .mejs-mute button { background-position: -123px -15px; } .mejs-controls .mejs-unmute button { background-position: -155px -15px; } .mejs-controls .mejs-fullscreen-button button { background-position: -185px -15px; } .mejs-controls .mejs-fullscreen-button.mejs-unfullscreen button { background-position: -215px -15px; } .mejs-container .mejs-controls .mejs-time { height: 30px; } .mejs-container .mejs-controls .mejs-time span { font: bold 11px Arial, sans-serif; color: #fff; padding: 0 10px; } .mejs-container .mejs-controls .mejs-time.mejs-currenttime-container { margin-right: -55px; } .mejs-controls div.mejs-time-rail { padding-top: 8px; margin: 0 50px 0 50px; } .mejs-controls .mejs-time-rail span { height: 4px; border-radius: 3px; } .mejs-controls .mejs-time-rail .mejs-time-total { background: #000; box-shadow: none; } .mejs-controls .mejs-time-rail .mejs-time-buffering { background: #000; } .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #282828; } .mejs-controls .mejs-time-rail .mejs-time-current { background: #b99d61; } .mejs-controls .mejs-time-rail .mejs-time-handle, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none; } .mejs-controls .mejs-time-rail .mejs-time-float { display: none !important; } .mejs-container .mejs-controls div.mejs-time.mejs-duration-container { margin-left: -55px; } .mejs-button.mejs-volume-button.mejs-mute, .mejs-button.mejs-volume-button.mejs-unmute { padding-right: 1px; margin-right: 15px; } .mejs-video.mejs-container .mejs-button.mejs-volume-button.mejs-mute, .mejs-video .mejs-button.mejs-volume-button.mejs-unmute { margin-right: 1px; } .mejs-container .mejs-controls div.mejs-horizontal-volume-slider { margin-right: 35px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { height: 4px; border-radius: 2px; box-shadow: none; background: #282828; margin-top: 2px; cursor: pointer; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #b99d61; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { top: 9px; } .mejs-controls .mejs-volume-button .mejs-volume-slider { width: 30px; left: -1px; background: none; height: 120px; top: -120px; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total, .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { margin-left: 2px; margin-top: 3px; width: 3px; cursor: pointer; border-radius: 3px; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { background: #282828; width: 7px; margin-left: 0px; margin-top: 5px; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { background: #b99d61; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { width: 12px; height: 7px; border-radius: 0; border: none; left: 7px; background-image: url(images/video-controls.png); background-size: 236px 60px; display: none; } .mejs-overlay-button, .no-svg .mejs-overlay-button { background-image: url(images/video-controls.png); background-size: 236px 60px; background-color: transparent; width: 60px; height: 60px; border-radius: 0; margin: -30px 0 0 -30px !important; } .mejs-overlay:hover .mejs-overlay-button { background-color: transparent !important; background-position: 0 0 !important; } .mejs-overlay-loading { background: #181818; background: rgba(24, 24, 24, 0.9); height: 60px; margin: -30px 0 0 -30px; width: 60px; display: none; } .mejs-overlay-loading span { background: none !important; height: 60px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9; width: 60px; } .mejs-horizontal-volume-slider.mejs-mute { width: 1px !important; margin-right: 1px !important; } .mejs-audio .mejs-button.mejs-volume-button { border-right-color: transparent !important; } .mejs-audio .mejs-button.mejs-volume-button button { left: 8px; } .wp-playlist { overflow: hidden; } .wp-playlist-tracks { background: #242424; border-top: 1px solid #000; margin-top: 0; padding: 1px 0; width: 100.1%; } .wp-playlist-item { border-bottom: 1px solid #000; padding: 5px 15px; position: relative; } .wp-playlist-caption { color: #ccc; display: block; font-size: 11px; font-weight: 700; text-transform: uppercase; } .wp-playlist-tracks .wp-playlist-caption:hover { color: #fff; } .wp-playlist-item-length { color: #8b8b8b; font-family: 'Arial'; font-size: 11px; font-weight: 700; position: absolute; right: 10px; top: 5px; } .wp-video, .wp-playlist { width: 100% !important; max-width: none !important; margin: 50px 0; height: auto !important; } .wp-audio-shortcode { margin: 50px 0; } .calafate-tabs { width: 100%; } .calafate-tabs .tabs-titles { margin: 0; border-bottom: 1px solid transparent; *zoom: 1; } .calafate-tabs .tabs-titles:after { content: ''; display: table; clear: both; } .calafate-tabs .tab-title { margin: 0 20px -2px 0; font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; float: left; border-bottom: 3px solid transparent; transition: all 180ms linear; cursor: pointer; padding-bottom: 2px; } .calafate-tabs .tab-title:last-child { margin-right: 0; } .calafate-tabs .tab-title:hover { opacity: .8; } .calafate-tabs .tab-title.active { pointer-events: none; } .calafate-tabs .tabs-contents { margin-top: 25px; } .calafate-tabs .tab-content { display: none; } .calafate-tabs .tab-content:first-child { display: block; } .calafate-toggle .content { display: none; padding: 50px 40px; margin: 20px 0 25px 15px; width: calc(100% - 30px); font-size: 0.9375rem; } .calafate-toggle h5 { cursor: pointer; text-align: center; border: 2px solid; font-size: 1.3125rem; padding: 16px 0 15px; border-radius: 10px; transition: all 200ms linear; margin-bottom: 5px; position: relative; } .calafate-toggle h5:hover { border-color: transparent; } .calafate-toggle h5:before { content: "+"; position: absolute; left: 30px; font-size: 3rem; font-weight: 300; top: 0; height: 100%; line-height: 1; padding-top: 7px; } .calafate-toggle.active h5:before { content: "-"; padding-top: 5px; left: 32px; } .calafate-pwd { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); z-index: 999999; display: flex; justify-content: center; align-items: center; } .calafate-pwd form { width: 75%; height: 50%; max-height: 400px; max-width: 900px; background: #fff; color: #000; position: relative; } .calafate-pwd form > div { padding: 100px; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; height: 100%; } .calafate-pwd form .head { width: 100%; } .calafate-pwd form .view-heading { font-size: 0.9375rem; font-weight: bold; text-transform: uppercase; display: block; } .calafate-pwd form .view-subheading { font-size: 0.8125rem; font-weight: 500; display: block; color: #C9C9C9; } .calafate-pwd form .foot { min-width: 460px; width: 50%; position: relative; align-self: flex-end; transition: all 200ms linear; } .calafate-pwd form.loading .foot { opacity: .05; pointer-events: none; } .calafate-pwd form input[type="password"] { color: #000; border: none; border-bottom: 3px solid #000; padding-bottom: 5px; font-size: 1.75rem; font-weight: 500; width: 100%; background: #fff !important; } .calafate-pwd form input[type="password"]:-ms-input-placeholder { color: #000 !important; opacity: 1 !important; } .calafate-pwd form input[type="password"]::-ms-input-placeholder { color: #000 !important; opacity: 1 !important; } .calafate-pwd form input[type="password"]::-moz-input-placeholder { color: #000 !important; opacity: 1 !important; } .calafate-pwd form input[type="password"]::-webkit-input-placeholder { color: #000 !important; opacity: 1 !important; } .calafate-pwd form input[type="password"]::placeholder { color: #000 !important; opacity: 1 !important; } .calafate-pwd form input[type="submit"] { display: block; color: #000; position: absolute; right: -10px; font-size: 1.5625rem; margin-top: 2px; transition: all 150ms linear; } .calafate-pwd form input[type="submit"]:hover { margin-right: -10px; } .calafate-pwd form .view-info { font-size: 1.125rem; font-weight: 500; margin-top: 25px; display: inline-block; } .calafate-pwd .bg { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); pointer-events: none; } .calafate-pwd .back { position: absolute; right: 35px; bottom: 25px; margin: 0; } .calafate-pwd .back a { color: #000; opacity: .5; font-size: 0.6875rem; font-weight: 500; border-bottom: 1px solid; } .calafate-pwd .back a:hover { opacity: 1; } body.pwd { overflow: hidden; } body.pwd .entry-content, body.pwd #site-footer { display: none; } body.pwd .hero-header .video, .hero-header body.pwd .media .video, .hero-header body.pwd .overlay .video { display: none; } span.button { font-size: 0.8125rem; display: inline-block; margin: 10px 0; border: none; position: static; height: 45px; line-height: 45px; transition: all 150ms linear; } span.button a { font-weight: 500 !important; padding: 0 20px; } span.button a:after { display: none !important; } #map-holder { position: fixed; width: 62.5%; height: 100%; top: 0; left: 0; z-index: 9999; transform: translate3d(-100%, 0, 0); transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1); } #map-holder.opened { transform: translate3d(0, 0, 0); } #map-contact { width: 100%; height: 100%; } #site:after { display: block; content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 999; opacity: 0; visibility: hidden; transition: all 200ms linear; } #site.opened-map:after { opacity: .9; visibility: visible; } #map-toggle { background: #222; position: absolute; top: 40px; right: 40px; border: none; width: 40px; height: 40px; transition: all 120ms linear; border-radius: 3px; } #map-toggle:hover { transform: scale(1.1); } #map-toggle svg { margin-top: 7px; transform: scale(0.9) rotate(45deg); } #map-toggle svg * { stroke: #fff; } .cross-sells { margin-bottom: 100px; } .cross-sells .entry-portfolio.product.hover-one .entry-title { position: absolute !important; } .cross-sells a:after { display: none !important; } .entry-portfolio.product { max-width: 100%; } .entry-portfolio.product.hover-one .entry-info { position: absolute; } .entry-portfolio.product.hover-one .entry-title { position: absolute; bottom: 0; width: 100%; height: auto; transform: none; padding: 25px; z-index: 9; opacity: 0; transform: translate3d(0, 25px, 0); visibility: hidden; transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear; transition-delay: 200ms; } .entry-portfolio.product.hover-one .entry-title.re.active { opacity: 0; transform: translate3d(0, -25px, 0); visibility: hidden; } .entry-portfolio.product.hover-one .entry-title h3, .entry-portfolio.product.hover-one .entry-title #respond .form-submit #submit, #respond .form-submit .entry-portfolio.product.hover-one .entry-title #submit, .entry-portfolio.product.hover-one .entry-title h2 { font-size: 1.125rem; font-weight: 600; text-align: center; margin: 0; } .entry-portfolio.product.hover-one .price { font-size: 3.125rem; position: absolute; margin: 35px; z-index: 9; line-height: 1; font-weight: 600; opacity: 0; transform: translate3d(0, 15px, 0); visibility: hidden; transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear; transition-delay: 0; } .entry-portfolio.product.hover-one .price.re.active { opacity: 0; transform: translate3d(0, -15px, 0); visibility: hidden; } .entry-portfolio.product.hover-one .price del { position: relative; top: -15px; margin-bottom: -10px; } .entry-portfolio.product.hover-one.small-thumb .entry-title { padding: 15px; } .entry-portfolio.product.hover-one.small-thumb .entry-title h3, .entry-portfolio.product.hover-one.small-thumb .entry-title #respond .form-submit #submit, #respond .form-submit .entry-portfolio.product.hover-one.small-thumb .entry-title #submit { font-size: 1rem; } .entry-portfolio.product.hover-one.small-thumb .price { font-size: 1.875rem; margin: 25px; } .entry-portfolio.product.hover-one.small-thumb .price del { display: none; } .entry-portfolio.product.hover-one.small-thumb .entry-buttons { transform: scale(0.8); } .entry-portfolio.product.hover-two.small-thumb .entry-buttons { transform: scale(0.8); } .entry-portfolio.product .entry-buttons { width: 130px; height: 55px; position: absolute; top: 50%; left: 50%; margin-top: -27px; margin-left: -65px; z-index: 9; } .entry-portfolio.product .entry-buttons a { width: 55px; height: 55px; display: inline-block; margin: 0 5px !important; float: left; text-align: center; position: relative; } .entry-portfolio.product .entry-buttons a:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 180ms linear; } .entry-portfolio.product .entry-buttons a span { line-height: 55px; } .entry-portfolio.product .entry-buttons a.add-to-cart-style { margin-left: -55px; padding-top: 5px; opacity: 0; transform: translate3d(0, 10px, 0); visibility: hidden; transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear; transition-delay: 75ms; } .entry-portfolio.product .entry-buttons a.add-to-cart-style.re.active { opacity: 0; transform: translate3d(0, -10px, 0); visibility: hidden; } .entry-portfolio.product .entry-buttons a.add-to-cart-style svg * { stroke: transparent !important; } .entry-portfolio.product .entry-buttons a.add-to-cart-style span { position: relative; } .entry-portfolio.product .entry-buttons a.add-to-cart-style span.before_add { top: 3px; } .entry-portfolio.product .entry-buttons a.add-to-cart-style span.after_add { top: 3px; display: none; } .entry-portfolio.product .entry-buttons a.add-to-cart-style span.while_add { top: 5px; display: none; } .entry-portfolio.product .entry-buttons a.add-to-cart-style span.while_add svg { width: 20px; } .entry-portfolio.product .entry-buttons a.add-to-cart-style.loading { pointer-events: none; } .entry-portfolio.product .entry-buttons a.add-to-cart-style.loading .while_add { display: block; } .entry-portfolio.product .entry-buttons a.add-to-cart-style.loading .before_add, .entry-portfolio.product .entry-buttons a.add-to-cart-style.added .before_add { display: none; } .entry-portfolio.product .entry-buttons a.add-to-cart-style.added .after_add { display: block; } .entry-portfolio.product .entry-buttons a.ajax-link { opacity: 0; transform: translate3d(0, 10px, 0); visibility: hidden; transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear; transition-delay: 125ms; } .entry-portfolio.product .entry-buttons a.ajax-link.re.active { opacity: 0; transform: translate3d(0, -10px, 0); visibility: hidden; } .entry-portfolio.product .entry-buttons a.ajax-link svg * { stroke: transparent !important; } .entry-portfolio.product .entry-buttons a.ajax-link span { position: relative; top: 4px; } .entry-portfolio.product .entry-buttons a.added_to_cart { display: none; } .no-touchevents .entry-portfolio.product.hover-one:hover .entry-title, .no-touchevents .entry-portfolio.product.hover-one:hover .price, .no-touchevents .entry-portfolio.product.hover-one:hover .entry-buttons a, .entry-portfolio.product.hover-one.hover .entry-title, .entry-portfolio.product.hover-one.hover .price, .entry-portfolio.product.hover-one.hover .entry-buttons a { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .no-touchevents .entry-portfolio.product.hover-two:hover .entry-buttons a, .no-touchevents .entry-portfolio.product.hover-two:hover .entry-thumbnail .price, .entry-portfolio.product.hover-two.hover .entry-buttons a, .entry-portfolio.product.hover-two.hover .entry-thumbnail .price { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .woocommerce-result-count, .woocommerce-products-header, .woocommerce-page .grid__item .page-title { display: none; } .entry-portfolio.hover-two .entry-thumbnail .price { transform: none !important; } .single-product .product { *zoom: 1; position: relative; } .single-product .product:after { content: ''; display: table; clear: both; } .single-product .images { width: 58.333%; float: left; position: relative; overflow: hidden; } .single-product .images img { width: 100%; max-width: none; } .single-product .images .woocommerce-main-image { width: 100%; display: block; } .single-product .images .images-carousel { float: right; width: calc(100% - 120px); } .single-product .images .images-carousel .carousel-cell { width: 100%; } .single-product .images .images-carousel a { pointer-events: none; } .single-product .images .thumbnails { width: 90px; position: absolute; height: 100%; overflow: hidden; } .single-product .images .thumbnails .holder { width: 130px; overflow-y: scroll; height: 100%; } .single-product .images .thumbnails a { margin-top: 15px; width: 90px; height: 90px; opacity: .5; } .single-product .images .thumbnails a:first-child { margin-top: 0; } .single-product .images .thumbnails a.active { opacity: 1; } .single-product .imgs-hide .images { display: none; } .single-product .summary { padding-bottom: 50px; } .single-product .summary.non-stick { position: absolute; right: 0 !important; width: 33.333% !important; transform: none !important; } .single-product .summary.stick { position: fixed; transition: margin 400ms cubic-bezier(0.23, 1, 0.32, 1); } .single-product .summary .product_title { font-size: 3.3125rem; margin-bottom: 0; font-weight: 700; } .single-product .summary .woocommerce-breadcrumb { font-size: 0.8125rem; margin-top: 5px; } .single-product .summary .price { font-size: 3.6875rem; line-height: 1; font-weight: 700; margin: 40px auto 30px; } .single-product .summary .cart button[type="submit"] { text-transform: uppercase; border: none; font-size: 0.6875rem; font-weight: 600; margin: 0; float: right; height: 54px; letter-spacing: 2.5px; padding: 11px 50px 10px; position: relative; transition: all 180ms linear; border: 2px solid; } .single-product .summary .cart button[type="submit"]:hover { border-color: transparent; } .single-product .summary .woocommerce-product-rating { display: none; } .single-product .summary .star-rating { margin-left: -10px; margin-top: 15px; float: left; cursor: pointer; } .single-product .summary .star-rating .star { margin-left: 10px; } .single-product .summary .star-rating .star svg polygon { stroke: none !important; } .single-product .summary .star-rating .star.empty svg polygon { fill: #a5a5a5 !important; } .single-product .summary .star-rating .show-reviews { display: block; font-size: 0.8125rem; font-weight: 500; margin: 5px 0 0 10px; transition: all 180ms linear; } .single-product .summary .star-rating .show-reviews:hover { opacity: .8; } .single-product .summary .star-rating .show-reviews:before { content: "("; } .single-product .summary .star-rating .show-reviews:after { content: ")"; } .single-product .summary .summary-title { font-size: 0.8125rem; font-weight: bold; opacity: .5; text-transform: uppercase; margin: 30px 0 10px; } .single-product .summary .summary-title + div { font-size: 1.3125rem; } .single-product .summary .summary-title:last-child { display: none; } .single-product .summary .product_meta span { display: inline-block; } .single-product .summary .shop_attributes { border: none; font-size: 1.3125rem; } .single-product .summary .shop_attributes * { border: none; } .single-product .summary .shop_attributes th, .single-product .summary .shop_attributes td { min-height: 0; padding: 0; margin: 0; } .single-product .summary .shop_attributes th:after { content: ": "; } .single-product .summary .shop_attributes p { margin: 0; } .single-product .calafate-tabs { float: left; margin-top: 75px; } .single-product .calafate-tabs .tabs-contents { min-height: 32px; } .single-product .calafate-tabs #tab-title-reviews, .single-product .calafate-tabs #tab-content-reviews { display: none !important; } .single-product .calafate-tabs .tab-content > h2 { display: none; } .single-product .calafate-tabs .tab-content .grid__item { margin-bottom: 24px; } .single-product .content-holder { margin-top: 150px; width: 58.333%; clear: both; float: left; } .single-product .content-holder .grid.kcm { margin-bottom: -50px; } .single-product .imgs-hide .content-holder { padding-top: 100%; margin-top: 0; } .single-product .imgs-show .content-holder { padding-top: 0 !important; } .single-product .related, .single-product .up-sells, .single-product .cross-sells { clear: left; float: left; width: 100%; margin-top: 250px; } .single-product .entry-navigation { clear: left; float: left; width: 100%; } .single-product .onsale { display: none; } .woocommerce-variation-price { margin-bottom: 35px; } .price del { height: 30px; text-decoration: none; font-size: 0.9375rem; line-height: 32px; font-weight: 600; color: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.1); display: inline-block; padding-right: 17px; margin-bottom: 20px; overflow: hidden; } .price del span.amount { padding: 0 5px; } .price del span.amount:first-child { position: relative; } .price del span.amount:first-child:before { left: -17px; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-left-color: rgba(0, 0, 0, 0.1); border-width: 5px; margin-top: -5px; } .price del:before { color: #000; font-size: 0.6875rem; text-transform: uppercase; background: inherit; height: 30px; line-height: 34px; padding: 0 12px; margin-right: 17px; display: inline-block; position: relative; top: 0; } .price ins { text-decoration: none; font-weight: 400; margin-left: -10px; display: block; } .price ins span.amount { font-weight: 700; padding: 0 10px; } .woocommerce-breadcrumb { font-weight: 500; font-size: 1rem; } .woocommerce-breadcrumb span:last-child, .woocommerce-breadcrumb span.sep { opacity: .5; } .woocommerce-message, .woocommerce-error, .woocommerce-info { display: inline-block; margin-bottom: 30px; } .woocommerce-message .button, .woocommerce-error .button, .woocommerce-info .button { position: relative; top: -10px; right: -10px; } .woocommerce-message .button:hover, .woocommerce-error .button:hover, .woocommerce-info .button:hover { background: none !important; } .variations_form table { display: block; border: none; } .variations_form table tbody { display: block; border: none; width: calc(100% + 30px); margin-left: -15px; *zoom: 1; } .variations_form table tbody:after { content: ''; display: table; clear: both; } .variations_form table tr { display: block; float: left; width: 50%; position: relative; border: none; padding: 0 15px; } .variations_form table td { border: none; padding: 0; min-height: 0; width: 100%; display: block; } .variations_form table .label { position: absolute; top: -7px; left: 30px; font-size: 0.6875rem; text-transform: uppercase; font-weight: bold; opacity: .8; z-index: 99; } .simple-select-cover { font-size: 0.9375rem; text-transform: none; height: 50px; width: 100%; border: none; width: 100% !important; } .form-columns .simple-select-cover { height: 75px; } .simple-select-cover select { height: 100% !important; width: 100%; cursor: pointer; -webkit-appearance: menulist-button; position: absolute; } .simple-select-cover .simple-select-cover option { padding: 2px 0; } .simple-select-cover .simple-select-inner { background: rgba(0, 0, 0, 0.5); padding: 14px 20px 0 17px; height: 50px; cursor: pointer; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .simple-select-cover .simple-select-inner:after { content: "→"; display: block; position: absolute; right: 15px; top: 15px; transform: rotate(90deg); } .form-columns .simple-select-cover .simple-select-inner { font-size: 0.6875rem; text-transform: uppercase; font-weight: 600; height: 75px; line-height: 75px; padding: 0 30px; } .reset_variations, .woocommerce-variation-availability .stock { float: right; text-transform: uppercase; font-size: 0.6875rem; font-weight: bold; margin-top: 5px; } .woocommerce-variation-availability .stock { float: none; } .woocommerce-page .button, .woocommerce-page input[type="submit"].button { display: block; float: right; font-size: 0.9375rem; font-weight: bold; border: 2px solid #000; background: none; padding: 11px 18px 10px; } div.quantity { border: 2px solid; width: 120px !important; position: relative; display: inline-block; } div.quantity input[type="number"] { height: 50px !important; background: transparent; font-size: 1.5rem !important; display: inline-block; padding: 0 15px !important; text-align: center; width: 85px !important; margin: 0 !important; border: none; border-right: 2px solid !important; font-weight: 600; -moz-appearance: textfield; } div.quantity input[type="number"]::-webkit-inner-spin-button, div.quantity input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } div.quantity input[type="button"] { width: 31px !important; height: 25px !important; background: transparent; font-family: Arial !important; font-size: 1.4375rem !important; line-height: 1 !important; font-weight: 400 !important; padding: 0 !important; margin: 0 !important; position: absolute; right: 0; border: none; } div.quantity input[type="button"].plus { top: 0; border-bottom: 1px solid !important; } div.quantity input[type="button"].minus { top: 25px; border-top: 1px solid !important; } .related > h2, .up-sells > h2, .cross-sells > h2 { font-size: 0.8125rem; text-transform: uppercase; font-weight: bold; letter-spacing: 9px; text-align: center; } .single-product form.cart button[type="submit"] .text:after { display: none; } .single-product form.cart button[type="submit"].loading { pointer-events: none; } .single-product form.cart button[type="submit"].loading:after { display: none; } .single-product form.cart button[type="submit"].loading .text { opacity: 0; } .single-product form.cart button[type="submit"].loading .loading { display: block; } .single-product form.cart button[type="submit"] .loading { position: absolute; width: 100%; height: 100%; left: 0; top: 13px; text-align: center; display: none; } .single-product form.cart button[type="submit"] .loading svg { width: 20px; } .single-product form.cart button[type="submit"] .loading svg circle { stroke: transparent !important; } #site-overlay.opened-reviews { align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.9) !important; } #site-overlay.opened-reviews svg * { fill: #fff !important; stroke: #fff !important; } #reviews-holder { width: 650px; height: 700px; padding-top: 40px; position: relative; } #reviews { width: 650px; height: 600px; background: #f6f6f6; position: relative; } #reviews .woocommerce-verification-required { display: none; } #reviews.show-form .commentlist, #reviews.show-form .woocommerce-Reviews-title, #reviews.show-form .woocommerce-noreviews { display: none; } #reviews.show-form #review_form_wrapper, #reviews.show-form .woocommerce-verification-required { display: block; } #reviews h2 { background: #f0f0f0; width: 100%; height: 100px; margin: 0; position: absolute; top: 0; left: 0; font-size: 2.1875rem; font-weight: bold; color: #d4d4d4; line-height: 100px; text-align: center; } #reviews .commentlist, #reviews .commentlist li.comment { margin: 0; width: 100%; height: 100%; } #reviews .commentlist { padding-top: 100px; list-style: none; } #reviews .commentlist li.comment { padding: 90px 100px 0; text-align: center; } #reviews .commentlist li.comment img { width: 120px; height: 120px; margin: 0; } #reviews .comment_container { position: relative; color: #000; } #reviews .comment_container:after { display: block; position: absolute; top: 20px; text-align: center; font-size: 3.3125rem; font-weight: bold; width: 100%; } #reviews .star-rating, #reviews .woocommerce-review__dash, #reviews .woocommerce-review__published-date, #reviews .woocommerce-review__verified { display: none; } #reviews .meta { margin: 15px 0; } #reviews .woocommerce-review__author { font-size: 0.8125rem; font-weight: 600; color: #d1d1d1; } #reviews .description { font-size: 1rem; font-weight: 400; } #reviews .flickity-page-dots { bottom: 35px; } #reviews .flickity-viewport { height: 100% !important; } #reviews .write-review { position: absolute; bottom: -50px; color: #fff; font-size: 1rem; font-weight: 500; cursor: pointer; display: block; width: 100%; } #reviews .write-review:hover { opacity: .8; } #reviews .write-review .icon { position: relative; top: 10px; margin-right: 20px; } #reviews .write-review .icon svg * { fill: #fff; stroke: transparent !important; } #reviews .woocommerce-noreviews, #reviews .woocommerce-verification-required { font-weight: 500; color: #999; position: absolute; top: 160px; text-align: center; width: 70%; margin: 0 15%; font-size: 2.25rem; font-weight: 700; } #reviews #review_form_wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; } #reviews #review_form_wrapper div { height: 100%; } #reviews #review_form_wrapper form { border: none; padding: 0; height: 100%; } #reviews #review_form_wrapper .reply-title, #reviews #review_form_wrapper .comment-notes, #reviews #review_form_wrapper p.stars { display: none; } #reviews #review_form_wrapper p { margin: 0; } #reviews #review_form_wrapper .comment-form-rating { height: 100px; } #reviews #review_form_wrapper .comment-form-rating select { display: block !important; } #reviews #review_form_wrapper input, #reviews #review_form_wrapper textarea, #reviews #review_form_wrapper .comment-logged-in-as { color: #999 !important; font-size: 1rem; width: 100%; position: static; margin: 0; border: 0; text-transform: none; font-weight: 500; padding-left: 30px; padding-right: 15px; } #reviews #review_form_wrapper input:-ms-input-placeholder, #reviews #review_form_wrapper textarea:-ms-input-placeholder, #reviews #review_form_wrapper .comment-logged-in-as:-ms-input-placeholder { opacity: 1 !important; color: #c9c9c9 !important; } #reviews #review_form_wrapper input::-ms-input-placeholder, #reviews #review_form_wrapper textarea::-ms-input-placeholder, #reviews #review_form_wrapper .comment-logged-in-as::-ms-input-placeholder { opacity: 1 !important; color: #c9c9c9 !important; } #reviews #review_form_wrapper input::-moz-input-placeholder, #reviews #review_form_wrapper textarea::-moz-input-placeholder, #reviews #review_form_wrapper .comment-logged-in-as::-moz-input-placeholder { opacity: 1 !important; color: #c9c9c9 !important; } #reviews #review_form_wrapper input::-webkit-input-placeholder, #reviews #review_form_wrapper textarea::-webkit-input-placeholder, #reviews #review_form_wrapper .comment-logged-in-as::-webkit-input-placeholder { opacity: 1 !important; color: #c9c9c9 !important; } #reviews #review_form_wrapper input::placeholder, #reviews #review_form_wrapper textarea::placeholder, #reviews #review_form_wrapper .comment-logged-in-as::placeholder { opacity: 1 !important; color: #c9c9c9 !important; } #reviews #review_form_wrapper .comment-form-comment { height: 450px; } #reviews #review_form_wrapper .comment-form-comment textarea { height: 100%; padding: 30px; } #reviews #review_form_wrapper .comment-form-author, #reviews #review_form_wrapper .comment-form-email, #reviews #review_form_wrapper .form-submit, #reviews #review_form_wrapper .comment-logged-in-as { position: absolute; bottom: 0; height: 50px; width: 38%; } #reviews #review_form_wrapper .comment-form-author input, #reviews #review_form_wrapper .comment-form-email input, #reviews #review_form_wrapper .form-submit input, #reviews #review_form_wrapper .comment-logged-in-as input { background: #fff; } #reviews #review_form_wrapper .comment-form-email { left: 38%; border-left: 1px solid #f0f0f0; } #reviews #review_form_wrapper .form-submit { left: 76%; width: 24%; } #reviews #review_form_wrapper .comment-logged-in-as { width: 76%; padding-top: 13px; background: #fff; } #reviews #review_form_wrapper input[type="submit"] { font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; width: 100%; height: 50px; margin: 0; position: static; text-align: center; background: red; letter-spacing: 3px; padding: 0; } #reviews #review_form_wrapper #ajax-response { bottom: auto; top: -40px; font-size: 1rem; font-weight: 500; } #reviews .big-select-cover { text-transform: none; height: 100px; border: none; width: 100% !important; } #reviews .big-select-cover select { height: 100% !important; width: 100%; cursor: pointer; -webkit-appearance: menulist-button; position: absolute; } #reviews .big-select-cover .big-select-cover option { padding: 2px 0; } #reviews .big-select-cover .big-select-inner { background: #f0f0f0; padding: 25px 0 0 30px; height: 100px; cursor: pointer; font-weight: bold; color: #d4d4d4; font-size: 2.1875rem; } #reviews .big-select-cover .big-select-inner:after { content: "→"; display: block; position: absolute; right: 25px; top: 25px; transform: rotate(90deg); } .sprq { display: none; } body.cart-opened.single-product .summary.stick { margin-right: 200px; } .woocommerce input:-ms-input-placeholder, .woocommerce textarea:-ms-input-placeholder { text-transform: none; } .woocommerce input::-ms-input-placeholder, .woocommerce textarea::-ms-input-placeholder { text-transform: none; } .woocommerce input::-moz-input-placeholder, .woocommerce textarea::-moz-input-placeholder { text-transform: none; } .woocommerce input::-webkit-input-placeholder, .woocommerce textarea::-webkit-input-placeholder { text-transform: none; } .woocommerce input::placeholder, .woocommerce textarea::placeholder { text-transform: none; } .woocommerce-cart #main article .entry-content > h1, .woocommerce-checkout #main article .entry-content > h1 { display: none; } .woocommerce-cart .woocommerce-breadcrumb { margin-bottom: 50px; } .shop_table { border: none; } .shop_table * { border: none; } .shop_table th, .shop_table thead { display: none; } .shop_table tr { display: block; *zoom: 1; margin-bottom: 150px; } .shop_table tr:after { content: ''; display: table; clear: both; } .shop_table tr:last-child { margin-bottom: 100px; } .shop_table td { display: flex; align-items: flex-end; padding: 0; height: 80px; float: left; } .shop_table td.product-thumbnail { width: 80px; margin-right: 35px; } .shop_table td.product-thumbnail a { width: 100%; } .shop_table td.product-name, .shop_table td.product-price, .shop_table td.product-subtotal, .shop_table td.product-remove { margin-right: 35px; font-size: 1.1875rem; font-weight: 600; width: 27%; flex-flow: row wrap; } .shop_table td.product-name > *:before, .shop_table td.product-price > *:before, .shop_table td.product-subtotal > *:before, .shop_table td.product-remove > *:before { display: block; font-size: 0.6875rem; font-weight: bold; text-transform: uppercase; opacity: .5; margin-bottom: 10px; } .shop_table td.product-name a, .shop_table td.product-price a, .shop_table td.product-subtotal a, .shop_table td.product-remove a { width: 100%; } .shop_table td.product-price, .shop_table td.product-subtotal, .shop_table td.product-remove { width: 100px; } @media screen and (min-width: 1023px) and (max-width: 1240px) { .shop_table td.product-price, .shop_table td.product-subtotal, .shop_table td.product-remove { width: 6%; } } .shop_table td.product-quantity { margin-right: 70px; } .shop_table td.product-quantity div.quantity { width: 140px !important; } .shop_table td.product-quantity input[type="number"] { height: 38px !important; border: none; margin-left: 35px !important; padding: 2px 5px !important; width: 67px !important; font-size: 1.3125rem !important; border-right: none !important; } .shop_table td.product-quantity input[type="button"].minus { top: 0; width: 37px !important; height: 38px !important; border-left: 2px solid; border-top: none !important; } .shop_table td.product-quantity input[type="button"].plus { right: auto; left: 0; height: 38px !important; width: 37px !important; padding-top: 2px !important; border-right: 2px solid; border-bottom: none !important; } .shop_table td.product-remove { float: right; } .shop_table td.actions { width: 100%; padding: 15px; display: block; height: auto; } .shop_table td.actions div.coupon { height: 45px; float: left; } .shop_table td.actions div.coupon label { display: none; } .shop_table td.actions div.coupon input[type="text"] { background: none !important; height: 45px !important; border: 2px solid; padding: 0 20px; margin: 0; font-size: 0.9375rem; text-transform: none; } .shop_table td.actions div.coupon input[type="text"]::-webkit-input-placeholder { opacity: .3; } .shop_table td.actions div.coupon input[type="text"]::-moz-placeholder { opacity: .3; } .shop_table td.actions div.coupon input[type="text"]:-ms-input-placeholder { opacity: .3; } .shop_table td.actions div.coupon input[type="submit"] { margin-left: 15px; } .shop_table td.actions input[type="submit"] { border-color: transparent; height: 45px; cursor: pointer; margin: 0; } .cart_totals h2 { font-size: 2.1875rem; font-weight: bold; float: left; margin-right: 200px; } .cart_totals table { width: 60%; position: relative; top: 7px; } .cart_totals table tr { width: auto !important; } form.woocommerce-checkout, .woocommerce-MyAccount-content form { margin-top: 50px; } form.woocommerce-checkout .woocommerce-billing-fields, .woocommerce-MyAccount-content form .woocommerce-billing-fields { *zoom: 1; } form.woocommerce-checkout .woocommerce-billing-fields:after, .woocommerce-MyAccount-content form .woocommerce-billing-fields:after { content: ''; display: table; clear: both; } form.woocommerce-checkout p, .woocommerce-MyAccount-content form p { position: relative; margin-bottom: 30px; float: left; } form.woocommerce-checkout .form-row strong, .woocommerce-MyAccount-content form .form-row strong { padding: 20px 0 0 15px; display: block; } form.woocommerce-checkout input, .woocommerce-MyAccount-content form input { font-size: 1rem; text-transform: none; height: 55px; padding-left: 15px; padding-right: 25px; width: 100%; border: none; line-height: 1; margin: 2px; font-weight: bold; } form.woocommerce-checkout input:-ms-input-placeholder, .woocommerce-MyAccount-content form input:-ms-input-placeholder { opacity: .15; } form.woocommerce-checkout input::-moz-input-placeholder, .woocommerce-MyAccount-content form input::-moz-input-placeholder { opacity: .15; } form.woocommerce-checkout input::-webkit-input-placeholder, .woocommerce-MyAccount-content form input::-webkit-input-placeholder { opacity: .15; } form.woocommerce-checkout input::placeholder, .woocommerce-MyAccount-content form input::placeholder { opacity: .15; } form.woocommerce-checkout input[type="checkbox"], .woocommerce-MyAccount-content form input[type="checkbox"], form.woocommerce-checkout input[type="radio"], .woocommerce-MyAccount-content form input[type="radio"] { width: 0; height: 0; padding: 0; opacity: 0; } form.woocommerce-checkout input[type="checkbox"] + span, .woocommerce-MyAccount-content form input[type="checkbox"] + span, form.woocommerce-checkout input[type="checkbox"] + label, .woocommerce-MyAccount-content form input[type="checkbox"] + label, form.woocommerce-checkout input[type="radio"] + span, .woocommerce-MyAccount-content form input[type="radio"] + span, form.woocommerce-checkout input[type="radio"] + label, .woocommerce-MyAccount-content form input[type="radio"] + label { top: 2px; left: 5px; position: relative; } form.woocommerce-checkout input[type="checkbox"] + span:before, .woocommerce-MyAccount-content form input[type="checkbox"] + span:before, form.woocommerce-checkout input[type="checkbox"] + label:before, .woocommerce-MyAccount-content form input[type="checkbox"] + label:before, form.woocommerce-checkout input[type="radio"] + span:before, .woocommerce-MyAccount-content form input[type="radio"] + span:before, form.woocommerce-checkout input[type="radio"] + label:before, .woocommerce-MyAccount-content form input[type="radio"] + label:before { content: ""; display: block; position: absolute; top: 0px; left: -28px; width: 15px; height: 15px; background: rgba(58, 58, 58, 0.5); opacity: 1; transition: all 100ms linear; } form.woocommerce-checkout input[type="checkbox"]:checked + label:before, .woocommerce-MyAccount-content form input[type="checkbox"]:checked + label:before, form.woocommerce-checkout input[type="checkbox"]:checked + span:before, .woocommerce-MyAccount-content form input[type="checkbox"]:checked + span:before, form.woocommerce-checkout input[type="radio"]:checked + label:before, .woocommerce-MyAccount-content form input[type="radio"]:checked + label:before, form.woocommerce-checkout input[type="radio"]:checked + span:before, .woocommerce-MyAccount-content form input[type="radio"]:checked + span:before { opacity: 1; transform: scale(1); } form.woocommerce-checkout .checkbox .required, .woocommerce-MyAccount-content form .checkbox .required { position: absolute; top: 0; right: -20px; } form.woocommerce-checkout textarea, .woocommerce-MyAccount-content form textarea { width: 100%; font-size: 1rem; text-transform: none; line-height: 1.4; padding: 20px 30px 20px 15px; } form.woocommerce-checkout textarea::-ms-input-placeholder, .woocommerce-MyAccount-content form textarea::-ms-input-placeholder { opacity: .15; } form.woocommerce-checkout textarea::-moz-input-placeholder, .woocommerce-MyAccount-content form textarea::-moz-input-placeholder { opacity: .15; } form.woocommerce-checkout textarea::-webkit-input-placeholder, .woocommerce-MyAccount-content form textarea::-webkit-input-placeholder { opacity: .15; } form.woocommerce-checkout textarea::input-placeholder, .woocommerce-MyAccount-content form textarea::input-placeholder { opacity: .15; } form.woocommerce-checkout label, .woocommerce-MyAccount-content form label { position: absolute; top: -5px; left: 45px; font-size: 0.6875rem; text-transform: uppercase; font-weight: bold; opacity: .8; } form.woocommerce-checkout label abbr[title], .woocommerce-MyAccount-content form label abbr[title] { border: none; position: absolute; font-size: 0; width: 4px; height: 4px; border-radius: 4px; top: 0; right: -10px; } form.woocommerce-checkout .create-account, .woocommerce-MyAccount-content form .create-account { width: 100%; } form.woocommerce-checkout .create-account:last-child, .woocommerce-MyAccount-content form .create-account:last-child { margin-left: 30px; } form.woocommerce-checkout .create-account p, .woocommerce-MyAccount-content form .create-account p { font-size: 1rem; } form.woocommerce-checkout .create-account p label[for="account_password"], .woocommerce-MyAccount-content form .create-account p label[for="account_password"] { left: 15px; } form.woocommerce-checkout .create-account .woocommerce-password-strength, .woocommerce-MyAccount-content form .create-account .woocommerce-password-strength { margin-top: 10px; } #shipping_method { list-style: none; } #shipping_method li { position: relative; width: 200px; } #shipping_method li label { left: 30px; } #shipping_method input { font-size: 1rem; text-transform: none; height: 55px; padding-left: 15px; padding-right: 25px; width: 100%; border: none; line-height: 1; margin: 2px; font-weight: bold; } #shipping_method input:-ms-input-placeholder { opacity: .15; } #shipping_method input::-moz-input-placeholder { opacity: .15; } #shipping_method input::-webkit-input-placeholder { opacity: .15; } #shipping_method input::placeholder { opacity: .15; } #shipping_method input[type="radio"] { width: 0; height: 0; padding: 0; opacity: 0; } #shipping_method input[type="radio"] + label { top: 2px; left: 60px; } #shipping_method input[type="radio"] + label:before { content: ""; display: block; position: absolute; top: 0px; left: -28px; width: 15px; height: 15px; background: rgba(58, 58, 58, 0.5); opacity: 1; transition: all 100ms linear; } #shipping_method input[type="radio"]:checked + label:before { opacity: 1; transform: scale(1); } .woocommerce-cart #shipping_method { position: relative; top: 5px; left: 30px; } .calafate-checkout { position: relative; } .wc_payment_methods { list-style: none; } .calafate-checkout-navigation { *zoom: 1; counter-reset: checkout-navigation; position: relative; margin-bottom: 120px; list-style: none; } .calafate-checkout-navigation:after { content: ''; display: table; clear: both; } .calafate-checkout-navigation li { width: 25%; float: left; font-size: 0.6875rem; line-height: 1; font-weight: bold; text-transform: uppercase; text-align: center; position: relative; padding-top: 60px; z-index: 2; cursor: pointer; } .calafate-checkout-navigation li .title { opacity: .5; } .calafate-checkout-navigation li .line:before, .calafate-checkout-navigation li .line:after { content: ""; display: block; position: absolute; width: calc(50% - 23px); height: 1px; top: 23px; } .calafate-checkout-navigation li .line:before { left: 0; } .calafate-checkout-navigation li .line:after { left: calc(50% + 23px); } .calafate-checkout-navigation li:before { counter-increment: checkout-navigation; content: counter(checkout-navigation); display: inline-block; width: 46px; height: 46px; text-align: center; line-height: 46px; font-size: 0.9375rem; border-radius: 50%; left: 50%; top: 0; margin-left: -23px; position: absolute; transition: opacity 100ms linear, background 100ms linear, color 100ms linear; } .calafate-checkout-navigation li.done:before { line-height: 48px; content: '✓'; } .calafate-checkout-content { width: 100vw; left: calc((((100vw - 100%) / 2) * -1)); } .calafate-checkout-content .carousel-cell { width: 100%; overflow: hidden; } .calafate-checkout-content .carousel-cell .wrapper-second { width: calc(83.333% - 30px); margin-left: calc(8.333% + 15px); overflow: hidden; position: relative; padding-bottom: 50px; } .calafate-checkout-content .chck-title { font-size: 1.1875rem; font-weight: bold; margin-bottom: 0; } .calafate-checkout-content .chck-subtitle { font-size: 0.8125rem; font-weight: bold; opacity: .5; } .calafate-checkout-content .chck-form h3:not([id]), .calafate-checkout-content .chck-form #respond .form-submit #submit:not([id]), #respond .form-submit .calafate-checkout-content .chck-form #submit:not([id]) { display: none; } .calafate-checkout-content .chck-link { float: right; margin-top: 50px; font-size: 0.9375rem; line-height: 1; text-transform: uppercase; font-weight: bold; } .calafate-checkout-content #ship-to-different-address { font-size: 1.0625rem; } .woocommerce-shipping-fields > .grid__item { float: left; } .shipping_address { padding-top: 5px; margin-top: -5px; } .select2-container { margin: 2px 0 2px 2px; width: calc(100% + 2px); } .select2-container .select2-choice { border: none; height: 55px; padding: 15px; font-weight: bold; border-radius: 0; box-shadow: none; } .select2-drop-active { border-radius: 0; border-top: none; } .select2-results { background: transparent; } .select2-search input { background: none !important; padding-top: 10px !important; padding-left: 8px !important; text-transform: none; } .select2-results .select2-highlighted { background: rgba(58, 58, 58, 0.1); color: inherit; border-radius: 0; } .select2-results .select2-result-label { padding: 5px 9px; } .select2-container .select2-choice .select2-arrow { right: 5px; } .select2-container .select2-choice .select2-arrow b:after { margin-left: -15px; } .select2-results .select2-ajax-error, .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit { background: transparent; padding-left: 9px; } .select2-drop.select2-drop-above.select2-drop-active { border-radius: 0; } .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices { border: none; border-radius: 0; } .select2-default span.select2-chosen { opacity: .15; } #checkout_coupon { *zoom: 1; } #checkout_coupon:after { content: ''; display: table; clear: both; } #checkout_coupon .woocommerce-info { display: none; } #checkout_coupon .form-row { float: none; } #checkout_coupon input[type="submit"] { background: transparent !important; width: auto; position: static; float: none; } .shop_table { table-layout: fixed; } .shop_table .cart-subtotal, .shop_table .shipping, .shop_table .order-total { margin-bottom: 0; width: calc(41.666% + 55px); *zoom: 1; } .shop_table .cart-subtotal:after, .shop_table .shipping:after, .shop_table .order-total:after { content: ''; display: table; clear: both; } .shop_table .cart-subtotal th, .shop_table .cart-subtotal td, .shop_table .shipping th, .shop_table .shipping td, .shop_table .order-total th, .shop_table .order-total td { min-height: 0; height: auto; padding: 0 30px 20px 0px; } .shop_table .cart-subtotal th, .shop_table .shipping th, .shop_table .order-total th { display: inline-block; font-size: 1.1875rem; font-weight: bold; text-align: right; min-width: 110px; float: left; } .shop_table .cart-subtotal td, .shop_table .shipping td, .shop_table .order-total td { display: inline-block; float: left; } .shop_table .cart-subtotal td .woocommerce-Price-amount, .shop_table .shipping td .woocommerce-Price-amount, .shop_table .order-total td .woocommerce-Price-amount { font-weight: bold; } .shop_table .cart-subtotal td[data-title="Shipping"], .shop_table .shipping td[data-title="Shipping"], .shop_table .order-total td[data-title="Shipping"] { font-size: 1rem; opacity: .75; } .shop_table .shipping { margin-bottom: 30px; } .shop_table .order-total, .shop_table .order-total th { font-size: 1.8125rem; } .shop_table .woocommerce-shipping-calculator a:after { height: 2px; } .shop_table .woocommerce-shipping-calculator input[type="text"] { font-size: 1rem; text-transform: none; height: 55px; padding-left: 15px; padding-right: 25px; width: 100%; border: none; line-height: 1; margin: 2px; font-weight: bold; } .shop_table .woocommerce-shipping-calculator input[type="text"]::-ms-input-placeholder { opacity: .15; } .shop_table .woocommerce-shipping-calculator input[type="text"]::-moz-input-placeholder { opacity: .15; } .shop_table .woocommerce-shipping-calculator input[type="text"]::-webkit-input-placeholder { opacity: .15; } .shop_table .woocommerce-shipping-calculator input[type="text"]::input-placeholder { opacity: .15; } .shop_table .woocommerce-shipping-calculator input[type="submit"] { border-color: transparent; height: 45px; cursor: pointer; margin: 0; } .shop_table .order_item, .woocommerce-checkout .shop_table .cart_item { margin-bottom: 0 !important; } .shop_table .order_item td, .woocommerce-checkout .shop_table .cart_item td { position: relative; height: auto; margin-bottom: 50px; } .shop_table .order_item td:before, .woocommerce-checkout .shop_table .cart_item td:before { display: block; font-size: 0.6875rem; font-weight: bold; text-transform: uppercase; opacity: .5; position: absolute; top: -5px; left: 0; } .shop_table .order_item .product-name, .shop_table .order_item td.product-price, .shop_table .order_item td.product-subtotal, .shop_table .order_item td.product-remove, .woocommerce-checkout .shop_table .cart_item .product-name, .woocommerce-checkout .shop_table .cart_item td.product-price, .woocommerce-checkout .shop_table .cart_item td.product-subtotal, .woocommerce-checkout .shop_table .cart_item td.product-remove { padding-top: 14px; margin-right: 130px; } .shop_table .order_item .product-quantity, .woocommerce-checkout .shop_table .cart_item .product-quantity { position: absolute; right: 0; top: 19px; font-size: 0.9375rem; } .shop_table .order_item .product-quantity:before, .woocommerce-checkout .shop_table .cart_item .product-quantity:before { display: none; } .shop_table .order_item .product-total span, .woocommerce-checkout .shop_table .cart_item .product-total span { font-weight: bold; } .shop_table.woocommerce-checkout-review-order-table tbody { display: block; border-bottom: 1px solid red; padding-bottom: 40px; margin-bottom: 50px; } .shop_table.woocommerce-checkout-review-order-table .order-total { padding-bottom: 100px; } .shop_table .variation { font-size: 0.6875rem; margin-top: -12px; } .shop_table .variation p { margin: 0; display: inline; } .shop_table .variation:before { display: none !important; } .shop_table .variation dt, .shop_table .variation dd { display: inline-block; } .shop_table .variation dt { font-weight: 400; } .shop_table .variation dd { font-weight: 600; } .shop_table .variation dd:not(:last-child):after { content: " / "; padding: 0 2px; display: inline-block; font-weight: 300; font-size: 1.125rem; position: relative; } .woocommerce-checkout .shop_table .variation { position: relative; top: 8px; } .woocommerce-checkout .shop_table .variation dt, .woocommerce-checkout .shop_table .variation dd, .woocommerce-checkout .shop_table .variation dd:after { float: left; } .woocommerce-checkout .shop_table .variation dt { margin-right: 2px; } .woocommerce-checkout .shop_table .variation dd:after { top: -6px; margin: 0 2px; } .woocommerce-checkout .shop_table .variation:before { content: 'da'; position: static; display: block; } #order_review { padding-bottom: 100px; } #payment { position: absolute; width: calc(50% - 130px); left: calc(50% + 130px); } #payment li { position: relative; padding-bottom: 20px; margin-bottom: 0; } #payment li input[type="radio"] + label { left: 30px; } #payment li img { display: none !important; } #payment li p { font-size: 1rem; opacity: .75; float: none; margin: 10px 0 10px 30px; } #payment input[type="submit"] { border: none; width: auto; float: none; } .woocommerce-checkout .entry-footer, .woocommerce-cart .entry-footer { display: none; } .wc-proceed-to-checkout { position: relative; left: 50%; margin-left: -100px; } .wc-proceed-to-checkout .button { float: none; display: inline-block; font-size: 1.1875rem; } .wc-proceed-to-checkout:after { content: "⟶"; font-size: 1.75rem; position: relative; left: 15px; } .top-menu .cart-item a { margin-right: 20px; } .top-menu .cart-item sup { font-size: 0.8125rem; font-weight: 600; line-height: 1; position: absolute; } .top-menu .cart-item sup:before { content: "("; } .top-menu .cart-item sup:after { content: ")"; } body.cart-opened #site { left: -200px; } #mini-cart { position: fixed; top: 0; right: 0; width: 220px; height: 100%; z-index: 99999; background: aqua; color: pink; overflow: hidden; transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1); transform: translate3d(220px, 0, 0); } #mini-cart.block-actions .cart_list { opacity: .5; pointer-events: none; } body.cart-opened #mini-cart { transform: translate3d(20px, 0, 0); } #mini-cart .widget_shopping_cart { width: calc(100% + 20px); height: 100%; overflow-y: scroll; } #mini-cart .widget_shopping_cart_content { width: calc(100% - 20px); position: relative; overflow: hidden; min-height: 100%; padding-bottom: 300px; } #mini-cart .remove-button { height: 75px; width: 100%; position: relative; background: rgba(255, 192, 203, 0.08); display: flex; align-items: center; justify-content: center; cursor: pointer; } #mini-cart .remove-button > div { width: 17px; position: relative; overflow: hidden; transition: all 120ms linear; } #mini-cart .remove-button .icon { display: inline-block; transform: rotate(180deg); opacity: .5; transition: all 120ms linear; font-weight: bold; } #mini-cart .remove-button .text { text-transform: uppercase; font-size: 0.6875rem; font-weight: bold; position: absolute; top: 6px; left: 30px; } .no-touchevents #mini-cart .remove-button:hover .icon { opacity: 1; } .no-touchevents #mini-cart .remove-button:hover > div { width: 62px; } #mini-cart .cart-header { margin: 80px 0 100px; position: relative; font-weight: bold; text-align: center; } #mini-cart .cart-header h4 { font-size: 0.8125rem; text-transform: uppercase; margin: 0; } #mini-cart .cart-header .woocommerce-cart-no { position: absolute; font-size: 4.6875rem; opacity: .1; top: -45px; left: 0; width: 100%; } #mini-cart .cart-header a { position: absolute; top: -40px; left: 0; width: 100%; height: 90px; z-index: 99; } #mini-cart .cart_list { margin: 0; padding: 0 60px; list-style: none; } #mini-cart .cart_list li { margin: 30px 0 0 0; position: relative; } #mini-cart .cart_list li:first-child { margin-top: 0; } #mini-cart .cart_list li > a:not(.remove) { font-size: 0; width: 100%; } #mini-cart .cart_list li .remove { position: absolute; top: -8px; right: -5px; color: pink; font-size: 1.0625rem; line-height: 1; font-weight: 500; opacity: 0; visibility: hidden; } #mini-cart .cart_list li .remove:hover { transform: scale(1.5); } #mini-cart .cart_list li:hover .remove { opacity: 1; visibility: visible; } #mini-cart .cart_list li .quantity { font-size: 0.8125rem; line-height: 1; font-weight: 600; width: 100%; display: block; position: relative; margin-top: 5px; } #mini-cart .cart_list li .quantity .woocommerce-Price-amount { float: right; } #mini-cart .cart_list li.empty { font-size: 0; height: 290px; } #mini-cart dl.variation { display: none; } #mini-cart .empty .empty-cart { display: block; } #mini-cart .empty-cart { position: absolute; top: 275px; left: 0; width: 200px; height: 296px; display: none; } #mini-cart .empty-cart .title { position: absolute; top: 245px; width: 100%; text-align: center; font-size: 0.8125rem; font-weight: bold; opacity: .1; text-transform: uppercase; } #mini-cart .empty-cart .icon { margin-left: -45px; } #mini-cart .empty-cart svg path { stroke: transparent; fill: rgba(255, 192, 203, 0.1); } #mini-cart p.total, #mini-cart p.buttons { display: none; } #mini-cart .cart-summary { width: 100%; height: 200px; position: absolute; bottom: 0; } #mini-cart .cart-totals { background: rgba(255, 192, 203, 0.1); height: 145px; display: flex; align-items: center; justify-content: center; text-align: center; } #mini-cart .cart-totals h5 { font-size: 0.8125rem; text-transform: uppercase; margin: 0 0 -2px 0; opacity: .15; font-weight: bold; } #mini-cart .cart-totals .woocommerce-Price-amount { font-size: 2.1875rem; font-weight: bold; } #mini-cart .cart-checkout { background: #0ff1b3; color: rgba(17, 17, 17, 0.5); height: 55px; width: 100%; font-size: 0.6875rem; line-height: 58px; font-weight: 600; text-align: center; text-transform: uppercase; display: block; } #mini-cart .cart-checkout:hover { color: #0ff1b3; background: #111; } #mini-cart .empty .cart-checkout { pointer-events: none; background: rgba(255, 192, 203, 0.5); } .responsive-bag { position: relative; } .responsive-bag .woocommerce-cart-no { position: absolute; width: 20px; height: 20px; font-size: 0.6875rem; line-height: 20px; border-radius: 100%; font-weight: bold; text-align: center; bottom: -4px; right: -8px; color: rgba(0, 0, 0, 0.35); } .woocommerce-cart .cart-empty { display: none; } .woocommerce-cart .empty-cart { width: 290px; height: 296px; margin: 150px auto 0; position: relative; } .woocommerce-cart .empty-cart .title { position: absolute; top: 245px; width: 100%; text-align: center; font-size: 0.8125rem; font-weight: bold; opacity: .2; text-transform: uppercase; } .woocommerce-cart .empty-cart svg path { stroke: transparent; opacity: .15; } .woocommerce-cart .return-to-shop { text-align: center; margin: 25px 0 0 0; } .woocommerce-cart .return-to-shop a { border: none; font-size: 1.1875rem; font-weight: 600; padding: 0; float: none; display: inline-block; } .woocommerce-cart .return-to-shop a:after { height: 2px; } .woocommerce-error { font-size: 0.8125rem; font-weight: 600; padding: 17px 50px; } .woocommerce-message, .woocommerce-info { font-size: 0.8125rem; font-weight: 600; padding: 0; transition: transform 200ms linear; width: 100%; height: auto; bottom: 50px; left: 0; position: fixed; text-align: center; margin: 0; z-index: 999999; } .woocommerce-message.out, .woocommerce-info.out { transform: translateY(100%); } .woocommerce-message a.button, .woocommerce-info a.button { font-size: 0.8125rem; padding: 0; display: inline; font-weight: 600; float: right; margin-left: 5px; border: none; position: static; color: #fff !important; } .woocommerce-message a:hover, .woocommerce-info a:hover { opacity: .85; } @media screen and (max-width: 480px) { .woocommerce-message, .woocommerce-info { text-align: left; } } .woocommerce-message .color, .woocommerce-info .color { padding: 17px 50px; } @media screen and (max-width: 640px) { .woocommerce-message, .woocommerce-info { bottom: 0; padding: 0 !important; } .woocommerce-message .wrapper, .woocommerce-info .wrapper { padding: 0 !important; } } .woocommerce-error { background: #c31c47; color: #fb8383; } .woocommerce-message .wrapper .color { background: #411cc3; color: #9283fb; } .woocommerce-info .wrapper .color { background: #c3b21c; color: #fbf983; } ul.woocommerce-error { background: transparent; padding: 0; } ul.woocommerce-error li { background: #c31c47; padding: 17px 50px; display: inline-block; margin: 0 0 4px 0; } .woocommerce-checkout ul.woocommerce-error { width: calc(83.333% - 30px); } .woocommerce-checkout .woocommerce-error { margin-left: 30px; } .woocommerce-account h1.entry-title, .woocommerce-account .entry-footer, .woocommerce-order-received h1.entry-title, .woocommerce-order-received .entry-footer { display: none; } .woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content .archive-header h4, .woocommerce-edit-address .woocommerce-MyAccount-content > p, .woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Address-title a, .woocommerce-order-received .woocommerce-MyAccount-content address, .woocommerce-view-order .woocommerce-MyAccount-content address, .woocommerce-MyAccount-content .shop_table th, .woocommerce-MyAccount-content .shop_table .order-actions a, .woocommerce-MyAccount-content .shop_table .download-actions a, .woocommerce-account .lost_password { font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; } .woocommerce-MyAccount-navigation { text-align: center; border-top: 1px solid; padding-top: 25px; margin: 50px 0 150px; } .woocommerce-MyAccount-navigation li { display: inline-block; margin: 0 25px; } .woocommerce-MyAccount-navigation li a:hover:after { height: 2px; } .woocommerce-MyAccount-navigation li.is-active a:after { height: 2px; } .woocommerce-thankyou-order-received { margin-bottom: 74px; } .woocommerce-MyAccount-content { margin: auto; text-align: center; } .woocommerce-MyAccount-content a { font-weight: 600; } .woocommerce-MyAccount-content .archive-header { margin: -30px 0 25px; } .woocommerce-MyAccount-content .archive-header h4 { margin-top: 40px; opacity: .5; } .woocommerce-MyAccount-content .archive-header a { font-weight: bold; } .woocommerce-order-received .woocommerce-MyAccount-content .archive-header { margin-bottom: -70px; } .woocommerce-edit-address .woocommerce-MyAccount-content > p { opacity: .5; width: 50%; margin: 0 auto 50px; } .woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Address-title h3, .woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Address-title #respond .form-submit #submit, #respond .form-submit .woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Address-title #submit { font-size: 1.1875rem; font-weight: 600; margin: 0; } .woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Address-title a:hover:after { height: 2px; } .woocommerce-MyAccount-content address { margin: 15px 0 50px; } .woocommerce-order-received .woocommerce-MyAccount-content, .woocommerce-view-order .woocommerce-MyAccount-content { position: relative; *zoom: 1; } .woocommerce-order-received .woocommerce-MyAccount-content:after, .woocommerce-view-order .woocommerce-MyAccount-content:after { content: ''; display: table; clear: both; } .woocommerce-order-received .woocommerce-MyAccount-content > p:first-child, .woocommerce-view-order .woocommerce-MyAccount-content > p:first-child { font-weight: 600; padding: 40px 50px; margin-bottom: 0; } .woocommerce-order-received .woocommerce-MyAccount-content h2, .woocommerce-order-received .woocommerce-MyAccount-content h3, .woocommerce-order-received .woocommerce-MyAccount-content #respond .form-submit #submit, #respond .form-submit .woocommerce-order-received .woocommerce-MyAccount-content #submit, .woocommerce-view-order .woocommerce-MyAccount-content h2, .woocommerce-view-order .woocommerce-MyAccount-content h3, .woocommerce-view-order .woocommerce-MyAccount-content #respond .form-submit #submit, #respond .form-submit .woocommerce-view-order .woocommerce-MyAccount-content #submit { font-size: 1.1875rem; font-weight: 600; margin-bottom: 25px; float: left; width: 20%; text-align: left; clear: both; margin-top: 100px; } .woocommerce-order-received .woocommerce-MyAccount-content table, .woocommerce-order-received .woocommerce-MyAccount-content address, .woocommerce-view-order .woocommerce-MyAccount-content table, .woocommerce-view-order .woocommerce-MyAccount-content address { float: right; width: auto; text-align: right; margin-top: 100px; } .woocommerce-order-received .woocommerce-MyAccount-content table th, .woocommerce-order-received .woocommerce-MyAccount-content address th, .woocommerce-view-order .woocommerce-MyAccount-content table th, .woocommerce-view-order .woocommerce-MyAccount-content address th { width: auto !important; } .woocommerce-order-received .woocommerce-MyAccount-content table td, .woocommerce-order-received .woocommerce-MyAccount-content address td, .woocommerce-view-order .woocommerce-MyAccount-content table td, .woocommerce-view-order .woocommerce-MyAccount-content address td { width: auto !important; text-align: left; } .woocommerce-order-received .woocommerce-MyAccount-content th.product-total, .woocommerce-view-order .woocommerce-MyAccount-content th.product-total { text-align: left; } .woocommerce-order-received .woocommerce-MyAccount-content .order-again, .woocommerce-view-order .woocommerce-MyAccount-content .order-again { display: none; } .woocommerce-order-received .woocommerce-MyAccount-content address, .woocommerce-view-order .woocommerce-MyAccount-content address { text-align: left; } .woocommerce-MyAccount-content .shop_table.woocommerce-MyAccount-orders, .woocommerce-MyAccount-content .shop_table.woocommerce-MyAccount-downloads { margin-top: -30px; } .woocommerce-MyAccount-content .shop_table thead { display: table-header-group; } .woocommerce-MyAccount-content .shop_table th { display: table-cell; height: auto; float: none; padding: 0 20px; opacity: .5; } .woocommerce-MyAccount-content .shop_table tr { display: table-row; margin-bottom: 70px; width: 100%; opacity: 1 !important; visibility: visible !important; transform: none !important; } .woocommerce-MyAccount-content .shop_table td { display: table-cell; height: auto; float: none; padding: 0 20px; font-size: 0.9375rem; font-weight: 600; } .woocommerce-MyAccount-content .shop_table td.order-status { position: relative; } .woocommerce-MyAccount-content .shop_table td.order-status:after { content: ""; display: block; width: 6px; height: 6px; border-radius: 6px; position: absolute; left: 0; top: 33px; } .woocommerce-MyAccount-content .shop_table td.order-status.processing:after { background: #00FAFF; } .woocommerce-MyAccount-content .shop_table td.order-status.completed:after { background: #35FF00; } .woocommerce-MyAccount-content .shop_table td.order-status.on-hold:after { background: #FFDA00; } .woocommerce-MyAccount-content .shop_table td.order-status.cancelled:after { background: #FF5300; } .woocommerce-MyAccount-content .shop_table .order-actions, .woocommerce-MyAccount-content .shop_table .download-actions { float: right; padding-top: 10px; } .woocommerce-MyAccount-content .shop_table .order-actions a, .woocommerce-MyAccount-content .shop_table .download-actions a { height: 30px; padding-top: 7px; border-width: 1px; position: relative; top: 12px; } .woocommerce-MyAccount-content .shop_table.order_details td:before, .woocommerce-MyAccount-content .shop_table.order_details a:before, .woocommerce-MyAccount-content .shop_table.order_details small:before, .woocommerce-MyAccount-content .shop_table.customer_details td:before, .woocommerce-MyAccount-content .shop_table.customer_details a:before, .woocommerce-MyAccount-content .shop_table.customer_details small:before { display: none; } .woocommerce-MyAccount-content .shop_table.order_details .product-quantity, .woocommerce-MyAccount-content .shop_table.customer_details .product-quantity { position: static; } .woocommerce-MyAccount-content .shop_table.order_details th, .woocommerce-MyAccount-content .shop_table.order_details td, .woocommerce-MyAccount-content .shop_table.customer_details th, .woocommerce-MyAccount-content .shop_table.customer_details td { padding: 0 25px; width: 50%; } .woocommerce-MyAccount-content .shop_table.order_details th, .woocommerce-MyAccount-content .shop_table.customer_details th { padding-bottom: 10px; } .woocommerce-MyAccount-content .shop_table.order_details tfoot tr:first-child th, .woocommerce-MyAccount-content .shop_table.customer_details tfoot tr:first-child th { padding-top: 50px; } .woocommerce-MyAccount-content .shop_table.order_details tfoot th, .woocommerce-MyAccount-content .shop_table.order_details tbody th, .woocommerce-MyAccount-content .shop_table.order_details .product-name, .woocommerce-MyAccount-content .shop_table.order_details td.product-price, .woocommerce-MyAccount-content .shop_table.order_details td.product-subtotal, .woocommerce-MyAccount-content .shop_table.order_details td.product-remove, .woocommerce-MyAccount-content .shop_table.customer_details tfoot th, .woocommerce-MyAccount-content .shop_table.customer_details tbody th, .woocommerce-MyAccount-content .shop_table.customer_details .product-name, .woocommerce-MyAccount-content .shop_table.customer_details td.product-price, .woocommerce-MyAccount-content .shop_table.customer_details td.product-subtotal, .woocommerce-MyAccount-content .shop_table.customer_details td.product-remove { text-align: right; } .woocommerce-MyAccount-content .shop_table.order_details .product-name a, .woocommerce-MyAccount-content .shop_table.order_details td.product-price a, .woocommerce-MyAccount-content .shop_table.order_details td.product-subtotal a, .woocommerce-MyAccount-content .shop_table.order_details td.product-remove a, .woocommerce-MyAccount-content .shop_table.order_details .product-name strong, .woocommerce-MyAccount-content .shop_table.order_details td.product-price strong, .woocommerce-MyAccount-content .shop_table.order_details td.product-subtotal strong, .woocommerce-MyAccount-content .shop_table.order_details td.product-remove strong, .woocommerce-MyAccount-content .shop_table.customer_details .product-name a, .woocommerce-MyAccount-content .shop_table.customer_details td.product-price a, .woocommerce-MyAccount-content .shop_table.customer_details td.product-subtotal a, .woocommerce-MyAccount-content .shop_table.customer_details td.product-remove a, .woocommerce-MyAccount-content .shop_table.customer_details .product-name strong, .woocommerce-MyAccount-content .shop_table.customer_details td.product-price strong, .woocommerce-MyAccount-content .shop_table.customer_details td.product-subtotal strong, .woocommerce-MyAccount-content .shop_table.customer_details td.product-remove strong { display: inline; } .woocommerce-MyAccount-content mark { background: none; } .woocommerce-MyAccount-content mark:after { height: 2px; } .woocommerce-MyAccount-content form { width: calc(100% + 30px); margin-left: -15px; } .woocommerce-MyAccount-content form h3, .woocommerce-MyAccount-content form #respond .form-submit #submit, #respond .form-submit .woocommerce-MyAccount-content form #submit { font-size: 1.1875rem; font-weight: 600; margin-bottom: 50px; text-align: center; } .woocommerce-MyAccount-content form h3:after, .woocommerce-MyAccount-content form #respond .form-submit #submit:after, #respond .form-submit .woocommerce-MyAccount-content form #submit:after { font-size: 0.8125rem; font-weight: 500; opacity: .5; background: none; display: block; } .woocommerce-MyAccount-content form p { position: static; text-align: center; width: 100%; } .woocommerce-MyAccount-content form p:last-child { margin-bottom: 0; } .woocommerce-MyAccount-content form .form-row { width: 50%; padding: 0 15px; position: relative; text-align: left; } .woocommerce-MyAccount-content form .form-row.form-row-wide { width: 100%; } .woocommerce-MyAccount-content form label { left: 30px; } .woocommerce-MyAccount-content form input, .woocommerce-MyAccount-content form .select2-container .select2-chosen { font-weight: 600; } .woocommerce-MyAccount-content form input[type="submit"].button { float: none; width: auto; position: static; display: inline; margin-top: 60px; background: none !important; border: none; font-size: 0.9375rem; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; padding: 11px 38px 10px; } .woocommerce-MyAccount-content form legend { font-weight: 500; opacity: .5; font-size: 0.875rem; margin-bottom: 30px; } .woocommerce-thankyou-order-details { margin-top: 30px; list-style: none; } .woocommerce-thankyou-order-details li { margin-bottom: 12px; } .woocommerce-account .calafate-checkout-navigation { margin-bottom: 0; } .woocommerce-account .calafate-checkout-navigation li { width: 50%; } .woocommerce-account .calafate-checkout-navigation li.done:before { content: ''; } .woocommerce-account .calafate-checkout-navigation li:before { display: none !important; } .woocommerce-account .calafate-checkout-navigation li:first-child:last-child { display: none; float: none; margin-left: auto; margin-right: auto; } .woocommerce-account .calafate-checkout-navigation .icon { display: inline-block; width: 46px; height: 46px; text-align: center; line-height: 46px; border-radius: 50%; left: 50%; top: 0; margin-left: -23px; position: absolute; background: red; padding-top: 8px; transition: opacity 100ms linear, background 100ms linear, color 100ms linear; } .woocommerce-account .calafate-checkout-navigation .icon * { stroke: transparent !important; } .woocommerce-account .calafate-checkout-navigation .icon.register { padding-left: 5px; } .woocommerce-account form.ccform { margin: -65px auto 0; } .woocommerce-account form p { position: static; text-align: center; width: 100%; } .woocommerce-account form p:last-child { margin-bottom: 0; } .woocommerce-account form .form-row { width: 50%; padding: 0 15px; position: relative; text-align: left; } .woocommerce-account form .form-row.form-row-wide { width: 100%; } .woocommerce-account form label { left: 30px; } .woocommerce-account form input, .woocommerce-account form .select2-container .select2-chosen { font-weight: 600; } .woocommerce-account form label[for="rememberme"] { left: 45px !important; } .woocommerce-account form input[type="submit"].button { float: right; width: auto; position: static; display: inline; margin-top: 0; background: none !important; font-size: 1rem; letter-spacing: 1px; font-weight: 600; padding: 11px 38px 10px; height: 45px; } .woocommerce-account form input[type="submit"].button:hover { background: none !important; } .woocommerce-account .lost_password a { opacity: .5; } .woocommerce-account .lost_password a:hover { opacity: 1; } .woocommerce-account form.register p:last-child { width: 100%; text-align: center; margin-top: 20px; margin-bottom: 0; } .woocommerce-account form.register p:last-child input { float: none; } .variations_form table tr { margin-bottom: 20px; } .wc-terms-and-conditions { display: block; width: 100%; margin-left: -30px; } input#payment_method_bacs { display: inline-block !important; } @media all and (max-width: 640px) { #comments-list .children li { padding-left: 50px; } } th.order-total { width: 20% !important; } #portfolio-filters, #responsive-menu { pointer-events: none; } .overlay-menu > li, .responsive-menu .overlay-menu > li { pointer-events: visible !important; } .hero-header, .hero-header .media, .hero-header .overlay { position: fixed; width: 100%; height: 100%; width: 100vw; height: 100vh; top: 0; left: 0; z-index: 88; } .hero-header .media { background-repeat: no-repeat; background-size: cover; background-position: center center; position: absolute; opacity: 0; transform: translateZ(0) scale(1.015); transition: opacity 555ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms, transform 555ms cubic-bezier(0.39, 0.575, 0.565, 1) 200ms; } .hero-header .media.active { opacity: 1; transform: translateZ(0) scale(1); } .hero-header .media.unmount-transition { transition: opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1); transform: translateZ(0) scale(1); } .hero-header video, .hero-header .media video, .hero-header .overlay video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 9; margin: 0; max-width: none; vertical-align: middle; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .hero-header .overlay { opacity: 0; transition: opacity 200ms cubic-bezier(0.39, 0.575, 0.565, 1) !important; pointer-events: none; } .kill-overlay .hero-header .overlay, .hero-header .kill-overlay .media .overlay, .hero-header .kill-overlay .overlay .overlay { display: none; } .hero-header.active .overlay, .hero-header .active.media .overlay, .hero-header .active.overlay .overlay { pointer-events: all; } .hero-header + .entry-content, .hero-header .media + .entry-content, .hero-header .overlay + .entry-content { top: 50%; } .hero-header .carousel, .hero-header .carousel-cell { width: 100%; height: 100%; } .hero-helper-arrow ~ .flickity-page-dots:nth-child(2n) { display: none; } .hero-carousel-paging { position: fixed; width: auto; bottom: 40px; width: auto; height: 18px; z-index: 9999; counter-reset: hero-carousel-paging; list-style: none; margin: 0 0 0 -5px; opacity: 0; transform: translate3d(0, 15px, 0); visibility: hidden; transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear; transition-delay: 0; } .hero-carousel-paging.re.active { opacity: 0; transform: translate3d(0, -15px, 0); visibility: hidden; } .hero-carousel-paging.active { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .hero-carousel-paging li.dot { width: 10px; height: 10px; margin: 0 5px; background: transparent; border: 2px solid #000; opacity: 1; transition: all 150ms linear; text-align: center; border-radius: 10px; opacity: 1; display: inline-block; } .no-touchevents .hero-carousel-paging li.dot:hover { transform: scale(1.1); } body.show-hero-arrow { cursor: none; } #hero-arrow { display: none; position: fixed; z-index: 9999; } #hero-arrow .show-hero-arrow { display: block; } #hero-arrow .arrow { display: block; } #hero-arrow.bottom .arrow { transform: rotate(90deg); } #hero-arrow.left .arrow { transform: rotate(180deg); } .hero-carousel-nav-anim { display: none !important; position: absolute; top: 50%; height: 45px; width: 90px; z-index: 9999; cursor: pointer; margin-top: -25px; opacity: 0; visibility: hidden; transition: padding 100ms linear, opacity 200ms linear, visibility 200ms linear; } .hero-carousel-nav-anim.init { opacity: 1; visibility: visible; } .no-touchevents .hero-carousel-nav-anim:hover { padding-left: 10px; } .hero-carousel-prev { transform: rotate(180deg); left: calc((100vw - 1440px) / 2); } @media screen and (max-width: 1640px) { .hero-carousel-prev { left: 100px; } } .hero-carousel-next { right: calc((100vw - 1440px) / 2); } @media screen and (max-width: 1640px) { .hero-carousel-next { right: 100px; } } .hero-helper-arrow { position: fixed; bottom: 20px; left: 50%; margin-left: -25px; opacity: 0; visibility: hidden; width: 50px; height: 50px; z-index: 999; transition: all 300ms linear; cursor: pointer; } .hero-helper-arrow .mouse { position: absolute; width: 23px; height: 39px; bottom: 40px; left: 50%; top: 0; margin-left: -12px; border-radius: 15px; border: 2px solid; } .hero-helper-arrow .scroll { display: block; width: 3px; height: 3px; margin: 6px auto; border-radius: 4px; -webkit-transform: translateY(5px); transform: translateY(5px); } .hero-helper-arrow.init { opacity: 1; visibility: visible; } .hero-helper-arrow.init .mouse { -webkit-animation: intro 1s; animation: intro 1s; } .hero-helper-arrow.init .scroll { -webkit-animation: finger 1s infinite; animation: finger 1s infinite; } .single-product .hero-helper-arrow { display: none; } @-webkit-keyframes intro { 0% { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes intro { 0% { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes finger { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(15px); transform: translateY(15px); } } @keyframes finger { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(15px); transform: translateY(15px); } } @keyframes slide-down-circle { 0% { opacity: 0; top: -37px; } 25% { opacity: 1; top: -27px; } 45% { opacity: 1; } 85% { opacity: 0; } } @keyframes slide-down-arrow { 0% { opacity: 0; bottom: 10px; } 25% { opacity: 1; bottom: -10px; } 45% { opacity: 1; } 85% { opacity: 0; } } body.hero-1 #content { } .entry-hero-tagline { z-index: 90; padding-bottom: 100px; position: relative; width: 100%; display: flex; align-items: center; top: -120px; } .entry-hero-tagline div { width: 100%; } .entry-hero-tagline.hero-vertical-text- { top: 0 !important; } .entry-hero-tagline.hero-vertical-text- div { align-self: flex-end; } .entry-hero-tagline.hero-vertical-text-1 h1 { padding-bottom: 0 !important; } .entry-hero-tagline *:last-child { margin-bottom: 0; } .page-template-template-portfolio .entry-hero-tagline { padding-left: 30px; } .hero-header .carousel .caption { position: absolute; bottom: 10%; left: 1%; z-index: 999; font-size: 1.0625rem; font-weight: 500; transform: rotate(-90deg); transform-origin: left; padding-top: 5px; } @media all and (max-height: 600px) { .hero-header .carousel .caption { transform: rotate(0deg); padding-left: 0; padding-top: 0; margin-left: -5px; bottom: 15%; } } body { background: #000; transition: background 250ms linear, width 250ms linear, margin 250ms linear !important; width: 100%; overflow-y: scroll; } body.kill-overflow { position: fixed; height: 100%; } #site { overflow: hidden; display: flex; min-height: 100vh; flex-direction: column; transition: left 400ms cubic-bezier(0.23, 1, 0.32, 1), opacity 250ms cubic-bezier(0.23, 1, 0.32, 1); position: relative; left: 0; top: 0; } #site.animate { transition: left 400ms cubic-bezier(0.23, 1, 0.32, 1), top 470ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 470ms cubic-bezier(0.39, 0.575, 0.565, 1); } #site.out { opacity: 0; top: -50px; } .header-content-wrapper { min-height: 100%; margin: 0 auto; } .wrapper { max-width: 1440px; margin: auto; position: relative; } @media screen and (max-width: 1640px) { .wrapper { padding: 0 100px; max-width: auto; width: 100%; } } #content { padding-bottom: 250px; flex: 1; } #primary { transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1); z-index: 999; } #primary.close { opacity: 0; transform: translate3d(0, -20px, 0); } #primary.close .summary.stick { right: 0 !important; } .entry-content { position: relative; z-index: 98; } .entry-content .grid:not(:last-of-type) { margin-bottom: -50px; } .grid__item.center { margin-left: auto; margin-right: auto; display: block; float: none; clear: left; } .entry-content > *:not(.grid), .entry-content > .grid > .grid__item, .entry-content > p > img, .entry-content > p > iframe, .entry-footer, .entry-archive, .single-product .summary > *, .single-product .images-view, .single-product .thumbnails img, .single-product .content-holder .grid__item, .entry-navigation, .shop_table tr, .cart-collaterals, .page-template-template-portfolio .entry-hero-tagline, .page-template-template-portfolio .post-navigation { opacity: 0; transform: translate3d(0, 15px, 0); visibility: hidden; transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear; transition-delay: 0; } .entry-content > *:not(.grid).re.active, .entry-content > .grid > .grid__item.re.active, .entry-content > p > img.re.active, .entry-content > p > iframe.re.active, .entry-footer.re.active, .entry-archive.re.active, .single-product .summary > *.re.active, .single-product .images-view.re.active, .single-product .thumbnails img.re.active, .single-product .content-holder .grid__item.re.active, .entry-navigation.re.active, .shop_table tr.re.active, .cart-collaterals.re.active, .page-template-template-portfolio .entry-hero-tagline.re.active, .page-template-template-portfolio .post-navigation.re.active { opacity: 0; transform: translate3d(0, -15px, 0); visibility: hidden; } .entry-content > *:not(.grid).active, .entry-content > .grid > .grid__item.active, .entry-content > p > img.active, .entry-content > p > iframe.active, .entry-footer.active, .entry-archive.active, .single-product .summary > *.active, .single-product .images-view.active, .single-product .thumbnails img.active, .single-product .content-holder .grid__item.active, .entry-navigation.active, .shop_table tr.active, .cart-collaterals.active, .page-template-template-portfolio .entry-hero-tagline.active, .page-template-template-portfolio .post-navigation.active { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .shop_table tr.no-transition, .cart-collaterals.no-transition { transition: none !important; } @keyframes blink { 0% { opacity: .2; } 20% { opacity: 1; } 100% { opacity: .2; } } #preloader { position: fixed; top: 50%; left: 50%; margin-left: -12px; z-index: 99999; opacity: 1; transition: all 150ms linear; pointer-events: none; } #preloader.all-aboard { opacity: 0; } .sidebar-opened #preloader { margin-left: 260px; } #preloader span { font-family: Georgia, serif; font-size: 28px; line-height: 28px; color: #fff; animation-name: blink; animation-duration: .9s; animation-iteration-count: infinite; animation-fill-mode: both; } #preloader span:first-child { padding-left: 2px; } #preloader span:nth-child(2) { animation-delay: .3s; } #preloader span:nth-child(3) { animation-delay: .6s; } .parallax-bg { position: relative; } .parallax-bg:before, .parallax-bg { position: relative; background: inherit; content: ""; display: block; width: calc(100vw + 30px); height: 100%; left: calc(((100vw - 100%) / 2) * -1); background-position: inherit; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; top: 0; } .medge-fix .parallax-bg:before, .medge-fix .parallax-bg { background-position: center center !important; } .top-large-padding { padding-top: 250px; } .bottom-large-padding { padding-bottom: 250px; } .top-medium-padding { padding-top: 100px; } .bottom-medium-padding { padding-bottom: 100px; } .top-small-padding { padding-top: 50px; } .top-small-padding.important { padding-top: 50px !important; } .bottom-small-padding { padding-bottom: 50px; } .bottom-small-padding.important { padding-bottom: 50px !important; } .kcm .grid__item.no-right-margin { padding-right: 0; } .kcm .grid__item.no-bottom-margin { margin-bottom: 0; } .full-width { width: calc(100vw + 40px) !important; position: relative; left: calc(((100vw - 1440px) / 2) * -1) !important; } @media screen and (min-width: 1440px) and (max-width: 1640px) { .full-width { left: calc(((100vw - 1240px) / 2) * -1) !important; } } @media screen and (max-width: 1440px) { .full-width { left: 0 !important; } } @media screen and (min-width: 1366px) and (max-width: 1440px) { .full-width { margin-left: -110px !important; } } @media screen and (min-width: 769px) and (max-width: 1366px) { .full-width { margin-left: -70px !important; } } @media screen and (min-width: 480px) and (max-width: 769px) { .full-width { margin-left: -45px !important; } } @media screen and (max-width: 480px) { .full-width { margin-left: -35px !important; } } .full-width img, .full-width a { max-width: none; width: 100%; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-skin { padding: 50px !important; box-shadow: none !important; } @media all and (max-width: 640px) { .fancybox-skin { padding: 0 !important; } } .fancybox-close { right: 25px; top: 50px; } @media all and (max-width: 640px) { .fancybox-close { right: 0; top: 25px; } } .flickity-prev-next-button { width: 35px; height: 35px; transform: none; top: auto; bottom: 40px; } .flickity-prev-next-button svg { width: 100%; height: 100%; left: 0; text-align: center; } .flickity-prev-next-button svg path { stroke: none !important; position: relative; transform: scale(3.2); } .flickity-prev-next-button.previous { left: auto; right: 100px; } .flickity-prev-next-button.previous svg { left: 25px; top: 23px; transform-origin: top left; transform: rotate(180deg); } .flickity-prev-next-button.next { right: 50px; } .flickity-prev-next-button.next svg { left: auto; right: -10px; top: 12px; } body.gap-0 #content, body.gap- #content { padding-top: 0 !important; } .calafate-slider:not(.flickity-enabled) .carousel-cell { opacity: .001; } #site-header { margin-bottom: 80px; margin-top: 110px; padding: 40px 0 40px; z-index: 9999; position: relative; } #site-header h1, #site-header h2 { margin: 0; } #site-header.sticky { position: fixed; top: 0; margin-top: 0; width: 100%; transform: translate3d(0, -100%, 0); box-shadow: 0 10px 20px rgba(120, 120, 120, 0.06); } #site-header.sticky.animate { transition: transform 150ms linear; } #site-header.sticky.shoow { transform: translate3d(0, 0, 0); } #site-header.sticky:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: inherit; content: ""; display: block; z-index: 99; opacity: 0; visibility: hidden; transition: all 250ms linear; } #site-header.sticky.overlay:after { opacity: 1; visibility: visible; } .sidebar-enabled #site-header.sticky { width: calc(100% - 45px); } @media screen and (max-width: 480px) { .sidebar-enabled #site-header.sticky { width: calc(100% - 20px); } } .has-sticky-header-always #site-header { transform: none; } #site-header .site-header-holder { display: flex; align-items: center; justify-content: space-between; } #site-logo h1, #site-logo h2 { line-height: 1; } #site-logo.image-logo-enabled h1, #site-logo.image-logo-enabled h2 { line-height: 0; } #site-logo.image-logo-enabled img { vertical-align: middle; max-width: none; width: auto; margin: 0; } #site-logo.image-logo-disabled span { font: bold 2.0625rem "Helvetica Neue", Helvetica, sans-serif; color: #fff; } #site-navigation { font: 1.125rem "Helvetica Neue", Helvetica, sans-serif; position: relative; } #site-navigation ul { list-style: none; } .top-menu { position: relative; margin: 0; z-index: 10; } .top-menu li { display: inline-block; margin-bottom: 0 !important; transition: all 200ms linear; } .top-menu li:not(:first-child) { margin-left: 30px; } .top-menu li.current-menu-item > a:after, .top-menu li.current-menu-parent > a:after { height: 2px; } .top-menu li.swap-search { opacity: 0; visibility: hidden; } .no-touchevents .subtle-fade .top-menu > li:not(:hover), .no-touchevents .subtle-fade > a { opacity: .2 !important; } .sub-menu { position: absolute; top: 18px; padding-top: 12px; opacity: 0; visibility: hidden; transition: all 120ms linear; margin: 0 !important; } .sub-menu li:not(:first-child) { margin-left: 18px; } .sub-menu li { float: left; } .sub-menu a { font-size: 0.9375rem; } .no-touchevents .menu-item-has-children:hover .sub-menu { opacity: 1; visibility: visible; } .open-search { opacity: .3; } .no-touchevents .open-search:hover { opacity: 1; } .open-search:after { display: none !important; } #site-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.9); display: flex; align-items: flex-end; justify-content: flex-start; width: 100%; height: 100%; transition: all 200ms linear; z-index: 99999; padding-bottom: 40px; cursor: none; opacity: 0; visibility: hidden; } @media screen and (min-width: 1640px) { #site-overlay { padding-left: 70px; } } #site-overlay > *:not(#overlay-mouse) { display: none; cursor: default; } #site-overlay > *:not(#overlay-mouse).show-this-one { display: block; } .no-touchevents #site-overlay > *:not(#overlay-mouse):hover ~ #overlay-mouse { display: none; } #site-overlay.show-overlay { opacity: 1; visibility: visible; } #site-overlay #searchform { align-self: center; margin: auto; } #site-overlay #searchform #s { width: 100%; text-align: center; background: none; border: none; font-family: Karla, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 7.35vmin; } #site-overlay #searchform #submit_s { display: none; } #overlay-mouse { position: absolute; pointer-events: none; transform: rotate(45deg); z-index: 99999; } #overlay-mouse a { margin: 0 !important; } .responsive-nav { height: 23px; } .responsive-bag { height: 30px; top: -6px; transition: opacity 200ms linear, visibility 200ms linear, transition 100ms linear, color 100ms linear, background 100ms linear, margin 300ms linear !important; } .responsive-search .icon { transform: scale(1.3); display: inline-block; position: relative; top: -3px; } .lines { display: inline-block; width: 20px; height: 1px; transition: 300ms; background: #fff; position: relative; top: -9px; } .lines:before, .lines:after { display: inline-block; width: 20px; height: 1px; transition: 300ms; background: #fff; position: absolute; left: 0; content: ""; transform-origin: 0.8571428571px center; } .lines:before { top: 6px; } .lines:after { top: -6px; } .open-filters, .responsive-nav, .responsive-bag, .responsive-search { float: right; position: relative; padding: 4px; margin: 0 -4px 0 25px; transition: opacity 200ms linear, visibility 200ms linear, color 100ms linear !important; z-index: 99999; visibility: visible; opacity: 1; } .open-filters.swap-search, .swap-search.responsive-nav, .swap-search.responsive-bag, .swap-search.responsive-search { opacity: 0 !important; visibility: hidden; } .overlay-menu-holder { position: fixed; top: 0; left: 0; width: 100%; height: 100%; width: 100vw; height: 100vh; z-index: 99998; opacity: 0; visibility: hidden; transition: all 250ms linear; } .overlay-menu-holder.active { opacity: 1; visibility: visible; } .overlay-menu { position: relative; list-style: none; z-index: 99; *zoom: 1; } .overlay-menu:after { content: ''; display: table; clear: both; } .overlay-menu > li { display: inline-block; float: left; opacity: 0; transform: translate3d(0, 20px, 0); visibility: hidden; transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear; transition-delay: 0; } .overlay-menu > li:not(:last-child):after { content: ""; display: inline-block; width: 100px; height: 3px; position: relative; bottom: 20px; margin: 0 25px; } .overlay-menu > li.re.active { opacity: 0; transform: translate3d(0, -20px, 0); visibility: hidden; } .overlay-menu > li.active { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } #responsive-menu .overlay-menu > li { transition: none !important; } #responsive-menu .overlay-menu > li.init-anim { transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear !important; } .overlay-menu > li.cart-item { display: none; } .overlay-menu a { font-size: 4.0625rem; line-height: 1.3; font-weight: bold; position: relative; } .overlay-menu a.selected { color: #0ff1b3; } .overlay-menu a.selected span { background: #111; color: #0ff1b3; } .overlay-menu a span.no { position: absolute; right: -30px; top: -10px; width: 37px; height: 37px; border-radius: 100%; font-size: 0.9375rem; line-height: 37px; text-align: center; background: #0ff1b3; color: #111; opacity: 0; transform: translate3d(0, 10px, 0); visibility: hidden; transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear; transition-delay: 0; } .overlay-menu a span.no.re.active { opacity: 0; transform: translate3d(0, -10px, 0); visibility: hidden; } .overlay-menu a:hover span, .overlay-menu a.selected span { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .overlay-menu .menu-item-has-children:hover a, .overlay-menu .menu-item-has-children.touch-hover a { padding-bottom: 25px; } .overlay-menu .menu-item-has-children:hover .sub-menu, .overlay-menu .menu-item-has-children.touch-hover .sub-menu { opacity: 1; visibility: visible; } .overlay-menu .sub-menu { position: absolute; list-style: none; bottom: -10px; top: auto; padding-top: 0; } @media screen and (min-width: 770px) { .overlay-menu .sub-menu { width: 200%; } } @media screen and (max-width: 769px) { .overlay-menu .sub-menu { width: 100%; *zoom: 1; } .overlay-menu .sub-menu:after { content: ''; display: table; clear: both; } } .overlay-menu .sub-menu li { display: inline-block; margin-bottom: 5px; transition: all 120ms linear; opacity: .3; } .no-touchevents .overlay-menu .sub-menu li:hover, .overlay-menu .sub-menu li.current-menu-item, .overlay-menu .sub-menu li.current-menu-parent { opacity: 1; } .overlay-menu .sub-menu a { font-size: 1.1875rem; line-height: 1; font-weight: normal; transition: all 200ms linear; padding: 0 !important; } .overlay-menu + .filters-images { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 98; pointer-events: none; } .touchevents .overlay-menu + .filters-images { display: none; } .overlay-menu + .filters-images div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; opacity: 0; transition: opacity 400ms linear; } .overlay-menu + .filters-images div:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; display: none; } .overlay-menu + .filters-images div.active { opacity: 1; } .sidebar-enabled #responsive-menu { left: 43px; } .open-filters, .responsive-nav, .responsive-bag, .responsive-search { padding: 0; } .dots-close-anim { width: 16px; height: 18px; position: relative; display: block; cursor: pointer; margin-top: 1px; } @media screen and (max-width: 1024px) { .dots-close-anim { margin-top: -2px; } } .dots-close-anim span { display: block; position: relative; top: 0; left: 50%; border-radius: 4px; width: 4px; height: 4px; margin-top: 3px; margin-left: -2px; background: transparent; transition: all 150ms linear; } .dots-close-anim span:first-child { margin-top: 0; } .no-touchevents .dots-close-anim:hover > span.d1 { margin-left: -3px; width: 10px; } .no-touchevents .dots-close-anim:hover > span.d2 { margin-left: -7px; width: 10px; } .no-touchevents .dots-close-anim:hover > span.d3 { margin-left: -5px; width: 10px; } #site-footer { padding-bottom: 125px; z-index: 999; position: relative; bottom: 0; width: 100%; opacity: 0; transform: translate3d(0, 25px, 0); visibility: hidden; transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear; transition-delay: 0; transform: none !important; } #site-footer.stick-it { position: fixed; } #site-footer.re.active { opacity: 0; transform: translate3d(0, -25px, 0); visibility: hidden; } #site-footer.active { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .error404 #site-footer { display: none; } @media screen and (min-width: 769px) and (max-width: 1024px) { #site-footer .widget { width: 66.666%; } } .push { height: 100px; } #site-share { bottom: 308px; transform-origin: 100%; margin-right: -15px; z-index: 999; transform: rotate(-90deg); } #site-share .site-share { display: inline-block; opacity: 0; transform: translate3d(15px, 0, 0); visibility: hidden; transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear; } #site-share .site-share.re.active { opacity: 0; transform: translate3d(-15px, 0, 0); visibility: hidden; } #site-share .site-share.active { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } #site-share .site-share:not(:last-child):not(:first-child):after { content: " — "; margin-right: 5px; } #site-share.enabled-icons { padding-bottom: 10px; } #site-share.enabled-icons .site-share:not(:first-child) { margin: 0 10px; position: relative; top: 3px; } #site-share.enabled-icons .site-share:after { display: none !important; } #site-share.enabled-icons a { transform: rotate(90deg); width: 35px; text-align: center; } #site-share.enabled-icons a svg path { stroke: none !important; } .no-touchevents #site-share.enabled-icons a.fb:hover svg path { fill: #3b5998; } .no-touchevents #site-share.enabled-icons a.tw:hover svg path { fill: #55acee; } .no-touchevents #site-share.enabled-icons a.pin:hover svg path { fill: #bd081c; } #site-share a { font-size: 1.09375rem; } .no-touchevents #site-share a.fb:hover { color: #3b5998; } .no-touchevents #site-share a.tw:hover { color: #55acee; } .no-touchevents #site-share a.pin:hover { color: #bd081c; } #site-share a.fb small { color: #3b5998; } #site-share a.tw small { color: #55acee; } #site-share a.pin small { color: #bd081c; } #site-share a > small { font-size: 1em; margin-left: 1px; } #site-share .info { margin-right: 5px; font-size: 70%; opacity: .2; } #site-footer #site-share { display: block !important; position: static; transform: none; margin: 0 0 30px; } @media screen and (min-width: 769px) { #site-footer #site-share { display: none !important; } } #site-footer #site-share .site-share { opacity: 1; visibility: visible; transform: none; } #site-footer #site-share.enabled-icons .site-share:first-child { margin-right: 10px; } #site-footer #site-share.enabled-icons .site-share:not(:first-child) { top: 6px; margin: 0 5px; } #site-footer #site-share.enabled-icons a { transform: none; } #site-actions { position: fixed; top: 130px; left: 3%; z-index: 999; } .has-sticky-header-enabled #site-actions { top: 150px; } .sidebar-enabled #site-actions { left: calc(20px + 3%); } #site-actions a { height: 30px; display: block; position: relative; margin-bottom: 15px; opacity: 0; transform: translate3d(0, 15px, 0); visibility: hidden; transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear; transition-delay: 0; } #site-actions a.re.active { opacity: 0; transform: translate3d(0, -15px, 0); visibility: hidden; } #site-actions a.active { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } #site-actions a .tooltip { position: relative; top: -5px; left: 10px; font-size: 0.8125rem; font-weight: 500; line-height: 30px; clip-path: inset(0 100% 0 0); -webkit-clip-path: inset(0 100% 0 0); opacity: 0; transition: opacity 100ms linear, clip-path 200ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-clip-path 200ms cubic-bezier(0.23, 1, 0.32, 1); } @media screen and (max-width: 1900px) { #site-actions a .tooltip { display: none; } } #site-actions a#site-actions-search { top: -5px; } #site-actions a#site-actions-search .tooltip { top: -3px; } #site-actions a .icon { transition: all 200ms linear; opacity: .5; width: 30px; height: 30px; text-align: center; line-height: 30px; display: inline-block; } #site-actions a .icon * { stroke: transparent !important; } #site-actions a#site-actions-back .icon svg { transform: rotate(180deg); transform-origin: center; } .no-touchevents #site-actions a:hover .tooltip { opacity: 1; clip-path: inset(0 0 0 0); -webkit-clip-path: inset(0 0 0 0); } .no-touchevents #site-actions a:hover .icon { opacity: 1; } #site-revealer, #site-revealer .layer { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 99998; pointer-events: none; display: none; } #site-revealer .layer { height: 100%; transform: translate3d(0, 100%, 0); display: block; } #site-revealer .layer.a { transition: transform 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53), height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 200ms; } #site-revealer .layer.a:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; display: block; background: rgba(0, 0, 0, 0.25); } #site-revealer .layer.b { transition: transform 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 200ms, height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53); } #site-revealer .layer.c { transition: transform 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53), height 500ms cubic-bezier(0.39, 0.575, 0.565, 1) 200ms; } #site-revealer .layer.c:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; display: block; background: rgba(255, 255, 255, 0.25); } #site-revealer.active, #site-revealer .active.layer { display: block; } #site-revealer.out .layer.a, #site-revealer .out.layer .layer.a { transform: translate3d(0, 0, 0); height: 0; } #site-revealer.out .layer.b, #site-revealer .out.layer .layer.b { transform: translate3d(0, 0, 0); } #site-revealer.in .layer.b, #site-revealer .in.layer .layer.b { height: 0; } #site-revealer.in .layer.c, #site-revealer .in.layer .layer.c { transform: translate3d(0, 0, 0); height: 0; } html { transition: transform 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53); } html.out { transform: translate3d(0, -50px, 0); } .cf-7.mailchimp { width: 310px; position: relative; } .cf-7.mailchimp div { *zoom: 1; } .cf-7.mailchimp div:after { content: ''; display: table; clear: both; } .cf-7.mailchimp .wpcf7-form-control-wrap { width: 50%; display: inline-block; float: left; position: relative; } .cf-7.mailchimp .wpcf7-form-control-wrap:last-child { padding-left: 10px; } .cf-7.mailchimp .wpcf7-form-control-wrap input { width: 100%; background: transparent; border-bottom: 2px solid; font-size: 1.1875rem; font-weight: 500; padding: 0 0 5px; height: auto; } .cf-7.mailchimp .wpcf7-form-control-wrap input:-ms-input-placeholder { opacity: .25 !important; color: inherit !important; text-transform: none; } .cf-7.mailchimp .wpcf7-form-control-wrap input::-ms-input-placeholder { opacity: .25 !important; color: inherit !important; text-transform: none; } .cf-7.mailchimp .wpcf7-form-control-wrap input::-moz-input-placeholder { opacity: .25 !important; color: inherit !important; text-transform: none; } .cf-7.mailchimp .wpcf7-form-control-wrap input::-webkit-input-placeholder { opacity: .25 !important; color: inherit !important; text-transform: none; } .cf-7.mailchimp .wpcf7-form-control-wrap input::placeholder { opacity: .25 !important; color: inherit !important; text-transform: none; } .cf-7.mailchimp br { display: none; } .cf-7.mailchimp small { padding: 20px 0 0 2px; display: inline-block; } .cf-7.mailchimp input[type="submit"] { font-size: 2rem; bottom: -5px; padding: 0; } .cf-7.mailchimp span.wpcf7-not-valid-tip { top: -55px; font-size: 11px; right: -11px; } .cf-7.mailchimp + .wpcf7-response-output { width: 300px; margin: 0; left: 30px; } body.sidebar-enabled { width: calc(100% - 45px); margin-left: 45px; } #site-sidebar { width: 500px; height: 100%; left: 0; top: 0; position: fixed; z-index: 9999; background: #191919; color: #fff; overflow: hidden; transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1); transform: translate3d(-455px, 0, 0); } #site-sidebar.out { transform: translate3d(-500px, 0, 0); } #site-sidebar.opened { transform: translate3d(0, 0, 0); } #site-sidebar .site-sidebar-holder { width: calc(100% + 20px); height: 100%; padding: 280px 100px 150px; overflow-y: scroll; } #site-sidebar .widget:not(:last-child) { margin-bottom: 100px; } #site-sidebar .site-sidebar-content { width: calc(100% - 20px); } #site-sidebar-wrap { height: 100%; } body.sidebar-opened #site, body.cart-opened #site, body.map-opened #site { opacity: .15; pointer-events: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; } body.sidebar-opened #site { left: 455px; } body.map-opened #site { left: 62.5%; } #site-sidebar-closer { position: relative; top: -145px; left: -15px; width: 50px; height: 50px; margin-bottom: -50px; z-index: 999; text-align: center; padding-top: 12px; cursor: pointer; } #site-sidebar-closer span { display: inline-block; width: 23px; height: 23px; transform: rotate(-135deg); } #site-sidebar-closer span svg path { stroke: #fff; transition: stroke 150ms linear; } #site-sidebar-opener { position: absolute; top: 50%; right: 8px; width: 28px; height: 25px; padding: 5px; z-index: 999; text-align: center; cursor: pointer; opacity: .15; transition: opacity 150ms linear; } #site-sidebar-opener:hover { opacity: .3; } #site-sidebar-opener svg path { stroke: #fff; } #site-sidebar-opener.opened { opacity: 0; } .widget-title { font-size: 1.1875rem; font-weight: 600; line-height: 1.2; margin-bottom: 1.5625rem; } .widget { line-height: 1.4; } .widget ul, .widget ol { list-style: none; margin: 0; } .widget li:not(:last-child) { margin-bottom: 10px; } .widget li a { position: relative; padding: 0 20px; display: inline-block; } .widget li a:before { content: ""; display: block; height: 1px; width: 10px; margin-right: 10px; margin-top: 10px; position: absolute; top: 0; left: 0; background: #fff; transition: all 150ms linear; } .widget li a:hover:before { background: #0ff1b3; width: 8px; height: 8px; border-radius: 100%; margin-top: 7px; } .widget_recent_comments a:before { display: none !important; } .tagcloud { *zoom: 1; margin-left: -3px; width: calc(100% + 6px); } .tagcloud:after { content: ''; display: table; clear: both; } .tagcloud a { display: inline-block; margin: 3px; float: left; font-size: 0.8125rem !important; font-weight: 500; line-height: 1.2; padding: 6px 15px 5px; border-radius: 8px; border: 2px solid rgba(255, 255, 255, 0.15); } .tagcloud a:hover { border-color: #0ff1b3; } .searchform { position: relative; } .searchform input { background: none; border: none; border-bottom: 2px solid #fff; padding: 0 0 6px 10px; width: 100%; } .searchform input:-ms-input-placeholder { color: #fff; opacity: 1; } .searchform input::-ms-input-placeholder { color: #fff; opacity: 1; } .searchform input::-moz-input-placeholder { color: #fff; opacity: 1; } .searchform input::-webkit-input-placeholder { color: #fff; opacity: 1; } .searchform input::placeholder { color: #fff; opacity: 1; } .searchform button { position: absolute; background: none; border: none; top: -2px; right: 5px; } .searchform button svg, .searchform button svg * { fill: #fff; stroke: none !important; } .calendar_wrap { font-size: 1rem; line-height: 40px; text-align: center; position: relative; } .calendar_wrap caption { margin-bottom: 5px; opacity: .3; } .calendar_wrap td { width: 40px; height: 38px; transition: 150ms linear; position: relative; } .calendar_wrap td#today { color: #0ff1b3; } .calendar_wrap td#today:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: -1px; left: -1px; border: 1px solid #0ff1b3; } .calendar_wrap td a { color: #0ff1b3; } .calendar_wrap td a:hover { font-weight: bold; } .calendar_wrap tfoot { position: absolute; top: 0; } .calendar_wrap tfoot a { font-size: 0; } .calendar_wrap tfoot a:before { font-size: 0.875rem; color: #fff; } .calendar_wrap tfoot td#prev a:before { content: "❮"; } .calendar_wrap tfoot td#next a:before { content: "❯"; } @media all and (min-width: 1025px) { .top-menu { display: block; } .responsive-nav, .responsive-bag, .responsive-search { display: none; } } @media all and (max-width: 1024px) { .top-menu { display: none; } .responsive-nav, .responsive-bag, .responsive-search { display: block; } .responsive-bag svg * { stroke: transparent !important; } } .has-hamburger-menu-enabled .top-menu { display: none !important; } .has-hamburger-menu-enabled .responsive-nav { display: block !important; } @media screen and (max-width: 1366px) { #site-share { margin-right: -35px; } #site-actions { left: 1.2%; transform: scale(0.9); } .woocommerce-order-received .woocommerce-MyAccount-content, .woocommerce-view-order .woocommerce-MyAccount-content, .woocommerce-MyAccount-content { width: 75% !important; } } @media screen and (max-width: 1024px) { .entries-thumbnails { display: none; } .entry-navigation { position: static; display: none; } .entry-navigation__info { display: none; } .entry-navigation.responsive { display: block; text-align: left; padding-left: 30px; } .entry-navigation--portfolio { margin-bottom: 100px; } .old-breakpoint--hide { display: none; } .entry-minimal a { table-layout: auto; } .entry-minimal__time { position: absolute; right: auto; left: 0; } .entry-minimal__title { padding-left: 155px; font-size: 1.0625rem; } .search-results .entry-archive .entry-time .entry-minimal__time { position: static; } .search-results .entry-archive .entry-image { display: none; } .search-results .entry-archive .entry-search-excerpt { width: 60%; } .post-navigation { margin-top: 100px; font-size: 1.6875rem; } #respond { margin-bottom: 75px; } #site-sidebar { width: 380px; transform: translate3d(-335px, 0, 0); } #site-sidebar .site-sidebar-holder { padding: 180px 50px 150px; } #site-sidebar-closer { top: -120px; } body.sidebar-opened #site { left: 335px; } .archive-header { margin-top: 0; } #content { padding-bottom: 100px; } .single-post .entry-navigation { margin-top: 100px; margin-bottom: 100px; } .open-filters, .responsive-nav, .responsive-bag, .responsive-search { margin-right: 0 !important; } .sidebar-enabled .blog-posts-carousel { margin-left: 10px; } .blog-posts-carousel .car-post { width: 60%; margin: 0 4%; } .calafate-checkout-navigation { margin-bottom: 80px; } .calafate-checkout-content .carousel-cell .wrapper-second { width: calc(100% - 20px); margin-left: 10px; } #payment { width: calc(70% - 130px); left: calc(30% + 130px); } .woocommerce-MyAccount-navigation { margin-bottom: 80px !important; } .woocommerce-MyAccount-navigation li { margin: 0 15px 30px; } .woocommerce-order-received .woocommerce-MyAccount-content, .woocommerce-view-order .woocommerce-MyAccount-content, .woocommerce-MyAccount-content { width: 100% !important; } .post-full .entry-title { font-size: 2.9375rem; } .blog .STAMP { margin: 50px 0 150px; } .post-navigation.bigger > div { transform: scale(0.8); } .single-post .post-navigation.bigger > div { width: 120%; margin-left: -10%; } .single-post .post-navigation.bigger > div .no span:first-child:after { margin: 0 67px; } .post-navigation.bigger a.prev { margin-right: 82px; } .post-navigation.bigger a.next { margin-left: 82px; } .post-navigation.bigger .no span:first-child:after { margin: 0 87px; } .calafate-pwd form > div { padding: 50px; } } @media screen and (min-width: 1023px) and (max-width: 1366px) { .single-product .content-holder, .single-product .images { width: 53.333% !important; } .single-product .summary.non-stick { width: 38.333% !important; } .single-product .summary { padding-right: 1px; } } @media screen and (min-width: 1024px) { #main { padding-top: 0 !important; } } @media screen and (max-width: 1023px) { .single-product .woocommerce-message { display: none; } .single-product .sprq { display: block; } .single-product .images, .single-product .summary, .single-product .summary.non-stick { width: 100% !important; float: none; } .single-product #dummy-padding { display: none !important; } .single-product .images .images-carousel { width: calc(100% - 80px); } .single-product .images .thumbnails { width: 70px; } .single-product .images .thumbnails a { width: 70px; height: 70px; margin-top: 10px; } .single-product #main { padding-top: 100vh; } .single-product .summary { *zoom: 1; position: relative !important; right: auto !important; transform: none !important; float: none; top: 0 !important; } .single-product .summary:after { content: ''; display: table; clear: both; } .single-product .summary:before { background: red; position: absolute; top: 0; left: -25%; width: 150%; height: 100%; display: block; } .single-product .content-holder { float: none; padding-top: 0 !important; position: relative; width: 100%; clear: none; margin-top: 150px !important; } .single-product .single-product .related, .single-product .single-product .upsells { margin-top: 150px; } .single-product .hero-carousel-paging { right: 65px; bottom: 40px; left: auto; height: auto; } .single-product .hero-carousel-paging li.dot { display: block; margin: 5px 0; } .shop_table tr { margin-bottom: 100px; } .shop_table td.product-thumbnail { display: none; } .shop_table td.product-name, .shop_table td.product-price, .shop_table td.product-subtotal, .shop_table td.product-remove { width: 32%; } .shop_table td.product-quantity { margin-right: 40px; transform: scale(0.8); transform-origin: bottom; } .shop_table td.product-price, .shop_table td.product-subtotal, .shop_table td.product-remove { width: 5% !important; } } @media screen and (min-width: 769px) and (max-width: 1366px) { #site-header { margin-bottom: 40px; margin-top: 40px; } #site-logo.image-logo-disabled span { font-size: 1.8125rem; } .entry-hero-tagline { top: -80px; } .wrapper { padding: 0 65px; } .hero-header .carousel-prev, .hero-header .calafate-twitter .carousel-next, .calafate-twitter .hero-header .carousel-next { left: 65px; } .hero-header .carousel-next { right: 65px; } .overlay-menu > li > a { font-size: 3.4375rem; } .overlay-menu li:not(:last-child):after { bottom: 16px; width: 80px; } .hero-header .carousel .caption { left: 65px; } } @media screen and (min-width: 480px) and (max-width: 769px) { #site-logo.image-logo-disabled span { font-size: 1.5rem; } .wrapper { padding: 0 40px; } .hero-header .carousel-prev, .hero-header .calafate-twitter .carousel-next, .calafate-twitter .hero-header .carousel-next { left: 40px; } .hero-header .carousel-next, .single-product .hero-carousel-paging { right: 40px; } .overlay-menu > li > a { font-size: 2.25rem; } .overlay-menu li:not(:last-child):after { bottom: 10px; height: 2px; width: 55px; } .archive-header h1 { font-size: 3.5rem; } .archive-header h3, .archive-header #respond .form-submit #submit, #respond .form-submit .archive-header #submit { margin-top: -25px; } .entry-navigation { margin-top: 50px; } .entry-navigation--portfolio { margin-top: 100px; } .entry-navigation--portfolio .entry-navigation__item { font-size: 4rem; } .grid__item.full-width .calafate-slider .carousel-cell { padding: 0 15%; } .columns-5 .calafate-gallery--item, .columns-6 .calafate-gallery--item { flex-basis: 33.33%; } .calafate-twitter .carousel-holder { padding: 0 50px; } #site-overlay { padding-bottom: 20px; } .single-product .summary .product_title { font-size: 2.6875rem; } .single-product .summary .price { font-size: 3.0625rem; } .hero-header .carousel .caption { left: 40px; } } @media screen and (max-width: 769px) { #site-header { margin-bottom: 0; margin-top: 0; } .entry-hero-tagline { padding-bottom: 30px; top: -40px; } #site-logo.image-logo-enabled img { max-height: 40px !important; } #content { padding-bottom: 100px; } #site-footer { padding-bottom: 75px; } .grid__item .alignright, .grid__item .alignleft { float: none; margin: 0; } .hero-helper-arrow { left: auto; right: 30px; margin-left: 0; } #site-share, #site-actions { display: none !important; } .hero-carousel-paging { bottom: 27px; } .hero-header .carousel-nav-anim svg { transform: scale(0.6); transform-origin: right center; } .entry-title { font-size: 1.3125rem; } .top-large-padding, .bottom-large-padding, .top-medium-padding, .bottom-medium-padding, .top-small-padding, .bottom-small-padding { padding-top: 0; padding-bottom: 0; } .entry-navigation--portfolio { margin-bottom: 30px; } .search-results .entry-archive .entry-search-excerpt { width: 100%; } .shop_table td.product-name, .shop_table td.product-price, .shop_table td.product-subtotal, .shop_table td.product-remove { width: 100%; height: auto; } .shop_table td.product-name > a, .shop_table td.product-price > a, .shop_table td.product-subtotal > a, .shop_table td.product-remove > a { padding-right: 20%; padding-bottom: 20px; } .shop_table td.product-remove { position: absolute; right: 0; top: -7px; height: auto; width: auto !important; margin-right: 0; } .shop_table td.product-remove a:before { display: none; } .shop_table td.product-quantity { height: auto; margin-top: 15px; } .chck-form .grid:not(:last-of-type) { margin-bottom: 0; } .calafate-checkout-navigation { margin-bottom: 50px; } .post-full .entry-footer, .post-full .entry-navigation { margin-left: 0 !important; } .woocommerce-order-received .woocommerce-MyAccount-content h2, .woocommerce-order-received .woocommerce-MyAccount-content h3, .woocommerce-order-received .woocommerce-MyAccount-content #respond .form-submit #submit, #respond .form-submit .woocommerce-order-received .woocommerce-MyAccount-content #submit, .woocommerce-order-received .woocommerce-MyAccount-content #respond .form-submit #submit, #respond .form-submit .woocommerce-order-received .woocommerce-MyAccount-content #submit, .woocommerce-view-order .woocommerce-MyAccount-content h2, .woocommerce-view-order .woocommerce-MyAccount-content h3, .woocommerce-view-order .woocommerce-MyAccount-content #respond .form-submit #submit, #respond .form-submit .woocommerce-view-order .woocommerce-MyAccount-content #submit, .woocommerce-view-order .woocommerce-MyAccount-content #respond .form-submit #submit, #respond .form-submit .woocommerce-view-order .woocommerce-MyAccount-content #submit { width: 100%; text-align: center; margin-top: 25px; } .woocommerce-order-received .woocommerce-MyAccount-content table, .woocommerce-order-received .woocommerce-MyAccount-content address, .woocommerce-view-order .woocommerce-MyAccount-content table, .woocommerce-view-order .woocommerce-MyAccount-content address { margin-top: 50px; float: none; text-align: center; margin-left: auto; margin-right: auto; } .woocommerce-MyAccount-navigation { margin-bottom: 40px !important; } .woocommerce-account form input[type="submit"].button { float: none; display: block; } .woocommerce-account form .form-row { width: 100%; } .single-product .content-holder, .single-product .related, .single-product .upsells { margin-top: 100px !important; } .blog-posts-carousel { margin-bottom: 100px; } .sidebar-enabled .blog-posts-carousel { margin-left: 15px; } .blog-posts-carousel .car-post .car-content { max-width: 90%; margin-top: 30px; } .blog-posts-carousel .car-post .car-title { font-size: 1.625rem; } .blog-posts-carousel .car-post .car-excerpt { font-size: 0.875rem; } .post-full { width: 100%; } .post-full .entry-header { margin-bottom: 80px; } .post-full .entry-title { font-size: 2.3125rem; } .post-full .entry-meta { font-size: 0.9375rem; } .post-full .entry-content { width: 100% !important; } .post-full .entry-content .fluid-width-video-wrapper, .post-full .entry-content .alignnone, .post-full .entry-content blockquote, .post-full .entry-content .wp-video { margin: 50px 0 50px 0; width: 100% !important; max-width: none; } .post-full .entry-content .fluid-width-video-wrapper { padding-top: 56.2% !important; } .post-full.w-hero .entry-content .fluid-width-video-wrapper, .post-full.w-hero .entry-content .alignnone, .post-full.w-hero .entry-content blockquote, .post-full.w-hero .entry-content .wp-video { margin: 50px 0 50px 0; width: 100% !important; max-width: none; } .post-full.w-hero .entry-content .fluid-width-video-wrapper { padding-top: 56.2% !important; } .post-navigation.bigger { margin-bottom: 50px; font-size: 2rem; width: 150%; text-align: left; } .woocommerce .post-navigation.bigger { padding-left: 0; } .post-navigation.bigger > div { margin-left: 25px !important; transform-origin: left; } .woocommerce .post-navigation.bigger > div { margin-left: 0 !important; padding-left: 0; } .post-navigation.bigger a.prev { margin-right: 22px !important; top: 0; padding-left: 0; } .post-navigation.bigger a.next { margin-left: 22px !important; top: 0; padding-right: 0; } .post-navigation.bigger .no span:first-child:after { margin: 0 27px !important; } #checkout_coupon .form-row { width: 50%; } .calafate-pwd form .foot { width: 100%; min-width: 0; align-self: auto; } .calafate-pwd form input[type="submit"], .view-subheading { display: none; } .overlay-menu { height: auto !important; } .overlay-menu > li { display: block; margin-bottom: 10px; position: relative !important; top: auto !important; left: auto !important; float: none; } .overlay-menu > li:after { display: none !important; } .overlay-menu > li > a { font-size: 1.8125rem; } .overlay-menu > li > a span { display: none; } .overlay-menu .sub-menu { position: static; margin-bottom: 15px; margin-top: -15px; display: none; } .overlay-menu .sub-menu li { display: block; margin-left: 15px; margin-bottom: 10px; } .overlay-menu .menu-item-has-children:hover .sub-menu, .overlay-menu .menu-item-has-children.touch-hover .sub-menu { display: block; } #portfolio-filters { width: 100%; } .sidebar-enabled #responsive-menu { left: 30px; } .overlay-menu > li { transform: none !important; } } @media screen and (max-width: 640px) { .shop_table td.actions { padding-bottom: 0; } .shop_table td.actions div.coupon, .shop_table td.actions input { width: 100%; float: none; height: auto; margin-bottom: 15px !important; } .shop_table td.actions input.button { text-align: center; } #payment { width: 100%; left: 0; position: static; margin-top: 0 !important; } .woocommerce-checkout-review-order-table tfoot { position: relative; display: block; } .shop_table.woocommerce-checkout-review-order-table .order-total { padding-bottom: 0; position: static; top: 0; right: 0; margin-bottom: 30px; text-align: right; width: auto; } .shop_table.woocommerce-checkout-review-order-table .order-total td { width: auto; } .shop_table.woocommerce-checkout-review-order-table .order-total td:last-child { padding-right: 0; } .shop_table.woocommerce-checkout-review-order-table td.product-name, .shop_table.woocommerce-checkout-review-order-table td.product-price, .shop_table.woocommerce-checkout-review-order-table td.product-subtotal, .shop_table.woocommerce-checkout-review-order-table td.product-remove { width: 70% !important; margin-right: 50px !important; } } @media screen and (max-width: 480px) { body { font-size: 1rem; } body.sidebar-enabled { width: calc(100% - 25px); margin-left: 25px; } h1 { font-size: 1.5rem; } h2 { font-size: 1.375rem; } h3, #respond .form-submit #submit { font-size: 1.0625rem; } h4 { font-size: 1.0625rem; } #site-logo.image-logo-disabled span { font-size: 1.1875rem; } .wrapper { padding: 0 30px; } .hero-header .carousel-prev, .hero-header .calafate-twitter .carousel-next, .calafate-twitter .hero-header .carousel-next { left: 30px; } .hero-header .carousel-next, .single-product .hero-carousel-paging { right: 30px; } .entry-minimal__time { font-size: 0.6875rem; } .entry-minimal__title { padding-left: 0; padding-top: 20px; font-size: 0.9375rem; } .entry-navigation { margin-top: 25px; } .entry-navigation__item { font-size: 2.5rem; } .entry-navigation__icon svg { transform: scale(0.7); position: relative; top: 5px; } .entry-navigation--double .entry-navigation__item { padding: 0 30px; } .entry-navigation--double hr { margin: 13px 0 0 -16px; } .entry-navigation hr { width: 33px; } .entry-navigation--portfolio { margin-top: 50px; margin-bottom: 0; } .post-navigation { font-size: 1.4375rem; padding-left: 7px; } .post-navigation a { padding: 0px 5px; margin: 0px 10px; transform: scale(0.8); } .post-navigation a span { position: relative; top: 1px; } .post-navigation .no span:first-child:after { bottom: 8px; width: 30px; } #site-sidebar { width: 100%; max-width: 380px; transform: translate3d(calc(-100% + 30px), 0, 0); } #site-sidebar .site-sidebar-holder { padding: 160px 30px 130px; } #site-sidebar .widget:not(:last-child) { margin-bottom: 50px; } #site-sidebar-opener { transform: scale(0.8); right: 1px; } #site-sidebar-closer { top: -110px; } .single-portfolio .entry-title { font-size: 1.6875rem; } .single-portfolio .entry-breadcrumb { font-size: 0.6875rem; } .calafate-twitter { padding: 0; } .calafate-twitter .carousel-prev, .calafate-twitter .carousel-next, .calafate-twitter .carousel-next { display: none; } .calafate-twitter .carousel-cell { padding: 0; } .archive-header { margin-bottom: 70px; } .archive-header h1 { font-size: 2.25rem; } .archive-header h3, .archive-header #respond .form-submit #submit, #respond .form-submit .archive-header #submit { font-size: 1.125rem; margin-top: -20px; } .grid__item.full-width .calafate-slider .carousel-cell { padding: 0 5%; } .columns-4 .calafate-gallery--item, .columns-5 .calafate-gallery--item, .columns-6 .calafate-gallery--item { flex-basis: 50%; } .calafate-twitter .carousel-holder { padding: 0; } #site-overlay { padding-bottom: 30px; } .palm--auto { width: 100%; margin-bottom: 50px; } .wp-caption-text { display: none; } .entry-navigation--portfolio { margin-bottom: 50px; } .overlay-menu li.menu-item-has-children > a { margin-bottom: -15px; } .shop_table tr { margin-bottom: 50px; } .shop_table td.product-quantity { display: none; } .shop_table td.product-price, .shop_table td.product-subtotal { width: 35% !important; } .wc-proceed-to-checkout { left: 0; margin-left: 0; transform: scale(0.8); transform-origin: left; width: 120%; } .woocommerce-message, .woocommerce-error, .woocommerce-info { padding-left: 30px; padding-right: 30px; } .calafate-checkout-navigation { margin-bottom: 20px; } .calafate-checkout-navigation li .title { display: none; } .woocommerce-checkout .shop_table .cart_item td.product-name, .woocommerce-checkout .shop_table .cart_item td.product-price, .woocommerce-checkout .shop_table .cart_item td.product-subtotal, .woocommerce-checkout .shop_table .cart_item td.product-remove { width: 90% !important; margin-bottom: 0; } .woocommerce-checkout .shop_table .cart_item td.product-name .product-quantity, .woocommerce-checkout .shop_table .cart_item td.product-price .product-quantity, .woocommerce-checkout .shop_table .cart_item td.product-subtotal .product-quantity, .woocommerce-checkout .shop_table .cart_item td.product-remove .product-quantity { right: -10%; } .woocommerce-checkout .shop_table .cart_item td.product-total { text-align: right; float: right; } .woocommerce-checkout .shop_table .cart_item td.product-total:before { display: none; } .woocommerce-account form.ccform { margin-top: -25px; } .single-product .summary .cart button[type="submit"] { float: none; margin-top: 20px; } .variations_form table tr { width: 100%; margin-top: 20px; } .single-product .summary .product_title { font-size: 2.0625rem; } .single-product .summary .price { font-size: 2.4375rem; } .single-product .images .images-carousel { width: 100%; } .single-product .images .thumbnails { display: none; } .blog-posts-carousel { margin-bottom: 70px; } .blog-posts-carousel .car-post { width: 65%; margin: 0 3%; } .blog-posts-carousel .car-post a { padding-top: 10px; } .blog-posts-carousel .car-post .car-content { max-width: 100%; } .blog-posts-carousel .car-post .car-title { font-size: 1.125rem; } .blog-posts-carousel .car-post .car-excerpt { display: none; } .single-post .post-navigation.bigger > div { width: 300px; } .single-post .post-navigation.bigger > div a.next { margin-top: 20px; } #checkout_coupon .form-row { width: 100%; } #reviews .woocommerce-noreviews, #reviews .woocommerce-verification-required { font-size: 1.125rem; } .calafate-pwd form > div { width: 90%; } .calafate-pwd form > div { padding: 25px; } .calafate-pwd form input[type="password"] { font-size: 1.25rem; } .calafate-pwd form .view-info { font-size: 1rem; } .hero-header .carousel .caption { left: 30px; } } @media all and (max-height: 760px) { #reviews-holder { height: calc(100vh - 100px); } #reviews { height: calc(100vh - 200px); } #reviews h2 { display: none; } #reviews .commentlist { padding-top: 20px; } #reviews .commentlist li.comment { padding: 60px 70px 0; } } @media all and (max-width: 820px) { #reviews-holder, #reviews { width: calc(100vw - 200px); } #reviews .commentlist li.comment { padding: 60px 30px 0; } } @media all and (max-width: 520px) { #reviews-holder, #reviews { width: calc(100vw - 100px); } #reviews .commentlist li.comment img { display: none; } #reviews .comment_container:after { top: -80px; } } @media screen and (min-width: 481px) and (max-width: 769px) { .overlay-menu > li > a { font-size: 2.875rem !important; } .overlay-menu .sub-menu a { font-size: 1.375rem !important; } } body:not(.hero-1), body.hero-1:not(.before), body:not(.hero-1) a, body.hero-1:not(.before) a, .comments-link:hover, body:not(.hero-1) #site-header .text-logo, body.hero-1:not(.before) #site-header .text-logo, #site-share a:not(:last-child):after, #preloader span, svg, svg * { transition: all 200ms linear; } body:not(.hero-1), #portfolio-filters:before, .hero-header .overlay { transition: background 250ms linear; } .hero-header img, .hero-header .media img, .hero-header .overlay img { display: none; } .wc_payment_method.payment_method_square iframe { height: 50px !important; } a:not([href]) { pointer-events: none; } .post-navigation.bigger a:after { display: none !important; } body:not(.woocommerce-page) .entry-portfolio.product .entry-title { position: absolute !important; bottom: 0; } body:not(.woocommerce-page) .entry-portfolio.product a:after, div.quantity.hidden { display: none; } .single-product div.product form.cart .apple-pay-button { height: 54px !important; } .single-product div.product form.cart .apple-pay-button-wrapper { display: block !important; float: left; } .wc-proceed-to-checkout .apple-pay-button-wrapper, .apple-pay-button-checkout-separator { width: 200px !important; } .woocommerce-checkout .apple-pay-button-checkout-separator { float: none !important; width: 200px; margin: 0 auto 40px; } @supports (-webkit-appearance: -apple-pay-button) { .woocommerce-checkout .apple-pay-button-checkout-separator { display: block; } .single-product div.product form.cart .quantity { margin-bottom: 10px !important; } } .page-template-template-cover { overflow: hidden !important; } .page-template-template-cover #content { padding: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; overflow-x: hidden; display: flex; transition: left 400ms cubic-bezier(0.23, 1, 0.32, 1), top 470ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 470ms cubic-bezier(0.39, 0.575, 0.565, 1); } .page-template-template-cover #site.out #content { opacity: 0; top: -50px; } .page-template-template-cover .site-footer { display: none !important; } .page-template-template-cover.cart-opened #content { left: -200px; } .page-template-template-cover .covers { width: 100%; } .page-template-template-cover .covers-title { font-size: 1.3125rem; line-height: 1.1; margin-bottom: 20px; position: relative; z-index: 999; } .page-template-template-cover .covers-holder { position: relative; z-index: 99; display: flex; flex-direction: column; align-items: flex-end; } .page-template-template-cover .covers-holder.hover h3, .page-template-template-cover .covers-holder.hover #respond .form-submit #submit, #respond .form-submit .page-template-template-cover .covers-holder.hover #submit { opacity: .15; } .page-template-template-cover .covers.style--Full .covers-holder { align-items: flex-start; } .page-template-template-cover .cover-item { padding: 12px 0; } .page-template-template-cover .cover-item h3, .page-template-template-cover .cover-item #respond .form-submit #submit, #respond .form-submit .page-template-template-cover .cover-item #submit { font-size: 2.8125rem; font-weight: bold; margin: 0; cursor: pointer; transition: opacity 300ms linear; line-height: 1; } .page-template-template-cover .cover-item.hover h3, .page-template-template-cover .cover-item.hover #respond .form-submit #submit, #respond .form-submit .page-template-template-cover .cover-item.hover #submit { opacity: 1 !important; } .page-template-template-cover .cover-item + .bg { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-size: cover; background-repeat: no-repeat; background-position: center; opacity: 0; transition: opacity 300ms linear; z-index: -1; } .page-template-template-cover .cover-item.hover + .bg { opacity: .75; } .page-template-template-cover .covers-cta { position: absolute; bottom: 80px; z-index: 99; } .page-template-template-cover .covers-cta .covers-title { margin-bottom: 0; } @media screen and (min-width: 1440px) { .page-template-template-cover .covers.style--Full ~ .covers-cta { left: 50%; margin-left: -720px; } } @media screen and (max-width: 769px) { .page-template-template-cover .covers-title { font-size: 1rem; } .page-template-template-cover .cover-item h3, .page-template-template-cover .cover-item #respond .form-submit #submit, #respond .form-submit .page-template-template-cover .cover-item #submit { font-size: 1.9375rem; } .page-template-template-cover .covers-cta { bottom: 40px; } .page-template-template-cover .covers.style--Split .covers-holder { align-items: flex-start; } } @media screen and (min-width: 770px) { .page-template-template-cover .covers.style--Split { width: 50%; margin: auto 0; padding: 0 10% 0 0; text-align: right; } .page-template-template-cover .covers.style--Split:after { content: ""; position: fixed; top: 0; left: 0; width: 50%; height: 100%; background: rgba(0, 0, 0, 0.15); z-index: -1; } .page-template-template-cover .covers.style--Split .cover-item + .bg { display: none !important; } .page-template-template-cover .covers.style--Split ~ .covers-cta { width: 50%; margin: auto 0; padding-right: 10%; text-align: right; } } .page-template-template-cover .bg-split-object { position: fixed; top: 25%; left: 45%; width: 50%; height: 60vh; overflow: hidden; opacity: 0; transform: translateY(50px); transition: all 200ms linear; } @media screen and (max-width: 769px) { .page-template-template-cover .bg-split-object { display: none !important; } } .page-template-template-cover .bg-split-object .bg-split-holder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: transform 400ms cubic-bezier(0.39, 0.575, 0.565, 1); } .page-template-template-cover .bg-split-object .bg { width: 100%; height: 100%; display: block; background-size: cover; background-repeat: no-repeat; background-position: center; } .page-template-template-cover .covers-holder.hover + .bg-split-object { opacity: 1; transform: translateY(0); } .covers-background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; transition: all 200ms linear; } .covers-background video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 9; margin: 0; max-width: none; vertical-align: middle; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .covers-background .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } @media screen and (min-width: 770px) { .covers.style--Split ~ .covers-background:after { content: ""; position: fixed; top: 0; left: 0; width: 50%; height: 100%; background: rgba(0, 0, 0, 0.15); z-index: 1; } } .shop_table .tax-rate td { display: inline-block; float: none; } ​.shop_table .tax-rate th { display: inline-block; } .prlxd { overflow: hidden; } .prlx { position: fixed; top: 0; left: 0; width: calc(100vw + 50px); height: 100vh; background-image: inherit; background-repeat: no-repeat; background-size: cover; background-position: 50% 25%; transform: translateY(0); z-index: -1; } .woocommerce-MyAccount-content form .checkbox .required { position: relative; top: 0; right: -10px; } p > a.fancybox { width: 100%; } .fancybox:focus { outline: none !important; box-shadow: none !important; } .portfolio-grid { overflow: hidden; } .woocommerce-mini-cart__empty-message { display: none; } #move-this-block .checkout_coupon { display: block !important; height: auto !important; } #move-this-block .woocommerce-error { margin-left: 0; } .wc-terms-and-conditions { margin-left: -25px; margin-bottom: 45px !important; } .woocommerce-form__label-for-checkbox span { display: inline-block; } .cart-discount td a { font-weight: normal; margin-left: 15px; } .cart-discount td { display: table; height: auto; font-weight: bold; } .cart-discount th { display: table; }