@charset "UTF-8"; /* Main CSS of the theme TABLE OF CONTENTS 01. Project variables............Imported variables 02. Twitter Bootstrap............Remove what is not neccessary 03. Tags and Helpers.............The very general classes and tags lige ,

etc. 04. Components...................Imported files, like partials, Compass etc. 05. WooCommerce..................All the WooCommerce style 05.01. WooCommerce General style..........Like buttons, inputs, notices etc. 05.02. WooCommerce Shop page..............Specific style for shop page, products etc. 05.03. WooCommerce Single Product page....Specific style for single product page. 05.04. WooCommerce Cart Page..............Specific style for cart page. 05.05. WooCommerce Checkout Page..........Specific style for checkout page. 05.06. WooCommerce Order Received Page....Specific style for received order page. 05.07. WooCommerce My Account Page........Specific style for my account page. 05.08. WooCommerce Widgets................Specific style for all the WooCommerce widgets. / /------------------------------------\ 01. Project variables only visible in SASS source files \------------------------------------/ /------------------------------------\ Local variables for Jungle skin \------------------------------------/ / stylelint-disable value-keyword-case / / stylelint-enable / / Custom Mixins for Jungle skin / /------------------------------------\ 02. Twitter Bootstrap Remove what is not necessary \------------------------------------/ @media print { , ::before, ::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } , ::before, ::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @-ms-viewport { width: device-width; } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; font-weight: 400; line-height: 1.55; color: #666666; text-align: left; background-color: #fff; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #3a7bb8; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover { color: #28547e; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg:not(:root) { overflow: hidden; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #999999; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: .5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: bold; line-height: 1.15; color: #333333; } h1, .h1 { font-size: 2.1rem; } h2, .h2 { font-size: 1.8rem; } h3, .h3 { font-size: 1.5rem; } h4, .h4 { font-size: 1.2rem; } h5, .h5 { font-size: 1rem; } h6, .h6 { font-size: 0.9rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.15; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.15; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.15; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.15; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #999999; } .blockquote-footer::before { content: "\2014 \00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dddddd; border-radius: 3px; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #999999; } code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } @media (min-width: 1360px) { .container { max-width: 1300px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, .col-xxl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -ms-flex-order: -1; order: -1; } .order-last { -ms-flex-order: 13; order: 13; } .order-0 { -ms-flex-order: 0; order: 0; } .order-1 { -ms-flex-order: 1; order: 1; } .order-2 { -ms-flex-order: 2; order: 2; } .order-3 { -ms-flex-order: 3; order: 3; } .order-4 { -ms-flex-order: 4; order: 4; } .order-5 { -ms-flex-order: 5; order: 5; } .order-6 { -ms-flex-order: 6; order: 6; } .order-7 { -ms-flex-order: 7; order: 7; } .order-8 { -ms-flex-order: 8; order: 8; } .order-9 { -ms-flex-order: 9; order: 9; } .order-10 { -ms-flex-order: 10; order: 10; } .order-11 { -ms-flex-order: 11; order: 11; } .order-12 { -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -ms-flex-order: -1; order: -1; } .order-sm-last { -ms-flex-order: 13; order: 13; } .order-sm-0 { -ms-flex-order: 0; order: 0; } .order-sm-1 { -ms-flex-order: 1; order: 1; } .order-sm-2 { -ms-flex-order: 2; order: 2; } .order-sm-3 { -ms-flex-order: 3; order: 3; } .order-sm-4 { -ms-flex-order: 4; order: 4; } .order-sm-5 { -ms-flex-order: 5; order: 5; } .order-sm-6 { -ms-flex-order: 6; order: 6; } .order-sm-7 { -ms-flex-order: 7; order: 7; } .order-sm-8 { -ms-flex-order: 8; order: 8; } .order-sm-9 { -ms-flex-order: 9; order: 9; } .order-sm-10 { -ms-flex-order: 10; order: 10; } .order-sm-11 { -ms-flex-order: 11; order: 11; } .order-sm-12 { -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -ms-flex-order: -1; order: -1; } .order-md-last { -ms-flex-order: 13; order: 13; } .order-md-0 { -ms-flex-order: 0; order: 0; } .order-md-1 { -ms-flex-order: 1; order: 1; } .order-md-2 { -ms-flex-order: 2; order: 2; } .order-md-3 { -ms-flex-order: 3; order: 3; } .order-md-4 { -ms-flex-order: 4; order: 4; } .order-md-5 { -ms-flex-order: 5; order: 5; } .order-md-6 { -ms-flex-order: 6; order: 6; } .order-md-7 { -ms-flex-order: 7; order: 7; } .order-md-8 { -ms-flex-order: 8; order: 8; } .order-md-9 { -ms-flex-order: 9; order: 9; } .order-md-10 { -ms-flex-order: 10; order: 10; } .order-md-11 { -ms-flex-order: 11; order: 11; } .order-md-12 { -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -ms-flex-order: -1; order: -1; } .order-lg-last { -ms-flex-order: 13; order: 13; } .order-lg-0 { -ms-flex-order: 0; order: 0; } .order-lg-1 { -ms-flex-order: 1; order: 1; } .order-lg-2 { -ms-flex-order: 2; order: 2; } .order-lg-3 { -ms-flex-order: 3; order: 3; } .order-lg-4 { -ms-flex-order: 4; order: 4; } .order-lg-5 { -ms-flex-order: 5; order: 5; } .order-lg-6 { -ms-flex-order: 6; order: 6; } .order-lg-7 { -ms-flex-order: 7; order: 7; } .order-lg-8 { -ms-flex-order: 8; order: 8; } .order-lg-9 { -ms-flex-order: 9; order: 9; } .order-lg-10 { -ms-flex-order: 10; order: 10; } .order-lg-11 { -ms-flex-order: 11; order: 11; } .order-lg-12 { -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -ms-flex-order: -1; order: -1; } .order-xl-last { -ms-flex-order: 13; order: 13; } .order-xl-0 { -ms-flex-order: 0; order: 0; } .order-xl-1 { -ms-flex-order: 1; order: 1; } .order-xl-2 { -ms-flex-order: 2; order: 2; } .order-xl-3 { -ms-flex-order: 3; order: 3; } .order-xl-4 { -ms-flex-order: 4; order: 4; } .order-xl-5 { -ms-flex-order: 5; order: 5; } .order-xl-6 { -ms-flex-order: 6; order: 6; } .order-xl-7 { -ms-flex-order: 7; order: 7; } .order-xl-8 { -ms-flex-order: 8; order: 8; } .order-xl-9 { -ms-flex-order: 9; order: 9; } .order-xl-10 { -ms-flex-order: 10; order: 10; } .order-xl-11 { -ms-flex-order: 11; order: 11; } .order-xl-12 { -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } @media (min-width: 1360px) { .col-xxl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xxl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xxl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xxl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xxl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xxl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xxl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xxl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xxl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xxl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xxl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xxl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xxl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xxl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xxl-first { -ms-flex-order: -1; order: -1; } .order-xxl-last { -ms-flex-order: 13; order: 13; } .order-xxl-0 { -ms-flex-order: 0; order: 0; } .order-xxl-1 { -ms-flex-order: 1; order: 1; } .order-xxl-2 { -ms-flex-order: 2; order: 2; } .order-xxl-3 { -ms-flex-order: 3; order: 3; } .order-xxl-4 { -ms-flex-order: 4; order: 4; } .order-xxl-5 { -ms-flex-order: 5; order: 5; } .order-xxl-6 { -ms-flex-order: 6; order: 6; } .order-xxl-7 { -ms-flex-order: 7; order: 7; } .order-xxl-8 { -ms-flex-order: 8; order: 8; } .order-xxl-9 { -ms-flex-order: 9; order: 9; } .order-xxl-10 { -ms-flex-order: 10; order: 10; } .order-xxl-11 { -ms-flex-order: 11; order: 11; } .order-xxl-12 { -ms-flex-order: 12; order: 12; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.333333%; } .offset-xxl-2 { margin-left: 16.666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.333333%; } .offset-xxl-5 { margin-left: 41.666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.333333%; } .offset-xxl-8 { margin-left: 66.666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.333333%; } .offset-xxl-11 { margin-left: 91.666667%; } } .table { width: 100%; max-width: 100%; margin-bottom: 1rem; background-color: transparent; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dddddd; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dddddd; } .table tbody + tbody { border-top: 2px solid #dddddd; } .table .table { background-color: #fff; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dddddd; } .table-bordered th, .table-bordered td { border: 1px solid #dddddd; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #fce4c8; } .table-hover .table-primary:hover { background-color: #fbd8b0; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #fbd8b0; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #e2e2e2; } .table-hover .table-secondary:hover { background-color: #d5d5d5; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #d5d5d5; } .table-success, .table-success > th, .table-success > td { background-color: #b8e0b8; } .table-hover .table-success:hover { background-color: #a6d8a6; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #a6d8a6; } .table-info, .table-info > th, .table-info > td { background-color: #c8daeb; } .table-hover .table-info:hover { background-color: #b5cde4; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #b5cde4; } .table-warning, .table-warning > th, .table-warning > td { background-color: papayawhip; } .table-hover .table-warning:hover { background-color: #ffe5bc; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe5bc; } .table-danger, .table-danger > th, .table-danger > td { background-color: #edbbb8; } .table-hover .table-danger:hover { background-color: #e8a8a4; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #e8a8a4; } .table-light, .table-light > th, .table-light > td { background-color: #fcfcfc; } .table-hover .table-light:hover { background-color: #efefef; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #efefef; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c6c6; } .table-hover .table-dark:hover { background-color: #b9b9b9; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9b9b9; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #212529; border-color: #32383e; } .table .thead-light th { color: #495057; background-color: #eeeeee; border-color: #dddddd; } .table-dark { color: #fff; background-color: #212529; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #32383e; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-xl > .table-bordered { border: 0; } } @media (max-width: 1359.98px) { .table-responsive-xxl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-xxl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.55; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #cccccc; border-radius: 3px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #fad9b1; outline: 0; box-shadow: 0 0 0 0.2rem rgba(243, 159, 57, 0.25); } .form-control:-ms-input-placeholder { color: #999999; opacity: 1; } .form-control::placeholder { color: #999999; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #eeeeee; opacity: 1; } select.form-control:not([size]):not([multiple]) { height: calc(2.3rem + 2px); } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.55; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.55; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } select.form-control-sm:not([size]):not([multiple]) { height: calc(1.8125rem + 2px); } .form-control-lg { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control-lg:not([size]):not([multiple]) { height: calc(2.875rem + 2px); } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label { color: #999999; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #008f00; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(0, 143, 0, 0.8); border-radius: .2rem; } .was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #008f00; } .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #008f00; box-shadow: 0 0 0 0.2rem rgba(0, 143, 0, 0.25); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #008f00; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #008f00; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { background-color: #10ff10; } .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { background-color: #00c200; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 143, 0, 0.25); } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #008f00; } .was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before { border-color: inherit; } .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(0, 143, 0, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #c00c00; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(192, 12, 0, 0.8); border-radius: .2rem; } .was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #c00c00; } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #c00c00; box-shadow: 0 0 0 0.2rem rgba(192, 12, 0, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #c00c00; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #c00c00; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { background-color: #ff4c41; } .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { background-color: #f30f00; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(192, 12, 0, 0.25); } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #c00c00; } .was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before { border-color: inherit; } .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(192, 12, 0, 0.25); } .form-inline { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group { width: auto; } .form-inline .form-check { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: bold; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 0.425rem 1rem; font-size: 1rem; line-height: 1.55; border-radius: 3px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn:hover, .btn:focus { text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(243, 159, 57, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active { background-image: none; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #000000; background-color: #f39f39; border-color: #f39f39; } .btn-primary:hover { color: #000000; background-color: #f18e15; border-color: #eb870e; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(243, 159, 57, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #000000; background-color: #f39f39; border-color: #f39f39; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #eb870e; border-color: #df800e; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(243, 159, 57, 0.5); } .btn-secondary { color: #fff; background-color: #999999; border-color: #999999; } .btn-secondary:hover { color: #fff; background-color: #868686; border-color: gray; } .btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(153, 153, 153, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #999999; border-color: #999999; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: gray; border-color: #797979; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(153, 153, 153, 0.5); } .btn-success { color: #fff; background-color: #008f00; border-color: #008f00; } .btn-success:hover { color: #fff; background-color: #006900; border-color: #005c00; } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0.2rem rgba(0, 143, 0, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #008f00; border-color: #008f00; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #005c00; border-color: #004f00; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 143, 0, 0.5); } .btn-info { color: #fff; background-color: #3a7bb8; border-color: #3a7bb8; } .btn-info:hover { color: #fff; background-color: #31689b; border-color: #2e6191; } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 0.2rem rgba(58, 123, 184, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #3a7bb8; border-color: #3a7bb8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #2e6191; border-color: #2b5b88; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(58, 123, 184, 0.5); } .btn-warning { color: #000000; background-color: #ffc768; border-color: #ffc768; } .btn-warning:hover { color: #000000; background-color: #ffb942; border-color: #ffb435; } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 199, 104, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #000000; background-color: #ffc768; border-color: #ffc768; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #000000; background-color: #ffb435; border-color: #ffaf28; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 199, 104, 0.5); } .btn-danger { color: #fff; background-color: #c00c00; border-color: #c00c00; } .btn-danger:hover { color: #fff; background-color: #9a0a00; border-color: #8d0900; } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 0.2rem rgba(192, 12, 0, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #c00c00; border-color: #c00c00; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #8d0900; border-color: #800800; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(192, 12, 0, 0.5); } .btn-light { color: #000000; background-color: #f4f4f4; border-color: #f4f4f4; } .btn-light:hover { color: #000000; background-color: #e1e1e1; border-color: #dbdbdb; } .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 0.2rem rgba(244, 244, 244, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #000000; background-color: #f4f4f4; border-color: #f4f4f4; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #000000; background-color: #dbdbdb; border-color: #d4d4d4; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(244, 244, 244, 0.5); } .btn-dark { color: #fff; background-color: #333333; border-color: #333333; } .btn-dark:hover { color: #fff; background-color: #202020; border-color: #1a1a1a; } .btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #333333; border-color: #333333; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1a1a1a; border-color: #131313; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5); } .btn-outline-primary { color: #f39f39; background-color: transparent; background-image: none; border-color: #f39f39; } .btn-outline-primary:hover { color: #000000; background-color: #f39f39; border-color: #f39f39; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(243, 159, 57, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #f39f39; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #000000; background-color: #f39f39; border-color: #f39f39; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(243, 159, 57, 0.5); } .btn-outline-secondary { color: #999999; background-color: transparent; background-image: none; border-color: #999999; } .btn-outline-secondary:hover { color: #fff; background-color: #999999; border-color: #999999; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(153, 153, 153, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #999999; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #999999; border-color: #999999; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(153, 153, 153, 0.5); } .btn-outline-success { color: #008f00; background-color: transparent; background-image: none; border-color: #008f00; } .btn-outline-success:hover { color: #fff; background-color: #008f00; border-color: #008f00; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(0, 143, 0, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #008f00; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #008f00; border-color: #008f00; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 143, 0, 0.5); } .btn-outline-info { color: #3a7bb8; background-color: transparent; background-image: none; border-color: #3a7bb8; } .btn-outline-info:hover { color: #fff; background-color: #3a7bb8; border-color: #3a7bb8; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(58, 123, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #3a7bb8; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #3a7bb8; border-color: #3a7bb8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(58, 123, 184, 0.5); } .btn-outline-warning { color: #ffc768; background-color: transparent; background-image: none; border-color: #ffc768; } .btn-outline-warning:hover { color: #000000; background-color: #ffc768; border-color: #ffc768; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 199, 104, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc768; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #000000; background-color: #ffc768; border-color: #ffc768; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 199, 104, 0.5); } .btn-outline-danger { color: #c00c00; background-color: transparent; background-image: none; border-color: #c00c00; } .btn-outline-danger:hover { color: #fff; background-color: #c00c00; border-color: #c00c00; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(192, 12, 0, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #c00c00; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #c00c00; border-color: #c00c00; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(192, 12, 0, 0.5); } .btn-outline-light { color: #f4f4f4; background-color: transparent; background-image: none; border-color: #f4f4f4; } .btn-outline-light:hover { color: #000000; background-color: #f4f4f4; border-color: #f4f4f4; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(244, 244, 244, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f4f4f4; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #000000; background-color: #f4f4f4; border-color: #f4f4f4; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(244, 244, 244, 0.5); } .btn-outline-dark { color: #333333; background-color: transparent; background-image: none; border-color: #333333; } .btn-outline-dark:hover { color: #fff; background-color: #333333; border-color: #333333; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #333333; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #333333; border-color: #333333; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5); } .btn-link { font-weight: 400; color: #3a7bb8; background-color: transparent; } .btn-link:hover { color: #28547e; text-decoration: underline; background-color: transparent; border-color: transparent; } .btn-link:focus, .btn-link.focus { text-decoration: underline; border-color: transparent; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #999999; } .btn-lg { padding: 0.6rem 1.5rem; font-size: 1.25rem; line-height: 1.5; border-radius: 3px; } .btn-sm { padding: 0.3rem 0.75rem; font-size: 0.875rem; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; transition: opacity 0.15s linear; } .fade.show { opacity: 1; } .collapse { display: none; } .collapse.show { display: block; } tr.collapse.show { display: table-row; } tbody.collapse.show { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } .navbar { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 0.5rem 1rem; } .navbar > .container, .navbar > .container-fluid { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.30625rem; padding-bottom: 0.30625rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-align: center; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 3px; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } .navbar-expand-sm .dropup .dropdown-menu { top: auto; bottom: 100%; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-md .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } .navbar-expand-md .dropup .dropdown-menu { top: auto; bottom: 100%; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } .navbar-expand-lg .dropup .dropdown-menu { top: auto; bottom: 100%; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } .navbar-expand-xl .dropup .dropdown-menu { top: auto; bottom: 100%; } } @media (max-width: 1359.98px) { .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1360px) { .navbar-expand-xxl { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-xxl .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } .navbar-expand-xxl .dropup .dropdown-menu { top: auto; bottom: 100%; } } .navbar-expand { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-expand .dropup .dropdown-menu { top: auto; bottom: 100%; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:hover, .close:focus { color: #000000; text-decoration: none; opacity: .75; } .close:not(:disabled):not(.disabled) { cursor: pointer; } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -25%); } .modal.show .modal-dialog { transform: translate(0, 0); } .modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - (0.5rem 2)); } .modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #eeeeee; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.55; } .modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #eeeeee; } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg { max-width: 800px; } } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-item { position: relative; display: none; -ms-flex-align: center; align-items: center; width: 100%; transition: transform 0.6s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; perspective: 1000px; } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next, .carousel-item-prev { position: absolute; top: 0; } .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translateX(0); } @supports (transform-style: preserve-3d) { .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translate3d(0, 0, 0); } } .carousel-item-next, .active.carousel-item-right { transform: translateX(100%); } @supports (transform-style: preserve-3d) { .carousel-item-next, .active.carousel-item-right { transform: translate3d(100%, 0, 0); } } .carousel-item-prev, .active.carousel-item-left { transform: translateX(-100%); } @supports (transform-style: preserve-3d) { .carousel-item-prev, .active.carousel-item-left { transform: translate3d(-100%, 0, 0); } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .carousel-indicators { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { position: relative; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; background-color: rgba(255, 255, 255, 0.5); } .carousel-indicators li::before { position: absolute; top: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators li::after { position: absolute; bottom: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators .active { background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #f39f39 !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #eb870e !important; } .bg-secondary { background-color: #999999 !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: gray !important; } .bg-success { background-color: #008f00 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #005c00 !important; } .bg-info { background-color: #3a7bb8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #2e6191 !important; } .bg-warning { background-color: #ffc768 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #ffb435 !important; } .bg-danger { background-color: #c00c00 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #8d0900 !important; } .bg-light { background-color: #f4f4f4 !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dbdbdb !important; } .bg-dark { background-color: #333333 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1a1a1a !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dddddd !important; } .border-top { border-top: 1px solid #dddddd !important; } .border-right { border-right: 1px solid #dddddd !important; } .border-bottom { border-bottom: 1px solid #dddddd !important; } .border-left { border-left: 1px solid #dddddd !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #f39f39 !important; } .border-secondary { border-color: #999999 !important; } .border-success { border-color: #008f00 !important; } .border-info { border-color: #3a7bb8 !important; } .border-warning { border-color: #ffc768 !important; } .border-danger { border-color: #c00c00 !important; } .border-light { border-color: #f4f4f4 !important; } .border-dark { border-color: #333333 !important; } .border-white { border-color: #fff !important; } .rounded { border-radius: 3px !important; } .rounded-top { border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; } .rounded-right { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; } .rounded-bottom { border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; } .rounded-left { border-top-left-radius: 3px !important; border-bottom-left-radius: 3px !important; } .rounded-circle { border-radius: 50% !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1360px) { .d-xxl-none { display: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: -ms-flexbox !important; display: flex !important; } .d-xxl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.857143%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1360px) { .flex-xxl-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xxl-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xxl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xxl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xxl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xxl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-xxl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xxl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xxl-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xxl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xxl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xxl-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xxl-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xxl-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-xxl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xxl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xxl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xxl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xxl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xxl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xxl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xxl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xxl-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-xxl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xxl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xxl-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-xxl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xxl-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } @media (min-width: 1360px) { .float-xxl-left { float: left !important; } .float-xxl-right { float: right !important; } .float-xxl-none { float: none !important; } } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .sr-only, .screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; -webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; -webkit-clip-path: none; clip-path: none; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } @media (min-width: 1360px) { .m-xxl-0 { margin: 0 !important; } .mt-xxl-0, .my-xxl-0 { margin-top: 0 !important; } .mr-xxl-0, .mx-xxl-0 { margin-right: 0 !important; } .mb-xxl-0, .my-xxl-0 { margin-bottom: 0 !important; } .ml-xxl-0, .mx-xxl-0 { margin-left: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .mt-xxl-1, .my-xxl-1 { margin-top: 0.25rem !important; } .mr-xxl-1, .mx-xxl-1 { margin-right: 0.25rem !important; } .mb-xxl-1, .my-xxl-1 { margin-bottom: 0.25rem !important; } .ml-xxl-1, .mx-xxl-1 { margin-left: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .mt-xxl-2, .my-xxl-2 { margin-top: 0.5rem !important; } .mr-xxl-2, .mx-xxl-2 { margin-right: 0.5rem !important; } .mb-xxl-2, .my-xxl-2 { margin-bottom: 0.5rem !important; } .ml-xxl-2, .mx-xxl-2 { margin-left: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .mt-xxl-3, .my-xxl-3 { margin-top: 1rem !important; } .mr-xxl-3, .mx-xxl-3 { margin-right: 1rem !important; } .mb-xxl-3, .my-xxl-3 { margin-bottom: 1rem !important; } .ml-xxl-3, .mx-xxl-3 { margin-left: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .mt-xxl-4, .my-xxl-4 { margin-top: 1.5rem !important; } .mr-xxl-4, .mx-xxl-4 { margin-right: 1.5rem !important; } .mb-xxl-4, .my-xxl-4 { margin-bottom: 1.5rem !important; } .ml-xxl-4, .mx-xxl-4 { margin-left: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .mt-xxl-5, .my-xxl-5 { margin-top: 3rem !important; } .mr-xxl-5, .mx-xxl-5 { margin-right: 3rem !important; } .mb-xxl-5, .my-xxl-5 { margin-bottom: 3rem !important; } .ml-xxl-5, .mx-xxl-5 { margin-left: 3rem !important; } .p-xxl-0 { padding: 0 !important; } .pt-xxl-0, .py-xxl-0 { padding-top: 0 !important; } .pr-xxl-0, .px-xxl-0 { padding-right: 0 !important; } .pb-xxl-0, .py-xxl-0 { padding-bottom: 0 !important; } .pl-xxl-0, .px-xxl-0 { padding-left: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .pt-xxl-1, .py-xxl-1 { padding-top: 0.25rem !important; } .pr-xxl-1, .px-xxl-1 { padding-right: 0.25rem !important; } .pb-xxl-1, .py-xxl-1 { padding-bottom: 0.25rem !important; } .pl-xxl-1, .px-xxl-1 { padding-left: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .pt-xxl-2, .py-xxl-2 { padding-top: 0.5rem !important; } .pr-xxl-2, .px-xxl-2 { padding-right: 0.5rem !important; } .pb-xxl-2, .py-xxl-2 { padding-bottom: 0.5rem !important; } .pl-xxl-2, .px-xxl-2 { padding-left: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .pt-xxl-3, .py-xxl-3 { padding-top: 1rem !important; } .pr-xxl-3, .px-xxl-3 { padding-right: 1rem !important; } .pb-xxl-3, .py-xxl-3 { padding-bottom: 1rem !important; } .pl-xxl-3, .px-xxl-3 { padding-left: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .pt-xxl-4, .py-xxl-4 { padding-top: 1.5rem !important; } .pr-xxl-4, .px-xxl-4 { padding-right: 1.5rem !important; } .pb-xxl-4, .py-xxl-4 { padding-bottom: 1.5rem !important; } .pl-xxl-4, .px-xxl-4 { padding-left: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .pt-xxl-5, .py-xxl-5 { padding-top: 3rem !important; } .pr-xxl-5, .px-xxl-5 { padding-right: 3rem !important; } .pb-xxl-5, .py-xxl-5 { padding-bottom: 3rem !important; } .pl-xxl-5, .px-xxl-5 { padding-left: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mt-xxl-auto, .my-xxl-auto { margin-top: auto !important; } .mr-xxl-auto, .mx-xxl-auto { margin-right: auto !important; } .mb-xxl-auto, .my-xxl-auto { margin-bottom: auto !important; } .ml-xxl-auto, .mx-xxl-auto { margin-left: auto !important; } } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1360px) { .text-xxl-left { text-align: left !important; } .text-xxl-right { text-align: right !important; } .text-xxl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #f39f39 !important; } a.text-primary:hover, a.text-primary:focus { color: #eb870e !important; } .text-secondary { color: #999999 !important; } a.text-secondary:hover, a.text-secondary:focus { color: gray !important; } .text-success { color: #008f00 !important; } a.text-success:hover, a.text-success:focus { color: #005c00 !important; } .text-info { color: #3a7bb8 !important; } a.text-info:hover, a.text-info:focus { color: #2e6191 !important; } .text-warning { color: #ffc768 !important; } a.text-warning:hover, a.text-warning:focus { color: #ffb435 !important; } .text-danger { color: #c00c00 !important; } a.text-danger:hover, a.text-danger:focus { color: #8d0900 !important; } .text-light { color: #f4f4f4 !important; } a.text-light:hover, a.text-light:focus { color: #dbdbdb !important; } .text-dark { color: #333333 !important; } a.text-dark:hover, a.text-dark:focus { color: #1a1a1a !important; } .text-muted { color: #999999 !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } /------------------------------------\ 03. Tags and Helpers \------------------------------------/ /* General Tags for Jungle skin / html { font-size: 18px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width: 992px) { html { font-size: 20px; } } img { max-width: 100%; height: auto; } select { font-size: 14px; font-weight: bold; background-color: #fff; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNMjA3LjAyOSAzODEuNDc2TDEyLjY4NiAxODcuMTMyYy05LjM3My05LjM3My05LjM3My0yNC41NjkgMC0zMy45NDFsMjIuNjY3LTIyLjY2N2M5LjM1Ny05LjM1NyAyNC41MjItOS4zNzUgMzMuOTAxLS4wNEwyMjQgMjg0LjUwNWwxNTQuNzQ1LTE1NC4wMjFjOS4zNzktOS4zMzUgMjQuNTQ0LTkuMzE3IDMzLjkwMS4wNGwyMi42NjcgMjIuNjY3YzkuMzczIDkuMzczIDkuMzczIDI0LjU2OSAwIDMzLjk0MUwyNDAuOTcxIDM4MS40NzZjLTkuMzczIDkuMzcyLTI0LjU2OSA5LjM3Mi0zMy45NDIgMHoiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4="); background-position: calc(100% - 1rem) 50%; background-repeat: no-repeat; background-size: auto 20%; border: 1px solid #dddddd; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); width: 100%; height: 2.5rem; padding: 0.5rem 1.75rem 0.5rem 1rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: all 100ms ease-out; } select:hover { border-color: #999999; } select:focus { border-color: #f39f39; outline: none; } / General Helpers for Jungle skin / .content-area { margin-bottom: 5rem; } .page-template-template-empty .content-area { margin-bottom: 0; } .form-control { display: block; font-size: 16px; color: #000000; border: 1px solid #dddddd; border-radius: 3px; padding: 0.6rem 1rem; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); transition: all 100ms ease-out; } .form-control:-ms-input-placeholder { color: #999999; } .form-control::placeholder { color: #999999; } .form-control:hover { border-color: #999999; } .form-control:focus { border-color: #000000; box-shadow: none; outline: none; } @media (min-width: 992px) { .site-main--left { padding-left: 1.5rem; } } @media (min-width: 992px) { .site-main--right { padding-right: 1.5rem; } } @media (min-width: 1360px) { .single .site-main--center { padding: 0 4rem; } } .front-page-title { font-size: 1.35rem; } @media (min-width: 992px) { .front-page-title { font-size: 1.6rem; } } / Overlay and Overlaid Elements / .woondershop-overlay { position: fixed; visibility: hidden; opacity: 0; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; background-color: #000000; z-index: 900; transition: all 150ms ease-out; transition-delay: 150ms; } @media (max-width: 991.98px) { .active-overlaid-element { overflow-y: hidden; } } .active-overlaid-element .woondershop-overlay { visibility: visible; opacity: .75; } @media (min-width: 992px) { .active-overlaid-element .woondershop-overlay { opacity: .5; } } .active-overlaid-element--navigation .navigation-bar { z-index: 100100; transform: translateX(0); } .active-overlaid-element--navigation .main-navigationclose { z-index: 100100; visibility: visible; opacity: 1; } .active-overlaid-element--search .woondershop-overlay { display: none; } .active-overlaid-element--search .header-mobilesearch { z-index: 100100; transform: translateX(0); } .active-overlaid-element--cart .header-mobilecart { z-index: 100100; transform: translateX(0); } .active-overlaid-element--cart .mobile-cartclose { z-index: 100100; visibility: visible; opacity: 1; } .active-overlaid-element--header-search .header__widgets .widget_search .smart-search-results { z-index: 100100; } .active-overlaid-element--header-search .header__widgets .widget_search label { z-index: 100110; } .active-overlaid-element--header-search .header__widgets .widget_search .search-submit { z-index: 100110; } .active-overlaid-element--filter .mobile-filter { z-index: 100100; transform: translateX(0); } .active-overlaid-element--filter .mobile-filterclose { z-index: 100100; visibility: visible; opacity: 1; } .active-overlaid-element--sort .mobile-sort { z-index: 100100; transform: translateX(0); } .active-overlaid-element--sort .mobile-sortclose { z-index: 100100; visibility: visible; opacity: 1; } / ProteusThemes preview bar fixes / .pt-pb.pt-pb { z-index: 100090; } .pt-pbreopen.pt-pbreopen { z-index: 100089; } /------------------------------------\ 04. Components \------------------------------------/ / Top Bar for Jungle skin / @media (min-width: 992px) { .top { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; z-index: 25; } } .topcontainer { font-family: "Helvetica Neue", Arial, sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 0.65rem; color: #ffffff; background-color: #141a22; } @media (min-width: 992px) { .top .widget { display: inline-block; vertical-align: top; } } .top .textwidget { padding: 0.5rem 0; } .topleft .widget { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } @media (min-width: 992px) { .topleft .widget { border-right: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 0; padding-right: 0.75rem; margin-right: 0.75rem; } } .topleft .widget:last-of-type { border-bottom: 0; } @media (min-width: 992px) { .topleft .widget:last-of-type { border-right: 0; padding-right: 0; margin-right: 0; } } .topright .widget { border-top: 1px solid rgba(255, 255, 255, 0.2); } @media (min-width: 992px) { .topright .widget { border-top: 0; border-left: 1px solid rgba(255, 255, 255, 0.2); padding-left: 0.75rem; margin-left: 0.75rem; } } @media (min-width: 992px) { .topright .widget:first-of-type { border-left: 0; padding-left: 0; margin-left: 0; } } / Header for Jungle skin / .header { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } @media (min-width: 992px) { .header { -ms-flex-align: stretch; align-items: stretch; } } .headercontainer { background-color: #232f3f; } @media (min-width: 992px) { .headercontainer { margin-top: 15px; } } @media (min-width: 992px) { .headercontainer::before { position: absolute; content: ''; background-color: inherit; left: 0; right: 0; height: 15px; transform: translateY(-15px); } } .woondershop-has-desktop-sticky-header .headercontainer { top: 0; transition: box-shadow 100ms ease-out; } .woondershop-has-desktop-sticky-header--triggered .headercontainer { position: -webkit-sticky; position: sticky; z-index: 910; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } @media (min-width: 601px) { .woondershop-has-desktop-sticky-header.admin-bar .headercontainer { top: 46px; } } @media (min-width: 783px) { .woondershop-has-desktop-sticky-header.admin-bar .headercontainer { top: 32px; } } @media (min-width: 601px) { html:not(.pt-pb-closed) .woondershop-has-desktop-sticky-header.pt-pb-loaded .headercontainer { top: 54px; } } .headerlogo { margin-right: auto; } .header .headerlogo { display: none; } @media (min-width: 992px) { .header .headerlogo { display: block; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } } .headerlogo-text { font-size: 1.4rem; text-transform: uppercase; color: #f39f39; word-break: break-word; margin-bottom: 0; } @media (min-width: 992px) { .headerlogo-text { font-size: 2.1rem; } } @media (max-width: 991.98px) { .headerlogo-image { max-height: 36px; width: auto; } } .headerwidgets { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 0.75rem 0; } @media (min-width: 992px) { .headerwidgets { -ms-flex: 1 0 0px; flex: 1 0 0; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-direction: row; flex-direction: row; min-height: 3.5rem; width: auto; padding: 0; margin-left: 2.25rem; } } .headerwidgets > .widget { width: 100%; margin-bottom: 0.5rem; } @media (min-width: 992px) { .headerwidgets > .widget { width: auto; margin-left: 2.25rem; margin-bottom: 0; } } @media (min-width: 992px) { .headerwidgets > .widget:first-of-type { margin-left: 0; } } .headerwidgets > .widget:last-of-type { margin-bottom: 0; } / Header Mobile for Jungle skin / .header-mobile { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media print { .header-mobileoverlay-elements { display: none !important; } } .header-mobilecontainer { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .woondershop-has-no-mobile-header-elements .header-mobilecontainer { margin-bottom: 0; } body.woondershop-has-mobile-sticky-header .header-mobilecontainer { position: -webkit-sticky; position: sticky; top: 0; left: 0; right: 0; background-color: #232f3f; z-index: 55; } @media (min-width: 601px) { body.woondershop-has-mobile-sticky-header.admin-bar .header-mobilecontainer { top: 46px; } } @media (min-width: 783px) { body.woondershop-has-mobile-sticky-header.admin-bar .header-mobilecontainer { top: 32px; } } @media (min-width: 601px) { html:not(.pt-pb-closed) body.woondershop-has-mobile-sticky-header.pt-pb-loaded .header-mobilecontainer { top: 54px; } } .header-mobilenavbar-toggler { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 1.2rem; line-height: 1; color: #ffffff; background-color: transparent; border: 0; border-right: 1px solid rgba(255, 255, 255, 0.1); width: 60px; height: 60px; padding: 0; margin-right: 1rem; } .header-mobilenavbar-toggler:focus { outline: none; } .header-mobilenavbar-toggler:hover { color: #dddddd; } .header-mobilesearch { position: fixed; top: 0; bottom: 0; left: 0; right: 0; transform: translateY(-100%); overflow-y: scroll; transition: all 150ms ease-out; z-index: 10; } .header-mobilesearch-toggler { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 1.2rem; color: #ffffff; background-color: transparent; border: 0; border-left: 1px solid rgba(255, 255, 255, 0.1); border-right: 1px solid rgba(255, 255, 255, 0.1); width: 60px; height: 60px; padding: 0; margin-left: 0.75rem; cursor: pointer; transition: all 100ms ease-out; } .header-mobilesearch-toggler:focus { outline: none; } .header-mobilesearch-toggler:hover { color: #dddddd; } .header-mobilesearch-toggler + .header-mobilecart-toggler { border-left: 0; } .header-mobilecart { position: fixed; top: 0; bottom: 0; left: 50px; right: 0; transform: translateX(100%); overflow-y: scroll; transition: transform 150ms ease-out; z-index: 10; } .header-mobilecart-toggler { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; background-color: transparent; border: 0; border-left: 1px solid rgba(255, 255, 255, 0.1); width: 60px; height: 60px; padding: 0; cursor: pointer; transition: all 100ms ease-out; } .header-mobilecart-toggler:focus { outline: none; } .header-mobilecart-toggler:hover { color: #dddddd; } .header-mobilecart-toggler img { width: 30px; height: 22px; } .header-mobilecart-toggler .woondershop-cart-quantity { position: absolute; font-family: "Helvetica Neue", Arial, sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px; font-weight: bold; color: #f39f39; top: 10px; right: calc(50% - 6px); } .header-mobilecart-toggler .woondershop-cart-quantity--two-numbers { font-size: 12px; top: 10px; right: calc(50% - 8px); } .header-mobilecart-toggler .woondershop-cart-quantity--two-numbers-plus { font-size: 11px; top: 8px; right: calc(50% - 14px); } / Navigation Bar for Jungle skin/ .navigation-bar { position: fixed; background-color: #141a22; top: 0; bottom: 0; left: 0; right: 50px; transform: translateX(-100%); overflow-y: scroll; transition: transform 150ms ease-out; z-index: 20; } @media (min-width: 992px) { .navigation-bar { position: relative; display: block; background-color: transparent; width: 100%; transform: none; overflow-y: visible; } } .navigation-barcontainer { background-color: #232f3f; margin-bottom: 3rem; } .navigation-barcontainer + .breadcrumbscontainer, .navigation-barcontainer + .theme-slider-wrapper { margin-top: -3rem; } / Page Header for Jungle skin / .page-header { border-bottom: 1px solid #e6e6e6; padding-bottom: 0.8rem; margin-bottom: 1rem; } .page-headertitle { font-size: 1.2rem; color: #000000; margin-top: 0.4rem; margin-bottom: 0; } .page-headertitle + .page-headersubtitle { margin-top: 0.35rem; } .page-headersubtitle { font-size: 0.7rem; color: #666666; margin-bottom: 0; } / Sidebar for Jungle skin / .sidebar { font-size: 0.7rem; margin-top: 2.5rem; } @media (min-width: 992px) { .sidebar { margin-top: 0; } } .sidebarheadings { font-size: 0.8rem; font-weight: bold; text-transform: uppercase; letter-spacing: .5px; margin-bottom: 1.05rem; } .sidebar .widget { margin-bottom: 3rem; } .sidebar .widget:last-of-type { margin-bottom: 0; } / Footer for Jungle skin / .footer { font-family: "Helvetica Neue", Arial, sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 0.65rem; color: #c7cace; } .footer-benefit-bar { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 0.55rem; } @media (min-width: 768px) { .footer-benefit-bar { -ms-flex-direction: row; flex-direction: row; } } .footer-benefit-barcontainer { background-color: #f5f7fa; border-top: 1px solid #e6e6e6; } .footer-benefit-baritem { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; color: #000000; padding: 0.75rem 0.25rem; width: 100%; } @media (min-width: 768px) { .footer-benefit-baritem { -ms-flex-pack: center; justify-content: center; -ms-flex: 1 0 0px; flex: 1 0 0; padding: 1.4rem 0.25rem; } } .footer-benefit-baritem:focus, .footer-benefit-baritem:hover { text-decoration: none; } .footer-benefit-baricon { font-size: 1.2rem; margin-right: 1rem; } @media (min-width: 992px) { .footer-benefit-baricon { font-size: 1.5rem; } } .footer-benefit-bartitle { font-weight: bold; text-transform: uppercase; } .footer-benefit-barsubtitle { color: #ababab; } .footer-top { background-color: #242f3d; padding: 1.5rem 0; } @media (min-width: 992px) { .footer-top { padding: 4.25rem 0 2.5rem; } } .footer-topheading { font-size: 0.7rem; color: #ffffff; margin-bottom: 0.75rem; } @media (max-width: 991.98px) { .footer-topheading { position: relative; background-color: #3a4857; border-radius: 3px; padding: 18px 20px; margin-bottom: 0; cursor: pointer; } } @media (max-width: 991.98px) { .footer-topheading::after { position: absolute; content: '\f067'; font-family: 'Font Awesome 5 Free'; font-weight: bold; right: 20px; top: calc(50% - 5px); color: #ffffff; } } @media (max-width: 991.98px) { .footer-topheading.is-open + div { display: block; } } @media (max-width: 991.98px) { .footer-topheading.is-open::after { content: '\f068'; } } @media (max-width: 991.98px) { .footer-topheading + div { margin-top: 15px; display: none; } } .footer-top .widget { margin-bottom: 3px; } @media (min-width: 992px) { .footer-top .widget { margin-bottom: 1.5rem; } } .footer-top a { color: inherit; } .footer-bottom { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; text-align: center; color: #c7cace; border-top: 1px solid rgba(255, 255, 255, 0.1); } @media (min-width: 992px) { .footer-bottom { -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-direction: row; flex-direction: row; } } .footer-bottomcontainer { background-color: #242f3d; } .footer-bottomleft { padding: 1.25rem 0; } @media (min-width: 992px) { .footer-bottomleft { text-align: left; } } .footer-bottomleft + .footer-bottomright { padding-top: 0; } @media (min-width: 992px) { .footer-bottomleft + .footer-bottomright { padding: 1.25rem 0; } } .footer-bottomright { padding: 1.25rem 0; } @media (min-width: 992px) { .footer-bottomright { text-align: right; } } .footer-bottom a { color: inherit; } .footer-credits { text-align: center; color: #d8d8d8; padding: 1rem 0; opacity: .75; } .footer-creditscontainer { background-color: #141a22; } .footer-credits a { color: inherit; } .footer-back-to-top { display: block; font-size: 0.7rem; text-align: center; color: #ffffff; background-color: #3a4757; padding: 0.75rem; transition: all 100ms ease-out; } .footer-back-to-top:focus, .footer-back-to-top:hover { text-decoration: none; color: #ffffff; background-color: #465669; } .footer-back-to-top i { opacity: .75; margin-left: 0.25rem; } / Blog navigation for Jungle skin / .blog-navigation { width: 100%; margin-bottom: 3rem; } @media (min-width: 768px) { .blog-navigation { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } } .blog-navigation .search-form { position: relative; border-radius: 2.5rem; margin-bottom: 1.5rem; } @media (min-width: 768px) { .blog-navigation .search-form { margin-bottom: 0; } } .blog-navigation .search-form label { margin-bottom: 0; width: 100%; } .blog-navigation .search-formfield { font-size: 0.75rem; color: #000000; border-color: #dddddd; border-radius: 2.5rem; padding: 0.6rem 2.25rem 0.55rem 3rem; } @media (min-width: 992px) { .blog-navigation .search-formfield { width: 22.25rem; } } .blog-navigation .search-formfield:-ms-input-placeholder { color: #999999; } .blog-navigation .search-formfield::placeholder { color: #999999; } .blog-navigation .search-formfield:hover { border-color: #999999; } .blog-navigation .search-formfield:focus { border-color: #000000; box-shadow: none; } .blog-navigation .search-formsubmit { position: absolute; font-size: 1.05rem; color: #000000; background-color: transparent; border: 0; border-radius: 3rem; left: 0; top: 0; padding: 0.35rem 0.5rem 0.4rem 1.25rem; } .blog-navigationcategories { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .blog-navigation .blog-categories { font-size: 0.65rem; font-weight: bold; letter-spacing: .2px; } .blog-navigation .blog-categoriestitle { margin-right: 0.9rem; margin-bottom: 0; } .blog-navigation .blog-categoriesbutton { position: relative; display: -ms-flexbox; display: flex; border: 1px solid #dddddd; border-radius: 2px; width: 100%; } @media (min-width: 992px) { .blog-navigation .blog-categoriesbutton { width: auto; min-width: 11.75rem; } } .blog-navigation .blog-categoriesbutton:focus .blog-categoriestoggle, .blog-navigation .blog-categoriesbutton:hover .blog-categoriestoggle { background-color: #f4f4f4; border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: 0 6px 15px rgba(92, 121, 143, 0.3), 0 0 5px rgba(92, 121, 143, 0.22), 0 10px 45px rgba(0, 0, 0, 0.1); margin: -1px; } .blog-navigation .blog-categoriesbutton:focus .blog-categoriestoggle::after, .blog-navigation .blog-categoriesbutton:hover .blog-categoriestoggle::after { opacity: 1; visibility: visible; } .blog-navigation .blog-categoriesbutton:focus .blog-categoriesdropdown, .blog-navigation .blog-categoriesbutton:hover .blog-categoriesdropdown { opacity: 1; visibility: visible; } .blog-navigation .blog-categoriescurrent-category { -ms-flex: 1 0 auto; flex: 1 0 auto; background-color: #ffffff; border-radius: 4px; padding: 0.75rem 1.25rem 0.65rem; } .blog-navigation .blog-categoriestoggle { position: relative; background-color: #ffffff; border: 1px solid transparent; border-radius: 4px; box-shadow: 0 0 0 rgba(0, 0, 0, 0); width: 3rem; transition: all 100ms ease-out; } .blog-navigation .blog-categoriestoggle::before { position: absolute; content: '\f107'; font-family: 'Font Awesome 5 Free'; font-weight: 900; top: calc(50% - 0.5rem); right: calc(50% - 0.2rem); } .blog-navigation .blog-categoriestoggle::after { position: absolute; content: ''; opacity: 0; visibility: hidden; z-index: 15; background-color: #f4f4f4; height: 1.25rem; left: -1px; right: -1px; bottom: -0.6rem; } .blog-navigation .blog-categoriesdropdown { opacity: 0; visibility: hidden; position: absolute; z-index: 10; background-color: #f4f4f4; border-radius: 2px; border-top-right-radius: 0; box-shadow: 0 6px 15px rgba(92, 121, 143, 0.3), 0 0 5px rgba(92, 121, 143, 0.22), 0 10px 45px rgba(0, 0, 0, 0.1); padding: 0.625rem 0; top: 100%; left: 0; right: -1px; transition: all 100ms ease-out; } .blog-navigation .blog-categoriesdropdown a { display: block; color: #000000; padding: 0.625rem 1.25rem; transition: all 100ms ease-out; } .blog-navigation .blog-categoriesdropdown a:focus, .blog-navigation .blog-categories__dropdown a:hover { text-decoration: none; background-color: #eeeeee; } / Error 404 / .error-404 { text-align: center; } @media (min-width: 992px) { .error-404 { margin-top: 10rem; margin-bottom: 7.5rem; } } .error-404 .widget_search { margin-bottom: 1.5rem; } @media (min-width: 992px) { .error-404 .widget_search { display: inline-block; text-align: center; } } @media (min-width: 992px) { .error-404 .widget_search .search-form { width: 20rem; } } / Boxed Container / body .boxed-container { background-color: #fff; } body.boxed > .boxed-container { position: relative; margin: 0 auto; box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.1); max-width: 100%; } @media (min-width: 768px) { body.boxed > .boxed-container { width: 780px; } } @media (min-width: 992px) { body.boxed > .boxed-container { width: 1020px; } } @media (min-width: 1200px) { body.boxed > .boxed-container { width: 1200px; } } / Main Navigation for Jungle skin / .main-navigation { padding-left: 0; list-style: none; font-family: "Helvetica Neue", Arial, sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 0; margin-bottom: 0; } @media (min-width: 992px) { .main-navigation { display: inline; } } .main-navigation .menu-item { position: relative; font-size: 0.65rem; } @media (min-width: 992px) { .main-navigation .menu-item { display: inline-block; vertical-align: top; } } .main-navigation .menu-item:focus > a, .main-navigation .menu-item:hover > a, .main-navigation .menu-item.is-hover > a, .main-navigation .menu-item[aria-expanded='true'] > a { color: #ffffff; background-color: #3a4857; text-decoration: none; } @media (min-width: 992px) { .main-navigation .menu-item:focus > a, .main-navigation .menu-item:hover > a, .main-navigation .menu-item.is-hover > a, .main-navigation .menu-item[aria-expanded='true'] > a { color: #ffffff; background-color: transparent; } } .main-navigation .menu-item:focus > a::before, .main-navigation .menu-item:hover > a::before, .main-navigation .menu-item.is-hover > a::before, .main-navigation .menu-item[aria-expanded='true'] > a::before { visibility: visible; opacity: 1; } .main-navigation .menu-item:focus > .sub-menu, .main-navigation .menu-item:hover > .sub-menu, .main-navigation .menu-item.is-hover > .sub-menu, .main-navigation .menu-item[aria-expanded='true'] > .sub-menu { visibility: visible; opacity: 1; } @media (min-width: 992px) { .main-navigation > .menu-item:first-of-type { margin-left: 1rem; } } @media (min-width: 992px) { .main-navigation > .menu-item:last-of-type { margin-right: 1rem; } } .main-navigation > .menu-item.featured-dropdown { margin-left: 0; } .main-navigation .menu-item-icon { font-size: 0.8rem; padding-right: 0.4rem; transform: translateY(0.1rem); } .main-navigation a { position: relative; display: block; font-weight: bold; color: #ffffff; border-bottom: 1px solid #36465c; padding: 15.5px 18px; } @media (min-width: 992px) { .main-navigation a { font-weight: normal; color: #c7cace; border-bottom: 0; padding: 0.4rem 0.5rem 0.9rem; z-index: 5; } } @media (min-width: 992px) { .main-navigation a::before { position: absolute; content: ''; visibility: hidden; opacity: 0; background-color: #f39f39; left: 0; right: 0; bottom: 0; height: 0.1rem; } } .main-navigation a::after { display: none; content: '\f0d7'; font-family: 'Font Awesome 5 Free'; font-weight: 900; line-height: 1; color: #999999; margin-left: 0.3rem; transform: translateY(1px); } @media (min-width: 992px) { .main-navigation a:focus { text-decoration: none; color: #ffffff; } } @media (min-width: 992px) { .main-navigation a:focus::before { visibility: visible; opacity: 1; } } @media (min-width: 992px) { .main-navigation > .current-menu-item:focus > a, .main-navigation > .current-menu-item:hover > a { color: #ffffff; } } @media (min-width: 992px) { .main-navigation > .current-menu-item > a { color: #ffffff; } } @media (min-width: 992px) { .main-navigation > .current-menu-item > a::before { visibility: visible; opacity: 1; } } @media (min-width: 992px) { .main-navigation > .current-menu-ancestor:focus > a, .main-navigation > .current-menu-ancestor:hover > a { color: #ffffff; } } @media (min-width: 992px) { .main-navigation > .current-menu-ancestor > a { color: #ffffff; } } @media (min-width: 992px) { .main-navigation > .current-menu-ancestor > a::before { visibility: visible; opacity: 1; } } @media (min-width: 992px) { .main-navigation > .menu-item-has-children > a::after { display: inline-block; } } .main-navigation .sub-menu { padding-left: 0; list-style: none; } @media (min-width: 992px) { .main-navigation .sub-menu { position: absolute; visibility: hidden; opacity: 0; background-color: #ffffff; box-shadow: 0 2px 25px rgba(153, 153, 153, 0.5); border-radius: 0 0 3px 3px; z-index: 10; } } .main-navigation .sub-menu .menu-item { display: block; } .main-navigation .sub-menu .menu-item:focus > a, .main-navigation .sub-menu .menu-item:hover > a, .main-navigation .sub-menu .menu-item[aria-expanded='true'] > a { background-color: #3a4857; } @media (min-width: 992px) { .main-navigation .sub-menu .menu-item:focus > a, .main-navigation .sub-menu .menu-item:hover > a, .main-navigation .sub-menu .menu-item[aria-expanded='true'] > a { color: #000000; background-color: #e5ebf3; } } @media (min-width: 992px) { .main-navigation .sub-menu .menu-item:focus > a .menu-item-icon, .main-navigation .sub-menu .menu-item:hover > a .menu-item-icon, .main-navigation .sub-menu .menu-item[aria-expanded='true'] > a .menu-item-icon { color: #000000; } } .main-navigation .sub-menu .menu-item:focus > .sub-menu, .main-navigation .sub-menu .menu-item:hover > .sub-menu, .main-navigation .sub-menu .menu-item[aria-expanded='true'] > .sub-menu { visibility: visible; opacity: 1; } @media (min-width: 992px) { .main-navigation .sub-menu .menu-item:last-of-type > a { border-bottom: 0; } } .main-navigation .sub-menu a { font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 0.7rem; font-weight: bold; background-color: #242f3d; border-bottom: 1px #3a4857; padding-left: 30px; } @media (min-width: 992px) { .main-navigation .sub-menu a { color: #666666; background-color: #ffffff; border-bottom: 1px solid #e5ebf3; min-width: 11rem; white-space: nowrap; padding: 0.65rem 1rem; } } @media (min-width: 992px) { .main-navigation .sub-menu a::before { display: none; } } @media (min-width: 992px) { .main-navigation .sub-menu > .menu-item-has-children > a::after { display: inline-block; position: absolute; content: '\f0da'; right: 1rem; top: calc(50% - 0.35rem); } } @media (min-width: 992px) { .main-navigation .sub-menu .menu-item-icon { color: #9097a0; } } .main-navigation .sub-menu .sub-menu { left: 100%; top: 0; } .main-navigation .sub-menu .main-navigationlabel { position: relative; display: inline-block; left: inherit; top: inherit; } @media (min-width: 992px) { .main-navigation .sub-menu .main-navigationlabel { margin-left: 0.25rem; } } .main-navigation .dropdown-toggle { position: absolute; background-color: #242f3d; color: #ffffff; border: 0; right: 0; top: 0; width: 50px; height: 50px; outline: none; } .main-navigation .dropdown-toggle .fas { transition: all 100ms ease-out; } .main-navigation .dropdown-toggle--open .fas { transform: rotate(180deg); } @media (min-width: 992px) { .main-navigation .featured-dropdown { background-color: transparent; margin-right: 3.5rem; } } @media (min-width: 992px) { .main-navigation .featured-dropdown.menu-item:focus > a, .main-navigation .featured-dropdown.menu-item:hover > a, .main-navigation .featured-dropdown.menu-item.is-hover > a, .main-navigation .featured-dropdown.menu-item[aria-expanded='true'] > a { color: #ffffff; background-color: transparent; } } .main-navigation .featured-dropdown > a { padding: 14px 18px; } @media (min-width: 992px) { .main-navigation .featured-dropdown > a { font-size: 0.7rem; font-weight: bold; color: #ffffff; padding: 0.25rem 0 0.85rem; } } .main-navigation .featured-dropdown > a .menu-item-icon { font-size: 1.05rem; color: #999999; transform: translateY(0.15rem); } .main-navigation .featured-dropdown > a::before { display: none; } @media (min-width: 992px) { .main-navigation .featured-dropdown--without-icon > a { padding: 0.35rem 0 0.9rem; } } @media (min-width: 992px) { .main-navigation .featured-dropdown > .sub-menu { border-radius: 3px; border-top-left-radius: 0; border-top-right-radius: 0; } } .main-navigation .featured-dropdown > .sub-menu::before { position: absolute; content: ''; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #ffffff; width: 0; height: 0; top: -10px; left: 38px; z-index: 20; } .main-navigation .featured-dropdown > .sub-menu > .menu-item .menu-item-icon { width: 1.4rem; transform: translateY(0.1rem); } @media (min-width: 992px) { .main-navigation .featured-dropdown > .sub-menu > .menu-item:last-of-type > a { border-radius: 3px; border-top-left-radius: 0; border-top-right-radius: 0; } } @media (min-width: 992px) { .main-navigation .column-dropdown { position: inherit; } } .main-navigation .column-dropdown:focus .sub-menu, .main-navigation .column-dropdown:hover .sub-menu, .main-navigation .column-dropdown.is-hover .sub-menu, .main-navigation .column-dropdown[aria-expanded='true'] .sub-menu { visibility: visible; opacity: 1; } .main-navigation .column-dropdown .menu-item .sub-menu { position: relative; box-shadow: none; left: inherit; top: inherit; } .main-navigation .column-dropdown .menu-item .sub-menu a { font-weight: normal; } @media (min-width: 992px) { .main-navigation .column-dropdown > .sub-menu { display: -ms-flexbox; display: flex; left: 0; right: 0; } } .main-navigation .column-dropdown > .sub-menu > .menu-item > a { text-transform: uppercase; } @media (min-width: 992px) { .main-navigation .smm-active { position: inherit; } } .main-navigation .smm-active:focus .sub-menu, .main-navigation .smm-active:hover .sub-menu, .main-navigation .smm-active.is-hover .sub-menu, .main-navigation .smm-active[aria-expanded='true'] .sub-menu { visibility: visible; opacity: 1; } .main-navigation .smm-active .menu-item .sub-menu { position: relative; box-shadow: none; left: inherit; top: inherit; } @media (min-width: 992px) { .main-navigation .smm-active > .sub-menu { display: -ms-flexbox; display: flex; left: 0; right: 0; } } @media (min-width: 992px) { .main-navigation .smm-active > .sub-menu > li { width: 100%; } } @media (min-width: 992px) { .main-navigation .smm-active > .sub-menu a { white-space: normal; min-width: auto; border-bottom: 0; } } .main-navigation .smm-active .smm-mega-menu { padding: 0; } @media (min-width: 992px) { .main-navigation .smm-active .smm-mega-menu { padding: 2.25rem 3.75rem; } } .main-navigation .smm-active .widget_nav_menu .widget-title { font-size: 0.65rem; color: #777777; background-color: #242f3d; border-bottom: #3a4857; padding: 15.5px 30px; margin-bottom: 0; } @media (min-width: 992px) { .main-navigation .smm-active .widget_nav_menu .widget-title { font-size: 1.05rem; color: #333333; background-color: transparent; border-bottom: 0; padding: 0; margin-bottom: 0.5rem; } } @media (min-width: 992px) { .main-navigation .smm-active .widget_nav_menu .menu-item:focus > a, .main-navigation .smm-active .widget_nav_menu .menu-item:hover > a, .main-navigation .smm-active .widget_nav_menu .menu-item[aria-expanded='true'] > a { text-decoration: underline; background-color: transparent; } } @media (min-width: 992px) { .main-navigation .smm-active .widget_nav_menu a { font-weight: normal; min-width: auto; padding: 0.25rem 0; border-bottom: 0; white-space: normal; } } @media (max-width: 991.98px) { .main-navigation .smm-active .panel-grid-cell { margin-bottom: 0 !important; } } .main-navigationlabel { font-size: 0.4rem; font-weight: bold; text-transform: uppercase; color: #ffffff; background-color: #f39f39; border-radius: 2px; padding: 0 0.15rem; margin-left: 0.5rem; } @media (min-width: 992px) { .main-navigationlabel { display: inline-block; margin-left: 0; transform: translateY(-0.5rem); } } .main-navigationclose { position: fixed; visibility: hidden; opacity: 0; line-height: 50px; color: #000000; background-color: #999999; border: 0; width: 50px; height: 50px; top: 0; right: 0; transition: visibility 300ms ease-out, opacity 300ms ease-out; cursor: pointer; } .main-navigationclose:hover { background-color: #a8a8a8; } / Mobile Search for Jungle skin / .mobile-search { background-color: #f5f7fa; } .mobile-searchheader { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 0.75rem; border-bottom: 1px solid #dddddd; } .mobile-searchtitle { -ms-flex: 1 1 0px; flex: 1 1 0; font-size: 13px; font-weight: bold; text-transform: uppercase; text-align: center; color: #999999; padding: 14px 0 14px 50px; } .mobile-searchclose { line-height: 50px; color: #000000; background-color: #999999; border: 0; width: 50px; height: 50px; cursor: pointer; } .mobile-searchclose:focus { outline: none; } .mobile-searchclose:hover { background-color: #a8a8a8; } .mobile-searchform { margin: 0 1rem; } .mobile-search .widget_search .search-field { font-size: 16px; } / Mobile Cart for Jungle skin / .mobile-cart { background-color: #e5ebf3; } .mobile-cart__header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; font-size: 0.65rem; font-weight: bold; text-transform: uppercase; color: #000000; background-color: #ffffff; border-bottom: 1px solid #eeeeee; padding: 0.85rem 1rem; } .mobile-cart .widget_shopping_cart .woocommerce-mini-cart { background-color: #ffffff; padding: 1rem; } .mobile-cart .widget_shopping_cart .woocommerce-mini-cart__empty-message, .mobile-cart .widget_shopping_cart .woocommerce-mini-cartnew-item-message { margin: 0.75rem 1rem; } .mobile-cartclose { position: fixed; visibility: hidden; opacity: 0; line-height: 50px; color: #000000; background-color: #999999; border: 0; width: 50px; height: 50px; top: 0; left: 0; transition: visibility 300ms ease-out, opacity 300ms ease-out; cursor: pointer; } .mobile-cartclose:hover { background-color: #a8a8a8; } / Mobile Sort and Filter / .mobile-sort-and-filter { display: -ms-flexbox; display: flex; border-bottom: 1px solid #dddddd; margin-bottom: 1.9rem; } @media (min-width: 992px) { .mobile-sort-and-filter { margin-bottom: 3rem; } } .mobile-sort-and-filtertoggler { -ms-flex: 1 0 50%; flex: 1 0 50%; font-size: 0.8rem; font-weight: bold; text-transform: uppercase; background-color: #f4f4f4; border: 0; padding: 0.75rem 0.75rem 0.7rem; cursor: pointer; } .mobile-sort-and-filtertoggler--filter { display: none; } .mobile-sort-and-filtertoggler:focus, .mobile-sort-and-filtertoggler:hover { outline: none; background-color: #dddddd; } .mobile-sort-and-filtertoggler:not(:first-of-type) { position: relative; } .mobile-sort-and-filtertoggler:not(:first-of-type)::before { position: absolute; content: ''; width: 2px; top: 0.5rem; bottom: 0.5rem; left: 0; background-color: rgba(0, 0, 0, 0.05); } .mobile-sort-and-filtertoggler i { font-size: 1.1rem; margin-right: 0.25rem; transform: translateY(0.15rem); } / Mobile Filter / @media (max-width: 991.98px) { .mobile-filter { position: fixed; background-color: #ffffff; top: 0; bottom: 0; left: 50px; right: 0; padding: 0.9rem 1.5rem 1.5rem; transform: translateX(100%); overflow-y: scroll; transition: transform 150ms ease-out; z-index: 10; } } @media (max-width: 991.98px) { .mobile-filter .wpf_item { margin-bottom: 22px; } } .mobile-filterclose { position: fixed; visibility: hidden; opacity: 0; line-height: 50px; color: #000000; background-color: #999999; border: 0; width: 50px; height: 50px; top: 0; left: 0; transition: visibility 300ms ease-out, opacity 300ms ease-out; cursor: pointer; } .mobile-filterclose:hover { background-color: #a8a8a8; } / Mobile Sort / .mobile-sort { position: fixed; font-size: 0.7rem; background-color: #262f3e; top: 0; bottom: 0; left: 0; right: 50px; transform: translateX(-100%); overflow-y: scroll; transition: transform 150ms ease-out; z-index: 10; } .mobile-sortheader { display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #3c4452; padding: 0.85rem 1.25rem; } .mobile-sortheader-title { font-weight: bold; text-transform: uppercase; color: #d8d8d8; } .mobile-sortheader .fas { font-size: 1.1rem; color: #d8d8d8; } .mobile-sortitem { display: block; color: #c7cace; padding: 0.85rem 1.25rem; border-bottom: 1px solid #3c4452; } .mobile-sortitem:focus, .mobile-sortitem:hover { font-weight: bold; color: #ffffff; text-decoration: none; } .mobile-sortitem--active { font-weight: bold; color: #ffffff; } .mobile-sortclose { position: fixed; visibility: hidden; opacity: 0; line-height: 50px; color: #ced1d4; background-color: #3c4755; border: 0; width: 50px; height: 50px; top: 0; right: 0; transition: visibility 300ms ease-out, opacity 300ms ease-out; cursor: pointer; } .mobile-sortclose:hover { background-color: #495667; } / Breadcrumbs for Jungle skin / .breadcrumbs { font-family: "Helvetica Neue", Arial, sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 0.6rem; text-align: center; padding: 0.75rem 0; } @media (min-width: 992px) { .breadcrumbs { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: 0.65rem; text-align: left; min-height: 2.5rem; padding: 0; } } .breadcrumbscontainer { border-bottom: solid 1px #dddddd; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); margin-bottom: 3rem; } .breadcrumbscontainer + .theme-slider-wrapper, .breadcrumbscontainer + .mobile-sort-and-filter { margin-top: -3rem; } @media (max-width: 575.98px) { .single-product .breadcrumbscontainer { margin-bottom: 0.9rem; } } .breadcrumbs a { display: inline-block; color: #999999; } .breadcrumbs a:focus, .breadcrumbs a:hover { text-decoration: none; } .breadcrumbs a:focus span, .breadcrumbs a:hover span { text-decoration: underline; } .breadcrumbs a::after { content: '\f0da'; font-family: 'Font Awesome 5 Free'; font-weight: 900; opacity: .5; margin-right: 0.5rem; margin-left: 0.5rem; } @media (min-width: 992px) { .breadcrumbs a::after { margin-right: 1rem; margin-left: 1rem; } } .breadcrumbs span > span { display: inline-block; color: #999999; } .breadcrumbs .current-item::after { display: none; } / Smart Search for Jungle skin / .smart-search-results { font-size: 0.7rem; border: 0; border-radius: 2px; width: auto !important; left: 0; right: 0; margin-top: -1.5rem; z-index: 8; } @media (min-width: 992px) { .smart-search-results { right: 2.75rem; } } .smart-search-results.has-viewall-button { padding-bottom: 4.4rem; } .smart-search-suggestions { background: transparent; border: 0; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; width: auto !important; right: 0 !important; padding-top: 2.5rem; } @media (min-width: 992px) { .smart-search-suggestions { background: #ffffff linear-gradient(#dddddd, #ffffff 20%); } } .woondershop-has-desktop-sticky-header--triggered .smart-search-suggestions { padding-top: 2.85rem; } .smart-search-suggestions > .autocomplete-suggestion { padding: 0; border-bottom: 0; } .smart-search-suggestions > .autocomplete-suggestion.autocomplete-selected { opacity: 1; } .smart-search-suggestions .autocomplete-no-suggestion { font-size: 0.7rem; line-height: inherit; padding-top: 0.15rem; } .smart-search-suggestions .smart-search-post { display: inline-block; color: #000000; width: 100%; padding: 0.6rem 1rem; } .smart-search-suggestions .smart-search-post:focus, .smart-search-suggestions .smart-search-post:hover { text-decoration: none; background-color: #e5ebf3; } .smart-search-suggestions .smart-search-post .smart-search-clear { display: none; clear: none; } .smart-search-suggestions .smart-search-post-icon { margin-bottom: 0; } .smart-search-suggestions .smart-search-post-holder { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .smart-search-suggestions .smart-search-post-title, .smart-search-suggestions .smart-search-post-excerpt { color: #777777; } .smart-search-suggestions .smart-search-post-title strong, .smart-search-suggestions .smart-search-post-excerpt strong { color: #000000; } .smart-search-suggestions .smart-search-post-title { font-size: 0.7rem; font-weight: bold; } .smart-search-suggestions .smart-search-post-excerpt { font-size: 0.6rem; margin: 0; } .smart-search-suggestions .smart-search-post-price { display: -ms-flexbox; display: flex; font-weight: bold; color: #333333; } .smart-search-suggestions .smart-search-post-price del { -ms-flex-order: 2; order: 2; font-weight: normal; color: #777777; margin-left: 0.4rem; } .smart-search-suggestions .smart-search-post-price ins { -ms-flex-order: 1; order: 1; text-decoration: none; color: #c00c00; } @media (min-width: 992px) { .smart-search-view-all-holder { background-color: #ffffff; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } } .smart-search-view-all-holder > a { font-size: 0.7rem; font-weight: bold; line-height: inherit; letter-spacing: .2px; color: #232f3f; background: linear-gradient(#fbde97, #f7c128); border: 1px solid #ce9f19; border-radius: 2px; box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.25); height: auto; padding: 0.55rem 1.5rem; margin: 1rem; } .smart-search-view-all-holder > a:focus, .smart-search-view-all-holder > a:hover { text-decoration: none; color: #232f3f; background: #d6a721; border-color: #ce9f19; } .mobile-search .smart-search-view-all-holder > a { margin-left: 0; margin-right: 0; } / Buttons for Jungle skin / .btn { font-size: 0.7rem; letter-spacing: .2px; / Rounded corner / } .btn-sm { font-size: 0.6rem; } .btn-lg { font-size: 0.7rem; } .btn-rounded { border-radius: 3rem; } .btn-primary { color: #333333; background: linear-gradient(#ffc768, #ffa50c); border: 1px solid #ffa50c; box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.25); transition: none; } .btn-primary:focus, .btn-primary:hover { color: #232f3f; background: linear-gradient(#ffb83f, #d88800); border-color: #d88800; } .btn-light { color: #333333; background: #ffffff; border: 1px solid #dddddd; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); } .btn-light:focus, .btn-light:hover, .btn-light:hover:active { color: #333333; background-color: #f5f7fa; border-color: #cacfd7; } / 05.12. Slick Carousel / .pt-slick-carousel { position: relative; visibility: hidden; / Hide the whole slider by default. It will be displayed once the slider initializes (with JS). / font-size: 0; margin-bottom: 3.25rem; outline: none; } @media (max-width: 767.98px) { .pt-slick-carousel .carousel-itemslide-image-mobile { height: 12rem; object-fit: cover; } } @media (max-width: 767.98px) { .pt-slick-carousel .carousel-itemslide-image-mobile--left { object-position: left; } } @media (max-width: 767.98px) { .pt-slick-carousel .carousel-itemslide-image-mobile--right { object-position: right; } } @media (max-width: 767.98px) { .pt-slick-carousel .carousel-item__slide-image-mobile--center { object-position: center; } } @media (max-width: 991.98px) { .pt-slick-carousel .carousel-item--video::after { position: absolute; content: ''; background: url("../../images/play_icon.svg") no-repeat center center; background-size: 15%; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; } } .pt-slick-carousel .carousel-item img { width: 100%; } .pt-slick-carousel .carousel-itemvideo-play-button { display: none; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2); border-radius: 50%; } @media (min-width: 992px) { .pt-slick-carousel .carousel-itemvideo-play-button { transition: all 200ms ease-out; transition-delay: 200ms; } } .pt-slick-carouselslides { position: relative; } .pt-slick-carouselcontainer--video { pointer-events: none; } .pt-slick-carouselcontent { position: relative; margin-left: 15px; margin-right: 15px; } @media (max-width: 991.98px) { .pt-slick-carouselcontent { padding: 1rem 15px; background-color: #fff; box-shadow: 0 2px 23px rgba(0, 0, 0, 0.15); text-align: center; } } @media (min-width: 576px) { .pt-slick-carouselcontent { width: 510px; margin-left: auto; margin-right: auto; } } @media (min-width: 768px) { .pt-slick-carouselcontent { width: 690px; } } @media (min-width: 992px) { .pt-slick-carouselcontent { position: absolute; display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: start; align-items: flex-start; width: auto; top: 0; bottom: 0; left: 6rem; right: 52%; } } @media (min-width: 1360px) { .pt-slick-carouselcontent { left: calc(50% - 27.75rem); } } .pt-slick-carouselcontent::before { position: absolute; content: ''; top: -20px; left: calc(50% - 15px); border-width: 0 15px 20px; border-color: transparent; border-bottom-color: #fff; border-style: solid; } @media (min-width: 992px) { .pt-slick-carouselcontent::before { display: none; } } @media (min-width: 992px) { .pt-slick-carouselcontent--video .carousel-itemvideo-play-button { display: block; } } .pt-slick-carouselcontent--video .pt-slick-carouselcontent-description { display: none; } .pt-slick-carouselcontent-title { font-size: 1.35rem; margin-bottom: 0.6rem; } @media (min-width: 992px) { .pt-slick-carouselcontent-title { font-size: 1.8rem; transition: all 200ms ease-out; } } @media (min-width: 1600px) { .pt-slick-carouselcontent-title { font-size: 2.3rem; } } .pt-slick-carouselcontent-description { color: #666666; font-size: 0.775rem; } @media (min-width: 992px) { .pt-slick-carouselcontent-description { color: rgba(0, 0, 0, 0.6); transition: all 200ms ease-out; transition-delay: 200ms; } } @media (min-width: 992px) and (max-width: 1599.98px) { .pt-slick-carouselcontent-description { font-size: 0.8rem; } .pt-slick-carouselcontent-description .btn { padding: 0.5rem 0.95rem; } } @media (min-width: 1600px) { .pt-slick-carouselcontent-description p:last-of-type { margin-bottom: 1.9rem; } .pt-slick-carouselcontent-description .btn:only-child { margin-top: 1rem; } } @media (max-width: 991.98px) { .pt-slick-carouselcontent-description p { margin-bottom: 0.8rem; } } @media (min-width: 992px) { .pt-slick-carouselcontent.is-in-transition .pt-slick-carouselcontent-title, .pt-slick-carouselcontent.is-in-transition .pt-slick-carouselcontent-description, .pt-slick-carouselcontent.is-in-transition .carousel-itemvideo-play-button { opacity: 0; transform: translateX(-60px); transition: none; } } .pt-slick-carousel .slick-arrow { position: absolute; font-size: 1.25rem; text-align: center; width: 3rem; height: 3rem; top: calc(50% - 1.5rem); line-height: 3rem; border: 0; border-radius: 3px; background-color: rgba(0, 0, 0, 0.4); color: rgba(255, 255, 255, 0.6); padding: 0; z-index: 5; transition: all 100ms ease-out; cursor: pointer; } .pt-slick-carousel .slick-arrow:focus { outline: 0; background-color: rgba(0, 0, 0, 0.55); } .pt-slick-carousel .slick-arrow:hover { background-color: rgba(0, 0, 0, 0.7); } .no-touchevents .pt-slick-carousel .slick-arrow { opacity: 0; visibility: hidden; } .no-touchevents .pt-slick-carousel:focus .slick-arrow, .no-touchevents .pt-slick-carousel:hover .slick-arrow { opacity: 1; visibility: visible; } .pt-slick-carousel .slick-prev { left: 1.5rem; } .pt-slick-carousel .slick-next { right: 1.5rem; } .pt-slick-carousel .slick-dots { padding-left: 0; list-style: none; position: absolute; opacity: 0; visibility: hidden; text-align: center; margin: 1rem 0 0; } @media (min-width: 992px) { .pt-slick-carousel .slick-dots { opacity: 1; visibility: visible; left: 0; right: 0; bottom: 1rem; } } .pt-slick-carousel .slick-dots li { display: inline-block; margin-right: 0.5rem; background-color: rgba(0, 0, 0, 0.5); border: 0; border-radius: 50%; width: 10px; height: 10px; } .pt-slick-carousel .slick-dots li:hover { cursor: pointer; } .pt-slick-carousel .slick-dots li:last-of-type { margin-right: 0; } .pt-slick-carousel .slick-dots li button { display: none; } .pt-slick-carousel .slick-dots .slick-active { background-color: rgba(0, 0, 0, 0.8); } @media (max-width: 991.98px) { .pt-slick-carousel { padding: 0; } } .pt-slick-carousel .slick-arrow { height: 4.5rem; top: calc(50% - 2.25rem); } .pt-slick-carousel .slick-prev { left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .pt-slick-carousel .slick-next { right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } @media (min-width: 992px) { .pt-slick-carouselcontent { left: calc(50% - 480px + 10px); } } @media (min-width: 1200px) { .pt-slick-carouselcontent { left: calc(50% - 570px + 10px); } } @media (min-width: 1360px) { .pt-slick-carousel__content { left: calc(50% - 650px + 10px); } } / Contact Form 7 / .wpcf7-select, .wpcf7-text, .wpcf7-number, .wpcf7-date, .wpcf7-textarea { width: 100%; padding: 0.675rem 1rem; margin-bottom: 0.75rem; transition: all 100ms ease-out; } .wpcf7-select + .wpcf7-not-valid-tip, .wpcf7-text + .wpcf7-not-valid-tip, .wpcf7-number + .wpcf7-not-valid-tip, .wpcf7-date + .wpcf7-not-valid-tip, .wpcf7-textarea + .wpcf7-not-valid-tip { font-size: 0.8rem; margin-top: -0.5rem; margin-bottom: 0.75rem; } .wpcf7-date { padding: 0.85rem 1rem 0.9rem; } .wpcf7-textarea { height: 7.5rem; } .wpcf7-form p { margin-bottom: 0; } input[type='date'].form-control.wpcf7-date { line-height: inherit; } .wpcf7 .wpcf7-response-output { padding: 0.5rem 1rem; margin: 0.75rem 0 0.25rem; font-size: 0.8rem; } .wpcf7 .wpcf7-validation-errors { color: #ffffff; background-color: #ffc768; border: 2px solid #ffc768; } .wpcf7 .wpcf7-mail-sent-ng { color: #ffffff; background-color: #c00c00; border: 2px solid #c00c00; } .wpcf7 .wpcf7-mail-sent-ok { color: #ffffff; background-color: #008f00; border: 2px solid #008f00; } .wpcf7 select.form-control:not([size]):not([multiple]) { height: 3.05rem; } / WooCommerce Product Filters for Jungle skin / @media (min-width: 992px) { .wpf_items_wrapper { background-color: #f5f7fa; border: 1px solid #e6e6e6; border-radius: 4px; } } .wpf_item { font-size: 0.7rem; color: #000000; border-bottom: 1px solid #f5f7fa; padding: 0; padding-bottom: 0.9rem; } @media (min-width: 992px) { .wpf_item { border-bottom: 1px solid #e6e6e6; padding: 1.5rem 1.5rem 1.25rem; } } .wpf_item:last-of-type { margin-bottom: 0; border-bottom: 0; } .wpf_items_wrapper .wpf_item ul li .wpf_selected { color: #000000; font-weight: bold; } .wpf_items_wrapper .wpf_item ul.wpf_column_vertical li, .wpf_items_wrapper .wpf_item ul.wpf_hierachy li { display: block; margin: 0 0 0.75rem 0; } .wpf_items_wrapper .wpf_item ul.wpf_column_vertical.wpf_links li, .wpf_items_wrapper .wpf_item ul.wpf_hierachy.wpf_links li { padding-top: 0.5rem; margin-top: 0.5rem; margin-bottom: 0; border-top: 1px solid #e6e6e6; } .wpf_items_wrapper .wpf_item ul.wpf_column_vertical.wpf_links > li:first-of-type, .wpf_items_wrapper .wpf_item ul.wpf_hierachy.wpf_links > li:first-of-type { border-top: 0; } .wpf_items_wrapper .wpf_item ul.wpf_column_vertical.wpf_links .wpf_submenu, .wpf_items_wrapper .wpf_item ul.wpf_hierachy.wpf_links .wpf_submenu { margin: 0; } .wpf_items_wrapper .wpf_item ul.wpf_column_vertical.wpf_links .wpf_submenu li, .wpf_items_wrapper .wpf_item ul.wpf_hierachy.wpf_links .wpf_submenu li { padding-left: 0.75rem; } .wpf_items_wrapper .wpf_item ul.wpf_column_vertical .wpf_submenu, .wpf_items_wrapper .wpf_item ul.wpf_hierachy .wpf_submenu { border-left: 0; margin: 0.75rem 0 0 0.75rem; } .wpf_items_wrapper .wpf_item ul.wpf_column_vertical .wpf_submenu li:last-of-type, .wpf_items_wrapper .wpf_item ul.wpf_hierachy .wpf_submenu li:last-of-type { margin-bottom: 0; } .wpf_item label { margin-bottom: 0; } .wpf_item .wpf_item_name { font-size: 0.8rem; font-weight: bold; color: #000000; border-bottom: 0; padding-bottom: 0; margin: 0 0 1.05rem; } .wpf_item input[type='checkbox'] { position: relative; border: 1px solid #cccccc; border-radius: 3px; margin-right: 0.3rem; transition: all 100ms ease-out; } .wpf_item input[type='checkbox']:hover { border-color: #999999; } .wpf_item input[type='checkbox']::before { position: absolute; opacity: 0; visibility: hidden; content: ''; background-color: #f39f39; width: 12px; height: 12px; top: 3px; left: 3px; transition: all 100ms ease-out; } .wpf_item input[type='checkbox']:checked { border-color: #f39f39; } .wpf_item input[type='checkbox']:checked::before { opacity: 1; visibility: visible; content: ''; } .wpf_item input[type='checkbox']:checked ~ label { font-weight: bold; } .wpf_item input[type='checkbox']:checked ~ .wpf_item_count { color: #000000; } .wpf_item input[type='radio'] { margin-right: 0.3rem; } .wpf_item input[type='radio']:checked ~ label { font-weight: bold; } .wpf_item input[type='radio']:checked ~ .wpf_item_count { color: #000000; } .wpf_item .wpf_color_icons.wpf_hide_text input:checked + label { border: 2px solid #fff; box-shadow: 0 0 0 2px #f39f39; } .wpf_item .wpf_color_icons.wpf_hide_text input:checked + label i::after { content: ''; } .wpf_item .wpf_color_icons.wpf_hide_text label { border-radius: 50px; padding: 0; transition: all 100ms ease-out; } .wpf_item .wpf_color_icons.wpf_hide_text label:hover { border: 2px solid #fff; box-shadow: 0 0 0 2px #cacfd7; } .wpf_item .wpf_color_icons label { font-weight: bold; border-radius: 3px; padding: 0.3rem 0.75rem; margin-bottom: 0; } .wpf_item .wpf_color_icons .wpf_item_count { margin: 0; background-color: transparent; color: #999999; } .wpf_item .wpf_price_from, .wpf_item .wpf_price_to { font-size: 16px; text-align: center; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 3px; width: 3rem; padding-top: 0.25rem; padding-bottom: 0.25rem; } @media (min-width: 992px) { .wpf_item .wpf_price_from, .wpf_item .wpf_price_to { display: none; } } .wpf_item .wpf_price_to { float: right; } .wpf_item_count { font-size: 0.7rem; color: #999999; background-color: transparent; border-radius: 0; padding: 0; margin-top: 0; margin-left: 0.1rem; } .wpf_item_count::before { content: '('; } .wpf_item_count::after { content: ')'; } .wpf_layout_vertical .wpf_item + .wpf_item .wpf_item_name { margin-top: 0; } .wpf_price_range li { margin: 0 0.35rem 0.5rem 0; } .wpf_price_range li:hover { border-color: #999999; } .wpf_price_range li input:checked + label { color: #fff; background-color: #000000; border: 1px solid #000000; box-shadow: inset 0 0 0 3px #fff; } .wpf_price_range li label { border: 1px solid #cccccc; border-radius: 3px; padding: 0.3rem 1rem; } .wpf_price_range li label:hover { color: #000000; border-color: #999999; } .wpf_slider.ui-slider { background-color: #e5ebf3; height: 5px; margin-left: 0.5rem; margin-right: 0.5rem; } .wpf_slider.ui-slider .ui-widget-header { background-color: #f39f39; } .wpf_slider.ui-slider .ui-slider-handle { background-color: #f39f39; border: 0; top: -5px; } .wpf-slider-tooltip { bottom: 14px; } .wpf-slider-tooltip-inner { padding-left: 12px; padding-right: 12px; } / Float Labels / .woondershop-has-floating-labels .fl-wrap { position: relative; } .woondershop-has-floating-labels .woocommerce select, .woondershop-has-floating-labels .woocommerce .input-text { padding: 0.85rem 1rem; } .woondershop-has-floating-labels .woocommerce .form-row { margin-bottom: 1rem; } .woondershop-has-floating-labels .woocommerce .fl-is-active .fl-input, .woondershop-has-floating-labels .woocommerce .fl-is-active .fl-select, .woondershop-has-floating-labels .woocommerce .fl-is-active .fl-textarea { padding: 1.3rem 1rem 0.4rem; } .woondershop-has-floating-labels .fl-select { cursor: pointer; height: auto; } .woondershop-has-floating-labels .fl-label { position: absolute; opacity: 0; visibility: hidden; font-size: 0.6rem; color: #999999; background-color: #ffffff; top: 1px; left: 1rem; right: 1rem; padding-top: 1rem; transition: all .2s ease-in-out; z-index: 1; } .woondershop-has-floating-labels .fl-is-active .fl-input, .woondershop-has-floating-labels .fl-is-active .fl-select, .woondershop-has-floating-labels .fl-is-active .fl-textarea { border-color: #000000; padding: 1.3rem 1rem 0.4rem; } .woondershop-has-floating-labels .fl-is-active .fl-label { opacity: 1; visibility: visible; padding-top: 0.5rem; } .woondershop-has-floating-labels .fl-has-focus .fl-input, .woondershop-has-floating-labels .fl-has-focus .fl-select, .woondershop-has-floating-labels .fl-has-focus .fl-textarea { border-color: #000000; } .woondershop-has-floating-labels .fl-has-focus .fl-label { color: #000000; } .woondershop-has-floating-labels .woocommerce-validated .fl-label { color: #008f00; } .woondershop-has-floating-labels .woocommerce-validated .fl-input, .woondershop-has-floating-labels .woocommerce-validated .fl-select, .woondershop-has-floating-labels .woocommerce-validated .fl-textarea { border-color: #008f00; } .woondershop-has-floating-labels .woocommerce-invalid .fl-label { color: #c00c00; } .woondershop-has-floating-labels.woondershop-loading-site label { display: none; } / Icon Box for Jungle skin / .icon-box:focus, .icon-box:hover { text-decoration: none; } @media (min-width: 992px) { .icon-box-center .icon-box { -ms-flex-pack: center; justify-content: center; } } .top .icon-box { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #ffffff; padding: 0.5rem 0; } .top .icon-boxcontent { display: -ms-flexbox; display: flex; } .top .icon-boxicon { margin-right: 0.4rem; } .top .icon-boxtitle { margin-bottom: 0; } .top .icon-boxsubtitle { margin-bottom: 0; } .content-area .icon-box, .benefit-bar .icon-box { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: calc(100% - 0.8rem); border-radius: 2px; padding: 0.5rem 0; transition: all 100ms ease-out; } .content-area .icon-boxicon, .benefit-bar .icon-boxicon { font-size: 1.2rem; color: #999999; margin-right: 0.75rem; transition: all 100ms ease-out; } @media (min-width: 992px) { .content-area .icon-boxicon, .benefit-bar .icon-boxicon { font-size: 1.5rem; } } .content-area .icon-boxtitle, .benefit-bar .icon-boxtitle { font-size: 0.55rem; font-weight: bold; text-transform: uppercase; letter-spacing: .5px; color: #000000; margin-bottom: 0; } .content-area .icon-boxsubtitle, .benefit-bar .icon-boxsubtitle { font-size: 0.55rem; color: #ababab; margin-bottom: 0; transition: all 100ms ease-out; } .content-area a.icon-box:focus .icon-boxicon, .content-area a.icon-box:hover .icon-boxicon, .benefit-bar a.icon-box:focus .icon-boxicon, .benefit-bar a.icon-box:hover .icon-boxicon { color: #000000; } .content-area a.icon-box:focus .icon-boxsubtitle, .content-area a.icon-box:hover .icon-boxsubtitle, .benefit-bar a.icon-box:focus .icon-boxsubtitle, .benefit-bar a.icon-box:hover .icon-boxsubtitle { color: #333333; } .benefit-bar .icon-box { -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 0.5rem 2.2rem; } @media (min-width: 768px) { .benefit-bar .icon-box { -ms-flex-pack: center; justify-content: center; width: calc(100% - 0.8rem); padding: 0.5rem 0; } } .benefit-bar .icon-boxicon { -ms-flex-order: 2; order: 2; color: #dddddd; margin-right: 0; } @media (min-width: 768px) { .benefit-bar .icon-boxicon { -ms-flex-order: 1; order: 1; color: #999999; margin-right: 0.75rem; } } .benefit-bar .icon-boxcontent { -ms-flex-order: 1; order: 1; } @media (min-width: 768px) { .benefit-bar .icon-boxcontent { -ms-flex-order: 2; order: 2; } } .benefit-bar a.icon-box:focus, .benefit-bar a.icon-box:hover { background-color: #f4f4f4; } / Shopping Cart for Jungle skin / .shopping-cart { position: relative; cursor: pointer; } .shopping-cartlink { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; } .shopping-cartlink:focus, .shopping-cartlink:hover { text-decoration: none; } .shopping-cart.is-hover .shopping-cartcontent, .shopping-cart:focus .shopping-cartcontent, .shopping-cart:hover .shopping-cartcontent { visibility: visible; opacity: 1; transform: scale(1); transition-delay: 150ms; transition-duration: 150ms, 150ms, 150ms; } .shopping-carticon-container { position: relative; margin-right: 0.15rem; } .shopping-carttitle { font-family: "Helvetica Neue", Arial, sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: bold; font-size: 0.7rem; line-height: 1; color: #ffffff; } .shopping-cartprice, .shopping-cartsubtitle { font-size: 0.7rem; font-weight: bold; } .shopping-cartcontent { position: absolute; z-index: 25; visibility: hidden; opacity: 0; background-color: #ffffff; border-radius: 3px; box-shadow: 0 2px 25px rgba(153, 153, 153, 0.5); top: calc(100% + 0.9rem); left: -1px; right: -1px; cursor: auto; transform: scale(0.4); transform-origin: right top; transition: 100ms opacity cubic-bezier(0.39, 0.575, 0.565, 1), 100ms visibility cubic-bezier(0.39, 0.575, 0.565, 1), 150ms transform cubic-bezier(0.1, 1.26, 0.83, 1); } @media (min-width: 992px) { .shopping-cartcontent { left: inherit; right: -1px; width: 12.75rem; } } .shopping-cartcontent::before { position: absolute; content: ''; left: 0; right: 0; top: -0.9rem; height: 1rem; background-color: transparent; } .shopping-cartcontent::after { position: absolute; content: ''; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #ffffff; width: 0; height: 0; top: -10px; right: 38px; } .shopping-cartcontent .widgettitle { display: none; } .shopping-cart--empty .shopping-cartquantity { background-color: #999999; } .shopping-cart--disabled { cursor: auto; } .shopping-cart--disabled .shopping-cartcontent::before, .shopping-cart--disabled .shopping-cartcontent::after { display: none; } .shopping-cart .woondershop-cart-quantity { position: absolute; font-family: "Helvetica Neue", Arial, sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 0.9rem; font-weight: bold; color: #f39f39; top: -0.25rem; right: calc(50% - 0.35rem); } .shopping-cart .woondershop-cart-quantity--two-numbers { font-size: 0.7rem; top: -0.15rem; right: calc(50% - 0.5rem); } .shopping-cart .woondershop-cart-quantity--two-numbers-plus { font-size: 0.55rem; top: -0.2rem; right: calc(50% - 0.6rem); } / 05.35. Image Banner for Jungle skin / .image-bannercontent--halfwidth.image-bannercontent--top-left, .image-bannercontent--halfwidth.image-bannercontent--middle-left, .image-bannercontent--halfwidth.image-bannercontent--bottom-left { padding-right: 50%; } .image-bannercontent--halfwidth.image-bannercontent--top-center, .image-bannercontent--halfwidth.image-bannercontent--middle-center, .image-bannercontent--halfwidth.image-bannercontent--bottom-center { padding-left: 25%; padding-right: 25%; } .image-bannercontent--halfwidth.image-bannercontent--top-right, .image-bannercontent--halfwidth.image-bannercontent--middle-right, .image-bannercontent--halfwidth.image-bannercontent--bottom-right { padding-left: 50%; } .image-banner { position: relative; overflow: hidden; border-radius: 3px; display: block; } .image-banner::after { position: absolute; content: ''; opacity: 0; background-color: rgba(0, 0, 0, 0.1); top: 0; bottom: 0; left: 0; right: 0; transition: all 100ms ease-out; } .image-banner:focus::after, .image-banner:hover::after { opacity: 1; } .image-banner:focus .image-bannerimage, .image-banner:hover .image-bannerimage { transform: scale(1.1); } .image-bannerimage { width: 100%; transform: scale(1); -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); transition: all 100ms ease-out; } .image-bannercontent { position: absolute; left: 0; right: 0; z-index: 10; padding: 1.5rem 1.3rem; } @media (min-width: 576px) and (max-width: 991.98px) { .image-bannercontent { padding: 2.25rem 2rem; } } @media (min-width: 1200px) { .image-bannercontent { padding: 2.25rem 2rem; } } .image-bannercontent > :last-child { margin-bottom: 0 !important; } .image-bannercontent--top-left { top: 0; } .image-bannercontent--top-center { top: 0; text-align: center; } .image-bannercontent--top-right { top: 0; text-align: right; } .image-bannercontent--middle-left { top: 50%; transform: translateY(-50%) translate3d(0, 0, 0); } .image-bannercontent--middle-center { text-align: center; top: 50%; transform: translateY(-50%) translate3d(0, 0, 0); } .image-bannercontent--middle-right { text-align: right; top: 50%; transform: translateY(-50%) translate3d(0, 0, 0); } .image-bannercontent--bottom-left { bottom: 0; } .image-bannercontent--bottom-center { bottom: 0; text-align: center; } .image-bannercontent--bottom-right { bottom: 0; text-align: right; } @media (max-width: 1199.98px) { .image-bannercontent--big .image-bannertitle { font-size: 1.3rem; } } @media (max-width: 1199.98px) { .image-bannercontent--small .image-bannertitle { font-size: 1rem; } } @media (max-width: 1199.98px) { .image-bannertitle { font-size: 1.2rem; } } .image-bannertext { font-size: 0.8rem; opacity: .8; } .image-bannercta { display: inline-block; font-size: 0.7rem; font-weight: bold; letter-spacing: .2px; color: #232f3f; background: linear-gradient(#fbde97, #f7c128); border: 1px solid #ce9f19; box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.25); border-radius: 3px; padding: 0.425rem 1rem; cursor: pointer; transition: none; } .image-bannercta:hover, .image-bannercta:focus { text-decoration: none; color: #232f3f; background: #d6a721; border-color: #ce9f19; outline: none; } /* Testimonials / .testimonials .slick-track { display: -ms-flexbox; display: flex; } .testimonials.slick-initialized .slick-slide { display: -ms-flexbox; display: flex; height: auto; } .testimonials.slick-initialized .slick-slide > div { width: 100%; } .testimonialscontainer { position: relative; } .testimonialscontainer:focus .slick-arrow, .testimonialscontainer:hover .slick-arrow { opacity: 1; visibility: visible; } .testimonialsnavigation .slick-arrow { position: absolute; opacity: 0; visibility: hidden; font-size: 1.5rem; color: #ffffff; background-color: rgba(0, 0, 0, 0.2); border: 0; width: 2.5rem; height: 4.5rem; top: calc(50% - 2.25rem); cursor: pointer; transition: all 100ms ease-out; } .testimonialsnavigation .slick-arrow:focus { background-color: rgba(0, 0, 0, 0.2); outline: none; } .testimonialsnavigation .slick-arrow:hover { background-color: rgba(0, 0, 0, 0.3); } .testimonialsnavigation .slick-prev { left: 0; border-radius: 3px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .testimonialsnavigation .slick-next { right: 0; border-radius: 3px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .widget-testimonials .widget-title { font-size: 1.6rem; text-align: center; margin-bottom: 2rem; } .testimonial { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; position: relative; background-color: #ffffff; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15); border-radius: 3px; height: calc(100% - 1.5rem); padding: 2.65rem 3rem 2.25rem; margin: 0.75rem; overflow: hidden; } .testimonialcontainer { height: 100%; } .testimonial::after { position: absolute; content: '“'; font-family: Georgia, 'Times New Roman'; font-size: 16.25rem; line-height: 0; color: #e6ebf2; bottom: -3.25rem; right: 3rem; } .testimonialquote { font-size: 0.8rem; margin-bottom: 1.9rem; } .testimonialauthor-container { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-top: auto; } .testimonialauthor-avatar { margin-right: 0.75rem; } .widget .testimonialauthor-avatar img { width: 3rem; height: 3rem; border-radius: 50%; object-fit: cover; } .testimonialauthor-info { line-height: 1; } .testimonialauthor { font-size: 0.9rem; font-weight: bold; font-style: normal; color: #000000; } .testimonialauthor + .testimonialrating { margin-top: 0.4rem; } .testimonialrating { font-size: 0; color: #ffc768; } .testimonialrating i { font-size: 0.6rem; } / 05.32. Instagram for Jungle skin / .pw-instagram { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: distribute; justify-content: space-around; } @media (min-width: 768px) { .pw-instagram { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .pw-instagramitem { display: block; -ms-flex: 0 1 calc(50% - 0.5rem); flex: 0 1 calc(50% - 0.5rem); transition: transform 200ms ease-out; margin-bottom: 0.5rem; } @media (min-width: 768px) { .pw-instagramitem { -ms-flex: 0 1 auto; flex: 0 1 auto; margin: 0.25rem; width: 100%; } } .pw-instagramitem:hover { z-index: 10; transform: translateY(-1rem); } .pw-instagramitem:hover .pw-instagramphoto { box-shadow: 0 2px 25px 0 rgba(153, 153, 153, 0.5); } .pw-instagramitem--cta { min-width: 6rem; border-radius: 3px; position: relative; background-color: #f39f39; } .pw-instagramitem--cta .pw-instagramphoto { visibility: hidden; height: 1px !important; } .pw-instagramitem--cta:hover { text-decoration: none; background-color: #f1911c; } .pw-instagramphoto { width: 100%; height: 100% !important; object-fit: cover; border-radius: 3px; } .pw-instagraminner-spacer { padding: 1rem; } @media (min-width: 768px) { .pw-instagraminner-spacer { padding-bottom: 3rem; } } .pw-instagramtitle { display: none; } @media (min-width: 1200px) { .pw-instagramtitle { display: block; color: #fff; } } .pw-instagramtext { display: none; margin-bottom: 0; } @media (min-width: 1200px) { .pw-instagramtext { display: block; color: rgba(255, 255, 255, 0.5); } } .pw-instagramicon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; } @media (min-width: 1200px) { .pw-instagramicon { top: unset; left: 1rem; bottom: 1rem; transform: none; } } / Woonder Products for Jungle skin / .woonder-products { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -0.4rem; } @media (min-width: 576px) { .woonder-products { margin: 0 -0.75rem; } } @media (min-width: 992px) { .woonder-products { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .woonder-productscontainer { position: relative; } .woonder-productscontainer:focus .woonder-productsarrow, .woonder-productscontainer:hover .woonder-productsarrow { opacity: 1; visibility: visible; } .woonder-productsitem { -ms-flex: 0 1 50%; flex: 0 1 50%; display: block; position: relative; padding: 0 0.4rem; margin-bottom: 1.5rem; } @media (min-width: 576px) { .woonder-productsitem { padding: 0 0.75rem; } } @media (min-width: 992px) { .woonder-productsitem { margin-bottom: 0; } } .woonder-productsitem:focus .woonder-productbutton, .woonder-productsitem:hover .woonder-productbutton { opacity: 1; visibility: visible; } .woonder-productsarrow { display: none; position: absolute; background-color: transparent; border: 0; top: 0; bottom: 0; padding: 0; transition: all 100ms ease-out; } @media (min-width: 992px) { .woonder-productsarrow { display: block; opacity: 0; visibility: hidden; } } .woonder-productsarrow:focus { outline: 0; } .woonder-productsarrow i { color: #f39f39; background-color: #ffffff; border-radius: 3px; height: 3.75rem; width: 2.25rem; line-height: 3.75rem; cursor: pointer; top: calc(50% - 1.85rem); transition: all 100ms ease-out; } .woonder-productsarrow i:focus, .woonder-productsarrow i:hover { background-color: #f5f7fa; } .woonder-productsarrow--prev { left: -15px; border-left: 15px solid #ffffff; box-shadow: inset 10px 0 35px -30px rgba(0, 0, 0, 0.5); } .woonder-productsarrow--prev i { border-top-left-radius: 0; border-bottom-left-radius: 0; box-shadow: 5px 0 8px 0 rgba(0, 0, 0, 0.1); } .woonder-productsarrow--next { right: -15px; border-right: 15px solid #ffffff; box-shadow: inset -10px 0 35px -30px rgba(0, 0, 0, 0.5); } .woonder-productsarrow--next i { border-top-right-radius: 0; border-bottom-right-radius: 0; box-shadow: -5px 0 8px 0 rgba(0, 0, 0, 0.1); } .woonder-products .added_to_cart { display: none; } .woonder-products .slick-dots { padding-left: 0; list-style: none; text-align: center; margin-bottom: 0; transform: translateY(-17px); } .woonder-products .slick-dots li { display: inline-block; margin-right: 0.5rem; background-color: rgba(0, 0, 0, 0.5); border: 0; border-radius: 50%; width: 10px; height: 10px; } .woonder-products .slick-dots li:hover { cursor: pointer; } .woonder-products .slick-dots li:last-of-type { margin-right: 0; } .woonder-products .slick-dots li button { display: none; } .woonder-products .slick-dots .slick-active { background-color: rgba(0, 0, 0, 0.8); } .woonder-product:hover, .woonder-product:focus { text-decoration: none; } @media (min-width: 992px) { .woonder-product:hover, .woonder-product:focus { outline: none; } } .woonder-product:active img { box-shadow: 0 0 3px #4a90e2; } @media (min-width: 992px) { .woonder-product:active img { box-shadow: none; } } .woonder-product img { margin-bottom: 0.45rem; border-radius: 3px; } @media (min-width: 992px) { .woonder-product img { margin-bottom: 0.85rem; } } .widget_pw_woonder_products .woonder-product img { width: 100%; } .woonder-productonsale { position: absolute; left: 0.75rem; top: 0.4rem; } @media (min-width: 576px) { .woonder-productonsale { left: 1.1rem; } } .woonder-producttitle { font-size: 16px; line-height: 1.375; color: #333333; margin-bottom: 0.05rem; } @media (min-width: 992px) { .woonder-producttitle { margin-bottom: 0.2rem; } } .woonder-productprice { font-size: 16px; font-weight: bold; color: #c00c00; } .woonder-productprice del { display: block; font-size: 14px; font-weight: normal; color: #999999; } .woonder-productprice ins { text-decoration: none; } .woonder-productprice ins .amount { color: #c00c00; } .woonder-productbutton { display: none; position: relative; font-size: 0.7rem; font-weight: bold; text-align: center; letter-spacing: .2px; color: #232f3f; background: linear-gradient(#fbde97, #f7c128); border: 1px solid #ce9f19; box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.25); border-radius: 3px; padding: 0.425rem 0.1rem 0.425rem 1.8rem; margin-top: 0.9rem; cursor: pointer; transition: opacity 100ms ease-out, visibility 100ms ease-out; } @media (min-width: 992px) { .woonder-productbutton { display: block; opacity: 0; visibility: hidden; } } .woonder-productbutton:hover, .woonder-productbutton:focus { text-decoration: none; color: #232f3f; background: #d6a721; border-color: #ce9f19; outline: none; } .woonder-product__button::before { position: absolute; content: ''; background: #333333 url("../../images/cart_icon_full.svg"); background-repeat: no-repeat; background-size: 1rem 0.75rem; background-position: 50%; border-radius: 3px; width: 1.5rem; height: 1.5rem; left: 0.2rem; top: calc(50% - 0.75rem); } .woonder-productbutton::after { display: inline-block; content: ''; font-family: 'Font Awesome 5 Free'; font-weight: bold; font-size: 0.6rem; margin-left: 0.25rem; } .woonder-productbutton.loading::after { content: '\f110'; animation: spin 2s infinite linear; } .woonder-productbutton.added::after { content: '\f00c'; } / Latest News for Jungle skin / .latest-news { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; background-color: #ffffff; height: 100%; transition: all 100ms ease-out; } .latest-news::after { position: absolute; content: ''; display: none; background-color: transparent; left: 0; right: 0; bottom: -0.5rem; height: 0.5rem; } .latest-newsimage { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; border-radius: 3px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 0; } .latest-newsimage + .latest-newscontent { border-top: 0; } .latest-newscontent { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: justify; align-content: space-between; -ms-flex: 1 1 auto; flex: 1 1 auto; border: 1px solid #dddddd; transition: all 100ms ease-out; } .latest-newsheader { width: 100%; } .latest-newsdate { display: inline-block; font-size: 0.75rem; color: #666666; width: 100%; margin-bottom: 0.65rem; } .latest-newstitle { font-size: 0.8rem; margin-bottom: 0; } .latest-newstitle-link { display: block; padding: 1.35rem 1.5rem 1.35rem; } .latest-newstitle-link:focus, .latest-newstitle-link:hover { text-decoration: none; } .latest-newscategories { padding: 0 1.5rem 0.8rem; } .latest-newscategories a { font-size: 0.65rem; font-weight: bold; text-transform: uppercase; letter-spacing: .5px; color: #999999; } .latest-newsmore-news { display: inline-block; position: relative; font-size: 0.7rem; font-weight: bold; color: #3a7bb8; width: 100%; padding: 0 1.5rem 1.15rem; margin-top: -0.4rem; } .latest-newsmore-news::after { content: '\f30b'; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-left: 0.25rem; } .latest-newsmore-news:focus, .latest-newsmore-news:hover { text-decoration: none; color: #3a7bb8; } .latest-news--block { border-radius: 3px; } .latest-news--block .latest-newscontent { border: 1px solid #dddddd; border-top: 0; border-radius: 3px; border-top-left-radius: 0; border-top-right-radius: 0; } .latest-news--block:focus, .latest-news--block:hover { text-decoration: none; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2); transform: translateY(-1rem); } .latest-news--block:focus::after, .latest-news--block:hover::after { display: block; } .latest-news--block:focus .latest-newsmore-link, .latest-news--block:hover .latest-newsmore-link { color: #000000; } .latest-news--inline:first-child .latest-newscontent { border-radius: 3px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .latest-news--inline:last-child .latest-newscontent { border-radius: 3px; border-top-left-radius: 0; border-top-right-radius: 0; } .latest-news--inline .latest-newscontent { padding: 1.5rem 2rem; } .latest-news--inline + .latest-news--inline .latest-newscontent { border-top: 0; } .latest-news--inline:focus, .latest-news--inline:hover { color: #000000; } .latest-news--inline:focus .latest-newstitle, .latest-news--inline:hover .latest-newstitle { color: #000000; } .latest-news--more-news { display: inline-block; position: relative; font-size: 0.7rem; font-weight: bold; color: #000000; border: 1px solid #dddddd; border-top: 0; border-radius: 3px; border-top-left-radius: 0; border-top-right-radius: 0; width: 100%; padding: 1.5rem 2rem; } .latest-news--more-news:focus, .latest-news--more-news:hover { color: #000000; } / Opening Time / .opening-time { font-size: 0.7rem; } .opening-timeitem { display: -ms-flexbox; display: flex; } .opening-timeitem:not(:last-of-type) { margin-bottom: 0.45rem; } .opening-timeitem--less-important { color: #999999; } .opening-timeseparator { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; } .opening-timeseparator::after { position: absolute; content: ''; border-bottom: 1px dashed rgba(0, 0, 0, 0.2); bottom: 0.3rem; left: 0.3rem; right: 0.3rem; } / Accordion for Jungle skin / .accordionpanel { margin-bottom: 0.1rem; } .accordionpanel .panel-title { margin-bottom: 0; } .accordionpanel .panel-title a { position: relative; display: block; font-size: 0.8rem; font-weight: bold; color: #000000; background-color: #e5ebf3; padding: 0.9rem 3rem 0.9rem 1.25rem; transition: all 100ms ease-out; } .accordionpanel .panel-title a::after { position: absolute; content: '\f00d'; font-family: 'Font Awesome 5 Free'; font-weight: 900; text-align: center; line-height: 1.3rem; color: #000000; top: calc(50% - 0.625rem); right: 1rem; width: 1.25rem; height: 1.25rem; } .accordionpanel .panel-title a.collapsed { color: #000000; background-color: #f5f7fa; } .accordionpanel .panel-title a.collapsed::after { content: '\f067'; color: #999999; } .accordionpanel .panel-title a:focus, .accordionpanel .panel-title a:hover { text-decoration: none; background-color: #e5ebf3; } .accordionpanel .panel-title a:focus::after, .accordionpanel .panel-title a:hover::after { color: #000000; } .accordioncontent .panel-body { font-size: 0.7rem; color: #777777; padding: 1.1rem 1rem; } .accordion .more-link { position: relative; display: block; font-weight: bold; font-size: 0.8rem; text-transform: inherit; color: #000000; background-color: #f5f7fa; margin-top: 0; margin-bottom: 0; padding: 0.9rem 3rem 0.9rem 1.25rem; transition: all 100ms ease-out; } .accordion .more-link::after { position: absolute; content: '\f067'; font-family: 'Font Awesome 5 Free'; font-weight: 900; text-align: center; line-height: 1.3rem; color: #999999; top: calc(50% - 0.625rem); right: 1rem; width: 1.25rem; height: 1.25rem; } .accordion .more-link:focus, .accordion .more-link:hover { text-decoration: none; background-color: #e5ebf3; } .accordion .more-link:focus::after, .accordion .more-link:hover::after { color: #000000; } / Title with button for Jungle skin / @media (min-width: 768px) { .title-with-button { display: -ms-flexbox; display: flex; -ms-flex-align: baseline; align-items: baseline; } } .title-with-buttontitle { font-size: 1.2rem; margin-bottom: 0; margin-right: 1.25rem; } .title-with-buttonbutton { position: relative; font-size: 0.8rem; font-weight: bold; } .title-with-buttonbutton:focus, .title-with-buttonbutton:hover { text-decoration: none; } .title-with-buttonbutton::after { content: '\f30b'; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-left: 0.3rem; } / MailChimp Subscribe / .mailchimp-subscribe { display: -ms-flexbox; display: flex; } .mailchimp-subscribeemail-input { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0; padding: 0.25rem 1rem; } .mailchimp-subscribesubmit { border-top-left-radius: 0; border-bottom-left-radius: 0; padding: 0.65rem 1.25rem; } / Article for Jungle skin / .articlefeatured-image { display: block; margin-bottom: 1.95rem; } .articlecontent > :last-child { margin-bottom: 0; } .articletitle { font-size: 2.1rem; margin-bottom: 1rem; word-break: break-word; } .articlemeta { font-size: 0.9rem; font-weight: bold; color: #999999; border-bottom: 2px solid #f5f7fa; padding-bottom: 1rem; margin-bottom: 1.7rem; } .articlemeta a { color: #999999; transition: all 100ms ease-out; } .articlemeta a:focus, .articlemeta a:hover { color: #000000; text-decoration: none; } .articletaxonomies { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; font-weight: bold; text-transform: uppercase; border: 2px solid #f5f7fa; border-left: 0; border-right: 0; padding: 1.2rem 0 1.3rem; margin-top: 3rem; margin-bottom: 2rem; } .articletaxonomies-categories a { position: relative; display: inline-block; font-size: 0.6rem; background-color: #999999; color: #ffffff; border-radius: 3px; padding: 0.15rem 0.45rem; margin-right: 0.3rem; margin-bottom: 0.2rem; transition: all 100ms ease-out; } .articletaxonomies-categories a::after { position: absolute; content: ''; display: none; background-color: transparent; left: 0; right: 0; bottom: -2px; height: 2px; } .articletaxonomies-categories a:focus, .articletaxonomies-categories a:hover { background-color: #8a8a8a; color: #ffffff; text-decoration: none; transform: translateY(-2px); } .articletaxonomies-categories a:focus::after, .articletaxonomies-categories a:hover::after { display: block; } .articletaxonomies-categories a:active:hover { background-color: #7a7a7a; color: #ffffff; text-decoration: none; } .articletaxonomies-tags { text-align: right; } .articletaxonomies-tags a { display: inline-block; color: #999999; font-size: 0.75rem; margin-left: 0.9rem; margin-bottom: 0.2rem; } .articletaxonomies-tags a:focus, .articletaxonomies-tags a:hover { text-decoration: none; color: #000000; } .article + .post-navigationcontainer { border-top: 0; padding-top: 0; } .article-grid { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; margin-bottom: auto; } .article-grid .article { -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 1.5rem; } .article-grid .article--2-columns { -ms-flex: 1 1 auto; flex: 1 1 auto; } @media (min-width: 576px) { .article-grid .article--2-columns { width: calc(50% - 1.5rem); } } @media (min-width: 576px) { .article-grid .article--2-columns:not(:nth-child(2n+1)) { margin-left: 1.5rem; } } .article-grid .article--3-columns { -ms-flex: 1 1 auto; flex: 1 1 auto; } @media (min-width: 576px) { .article-grid .article--3-columns { width: calc(50% - 1.5rem); } } @media (min-width: 992px) { .article-grid .article--3-columns { width: calc(33.33% - 2.5rem); margin-bottom: 2.5rem; } } @media (min-width: 576px) { .article-grid .article--3-columns:not(:nth-child(2n+1)) { margin-left: 1.5rem; } } @media (min-width: 992px) { .article-grid .article--3-columns:not(:nth-child(2n+1)) { margin-left: auto; } } @media (min-width: 992px) { .article-grid .article--3-columns:not(:nth-child(3n+1)) { margin-left: 2.5rem; } } .article-grid .article--4-columns { -ms-flex: 1 1 auto; flex: 1 1 auto; } @media (min-width: 576px) { .article-grid .article--4-columns { width: calc(50% - 1.5rem); } } @media (min-width: 992px) { .article-grid .article--4-columns { width: calc(25% - 1.5rem); } } @media (min-width: 576px) { .article-grid .article--4-columns:not(:nth-child(2n+1)) { margin-left: 1.5rem; } } @media (min-width: 992px) { .article-grid .article--4-columns:not(:nth-child(2n+1)) { margin-left: auto; } } @media (min-width: 992px) { .article-grid .article--4-columns:not(:nth-child(4n+1)) { margin-left: 1.5rem; } } .article-grid .articlecontainer { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 100%; transition: all 100ms ease-out; } .article-grid .articlecontainer::after { position: absolute; content: ''; display: none; background-color: transparent; left: 0; right: 0; bottom: -0.5rem; height: 0.5rem; } .article-grid .articlecontainer:focus, .article-grid .articlecontainer:hover { text-decoration: none; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2); transform: translateY(-0.5rem); } .article-grid .articlecontainer:focus::after, .article-grid .articlecontainer:hover::after { display: block; } .article-grid .articlecontainer:focus .articlecontent, .article-grid .articlecontainer:hover .articlecontent { background-color: #ffffff; } .article-grid .articlecontainer:focus .articlemore-link, .article-grid .articlecontainer:hover .articlemore-link { color: #3a7bb8; } .article-grid .articlefeatured-image { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; margin-bottom: 0; } .article-grid .articlefeatured-image + .articlecontent { border-top: 0; } .article-grid .articlecontent { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: justify; align-content: space-between; -ms-flex: 1 1 auto; flex: 1 1 auto; background-color: #f5f7fa; padding: 1.35rem 2rem 1.7rem; transition: all 100ms ease-out; } .article-grid .articledate { display: inline-block; font-size: 0.7rem; color: #999999; margin-bottom: 0.65rem; } .article-grid .articletitle { font-size: 0.9rem; line-height: 1.5; margin-bottom: 0; } .article-grid .articlemore-link { position: relative; display: inline-block; font-size: 0.75rem; font-weight: bold; text-transform: uppercase; color: #3a7bb8; width: 100%; margin-top: 1.45rem; } .article-grid .articlemore-link::after { content: '\f30b'; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-left: 0.5rem; } .article-grid .sticky .articlecontent { background-color: #ffffff; border: 2px solid #f5f7fa; } /* Article Margins / h1, h2, h3, h4, h5, h6 { margin-bottom: 1.4rem; } h1 + p .aligncenter, h1 + p .alignnone, h2 + p .aligncenter, h2 + p .alignnone, h3 + p .aligncenter, h3 + p .alignnone, h4 + p .aligncenter, h4 + p .alignnone, h5 + p .aligncenter, h5 + p .alignnone, h6 + p .aligncenter, h6 + p .alignnone { margin-top: 1.95rem; } h1 + .aligncenter, h1 + .alignnone, h1 + pre, h1 + table, h2 + .aligncenter, h2 + .alignnone, h2 + pre, h2 + table, h3 + .aligncenter, h3 + .alignnone, h3 + pre, h3 + table, h4 + .aligncenter, h4 + .alignnone, h4 + pre, h4 + table, h5 + .aligncenter, h5 + .alignnone, h5 + pre, h5 + table, h6 + .aligncenter, h6 + .alignnone, h6 + pre, h6 + table { margin-top: 1.95rem; } p, dl, ul, ol, address { margin-bottom: 1.5rem; } p + h1, p + h2, p + h3, p + h4, p + h5, p + h6, dl + h1, dl + h2, dl + h3, dl + h4, dl + h5, dl + h6, ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6, ol + h1, ol + h2, ol + h3, ol + h4, ol + h5, ol + h6, address + h1, address + h2, address + h3, address + h4, address + h5, address + h6 { margin-top: 3.75rem; } p + p .aligncenter, p + p .alignnone, dl + p .aligncenter, dl + p .alignnone, ul + p .aligncenter, ul + p .alignnone, ol + p .aligncenter, ol + p .alignnone, address + p .aligncenter, address + p .alignnone { margin-top: 2.05rem; } p + .aligncenter, p + .alignnone, p + pre, p + table, dl + .aligncenter, dl + .alignnone, dl + pre, dl + table, ul + .aligncenter, ul + .alignnone, ul + pre, ul + table, ol + .aligncenter, ol + .alignnone, ol + pre, ol + table, address + .aligncenter, address + .alignnone, address + pre, address + table { margin-top: 2.05rem; } pre, table, .embed-responsive { margin-bottom: 1.95rem; } pre + h1, pre + h2, pre + h3, pre + h4, pre + h5, pre + h6, table + h1, table + h2, table + h3, table + h4, table + h5, table + h6, .embed-responsive + h1, .embed-responsive + h2, .embed-responsive + h3, .embed-responsive + h4, .embed-responsive + h5, .embed-responsive + h6 { margin-top: 4.2rem; } / Meta / .meta { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 576px) { .meta { -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; } } .metaitem { position: relative; } @media (min-width: 576px) { .metaitem:not(:last-child)::after { content: '•'; color: #999999; margin: 0 0.7rem; } } .metaitem--author { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0.25rem; } @media (min-width: 576px) { .metaitem--author { margin-bottom: 0; } } .metaitem--author .avatar { border-radius: 50%; margin-right: 1rem; } .metaitem--author .author-text { margin-right: 0.25rem; } / WordPress Specific / .alignnone, .aligncenter, .alignright, .alignleft { display: block; max-width: 100%; height: auto; } .alignnone img, .alignnone video, .alignnone figure, .aligncenter img, .aligncenter video, .aligncenter figure, .alignright img, .alignright video, .alignright figure, .alignleft img, .alignleft video, .alignleft figure { display: block; max-width: 100%; height: auto; } .alignnone { margin: 0 0 1.95rem; } .aligncenter { margin: 0 auto 1.95rem; } .alignleft { float: left; margin: 0.4rem 1.25rem 1.95rem 0; } .alignright { float: right; margin: 0.4rem 0 1.95rem 1.25rem; } .wp-caption.alignnone { margin: 0 0 1.6rem; } .wp-caption.aligncenter { margin: 0 auto 1.6rem; } .wp-caption.alignleft { margin: 0.4rem 1.25rem 1.1rem 0; } .wp-caption.alignright { margin: 0.4rem 0 1.1rem 1.25rem; } .wp-caption img { margin: 0; } .wp-caption .wp-caption-text { font-size: 0.75rem; text-align: center; font-weight: bold; font-style: italic; color: #a9aeb6; margin: 0.6rem 0.25rem 0; } .gallery-item { display: inline-block; text-align: left; vertical-align: top; margin: 0 0 1.5rem; padding: 0 1rem 0 0; width: 50%; } @media (min-width: 768px) { .gallery-item { max-width: 25%; } } .gallery-item a img { display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: filter .2s ease-in; } .gallery-item a:focus img, .gallery-item a:hover img { filter: opacity(60%); } .gallery-item a, .gallery-item a:focus, .gallery-item a:hover { display: inline-block; background-color: none; box-shadow: none; max-width: 100%; } .gallery-caption { display: block; text-align: left; padding: 0 0.5rem 0 0; margin-bottom: 0; max-width: 100%; } .gallery-columns-1 .gallery-item { width: 100%; } @media (min-width: 768px) { .gallery-columns-1 .gallery-item { max-width: 100%; } } .gallery-columns-2 .gallery-item { max-width: 50%; } @media (min-width: 768px) { .gallery-columns-2 .gallery-item { max-width: 50%; } } @media (min-width: 768px) { .gallery-columns-3 .gallery-item { max-width: 33.33%; } } @media (min-width: 768px) { .gallery-columns-4 .gallery-item { max-width: 25%; } } @media (min-width: 992px) { .gallery-columns-5 .gallery-item { max-width: 20%; } } @media (min-width: 992px) { .gallery-columns-6 .gallery-item { max-width: 16.66%; } } table, th, td { border: 1px solid rgba(0, 0, 0, 0.1); } table { border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.5rem; width: 100%; / Prevents HTML tables from becoming too wide / } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; font-weight: bold; } td { border-width: 0 1px 1px 0; } th, td { padding: 0.5rem; } @media (max-width: 767.98px) { .post-password-form label { width: 100%; } } .post-password-form label input { text-shadow: none; font-weight: normal; background-color: #f4f4f4; color: #666666; border: 0; border-radius: 3px; margin-top: 0.1rem; transition: all 100ms ease-out; } .post-password-form label input:focus { background-color: #f4f4f4; color: #666666; outline: none; } .post-password-form input { background-color: #f39f39; border: 1px solid #f39f39; height: 2.25rem; color: #ffffff; font-size: 0.75rem; font-weight: bold; border-radius: 3px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); padding: 0 0.5rem; } @media (max-width: 767.98px) { .post-password-form input { width: 100%; } } .bypostauthor { position: static; } .multi-page { margin-top: 1.5rem; } .multi-page .btn { padding: 0.175rem 0.5rem; margin-right: 0.1rem; } / WordPress Widgets for Jungle skin / / Applies to all widgets / .widget select, .widget img { max-width: 100%; height: auto; } / Calendar Widget / .widget_calendar table { width: 100%; border: 0; } .widget_calendar caption { background-color: #000000; color: #ffffff; padding: 0.25rem 0; text-align: center; border-radius: 3px; caption-side: inherit; } .widget_calendar thead th { padding: 0.25rem 0; text-align: center; background-color: rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.05); } .widget_calendar tbody td { padding: 0.15rem 0; text-align: center; border: 1px solid rgba(0, 0, 0, 0.05); } .widget_calendar tfoot td { padding: 0.25rem; border: 0; } .widget_calendar tfoot td:last-of-type a { float: right; } / Tag Cloud Widget / .widget_tag_cloud a { display: inline-block; font-size: 0.6rem; font-weight: bold; color: #000000; border: 1px solid #000000; border-radius: 1.5rem; padding: 0.25rem 0.6rem; margin-right: 0.25rem; margin-bottom: 0.25rem; transition: all 100ms ease-out; } .widget_tag_cloud a:focus, .widget_tag_cloud a:hover { text-decoration: none; background-color: #000000; color: #ffffff; border-color: #000000; } .widget_tag_cloud a:active:hover { background-color: black; color: #ffffff; border-color: black; } / Search Widget / .widget_search label { position: relative; border-radius: 3px; width: 100%; margin-bottom: 0; z-index: 10; } .widget_search .search-form { position: relative; } .widget_search .search-field { display: block; font-size: 0.7rem; color: #000000; border: 1px solid #dddddd; border-radius: 3px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); height: 2rem; padding: 0 2.5rem 0 1rem; transition: all 100ms ease-out; } .widget_search .search-field:hover { border-color: #999999; } .widget_search .search-field:focus { border-color: #000000; box-shadow: none; } .widget_search .search-submit { position: absolute; color: #000000; background-color: #ffc768; border: 0; border-radius: 3px; border-top-left-radius: 0; border-bottom-left-radius: 0; top: 0; right: 0; height: 2rem; width: 2.75rem; padding: 0; cursor: pointer; z-index: 10; } .widget_search .search-submit:focus { outline: none; } .widget_search .search-submit:focus, .widget_search .search-submit:hover { background-color: #ffbc49; } .widget_search .search-submiticon { font-size: 0.9rem; color: #333333; padding-top: 0.4rem; } .headerwidgets .widget_search { -ms-flex: 1 0 0px; flex: 1 0 0; } .header__widgets .widget_search .search-field { border: 1px solid #ffffff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .header__widgets .widget_search .search-field:hover { border-color: #ffffff; } .header__widgets .widget_search .search-field:focus { border-color: #ffffff; box-shadow: none; } / Widgets With Lists / .widget_archive ul, .widget_pages ul, .widget_categories ul, .widget_meta ul, .widget_recent_comments ul, .widget_recent_entries ul, .widget_rss ul { padding-left: 0; list-style: none; padding-right: 0; } .widget_archive > ul > li:first-of-type::after, .widget_pages > ul > li:first-of-type::after, .widget_categories > ul > li:first-of-type::after, .widget_meta > ul > li:first-of-type::after, .widget_recent_comments > ul > li:first-of-type::after, .widget_recent_entries > ul > li:first-of-type::after, .widget_rss > ul > li:first-of-type::after { display: none; } .widget_archive li, .widget_pages li, .widget_categories li, .widget_meta li, .widget_recent_comments li, .widget_recent_entries li, .widget_rss li { position: relative; font-size: 0.7rem; } .widget_archive li::after, .widget_pages li::after, .widget_categories li::after, .widget_meta li::after, .widget_recent_comments li::after, .widget_recent_entries li::after, .widget_rss li::after { position: absolute; content: ''; background-color: rgba(0, 0, 0, 0.1); height: 1px; left: 0; right: 0; top: 0; } .widget_archive a, .widget_pages a, .widget_categories a, .widget_meta a, .widget_recent_comments a, .widget_recent_entries a, .widget_rss a { display: inline-block; color: #666666; font-weight: bold; word-wrap: break-word; padding: 0.6rem 0; } .widget_archive a:focus, .widget_archive a:hover, .widget_archive a:active:hover, .widget_pages a:focus, .widget_pages a:hover, .widget_pages a:active:hover, .widget_categories a:focus, .widget_categories a:hover, .widget_categories a:active:hover, .widget_meta a:focus, .widget_meta a:hover, .widget_meta a:active:hover, .widget_recent_comments a:focus, .widget_recent_comments a:hover, .widget_recent_comments a:active:hover, .widget_recent_entries a:focus, .widget_recent_entries a:hover, .widget_recent_entries a:active:hover, .widget_rss a:focus, .widget_rss a:hover, .widget_rss a:active:hover { color: #000000; text-decoration: none; } .widget_archive .children a, .widget_pages .children a, .widget_categories .children a, .widget_meta .children a, .widget_recent_comments .children a, .widget_recent_entries .children a, .widget_rss .children a { padding-left: 0.75rem; } .widget_archive .children .children a, .widget_pages .children .children a, .widget_categories .children .children a, .widget_meta .children .children a, .widget_recent_comments .children .children a, .widget_recent_entries .children .children a, .widget_rss .children .children a { padding-left: 1.5rem; } .widget_archive .children .children .children a, .widget_pages .children .children .children a, .widget_categories .children .children .children a, .widget_meta .children .children .children a, .widget_recent_comments .children .children .children a, .widget_recent_entries .children .children .children a, .widget_rss .children .children .children a { padding-left: 2.25rem; } .widget_recent_comments li { padding: 0.6rem 0; } .widget_recent_comments a { padding: 0; } .widget_rss li { padding-bottom: 1rem; } .widget_rss li::after { display: none; } .widget_rss a { padding: 0 0 0.25rem; } / Custom Menu / .widget_nav_menu ul { padding-left: 0; list-style: none; } .top .widget_nav_menu .menu { margin: 0; padding: 0; } .top .widget_nav_menu .menu > .menu-item { position: relative; display: inline-block; } .top .widget_nav_menu .menu > .menu-item:focus > .sub-menu, .top .widget_nav_menu .menu > .menu-item:hover > .sub-menu, .top .widget_nav_menu .menu > .menu-item[aria-expanded='true'] > .sub-menu { visibility: visible; opacity: 1; z-index: 60; } .top .widget_nav_menu .menu > .menu-item:first-of-type > a { padding-left: 0; } .top .widget_nav_menu .menu > .menu-item:last-of-type > a { padding-right: 0; } .top .widget_nav_menu .menu a { display: block; font-size: 0.65rem; text-transform: none; padding: 0.5rem 0.4rem; color: #bbbbbb; } .top .widget_nav_menu .menu a:focus, .top .widget_nav_menu .menu a:hover { color: #ffffff; text-decoration: none; } .top .widget_nav_menu .menu .sub-menu { position: absolute; visibility: hidden; opacity: 0; background-color: #141a22; left: -0.25rem; padding: 0.25rem 0; } .top .widget_nav_menu .menu .sub-menu .menu-item { position: relative; display: block; text-align: left; } .top .widget_nav_menu .menu .sub-menu .menu-item:focus > .sub-menu, .top .widget_nav_menu .menu .sub-menu .menu-item:hover > .sub-menu, .top .widget_nav_menu .menu .sub-menu .menu-item[aria-expanded='true'] > .sub-menu { visibility: visible; opacity: 1; } .top .widget_nav_menu .menu .sub-menu .menu-item:focus > a, .top .widget_nav_menu .menu .sub-menu .menu-item:hover > a, .top .widget_nav_menu .menu .sub-menu .menu-item[aria-expanded='true'] > a { background-color: #2b3749; } .top .widget_nav_menu .menu .sub-menu .menu-item:last-of-type > a { border-bottom: 0; } .top .widget_nav_menu .menu .sub-menu a { display: block; white-space: nowrap; color: #ffffff; background-color: #141a22; padding: 0.25rem 1.5rem 0.25rem 0.75rem; min-width: 4rem; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .top .widget_nav_menu .menu .sub-menu .sub-menu { left: 100%; top: 0; } .top .widget_nav_menu .menu .sub-menu .sub-menu a { border-left: 1px solid rgba(0, 0, 0, 0.05); } .content-area .widget_nav_menu a { display: block; font-size: 0.7rem; font-weight: bold; color: #000000; background-color: #f5f7fa; border: 1px solid #e6e6e6; padding: 0.725rem 1rem; transition: all 100ms ease-out; } .content-area .widget_nav_menu a:focus, .content-area .widget_nav_menu a:hover { text-decoration: none; background-color: #e5ebf3; } .content-area .widget_nav_menu .current-menu-item a { text-decoration: none; background-color: #ffffff; border-left: 2px solid #f39f39; } .content-area .widget_nav_menu .menu > .menu-item:first-of-type > a { border-top-left-radius: 3px; border-top-right-radius: 3px; } .content-area .widget_nav_menu .menu > .menu-item:last-of-type > a { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .content-area .widget_nav_menu .menu > .menu-item:not(:last-of-type) a { border-bottom: 0; } .content-area .widget_nav_menu .sub-menu a { padding-left: 2rem; } .content-area .widget_nav_menu .sub-menu .sub-menu a { padding-left: 3rem; } .content-area .widget_nav_menu .sub-menu .sub-menu .sub-menu a { padding-left: 4rem; } .content-area .widget_nav_menu .sub-menu .sub-menu .sub-menu .sub-menu a { padding-left: 5rem; } .footer .widget_nav_menu a { display: block; padding: 0.2rem 0; } @media (min-width: 992px) { .footer .widget_nav_menu a { padding: 0 0 0.2rem; } } .footer .widget_nav_menu .sub-menu { padding-left: 0.5rem; } .textwidget > p:last-of-type { margin-bottom: 0; } / Pagination for Jungle skin / .pagination { font-size: 0.7rem; font-weight: bold; text-align: center; width: 100%; margin-top: 1.25rem; } .pagination .page-numbers { display: inline-block; line-height: 2.25rem; color: #000000; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); width: 2.35rem; height: 2.35rem; margin: 0 0.15rem; transition: all 100ms ease-out; } .pagination .page-numbers:focus, .pagination .page-numbers:hover { text-shadow: none; text-decoration: none; background-color: #f5f7fa; border-color: #cacfd7; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .pagination .current { text-shadow: none; background-color: #fff5e9; border: 1px solid #f39f39; box-shadow: 0 0 4px rgba(255, 194, 105, 0.33); } .pagination .current:hover { background-color: #fff5e9; border: 1px solid #f39f39; } .pagination .prev, .pagination .next { width: 100%; } @media (min-width: 768px) { .pagination .prev, .pagination .next { width: 2.35rem; } } .pagination .prev { margin-bottom: 0.5rem; } @media (min-width: 768px) { .pagination .prev { margin-bottom: 0; } } .pagination .next { margin-top: 1rem; } @media (min-width: 768px) { .pagination .next { margin-top: 0; } } .pagination .dots { background-color: transparent; box-shadow: none; margin: 0; border: 0; } .pagination .dots:focus, .pagination .dots:hover { background-color: transparent; box-shadow: none; } / Comments / .comments { margin-top: 2rem; } .commentsheading { font-size: 1.2rem; margin-bottom: 1.15rem; } .comments .logged-in-as { font-size: 0.8rem; margin-top: -0.5rem; } .comments .logged-in-as a { color: #999999; } .comment { padding-left: 0; list-style: none; } .commentinner { display: inline-block; background-color: #f4f4f4; border-radius: 3px; width: 100%; margin-bottom: 1.5rem; padding: 1.6rem 2.2rem; } .commentavatar { float: left; margin-right: 1.5rem; } .commentavatar img { border-radius: 50%; } .comment .comment-reply-link, .comment .comment-edit-link { font-size: 0.7rem; font-weight: bold; text-transform: uppercase; color: #999999; margin-left: 0.5rem; padding-left: 0.5rem; } .commentdate { font-size: 0.7rem; color: #999999; } .commentauthor { display: inline-block; font-size: 0.7rem; font-weight: bold; font-style: normal; line-height: 1.2; color: #000000; margin-top: 0.1rem; margin-bottom: 0.05rem; } .commentauthor a { color: #000000; } .commentauthor a:focus, .commentauthor a:hover, .commentauthor a:active:hover { color: #000000; } .commentmetadata { display: inline-block; font-size: 0.7rem; margin-top: 0.1rem; float: right; } .commenttext { font-size: 0.8rem; margin-top: 0.75rem; } .commenttext p:last-of-type { margin-bottom: 0; } .comment-form input, .comment-form textarea { padding: 1.025rem 1rem; } @media (min-width: 992px) { .comment-form input, .comment-form textarea { margin-bottom: 0.75rem; } } .comment .children { margin-bottom: 0; } @media (max-width: 767.98px) { .comment .children { padding-left: 0.5rem; } } .comment-notes { margin-bottom: 1.15rem; } .comment-respond .form-submit { text-align: right; margin-bottom: 0; } .comment-reply-title { margin-bottom: 0; } .comment-form-cookies-consent input, .comment-form-cookies-consent label { display: inline; } .comment-form-cookies-consent input { transform: translateY(-0.15rem); margin-right: 0.15rem; } .pingback { list-style: none; } / Post Navigation / .post-navigation { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; font-weight: bold; margin-bottom: 1.5rem; } .post-navigation:focus, .post-navigation:hover { text-decoration: none; } .post-navigation:focus .post-navigationtitle, .post-navigation:hover .post-navigationtitle { text-decoration: underline; } .post-navigationcontainer { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; border-top: 2px solid #f4f4f4; padding-top: 1.25rem; margin-top: 2.25rem; } @media (min-width: 576px) { .post-navigationcontainer { -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; } } .post-navigation--previous { border-bottom: 1px solid #f4f4f4; padding-bottom: 1rem; margin-bottom: 1rem; } @media (min-width: 576px) { .post-navigation--previous { padding-right: 1.5rem; margin-right: 15px; padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } } @media (min-width: 576px) { .post-navigation--next { text-align: right; padding-left: 1.5rem; } } .post-navigationtext { font-size: 0.7rem; text-transform: uppercase; color: #999999; margin-bottom: 0.25rem; } .post-navigation__title { font-size: 0.9rem; color: #000000; } / Gutenberg Core / .wp-block-quote { font-style: italic; border-left: 3px solid rgba(0, 0, 0, 0.5); padding-left: 1rem; } .wp-block-quote cite { font-size: 80%; font-style: normal; } .wp-block-quote cite::before { content: '\2014\00A0'; } .wp-block-quote.is-style-large { font-style: normal; position: relative; padding: 0; border: 0; margin: 0 0 1.5rem 1rem; font-size: 120%; } @media (min-width: 768px) { .wp-block-quote.is-style-large { margin-left: -30px; margin-right: -30px; } } @media (min-width: 992px) { .wp-block-quote.is-style-large { margin-left: -2.5rem; margin-right: -2.5rem; } } .wp-block-quote.is-style-large::before { color: rgba(0, 0, 0, 0.1); content: '\201C'; font-family: serif; position: absolute; font-size: 12rem; top: -4.8rem; left: -2.6rem; } .wp-block-quote.is-style-large p { font-style: normal; font-size: unset; } .wp-block-pullquote.is-style-default { border-top: 3px solid #f39f39; border-bottom: 3px solid #f39f39; } .wp-block-image figcaption { font-size: unset; color: unset; } .wp-block-image.alignwide, .wp-block-image.alignfull { max-width: none; margin-left: -15px; margin-right: -15px; } @media (min-width: 768px) { .wp-block-image.alignwide, .wp-block-image.alignfull { margin-left: -30px; margin-right: -30px; } } @media (min-width: 992px) { .wp-block-image.alignwide, .wp-block-image.alignfull { margin-left: -2.5rem; margin-right: -2.5rem; } } @media (min-width: 1200px) { .wp-block-image.alignwide, .wp-block-image.alignfull { margin-left: -4rem; margin-right: -4rem; } } /! Font Awesome Free 5.14.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) / @font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: 400; font-display: block; src: url("../../../node_modules/@fortawesome/fontawesome-free/webfonts/fa-brands-400.eot"); src: url("../../../node_modules/@fortawesome/fontawesome-free/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../../../node_modules/@fortawesome/fontawesome-free/webfonts/fa-brands-400.woff2") format("woff2"), url("../../../node_modules/@fortawesome/fontawesome-free/webfonts/fa-brands-400.woff") format("woff"), url("../../../node_modules/@fortawesome/fontawesome-free/webfonts/fa-brands-400.ttf") format("truetype"), url("../../../node_modules/@fortawesome/fontawesome-free/webfonts/fa-brands-400.svg#fontawesome") format("svg"); } .fab { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } /! Font Awesome Free 5.14.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) / @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 400; font-display: block; src: url("../../../node_modules/@fortawesome/fontawesome-free/webfonts/fa-regular-400.eot"); src: url("../../../node_modules/@fortawesome/fontawesome-free/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../../../node_modules/@fortawesome/fontawesome-free/webfonts/fa-regular-400.woff2") format("woff2"), url("../../../node_modules/@fortawesome/fontawesome-free/webfonts/fa-regular-400.woff") format("woff"), url("../../../node_modules/@fortawesome/fontawesome-free/webfonts/fa-regular-400.ttf") format("truetype"), url("../../../node_modules/@fortawesome/fontawesome-free/webfonts/fa-regular-400.svg#fontawesome") format("svg"); } .far { font-family: 'Font Awesome 5 Free'; font-weight: 400; } /! Font Awesome Free 5.14.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) / @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: block; src: url("../../../node_modules/@fortawesome/fontawesome-free/webfonts/fa-solid-900.eot"); src: url("../../../node_modules/@fortawesome/fontawesome-free/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../../../node_modules/@fortawesome/fontawesome-free/webfonts/fa-solid-900.woff2") format("woff2"), url("../../../node_modules/@fortawesome/fontawesome-free/webfonts/fa-solid-900.woff") format("woff"), url("../../../node_modules/@fortawesome/fontawesome-free/webfonts/fa-solid-900.ttf") format("truetype"), url("../../../node_modules/@fortawesome/fontawesome-free/webfonts/fa-solid-900.svg#fontawesome") format("svg"); } .fa, .fas { font-family: 'Font Awesome 5 Free'; font-weight: 900; } /! Font Awesome Free 5.14.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) / .fa, .fas, .far, .fal, .fad, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.333333em; line-height: 0.75em; vertical-align: -.0667em; } .fa-xs { font-size: .75em; } .fa-sm { font-size: .875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: .3em; } .fa-spin { animation: fa-spin 2s infinite linear; } .fa-pulse { animation: fa-spin 1s infinite steps(8); } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } / Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons / .fa-500px:before { content: "\f26e"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-acquisitions-incorporated:before { content: "\f6af"; } .fa-ad:before { content: "\f641"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adobe:before { content: "\f778"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-air-freshener:before { content: "\f5d0"; } .fa-airbnb:before { content: "\f834"; } .fa-algolia:before { content: "\f36c"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-alipay:before { content: "\f642"; } .fa-allergies:before { content: "\f461"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angry:before { content: "\f556"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-ankh:before { content: "\f644"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-alt:before { content: "\f5d1"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-archway:before { content: "\f557"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-artstation:before { content: "\f77a"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-atlas:before { content: "\f558"; } .fa-atlassian:before { content: "\f77b"; } .fa-atom:before { content: "\f5d2"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-award:before { content: "\f559"; } .fa-aws:before { content: "\f375"; } .fa-baby:before { content: "\f77c"; } .fa-baby-carriage:before { content: "\f77d"; } .fa-backspace:before { content: "\f55a"; } .fa-backward:before { content: "\f04a"; } .fa-bacon:before { content: "\f7e5"; } .fa-bacteria:before { content: "\e059"; } .fa-bacterium:before { content: "\e05a"; } .fa-bahai:before { content: "\f666"; } .fa-balance-scale:before { content: "\f24e"; } .fa-balance-scale-left:before { content: "\f515"; } .fa-balance-scale-right:before { content: "\f516"; } .fa-ban:before { content: "\f05e"; } .fa-band-aid:before { content: "\f462"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-barcode:before { content: "\f02a"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-battle-net:before { content: "\f835"; } .fa-bed:before { content: "\f236"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bezier-curve:before { content: "\f55b"; } .fa-bible:before { content: "\f647"; } .fa-bicycle:before { content: "\f206"; } .fa-biking:before { content: "\f84a"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-biohazard:before { content: "\f780"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blender:before { content: "\f517"; } .fa-blender-phone:before { content: "\f6b6"; } .fa-blind:before { content: "\f29d"; } .fa-blog:before { content: "\f781"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-bone:before { content: "\f5d7"; } .fa-bong:before { content: "\f55c"; } .fa-book:before { content: "\f02d"; } .fa-book-dead:before { content: "\f6b7"; } .fa-book-medical:before { content: "\f7e6"; } .fa-book-open:before { content: "\f518"; } .fa-book-reader:before { content: "\f5da"; } .fa-bookmark:before { content: "\f02e"; } .fa-bootstrap:before { content: "\f836"; } .fa-border-all:before { content: "\f84c"; } .fa-border-none:before { content: "\f850"; } .fa-border-style:before { content: "\f853"; } .fa-bowling-ball:before { content: "\f436"; } .fa-box:before { content: "\f466"; } .fa-box-open:before { content: "\f49e"; } .fa-box-tissue:before { content: "\e05b"; } .fa-boxes:before { content: "\f468"; } .fa-braille:before { content: "\f2a1"; } .fa-brain:before { content: "\f5dc"; } .fa-bread-slice:before { content: "\f7ec"; } .fa-briefcase:before { content: "\f0b1"; } .fa-briefcase-medical:before { content: "\f469"; } .fa-broadcast-tower:before { content: "\f519"; } .fa-broom:before { content: "\f51a"; } .fa-brush:before { content: "\f55d"; } .fa-btc:before { content: "\f15a"; } .fa-buffer:before { content: "\f837"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-burn:before { content: "\f46a"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-bus:before { content: "\f207"; } .fa-bus-alt:before { content: "\f55e"; } .fa-business-time:before { content: "\f64a"; } .fa-buy-n-large:before { content: "\f8a6"; } .fa-buysellads:before { content: "\f20d"; } .fa-calculator:before { content: "\f1ec"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-day:before { content: "\f783"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-times:before { content: "\f273"; } .fa-calendar-week:before { content: "\f784"; } .fa-camera:before { content: "\f030"; } .fa-camera-retro:before { content: "\f083"; } .fa-campground:before { content: "\f6bb"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-candy-cane:before { content: "\f786"; } .fa-cannabis:before { content: "\f55f"; } .fa-capsules:before { content: "\f46b"; } .fa-car:before { content: "\f1b9"; } .fa-car-alt:before { content: "\f5de"; } .fa-car-battery:before { content: "\f5df"; } .fa-car-crash:before { content: "\f5e1"; } .fa-car-side:before { content: "\f5e4"; } .fa-caravan:before { content: "\f8ff"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-carrot:before { content: "\f787"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cash-register:before { content: "\f788"; } .fa-cat:before { content: "\f6be"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-centercode:before { content: "\f380"; } .fa-centos:before { content: "\f789"; } .fa-certificate:before { content: "\f0a3"; } .fa-chair:before { content: "\f6c0"; } .fa-chalkboard:before { content: "\f51b"; } .fa-chalkboard-teacher:before { content: "\f51c"; } .fa-charging-station:before { content: "\f5e7"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-pie:before { content: "\f200"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-double:before { content: "\f560"; } .fa-check-square:before { content: "\f14a"; } .fa-cheese:before { content: "\f7ef"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-rook:before { content: "\f447"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chrome:before { content: "\f268"; } .fa-chromecast:before { content: "\f838"; } .fa-church:before { content: "\f51d"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-city:before { content: "\f64f"; } .fa-clinic-medical:before { content: "\f7f2"; } .fa-clipboard:before { content: "\f328"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-meatball:before { content: "\f73b"; } .fa-cloud-moon:before { content: "\f6c3"; } .fa-cloud-moon-rain:before { content: "\f73c"; } .fa-cloud-rain:before { content: "\f73d"; } .fa-cloud-showers-heavy:before { content: "\f740"; } .fa-cloud-sun:before { content: "\f6c4"; } .fa-cloud-sun-rain:before { content: "\f743"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-cocktail:before { content: "\f561"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-coins:before { content: "\f51e"; } .fa-columns:before { content: "\f0db"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comment-dollar:before { content: "\f651"; } .fa-comment-dots:before { content: "\f4ad"; } .fa-comment-medical:before { content: "\f7f5"; } .fa-comment-slash:before { content: "\f4b3"; } .fa-comments:before { content: "\f086"; } .fa-comments-dollar:before { content: "\f653"; } .fa-compact-disc:before { content: "\f51f"; } .fa-compass:before { content: "\f14e"; } .fa-compress:before { content: "\f066"; } .fa-compress-alt:before { content: "\f422"; } .fa-compress-arrows-alt:before { content: "\f78c"; } .fa-concierge-bell:before { content: "\f562"; } .fa-confluence:before { content: "\f78d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-contao:before { content: "\f26d"; } .fa-cookie:before { content: "\f563"; } .fa-cookie-bite:before { content: "\f564"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-cotton-bureau:before { content: "\f89e"; } .fa-couch:before { content: "\f4b8"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-creative-commons-zero:before { content: "\f4f3"; } .fa-credit-card:before { content: "\f09d"; } .fa-critical-role:before { content: "\f6c9"; } .fa-crop:before { content: "\f125"; } .fa-crop-alt:before { content: "\f565"; } .fa-cross:before { content: "\f654"; } .fa-crosshairs:before { content: "\f05b"; } .fa-crow:before { content: "\f520"; } .fa-crown:before { content: "\f521"; } .fa-crutch:before { content: "\f7f7"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-d-and-d-beyond:before { content: "\f6ca"; } .fa-dailymotion:before { content: "\e052"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-deezer:before { content: "\e077"; } .fa-delicious:before { content: "\f1a5"; } .fa-democrat:before { content: "\f747"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-dev:before { content: "\f6cc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-dharmachakra:before { content: "\f655"; } .fa-dhl:before { content: "\f790"; } .fa-diagnoses:before { content: "\f470"; } .fa-diaspora:before { content: "\f791"; } .fa-dice:before { content: "\f522"; } .fa-dice-d20:before { content: "\f6cf"; } .fa-dice-d6:before { content: "\f6d1"; } .fa-dice-five:before { content: "\f523"; } .fa-dice-four:before { content: "\f524"; } .fa-dice-one:before { content: "\f525"; } .fa-dice-six:before { content: "\f526"; } .fa-dice-three:before { content: "\f527"; } .fa-dice-two:before { content: "\f528"; } .fa-digg:before { content: "\f1a6"; } .fa-digital-ocean:before { content: "\f391"; } .fa-digital-tachograph:before { content: "\f566"; } .fa-directions:before { content: "\f5eb"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-disease:before { content: "\f7fa"; } .fa-divide:before { content: "\f529"; } .fa-dizzy:before { content: "\f567"; } .fa-dna:before { content: "\f471"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dog:before { content: "\f6d3"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dolly:before { content: "\f472"; } .fa-dolly-flatbed:before { content: "\f474"; } .fa-donate:before { content: "\f4b9"; } .fa-door-closed:before { content: "\f52a"; } .fa-door-open:before { content: "\f52b"; } .fa-dot-circle:before { content: "\f192"; } .fa-dove:before { content: "\f4ba"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-drafting-compass:before { content: "\f568"; } .fa-dragon:before { content: "\f6d5"; } .fa-draw-polygon:before { content: "\f5ee"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-dropbox:before { content: "\f16b"; } .fa-drum:before { content: "\f569"; } .fa-drum-steelpan:before { content: "\f56a"; } .fa-drumstick-bite:before { content: "\f6d7"; } .fa-drupal:before { content: "\f1a9"; } .fa-dumbbell:before { content: "\f44b"; } .fa-dumpster:before { content: "\f793"; } .fa-dumpster-fire:before { content: "\f794"; } .fa-dungeon:before { content: "\f6d9"; } .fa-dyalog:before { content: "\f399"; } .fa-earlybirds:before { content: "\f39a"; } .fa-ebay:before { content: "\f4f4"; } .fa-edge:before { content: "\f282"; } .fa-edge-legacy:before { content: "\e078"; } .fa-edit:before { content: "\f044"; } .fa-egg:before { content: "\f7fb"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ello:before { content: "\f5f1"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-text:before { content: "\f658"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-equals:before { content: "\f52c"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-ethernet:before { content: "\f796"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-evernote:before { content: "\f839"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-alt:before { content: "\f424"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fan:before { content: "\f863"; } .fa-fantasy-flight-games:before { content: "\f6dc"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-faucet:before { content: "\e005"; } .fa-fax:before { content: "\f1ac"; } .fa-feather:before { content: "\f52d"; } .fa-feather-alt:before { content: "\f56b"; } .fa-fedex:before { content: "\f797"; } .fa-fedora:before { content: "\f798"; } .fa-female:before { content: "\f182"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-figma:before { content: "\f799"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-contract:before { content: "\f56c"; } .fa-file-csv:before { content: "\f6dd"; } .fa-file-download:before { content: "\f56d"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-export:before { content: "\f56e"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-import:before { content: "\f56f"; } .fa-file-invoice:before { content: "\f570"; } .fa-file-invoice-dollar:before { content: "\f571"; } .fa-file-medical:before { content: "\f477"; } .fa-file-medical-alt:before { content: "\f478"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-prescription:before { content: "\f572"; } .fa-file-signature:before { content: "\f573"; } .fa-file-upload:before { content: "\f574"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-fill:before { content: "\f575"; } .fa-fill-drip:before { content: "\f576"; } .fa-film:before { content: "\f008"; } .fa-filter:before { content: "\f0b0"; } .fa-fingerprint:before { content: "\f577"; } .fa-fire:before { content: "\f06d"; } .fa-fire-alt:before { content: "\f7e4"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-firefox:before { content: "\f269"; } .fa-firefox-browser:before { content: "\e007"; } .fa-first-aid:before { content: "\f479"; } .fa-first-order:before { content: "\f2b0"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-fish:before { content: "\f578"; } .fa-fist-raised:before { content: "\f6de"; } .fa-flag:before { content: "\f024"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flag-usa:before { content: "\f74d"; } .fa-flask:before { content: "\f0c3"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-flushed:before { content: "\f579"; } .fa-fly:before { content: "\f417"; } .fa-folder:before { content: "\f07b"; } .fa-folder-minus:before { content: "\f65d"; } .fa-folder-open:before { content: "\f07c"; } .fa-folder-plus:before { content: "\f65e"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-font-awesome-logo-full:before { content: "\f4e6"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-frog:before { content: "\f52e"; } .fa-frown:before { content: "\f119"; } .fa-frown-open:before { content: "\f57a"; } .fa-fulcrum:before { content: "\f50b"; } .fa-funnel-dollar:before { content: "\f662"; } .fa-futbol:before { content: "\f1e3"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-gamepad:before { content: "\f11b"; } .fa-gas-pump:before { content: "\f52f"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-ghost:before { content: "\f6e2"; } .fa-gift:before { content: "\f06b"; } .fa-gifts:before { content: "\f79c"; } .fa-git:before { content: "\f1d3"; } .fa-git-alt:before { content: "\f841"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass-cheers:before { content: "\f79f"; } .fa-glass-martini:before { content: "\f000"; } .fa-glass-martini-alt:before { content: "\f57b"; } .fa-glass-whiskey:before { content: "\f7a0"; } .fa-glasses:before { content: "\f530"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-globe-africa:before { content: "\f57c"; } .fa-globe-americas:before { content: "\f57d"; } .fa-globe-asia:before { content: "\f57e"; } .fa-globe-europe:before { content: "\f7a2"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-pay:before { content: "\e079"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-gopuram:before { content: "\f664"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-greater-than:before { content: "\f531"; } .fa-greater-than-equal:before { content: "\f532"; } .fa-grimace:before { content: "\f57f"; } .fa-grin:before { content: "\f580"; } .fa-grin-alt:before { content: "\f581"; } .fa-grin-beam:before { content: "\f582"; } .fa-grin-beam-sweat:before { content: "\f583"; } .fa-grin-hearts:before { content: "\f584"; } .fa-grin-squint:before { content: "\f585"; } .fa-grin-squint-tears:before { content: "\f586"; } .fa-grin-stars:before { content: "\f587"; } .fa-grin-tears:before { content: "\f588"; } .fa-grin-tongue:before { content: "\f589"; } .fa-grin-tongue-squint:before { content: "\f58a"; } .fa-grin-tongue-wink:before { content: "\f58b"; } .fa-grin-wink:before { content: "\f58c"; } .fa-grip-horizontal:before { content: "\f58d"; } .fa-grip-lines:before { content: "\f7a4"; } .fa-grip-lines-vertical:before { content: "\f7a5"; } .fa-grip-vertical:before { content: "\f58e"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-guitar:before { content: "\f7a6"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hackerrank:before { content: "\f5f7"; } .fa-hamburger:before { content: "\f805"; } .fa-hammer:before { content: "\f6e3"; } .fa-hamsa:before { content: "\f665"; } .fa-hand-holding:before { content: "\f4bd"; } .fa-hand-holding-heart:before { content: "\f4be"; } .fa-hand-holding-medical:before { content: "\e05c"; } .fa-hand-holding-usd:before { content: "\f4c0"; } .fa-hand-holding-water:before { content: "\f4c1"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-middle-finger:before { content: "\f806"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-sparkles:before { content: "\e05d"; } .fa-hand-spock:before { content: "\f259"; } .fa-hands:before { content: "\f4c2"; } .fa-hands-helping:before { content: "\f4c4"; } .fa-hands-wash:before { content: "\e05e"; } .fa-handshake:before { content: "\f2b5"; } .fa-handshake-alt-slash:before { content: "\e05f"; } .fa-handshake-slash:before { content: "\e060"; } .fa-hanukiah:before { content: "\f6e6"; } .fa-hard-hat:before { content: "\f807"; } .fa-hashtag:before { content: "\f292"; } .fa-hat-cowboy:before { content: "\f8c0"; } .fa-hat-cowboy-side:before { content: "\f8c1"; } .fa-hat-wizard:before { content: "\f6e8"; } .fa-hdd:before { content: "\f0a0"; } .fa-head-side-cough:before { content: "\e061"; } .fa-head-side-cough-slash:before { content: "\e062"; } .fa-head-side-mask:before { content: "\e063"; } .fa-head-side-virus:before { content: "\e064"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-headphones-alt:before { content: "\f58f"; } .fa-headset:before { content: "\f590"; } .fa-heart:before { content: "\f004"; } .fa-heart-broken:before { content: "\f7a9"; } .fa-heartbeat:before { content: "\f21e"; } .fa-helicopter:before { content: "\f533"; } .fa-highlighter:before { content: "\f591"; } .fa-hiking:before { content: "\f6ec"; } .fa-hippo:before { content: "\f6ed"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hockey-puck:before { content: "\f453"; } .fa-holly-berry:before { content: "\f7aa"; } .fa-home:before { content: "\f015"; } .fa-hooli:before { content: "\f427"; } .fa-hornbill:before { content: "\f592"; } .fa-horse:before { content: "\f6f0"; } .fa-horse-head:before { content: "\f7ab"; } .fa-hospital:before { content: "\f0f8"; } .fa-hospital-alt:before { content: "\f47d"; } .fa-hospital-symbol:before { content: "\f47e"; } .fa-hospital-user:before { content: "\f80d"; } .fa-hot-tub:before { content: "\f593"; } .fa-hotdog:before { content: "\f80f"; } .fa-hotel:before { content: "\f594"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-house-damage:before { content: "\f6f1"; } .fa-house-user:before { content: "\e065"; } .fa-houzz:before { content: "\f27c"; } .fa-hryvnia:before { content: "\f6f2"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-i-cursor:before { content: "\f246"; } .fa-ice-cream:before { content: "\f810"; } .fa-icicles:before { content: "\f7ad"; } .fa-icons:before { content: "\f86d"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-id-card-alt:before { content: "\f47f"; } .fa-ideal:before { content: "\e013"; } .fa-igloo:before { content: "\f7ae"; } .fa-image:before { content: "\f03e"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-infinity:before { content: "\f534"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-instagram:before { content: "\f16d"; } .fa-instagram-square:before { content: "\e055"; } .fa-intercom:before { content: "\f7af"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-invision:before { content: "\f7b0"; } .fa-ioxhost:before { content: "\f208"; } .fa-italic:before { content: "\f033"; } .fa-itch-io:before { content: "\f83a"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-java:before { content: "\f4e4"; } .fa-jedi:before { content: "\f669"; } .fa-jedi-order:before { content: "\f50e"; } .fa-jenkins:before { content: "\f3b6"; } .fa-jira:before { content: "\f7b1"; } .fa-joget:before { content: "\f3b7"; } .fa-joint:before { content: "\f595"; } .fa-joomla:before { content: "\f1aa"; } .fa-journal-whills:before { content: "\f66a"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-kaaba:before { content: "\f66b"; } .fa-kaggle:before { content: "\f5fa"; } .fa-key:before { content: "\f084"; } .fa-keybase:before { content: "\f4f5"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-khanda:before { content: "\f66d"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-kiss:before { content: "\f596"; } .fa-kiss-beam:before { content: "\f597"; } .fa-kiss-wink-heart:before { content: "\f598"; } .fa-kiwi-bird:before { content: "\f535"; } .fa-korvue:before { content: "\f42f"; } .fa-landmark:before { content: "\f66f"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laptop-code:before { content: "\f5fc"; } .fa-laptop-house:before { content: "\e066"; } .fa-laptop-medical:before { content: "\f812"; } .fa-laravel:before { content: "\f3bd"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-laugh:before { content: "\f599"; } .fa-laugh-beam:before { content: "\f59a"; } .fa-laugh-squint:before { content: "\f59b"; } .fa-laugh-wink:before { content: "\f59c"; } .fa-layer-group:before { content: "\f5fd"; } .fa-leaf:before { content: "\f06c"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-less-than:before { content: "\f536"; } .fa-less-than-equal:before { content: "\f537"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-line:before { content: "\f3c0"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location-arrow:before { content: "\f124"; } .fa-lock:before { content: "\f023"; } .fa-lock-open:before { content: "\f3c1"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luggage-cart:before { content: "\f59d"; } .fa-lungs:before { content: "\f604"; } .fa-lungs-virus:before { content: "\e067"; } .fa-lyft:before { content: "\f3c3"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-mail-bulk:before { content: "\f674"; } .fa-mailchimp:before { content: "\f59e"; } .fa-male:before { content: "\f183"; } .fa-mandalorian:before { content: "\f50f"; } .fa-map:before { content: "\f279"; } .fa-map-marked:before { content: "\f59f"; } .fa-map-marked-alt:before { content: "\f5a0"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-markdown:before { content: "\f60f"; } .fa-marker:before { content: "\f5a1"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mask:before { content: "\f6fa"; } .fa-mastodon:before { content: "\f4f6"; } .fa-maxcdn:before { content: "\f136"; } .fa-mdb:before { content: "\f8ca"; } .fa-medal:before { content: "\f5a2"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-megaport:before { content: "\f5a3"; } .fa-meh:before { content: "\f11a"; } .fa-meh-blank:before { content: "\f5a4"; } .fa-meh-rolling-eyes:before { content: "\f5a5"; } .fa-memory:before { content: "\f538"; } .fa-mendeley:before { content: "\f7b3"; } .fa-menorah:before { content: "\f676"; } .fa-mercury:before { content: "\f223"; } .fa-meteor:before { content: "\f753"; } .fa-microblog:before { content: "\e01a"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-alt-slash:before { content: "\f539"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microscope:before { content: "\f610"; } .fa-microsoft:before { content: "\f3ca"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-square:before { content: "\f146"; } .fa-mitten:before { content: "\f7b5"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mixer:before { content: "\e056"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill:before { content: "\f0d6"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-money-bill-wave:before { content: "\f53a"; } .fa-money-bill-wave-alt:before { content: "\f53b"; } .fa-money-check:before { content: "\f53c"; } .fa-money-check-alt:before { content: "\f53d"; } .fa-monument:before { content: "\f5a6"; } .fa-moon:before { content: "\f186"; } .fa-mortar-pestle:before { content: "\f5a7"; } .fa-mosque:before { content: "\f678"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mountain:before { content: "\f6fc"; } .fa-mouse:before { content: "\f8cc"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-mug-hot:before { content: "\f7b6"; } .fa-music:before { content: "\f001"; } .fa-napster:before { content: "\f3d2"; } .fa-neos:before { content: "\f612"; } .fa-network-wired:before { content: "\f6ff"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nimblr:before { content: "\f5a8"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-not-equal:before { content: "\f53e"; } .fa-notes-medical:before { content: "\f481"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-oil-can:before { content: "\f613"; } .fa-old-republic:before { content: "\f510"; } .fa-om:before { content: "\f679"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-orcid:before { content: "\f8d2"; } .fa-osi:before { content: "\f41a"; } .fa-otter:before { content: "\f700"; } .fa-outdent:before { content: "\f03b"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-pager:before { content: "\f815"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-paint-roller:before { content: "\f5aa"; } .fa-palette:before { content: "\f53f"; } .fa-palfed:before { content: "\f3d8"; } .fa-pallet:before { content: "\f482"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-parachute-box:before { content: "\f4cd"; } .fa-paragraph:before { content: "\f1dd"; } .fa-parking:before { content: "\f540"; } .fa-passport:before { content: "\f5ab"; } .fa-pastafarianism:before { content: "\f67b"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paypal:before { content: "\f1ed"; } .fa-peace:before { content: "\f67c"; } .fa-pen:before { content: "\f304"; } .fa-pen-alt:before { content: "\f305"; } .fa-pen-fancy:before { content: "\f5ac"; } .fa-pen-nib:before { content: "\f5ad"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pencil-ruler:before { content: "\f5ae"; } .fa-penny-arcade:before { content: "\f704"; } .fa-people-arrows:before { content: "\e068"; } .fa-people-carry:before { content: "\f4ce"; } .fa-pepper-hot:before { content: "\f816"; } .fa-percent:before { content: "\f295"; } .fa-percentage:before { content: "\f541"; } .fa-periscope:before { content: "\f3da"; } .fa-person-booth:before { content: "\f756"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-phone:before { content: "\f095"; } .fa-phone-alt:before { content: "\f879"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-square-alt:before { content: "\f87b"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-photo-video:before { content: "\f87c"; } .fa-php:before { content: "\f457"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-square:before { content: "\e01e"; } .fa-piggy-bank:before { content: "\f4d3"; } .fa-pills:before { content: "\f484"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-pizza-slice:before { content: "\f818"; } .fa-place-of-worship:before { content: "\f67f"; } .fa-plane:before { content: "\f072"; } .fa-plane-arrival:before { content: "\f5af"; } .fa-plane-departure:before { content: "\f5b0"; } .fa-plane-slash:before { content: "\e069"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-poll:before { content: "\f681"; } .fa-poll-h:before { content: "\f682"; } .fa-poo:before { content: "\f2fe"; } .fa-poo-storm:before { content: "\f75a"; } .fa-poop:before { content: "\f619"; } .fa-portrait:before { content: "\f3e0"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-pray:before { content: "\f683"; } .fa-praying-hands:before { content: "\f684"; } .fa-prescription:before { content: "\f5b1"; } .fa-prescription-bottle:before { content: "\f485"; } .fa-prescription-bottle-alt:before { content: "\f486"; } .fa-print:before { content: "\f02f"; } .fa-procedures:before { content: "\f487"; } .fa-product-hunt:before { content: "\f288"; } .fa-project-diagram:before { content: "\f542"; } .fa-pump-medical:before { content: "\e06a"; } .fa-pump-soap:before { content: "\e06b"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-quran:before { content: "\f687"; } .fa-r-project:before { content: "\f4f7"; } .fa-radiation:before { content: "\f7b9"; } .fa-radiation-alt:before { content: "\f7ba"; } .fa-rainbow:before { content: "\f75b"; } .fa-random:before { content: "\f074"; } .fa-raspberry-pi:before { content: "\f7bb"; } .fa-ravelry:before { content: "\f2d9"; } .fa-react:before { content: "\f41b"; } .fa-reacteurope:before { content: "\f75d"; } .fa-readme:before { content: "\f4d5"; } .fa-rebel:before { content: "\f1d0"; } .fa-receipt:before { content: "\f543"; } .fa-record-vinyl:before { content: "\f8d9"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redhat:before { content: "\f7bc"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-registered:before { content: "\f25d"; } .fa-remove-format:before { content: "\f87d"; } .fa-renren:before { content: "\f18b"; } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-republican:before { content: "\f75e"; } .fa-researchgate:before { content: "\f4f8"; } .fa-resolving:before { content: "\f3e7"; } .fa-restroom:before { content: "\f7bd"; } .fa-retweet:before { content: "\f079"; } .fa-rev:before { content: "\f5b2"; } .fa-ribbon:before { content: "\f4d6"; } .fa-ring:before { content: "\f70b"; } .fa-road:before { content: "\f018"; } .fa-robot:before { content: "\f544"; } .fa-rocket:before { content: "\f135"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-route:before { content: "\f4d7"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-ruler:before { content: "\f545"; } .fa-ruler-combined:before { content: "\f546"; } .fa-ruler-horizontal:before { content: "\f547"; } .fa-ruler-vertical:before { content: "\f548"; } .fa-running:before { content: "\f70c"; } .fa-rupee-sign:before { content: "\f156"; } .fa-rust:before { content: "\e07a"; } .fa-sad-cry:before { content: "\f5b3"; } .fa-sad-tear:before { content: "\f5b4"; } .fa-safari:before { content: "\f267"; } .fa-salesforce:before { content: "\f83b"; } .fa-sass:before { content: "\f41e"; } .fa-satellite:before { content: "\f7bf"; } .fa-satellite-dish:before { content: "\f7c0"; } .fa-save:before { content: "\f0c7"; } .fa-schlix:before { content: "\f3ea"; } .fa-school:before { content: "\f549"; } .fa-screwdriver:before { content: "\f54a"; } .fa-scribd:before { content: "\f28a"; } .fa-scroll:before { content: "\f70e"; } .fa-sd-card:before { content: "\f7c2"; } .fa-search:before { content: "\f002"; } .fa-search-dollar:before { content: "\f688"; } .fa-search-location:before { content: "\f689"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-seedling:before { content: "\f4d8"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-shapes:before { content: "\f61f"; } .fa-share:before { content: "\f064"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-shield-virus:before { content: "\e06c"; } .fa-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shoe-prints:before { content: "\f54b"; } .fa-shopify:before { content: "\e057"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shopware:before { content: "\f5b5"; } .fa-shower:before { content: "\f2cc"; } .fa-shuttle-van:before { content: "\f5b6"; } .fa-sign:before { content: "\f4d9"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-signature:before { content: "\f5b7"; } .fa-sim-card:before { content: "\f7c4"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sink:before { content: "\e06d"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-sith:before { content: "\f512"; } .fa-skating:before { content: "\f7c5"; } .fa-sketch:before { content: "\f7c6"; } .fa-skiing:before { content: "\f7c9"; } .fa-skiing-nordic:before { content: "\f7ca"; } .fa-skull:before { content: "\f54c"; } .fa-skull-crossbones:before { content: "\f714"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-slash:before { content: "\f715"; } .fa-sleigh:before { content: "\f7cc"; } .fa-sliders-h:before { content: "\f1de"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-smile-beam:before { content: "\f5b8"; } .fa-smile-wink:before { content: "\f4da"; } .fa-smog:before { content: "\f75f"; } .fa-smoking:before { content: "\f48d"; } .fa-smoking-ban:before { content: "\f54d"; } .fa-sms:before { content: "\f7cd"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snowboarding:before { content: "\f7ce"; } .fa-snowflake:before { content: "\f2dc"; } .fa-snowman:before { content: "\f7d0"; } .fa-snowplow:before { content: "\f7d2"; } .fa-soap:before { content: "\e06e"; } .fa-socks:before { content: "\f696"; } .fa-solar-panel:before { content: "\f5ba"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-down-alt:before { content: "\f881"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-alpha-up-alt:before { content: "\f882"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-down-alt:before { content: "\f884"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-amount-up-alt:before { content: "\f885"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-down-alt:before { content: "\f886"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-numeric-up-alt:before { content: "\f887"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-spa:before { content: "\f5bb"; } .fa-space-shuttle:before { content: "\f197"; } .fa-speakap:before { content: "\f3f3"; } .fa-speaker-deck:before { content: "\f83c"; } .fa-spell-check:before { content: "\f891"; } .fa-spider:before { content: "\f717"; } .fa-spinner:before { content: "\f110"; } .fa-splotch:before { content: "\f5bc"; } .fa-spotify:before { content: "\f1bc"; } .fa-spray-can:before { content: "\f5bd"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-square-root-alt:before { content: "\f698"; } .fa-squarespace:before { content: "\f5be"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-stackpath:before { content: "\f842"; } .fa-stamp:before { content: "\f5bf"; } .fa-star:before { content: "\f005"; } .fa-star-and-crescent:before { content: "\f699"; } .fa-star-half:before { content: "\f089"; } .fa-star-half-alt:before { content: "\f5c0"; } .fa-star-of-david:before { content: "\f69a"; } .fa-star-of-life:before { content: "\f621"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-stopwatch-20:before { content: "\e06f"; } .fa-store:before { content: "\f54e"; } .fa-store-alt:before { content: "\f54f"; } .fa-store-alt-slash:before { content: "\e070"; } .fa-store-slash:before { content: "\e071"; } .fa-strava:before { content: "\f428"; } .fa-stream:before { content: "\f550"; } .fa-street-view:before { content: "\f21d"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-stroopwafel:before { content: "\f551"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-suitcase-rolling:before { content: "\f5c1"; } .fa-sun:before { content: "\f185"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-surprise:before { content: "\f5c2"; } .fa-suse:before { content: "\f7d6"; } .fa-swatchbook:before { content: "\f5c3"; } .fa-swift:before { content: "\f8e1"; } .fa-swimmer:before { content: "\f5c4"; } .fa-swimming-pool:before { content: "\f5c5"; } .fa-symfony:before { content: "\f83d"; } .fa-synagogue:before { content: "\f69b"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-syringe:before { content: "\f48e"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tablets:before { content: "\f490"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tape:before { content: "\f4db"; } .fa-tasks:before { content: "\f0ae"; } .fa-taxi:before { content: "\f1ba"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-teeth:before { content: "\f62e"; } .fa-teeth-open:before { content: "\f62f"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-temperature-high:before { content: "\f769"; } .fa-temperature-low:before { content: "\f76b"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-tenge:before { content: "\f7d7"; } .fa-terminal:before { content: "\f120"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-the-red-yeti:before { content: "\f69d"; } .fa-theater-masks:before { content: "\f630"; } .fa-themeco:before { content: "\f5c6"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer:before { content: "\f491"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-think-peaks:before { content: "\f731"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-tiktok:before { content: "\e07b"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-tint:before { content: "\f043"; } .fa-tint-slash:before { content: "\f5c7"; } .fa-tired:before { content: "\f5c8"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-toilet:before { content: "\f7d8"; } .fa-toilet-paper:before { content: "\f71e"; } .fa-toilet-paper-slash:before { content: "\e072"; } .fa-toolbox:before { content: "\f552"; } .fa-tools:before { content: "\f7d9"; } .fa-tooth:before { content: "\f5c9"; } .fa-torah:before { content: "\f6a0"; } .fa-torii-gate:before { content: "\f6a1"; } .fa-tractor:before { content: "\f722"; } .fa-trade-federation:before { content: "\f513"; } .fa-trademark:before { content: "\f25c"; } .fa-traffic-light:before { content: "\f637"; } .fa-trailer:before { content: "\e041"; } .fa-train:before { content: "\f238"; } .fa-tram:before { content: "\f7da"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-trash-restore:before { content: "\f829"; } .fa-trash-restore-alt:before { content: "\f82a"; } .fa-tree:before { content: "\f1bb"; } .fa-trello:before { content: "\f181"; } .fa-tripadvisor:before { content: "\f262"; } .fa-trophy:before { content: "\f091"; } .fa-truck:before { content: "\f0d1"; } .fa-truck-loading:before { content: "\f4de"; } .fa-truck-monster:before { content: "\f63b"; } .fa-truck-moving:before { content: "\f4df"; } .fa-truck-pickup:before { content: "\f63c"; } .fa-tshirt:before { content: "\f553"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-tv:before { content: "\f26c"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-ubuntu:before { content: "\f7df"; } .fa-uikit:before { content: "\f403"; } .fa-umbraco:before { content: "\f8e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-uniregistry:before { content: "\f404"; } .fa-unity:before { content: "\e049"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-unsplash:before { content: "\e07c"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-ups:before { content: "\f7e0"; } .fa-usb:before { content: "\f287"; } .fa-user:before { content: "\f007"; } .fa-user-alt:before { content: "\f406"; } .fa-user-alt-slash:before { content: "\f4fa"; } .fa-user-astronaut:before { content: "\f4fb"; } .fa-user-check:before { content: "\f4fc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-clock:before { content: "\f4fd"; } .fa-user-cog:before { content: "\f4fe"; } .fa-user-edit:before { content: "\f4ff"; } .fa-user-friends:before { content: "\f500"; } .fa-user-graduate:before { content: "\f501"; } .fa-user-injured:before { content: "\f728"; } .fa-user-lock:before { content: "\f502"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-minus:before { content: "\f503"; } .fa-user-ninja:before { content: "\f504"; } .fa-user-nurse:before { content: "\f82f"; } .fa-user-plus:before { content: "\f234"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-shield:before { content: "\f505"; } .fa-user-slash:before { content: "\f506"; } .fa-user-tag:before { content: "\f507"; } .fa-user-tie:before { content: "\f508"; } .fa-user-times:before { content: "\f235"; } .fa-users:before { content: "\f0c0"; } .fa-users-cog:before { content: "\f509"; } .fa-users-slash:before { content: "\e073"; } .fa-usps:before { content: "\f7e1"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-vaadin:before { content: "\f408"; } .fa-vector-square:before { content: "\f5cb"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-vial:before { content: "\f492"; } .fa-vials:before { content: "\f493"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-video-slash:before { content: "\f4e2"; } .fa-vihara:before { content: "\f6a7"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-virus:before { content: "\e074"; } .fa-virus-slash:before { content: "\e075"; } .fa-viruses:before { content: "\e076"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-voicemail:before { content: "\f897"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-mute:before { content: "\f6a9"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-up:before { content: "\f028"; } .fa-vote-yea:before { content: "\f772"; } .fa-vr-cardboard:before { content: "\f729"; } .fa-vuejs:before { content: "\f41f"; } .fa-walking:before { content: "\f554"; } .fa-wallet:before { content: "\f555"; } .fa-warehouse:before { content: "\f494"; } .fa-water:before { content: "\f773"; } .fa-wave-square:before { content: "\f83e"; } .fa-waze:before { content: "\f83f"; } .fa-weebly:before { content: "\f5cc"; } .fa-weibo:before { content: "\f18a"; } .fa-weight:before { content: "\f496"; } .fa-weight-hanging:before { content: "\f5cd"; } .fa-weixin:before { content: "\f1d7"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheelchair:before { content: "\f193"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-wind:before { content: "\f72e"; } .fa-window-close:before { content: "\f410"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-wine-bottle:before { content: "\f72f"; } .fa-wine-glass:before { content: "\f4e3"; } .fa-wine-glass-alt:before { content: "\f5ce"; } .fa-wix:before { content: "\f5cf"; } .fa-wizards-of-the-coast:before { content: "\f730"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wpressr:before { content: "\f3e4"; } .fa-wrench:before { content: "\f0ad"; } .fa-x-ray:before { content: "\f497"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yammer:before { content: "\f840"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yarn:before { content: "\f7e3"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yin-yang:before { content: "\f6ad"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .fa-zhihu:before { content: "\f63f"; } .sr-only, .screen-reader-text { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } @font-face { font-family: woonder-icons; src: url("../../fonts/woonder-icons.woff?wlu9of") format("woff"), url("../../fonts/woonder-icons.svg?wlu9of#woonder-icons") format("svg"); font-weight: normal; font-style: normal; } .ws { / use !important to prevent issues with browser extensions that change fonts / font-family: woonder-icons; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; / Better Font Rendering =========== / -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ws-yen .path1::before { content: '\e900'; color: #f39f39; } .ws-yen .path2::before { content: '\e901'; margin-left: -.7314453125em; color: #000000; } .ws-tag .path1::before { content: '\e902'; color: #f39f39; } .ws-tag .path2::before { content: '\e903'; margin-left: -.9970703125em; color: #000000; } .ws-tag .path3::before { content: '\e904'; margin-left: -.9970703125em; color: #000000; } .ws-return .path1::before { content: '\e905'; color: #000000; } .ws-return .path2::before { content: '\e906'; margin-left: -.9970703125em; color: #f39f39; } .ws-coins-1 .path1::before { content: '\e907'; color: #f39f39; } .ws-coins-1 .path2::before { content: '\e908'; margin-left: -.9970703125em; color: #000000; } .ws-coins-1 .path3::before { content: '\e909'; margin-left: -.9970703125em; color: #000000; } .ws-coins-1 .path4::before { content: '\e90a'; margin-left: -.9970703125em; color: #000000; } .ws-coins-1 .path5::before { content: '\e90b'; margin-left: -.9970703125em; color: #000000; } .ws-sign .path1::before { content: '\e90c'; color: #f39f39; } .ws-sign .path2::before { content: '\e90d'; margin-left: -.9970703125em; color: #000000; } .ws-sign .path3::before { content: '\e90e'; margin-left: -.9970703125em; color: #000000; } .ws-heart .path1::before { content: '\e90f'; color: #f39f39; } .ws-heart .path2::before { content: '\e910'; margin-left: -1.087890625em; color: #000000; } .ws-heart .path3::before { content: '\e911'; margin-left: -1.087890625em; color: #000000; } .ws-heart .path4::before { content: '\e912'; margin-left: -1.087890625em; color: #000000; } .ws-wallet .path1::before { content: '\e913'; color: #f39f39; } .ws-wallet .path2::before { content: '\e914'; margin-left: -1em; color: #000000; } .ws-wallet .path3::before { content: '\e915'; margin-left: -1em; color: #000000; } .ws-shopping-bag-2 .path1::before { content: '\e916'; color: #f39f39; } .ws-shopping-bag-2 .path2::before { content: '\e917'; margin-left: -.9560546875em; color: #000000; } .ws-shopping-bag-2 .path3::before { content: '\e918'; margin-left: -.9560546875em; color: #000000; } .ws-shopping-bag-2 .path4::before { content: '\e919'; margin-left: -.9560546875em; color: #000000; } .ws-delivery-truck-1 .path1::before { content: '\e91a'; color: #f39f39; } .ws-delivery-truck-1 .path2::before { content: '\e91b'; margin-left: -.9970703125em; color: #000000; } .ws-delivery-truck-1 .path3::before { content: '\e91c'; margin-left: -.9970703125em; color: #000000; } .ws-delivery-truck-1 .path4::before { content: '\e91d'; margin-left: -.9970703125em; color: #000000; } .ws-delivery-truck .path1::before { content: '\e91e'; color: #f39f39; } .ws-delivery-truck .path2::before { content: '\e91f'; margin-left: -1.40625em; color: #000000; } .ws-ticket .path1::before { content: '\e920'; color: #f39f39; } .ws-ticket .path2::before { content: '\e921'; margin-left: -.9970703125em; color: #000000; } .ws-ticket .path3::before { content: '\e922'; margin-left: -.9970703125em; color: #000000; } .ws-task .path1::before { content: '\e923'; color: #f39f39; } .ws-task .path2::before { content: '\e924'; margin-left: -.9560546875em; color: #000000; } .ws-task .path3::before { content: '\e925'; margin-left: -.9560546875em; color: #000000; } .ws-task .path4::before { content: '\e926'; margin-left: -.9560546875em; color: #000000; } .ws-task .path5::before { content: '\e927'; margin-left: -.9560546875em; color: #000000; } .ws-task .path6::before { content: '\e928'; margin-left: -.9560546875em; color: #000000; } .ws-task .path7::before { content: '\e929'; margin-left: -.9560546875em; color: #000000; } .ws-task .path8::before { content: '\e92a'; margin-left: -.9560546875em; color: #000000; } .ws-task .path9::before { content: '\e92b'; margin-left: -.9560546875em; color: #000000; } .ws-task .path10::before { content: '\e92c'; margin-left: -.9560546875em; color: #000000; } .ws-chat .path1::before { content: '\e92d'; color: #f39f39; } .ws-chat .path2::before { content: '\e92e'; margin-left: -1em; color: #f39f39; } .ws-chat .path3::before { content: '\e92f'; margin-left: -1em; color: #000000; } .ws-chat .path4::before { content: '\e930'; margin-left: -1em; color: #000000; } .ws-shopping-basket .path1::before { content: '\e931'; color: #f39f39; } .ws-shopping-basket .path2::before { content: '\e932'; margin-left: -.9970703125em; color: #000000; } .ws-shopping-basket .path3::before { content: '\e933'; margin-left: -.9970703125em; color: #000000; } .ws-shopping-basket .path4::before { content: '\e934'; margin-left: -.9970703125em; color: #000000; } .ws-shopping-basket .path5::before { content: '\e935'; margin-left: -.9970703125em; color: #000000; } .ws-shopping-bag-1 .path1::before { content: '\e936'; color: #f39f39; } .ws-shopping-bag-1 .path2::before { content: '\e937'; margin-left: -.748046875em; color: #000000; } .ws-shopping-bag-1 .path3::before { content: '\e938'; margin-left: -.748046875em; color: #000000; } .ws-loupe .path1::before { content: '\e939'; color: #f39f39; } .ws-loupe .path2::before { content: '\e93a'; margin-left: -.9970703125em; color: #000000; } .ws-loupe .path3::before { content: '\e93b'; margin-left: -.9970703125em; color: #000000; } .ws-percentage .path1::before { content: '\e93c'; color: #000000; } .ws-percentage .path2::before { content: '\e93d'; margin-left: -1em; color: #f39f39; } .ws-percentage .path3::before { content: '\e93e'; margin-left: -1em; color: #000000; } .ws-percentage .path4::before { content: '\e93f'; margin-left: -1em; color: #000000; } .ws-percentage .path5::before { content: '\e940'; margin-left: -1em; color: #000000; } .ws-review .path1::before { content: '\e941'; color: #f39f39; } .ws-review .path2::before { content: '\e942'; margin-left: -1em; color: #000000; } .ws-review .path3::before { content: '\e943'; margin-left: -1em; color: #000000; } .ws-review .path4::before { content: '\e944'; margin-left: -1em; color: #000000; } .ws-receipt .path1::before { content: '\e945'; color: #f39f39; } .ws-receipt .path2::before { content: '\e946'; margin-left: -.873046875em; color: #000000; } .ws-receipt .path3::before { content: '\e947'; margin-left: -.873046875em; color: #000000; } .ws-receipt .path4::before { content: '\e948'; margin-left: -.873046875em; color: #000000; } .ws-receipt .path5::before { content: '\e949'; margin-left: -.873046875em; color: #000000; } .ws-receipt .path6::before { content: '\e94a'; margin-left: -.873046875em; color: #000000; } .ws-smartphone-1 .path1::before { content: '\e94b'; color: #000000; } .ws-smartphone-1 .path2::before { content: '\e94c'; margin-left: -1.041015625em; color: #f39f39; } .ws-smartphone-1 .path3::before { content: '\e94d'; margin-left: -1.041015625em; color: #000000; } .ws-smartphone .path1::before { content: '\e94e'; color: #000000; } .ws-smartphone .path2::before { content: '\e94f'; margin-left: -.9970703125em; color: #f39f39; } .ws-smartphone .path3::before { content: '\e950'; margin-left: -.9970703125em; color: #000000; } .ws-smartphone .path4::before { content: '\e951'; margin-left: -.9970703125em; color: #000000; } .ws-smartphone .path5::before { content: '\e952'; margin-left: -.9970703125em; color: #000000; } .ws-atm .path1::before { content: '\e953'; color: #f39f39; } .ws-atm .path2::before { content: '\e954'; margin-left: -1.087890625em; color: #000000; } .ws-atm .path3::before { content: '\e955'; margin-left: -1.087890625em; color: #000000; } .ws-email .path1::before { content: '\e956'; color: #000000; } .ws-email .path2::before { content: '\e957'; margin-left: -1.59375em; color: #000000; } .ws-email .path3::before { content: '\e958'; margin-left: -1.59375em; color: #f39f39; } .ws-email .path4::before { content: '\e959'; margin-left: -1.59375em; color: #000000; } .ws-email .path5::before { content: '\e95a'; margin-left: -1.59375em; color: #000000; } .ws-pin .path1::before { content: '\e95b'; color: #000000; } .ws-pin .path2::before { content: '\e95c'; margin-left: -.7900390625em; color: #f39f39; } .ws-pin .path3::before { content: '\e95d'; margin-left: -.7900390625em; color: #000000; } .ws-list .path1::before { content: '\e95e'; color: #000000; } .ws-list .path2::before { content: '\e95f'; margin-left: -.8310546875em; color: #f39f39; } .ws-list .path3::before { content: '\e960'; margin-left: -.8310546875em; color: #000000; } .ws-list .path4::before { content: '\e961'; margin-left: -.8310546875em; color: #000000; } .ws-list .path5::before { content: '\e962'; margin-left: -.8310546875em; color: #000000; } .ws-list .path6::before { content: '\e963'; margin-left: -.8310546875em; color: #000000; } .ws-hanger-1 .path1::before { content: '\e964'; color: #f39f39; } .ws-hanger-1 .path2::before { content: '\e965'; margin-left: -1.3291015625em; color: #000000; } .ws-hanger-1 .path3::before { content: '\e966'; margin-left: -1.3291015625em; color: #000000; } .ws-hanger .path1::before { content: '\e967'; color: #f39f39; } .ws-hanger .path2::before { content: '\e968'; margin-left: -1.494140625em; color: #000000; } .ws-gift .path1::before { content: '\e969'; color: #f39f39; } .ws-gift .path2::before { content: '\e96a'; margin-left: -.9970703125em; color: #000000; } .ws-gift-bag .path1::before { content: '\e96b'; color: #f39f39; } .ws-gift-bag .path2::before { content: '\e96c'; margin-left: -1.041015625em; color: #000000; } .ws-package-2 .path1::before { content: '\e96d'; color: #f39f39; } .ws-package-2 .path2::before { content: '\e96e'; margin-left: -1.2587890625em; color: #000000; } .ws-package-2 .path3::before { content: '\e96f'; margin-left: -1.2587890625em; color: #000000; } .ws-package-2 .path4::before { content: '\e970'; margin-left: -1.2587890625em; color: #000000; } .ws-package-2 .path5::before { content: '\e971'; margin-left: -1.2587890625em; color: #000000; } .ws-dollar .path1::before { content: '\e972'; color: #f39f39; } .ws-dollar .path2::before { content: '\e973'; margin-left: -.6650390625em; color: #000000; } .ws-euro .path1::before { content: '\e974'; color: #f39f39; } .ws-euro .path2::before { content: '\e975'; margin-left: -.69140625em; color: #000000; } .ws-coins .path1::before { content: '\e976'; color: #f39f39; } .ws-coins .path2::before { content: '\e977'; margin-left: -.7060546875em; color: #000000; } .ws-coins .path3::before { content: '\e978'; margin-left: -.7060546875em; color: #000000; } .ws-cursor .path1::before { content: '\e979'; color: #000000; } .ws-cursor .path2::before { content: '\e97a'; margin-left: -.9970703125em; color: #f39f39; } .ws-cursor .path3::before { content: '\e97b'; margin-left: -.9970703125em; color: #000000; } .ws-cursor .path4::before { content: '\e97c'; margin-left: -.9970703125em; color: #000000; } .ws-cursor .path5::before { content: '\e97d'; margin-left: -.9970703125em; color: #000000; } .ws-online-banking .path1::before { content: '\e97e'; color: #f39f39; } .ws-online-banking .path2::before { content: '\e97f'; margin-left: -.9560546875em; color: #000000; } .ws-online-banking .path3::before { content: '\e980'; margin-left: -.9560546875em; color: #000000; } .ws-cash-1 .path1::before { content: '\e981'; color: #f39f39; } .ws-cash-1 .path2::before { content: '\e982'; margin-left: -1.1962890625em; color: #000000; } .ws-cash-1 .path3::before { content: '\e983'; margin-left: -1.1962890625em; color: #000000; } .ws-cash-1 .path4::before { content: '\e984'; margin-left: -1.1962890625em; color: #000000; } .ws-cash .path1::before { content: '\e985'; color: #f39f39; } .ws-cash .path2::before { content: '\e986'; margin-left: -1.70703125em; color: #000000; } .ws-cash .path3::before { content: '\e987'; margin-left: -1.70703125em; color: #000000; } .ws-cash .path4::before { content: '\e988'; margin-left: -1.70703125em; color: #000000; } .ws-trolley .path1::before { content: '\e989'; color: #f39f39; } .ws-trolley .path2::before { content: '\e98a'; margin-left: -1.087890625em; color: #000000; } .ws-trolley .path3::before { content: '\e98b'; margin-left: -1.087890625em; color: #000000; } .ws-shopping-cart-2 .path1::before { content: '\e98c'; color: #f39f39; } .ws-shopping-cart-2 .path2::before { content: '\e98d'; margin-left: -.9970703125em; color: #000000; } .ws-shopping-cart-2 .path3::before { content: '\e98e'; margin-left: -.9970703125em; color: #000000; } .ws-shopping-cart-2 .path4::before { content: '\e98f'; margin-left: -.9970703125em; color: #000000; } .ws-shopping-cart-2 .path5::before { content: '\e990'; margin-left: -.9970703125em; color: #000000; } .ws-shopping-cart-1 .path1::before { content: '\e991'; color: #f39f39; } .ws-shopping-cart-1 .path2::before { content: '\e992'; margin-left: -.9970703125em; color: #000000; } .ws-shopping-cart .path1::before { content: '\e993'; color: #f39f39; } .ws-shopping-cart .path2::before { content: '\e994'; margin-left: -.9970703125em; color: #000000; } .ws-credit-card-1 .path1::before { content: '\e995'; color: #f39f39; } .ws-credit-card-1 .path2::before { content: '\e996'; margin-left: -.9970703125em; color: #000000; } .ws-credit-card-1 .path3::before { content: '\e997'; margin-left: -.9970703125em; color: #000000; } .ws-credit-card-1 .path4::before { content: '\e998'; margin-left: -.9970703125em; color: #000000; } .ws-credit-card-1 .path5::before { content: '\e999'; margin-left: -.9970703125em; color: #000000; } .ws-credit-card .path1::before { content: '\e99a'; color: #f39f39; } .ws-credit-card .path2::before { content: '\e99b'; margin-left: -1.494140625em; color: #000000; } .ws-credit-card .path3::before { content: '\e99c'; margin-left: -1.494140625em; color: #000000; } .ws-calculator .path1::before { content: '\e99d'; color: #f39f39; } .ws-calculator .path2::before { content: '\e99e'; margin-left: -.7900390625em; color: #000000; } .ws-calculator .path3::before { content: '\e99f'; margin-left: -.7900390625em; color: #000000; } .ws-calculator .path4::before { content: '\e9a0'; margin-left: -.7900390625em; color: #000000; } .ws-calculator .path5::before { content: '\e9a1'; margin-left: -.7900390625em; color: #000000; } .ws-calculator .path6::before { content: '\e9a2'; margin-left: -.7900390625em; color: #000000; } .ws-calculator .path7::before { content: '\e9a3'; margin-left: -.7900390625em; color: #000000; } .ws-calculator .path8::before { content: '\e9a4'; margin-left: -.7900390625em; color: #000000; } .ws-calculator .path9::before { content: '\e9a5'; margin-left: -.7900390625em; color: #000000; } .ws-calculator .path10::before { content: '\e9a6'; margin-left: -.7900390625em; color: #000000; } .ws-calculator .path11::before { content: '\e9a7'; margin-left: -.7900390625em; color: #000000; } .ws-calculator .path12::before { content: '\e9a8'; margin-left: -.7900390625em; color: #000000; } .ws-calculator .path13::before { content: '\e9a9'; margin-left: -.7900390625em; color: #000000; } .ws-package-1 .path1::before { content: '\e9aa'; color: #f39f39; } .ws-package-1 .path2::before { content: '\e9ab'; margin-left: -.9140625em; color: #000000; } .ws-package .path1::before { content: '\e9ac'; color: #f39f39; } .ws-package .path2::before { content: '\e9ad'; margin-left: -.875em; color: #000000; } .ws-medal .path1::before { content: '\e9ae'; color: #f39f39; } .ws-medal .path2::before { content: '\e9af'; margin-left: -.7900390625em; color: #000000; } .ws-medal .path3::before { content: '\e9b0'; margin-left: -.7900390625em; color: #000000; } .ws-barcode .path1::before { content: '\e9b1'; color: #f39f39; } .ws-barcode .path2::before { content: '\e9b2'; margin-left: -1.6337890625em; color: #f39f39; } .ws-barcode .path3::before { content: '\e9b3'; margin-left: -1.6337890625em; color: #f39f39; } .ws-barcode .path4::before { content: '\e9b4'; margin-left: -1.6337890625em; color: #f39f39; } .ws-barcode .path5::before { content: '\e9b5'; margin-left: -1.6337890625em; color: #f39f39; } .ws-barcode .path6::before { content: '\e9b6'; margin-left: -1.6337890625em; color: #f39f39; } .ws-barcode .path7::before { content: '\e9b7'; margin-left: -1.6337890625em; color: #000000; } .ws-barcode .path8::before { content: '\e9b8'; margin-left: -1.6337890625em; color: #000000; } .ws-barcode .path9::before { content: '\e9b9'; margin-left: -1.6337890625em; color: #000000; } .ws-barcode .path10::before { content: '\e9ba'; margin-left: -1.6337890625em; color: #000000; } .ws-barcode .path11::before { content: '\e9bb'; margin-left: -1.6337890625em; color: #000000; } .ws-barcode .path12::before { content: '\e9bc'; margin-left: -1.6337890625em; color: #000000; } .ws-shopping-bag .path1::before { content: '\e9bd'; color: #f39f39; } .ws-shopping-bag .path2::before { content: '\e9be'; margin-left: -.9580078125em; color: #000000; } .ws-shopping-bag .path3::before { content: '\e9bf'; margin-left: -.9580078125em; color: #000000; } .ws-shopping-bag .path4::before { content: '\e9c0'; margin-left: -.9580078125em; color: #000000; } .ws-worldwide .path1::before { content: '\e9c1'; color: #f39f39; } .ws-worldwide .path2::before { content: '\e9c2'; margin-left: -1em; color: #000000; } / Slider / .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /------------------------------------\ 05. WooCommerce \------------------------------------/ / WooCommerce Storefront code */ @font-face { font-family: star; src: url("../../../../../plugins/woocommerce/assets/fonts/star.eot"); src: url("../../../../../plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("../../../../../plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("../../../../../plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("../../../../../plugins/woocommerce/assets/fonts/star.svg#star") format("svg"); font-weight: normal; font-style: normal; } /** Shop tables */ table.shop_table_responsive thead { display: none; } table.shop_table_responsive tbody th { display: none; } table.shop_table_responsive tr td { display: block; clear: both; } table.shop_table_responsive tr td::before { content: attr(data-title) ": "; font-weight: 600; float: left; } table.shop_table_responsive tr td.product-remove a { text-align: left; } table.shop_table_responsive tr td.product-remove::before { display: none; } table.shop_table_responsive tr td.actions::before, table.shop_table_responsive tr td.download-actions::before { display: none; } table.shop_table_responsive tr td.download-actions .button { display: block; text-align: center; } /** Cart */ table.cart .product-thumbnail img { margin: 0 auto; max-width: 2.5rem; height: auto; } table.cart .product-thumbnail::before { display: none; } table.cart td.actions label { display: none; } table.cart td.actions input { display: block; width: 100%; margin: 0.15rem 0; } @media (min-width: 576px) { table.cart td.actions input { display: inline-block; width: auto; margin: 0; } } @media (min-width: 992px) { table.cart td.actions input { display: block; width: 100%; margin: 0.15rem 0; } } table.cart td.actions input[name='update_cart']:focus { outline: none; } /** Checkout 1 - Required to make the blockUI overlay cover the entire page rather than just the checkout form. We do this because otherwise our sticky order review can break out of the checkout form (and the blockUI element). / form.checkout { position: static !important; / 1 / } form.checkout::after { display: block; clear: both; content: ""; } form.checkout > .blockUI { position: fixed !important; / 1 */ } .blockUI::before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f110"; animation: fa-spin 1s infinite steps(8); height: 30px; width: 30px; line-height: 30px; font-size: 30px; position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px; } #payment::after { display: block; clear: both; content: ""; } #payment .create-account { clear: both; } #payment .payment_methods li .payment_box fieldset { border: 0; margin: 0; padding: 1em 0 0; font-size: 0.5rem; } #payment .payment_methods li .payment_box fieldset label { width: auto; margin-left: 0; } #payment .payment_methods li .payment_box fieldset .form-row { margin-bottom: 1em; } #payment .payment_methods li .payment_box fieldset .form-row input[type='checkbox'] { margin-right: 5px; } #payment .payment_methods li .payment_box fieldset #cvv { width: 22% !important; } #payment .payment_methods li .payment_box fieldset .help { width: 75%; float: right; } #payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods { padding-top: 1em; margin: 0; } #payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods li { margin-top: 0.1rem; } #payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods li input[type='radio'] { margin-right: .236em; } #payment .payment_methods li .payment_box ul.wc-saved-payment-methods { margin-left: 0; } #payment .payment_methods li .payment_box .wc-credit-card-form-card-number, #payment .payment_methods li .payment_box .wc-credit-card-form-card-expiry, #payment .payment_methods li .payment_box .wc-credit-card-form-card-cvc { font-size: 1rem; } #payment .payment_methods li .payment_box .wc-credit-card-form-card-number { background-repeat: no-repeat; background-position: right 0.1rem center; background-size: 31px 20px; background-image: url("../../../assets/images/credit-cards/unknown.svg"); } #payment .payment_methods li .payment_box .wc-credit-card-form-card-number.visa { background-image: url("../../../assets/images/credit-cards/visa.svg"); } #payment .payment_methods li .payment_box .wc-credit-card-form-card-number.mastercard { background-image: url("../../../assets/images/credit-cards/mastercard.svg"); } #payment .payment_methods li .payment_box .wc-credit-card-form-card-number.laser { background-image: url("../../../assets/images/credit-cards/laser.svg"); } #payment .payment_methods li .payment_box .wc-credit-card-form-card-number.dinersclub { background-image: url("../../../assets/images/credit-cards/diners.svg"); } #payment .payment_methods li .payment_box .wc-credit-card-form-card-number.maestro { background-image: url("../../../assets/images/credit-cards/maestro.svg"); } #payment .payment_methods li .payment_box .wc-credit-card-form-card-number.jcb { background-image: url("../../../assets/images/credit-cards/jcb.svg"); } #payment .payment_methods li .payment_box .wc-credit-card-form-card-number.amex { background-image: url("../../../assets/images/credit-cards/amex.svg"); } #payment .payment_methods li .payment_box .wc-credit-card-form-card-number.discover { background-image: url("../../../assets/images/credit-cards/discover.svg"); } #payment .terms { width: 100%; clear: both; float: none; margin-bottom: 0; margin-bottom: 0.75rem; } #payment .terms label { display: block; cursor: pointer; } #payment .woocommerce-terms-and-conditions { padding: 0.5rem; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); margin-bottom: 0.75rem; background-color: rgba(0, 0, 0, 0.05); } /** Password strength meter */ .woocommerce-password-strength { font-weight: 600; padding: 0.15rem 0; text-align: right; font-size: 0.5rem; } .woocommerce-password-strength.strong { color: #008f00; } .woocommerce-password-strength.short { color: #c00c00; } .woocommerce-password-strength.bad { color: #c00c00; } .woocommerce-password-strength.good { color: #3a7bb8; } /** General WooCommerce components */ .form-row label { display: block; font-size: 0.8rem; margin-bottom: 0.25rem; } .form-row input, .form-row textarea, .form-row select { width: 100%; } .form-row input[type='checkbox'], .form-row input[type='radio'] { width: auto; } .form-row .button { width: auto; } .form-row.create-account label { display: inline-block; } .form-row.woocommerce-validated input.input-text { border-color: #008f00; } .form-row.woocommerce-invalid input.input-text { border-color: #c00c00; } .form-row-last { margin-right: 0 !important; } .form-row-wide { clear: both; width: 100%; } .required { border-bottom: 0 !important; color: #c00c00; } .star-rating { position: relative; font-family: star; width: 5.25rem; height: 1.55rem; overflow: hidden; } .star-rating::before { content: '\53\53\53\53\53'; opacity: .25; top: 0; left: 0; position: absolute; } .star-rating > span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.55rem; } .star-rating > span::before { content: '\53\53\53\53\53'; top: 0; position: absolute; left: 0; color: #ffc768; } .woocommerce-form-login { font-size: 0.8rem; margin: 1.5rem 1rem; } @media (min-width: 992px) { .woocommerce-form-login { font-size: 1rem; margin: 0 30% 2.25rem; } } .woocommerce-form-login .form-row { width: 100%; margin-bottom: 1rem; } .woocommerce-form-login br { display: none; } .woocommerce-form-login .woocommerce-form__label-for-checkbox { margin-top: 1rem; } .woocommerce-form-login .lost_password { margin-bottom: 0; } @media (min-width: 992px) { .checkout_coupon .form-row-first { width: 52.9411764706%; margin-right: 5.8823529412%; margin-bottom: 2.25rem; } } @media (min-width: 992px) { .checkout_coupon .form-row-last { width: 41.1764705882%; margin-bottom: 2.25rem; } } dl.variation { font-size: 0.5rem; } dl.variation dd { margin: 0 0 1em; } .wc-item-meta { font-size: 0.5rem; margin-left: 0; list-style: none; } .wc-item-meta li::after { display: block; clear: both; content: ""; } .wc-item-meta li strong, .wc-item-meta li p { display: inline-block; } @media (min-width: 992px) { /** Responsive tables */ table.shop_table_responsive thead { display: table-header-group; } table.shop_table_responsive tbody th { display: table-cell; } table.shop_table_responsive tr td { display: table-cell; } table.shop_table_responsive tr td::before { display: none; } /** Single product page */ .single-product div.product .images .thumbnails::after { display: block; clear: both; content: ""; } .single-product div.product .images .thumbnails a.zoom { width: 14.2857142857%; float: left; margin-right: 14.2857142857%; } .single-product div.product .images .thumbnails a.zoom.last { float: right; margin-right: 0; } /** Cart */ .woocommerce-cart .hentry, .woocommerce-checkout .hentry { border-bottom: 0; padding-bottom: 0; } table.cart .qty { padding: 0.75rem 0.25rem 0.65rem; } table.cart td.actions { text-align: right; } table.cart td.actions label { display: none; } table.cart td.actions .coupon { padding-bottom: 0; margin-bottom: 0; border-bottom: none; display: inline-block; float: left; } table.cart td.actions input { display: inline-block; width: auto; margin: 0; } .cart-collaterals::after { display: block; clear: both; content: ""; } .cart-collaterals .cross-sells { width: 41.1764705882%; float: left; margin-right: 5.8823529412%; } .cart-collaterals .cross-sells ul.products li.product { width: 42.8571428571%; float: left; margin-right: 14.2857142857%; } .cart-collaterals .cross-sells ul.products li.product:nth-child(2n) { margin-right: 0 !important; } .cart-collaterals .cart_totals, .cart-collaterals .shipping_calculator { width: 52.9411764706%; float: right; margin: 0; clear: right; } .cart-collaterals .cart_totals small.includes_tax { display: block; } .cart-collaterals .shipping_calculator { clear: right; } /** Checkout */ .col2-set { width: 52.9411764706%; float: left; margin-right: 5.8823529412%; } .col2-set .form-row-first { width: 47.0588235294%; float: left; margin-right: 5.8823529412%; } .col2-set .form-row-last { width: 47.0588235294%; float: right; margin-right: 0; } .col2-set .col-1, .col2-set .col-2 { max-width: 100%; padding: 0; margin-bottom: 1.5rem; } .col2-set + #customer_details { display: none; } .col2-set .woocommerce-billing-fields::after { display: block; clear: both; content: ""; } .col2-set.addresses { width: 100%; float: left; margin-left: 0; margin-right: 0; } .col2-set.addresses .col-1 { width: 47.0588235294%; float: left; margin-right: 5.8823529412%; } .col2-set.addresses .col-2 { width: 47.0588235294%; float: right; margin-right: 0; } #customer_details + #wc_checkout_add_ons { width: 41.1764705882%; float: right; margin-right: 0; } #wc_checkout_add_ons input[type='radio'] { float: left; margin-right: 0.15rem; clear: left; margin-top: .35em; } #order_review_heading, #order_review { width: 41.1764705882%; float: right; margin-right: 0; clear: right; } .woocommerce-order-pay #order_review { width: 100%; float: none; } .woocommerce-order-pay #order_review #payment h3 { padding-left: 1em; padding-top: 1em; } .woocommerce-order-pay #order_review #payment .form-row { padding: 1em; } .woocommerce-order-pay #order_review .button#place_order { display: block; width: 100%; font-size: 1rem; } /** My Account */ table + .addresses { margin-top: 0.15rem; } .col2-set#customer_login, .col2-set.addresses { width: 100%; float: left; margin-left: 0; margin-right: 0; } .col2-set#customer_login .col-1, .col2-set.addresses .col-1 { width: 41.1764705882%; float: left; margin-right: 5.8823529412%; } .col2-set#customer_login .col-2, .col2-set.addresses .col-2 { width: 52.9411764706%; float: right; margin-right: 0; } .woocommerce-MyAccount-content .form-row-first { width: 38.4615384615%; float: left; margin-right: 7.6923076923%; } .woocommerce-MyAccount-content .form-row-last { width: 53.8461538462%; float: right; margin-right: 0; } .addresses header.title::after { display: block; clear: both; content: ""; } .addresses header.title a { float: right; } .addresses header.title h3 { float: left; } /** General WooCommerce Components / .form-row-first { width: 47.0588235294%; float: left; margin-right: 5.8823529412%; clear: both; } .form-row-last { width: 47.0588235294%; float: right; margin-right: 0; } } / Overall WooCommerce General style for Jungle skin / .woocommerce .button { display: inline-block; font-size: 0.7rem; font-weight: bold; letter-spacing: .2px; color: #232f3f; background: linear-gradient(#fbde97, #f7c128); border: 1px solid #ce9f19; box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.25); border-radius: 3px; padding: 0.425rem 1rem; cursor: pointer; } .woocommerce .button:hover, .woocommerce .button:focus { text-decoration: none; color: #232f3f; background: #d6a721; border-color: #ce9f19; outline: none; } @keyframes spin { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .woocommerce .add_to_cart_button, .woocommerce .product_type_grouped, .woocommerce .product_type_external, .woocommerce .product_type_simple { display: block; position: relative; padding: 0.425rem 0.1rem 0.425rem 1.8rem; margin-top: 0.65rem; } .woocommerce .add_to_cart_button::before, .woocommerce .product_type_grouped::before, .woocommerce .product_type_external::before, .woocommerce .product_type_simple::before { position: absolute; content: ''; background: #333333 url("../../images/cart_icon_full.svg"); background-repeat: no-repeat; background-size: 1rem 0.75rem; background-position: 50%; border-radius: 3px; width: 1.5rem; height: 1.5rem; left: 0.2rem; top: calc(50% - 0.75rem); } .woocommerce .add_to_cart_button::after, .woocommerce .product_type_grouped::after, .woocommerce .product_type_external::after, .woocommerce .product_type_simple::after { display: inline-block; content: ''; font-family: 'Font Awesome 5 Free'; font-weight: bold; font-size: 0.6rem; margin-left: 0.25rem; } .woocommerce .add_to_cart_button.loading::after, .woocommerce .product_type_grouped.loading::after, .woocommerce .product_type_external.loading::after, .woocommerce .product_type_simple.loading::after { content: '\f110'; animation: spin 2s infinite linear; } .woocommerce .add_to_cart_button.added::after, .woocommerce .product_type_grouped.added::after, .woocommerce .product_type_external.added::after, .woocommerce .product_type_simple.added::after { content: '\f00c'; } .woocommerce .added_to_cart { display: none; } .woocommerce .form-row { display: block; margin-right: 0; margin-left: 0; } .woocommerce .input-text { display: block; font-size: 16px; color: #000000; border: 1px solid #dddddd; border-radius: 3px; padding: 0.6rem 1rem; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); transition: all 100ms ease-out; } .woocommerce .input-text:-ms-input-placeholder { color: #999999; } .woocommerce .input-text::placeholder { color: #999999; } .woocommerce .input-text:hover { border-color: #999999; } .woocommerce .input-text:focus { border-color: #000000; box-shadow: none; outline: none; } .woocommerce .added_to_cart.disabled, .woocommerce .added_to_cart:disabled, .woocommerce .button.disabled, .woocommerce .button:disabled, .woocommerce button.disabled, .woocommerce button:disabled, .woocommerce input[type='button'].disabled, .woocommerce input[type='button']:disabled, .woocommerce input[type='reset'].disabled, .woocommerce input[type='reset']:disabled, .woocommerce input[type='submit'].disabled, .woocommerce input[type='submit']:disabled { opacity: .2; cursor: not-allowed !important; } .woocommerce .stars { display: inline-block; font-size: 0.9rem; margin: 0; } .woocommerce .stars a { position: relative; height: 1rem; width: 1rem; text-indent: -499.95rem; display: inline-block; text-decoration: none; margin-right: 1px; font-weight: normal; } .woocommerce .stars a::before { display: block; position: absolute; top: 0; left: 0; width: 1rem; height: 1rem; line-height: 1; font-family: star; content: '\53'; color: #999999; text-indent: 0; opacity: .25; } .woocommerce .stars a:hover ~ a::before { content: '\53'; color: #999999; opacity: .25; } .woocommerce .stars:hover a::before { content: '\53'; color: #ffc768; opacity: 1; } .woocommerce .stars.selected a.active::before { content: '\53'; color: #ffc768; opacity: 1; } .woocommerce .stars.selected a.active ~ a::before { content: '\53'; color: #999999; opacity: .25; } .woocommerce .stars.selected a:not(.active)::before { content: '\53'; color: #ffc768; opacity: 1; } @media (max-width: 991.98px) { .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2 { max-width: 100%; padding: 0; } } .woocommerce .quantity .qty { appearance: none; -webkit-appearance: none; -moz-appearance: textfield; font-size: 16px; text-align: center; width: 100%; height: 2.25rem; padding: 0.5rem 0.25rem; } @media (min-width: 992px) { .woocommerce .quantity .qty { width: 2.5rem; margin-bottom: 0; } } .woocommerce .quantity .qty::-webkit-inner-spin-button, .woocommerce .quantity .qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; / Removes leftover margin / } .woocommerce .quantity.hidden { display: none; } .woocommerce .quantity .ui-spinner { display: -ms-flexbox; display: flex; border: none; background: none; } .woocommerce .quantity .ui-spinner-input { -ms-flex-order: 2; order: 2; border-radius: 0; margin: 0; background-color: #fff; } .woocommerce .quantity .ui-spinner-down { -ms-flex-order: 1; order: 1; border-radius: 3px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .woocommerce .quantity .ui-spinner-up { -ms-flex-order: 3; order: 3; border-radius: 3px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .woocommerce .quantity .ui-spinner-button { position: static; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; font-size: 0.8rem; color: #333333; background: #f5f7fa; border: 1px solid #cacfd7; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); width: 4.5rem; height: 2.25rem; padding: 0; transition: all 100ms ease-out; cursor: pointer; } @media (min-width: 992px) { .woocommerce .quantity .ui-spinner-button { width: 2.25rem; } } .woocommerce .quantity .ui-spinner-button:hover { border-color: #f39f39; background-color: #fff5e9; } .woocommerce .quantity .ui-spinner .ui-button-text { padding: 0; display: inline; } .woocommerce .quantity .ui-spinner .ui-icon { background: none; display: inline; text-indent: unset; position: static; margin: 0; } .woocommerce .stock { display: inline-block; font-size: 0.6rem; font-weight: bold; color: #fff; border-radius: 3px; padding: 0.1rem 0.45rem; margin-bottom: 0; } .woocommerce .stock:empty::before { display: none; } .woocommerce .stock.in-stock { background-color: #008f00; } .woocommerce .stock.out-of-stock { background-color: #c00c00; } .onsale { display: inline-block; font-size: 0.55rem; font-weight: bold; text-transform: uppercase; letter-spacing: .5px; color: #ffffff; background-color: #c00c00; border-radius: 3px; padding: 0.1rem 0.6rem 0.15rem; vertical-align: top; } .woocommerce-store-notice { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; position: fixed; font-size: 0.8rem; color: #ffffff; background-color: #3a7bb8; left: 0; bottom: 0; right: 0; padding-left: 1.25rem; margin: 0; z-index: 10; } .woocommerce-store-noticedismiss-link { color: #ffffff; background: rgba(0, 0, 0, 0.1); padding: 0.7rem 1.25rem; } .woocommerce-store-noticedismiss-link:hover { text-decoration: none; } .woocommerce-notice, .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 0.8rem; color: #ffffff; background-color: #008f00; border-radius: 3px; width: 100%; padding: 0.75rem; margin-bottom: 1rem; margin-left: 0; } @media (min-width: 992px) { .woocommerce-notice, .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments { margin-bottom: 2.25rem; } } .woocommerce-notice a, .woocommerce-message a, .woocommerce-info a, .woocommerce-error a, .woocommerce-noreviews a, p.no-comments a { color: #ffffff; } .woocommerce-notice a:focus, .woocommerce-notice a:hover, .woocommerce-message a:focus, .woocommerce-message a:hover, .woocommerce-info a:focus, .woocommerce-info a:hover, .woocommerce-error a:focus, .woocommerce-error a:hover, .woocommerce-noreviews a:focus, .woocommerce-noreviews a:hover, p.no-comments a:focus, p.no-comments a:hover { color: #ffffff; } .woocommerce-notice .button, .woocommerce-message .button, .woocommerce-info .button, .woocommerce-error .button, .woocommerce-noreviews .button, p.no-comments .button { -ms-flex-order: 2; order: 2; width: 100%; text-align: center; margin-top: 0.4rem; } @media (min-width: 576px) { .woocommerce-notice .button, .woocommerce-message .button, .woocommerce-info .button, .woocommerce-error .button, .woocommerce-noreviews .button, p.no-comments .button { width: auto; text-align: left; margin-top: 0; } } .woocommerce .woocommerce-notice .wc-forward, .woocommerce .woocommerce-message .wc-forward, .woocommerce .woocommerce-info .wc-forward, .woocommerce .woocommerce-error .wc-forward, .woocommerce .woocommerce-noreviews .wc-forward, .woocommerce p.no-comments .wc-forward { background: #ffffff; border: solid 1px #cccccc; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .woocommerce .woocommerce-notice .wc-forward:focus, .woocommerce .woocommerce-notice .wc-forward:hover, .woocommerce .woocommerce-message .wc-forward:focus, .woocommerce .woocommerce-message .wc-forward:hover, .woocommerce .woocommerce-info .wc-forward:focus, .woocommerce .woocommerce-info .wc-forward:hover, .woocommerce .woocommerce-error .wc-forward:focus, .woocommerce .woocommerce-error .wc-forward:hover, .woocommerce .woocommerce-noreviews .wc-forward:focus, .woocommerce .woocommerce-noreviews .wc-forward:hover, .woocommerce p.no-comments .wc-forward:focus, .woocommerce p.no-comments .wc-forward:hover { text-decoration: none; background: #f5f7fa; border-color: #999999; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .woocommerce-notice pre, .woocommerce-message pre, .woocommerce-info pre, .woocommerce-error pre, .woocommerce-noreviews pre, p.no-comments pre { background-color: rgba(0, 0, 0, 0.1); } .woocommerce-notice li, .woocommerce-message li, .woocommerce-info li, .woocommerce-error li, .woocommerce-noreviews li, p.no-comments li { -ms-flex: 1 1 100%; flex: 1 1 100%; } .woocommerce-notice .showcoupon, .woocommerce-notice .showlogin, .woocommerce-message .showcoupon, .woocommerce-message .showlogin, .woocommerce-info .showcoupon, .woocommerce-info .showlogin, .woocommerce-error .showcoupon, .woocommerce-error .showlogin, .woocommerce-noreviews .showcoupon, .woocommerce-noreviews .showlogin, p.no-comments .showcoupon, p.no-comments .showlogin { display: inline-block; font-size: 0.65rem; font-weight: bold; text-transform: uppercase; color: #000000; background-color: #f4f4f4; border-radius: 3px; padding: 0.7rem 1.5rem; } .woocommerce-notice .showcoupon:focus, .woocommerce-notice .showlogin:focus, .woocommerce-message .showcoupon:focus, .woocommerce-message .showlogin:focus, .woocommerce-info .showcoupon:focus, .woocommerce-info .showlogin:focus, .woocommerce-error .showcoupon:focus, .woocommerce-error .showlogin:focus, .woocommerce-noreviews .showcoupon:focus, .woocommerce-noreviews .showlogin:focus, p.no-comments .showcoupon:focus, p.no-comments .showlogin:focus { text-decoration: none; color: #000000; } .woocommerce-notice .showcoupon:hover, .woocommerce-notice .showlogin:hover, .woocommerce-message .showcoupon:hover, .woocommerce-message .showlogin:hover, .woocommerce-info .showcoupon:hover, .woocommerce-info .showlogin:hover, .woocommerce-error .showcoupon:hover, .woocommerce-error .showlogin:hover, .woocommerce-noreviews .showcoupon:hover, .woocommerce-noreviews .showlogin:hover, p.no-comments .showcoupon:hover, p.no-comments .showlogin:hover { text-decoration: none; color: #000000; background-color: #e5e5e5; } .woocommerce-error { list-style: none; background-color: #c00c00; } .woocommerce-info, .woocommerce-noreviews, p.no-comments { background-color: #3a7bb8; } / WooCommerce Shop page for Jungle skin / .woocommerce-result-count { font-size: 0.6rem; color: #999999; margin-bottom: 0.25rem; } @media (min-width: 768px) { .woocommerce-result-count { float: left; padding: 0.8rem 0; margin-bottom: 0.9rem; } } .woocommerce-ordering { margin-bottom: 0.9rem; } @media (min-width: 768px) { .woocommerce-ordering { float: right; } } .woocommerce-ordering .orderby { display: none; } @media (min-width: 992px) { .woocommerce-ordering .orderby { display: inline-block; font-size: 0.65rem; } } .woocommerce-page-title-area { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 1.1rem; margin-bottom: 1.5rem; } .woocommerce-page-title-area .woocommerce-products-headertitle { display: inline-block; font-size: 1.2rem; margin-bottom: 0.4rem; } .woocommerce-page-title-area .woocommerce-products-header .term-description { display: inline-block; color: #999999; margin-left: 0.5rem; } .woocommerce-page-title-area .woocommerce-products-header .term-description p:last-of-type { margin-bottom: 0; } @media (min-width: 768px) { .woocommerce-page-title-area .woocommerce-result-count { font-size: 0.7rem; padding: 0; margin-bottom: 0; } } .woocommerce-page-title-area .woocommerce-ordering { margin-bottom: 0; } .category-description { font-size: 0.7rem; color: #999999; } ul.products { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-left: 0; margin-bottom: 0; clear: both; } ul.products::after { display: block; clear: both; content: ""; } ul.products.columns-1 li.product { width: 100%; margin-right: 0; float: none; } ul.products.columns-2 li.product { width: calc(50% - 0.4rem); margin-right: 0.8rem; float: left; } @media (min-width: 576px) { ul.products.columns-2 li.product { width: calc(50% - 0.75rem); margin-right: 1.5rem; } } ul.products.columns-2 li.product:nth-child(2n+1) { clear: both; } ul.products.columns-2 li.product:nth-child(2n+2) { margin-right: 0; } ul.products.columns-3 li.product { width: calc(50% - 0.4rem); margin-right: 0.8rem; float: left; } @media (min-width: 576px) { ul.products.columns-3 li.product { width: calc(50% - 0.75rem); margin-right: 1.5rem; } } @media (min-width: 992px) { ul.products.columns-3 li.product { width: calc(33.33% - 1rem); float: left; margin-right: 1.5rem; } } @media (min-width: 992px) { ul.products.columns-3 li.product:nth-child(3n+1) { clear: both; } } @media (min-width: 992px) { ul.products.columns-3 li.product:nth-child(3n+3) { margin-right: 0; } } @media (max-width: 991.98px) { ul.products.columns-3 li.product:nth-child(2n+1) { clear: both; } } @media (max-width: 991.98px) { ul.products.columns-3 li.product:nth-child(2n+2) { margin-right: 0; } } ul.products.columns-4 li.product { width: calc(50% - 0.4rem); margin-right: 0.8rem; float: left; } @media (min-width: 576px) { ul.products.columns-4 li.product { width: calc(50% - 0.75rem); margin-right: 1.5rem; } } @media (min-width: 992px) { ul.products.columns-4 li.product { width: calc(25% - 1.125rem); float: left; margin-right: 1.5rem; } } @media (min-width: 992px) { ul.products.columns-4 li.product:nth-child(4n+1) { clear: both; } } @media (min-width: 992px) { ul.products.columns-4 li.product:nth-child(4n+4) { margin-right: 0; } } @media (max-width: 991.98px) { ul.products.columns-4 li.product:nth-child(2n+1) { clear: both; } } @media (max-width: 991.98px) { ul.products.columns-4 li.product:nth-child(2n+2) { margin-right: 0; } } ul.products.columns-5 li.product { width: calc(50% - 0.4rem); margin-right: 0.8rem; float: left; } @media (min-width: 576px) { ul.products.columns-5 li.product { width: calc(50% - 0.75rem); margin-right: 1.5rem; } } @media (min-width: 992px) { ul.products.columns-5 li.product { width: calc(20% - 1.2rem); float: left; margin-right: 1.5rem; } } @media (min-width: 992px) { ul.products.columns-5 li.product:nth-child(5n+1) { clear: both; } } @media (min-width: 992px) { ul.products.columns-5 li.product:nth-child(5n+5) { margin-right: 0; } } @media (max-width: 991.98px) { ul.products.columns-5 li.product:nth-child(2n+1) { clear: both; } } @media (max-width: 991.98px) { ul.products.columns-5 li.product:nth-child(2n+2) { margin-right: 0; } } ul.products.columns-6 li.product { width: calc(50% - 0.4rem); margin-right: 0.8rem; float: left; } @media (min-width: 576px) { ul.products.columns-6 li.product { width: calc(50% - 0.75rem); margin-right: 1.5rem; } } @media (min-width: 992px) { ul.products.columns-6 li.product { width: calc(16.66% - 1.25rem); float: left; margin-right: 1.5rem; } } @media (min-width: 992px) { ul.products.columns-6 li.product:nth-child(6n+1) { clear: both; } } @media (min-width: 992px) { ul.products.columns-6 li.product:nth-child(6n+6) { margin-right: 0; } } @media (max-width: 991.98px) { ul.products.columns-6 li.product:nth-child(2n+1) { clear: both; } } @media (max-width: 991.98px) { ul.products.columns-6 li.product:nth-child(2n+2) { margin-right: 0; } } ul.products li.product { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; position: relative; text-align: center; list-style: none; margin-left: 0; margin-bottom: 1.9rem; } ul.products li.product:focus, ul.products li.product:hover { box-shadow: 0 0 0 7px #ffffff, 0 0 0 8px rgba(0, 0, 0, 0.1); } @media (min-width: 992px) { ul.products li.product:focus, ul.products li.product:hover { box-shadow: 0 0 0 14px #ffffff, 0 0 0 15px rgba(0, 0, 0, 0.1); } } ul.products li.product--with-button-on-hover { margin-bottom: 1.5rem; } @media (min-width: 992px) { ul.products li.product--with-button-on-hover { margin-bottom: 0.4rem; } } ul.products li.product--with-button-on-hover .button { transition: opacity 100ms ease-out, visibility 100ms ease-out; } @media (min-width: 992px) { ul.products li.product--with-button-on-hover .button { opacity: 0; visibility: hidden; } } ul.products li.product--with-button-on-hover:focus, ul.products li.product--with-button-on-hover:hover { z-index: 1; } ul.products li.product--with-button-on-hover:focus .button, ul.products li.product--with-button-on-hover:hover .button { opacity: 1; visibility: visible; } ul.products li.product .woocommerce-loop-productlink { -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative; display: block; text-align: left; min-height: 1px; } ul.products li.product .woocommerce-loop-productlink:hover { text-decoration: none; } ul.products li.product .woocommerce-loop-producttitle { font-size: 16px; font-weight: normal; line-height: 1.375; margin-bottom: 0.2rem; } @media (min-width: 992px) { ul.products li.product .woocommerce-loop-producttitle { margin-bottom: 0.45rem; } } ul.products li.product .star-rating { font-size: 0.7rem; margin-top: -0.1rem; height: 1rem; width: 3.7rem; margin-bottom: 0.25rem; } ul.products li.product .price { font-size: 16px; font-weight: bold; margin-bottom: 0; } ul.products li.product .price del { display: block; font-weight: normal; } ul.products li.product .price del .amount { font-size: 14px; } ul.products li.product .price ins { display: block; text-decoration: none; margin-left: 0; } ul.products li.product .price ins .amount { font-size: 16px; color: #c00c00; } ul.products li.product .price .amount { font-size: 16px; } ul.products li.product img { border-radius: 3px; width: 100%; margin: 0 0 0.6rem; } @media (min-width: 992px) { ul.products li.product img { margin: 0 0 0.7rem; } } ul.products li.product .onsale { position: absolute; left: 0.35rem; top: 0.4rem; } .woocommerce-pagination { text-align: center; } .woocommerce-pagination ul { padding-left: 0; list-style: none; margin-bottom: 0; } .woocommerce-pagination ul li { display: inline-block; } .woocommerce-pagination ul .page-numbers { display: inline-block; font-size: 0.7rem; font-weight: bold; line-height: 2.2rem; color: #000000; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); width: 2.3rem; height: 2.3rem; margin-right: 0.3rem; margin-bottom: 0.4rem; transition: all 100ms ease-out; } .woocommerce-pagination ul .page-numbers:focus, .woocommerce-pagination ul .page-numbers:hover { background-color: #f5f7fa; border-color: #cacfd7; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); text-decoration: none; } .woocommerce-pagination ul .current { background-color: #fff5e9; border: 1px solid #f39f39; box-shadow: 0 0 4px rgba(255, 194, 105, 0.33); } .woocommerce-pagination ul .current:focus, .woocommerce-pagination ul .current:hover { background-color: #fff5e9; border: 1px solid #f39f39; } .woocommerce-pagination ul .dots { background-color: transparent; border-color: transparent; box-shadow: none; } .woocommerce-pagination ul .dots:focus, .woocommerce-pagination ul .dots:hover { background-color: transparent; box-shadow: none; } .woocommerce-pagination ul .prev, .woocommerce-pagination ul .next { position: relative; color: #ffffff; } .woocommerce-pagination ul .prev::after, .woocommerce-pagination ul .next::after { position: absolute; font-family: 'Font Awesome 5 Free'; color: #000000; left: calc(50% - 0.2rem); } .woocommerce-pagination ul .prev:focus, .woocommerce-pagination ul .prev:hover, .woocommerce-pagination ul .next:focus, .woocommerce-pagination ul .next:hover { color: #ffffff; } .woocommerce-pagination ul .prev::after { content: '\f0d9'; padding-left: 0.05rem; } .woocommerce-pagination ul .next::after { content: '\f0da'; padding-left: 0.15rem; } / WooCommerce Single Product page for Jungle skin / .product .onsale ~ .entry-summary { margin-top: 0.7rem; } .product .woocommerce-product-gallery { position: relative; margin-bottom: 1.5rem; } @media (min-width: 992px) { .product .woocommerce-product-gallery { float: left; width: 54%; margin-right: 3rem; margin-bottom: 0; } } .product .woocommerce-product-gallerywrapper { margin-bottom: 0; } .product .woocommerce-product-galleryimage { border-radius: 3px; } .product .woocommerce-product-gallerytrigger { position: absolute; visibility: hidden; top: 0.5rem; right: 0.75rem; z-index: 5; } .product .woocommerce-product-gallerytrigger::after { visibility: visible; content: '\f00e'; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #999999; transition: all 100ms ease-out; } .product .woocommerce-product-gallerytrigger img { position: absolute; opacity: 0; visibility: hidden; } .product .woocommerce-product-gallerytrigger:focus, .product .woocommerce-product-gallerytrigger:hover { text-decoration: none; } .product .woocommerce-product-gallerytrigger:focus::after, .product .woocommerce-product-gallerytrigger:hover::after { color: #000000; } .product .woocommerce-product-gallery .flex-viewport { margin-bottom: 0.5rem; } .product .woocommerce-product-gallery .flex-control-thumbs { padding-left: 0; list-style: none; display: -ms-flexbox; display: flex; margin-bottom: 0; } .product .woocommerce-product-gallery .flex-control-thumbs li { width: 3rem; margin-right: 0.5rem; } .product .woocommerce-product-gallery .flex-control-thumbs li:last-of-type { margin-right: 0; } .product .woocommerce-product-gallery .flex-control-thumbs img { border: 1px solid #dddddd; border-radius: 3px; cursor: pointer; } .product .woocommerce-product-gallery .flex-control-thumbs img:hover { border-color: #cccccc; } .product .woocommerce-product-gallery .flex-control-thumbs .flex-active { border-color: #f39f39; } .product .woocommerce-product-gallery .flex-control-thumbs .flex-active:hover { border-color: #f39f39; } .product .woocommerce-product-gallery .flex-control-thumbs .flex-active-container { position: relative; } @media (min-width: 992px) { .product .woocommerce-product-gallery .flex-control-thumbs .flex-active-container::before { position: absolute; content: ''; border-top: 5px solid #f39f39; border-left: 4.5px solid transparent; border-right: 4.5px solid transparent; width: 0; height: 0; top: 1px; left: calc(50% - 2.5px); } } @media (min-width: 992px) { .product .entry-summary { width: calc(46% - 3rem); float: right; } } .product .woocommerce-product-rating { margin-bottom: 0.5rem; } .product .woocommerce-product-rating .star-rating { float: left; } .product .woocommerce-product-rating .woocommerce-review-link { font-size: 0.7rem; color: #999999; margin-left: 0.3rem; } .product .product_title { font-size: 1.2rem; margin-bottom: 0.45rem; line-height: 1.38; } @media (min-width: 992px) { .product .product_title { margin-bottom: 0.65rem; } } .product .price { margin-bottom: 0.45rem; } @media (min-width: 992px) { .product .price { margin-bottom: 0.9rem; } } .product .price .amount { font-size: 1.35rem; font-weight: bold; color: #c00c00; } .product .price del { display: block; color: #999999; } .product .price del .amount { font-size: 14px; font-weight: normal; color: #999999; } .product .price ins { display: block; text-decoration: none; } .product .price ins .amount { color: #c00c00; } .product .woocommerce-product-detailsbrand { font-size: 0.7rem; font-weight: bold; color: #999999; margin-bottom: 0.35rem; } .product .woocommerce-product-detailsbrand a { color: #999999; } .product .woocommerce-product-detailsshort-description { font-size: 0.8rem; margin-bottom: 1.4rem; } .product .woocommerce-product-detailsshort-description p:last-of-type { margin-bottom: 0; } .product .woocommerce-product-detailsstatus-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid #dddddd; padding-bottom: 1rem; margin-bottom: 1rem; } @media (min-width: 992px) { .product .woocommerce-product-detailsstatus-row { display: block; } } .product .woocommerce-product-detailsstatus-row .woocommerce-review-link { color: #3a7bb8; } .product .woocommerce-product-detailsstatus-row .woocommerce-product-rating { display: inline-block; width: 100%; margin-right: 0.5rem; } @media (min-width: 992px) { .product .woocommerce-product-detailsstatus-row .woocommerce-product-rating { width: auto; } } .product .woocommerce-product-detailsstatus-row .star-rating { margin-right: 0.2rem; position: relative; top: 0.1rem; } .product .woocommerce-product-detailsshare { -ms-flex-order: 3; order: 3; float: right; color: #999999; font-size: 0.7rem; margin-left: 1.5rem; margin-top: 0.35rem; } @media (min-width: 992px) { .product .woocommerce-product-detailsshare { -ms-flex-order: 1; order: 1; margin-left: 0; } } .product .woocommerce-product-detailsshare-icon { display: inline-block; width: 20px; height: 20px; line-height: 20px; background-color: #bbbbbb; text-align: center; border-radius: 50%; color: #fff; font-size: 10px; margin-left: 3px; } .product .woocommerce-product-detailsshare-icon:hover { background-color: #999999; } .product .woocommerce-product-detailsstock { display: inline-block; } .product .woocommerce-product-detailsbox { border-radius: 0.2rem; background-color: #f5f7fa; border: solid 1px #e6e6e6; padding: 1.4rem 1.7rem; } @media (min-width: 1200px) { .product .woocommerce-product-detailsbox { padding-left: 2.25rem; padding-right: 2.25rem; } } .product .woocommerce-product-detailsbox .stock { position: relative; z-index: 1; top: -0.35rem; } .product .woocommerce-product-detailsbox .price { margin-right: 0.75rem; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-flow: column wrap; flex-flow: column wrap; } .product .woocommerce-product-detailsbox .price del { -ms-flex-order: 2; order: 2; margin-left: 0.25rem; line-height: 12px; } .product .woocommerce-product-detailsbox .price del .amount { font-size: 12px; font-weight: bold; } .product .woocommerce-product-detailsextra-info { border-radius: 0 0 0.2rem 0.2rem; background-color: #fff; border: solid 1px #e6e6e6; text-align: center; position: relative; top: -0.2rem; z-index: 1; padding: 0.5rem; font-weight: bold; color: #999999; font-size: 0.6rem; } .product .woocommerce-product-details__extra-info a { color: #3a7bb8; } .product table.group_table { border-left: 0; } .product table.group_table td { border-right: 0; text-align: left; padding-left: 0; padding-right: 0; font-size: 0.7rem; } .product table.group_table td:last-of-type { text-align: right; } .product table.group_table td label { margin-bottom: 0; } .product table.group_table .quantity { max-width: 6rem; margin-bottom: 0; margin-right: 0.25rem; } @media (min-width: 576px) { .product table.group_table .quantity { max-width: unset; } } .product .cart .variations { border: 0; margin-bottom: 0; } .product .cart .variations tbody td { display: block; border: 0; padding: 0; } .product .cart .variations tbody td.value { margin-bottom: 1.1rem; } .product .cart .variations tbody .label { font-size: 0.7rem; font-weight: bold; color: #999999; } .product .cart .variations .reset_variations { display: none !important; position: relative; float: right; font-size: 0.65rem; font-weight: bold; text-transform: uppercase; color: #999999; margin-top: 0.25rem; transition: all 100ms ease-out; } .product .cart .variations .reset_variations::before { content: '\f00d'; font-family: 'Font Awesome 5 Free'; font-weight: 900; padding-right: 0.25rem; } .product .cart .variations .reset_variations:focus, .product .cart .variations .reset_variations:hover { text-decoration: none; color: #c00c00; } .product .cart .variations .variation-img { display: inline-block; position: relative; overflow: hidden; border-radius: 0.15rem; border: 1px solid #dddddd; background-color: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); margin-right: 0.45rem; } .product .cart .variations .variation-img > img { object-fit: cover; width: 2.25rem; height: 2.25rem; } .product .cart .variations .variation-img:hover, .product .cart .variations .variation-img--selected { border-color: #f39f39; } .product .cart .variations .variation-img--selected::after { content: ''; position: absolute; z-index: 1; top: 0; left: calc(50% - 5px); border: 5px solid transparent; border-top-color: #f39f39; } .product .cart .woocommerce-variation::after { display: block; clear: both; content: ""; } .product .cart .woocommerce-variation-description:not(:empty) { font-size: 0.8rem; margin-bottom: 1rem; padding-bottom: 1.25rem; border-bottom: 1px solid #dddddd; } .product .cart .woocommerce-variation-description p:last-of-type { margin-bottom: 0; } .product .cart .woocommerce-variation-price { float: left; } .product .cart .woocommerce-variation-availability .stock { top: 0.1rem; } .product .cart .quantity { margin-bottom: 1rem; } @media (min-width: 576px) { .product .cart .quantity { float: left; margin-right: 1rem; margin-bottom: 0; } } .product .cart .quantity .qty { width: 100%; border-width: 1px 0; } @media (min-width: 576px) { .product .cart .quantity .qty { width: 2.5rem; } } @media (min-width: 576px) { .product .cart .quantity + .single_add_to_cart_button { width: calc(100% - 225px); } } @media (min-width: 992px) { .product .cart .quantity + .single_add_to_cart_button { width: calc(100% - 160px); } } @media (min-width: 1200px) { .product .cart .quantity + .single_add_to_cart_button { width: 9.5rem; } } .product .cart .quantity.hidden + .single_add_to_cart_button { width: 100%; } .product .cart .single_add_to_cart_button { font-size: 0.75rem; text-align: center; border: 1px solid #ce9f19; width: 100%; padding: 0.5rem 0.5rem 0.5rem 2rem; transition: all 100ms ease-out; cursor: pointer; position: relative; } .product .cart .single_add_to_cart_button::before { position: absolute; content: ''; background: #333333 url("../../images/cart_icon_full.svg") no-repeat 50% 50%; background-size: 1rem 0.75rem; border-radius: 3px; width: 1.5rem; height: 1.5rem; left: 0.35rem; top: calc(50% - 0.75rem); } .product .product_meta { font-size: 0.7rem; padding-top: 1.5rem; } .product .product_meta .sku_wrapper, .product .product_meta .posted_in, .product .product_meta .tagged_as { display: block; } .product .upsells, .product .related { display: inline-block; width: 100%; clear: both; margin-top: 2.25rem; } .product .upsells::after, .product .related::after { display: block; clear: both; content: ""; } @media (min-width: 992px) { .product .upsells, .product .related { margin-top: 3.9rem; } } .product .upsells > h2, .product .related > h2 { font-size: 1.6rem; text-align: center; margin-bottom: 2.55rem; } .product .upsells .price .amount, .product .related .price .amount { font-size: inherit; } .woocommerce-tabs { display: inline-block; width: 100%; margin-top: 2rem; clear: both; overflow: hidden; } .woocommerce-tabs::after { display: block; clear: both; content: ""; } @media (min-width: 992px) { .woocommerce-tabs { margin-top: 4rem; } } .woocommerce-tabs .tabs { padding-left: 0; list-style: none; margin-bottom: 0; border-bottom: 1px solid #dddddd; } @media (min-width: 992px) { .woocommerce-tabs .tabs { display: -ms-flexbox; display: flex; } } .woocommerce-tabs .tabs .active a { border-left-color: #f39f39; color: #000000; background-color: #ffffff; box-shadow: 0 2px 0 -1px #ffffff; } @media (min-width: 992px) { .woocommerce-tabs .tabs .active a { border-top-color: #f39f39; border-left-color: #dddddd; } } .woocommerce-tabs .tabs .active a:hover { color: #000000; background-color: transparent; border-left-color: #f39f39; } @media (min-width: 992px) { .woocommerce-tabs .tabs .active a:hover { border-top-color: #f39f39; border-left-color: #dddddd; } } .woocommerce-tabs .tabs li { -ms-flex: 1 0 0px; flex: 1 0 0; -ms-flex-item-align: end; align-self: flex-end; } @media (min-width: 992px) { .woocommerce-tabs .tabs li { margin-right: 1rem; } } @media (min-width: 992px) { .woocommerce-tabs .tabs li:last-child { margin-right: 0; } } .woocommerce-tabs .tabs li:last-child.active { border-bottom: 1px solid #dddddd; } @media (min-width: 992px) { .woocommerce-tabs .tabs li:last-child.active { border-bottom: 0; } } .woocommerce-tabs .tabs a { display: block; font-size: 0.8rem; font-weight: bold; text-align: center; color: #666666; background-color: #f5f7fa; border-top: 1px solid #dddddd; border-left: 2px solid #999999; border-right: 1px solid #dddddd; padding: 0.45rem 0.75rem; transition: all 100ms ease-out; } @media (min-width: 992px) { .woocommerce-tabs .tabs a { border-top: 2px solid #999999; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-top-left-radius: 3px; border-top-right-radius: 3px; } } .woocommerce-tabs .tabs a:focus { text-decoration: none; } .woocommerce-tabs .tabs a:hover { text-decoration: none; background-color: #ffffff; border-left: 2px solid #999999; } @media (min-width: 992px) { .woocommerce-tabs .tabs a:hover { border-top: 2px solid #999999; border-left: 1px solid #dddddd; } } .woocommerce-tabs .woocommerce-Tabs-panel { font-size: 0.8rem; color: #666666; border: 1px solid #dddddd; border-top: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; padding: 1.5rem; } @media (min-width: 768px) { .woocommerce-tabs .woocommerce-Tabs-panel { padding: 3rem; } } @media (min-width: 992px) { .woocommerce-tabs .woocommerce-Tabs-panel { padding: 4.5rem; } } .woocommerce-tabs .woocommerce-Tabs-panel > h2 { font-size: 1.2rem; font-weight: bold; letter-spacing: .5px; margin-bottom: 1rem; } .woocommerce-tabs .woocommerce-Tabs-panel h1 { font-size: 1.6rem; } .woocommerce-tabs .woocommerce-Tabs-panel h2 { font-size: 1.2rem; } .woocommerce-tabs .woocommerce-Tabs-panel h3 { font-size: 1rem; } .woocommerce-tabs .woocommerce-Tabs-panel h4 { font-size: 0.9rem; } .woocommerce-tabs .woocommerce-Tabs-panel h5 { font-size: 0.8rem; } .woocommerce-tabs .woocommerce-Tabs-panel h6 { font-size: 0.75rem; } .woocommerce-tabs .woocommerce-Reviews #comments { display: inline-block; width: 100%; } .woocommerce-tabs .woocommerce-Reviews .woocommerce-Reviews-title, .woocommerce-tabs .woocommerce-Reviews .comment-reply-title { display: block; font-size: 1.2rem; font-weight: bold; letter-spacing: .5px; color: #333333; margin-bottom: 1rem; } @media (min-width: 992px) { .woocommerce-tabs .woocommerce-Reviews .comment-form { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } } .woocommerce-tabs .woocommerce-Reviews .comment-form .comment-notes { width: 100%; } @media (min-width: 992px) { .woocommerce-tabs .woocommerce-Reviews .comment-form .ratings-comment-and-submit { -ms-flex: 1 1 auto; flex: 1 1 auto; margin-left: 1.5rem; } } .woocommerce-tabs .woocommerce-Reviews .commentlist { padding-left: 0; list-style: none; } .woocommerce-tabs .woocommerce-Reviews .commentlist .children { padding-left: 0; list-style: none; float: right; width: 90%; margin: 0; } .woocommerce-tabs .woocommerce-Reviews .comment_container { display: inline-block; color: #000000; background-color: #f5f7fa; border: 1px solid #e6e6e6; border-radius: 3px; padding: 0.8rem 1.1rem; margin-bottom: 1.5rem; width: 100%; } @media (min-width: 768px) { .woocommerce-tabs .woocommerce-Reviews .comment_container { padding: 1.6rem 2.2rem; } } .woocommerce-tabs .woocommerce-Reviews .comment_container .avatar { float: left; border-radius: 50%; width: 3.75rem; height: auto; margin-right: 1.5rem; } .woocommerce-tabs .woocommerce-Reviews .comment_container .woocommerce-review__author { margin-right: 0.5rem; } .woocommerce-tabs .woocommerce-Reviews .comment_container .woocommerce-review__published-date { color: #999999; } .woocommerce-tabs .woocommerce-Reviews .comment_container .star-rating { font-size: 0.7rem; height: 1rem; width: 3.7rem; } @media (min-width: 768px) { .woocommerce-tabs .woocommerce-Reviews .comment_container .star-rating { float: right; } } .woocommerce-tabs .woocommerce-Reviews .comment_container .meta { margin-top: 0.5rem; margin-bottom: 0.5rem; } .woocommerce-tabs .woocommerce-Reviews .comment_container .description p:last-child { margin-bottom: 0; } .woocommerce-tabs .woocommerce-Reviews .comment_container .woocommerce-review__dash { display: none; } .woocommerce-tabs .woocommerce-Reviews .comment-form-rating { margin-bottom: 0.5rem; } .woocommerce-tabs .woocommerce-Reviews .comment-form-rating label { display: block; } .woocommerce-tabs .woocommerce-Reviews .comment-form-comment { margin-bottom: 0; } .woocommerce-tabs .woocommerce-Reviews .comment-form-comment label { display: block; } .woocommerce-tabs .woocommerce-Reviews .comment-form-comment textarea { width: 100%; height: 5rem; margin-bottom: 0.75rem; } @media (min-width: 992px) { .woocommerce-tabs .woocommerce-Reviews .comment-form-comment textarea { min-height: 11.8rem; } } .woocommerce-tabs .woocommerce-Reviews textarea, .woocommerce-tabs .woocommerce-Reviews input { display: block; font-size: 16px; color: #000000; border: 1px solid #dddddd; border-radius: 3px; padding: 0.6rem 1rem; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); transition: all 100ms ease-out; } .woocommerce-tabs .woocommerce-Reviews textarea:-ms-input-placeholder, .woocommerce-tabs .woocommerce-Reviews input:-ms-input-placeholder { color: #999999; } .woocommerce-tabs .woocommerce-Reviews textarea::placeholder, .woocommerce-tabs .woocommerce-Reviews input::placeholder { color: #999999; } .woocommerce-tabs .woocommerce-Reviews textarea:hover, .woocommerce-tabs .woocommerce-Reviews input:hover { border-color: #999999; } .woocommerce-tabs .woocommerce-Reviews textarea:focus, .woocommerce-tabs .woocommerce-Reviews input:focus { border-color: #000000; box-shadow: none; outline: none; } .woocommerce-tabs .woocommerce-Reviews .submit { font-size: 0.7rem; font-weight: bold; letter-spacing: .2px; color: #232f3f; background: linear-gradient(#fbde97, #f7c128); border: 1px solid #ce9f19; border-radius: 3px; box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.25); padding: 0.55rem 1rem; cursor: pointer; transition: none; } .woocommerce-tabs .woocommerce-Reviews .submit:focus, .woocommerce-tabs .woocommerce-Reviews .submit:hover { color: #232f3f; background: #d6a721; border-color: #ce9f19; outline: none; } .woocommerce-tabs .shop_attributes p:last-child { margin-bottom: 0; } / WooCommerce Cart Page for Jungle skin / .woocommerce-cart-form { font-size: 0.7rem; } .woocommerce-cart-formcontents { border: 0; border-collapse: separate; } .woocommerce-cart-form thead { font-weight: bold; color: #999999; background-color: #f5f7fa; } .woocommerce-cart-form thead th { padding: 0.725rem 0.25rem; border: 1px solid #e6e6e6; border-width: 1px 0; } .woocommerce-cart-form thead th:first-child { border-left-width: 1px; border-radius: 3px 0 0 3px; } .woocommerce-cart-form thead th:last-child { border-right-width: 1px; border-radius: 0 3px 3px 0; } .woocommerce-cart-form th, .woocommerce-cart-form td { border: 0; padding: 0.5rem 0.25rem; } .woocommerce-cart-formcart-item { display: block; position: relative; background-color: #f5f7fa; border: 1px solid #e6e6e6; border-radius: 3px; padding: 1rem; margin-bottom: 1rem; transition: all 100ms ease-out; } @media (min-width: 992px) { .woocommerce-cart-formcart-item { display: table-row; background-color: transparent; border-radius: 0; padding: 0; margin-bottom: 0; } } @media (min-width: 992px) { .woocommerce-cart-formcart-item:hover { background-color: #fdfdfd; } } @media (min-width: 992px) { .woocommerce-cart-formcart-item td { border-bottom: 1px solid #f5f7fa; } } @media (max-width: 991.98px) { .woocommerce-cart-form .product-remove { position: absolute; right: 1rem; } } @media (min-width: 992px) { .woocommerce-cart-form .product-remove { width: 5rem; padding-left: 0; } } .woocommerce-cart-form .product-remove .remove { display: block; font-size: 1.5rem; font-weight: bold; line-height: 1.6rem; text-align: center; color: #999999; background-color: transparent; border-radius: 2px; width: 1.5rem; height: 1.5rem; transition: all 100ms ease-out; } @media (min-width: 992px) { .woocommerce-cart-form .product-remove .remove { font-size: 0.9rem; background-color: #e5ebf3; } } .woocommerce-cart-form .product-remove .remove:focus, .woocommerce-cart-form .product-remove .remove:hover { text-decoration: none; color: #ffffff; background-color: #c00c00; } @media (min-width: 992px) { .woocommerce-cart-form .product-thumbnail { width: 4rem; } } @media (max-width: 991.98px) { .woocommerce-cart-form .product-name { text-align: right; } } .woocommerce-cart-form .product-name::before { font-weight: normal; color: #999999; margin-right: 0.75rem; } .woocommerce-cart-form .product-name .variation { margin-top: 0.15rem; margin-bottom: 0; } .woocommerce-cart-form .product-name .variation dt { display: inline-block; } .woocommerce-cart-form .product-name .variation dd { display: inline-block; margin-bottom: 0; } .woocommerce-cart-form .product-name .variation dd p { display: inline-block; margin-bottom: 0; } .woocommerce-cart-form .product-name .variation dd:not(:last-of-type)::after { content: ','; margin-right: 0.15rem; margin-left: -0.1rem; } @media (max-width: 991.98px) { .woocommerce-cart-form .product-price { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } } @media (min-width: 992px) { .woocommerce-cart-form .product-price { word-break: break-word; width: 4.75rem; } } .woocommerce-cart-form .product-price::before { font-weight: normal; color: #999999; } @media (min-width: 992px) { .woocommerce-cart-form .product-quantity { width: 8.5rem; } } .woocommerce-cart-form .product-quantity::before { display: none; } @media (max-width: 991.98px) { .woocommerce-cart-form .product-quantity .quantity .input-text { width: 100%; } } @media (max-width: 991.98px) { .woocommerce-cart-form .product-subtotal { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } } @media (min-width: 992px) { .woocommerce-cart-form .product-subtotal { word-break: break-word; width: 4.75rem; } } .woocommerce-cart-form .product-subtotal::before { font-weight: normal; color: #999999; } .woocommerce-cart-form .actions { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 0; } @media (min-width: 576px) { .woocommerce-cart-form .actions { -ms-flex-pack: justify; justify-content: space-between; -ms-flex-direction: row; flex-direction: row; } } @media (min-width: 992px) { .woocommerce-cart-form .actions { display: table-cell; padding-top: 1rem; } } .woocommerce-cart-form .actions .input-text + .button { margin-top: 0.4rem; } @media (min-width: 576px) { .woocommerce-cart-form .actions .input-text + .button { margin-top: 0; margin-left: -0.25rem; vertical-align: top; } } .woocommerce-cart-form .actions .coupon { -ms-flex-order: 2; order: 2; border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 0.75rem; margin-top: 0.75rem; } @media (min-width: 576px) { .woocommerce-cart-form .actions .coupon { -ms-flex-order: 1; order: 1; border-top: 0; padding-top: 0; margin-top: 0; } } .woocommerce-cart-form .actions .coupon .input-text { font-size: 16px; padding: 0.55rem 1rem; } @media (min-width: 992px) { .woocommerce-cart-form .actions .coupon .input-text { font-size: 0.7rem; padding: 0.425rem 1rem; } } .woocommerce-cart-form .actions .button { -ms-flex-order: 1; order: 1; width: 100%; cursor: pointer; color: #333333; background: #ffffff; border: 1px solid #dddddd; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); } .woocommerce-cart-form .actions .button:focus, .woocommerce-cart-form .actions .button:hover, .woocommerce-cart-form .actions .button:hover:active { color: #333333; background: #f5f7fa; border-color: #cacfd7; } @media (min-width: 576px) { .woocommerce-cart-form .actions .button { -ms-flex-order: 2; order: 2; width: auto; } } .woocommerce-cart .page-header { margin-bottom: 15px; } @media (min-width: 576px) { .woocommerce-cart .page-header { margin-bottom: 1.5rem; } } @media (max-width: 991.98px) { .woocommerce-cart .navigation-barcontainer { margin-bottom: 20px; } } @media (min-width: 992px) { .cart-collaterals .cart_totals { width: 40%; } } @media (min-width: 1200px) { .cart-collaterals .cart_totals { width: 30%; } } .cart-collaterals .cart_totals h2 { display: none; } .cart-collaterals .shop_table { font-size: 0.8rem; background-color: #f5f7fa; border: 1px solid #e6e6e6; border-radius: 3px; padding: 0.5rem 1rem; margin-top: 0; margin-bottom: 1rem; border-collapse: separate; } .cart-collaterals .shop_table .order-total { border-top: 1px solid #d4deeb; color: #333333; } .cart-collaterals .shop_table tbody { display: block; } .cart-collaterals .shop_table tr { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .cart-collaterals .shop_table .shipping { display: block; } .cart-collaterals .shop_table .shipping > td { text-align: left; padding: 0; } .cart-collaterals .shop_table #shipping_method { padding-left: 0; list-style: none; text-align: left; margin-bottom: 0.25rem; } .cart-collaterals .shop_table #shipping_method input { margin-right: 0.5rem; } .cart-collaterals .shop_table .woocommerce-shipping-calculator { text-align: left; } .cart-collaterals .shop_table .woocommerce-shipping-calculator > p { margin-bottom: 0; } .cart-collaterals .shop_table .woocommerce-shipping-calculator .shipping-calculator-button { display: block; color: #000000; background-color: #d4deeb; border-radius: 3px; padding: 0.3rem 0.75rem; margin-top: 0.4rem; margin-bottom: 1rem; } .cart-collaterals .shop_table .woocommerce-shipping-calculator .shipping-calculator-button:focus, .cart-collaterals .shop_table .woocommerce-shipping-calculator .shipping-calculator-button:hover { text-decoration: none; background-color: #cacfd7; } .cart-collaterals .shop_table .woocommerce-shipping-calculator .shipping-calculator-form p { margin-bottom: 1rem; } .cart-collaterals .shop_table .woocommerce-shipping-calculator .shipping-calculator-form #calc_shipping_country_field { margin-bottom: 1.2rem; } .cart-collaterals .shop_table .woocommerce-shipping-calculator .shipping-calculator-form .button { width: 100%; } .cart-collaterals .shop_table th { display: block; font-weight: normal; border: 0; padding: 0.7rem 0; } .cart-collaterals .shop_table td { display: block; font-weight: bold; text-align: right; border: 0; padding: 0.7rem 0; } .cart-collaterals .shop_table td::before { display: none; } .cart-collaterals .wc-proceed-to-checkout .checkout-button { display: block; font-size: 0.9rem; letter-spacing: .2px; text-align: center; } .cart-collaterals .wc-proceed-to-checkout .checkout-button:focus, .cart-collaterals .wc-proceed-to-checkout .checkout-button:hover { text-decoration: none; } .ws-woocommerce-coupon-code-notification { position: -webkit-sticky; position: sticky; top: 4.5rem; z-index: 20; } .admin-bar .ws-woocommerce-coupon-code-notification { top: 7rem; } .ws-woocommerce-coupon-code-notification__close { position: absolute; right: 0.75rem; } / WooCommerce Checkout Page for Jungle skin / .woocommerce-checkout .woocommerce-checkout-review-order-table { margin-bottom: 1.5rem; border: 0; } .woocommerce-checkout .woocommerce-checkout-review-order-table .product-name { max-width: 15rem; word-wrap: break-word; } .woocommerce-checkout .woocommerce-checkout-review-order-table thead { font-size: 0.8rem; } .woocommerce-checkout .woocommerce-checkout-review-order-table thead th { font-weight: normal; padding-top: 0; } .woocommerce-checkout .woocommerce-checkout-review-order-table tbody { font-size: 0.7rem; color: #777777; } .woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr:last-of-type td, .woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr:last-of-type th { border-bottom: 2px solid #333333; } .woocommerce-checkout .woocommerce-checkout-review-order-table tfoot { font-size: 0.8rem; } .woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td { font-weight: bold; text-align: right; } .woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th { font-weight: normal; } .woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .order-total td, .woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .order-total th { color: #333333; } .woocommerce-checkout .woocommerce-checkout-review-order-table td, .woocommerce-checkout .woocommerce-checkout-review-order-table th { border: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 0.7rem 0; } .woocommerce-checkout .woocommerce-checkout-review-order-table .product-total { text-align: right; } .woocommerce-checkout .woocommerce-checkout-review-order-table #shipping_method { padding-left: 0; list-style: none; margin-bottom: 0; } .woocommerce-checkout .woocommerce-checkout-review-order-table #shipping_method input { margin-right: 0.5rem; } .woocommerce-checkout .woocommerce-checkout-review-order-table .product-name { width: 70%; } .woocommerce-checkout .woocommerce-checkout-review-order-table .product-total { width: 30%; } .woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item .product-name dl.variation { display: -ms-flexbox; display: flex; margin-bottom: 0; } .woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item .product-name dl.variation dt { margin-right: 2px; } .woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item .product-name dl.variation dd { position: relative; margin-right: 10px; } .woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item .product-name dl.variation dd::after { position: absolute; content: ','; right: -3px; top: 0; } .woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item .product-name dl.variation dd:last-of-type::after { display: none; } .woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item .product-name dl.variation dd, .woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item .product-name dl.variation p { margin-bottom: 0; } .woocommerce-checkout .wc_payment_methods { padding-left: 0; list-style: none; margin-bottom: 1.5rem; } .woocommerce-checkout .wc_payment_method { background-color: #f5f7fa; border-radius: 3px; } .woocommerce-checkout .wc_payment_method:not(:last-of-type) { margin-bottom: 0.2rem; } .woocommerce-checkout .wc_payment_method > input { display: none; } .woocommerce-checkout .wc_payment_method > input:checked + label::before { content: '\f192'; color: #008f00; } .woocommerce-checkout .wc_payment_method > label { position: relative; display: block; font-size: 0.8rem; font-weight: bold; color: #333333; padding: 1.25rem 1.5rem; margin-bottom: 0; cursor: pointer; transition: all 100ms ease-out; } .woocommerce-checkout .wc_payment_method > label::after { display: block; clear: both; content: ""; } .woocommerce-checkout .wc_payment_method > label:hover { background-color: #d4deeb; } .woocommerce-checkout .wc_payment_method > label::before { content: '\f111'; font-family: 'Font Awesome 5 Free'; font-weight: normal; color: #999999; margin-right: 0.5rem; transition: all 100ms ease-out; } .woocommerce-checkout .wc_payment_method > label a { font-weight: normal; } .woocommerce-checkout .wc_payment_method .payment_box { font-size: 0.8rem; color: #333333; padding: 0.25rem 1.5rem 1.25rem; } .woocommerce-checkout .wc_payment_method .payment_box p:last-of-type { margin-bottom: 0; } .woocommerce-checkout .wc_payment_method img { float: right; max-height: 3rem; } .woocommerce-checkout .place-order .button { font-size: 0.9rem; width: 100%; white-space: pre-wrap; padding: 1.25rem 1.5rem; margin-bottom: 1.5rem; } .woocommerce-checkout .place-order .button:focus, .woocommerce-checkout .place-order .button:hover { outline: none; } .woocommerce-checkout #ship-to-different-address .woocommerce-formlabel { width: 100%; margin-bottom: 0; } .woocommerce-checkout #ship-to-different-address .woocommerce-formlabel br { display: none; } .woocommerce-checkout #ship-to-different-address .woocommerce-forminput-checkbox { position: absolute; opacity: 0; visibility: hidden; } .woocommerce-checkout #ship-to-different-address .woocommerce-forminput-checkbox:checked + span { background-color: #ffffff; border-color: #008f00; } .woocommerce-checkout #ship-to-different-address .woocommerce-forminput-checkbox:checked + span::before { background-color: #008f00; } .woocommerce-checkout #ship-to-different-address span { position: relative; display: block; font-size: 0.8rem; background-color: #f5f7fa; border: 1px solid #f5f7fa; border-radius: 3px; padding: 1.05rem 1.5rem 1.05rem 3rem; transition: all 100ms ease-out; cursor: pointer; } .woocommerce-checkout #ship-to-different-address span:hover { background-color: #d4deeb; } .woocommerce-checkout #ship-to-different-address span:hover::before { border-color: #008f00; box-shadow: inset 0 0 0 2px #d4deeb; } .woocommerce-checkout #ship-to-different-address span::before { position: absolute; content: ''; background-color: transparent; border: 1px solid #999999; border-radius: 3px; box-shadow: inset 0 0 0 2px #f4f4f4; width: 1rem; height: 1rem; left: 1.25rem; top: calc(50% - 0.5rem); transition: all 100ms ease-out; } .woocommerce-checkout .select2-container--default .select2-selection--single { background-color: transparent; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNMjA3LjAyOSAzODEuNDc2TDEyLjY4NiAxODcuMTMyYy05LjM3My05LjM3My05LjM3My0yNC41NjkgMC0zMy45NDFsMjIuNjY3LTIyLjY2N2M5LjM1Ny05LjM1NyAyNC41MjItOS4zNzUgMzMuOTAxLS4wNEwyMjQgMjg0LjUwNWwxNTQuNzQ1LTE1NC4wMjFjOS4zNzktOS4zMzUgMjQuNTQ0LTkuMzE3IDMzLjkwMS4wNGwyMi42NjcgMjIuNjY3YzkuMzczIDkuMzczIDkuMzczIDI0LjU2OSAwIDMzLjk0MUwyNDAuOTcxIDM4MS40NzZjLTkuMzczIDkuMzcyLTI0LjU2OSA5LjM3Mi0zMy45NDIgMHoiIGZpbGw9IiM5OTk5OTkiLz48L3N2Zz4="); background-position: calc(100% - 1rem) 50%; background-repeat: no-repeat; background-size: auto 20%; border: 1px solid #dddddd; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); height: 2.5rem; } .woocommerce-checkout .select2-container--default .select2-selection--single:hover { border-color: #999999; } .woocommerce-checkout .select2-container--default .select2-selection--single:focus { border-color: #000000; outline: none; } .woocommerce-checkout .select2-container--default .select2-selection--single .select2-selectionrendered { font-size: 0.7rem; padding: 0.55rem 1.75rem 0.55rem 1rem; } .woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow { display: none; } .woocommerce-checkout .select2-container--open .select2-selection--single { border-color: #aaaaaa; } .woocommerce-checkout.page-template-template-empty { background-color: #f5f7fa; } .woocommerce-checkout.page-template-template-empty .boxed-container { background-color: #f5f7fa; } .woocommerce-checkout.page-template-template-empty #customer_details { background-color: #ffffff; box-shadow: 0 2px 25px rgba(153, 153, 153, 0.5); padding: 1.5rem 0.9rem; margin-bottom: 1.5rem; margin-left: -15px; margin-right: -15px; } @media (min-width: 576px) { .woocommerce-checkout.page-template-template-empty #customer_details { margin-left: 0; margin-right: 0; padding: 2.25rem 2.5rem; } } .woocommerce-checkout.page-template-template-empty .wc_payment_method { background-color: #e5ebf3; } .woocommerce-checkout.page-template-template-empty .wc_payment_method > input:checked + label, .woocommerce-checkout.page-template-template-empty .wc_payment_method > input:checked ~ .payment_box { background-color: #ffffff; } .woocommerce-checkout.page-template-template-empty .wc_payment_method > input:checked + label { border: 1px solid #008f00; border-bottom: 0; } .woocommerce-checkout.page-template-template-empty .wc_payment_method > input:checked ~ .payment_box { border: 1px solid #008f00; border-top: 0; } .woocommerce-checkout.page-template-template-empty .wc_payment_method > label { border: 1px solid #d4deeb; } .woocommerce-checkout.page-template-template-empty .wc_payment_method > label:hover { background-color: #d4deeb; } .woocommerce-checkout.page-template-template-empty .woocommerce-error, .woocommerce-checkout.page-template-template-empty .woocommerce-info, .woocommerce-checkout.page-template-template-empty .woocommerce-message, .woocommerce-checkout.page-template-template-empty .woocommerce-notice { margin-bottom: 0; margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); } @media (min-width: 576px) { .woocommerce-checkout.page-template-template-empty .woocommerce-error, .woocommerce-checkout.page-template-template-empty .woocommerce-info, .woocommerce-checkout.page-template-template-empty .woocommerce-message, .woocommerce-checkout.page-template-template-empty .woocommerce-notice { margin-left: 0; margin-right: 0; width: 100%; } } @media (min-width: 992px) { .woocommerce-checkout.page-template-template-empty .woocommerce-error, .woocommerce-checkout.page-template-template-empty .woocommerce-info, .woocommerce-checkout.page-template-template-empty .woocommerce-message, .woocommerce-checkout.page-template-template-empty .woocommerce-notice { margin-bottom: 2.25rem; } } / WooCommerce Order Received Page / .woocommerce-order-overview { padding-left: 0; list-style: none; background-color: #f4f4f4; border-radius: 3px; } .woocommerce-order-overview li { font-size: 0.6rem; text-transform: uppercase; padding: 2.05rem 2.25rem 1.9rem; } .woocommerce-order-overview li:not(:last-of-type) { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .woocommerce-order-overview li strong { display: block; font-size: 0.9rem; text-transform: none; } .woocommerce-order-details .woocommerce-table--order-details { margin-bottom: 1.5rem; border: 0; margin-bottom: 3rem; } .woocommerce-order-details .woocommerce-table--order-details .product-name { max-width: 15rem; word-wrap: break-word; } .woocommerce-order-details .woocommerce-table--order-details thead { font-size: 0.8rem; } .woocommerce-order-details .woocommerce-table--order-details thead th { font-weight: normal; padding-top: 0; } .woocommerce-order-details .woocommerce-table--order-details tbody { font-size: 0.7rem; color: #777777; } .woocommerce-order-details .woocommerce-table--order-details tbody tr:last-of-type td, .woocommerce-order-details .woocommerce-table--order-details tbody tr:last-of-type th { border-bottom: 2px solid #333333; } .woocommerce-order-details .woocommerce-table--order-details tfoot { font-size: 0.8rem; } .woocommerce-order-details .woocommerce-table--order-details tfoot td { font-weight: bold; text-align: right; } .woocommerce-order-details .woocommerce-table--order-details tfoot th { font-weight: normal; } .woocommerce-order-details .woocommerce-table--order-details tfoot .order-total td, .woocommerce-order-details .woocommerce-table--order-details tfoot .order-total th { color: #333333; } .woocommerce-order-details .woocommerce-table--order-details td, .woocommerce-order-details .woocommerce-table--order-details th { border: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 0.7rem 0; } .woocommerce-order-details .woocommerce-table--order-details .product-total { text-align: right; } .woocommerce-customer-details address { background-color: #f4f4f4; border-radius: 3px; padding: 1.75rem 2.25rem; } .woocommerce-customer-details address p:last-child { margin-bottom: 0; } / WooCommerce My Account Page for Jungle skin / .woocommerce-MyAccount-navigation { margin-bottom: 1.5rem; } @media (min-width: 992px) { .woocommerce-MyAccount-navigation { float: left; width: 20.3%; margin-right: 3rem; margin-bottom: 0; } } .woocommerce-MyAccount-navigation ul { padding-left: 0; list-style: none; margin-bottom: 0; } .woocommerce-MyAccount-navigation-link a { display: block; font-size: 0.7rem; font-weight: bold; color: #000000; background-color: #f5f7fa; border: 1px solid #e6e6e6; padding: 0.725rem 1rem; transition: all 100ms ease-out; } .woocommerce-MyAccount-navigation-link a:focus, .woocommerce-MyAccount-navigation-link a:hover { text-decoration: none; color: #000000; background-color: #e5ebf3; } .woocommerce-MyAccount-navigation-link.is-active a { text-decoration: none; background-color: #ffffff; border-left: 2px solid #f39f39; } .woocommerce-MyAccount-navigation-link:first-of-type > a { border-top-left-radius: 3px; border-top-right-radius: 3px; } .woocommerce-MyAccount-navigation-link:last-of-type > a { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .woocommerce-MyAccount-navigation-link:not(:last-of-type) a { border-bottom: 0; } @media (min-width: 992px) { .woocommerce-MyAccount-content { float: right; width: calc(79.7% - 3rem); } } .woocommerce-MyAccount-orders { font-size: 0.7rem; } @media (min-width: 992px) { .woocommerce-account .woocommerce-form-login { margin: 0; } } .woocommerce-ResetPassword .form-row { width: 100%; } / WooCommerce Widgets for Jungle skin */ .widget_shopping_cart .woocommerce-mini-cart { padding-left: 0; list-style: none; margin-bottom: 0; } .pt-widget-woo-cart .widget_shopping_cart .woocommerce-mini-cart { margin-top: 0.75rem; margin-bottom: 0.75rem; } .widget_shopping_cart .woocommerce-mini-cart__new-item-message, .widget_shopping_cart .woocommerce-mini-cart__empty-message { font-size: 0.5rem; font-weight: bold; text-align: center; border-radius: 2px; padding: 0.2rem 0.5rem; margin-bottom: 0; } .pt-widget-woo-cart .widget_shopping_cart .woocommerce-mini-cart__new-item-message, .pt-widget-woo-cart .widget_shopping_cart .woocommerce-mini-cart__empty-message { margin: 0.75rem 1rem; } .widget_shopping_cart .woocommerce-mini-cart__empty-message { color: #999999; background-color: #f4f4f4; border: solid 1px #999999; } .widget_shopping_cart .woocommerce-mini-cart__new-item-message { color: #008f00; background-color: #eef6ef; border: solid 1px #008f00; } .widget_shopping_cart .woocommerce-mini-cart__total, .widget_shopping_cart .woocommerce-mini-cart__buttons { background-color: #e5ebf3; margin-bottom: 0; } .widget_shopping_cart .woocommerce-mini-cart__total { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; font-size: 0.7rem; font-weight: bold; color: #333333; padding: 0.95rem 1rem; } .widget_shopping_cart .woocommerce-mini-cartbuttons { padding: 0 1rem 1rem; } .headerwidgets .widget_shopping_cart .woocommerce-mini-cart__buttons { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .widget_shopping_cart .woocommerce-mini-cart__buttons .button { display: block; text-align: center; padding: 0.5rem 1.5rem; } .widget_shopping_cart .woocommerce-mini-cart__buttons .button + .button { margin-top: 0.4rem; } .widget_shopping_cart .woocommerce-mini-cart__buttons .wc-forward { background: #ffffff; border: solid 1px #dddddd; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .widget_shopping_cart .woocommerce-mini-cart__buttons .wc-forward:focus, .widget_shopping_cart .woocommerce-mini-cart__buttons .wc-forward:hover, .widget_shopping_cart .woocommerce-mini-cart__buttons .wc-forward:hover:active { text-decoration: none; background: #f5f7fa; border-color: #d4deeb; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .widget_shopping_cart .woocommerce-mini-cart__buttons .checkout { color: #232f3f; background: linear-gradient(#fbde97, #f7c128); border: 1px solid #ce9f19; box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.25); } .widget_shopping_cart .woocommerce-mini-cart__buttons .checkout:focus, .widget_shopping_cart .woocommerce-mini-cart__buttons .checkout:hover { text-decoration: none; color: #232f3f; background: #d6a721; border-color: #ce9f19; } .widget_shopping_cart .woocommerce-mini-cart-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0.75rem; } .pt-widget-woo-cart .widget_shopping_cart .woocommerce-mini-cart-item { padding: 0 1rem; } .pt-widget-woo-cart .widget_shopping_cart .woocommerce-mini-cart-item:last-of-type { margin-bottom: 0; } .widget_shopping_cart .woocommerce-mini-cart-item img { width: 2.6rem; margin-right: 1rem; } .widget_shopping_cart .woocommerce-mini-cart-item__content { -ms-flex: 1 1 0px; flex: 1 1 0; } .widget_shopping_cart .woocommerce-mini-cart-item__content .amount { display: block; font-size: 0.7rem; font-weight: bold; } .widget_shopping_cart .woocommerce-mini-cart-item__title { font-size: 0.55rem; line-height: 1.3; } .widget_shopping_cart .woocommerce-mini-cart-item__product-info { font-size: 0.45rem; color: #999999; } .widget_shopping_cart .woocommerce-mini-cart-item .remove_from_cart_button { text-align: right; color: #999999; width: 1rem; } .widget_shopping_cart .woocommerce-mini-cart-item .remove_from_cart_button:focus, .widget_shopping_cart .woocommerce-mini-cart-item .remove_from_cart_button:hover { text-decoration: none; color: #c00c00; } .widget_shopping_cart .woocommerce-mini-cart-item .variation { -ms-flex-order: 4; order: 4; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-top: 0.15rem; margin-bottom: 0; } .widget_shopping_cart .woocommerce-mini-cart-item .variation dt { display: inline-block; } .widget_shopping_cart .woocommerce-mini-cart-item .variation dd { display: inline-block; margin-bottom: 0; } .widget_shopping_cart .woocommerce-mini-cart-item .variation dd p { display: inline-block; margin-bottom: 0; } .widget_shopping_cart .woocommerce-mini-cart-item .variation dd:not(:last-of-type)::after { content: ','; margin-right: 0.15rem; margin-left: -0.1rem; } .widget_recently_viewed_products .product_list_widget, .widget_recent_reviews .product_list_widget, .widget_products .product_list_widget, .widget_top_rated_products .product_list_widget { padding-left: 0; list-style: none; } .widget_recently_viewed_products .product_list_widget li, .widget_recent_reviews .product_list_widget li, .widget_products .product_list_widget li, .widget_top_rated_products .product_list_widget li { display: inline-block; width: 100%; } .widget_recently_viewed_products .product_list_widget li:not(:last-of-type), .widget_recent_reviews .product_list_widget li:not(:last-of-type), .widget_products .product_list_widget li:not(:last-of-type), .widget_top_rated_products .product_list_widget li:not(:last-of-type) { margin-bottom: 0.75rem; } .widget_recently_viewed_products .product_list_widget img, .widget_recent_reviews .product_list_widget img, .widget_products .product_list_widget img, .widget_top_rated_products .product_list_widget img { width: 2.6rem; height: 2.6rem; margin-right: 1rem; float: left; border-radius: 3px; } .widget_recently_viewed_products .product_list_widget .product-title, .widget_recent_reviews .product_list_widget .product-title, .widget_products .product_list_widget .product-title, .widget_top_rated_products .product_list_widget .product-title { display: block; } .widget_recently_viewed_products .product_list_widget .star-rating, .widget_recent_reviews .product_list_widget .star-rating, .widget_products .product_list_widget .star-rating, .widget_top_rated_products .product_list_widget .star-rating { height: 1rem; width: 3.7rem; } .widget_recently_viewed_products .product_list_widget .amount, .widget_recent_reviews .product_list_widget .amount, .widget_products .product_list_widget .amount, .widget_top_rated_products .product_list_widget .amount { font-weight: bold; } .widget_recently_viewed_products .product_list_widget .reviewer, .widget_recent_reviews .product_list_widget .reviewer, .widget_products .product_list_widget .reviewer, .widget_top_rated_products .product_list_widget .reviewer { color: #999999; } .widget_recently_viewed_products .product_list_widget del, .widget_recent_reviews .product_list_widget del, .widget_products .product_list_widget del, .widget_top_rated_products .product_list_widget del { color: #999999; margin-right: 0.25rem; } .widget_recently_viewed_products .product_list_widget del .amount, .widget_recent_reviews .product_list_widget del .amount, .widget_products .product_list_widget del .amount, .widget_top_rated_products .product_list_widget del .amount { font-weight: normal; } .widget_recently_viewed_products .product_list_widget ins, .widget_recent_reviews .product_list_widget ins, .widget_products .product_list_widget ins, .widget_top_rated_products .product_list_widget ins { text-decoration: none; } .widget_product_categories ul { padding-left: 0; list-style: none; } .widget_product_categories a { display: block; font-weight: bold; padding: 0.35rem 0; } .widget_product_categories .children a { padding-left: 0.75rem; } .widget_product_categories .children .children a { padding-left: 1.5rem; } .widget_product_categories .children .children .children a { padding-left: 2.25rem; } .widget_product_categories .children .children .children .children a { padding-left: 3rem; } .widget_rating_filter ul { padding-left: 0; list-style: none; } .widget_rating_filter a:focus, .widget_rating_filter a:hover { text-decoration: none; } .widget_rating_filter .star-rating { display: inline-block; vertical-align: top; height: 1rem; width: 3.7rem; } .widget_product_search .search-field, .ysm_search_widget .search-field { position: relative; display: block; font-size: 0.7rem; color: #000000; border: 1px solid #dddddd; border-radius: 2.5rem; width: 100%; height: 2.5rem; padding: 0 1rem 0 2.5rem; transition: all 100ms ease-out; z-index: 10; } .widget_product_search .search-field:hover, .ysm_search_widget .search-field:hover { border-color: #999999; } .widget_product_search .search-field:focus, .ysm_search_widget .search-field:focus { border-color: #000000; box-shadow: none; outline: none; } .widget_product_search .search-field + button, .ysm_search_widget .search-field + button { position: absolute; font-size: 0; color: transparent; background-color: transparent; border: 0; border-radius: 2.5rem; border-top-right-radius: 0; border-bottom-right-radius: 0; top: 1px; left: 1px; width: 2.4rem; height: 2.4rem; z-index: 10; } .widget_product_search .search-field + button::after, .ysm_search_widget .search-field + button::after { position: absolute; content: '\f002'; font-family: 'Font Awesome 5 Free'; font-size: 1rem; font-weight: 900; color: #000000; left: calc(50% - 0.35rem); top: calc(50% - 0.75rem); } @media (min-width: 992px) { .top .widget_product_search, .top .ysm_search_widget { min-width: 15rem; } } .header__widgets .widget_product_search, .header__widgets .ysm_search_widget { -ms-flex: 1 0 0px; flex: 1 0 0; } .header__widgets .widget_product_search .search-field, .header__widgets .ysm_search_widget .search-field { border: 1px solid #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); color: #000000; border-radius: 3px; height: 2rem; padding: 0 2.5rem 0 1rem; } .header__widgets .widget_product_search .search-field + button, .header__widgets .ysm_search_widget .search-field + button { background-color: #ffc768; border-radius: 0 3px 3px 0; top: 0; right: 0; left: unset; height: 2rem; width: 2.75rem; padding: 0; cursor: pointer; } .header__widgets .widget_product_search .search-field + button:focus, .header__widgets .ysm_search_widget .search-field + button:focus { outline: none; } .header__widgets .widget_product_search .search-field + button:focus, .header__widgets .widget_product_search .search-field + button:hover, .header__widgets .ysm_search_widget .search-field + button:focus, .header__widgets .ysm_search_widget .search-field + button:hover { background-color: #ffbc49; } .widget_product_search .woocommerce-product-search { position: relative; z-index: 10; } .ysm_search_widget label { margin-bottom: 0; } .ysm_search_widget .search-form { position: relative; } .ysm_search_widget .search-field[type='search'] { background-color: #fff; font-style: normal; } .ysm_search_widget .search-field[type='search']:-ms-input-placeholder { color: #999999; } .ysm_search_widget .search-field[type='search']::placeholder { color: #999999; } .widget_price_filter .price_slider { margin: 0 0 1rem; } .widget_price_filter .price_slider_amount { display: inline-block; text-align: right; width: 100%; } .widget_price_filter .price_slider_amount .button { float: left; } .widget_price_filter .ui-slider { position: relative; text-align: left; } .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; opacity: 1; background: #000000; border: 0; border-radius: 100%; width: 0.75rem; height: 0.75rem; top: auto; outline: none; box-sizing: border-box; margin-top: -0.2rem; margin-left: auto; cursor: ew-resize; z-index: 2; } .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -0.7rem; } .widget_price_filter .ui-slider .ui-slider-handle:hover, .widget_price_filter .ui-slider .ui-slider-handle.ui-state-active { box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1); } .widget_price_filter .ui-slider-range { position: absolute; display: block; background: #000000; border-radius: 4px; height: 100%; top: 0; z-index: 1; } .widget_price_filter .ui-widget-content { background: rgba(0, 0, 0, 0.1); border: 0; border-radius: 3px; } .widget_price_filter .ui-widget-content .ui-state-default { background: #000000; border: 0; } .widget_price_filter .ui-slider-horizontal { height: 0.35rem; } .widget_price_filter .ui-slider-horizontal .ui-slider-handle { top: auto; } .widget_price_filter .ui-slider-horizontal .ui-slider-handle:first-of-type { margin-left: 0; } .widget_price_filter .ui-slider-range-min { left: -1px; } .widget_price_filter .ui-slider-range-max { right: -1px; } .widget_layered_nav_filters ul { padding-left: 0; list-style: none; } .woonder-single-product { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; border: 1px solid #dddddd; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); margin-bottom: 1.5rem; } @media (min-width: 576px) { .woonder-single-product { -ms-flex-direction: row; flex-direction: row; } } .woonder-single-productcontent { display: -ms-flexbox; display: flex; -ms-flex: 1 1 auto; flex: 1 1 auto; background-color: #ffffff; padding: 0.8rem; } .woonder-single-productcontent:focus, .woonder-single-productcontent:hover { text-decoration: none; } .woonder-single-productcontent img { max-height: 4.5rem; width: auto; margin-bottom: 0; margin-right: 0.8rem; } .woonder-single-producttext { -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .woonder-single-producttext .amount { font-size: 0.9rem; font-weight: bold; color: #008f00; } .woonder-single-producttitle { font-size: 0.8rem; font-weight: bold; color: #000000; margin-bottom: 0.1rem; } .woonder-single-productbutton { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-item-align: stretch; align-self: stretch; background-color: #f4f4f4; } .woonder-single-productbutton .button { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; font-size: 0.65rem; font-weight: bold; text-transform: uppercase; letter-spacing: .5px; color: #ffffff; background-color: #008f00; border-radius: 3px; padding: 0.5rem 0.95rem; margin: 1.5rem; white-space: nowrap; transition: all 100ms ease-out; } .woonder-single-productbutton .button:focus, .woonder-single-product__button .button:hover { text-decoration: none; background-color: #007000; }