Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- Theme Name: Niobe
- Theme URI: http://niobe.axiomthemes.com/
- Description: Niobe - excellent WordPress theme with many different blog and header layouts
- Author: Axiomthemes
- Author URI: http://axiomthemes.com/
- Version: 1.1.3
- EV: 1.0.38 (edit)
- License: GNU General Public License v2 or later
- License URI: http://www.gnu.org/licenses/gpl-2.0.html
- Tags: flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
- Text Domain: niobe
- */
- /* TABLE OF CONTENTS:
- 1. Reset tags
- 2. Default tag's settings
- 3. Form fields settings
- 4. WP styles and Screen readers
- 5. Theme grid
- 6. Page layouts
- 7. Section's decorations
- 7.1 Header: Logo and Menu
- 7.2 Sliders
- 7.3 Page info (page/post title, category or tag name, author, etc.)
- 7.4 Blog layouts
- 7.5 Post Formats
- 7.6 Paginations
- 8. Single page parts
- 8.1 Post header
- 8.2 Post footer
- 8.3 Post author
- 8.4 Related posts
- 8.5 Comments
- 8.6 Page 404
- 8.7 Page 'No search results' and 'No archive results'
- 9. Sidebars
- 10. Footer areas
- 11. Front Page sections
- 12. Utils
- 13. Registration and Login popups
- 14. Third part plugins
- 15. Predefined classes for users
- -------------------------------------------------------------- */
- /* 1. Reset tags
- -------------------------------------------------------------- */
- html, body, div, span, applet, object, iframe,
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
- a, abbr, acronym, address, big, cite, code,
- del, dfn, em, font, ins, kbd, q, s, samp,
- small, strike, strong, sub, sup, tt, var,
- dl, dt, dd, ol, ul, li,
- fieldset, form, label, legend,input,textarea,button,
- table, caption, tbody, tfoot, thead, tr, th, td,
- article, aside, address, section, video, audio {
- font-family: inherit;
- font-size: 100%;
- font-style: inherit;
- font-weight: inherit;
- line-height:inherit;
- border: 0;
- outline: 0;
- -ms-word-wrap: break-word;
- word-wrap: break-word;
- }
- html, body {
- margin: 0;
- padding: 0;
- width: 100%;
- }
- html {
- font-size: 100%; /*62.5%;*/ /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units
- http://clagnut.com/blog/348/#c790 */
- -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
- -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/
- controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- overflow-y: scroll !important;
- overflow-x: hidden;
- height: 100%;
- }
- /* 2. Default tag's settings
- -------------------------------------------------------------- */
- html {
- font-size: 18px;
- }
- body {
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- }
- article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
- display: block;
- }
- h1, h2, h3, h4, h5, h6 {
- hyphens: auto;
- }
- h1.sc_layouts_title_caption > ins,
- h1.sc_layouts_title_caption > mark,
- h1.sc_layouts_title_caption > em,
- h1.sc_layouts_title_caption > i,
- h1.sc_layouts_title_caption > dt {
- color: inherit;
- }
- li > ol, li > ul, dl > dd {
- margin-bottom:0;
- }
- li > p {
- margin-bottom:0;
- }
- li > p+p {
- margin-top:0.5em;
- }
- ol, ul {
- padding-left:1.5em;
- }
- ul ul { list-style-type: disc; }
- .wpb_wrapper > ol ul li,
- .wpb_wrapper > ol ol li,
- .wpb_wrapper > ul ol li,
- .wpb_wrapper > ul ul li,
- .wpb_wrapper > ol li + li,
- .wpb_wrapper > ul li + li {
- margin-top: 0.35em;
- }
- /* Links */
- a {
- text-decoration:none;
- background:transparent;
- }
- a,
- a:hover,
- a:focus,
- a:active {
- outline: 0;
- }
- a img { border: none; }
- a, a em, a b, button,
- input[type="button"], input[type="submit"] {
- -webkit-transition: all 0.3s ease;
- -ms-transition: all 0.3s ease;
- transition: all 0.3s ease;
- }
- h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
- display:block;
- }
- :active, :focus { outline:0; }
- /* Tables */
- table {
- border-collapse: collapse;
- }
- table th+th, table th+td, table td+th, table td+td {
- border-left: 1px solid #ddd;
- }
- table > p {
- margin: 0 !important;
- }
- table td, table th {
- padding: 1.8em 1em;
- }
- table th {
- font-size: 0.889em;
- font-weight: 600;
- text-transform:uppercase;
- font-style:italic;
- text-align: center;
- }
- caption {
- font-weight: 700;
- text-align: center;
- }
- /* Blockquotes*/
- blockquote {
- text-align:left;
- letter-spacing: 0;
- padding: 0.4em 2.4em;
- position:relative;
- border-left: 2px solid #ddd;
- z-index: 0;
- margin-right: 0;
- margin-left: 0;
- }
- blockquote:before {
- content: '”';
- font-size:13em;
- line-height: 0.8;
- display:block;
- position:absolute;
- top: 0;
- left: 0.11em;
- z-index: -1;
- }
- blockquote:after,
- q:before, q:after { content: ""; }
- blockquote, q { quotes: "" ""; }
- blockquote > a, blockquote > p > a,
- blockquote p {
- margin: 0;
- font-size: 1em;
- font-weight:700;
- }
- blockquote > cite, blockquote > p > cite {
- display:block;
- font-size:0.667em;
- line-height: 1.35em;
- font-weight:700;
- font-style:normal;
- text-transform:uppercase;
- margin-top: 1.1em;
- letter-spacing: 1.15px;
- }
- .blog_mode_post blockquote,
- .blog_mode_page blockquote {
- margin: 1.75rem 0 ;
- }
- .blog_mode_post .comments_list blockquote,
- .blog_mode_page .comments_list blockquote {
- margin: 1.5em 0;
- }
- /* Other tags */
- dd { margin-left: 1.5em; }
- dt, b, strong { font-weight: bold; }
- dfn, em, i { font-style: italic; }
- pre, code, kbd, tt, var, samp {
- font-family: "Courier New", Courier, monospace;
- font-size: 1em;
- letter-spacing:0;
- }
- pre {
- overflow: auto;
- max-width: 100%;
- }
- code {
- max-width: 100%;
- padding: 0 1em;
- border: 1px solid #888;
- background-color: #f7f7f7;
- display: inline-block;
- word-wrap:break-word;
- }
- pre > code {
- display: block;
- white-space:normal;
- }
- abbr, acronym {
- border-bottom: none;
- cursor: help;
- text-decoration: none;
- }
- mark, ins {
- background-color:transparent;
- text-decoration: none;
- }
- sup,
- sub {
- font-size: 75%;
- height: 0;
- line-height: 0;
- position: relative;
- vertical-align: baseline;
- }
- sup { bottom: 1ex; }
- sub { top: .5ex; }
- small { font-size: 80%; }
- big { font-size: 120%; }
- [hidden], template { display: none; }
- hr {
- -webkit-box-sizing: content-box;
- -ms-box-sizing: content-box;
- box-sizing: content-box;
- height: 0;
- border: none;
- border-top: 1px solid #eee;
- margin: 2em 0;
- }
- /* Images */
- img {
- max-width: 100%;
- height: auto;
- vertical-align:top;
- }
- figure,
- .wp-caption,
- .wp-caption-overlay .wp-caption {
- border: 0;
- margin: 0;
- padding: 0;
- overflow: hidden;
- position: relative;
- max-width:100%;
- -webkit-border-radius: 10px;
- -ms-border-radius: 10px;
- border-radius: 10px;
- }
- .wpb_text_column p img {
- -webkit-border-radius: 10px;
- -ms-border-radius: 10px;
- border-radius: 10px;
- }
- figure[class*="align"],
- img[class*="align"] {
- margin-bottom: 0.2em !important;
- }
- figure figcaption,
- .wp-caption .wp-caption-text,
- .wp-caption .wp-caption-dd,
- .wp-caption-overlay .wp-caption .wp-caption-text,
- .wp-caption-overlay .wp-caption .wp-caption-dd {
- -webkit-transition: all ease-in-out .3s;
- -ms-transition: all ease-in-out .3s;
- transition: all ease-in-out .3s;
- position: absolute;
- bottom: 0;
- right: 0;
- left: 0;
- margin-bottom: 0;
- font-size: 1.111em;
- font-weight:400;
- font-style:normal;
- text-align:center;
- line-height:1.25em;
- padding:12px;
- text-transform: uppercase;
- }
- figure:hover figcaption,
- .wp-caption:hover .wp-caption-text,
- .wp-caption:hover .wp-caption-dd,
- .wp-caption-overlay .wp-caption:hover .wp-caption-text,
- .wp-caption-overlay .wp-caption:hover .wp-caption-dd {
- margin-bottom: -5em;
- }
- svg:not(:root) { overflow: hidden; }
- /* Audio and Video */
- audio,
- canvas,
- progress,
- video {
- display: inline-block;
- vertical-align: baseline;
- }
- audio:not([controls]) {
- display: none;
- height: 0;
- }
- iframe, video, embed {
- max-width: 100%;
- min-height: 100px;
- vertical-align: top;
- }
- /* Fontello icons */
- [class^="icon-"]:before, [class*=" icon-"]:before {
- line-height: inherit;
- font-weight: inherit;
- font-size: inherit;
- width:auto;
- margin:0;
- }
- /* 3. Form fields settings
- -------------------------------------------------------------- */
- /* Common rules */
- form {
- margin-bottom:0;
- }
- button, input, optgroup, select, textarea, textarea.wp-editor-area {
- font-family: inherit;
- font-size: 1em; /* Corrects font size not being inherited in all browsers */
- margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
- vertical-align: baseline; /* Improves appearance and consistency in all browsers */
- }
- button {
- overflow: visible;
- }
- input[placeholder]::-webkit-input-placeholder,
- textarea[placeholder]::-webkit-input-placeholder { text-overflow:ellipsis; text-transform: uppercase; }
- input[placeholder]::-moz-placeholder,
- textarea[placeholder]::-moz-placeholder { text-overflow:ellipsis; text-transform: uppercase; }
- input[placeholder]:-ms-input-placeholder,
- textarea[placeholder]:-ms-input-placeholder { text-overflow:ellipsis; text-transform: uppercase; }
- input[placeholder]::placeholder,
- textarea[placeholder]::placeholder { text-overflow:ellipsis; text-transform: uppercase; }
- input[type=number]::-webkit-inner-spin-button,
- input[type=number]::-webkit-outer-spin-button {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- margin: 0;
- }
- input[type=text]::-ms-clear { display: none; width : 0; height: 0; }
- input[type=text]::-ms-reveal { display: none; width : 0; height: 0; }
- input[type="search"]::-webkit-search-decoration,
- input[type="search"]::-webkit-search-cancel-button,
- input[type="search"]::-webkit-search-results-button,
- input[type="search"]::-webkit-search-results-decoration { display: none; }
- input[type=number] {
- -moz-appearance:textfield !important;
- }
- select::-ms-expand {
- display: none;
- }
- textarea, textarea.wp-editor-area,
- select, option,
- input[type="text"],
- input[type="number"],
- input[type="email"],
- input[type="tel"],
- input[type="search"],
- input[type="password"],
- input[type="checkbox"],
- input[type="radio"] {
- -webkit-box-sizing: border-box;
- -ms-box-sizing: border-box;
- box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
- -webkit-border-radius: 0;
- -ms-border-radius: 0;
- border-radius: 0;
- -webkit-transition: all 0.3s ease;
- -ms-transition: all 0.3s ease;
- transition: all 0.3s ease;
- }
- input[type="checkbox"],
- input[type="radio"] {
- padding: 0; /* Addresses excess padding in IE8/9 */
- }
- input[type="number"]::-webkit-outer-spin-button {
- height: 50%;
- }
- input[type="number"],
- input[type="search"] {
- -webkit-appearance: none; /* Addresses appearance set to searchfield in S5, Chrome */
- -webkit-appearance: textfield;
- }
- input[type="search"]::-webkit-search-decoration {
- -webkit-appearance: none; /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
- }
- button::-moz-focus-inner,
- input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
- border: 0;
- padding: 0;
- }
- button[disabled],
- html input[disabled] {
- cursor: default !important;
- }
- button:focus,
- input[type="text"]:focus,
- input[type="email"]:focus,
- input[type="password"]:focus,
- input[type="search"]:focus,
- select:focus,
- textarea:focus,
- textarea.wp-editor-area:focus {
- outline: none;
- }
- input[type="text"],
- input[type="number"],
- input[type="email"],
- input[type="tel"],
- input[type="password"],
- input[type="search"],
- select,
- textarea,
- textarea.wp-editor-area {
- -webkit-appearance: none;
- outline: none;
- resize: none;
- }
- /* Required fields */
- label.required:after {
- content:'*';
- display: none;
- vertical-align:text-top;
- font-size:80%;
- color:#da6f5b;
- }
- /* Field set */
- fieldset {
- padding: 1em 1.5em;
- margin: 1.5em 0.2em;
- border: 1px solid #ddd;
- position:relative;
- }
- fieldset legend {
- position:absolute;
- top: -0.6em;
- left: 1.5em;
- background-color:#fff;
- font-weight:400;
- font-style:italic;
- padding: 0 0.2em;
- letter-spacing:0;
- }
- /* Buttons */
- button,
- input[type="button"],
- input[type="reset"],
- input[type="submit"],
- .theme_button,
- .post_item .more-link,
- .gallery_preview_show .post_readmore,
- /* BB PRess */
- #buddypress .comment-reply-link,
- #buddypress .generic-button a,
- #buddypress a.button,
- #buddypress button,
- #buddypress input[type="button"],
- #buddypress input[type="reset"],
- #buddypress input[type="submit"],
- #buddypress ul.button-nav li a,
- #buddypress div.activity-meta a,
- a.bp-title-button,
- /* Booked */
- body #booked-profile-page input[type="submit"],
- body #booked-profile-page button,
- body .booked-list-view input[type="submit"],
- body .booked-list-view button,
- body table.booked-calendar input[type="submit"],
- body table.booked-calendar button,
- body .booked-modal input[type="submit"],
- body .booked-modal button,
- /* MailChimp */
- .mc4wp-form .mc4wp-form-fields input[type="submit"],
- /* ThemeREX Addons*/
- .sc_button,
- .sc_form button,
- /* Tour Master */
- .tourmaster-tour-search-wrap input.tourmaster-tour-search-submit[type="submit"],
- /* Tribe Events */
- #tribe-bar-form .tribe-bar-submit input[type="submit"],
- #tribe-bar-form button,
- #tribe-bar-form a,
- #tribe-bar-form input,
- #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a,
- .tribe-bar-mini #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a,
- #tribe-events .tribe-events-button,
- .tribe-events-button,
- .tribe-events-cal-links a,
- .tribe-events-sub-nav li a,
- .tribe-events-read-more,
- #tribe-events-footer ~ a.tribe-events-ical.tribe-events-button,
- /* EDD buttons */
- .edd_download_purchase_form .button,
- #edd-purchase-button,
- .edd-submit.button,
- .widget_edd_cart_widget .edd_checkout a,
- /* WooCommerce buttons */
- .woocommerce .button, .woocommerce-page .button,
- .woocommerce a.button,
- .woocommerce button.button,
- .woocommerce input.button
- .woocommerce #respond input#submit,
- .woocommerce input[type="button"], .woocommerce-page input[type="button"],
- .woocommerce input[type="submit"], .woocommerce-page input[type="submit"],
- .woocommerce .woocommerce-message .button,
- .woocommerce ul.products li.product .button,
- .woocommerce div.product form.cart .button,
- .woocommerce #review_form #respond p.form-submit input[type="submit"],
- .woocommerce-page #review_form #respond p.form-submit input[type="submit"],
- .woocommerce table.my_account_orders .order-actions .button,
- .woocommerce table.cart td.actions .button,
- #add_payment_method .wc-proceed-to-checkout a.checkout-button,
- .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
- .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
- /* Disabled state */
- .woocommerce #respond input#submit.disabled,
- .woocommerce #respond input#submit:disabled,
- .woocommerce #respond input#submit[disabled]:disabled,
- .woocommerce a.button.disabled,
- .woocommerce a.button:disabled,
- .woocommerce a.button[disabled]:disabled,
- .woocommerce button.button.disabled,
- .woocommerce button.button:disabled,
- .woocommerce button.button[disabled]:disabled,
- .woocommerce input.button.disabled,
- .woocommerce input.button:disabled,
- .woocommerce input.button[disabled]:disabled,
- .yith-woocompare-widget a.clear-all {
- -webkit-appearance: none;
- cursor: pointer;
- display:inline-block;
- vertical-align: middle;
- text-transform:uppercase;
- white-space:nowrap;
- padding:1.7em 4.3em 1.6em;
- font-size:16px;
- line-height:1;
- font-weight:600;
- letter-spacing:1.6px;
- height: auto;
- border-width: 0 !important;
- -webkit-border-radius: 35px;
- -ms-border-radius: 35px;
- border-radius: 35px;
- -webkit-box-sizing: border-box;
- -ms-box-sizing: border-box;
- box-sizing: border-box;
- }
- .sc_button.sc_button_size_small,
- .theme_button.theme_button_small {
- padding:0.8em 1.6em;
- }
- .theme_button.sc_layouts_title_link {
- display: none !important;
- }
- /* Bordered button */
- .sc_button.sc_button_bordered {
- border-width: 2px !important;
- padding: 1.3em 2.8em;
- }
- .sc_button.sc_button_bordered.sc_button_size_small {
- padding:0.6em 1.4em;
- }
- /* Simple button */
- .sc_button_simple {
- font-style:italic;
- font-weight:400;
- font-size:1em;
- line-height:1.25em;
- letter-spacing:0;
- text-transform:none;
- border: none;
- padding: 0 1.8em 0 0;
- }
- .sc_button_simple:before,
- .sc_button_simple:after {
- content:'\e93a';
- font-family:'fontello';
- font-style:normal;
- }
- /* Modern button */
- .sc_button.sc_button_modern {
- position: relative;
- padding: 1.7em 6.5em 1.65em 2em;
- z-index: 0;
- word-spacing: -0.3px;
- border-right: 1px !important;
- border-style: solid !important;
- }
- .sc_button_modern:before,
- .sc_button_modern:after {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
- .sc_button_modern:before {
- content: '\e958';
- font-family: 'fontello';
- font-style: normal;
- text-align: center;
- line-height: 1;
- font-size: 115%;
- -webkit-font-smoothing: antialiased;
- position: absolute;
- left: auto;
- right: 1.7em;
- top: 50%;
- -webkit-transform:translateY(-50%);
- -ms-transform:translateY(-50%);
- transform:translateY(-50%);
- }
- .sc_button_modern:after {
- content: '';
- width: 5.9em;
- height: 200%;
- background: rgba(255,255,255,0.1);
- z-index: -1;
- right: 0;
- position: absolute;
- top: 0;
- margin: -25px -25px 0 0;
- -webkit-transform-origin: 0 0;
- -webkit-transform: rotate(8deg);
- -moz-transform-origin: 0 0;
- -moz-transform: rotate(8deg);
- -ms-transform-origin: 0 0;
- -ms-transform: rotate(8deg);
- transform-origin: 0 0;
- transform: rotate(8deg);
- -webkit-transition: all 0.3s;
- -moz-transition: all 0.3s;
- transition: all 0.3s;
- }
- .sc_button_modern:hover:after {
- width: 6.8em;
- }
- /* Buttons in widgets */
- .widget.woocommerce .button,
- .widget.WOOCS_CONVERTER .button,
- .widget.yith-woocompare-widget a.button,
- .widget.yith-woocompare-widget a.clear-all {
- font-size:16px;
- line-height: 16px;
- padding:1.113em 1.9em 1.013em;
- }
- .sc_layouts_cart .widget.woocommerce .button,
- .sc_layouts_cart .widget.WOOCS_CONVERTER .button,
- .sc_layouts_cart .widget.yith-woocompare-widget a.button,
- .sc_layouts_cart .widget.yith-woocompare-widget a.clear-all {
- padding:1.163em 1.9em 1em;
- }
- .widget.woocommerce .button+.button {
- margin-left: 3px;
- margin-right: 0;
- }
- /* Text fields */
- input[type="text"],
- input[type="number"],
- input[type="email"],
- input[type="tel"],
- input[type="password"],
- input[type="search"],
- select,
- textarea,
- textarea.wp-editor-area,
- /* MailChimp */
- form.mc4wp-form .mc4wp-form-fields input[type="email"],
- /* Tour Master */
- .tourmaster-form-field input[type="text"],
- .tourmaster-form-field input[type="email"],
- .tourmaster-form-field input[type="password"],
- .tourmaster-form-field textarea,
- .tourmaster-form-field select,
- .tourmaster-form-field.tourmaster-with-border input[type="text"],
- .tourmaster-form-field.tourmaster-with-border input[type="email"],
- .tourmaster-form-field.tourmaster-with-border input[type="password"],
- .tourmaster-form-field.tourmaster-with-border textarea,
- .tourmaster-form-field.tourmaster-with-border select,
- /* WooCommerce */
- .woocommerce table.cart td.actions .coupon .input-text,
- .woocommerce #content table.cart td.actions .coupon .input-text,
- .woocommerce-page table.cart td.actions .coupon .input-text,
- .woocommerce-page #content table.cart td.actions .coupon .input-text,
- /* BB Press*/
- #buddypress div.dir-search input[type="search"],
- #buddypress div.dir-search input[type="text"],
- #buddypress li.groups-members-search input[type="search"],
- #buddypress li.groups-members-search input[type="text"],
- #buddypress .standard-form input[type="color"],
- #buddypress .standard-form input[type="date"],
- #buddypress .standard-form input[type="datetime-local"],
- #buddypress .standard-form input[type="datetime"],
- #buddypress .standard-form input[type="email"],
- #buddypress .standard-form input[type="month"],
- #buddypress .standard-form input[type="number"],
- #buddypress .standard-form input[type="password"],
- #buddypress .standard-form input[type="range"],
- #buddypress .standard-form input[type="search"],
- #buddypress .standard-form input[type="tel"],
- #buddypress .standard-form input[type="text"],
- #buddypress .standard-form input[type="time"],
- #buddypress .standard-form input[type="url"],
- #buddypress .standard-form input[type="week"],
- #buddypress .standard-form select,
- #buddypress .standard-form textarea {
- padding: 2.05em 3.2em 1.95em;
- border: 2px solid #ddd;
- -webkit-border-radius: 35px;
- -ms-border-radius: 35px;
- border-radius: 35px;
- }
- textarea,
- textarea.wp-editor-area {
- overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
- vertical-align: top; /* Improves readability and alignment in all browsers */
- min-height:16em;
- }
- .widget input[type="text"],
- .widget input[type="number"],
- .widget input[type="email"],
- .widget input[type="tel"],
- .widget input[type="password"],
- .widget input[type="search"],
- .widget select,
- .widget textarea,
- .widget textarea.wp-editor-area {
- }
- .cff-dropdown-field select{
- -moz-appearance: textfield;
- }
- /* Radio buttons and checkboxes */
- input[type="radio"],
- input[type="checkbox"],
- .edd_price_options ul > li > label > input[type="radio"],
- .edd_price_options ul > li > label > input[type="checkbox"] {
- display:none;
- }
- label > input[type="radio"],
- label > input[type="checkbox"] {
- display: inline-block;
- vertical-align:baseline;
- }
- .edd_price_options ul > li > label > input[type="radio"] + span,
- .edd_price_options ul > li > label > input[type="checkbox"] + span {
- display: inline-block;
- vertical-align:baseline;
- }
- input[type="radio"] + label,
- input[type="checkbox"] + label,
- input[type="radio"]+.wpcf7-list-item-label,
- input[type="checkbox"]+.wpcf7-list-item-label,
- .edd_price_options ul > li > label > input[type="radio"] + span,
- .edd_price_options ul > li > label > input[type="checkbox"] + span {
- position:relative;
- padding-left:1.4em;
- }
- input[type="radio"] + label:before,
- input[type="checkbox"] + label:before,
- input[type="radio"]+.wpcf7-list-item-label:before,
- input[type="checkbox"]+.wpcf7-list-item-label:before,
- .edd_price_options ul > li > label > input[type="radio"] + span:before,
- .edd_price_options ul > li > label > input[type="checkbox"] + span:before {
- content:' ';
- font-family: "fontello";
- display:block;
- text-align:center;
- border: 1px solid #eee;
- position:absolute;
- left:0;
- top:10%;
- -webkit-box-sizing: border-box;
- -ms-box-sizing: border-box;
- box-sizing: border-box;
- font-size: 1.5em;
- width:0.6em;
- height:0.6em;
- line-height:0.53em;
- }
- input[type="radio"] + label:before,
- input[type="radio"]+.wpcf7-list-item-label:before,
- .edd_price_options ul > li > label > input[type="radio"] + span:before {
- -webkit-border-radius: 50%;
- -ms-border-radius: 50%;
- border-radius: 50%;
- }
- input[type="checkbox"]:checked + label:before,
- input[type="checkbox"]:checked+.wpcf7-list-item-label:before,
- .edd_price_options ul > li > label > input[type="checkbox"]:checked + span:before {
- content:'\e8ab';
- }
- input[type="radio"]:checked + label:before,
- input[type="radio"]:checked+.wpcf7-list-item-label:before,
- .edd_price_options ul > li > label > input[type="radio"]:checked + span:before {
- content:'\e83c';
- }
- /* Select container (dropdown) */
- select {
- text-overflow:ellipsis;
- white-space:nowrap;
- }
- select::-ms-expand {
- display: none;
- }
- /* Hide all select fields while page loading */
- select:not(.esg-sorting-select):not([class*="trx_addons_attrib_"]):not(.field) {
- visibility:hidden;
- }
- /* Show all select fields when they inside an our wrapper */
- .select_container select:not(.esg-sorting-select):not([class*="trx_addons_attrib_"]) {
- visibility:visible;
- }
- /* Our wrapper to decorate select fields */
- .select_container {
- width:100%;
- overflow: hidden;
- position:relative;
- -webkit-border-radius: 35px;
- -ms-border-radius: 35px;
- border-radius: 35px;
- }
- .select_container,
- .select_container:after,
- .select_container select {
- -webkit-transition: all ease .3s;
- -ms-transition: all ease .3s;
- transition: all ease .3s;
- }
- .select_container:before {
- content:' ';
- display:block;
- position:absolute;
- right:0;
- top:0;
- bottom: 0;
- width: 3em;
- z-index:1;
- pointer-events: none;
- cursor:pointer;
- }
- .sc_input_hover_accent .select_container::before {
- right:2px;
- top:2px;
- bottom: 2px;
- -webkit-border-radius: 0;
- -ms-border-radius: 0;
- border-radius: 0;
- }
- .select_container:after {
- content:'\e828';
- font-family: 'fontello';
- display:block;
- line-height:1em;
- width: 1em;
- height: 1em;
- text-align:center;
- position:absolute;
- right:1em;
- top:50%;
- margin-top:-0.45em;
- z-index:2;
- pointer-events: none;
- cursor:pointer;
- }
- .select_container select {
- background:none !important;
- border-color: transparent !important;
- width: 100% !important;
- padding-right: 3em !important;
- -webkit-box-sizing: border-box;
- -ms-box-sizing: border-box;
- box-sizing: border-box;
- }
- .widget .select_container select {
- padding-right: 2em !important;
- padding-top:1.85em;
- padding-bottom:1.65em;
- }
- .widget .select_container:before {
- width: 2em;
- }
- .widget .select_container:after {
- right: 2.5em;
- }
- /* Select2 - Advanced select with search */
- .select2-container {
- text-align: left;
- width: 100% !important;
- }
- .select2-container.select2-container--default span.select2-choice,
- .select2-container.select2-container--default span.select2-selection {
- height: auto;
- border: 2px solid #ddd;
- padding:1.266em 0 1.066em 1.4em;
- text-transform: uppercase;
- font-weight: 400;
- -webkit-border-radius: 35px;
- -ms-border-radius: 35px;
- border-radius: 35px;
- }
- .select2-container--default .select2-selection--single span.select2-selection__rendered {
- line-height: 2.86em;
- min-height: 34px;
- }
- .select2-container.select2-container--default .select2-selection .select2-selection__arrow {
- top: 50%;
- -webkit-transform:translateY(-50%);
- -ms-transform:translateY(-50%);
- transform:translateY(-50%);
- }
- .select2-drop-active {
- border: none;
- }
- .select2-dropdown {
- border: 1px solid #ddd;
- }
- .select2-search {
- padding: 4px 0;
- }
- .select2-container .select2-selection--single .select2-selection__rendered {
- padding-left: 18px;
- padding-right: 45px;
- -webkit-border-radius: 35px;
- -ms-border-radius: 35px;
- border-radius: 35px;
- }
- .select2-container--default .select2-search--dropdown .select2-search__field {
- -webkit-border-radius: 0;
- -ms-border-radius: 0;
- border-radius: 0;
- }
- .select2-container--default .select2-selection--single .select2-selection__arrow {
- right: 20px;
- margin-top: 1px;
- }
- /* 4. WP styles and Screen readers
- -------------------------------------------------------------- */
- .screen-reader-text {
- clip: rect(1px, 1px, 1px, 1px);
- position: absolute !important;
- margin:0 !important;
- padding:0 !important;
- }
- .screen-reader-text:hover,
- .screen-reader-text:active,
- .screen-reader-text:focus {
- display: block;
- top: 5px;
- left: 5px;
- width: auto;
- height: auto;
- padding: 1em 1.5em;
- font-size:0.8em;
- line-height: normal;
- color: #21759b;
- background-color: #f1f1f1;
- border-radius: 3px;
- box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
- clip: auto !important;
- text-decoration: none;
- z-index: 100000; /* Above WP toolbar */
- }
- .alignleft {
- display: inline-block;
- float: left;
- margin-right: 2.3em;
- }
- .alignright {
- display: inline-block;
- float: right;
- margin-left: 2.3em;
- }
- .aligncenter {
- clear: both;
- display: block !important;
- margin-left: auto !important;
- margin-right:auto !important;
- text-align:center;
- }
- figure.alignleft,
- figure.alignright {
- margin-top:0.5em;
- }
- figure.aligncenter {
- margin-bottom:1em;
- }
- /* Sticky posts */
- .sticky_wrap {
- margin-bottom: 5em;
- }
- .sticky {
- position:relative;
- border: 2px solid #ddd;
- padding: 2em;
- }
- .sidebar_hide .sticky_wrap .sticky,
- .body_style_fullwide .sticky_wrap .sticky,
- .body_style_fullscreen .sticky_wrap .sticky {
- text-align:center;
- }
- .sticky .label_sticky {
- display:block;
- position:absolute;
- z-index:1;
- right: -14px;
- top: -14px;
- width: 0;
- height: 0;
- border: 12px solid transparent;
- border-top-color:#ddd;
- -webkit-transform: rotate(225deg);
- -ms-transform: rotate(225deg);
- transform: rotate(225deg);
- }
- .sticky_wrap .sticky .post_featured {
- display: inline-block;
- }
- .sticky_wrap .sticky .post_categories {
- margin-top: 1em;
- }
- .sticky_wrap .sticky .post_title {
- margin-top: 0.5em;
- margin-bottom:0;
- text-transform:uppercase;
- letter-spacing:1px;
- }
- /* Gallery */
- .gallery {
- margin: 0 -5px;
- }
- .gallery .gallery-item {
- display: inline-block;
- vertical-align:top;
- margin-bottom:1em;
- overflow:hidden;
- -webkit-box-sizing: border-box;
- -ms-box-sizing: border-box;
- box-sizing: border-box;
- }
- .gallery .gallery-item a {
- display: block;
- }
- .gallery .gallery-item a img {
- border: none !important;
- display: block;
- width: 100%;
- }
- .gallery .gallery-item .gallery-icon {
- margin: 0 5px;
- }
- .gallery .gallery-item .gallery-caption {
- line-height: 15px;
- margin: 0 5px;
- padding: 6px;
- font-size:11px;
- max-height: 42px;
- }
- .gallery .gallery-item:hover .gallery-caption {
- bottom: -200px;
- }
- .gallery.gallery-columns-9 .gallery-item { width: 11.1111% !important; }
- .gallery.gallery-columns-8 .gallery-item { width: 12.5% !important; }
- .gallery.gallery-columns-7 .gallery-item { width: 14.2857% !important; }
- .gallery.gallery-columns-6 .gallery-item { width: 16.6666% !important; }
- .gallery.gallery-columns-5 .gallery-item { width: 20% !important; }
- .gallery.gallery-columns-4 .gallery-item { width: 25% !important; }
- .gallery.gallery-columns-3 .gallery-item { width: 33.3333% !important; }
- .gallery.gallery-columns-2 .gallery-item { width: 50% !important; }
- .gallery.gallery-columns-1 .gallery-item { width: 100% !important; }
- .gallery.gallery-columns-9 .gallery-caption { font-size: 0.625em; }
- .gallery.gallery-columns-8 .gallery-caption { font-size: 0.6875em; }
- .gallery.gallery-columns-7 .gallery-caption { font-size: 0.75em; }
- .gallery.gallery-columns-6 .gallery-caption { font-size: 0.8125em; }
- .post-password-form label {
- display:inline-block;
- vertical-align:top;
- }
- .post-password-form input[type="submit"] {
- display:inline-block;
- margin-left:0.2em;
- }
- .post-password-form input[type="password"] {
- }
- /* 5. Theme grid
- -------------------------------------------------------------- */
- .container, .container-fluid {
- margin-right: auto;
- margin-left: auto;
- padding-left: 15px;
- padding-right: 15px;
- }
- .row, .columns_wrap {
- margin-left: 0px;
- margin-right: -30px;
- }
- .row > [class*="column-"],
- .columns_wrap > [class*="column-"] {
- display:inline-block;
- vertical-align:top;
- position: relative;
- min-height: 1px;
- padding-left: 0px;
- padding-right: 30px;
- -webkit-box-sizing: border-box;
- -ms-box-sizing: border-box;
- box-sizing: border-box;
- }
- .row.columns_padding_left, .columns_wrap.columns_padding_left, .vc_row.columns_padding_left {
- margin-left: -30px;
- margin-right: 0;
- }
- .vc_row.columns_padding_left .vc_column_container > .vc_column-inner,
- .row.columns_padding_left > [class*="column-"], .columns_wrap.columns_padding_left > [class*="column-"],
- .row > [class*="column-"].columns_padding_left, .columns_wrap > [class*="column-"].columns_padding_left {
- padding-left:30px;
- padding-right:0;
- }
- .vc_row.columns_padding_right,
- .row.columns_padding_right,
- .columns_wrap.columns_padding_right {
- margin-left: 0;
- margin-right: -30px;
- }
- .vc_row.columns_padding_right .vc_column_container > .vc_column-inner,
- .row.columns_padding_right > [class*="column-"], .columns_wrap.columns_padding_right > [class*="column-"],
- .row > [class*="column-"].columns_padding_right, .columns_wrap > [class*="column-"].columns_padding_right {
- padding-left:0;
- padding-right:30px;
- }
- .vc_row,
- .row.columns_padding_center,
- .columns_wrap.columns_padding_center {
- margin-left: -15px;
- margin-right: -15px;
- }
- .vc_column_container > .vc_column-inner,
- .row.columns_padding_center > [class*="column-"], .columns_wrap.columns_padding_center > [class*="column-"],
- .row > [class*="column-"].columns_padding_center, .columns_wrap > [class*="column-"].columns_padding_center {
- padding-left:15px;
- padding-right:15px;
- }
- .row.columns_padding_bottom > [class*="column-"], .columns_wrap.columns_padding_bottom > [class*="column-"],
- .row > [class*="column-"].columns_padding_bottom, .columns_wrap > [class*="column-"].columns_padding_bottom {
- padding-bottom: 30px;
- }
- .sc_blogger.no_margin .row, .sc_blogger.no_margin .columns_wrap,
- .row.no_margin, .columns_wrap.no_margin {
- margin-left: 0 !important;
- margin-right: 0 !important;
- }
- .sc_blogger.no_margin .row > [class*="column-"], .sc_blogger.no_margin .columns_wrap > [class*="column-"],
- .row.no_margin > [class*="column-"], .columns_wrap.no_margin > [class*="column-"] {
- padding: 0 !important;
- }
- /* Columns width */
- .column-1, .column-1_1, .column-2_2, .column-3_3, .column-4_4, .column-5_5, .column-6_6, .column-7_7, .column-8_8, .column-9_9, .column-10_10, .column-11_11, .column-12_12 { width:100%; }
- .column-1_2, .column-2_4, .column-3_6, .column-4_8, .column-5_10, .column-6_12 { width:50%; }
- .column-1_3, .column-2_6, .column-3_9, .column-4_12 { width:33.33333333%; }
- .column-2_3, .column-4_6, .column-8_12 { width:66.66666667%; }
- .column-1_4, .column-2_8, .column-3_12 { width:25%; }
- .column-3_4, .column-6_8, .column-9_12 { width:75%; }
- .column-1_5, .column-2_10 { width:20%; }
- .column-2_5, .column-4_10 { width:40%; }
- .column-3_5, .column-6_10 { width:60%; }
- .column-4_5, .column-8_10 { width:80%; }
- .column-1_6, .column-2_12 { width:16.66666667%; }
- .column-5_6, .column-10_12 { width:83.33333333%; }
- .column-1_7 { width:14.28571429%; }
- .column-2_7 { width:28.57142857%; }
- .column-3_7 { width:42.85714286%; }
- .column-4_7 { width:57.14285714%; }
- .column-5_7 { width:71.42857143%; }
- .column-6_7 { width:85.71428571%; }
- .column-1_8 { width:12.5%; }
- .column-3_8 { width:37.5%; }
- .column-5_8 { width:62.5%; }
- .column-7_8 { width:87.5%; }
- .column-1_9 { width:11.11111111%; }
- .column-2_9 { width:22.22222222%; }
- .column-3_9 { width:33.33333333%; }
- .column-4_9 { width:44.44444444%; }
- .column-5_9 { width:55.55555556%; }
- .column-6_9 { width:66.66666667%; }
- .column-7_9 { width:77.77777778%; }
- .column-8_9 { width:88.88888889%; }
- .column-1_10 { width:10%; }
- .column-3_10 { width:30%; }
- .column-7_10 { width:70%; }
- .column-9_10 { width:90%; }
- .column-1_11 { width: 9.09090909%; }
- .column-2_11 { width:18.18181818%; }
- .column-3_11 { width:27.27272727%; }
- .column-4_11 { width:36.36363636%; }
- .column-5_11 { width:45.45454545%; }
- .column-6_11 { width:54.54545455%; }
- .column-7_11 { width:63.63636364%; }
- .column-8_11 { width:72.72727273%; }
- .column-9_11 { width:81.81818182%; }
- .column-10_11 { width:90.90909091%; }
- .column-1_12 { width: 8.33333333%; }
- .column-5_12 { width:41.66666667%; }
- .column-7_12 { width:58.33333333%; }
- .column-11_12 { width:91.66666667%; }
- /* Push columns */
- .push-1_2, .push-2_4, .push-3_6, .push-4_8, .push-5_10, .push-6_12 { left:50%; }
- .push-1_3, .push-2_6, .push-3_9, .push-4_12 { left:33.33333333%; }
- .push-2_3, .push-4_6, .push-8_12 { left:66.66666667%; }
- .push-1_4, .push-2_8, .push-3_12 { left:25%; }
- .push-3_4, .push-6_8, .push-9_12 { left:75%; }
- .push-1_5, .push-2_10 { left:20%; }
- .push-2_5, .push-4_10 { left:40%; }
- .push-3_5, .push-6_10 { left:60%; }
- .push-4_5, .push-8_10 { left:80%; }
- .push-1_6, .push-2_12 { left:16.66666667%; }
- .push-5_6, .push-10_12 { left:83.33333333%; }
- .push-1_7 { left:14.28571429%; }
- .push-2_7 { left:28.57142857%; }
- .push-3_7 { left:42.85714286%; }
- .push-4_7 { left:57.14285714%; }
- .push-5_7 { left:71.42857143%; }
- .push-6_7 { left:85.71428571%; }
- .push-1_8 { left:12.5%; }
- .push-3_8 { left:37.5%; }
- .push-5_8 { left:62.5%; }
- .push-7_8 { left:87.5%; }
- .push-1_9 { left:11.11111111%; }
- .push-2_9 { left:22.22222222%; }
- .push-3_9 { left:33.33333333%; }
- .push-4_9 { left:44.44444444%; }
- .push-5_9 { left:55.55555556%; }
- .push-6_9 { left:66.66666667%; }
- .push-7_9 { left:77.77777778%; }
- .push-8_9 { left:88.88888889%; }
- .push-1_10 { left:10%; }
- .push-3_10 { left:30%; }
- .push-7_10 { left:70%; }
- .push-9_10 { left:90%; }
- .push-1_11 { left: 9.09090909%; }
- .push-2_11 { left:18.18181818%; }
- .push-3_11 { left:27.27272727%; }
- .push-4_11 { left:36.36363636%; }
- .push-5_11 { left:45.45454545%; }
- .push-6_11 { left:54.54545455%; }
- .push-7_11 { left:63.63636364%; }
- .push-8_11 { left:72.72727273%; }
- .push-9_11 { left:81.81818182%; }
- .push-10_11 { left:90.90909091%; }
- .push-1_12 { left: 8.33333333%; }
- .push-5_12 { left:41.66666667%; }
- .push-7_12 { left:58.33333333%; }
- .push-11_12 { left:91.66666667%; }
- /* Pull columns */
- .pull-1_2, .pull-2_4, .pull-3_6, .pull-4_8, .pull-5_10, .pull-6_12 { right:50%; }
- .pull-1_3, .pull-2_6, .pull-3_9, .pull-4_12 { right:33.33333333%; }
- .pull-2_3, .pull-4_6, .pull-8_12 { right:66.66666667%; }
- .pull-1_4, .pull-2_8, .pull-3_12 { right:25%; }
- .pull-3_4, .pull-6_8, .pull-9_12 { right:75%; }
- .pull-1_5, .pull-2_10 { right:20%; }
- .pull-2_5, .pull-4_10 { right:40%; }
- .pull-3_5, .pull-6_10 { right:60%; }
- .pull-4_5, .pull-8_10 { right:80%; }
- .pull-1_6, .pull-2_12 { right:16.66666667%; }
- .pull-5_6, .pull-10_12 { right:83.33333333%; }
- .pull-1_7 { right:14.28571429%; }
- .pull-2_7 { right:28.57142857%; }
- .pull-3_7 { right:42.85714286%; }
- .pull-4_7 { right:57.14285714%; }
- .pull-5_7 { right:71.42857143%; }
- .pull-6_7 { right:85.71428571%; }
- .pull-1_8 { right:12.5%; }
- .pull-3_8 { right:37.5%; }
- .pull-5_8 { right:62.5%; }
- .pull-7_8 { right:87.5%; }
- .pull-1_9 { right:11.11111111%; }
- .pull-2_9 { right:22.22222222%; }
- .pull-3_9 { right:33.33333333%; }
- .pull-4_9 { right:44.44444444%; }
- .pull-5_9 { right:55.55555556%; }
- .pull-6_9 { right:66.66666667%; }
- .pull-7_9 { right:77.77777778%; }
- .pull-8_9 { right:88.88888889%; }
- .pull-1_10 { right:10%; }
- .pull-3_10 { right:30%; }
- .pull-7_10 { right:70%; }
- .pull-9_10 { right:90%; }
- .pull-1_11 { right: 9.09090909%; }
- .pull-2_11 { right:18.18181818%; }
- .pull-3_11 { right:27.27272727%; }
- .pull-4_11 { right:36.36363636%; }
- .pull-5_11 { right:45.45454545%; }
- .pull-6_11 { right:54.54545455%; }
- .pull-7_11 { right:63.63636364%; }
- .pull-8_11 { right:72.72727273%; }
- .pull-9_11 { right:81.81818182%; }
- .pull-10_11 { right:90.90909091%; }
- .pull-1_12 { right: 8.33333333%; }
- .pull-5_12 { right:41.66666667%; }
- .pull-7_12 { right:58.33333333%; }
- .pull-11_12 { right:91.66666667%; }
- /* Margin for the columns */
- .offset-1_2, .offset-2_4, .offset-3_6, .offset-4_8, .offset-5_10, .offset-6_12 { margin-left:50%; }
- .offset-1_3, .offset-2_6, .offset-3_9, .offset-4_12 { margin-left:33.33333333%; }
- .offset-2_3, .offset-4_6, .offset-8_12 { margin-left:66.66666667%; }
- .offset-1_4, .offset-2_8, .offset-3_12 { margin-left:25%; }
- .offset-3_4, .offset-6_8, .offset-9_12 { margin-left:75%; }
- .offset-1_5, .offset-2_10 { margin-left:20%; }
- .offset-2_5, .offset-4_10 { margin-left:40%; }
- .offset-3_5, .offset-6_10 { margin-left:60%; }
- .offset-4_5, .offset-8_10 { margin-left:80%; }
- .offset-1_6, .offset-2_12 { margin-left:16.66666667%; }
- .offset-5_6, .offset-10_12 { margin-left:83.33333333%; }
- .offset-1_7 { margin-left:14.28571429%; }
- .offset-2_7 { margin-left:28.57142857%; }
- .offset-3_7 { margin-left:42.85714286%; }
- .offset-4_7 { margin-left:57.14285714%; }
- .offset-5_7 { margin-left:71.42857143%; }
- .offset-6_7 { margin-left:85.71428571%; }
- .offset-1_8 { margin-left:12.5%; }
- .offset-3_8 { margin-left:37.5%; }
- .offset-5_8 { margin-left:62.5%; }
- .offset-7_8 { margin-left:87.5%; }
- .offset-1_9 { margin-left:11.11111111%; }
- .offset-2_9 { margin-left:22.22222222%; }
- .offset-3_9 { margin-left:33.33333333%; }
- .offset-4_9 { margin-left:44.44444444%; }
- .offset-5_9 { margin-left:55.55555556%; }
- .offset-6_9 { margin-left:66.66666667%; }
- .offset-7_9 { margin-left:77.77777778%; }
- .offset-8_9 { margin-left:88.88888889%; }
- .offset-1_10 { margin-left:10%; }
- .offset-3_10 { margin-left:30%; }
- .offset-7_10 { margin-left:70%; }
- .offset-9_10 { margin-left:90%; }
- .offset-1_11 { margin-left: 9.09090909%; }
- .offset-2_11 { margin-left:18.18181818%; }
- .offset-3_11 { margin-left:27.27272727%; }
- .offset-4_11 { margin-left:36.36363636%; }
- .offset-5_11 { margin-left:45.45454545%; }
- .offset-6_11 { margin-left:54.54545455%; }
- .offset-7_11 { margin-left:63.63636364%; }
- .offset-8_11 { margin-left:72.72727273%; }
- .offset-9_11 { margin-left:81.81818182%; }
- .offset-10_11 { margin-left:90.90909091%; }
- .offset-1_12 { margin-left: 8.33333333%; }
- .offset-5_12 { margin-left:41.66666667%; }
- .offset-7_12 { margin-left:58.33333333%; }
- .offset-11_12 { margin-left:91.66666667%; }
- /* Utils */
- .clearfix:after,
- .container:after,
- .container-fluid:after,
- .row:after,
- .columns_wrap:after {
- content: " ";
- clear: both;
- width:100%;
- height:0;
- display:block;
- }
- .center-block {
- display: block;
- margin-left: auto;
- margin-right: auto;
- }
- .pull-right {
- float: right !important;
- }
- .pull-left {
- float: left !important;
- }
- .affix {
- position: fixed;
- -webkit-transform: translate3d(0, 0, 0);
- -ms-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- .visible {
- visibility: visible;
- }
- .invisible {
- visibility: hidden;
- }
- .show {
- display: block !important;
- }
- .hide {
- display: none !important;
- }
- .hidden {
- display: none !important;
- visibility: hidden !important;
- }
- .text-hide {
- font-size: 0;
- line-height: 0;
- color: transparent;
- text-shadow: none;
- background-color: transparent;
- border: 0;
- }
- .vertical-centered {
- overflow:hidden;
- }
- .vertical-centered:before {
- content:' ';
- height: 100%;
- width: 0;
- margin-left:-0.3em;
- }
- .vertical-centered:before,
- .vertical-centered > * {
- display: inline-block;
- vertical-align:middle;
- }
- .niobe_loading {
- background-image:url(images/preloader.gif);
- background-position:center;
- background-repeat:no-repeat;
- }
- /* 6. Page layouts
- -------------------------------------------------------------- */
- .page_wrap {
- min-height:100vh;
- overflow:hidden; /* To prevent the horizontal scroll bar appears */
- }
- .page_wrap,
- .content_wrap {
- margin:0 auto;
- }
- .body_style_boxed {
- background-color:#f0f0f0;
- background-position:center top;
- background-size: cover;
- background-repeat: no-repeat;
- background-attachment: fixed;
- }
- .body_style_boxed .page_wrap {
- width:1520px;
- }
- .content_wrap,
- .content_container {
- width:1170px;
- margin:0 auto;
- }
- .sc_content_width_1_1 { width: 1170px; }
- .sc_content_width_1_2 { width: 585px; }
- .sc_content_width_1_3 { width: 390px; }
- .sc_content_width_2_3 { width: 780px; }
- .sc_content_width_1_4 { width: 292.5px; }
- .sc_content_width_3_4 { width: 877.5px; }
- .content_wrap .content_wrap,
- .content_wrap .content_container,
- .content_container .content_wrap,
- .content_container .content_container {
- width:100%;
- }
- .content_wrap:after,
- .content_container:after {
- content:" ";
- display:block;
- width:100%;
- height:0;
- clear:both;
- }
- .body_style_fullwide .content_wrap {
- max-width: 1920px; /* To prevent stretching content on the extra wide screen */
- margin: 0 auto;
- width: 100%;
- padding-left:130px;
- padding-right:130px;
- -webkit-box-sizing: border-box;
- -ms-box-sizing: border-box;
- box-sizing: border-box;
- }
- .content, .sidebar, .sidebar_inner {
- -webkit-box-sizing: border-box;
- -ms-box-sizing: border-box;
- box-sizing: border-box;
- }
- .page_content_wrap .content_wrap {
- position:relative;
- }
- /* Content and Sidebar */
- body:not(.expand_content):not(.body_style_fullwide):not(.body_style_fullscreen) [class*="content_wrap"] > .content { width: 800px; }
- [class*="content_wrap"] > .sidebar { width: 300px; }
- .sidebar_hide [class*="content_wrap"] > .content { margin-left: auto; margin-right: auto; }
- .sidebar_right [class*="content_wrap"] > .content { float: left; }
- .sidebar_right [class*="content_wrap"] > .sidebar { float: right; }
- .sidebar_left [class*="content_wrap"] > .content { float: right; }
- .sidebar_left [class*="content_wrap"] > .sidebar { float: left; }
- /* Fullwide or Fullscreen with sidebar */
- .body_style_fullwide [class*="content_wrap"] > .content,
- .body_style_fullscreen [class*="content_wrap"] > .content { width: 100%; }
- .body_style_fullwide.sidebar_right [class*="content_wrap"] > .content,
- .body_style_fullscreen.sidebar_right [class*="content_wrap"] > .content { padding-right: 410px; }
- .body_style_fullwide.sidebar_right [class*="content_wrap"] > .sidebar,
- .body_style_fullscreen.sidebar_right [class*="content_wrap"] > .sidebar { margin-left: -370px; }
- .body_style_fullwide.sidebar_left [class*="content_wrap"] > .content,
- .body_style_fullscreen.sidebar_left [class*="content_wrap"] > .content { padding-left: 410px; }
- .body_style_fullwide.sidebar_left [class*="content_wrap"] > .sidebar,
- .body_style_fullscreen.sidebar_left [class*="content_wrap"] > .sidebar { margin-right:-370px; }
- .body_style_fullscreen .page_content_wrap {
- overflow:hidden;
- padding:0;
- position:relative; /* Need to correct 'sticky' sidebar position */
- }
- /* Boxed style for articles and sidebar */
- .body_style_fullscreen [class*="content_wrap"] > .content > article.page {
- padding:0;
- }
- /* 7. Section's decorations
- =============================================================== */
- /* 7.1 Header
- -------------------------------------------------------------- */
- /* Top panel */
- .top_panel {
- position:relative;
- z-index:8000; /* Essential grid lightbox use 8010 */
- background-position:center;
- background-repeat:no-repeat;
- background-size:cover;
- padding: 0.1px 0;
- margin-bottom:7.85rem;
- }
- .top_panel .row > [class*="column-"],
- .top_panel .columns_wrap > [class*="column-"] {
- vertical-align:middle;
- }
- .remove_margins .top_panel {
- margin-bottom:0 !important;
- }
- .top_panel.with_bg_image:before {
- content:' ';
- position:absolute;
- z-index:-1;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background: rgba(0,0,0,0.7);
- display: block;
- }
- .header_position_over .top_panel.with_bg_image:before {
- background: transparent !important;
- }
- /* Background video in the header */
- #background_video {
- position:absolute;
- z-index:-1 !important;
- left: 50%;
- top: 50%;
- -webkit-transform:translateX(-50%) translateY(-50%);
- -ms-transform:translateX(-50%) translateY(-50%);
- transform:translateX(-50%) translateY(-50%);
- width: 100%;
- height: 100%;
- object-fit: cover;
- overflow:hidden;
- }
- div#background_video {
- position: absolute !important;
- }
- div#background_video:after {
- content: ' ';
- position:absolute;
- z-index:2;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- background-color:rgba(255, 255, 255, 0.3);
- }
- div#background_video iframe,
- div#background_video video {
- position:absolute;
- z-index:1;
- left: 50% !important;
- top: 50% !important;
- max-width: none;
- -webkit-transform:translateX(-50%) translateY(-50%) !important;
- -ms-transform:translateX(-50%) translateY(-50%) !important;
- transform:translateX(-50%) translateY(-50%) !important;
- }
- #tubular-container {
- display:none;
- }
- .top_panel.with_bg_video {
- background: #000;
- }
- /* Header positions */
- .header_position_over .page_wrap {
- position:relative;
- }
- .header_position_over .top_panel {
- position:absolute;
- z-index:8000; /* old value = 2 */
- left:0;
- top:0;
- width: 100%;
- background: none !important;
- }
- .header_position_over .top_panel .sc_layouts_row[class*="scheme_"]:not(.sc_layouts_row_fixed_on) {
- background-color:transparent;
- }
- .header_position_under .top_panel {
- position:relative;
- z-index:1;
- -webkit-box-sizing: border-box;
- -ms-box-sizing: border-box;
- -ms-box-sizing: border-box;
- box-sizing: border-box;
- }
- .header_position_under .top_panel_mask {
- display:none;
- position:absolute;
- z-index:9999;
- left:0;
- top:0;
- width:100%;
- height:100%;
- background-color:#000;
- opacity: 0;
- pointer-events: none;
- }
- .header_position_under .page_content_wrap {
- position:relative;
- z-index:3;
- }
- .header_position_under .footer_wrap {
- position:relative;
- z-index:2;
- }
- /* Default header layouts
- ---------------------------------------------- */
- /* Add transition to the default header */
- .top_panel_default .sc_layouts_row_fixed_on {
- -webkit-transition: padding .3s ease;
- -ms-transition: padding .3s ease;
- transition: padding .3s ease;
- }
- .top_panel_default .sc_layouts_row .custom-logo-link img,
- .top_panel_default .sc_layouts_row .sc_layouts_logo img {
- -webkit-transition: max-height .3s ease;
- -ms-transition: max-height .3s ease;
- transition: max-height .3s ease;
- }
- /* Main menu in the default header */
- .top_panel_default .sc_layouts_menu_nav > li.menu-item-has-children > a:after {
- content: '\e828';
- font-family: 'fontello';
- }
- .top_panel_default .sc_layouts_menu_nav li li.menu-item-has-children > a:after {
- content: '\e836';
- font-family: 'fontello';
- }
- .top_panel_default .sc_layouts_menu_mobile_button .sc_layouts_item_icon:before {
- content: '\e8ba';
- font-family: 'fontello';
- }
- .sc_layouts_menu_popup .sc_layouts_menu_nav > li.menu-item-has-children > a:after,
- .sc_layouts_menu_nav li li.menu-item-has-children > a:after {
- font-style: normal;
- }
- .sc_layouts_item_menu_mobile_button,
- .sc_layouts_menu_mobile_button {
- font-style: normal;
- }
- .top_panel_default ~ .menu_mobile .search_wrap{
- display: none;
- }
- .top_panel_default .top_panel_title {
- padding: 3.85em 0;
- }
- /* Side menu
- ----------------------------------------------------------- */
- body.menu_style_side {
- width: auto;
- -webkit-box-sizing: content-box;
- -ms-box-sizing: content-box;
- -ms-box-sizing: content-box;
- box-sizing: content-box;
- }
- body.menu_style_left {
- margin-left:0;
- }
- body.menu_style_right {
- margin-right:0;
- }
- .menu_style_side .body_wrap {
- position:relative;
- overflow: hidden;
- max-width:100%;
- }
- .menu_style_side .menu_side_wrap {
- position: fixed;
- width: 4rem;
- z-index: 20000;
- top:0;
- bottom: 0;
- -webkit-transition: left 0.3s ease, right 0.3s ease;
- -ms-transition: left 0.3s ease, right 0.3s ease;
- transition: left 0.3s ease, right 0.3s ease;
- }
- .menu_style_left .menu_side_wrap {
- left: 1.6em;
- }
- .menu_style_right .menu_side_wrap {
- right: 1.6em;
- }
- .admin-bar .menu_side_wrap {
- top: 32px;
- }
- @media (max-width: 782px) {
- .admin-bar .menu_side_wrap {
- top: 46px;
- }
- }
- .menu_side_wrap .menu_side_inner {
- position:absolute;
- z-index: 1;
- left: 0;
- top: 0;
- right: 0;
- bottom:0;
- width: 100%;
- height: 100%;
- -webkit-box-sizing: border-box;
- -ms-box-sizing: border-box;
- box-sizing: border-box;
- }
- .menu_style_side .menu_side_wrap .sc_layouts_logo {
- display: none;
- padding:25% 10%;
- text-align:center;
- }
- .menu_style_side .menu_side_wrap .logo_text {
- font-size: 1em;
- letter-spacing:0;
- text-align:center;
- -webkit-transform:rotate(-90deg);
- -ms-transform:rotate(-90deg);
- transform:rotate(-90deg);
- }
- .menu_style_side .menu_side_wrap .logo_slogan {
- display:none;
- }
- .menu_style_side .menu_mobile_inner .sc_layouts_logo {
- display: none;
- }
- .menu_side_wrap .menu_mobile_button {
- display:block;
- position:relative;
- left: 0;
- right: auto;
- top: 0;
- height: auto;
- line-height: 1;
- }
- .menu_side_wrap .menu_side_button {
- display: none;
- position: absolute;
- font-size: 16px;
- top: 50%;
- margin-top:-1.5em;
- width: 1.7em;
- height: 3em;
- line-height: 3em;
- overflow:hidden;
- cursor: pointer;
- -webkit-box-sizing: border-box;
- -ms-box-sizing: border-box;
- -ms-box-sizing: border-box;
- box-sizing: border-box;
- -webkit-transition: left 0.3s ease, right 0.3s ease;
- -ms-transition: left 0.3s ease, right 0.3s ease;
- transition: left 0.3s ease, right 0.3s ease;
- }
- .menu_style_right .menu_side_wrap .menu_side_button {
- left: -2.25em;
- text-align:left;
- padding-left: 10px;
- -webkit-border-radius: 50% 0 0 50%;
- -ms-border-radius: 50% 0 0 50%;
- border-radius: 50% 0 0 50%;
- }
- .menu_style_left .menu_side_wrap .menu_side_button {
- right: -2.25em;
- text-align:right;
- padding-right: 10px;
- -webkit-border-radius: 0 50% 50% 0;
- -ms-border-radius: 0 50% 50% 0;
- border-radius: 0 50% 50% 0;
- }
- .menu_style_right .menu_side_wrap .menu_side_button:before { content: '\e92a'; }
- .menu_style_right .menu_side_wrap.opened .menu_side_button:before { content: '\e92b'; }
- .menu_style_left .menu_side_wrap .menu_side_button:before { content: '\e92b'; }
- .menu_style_left .menu_side_wrap.opened .menu_side_button:before { content: '\e92a'; }
- /* Mobile header
- ---------------------------------------- */
- .top_panel_mobile {
- display:none;
- margin-bottom: 2em;
- }
- .remove_margins .top_panel_mobile {
- margin-bottom: 0;
- }
- body.mobile_layout .top_panel_mobile {
- display:block;
- }
- body.mobile_layout.header_mobile_enabled .top_panel {
- display:none;
- }
- .top_panel_mobile_info p {
- margin:0;
- }
- .top_panel_mobile .row > [class*="column-"],
- .top_panel_mobile .columns_wrap > [class*="column-"] {
- vertical-align:middle;
- }
- .top_panel_mobile .sc_layouts_column_align_right .sc_layouts_item {
- margin-left:1em;
- }
- .top_panel_mobile .sc_layouts_row_type_compact .sc_layouts_item_icon {
- font-size: 1.5em;
- }
- .top_panel_mobile .sc_layouts_menu_mobile_button .sc_layouts_item_icon {
- font-size: 2em;
- }
- /* Mobile menu
- ---------------------------------------- */
- body.mobile_layout.menu_style_left { margin-left: 0; }
- body.mobile_layout.menu_style_right { margin-right: 0; }
- body.mobile_layout.menu_style_right .menu_side_wrap { right: -6rem; }
- body.mobile_layout.menu_style_left .menu_side_wrap { left: -6rem; }
- body.mobile_layout.menu_style_right .menu_side_wrap.opened {right: 0; }
- body.mobile_layout.menu_style_left .menu_side_wrap.opened { left: 0; }
- body.mobile_layout.menu_style_side .menu_side_wrap .menu_side_button { display:block; }
- body.mobile_layout.menu_style_left .menu_side_wrap .menu_side_button:hover { right: -2.25em; }
- body.mobile_layout.menu_style_right .menu_side_wrap .menu_side_button:hover { left: -2.25em; }
- .menu_mobile_close {
- display:block;
- width: 70px;
- height: 70px;
- cursor:pointer;
- position:absolute;
- right: 1.65em;
- top: 1.65em;
- -webkit-border-radius: 50%;
- -ms-border-radius: 50%;
- border-radius: 50%;
- }
- .menu_mobile_close:before,
- .menu_mobile_close:after {
- }
- .menu_mobile_close:before {
- content: '\e94c';
- font-family: 'fontello';
- margin-top: 1px;
- position:absolute;
- left: 50%;
- top: 50%;
- -webkit-transform:translateX(-50%) translateY(-50%);
- -ms-transform:translateX(-50%) translateY(-50%);
- transform:translateX(-50%) translateY(-50%);
- }
- .menu_mobile_close:after {
- }
- .menu_mobile_overlay {
- display:none !important;
- position:fixed;
- z-index:100000;
- left:0;
- top:0;
- right:0;
- bottom:0;
- background-color:rgba(0,0,0,0.8);
- }
- .menu_mobile {
- position:fixed;
- z-index:100002;
- left:0;
- top:0;
- height: 0;
- width: 100%;
- -webkit-transition: height .3s ease-out;
- -ms-transition: height .3s ease-out;
- transition: height .3s ease-out;
- }
- .menu_mobile.opened {
- height:100%;
- }
- .menu_mobile_inner {
- position:absolute;
- z-index: 1;
- left: 0;
- top: 0;
- right: 0;
- bottom:0;
- width: 100%;
- height: 100%;
- text-align:center;
- overflow:hidden;
- }
- .menu_mobile a {
- display:block;
- }
- .menu_mobile .sc_layouts_logo {
- text-align:center;
- margin: 4.4rem 0 0;
- }
- .menu_mobile .menu_mobile_nav_area {
- position:absolute;
- z-index: 1;
- left: 0;
- top: 48%;
- width: 100%;
- height: auto;
- max-height: 55%;
- padding-right:20px; /* Hide scrollbar */
- overflow-y: scroll;
- -webkit-transform:translateY(-50%);
- -ms-transform:translateY(-50%);
- transform:translateY(-50%);
- }
- .menu_mobile .menu_mobile_nav_area ul {
- margin:0 auto;
- padding:0;
- list-style:none;
- width: auto;
- }
- .menu_mobile .menu_mobile_nav_area ul ul {
- margin: 0;
- display:none;
- }
- .menu_mobile .menu_mobile_nav_area li {
- margin-bottom:0;
- width:auto;
- }
- .menu_mobile .menu_mobile_nav_area li > a {
- font-size: 1.25em;
- line-height: 1.5em;
- padding: 1px 2.5em 1px 0;
- text-transform:uppercase;
- letter-spacing:1px;
- position:relative;
- display: inline-block;
- width: 30rem;
- text-align:left;
- -webkit-box-sizing: border-box;
- -ms-box-sizing: border-box;
- -ms-box-sizing: border-box;
- box-sizing: border-box;
- }
- .menu_mobile .menu_mobile_nav_area > ul > li > a {
- font-size: 2em;
- line-height: 1.5em;
- }
- .menu_mobile .menu_mobile_nav_area > ul > li li > a {
- font-style: italic;
- text-transform: uppercase;
- font-weight: 600;
- letter-spacing: 1.5px;
- padding-left: 0;
- padding-top: 0.25em;
- padding-bottom: 0.25em;
- }
- .menu_mobile .menu_mobile_nav_area > ul > li li li > a {
- padding-left: 0;
- }
- .menu_mobile .menu_mobile_nav_area > ul > li li li li > a {
- padding-left: 0;
- }
- .menu_mobile .menu_mobile_nav_area .open_child_menu {
- font-style: normal;
- z-index:1;
- right:0;
- top:0;
- display:inline-block;
- width:1em;
- height:1em;
- line-height:1em;
- padding:0.25em;
- text-align:center;
- }
- .menu_mobile .menu_mobile_nav_area li li .open_child_menu {
- background-color:transparent;
- padding: 0.25em 0.7em;
- }
- .menu_mobile .menu_mobile_nav_area .open_child_menu:before {
- font-family:'fontello';
- content:'\e828';
- }
- .menu_mobile .menu_mobile_nav_area li.opened > a > .open_child_menu:before {
- content:'\e835';
- }
- .menu_mobile .search_mobile {
- position:absolute;
- left: 50%;
- bottom: 8.7rem;
- width: 28rem;
- margin-left: -14rem;
- }
- .menu_mobile .search_mobile form {
- position:relative;
- }
- .menu_mobile .search_mobile .search_field {
- font-size: 1.111em;
- font-weight: 300;
- text-align: right;
- text-transform: none;
- width:80%;
- padding: 0.2em 0 0.2em !important;
- border: none;
- border-bottom: 2px solid #ddd;
- -webkit-border-radius: 0;
- -ms-border-radius: 0;
- border-radius: 0;
- }
- .menu_mobile .search_mobile .search_field::-webkit-input-placeholder {text-transform: lowercase;}
- .menu_mobile .search_mobile .search_field::-moz-placeholder {text-transform: lowercase;}/* Firefox 19+ */
- .menu_mobile .search_mobile .search_field:-moz-placeholder {text-transform: lowercase;}/* Firefox 18- */
- .menu_mobile .search_mobile .search_field:-ms-input-placeholder {text-transform: lowercase;}
- .menu_mobile .search_mobile .search_submit {
- position:absolute;
- left: auto;
- right:0;
- top:0;
- font-size:0.8667em;
- padding:2em 1.8em;
- background-color:transparent;
- display: none;
- }
- .menu_mobile .socials_mobile {
- position:absolute;
- left: 0;
- bottom: 4rem;
- text-align:center;
- display:block;
- width: 100%;
- }
- .menu_mobile .social_item {
- display:inline-block;
- margin: 1em 1em 0 0;
- }
- .menu_mobile .social_item .social_icon {
- display:block;
- font-size:1em;
- width:1em;
- height: 1em;
- line-height:1em;
- text-align:center;
- }
- /* Menu mobile 'Narrow' */
- .menu_mobile_narrow {
- width: 320px;
- margin-top:0;
- }
- .menu_style_left .menu_mobile_narrow { margin-left: -320px; }
- .menu_style_left .menu_mobile_narrow.opened { margin-left: 0; }
- .menu_style_right .menu_mobile_narrow { margin-right: -320px; left: auto; right: 0; }
- .menu_style_right .menu_mobile_narrow.opened { margin-right: 0; }
- .menu_mobile_narrow .menu_mobile_nav_area li {
- text-align: left;
- padding-left: 2.75em;
- }
- .menu_mobile_narrow .menu_mobile_nav_area li li {
- padding-left: 0;
- }
- .menu_mobile_narrow .menu_mobile_nav_area li > a {
- font-size: 1em;
- line-height: 1.5em;
- text-transform: none;
- letter-spacing:0px;
- width: auto;
- padding: 0 0 0 0;
- }
- .menu_mobile_narrow .menu_mobile_nav_area > ul > li > a {
- font-size: 1.3em;
- line-height: 1.5em;
- font-style: italic;
- text-transform: uppercase;
- font-weight: 600;
- letter-spacing: 1.5px;
- }
- .menu_mobile_narrow .menu_mobile_nav_area > ul > li > a > .open_child_menu:before {
- font-size:1em;
- line-height:inherit;
- }
- .menu_mobile_narrow .menu_mobile_nav_area li ul li,
- .menu_mobile_narrow .menu_mobile_nav_area li ol li,
- .menu_mobile_narrow .menu_mobile_nav_area li + li {
- margin-top: 0.6em;
- }
- .menu_mobile_narrow .menu_mobile_nav_area li li .open_child_menu {
- padding: 0.4em;
- }
- .menu_mobile_narrow .search_mobile {
- width: 18rem;
- margin-left: -9rem;
- }
- /* Menu mobile in mobile layout */
- .mobile_device .menu_mobile .menu_mobile_nav_area,
- .mobile_layout .menu_mobile .menu_mobile_nav_area {
- position:relative;
- top: auto;
- max-height: none;
- margin: 3em 0 0;
- -webkit-transform:none;
- -ms-transform:none;
- transform:none;
- }
- .mobile_device .menu_mobile .search_mobile,
- .mobile_layout .menu_mobile .search_mobile {
- position:relative;
- bottom: auto;
- left: 0;
- margin: 3em auto 0;
- }
- .mobile_device .menu_mobile .socials_mobile,
- .mobile_layout .menu_mobile .socials_mobile {
- position: relative;
- bottom: auto;
- margin: 1em 0 0;
- }
- .mobile_device .menu_mobile .addinfo_mobile,
- .mobile_layout .menu_mobile .addinfo_mobile {
- padding-bottom: 3em;
- }
- /* Additional info */
- .menu_mobile .addinfo_mobile {
- line-height: 1.45em;
- text-align: right;
- position: absolute;
- bottom: 2.95rem;
- width: 100%;
- }
- .menu_mobile .addinfo_mobile .addinfo_item{
- font-size: 1.111em;
- font-weight: 300;
- letter-spacing: 0;
- padding: 0 1.65rem;
- }
- .mobile_device .menu_mobile .addinfo_mobile,
- .mobile_layout .menu_mobile .addinfo_mobile {
- width: 18rem;
- margin: 3em auto 0;
- position: relative;
- bottom: auto;
- left: 0;
- }
- .mobile_device .menu_mobile .addinfo_mobile .addinfo_item,
- .mobile_layout .menu_mobile .addinfo_mobile .addinfo_item {
- padding: 0;
- }
- /* Widgets in the Header
- ------------------------------------------------------------- */
- .header_widgets_wrap {
- position:relative;
- z-index:2;
- }
- .header_widgets_wrap.header_fullwidth {
- overflow:hidden;
- }
- .header_widgets_wrap.header_fullwidth .widget {
- margin-bottom:0;
- }
- /* 7.2 Sliders
- -------------------------------------------------------------- */
- /* Revolution slider */
- .slider_wrap .rev_slider_wrapper {
- z-index:0;
- }
- /* 7.4 Post's parts
- -------------------------------------------------------------- */
- /* Common styles */
- .blog_archive {
- padding-bottom: 4em;
- }
- .post_item p {
- margin-bottom:0;
- }
- .post_item > .post_title {
- margin-top:0;
- }
- .post_item .more-link,
- .gallery_preview_show .post_readmore {
- margin-top: 2.5em;
- }
- /* Tabs (internal and Essential Grid) */
- div.esg-filter-wrapper,
- .mptt-navigation-tabs,
- div.niobe_tabs .niobe_tabs_titles {
- list-style-type:none;
- padding:0;
- text-align:center;
- letter-spacing:0;
- margin: -0.85em 0 3.2em;
- }
- div.esg-filter-wrapper .esg-filterbutton,
- .mptt-navigation-tabs li,
- div.niobe_tabs .niobe_tabs_titles li {
- display: inline-block;
- margin: 0 0 3px;
- font-size: 12px;
- line-height:1.4em;
- font-weight:normal;
- text-transform:uppercase;
- padding: 0;
- border: none;
- -webkit-border-radius: 0;
- -ms-border-radius: 0;
- border-radius: 0;
- }
- div.esg-filter-wrapper .esg-filterbutton:hover,
- div.esg-filter-wrapper .esg-filterbutton.selected {
- -webkit-box-shadow: none;
- -ms-box-shadow: none;
- box-shadow: none;
- }
- div.esg-filter-wrapper .esg-filterbutton+.esg-filterbutton,
- .mptt-navigation-tabs li+li,
- div.niobe_tabs .niobe_tabs_titles li+li {
- margin-left:3px;
- }
- div.esg-filter-wrapper .esg-filterbutton > span,
- .mptt-navigation-tabs li a,
- div.niobe_tabs .niobe_tabs_titles li a,
- div.niobe_tabs .niobe_tabs_titles li a.ui-tabs-anchor {
- display:block;
- float: none;
- padding: 1.75em 3em;
- -webkit-transition: all .3s ease;
- -ms-transition: all .3s ease;
- transition: all .3s ease;
- }
- div.niobe_tabs .niobe_tabs_content {
- padding: 0;
- }
- div.niobe_tabs .niobe_tab_content_remove {
- opacity: 0;
- }
- div.niobe_tabs .nav-links {
- margin-top:1em;
- }
- /* Post featured block */
- .post_featured {
- overflow:hidden;
- position:relative;
- margin-bottom:2.4em;
- max-width: 100%;
- -webkit-border-radius: 35px;
- -ms-border-radius: 35px;
- border-radius: 35px;
- }
- .post_layout_excerpt.post_format_audio .post_featured {
- -webkit-border-radius: 10px;
- -ms-border-radius: 10px;
- border-radius: 10px;
- }
- .post_featured_bg {
- background-position:center;
- background-size:cover;
- background-repeat:no-repeat;
- }
- .post_featured_bg:before {
- content: ' ';
- width: 0;
- height: 0;
- padding-top: 56.25%;
- display:inline-block;
- margin-left:-0.3em;
- }
- .post_featured_right {
- float: right;
- width: 50%;
- margin-left: 4.3478%;
- }
- .post_featured_left {
- float: left;
- width: 50%;
- margin-right: 4.3478%;
- }
- .post_featured.hover_icon .icons a.icon-search-alt:before {
- content: '\e948';
- font-family: 'fontello';
- }
- /* Post info block */
- .post_meta .post_meta_item.post_edit > a:before,
- .post_meta .post_meta_item.post_edit > a:after,
- .post_meta .post_meta_item:after,
- .vc_inline-link:after {
- content: '/';
- display:inline;
- font-family:inherit;
- font-size:inherit;
- font-style:normal;
- font-weight:700;
- vertical-align:baseline;
- }
- .post_meta .post_meta_item.post_categories:after,
- .post_meta .post_meta_item.post_edit:after,
- .post_meta .post_meta_item.post_edit > a:last-child:after,
- .post_meta .post_meta_item:last-child:after {
- display:none;
- }
- .post_meta .post_meta_item:after,
- .post_meta .post_meta_item.post_edit > a:after,
- .vc_inline-link:after {
- margin: 0 0.75em 0 1.0em;
- }
- .post_meta .post_meta_item {
- margin-left:0;
- vertical-align: middle;
- display: inline-block;
- }
- .post_meta .post_meta_item a:before,
- .post_meta a.post_meta_item:before{
- display: none;
- }
- .post_meta a.post_meta_item:before,
- .post_meta a.post_meta_item > .post_counters_number,
- .post_meta .post_meta_item.post_edit > a:before {
- margin-right: 0;
- margin-left: 0.35em;
- }
- .post_meta .post_meta_item.post_edit > a:before {
- content: '\e8bb';
- font-family: 'fontello';
- display: none;
- }
- .post_meta .post_meta_item.post_categories{
- letter-spacing: 0;
- position: relative;
- top: -1px;
- }
- .post_meta .post_meta_item.post_categories a{
- font-size: 9px;
- letter-spacing: 1.7px;
- padding: 0.248em 1.2em 0.108em 1.4em;
- display: inline-block;
- margin-bottom: 3px;
- -webkit-border-radius: 35px;
- -ms-border-radius: 35px;
- border-radius: 35px;
- }
- .post_meta .post_meta_item.post_counters_item .post_counters_label{
- float: left;
- }
- .post_meta .post_meta_item.post_categories + .post_meta_item{
- margin-left: 1.1em;
- }
- .post_meta .post_meta_item + .post_meta_item.post_categories{
- margin-left: 1.1em;
- }
- /* Socials share in the post meta */
- .post_share .social_items {
- font-size:1em;
- }
- .socials_share.socials_type_drop .social_items {
- padding:0.8em 1em;
- }
- .post_share .social_items .social_item .social_icon i {
- font-style:normal;
- text-transform:capitalize;
- }
- .post_meta .socials_share {
- display:inline;
- vertical-align:baseline;
- }
- .post_meta_item .socials_share .social_items {
- bottom:auto;
- top: 2.5em;
- }
- .post_meta_item .socials_share .social_items:before {
- bottom: auto;
- top: -5px;
- -webkit-transform:rotate(135deg);
- -ms-transform:rotate(135deg);
- transform:rotate(135deg);
- }
- /* 7.5 Post Formats
- -------------------------------------------------------------- */
- /* Audio */
- .format-audio .post_featured {
- position:relative;
- max-height: 16em;
- }
- .single .format-audio .post_featured {
- max-height: none;
- }
- .format-audio .post_featured img {
- position:relative;
- }
- .format-audio .post_featured.with_thumb .mask {
- background-color: rgba(0,0,0,0.6);
- }
- .format-audio .post_featured .mask {
- opacity: 1;
- }
- .format-audio .post_featured .post_audio.with_iframe .post_audio_author,
- .format-audio .post_featured .post_audio.with_iframe .post_audio_title {
- display:none;
- }
- .format-audio .post_featured .post_audio_author,
- .trx_addons_audio_player .audio_author {
- font-size: 1.111em;
- font-weight: 400;
- font-style:normal;
- text-transform: uppercase;
- }
- .trx_addons_audio_player .audio_author {
- margin: 0.5em 0.5em 0.25em;
- margin-left: 0;
- margin-right:0;
- }
- .format-audio .post_featured .post_audio_title,
- .trx_addons_audio_player .audio_caption {
- font-size: 12px;
- font-weight:400;
- font-style:normal;
- line-height:1.35em;
- letter-spacing:0.1px;
- text-transform:uppercase;
- }
- .format-audio .post_featured .post_audio_title {
- font-size: 1.2em;
- line-height:1.5em;
- margin-top: 0.1em;
- margin-bottom:0.5em;
- }
- .format-audio .post_featured.with_thumb .post_audio_title {
- color: #ffffff;
- }
- .format-audio .post_featured .post_audio_title,
- .vc_row .trx_addons_audio_player .audio_caption {
- font-size: 12px;
- line-height:1.35em;
- }
- .trx_addons_audio_player .audio_author + .audio_caption {
- margin:0 0 0.25em;
- }
- .trx_addons_audio_player .mejs-container {
- -webkit-border-radius: 10px;
- -ms-border-radius: 10px;
- border-radius: 10px;
- }
- .format-audio .post_featured.with_thumb .post_audio {
- position: absolute;
- z-index:1000;
- bottom: 2em;
- left:6%;
- right: 6%;
- text-align:left;
- }
- .format-audio .post_featured.without_thumb .post_audio:not(.with_iframe) {
- padding: 2.35em 2.7em 2.85em;
- border: 1px solid #ddd;
- }
- .format-audio .post_featured.with_thumb .mejs-container,
- .format-audio .post_featured > div .mejs-controls {
- background: none;
- padding: 0.75em 1.45em;
- }
- .format-audio .post_featured.with_thumb .mejs-controls,
- .format-audio .post_featured > div > .mejs-container {
- background:none;
- }
- .trx_addons_audio_player .mejs-container:not(.mejs-video) {
- height: 50px !important;
- }
- .format-audio .post_featured.with_thumb .mejs-controls,
- .format-audio .post_featured > div > .mejs-container,
- .trx_addons_audio_player .mejs-container .mejs-controls {
- height: 50px !important;
- padding: 0.7em 1.45em;
- }
- .format-audio .post_audio .mejs-container {
- margin-top: 1.45em;
- }
- /* Shortcode "Audio" */
- .trx_addons_audio_player {
- padding:1.95em 2.7em 2.8em;
- }
- .format-audio .post_featured.without_thumb .post_audio:not(.with_iframe),
- .trx_addons_audio_player.without_cover {
- border: 1px solid #ddd;
- -webkit-border-radius: 10px;
- -ms-border-radius: 10px;
- border-radius: 10px;
- }
- /* Media elements */
- .mejs-container .mejs-controls {
- padding: 14px 1.45em;
- }
- .sidebar .mejs-container .mejs-controls,
- .footer_wrap .mejs-container .mejs-controls{
- padding: 14px 0.45em;
- }
- .me-cannotplay { overflow:hidden; }
- .me-plugin { position: absolute; height: 0; width: 0; } /* Media elements hook for Safary */
- .mejs-container {
- overflow: hidden;
- -webkit-border-radius: 10px;
- -ms-border-radius: 10px;
- border-radius: 10px;
- }
- .sidebar .widget_media_audio .mejs-container,
- .mejs-container .mejs-controls {
- height: 50px !important;
- }
- .mejs-container .mejs-controls .mejs-button {
- margin: 0;
- overflow:hidden;
- position:relative;
- width: 24px;
- height: 24px;
- line-height:24px;
- text-align:center;
- -webkit-border-radius: 0;
- -ms-border-radius: 0;
- border-radius: 0;
- }
- .mejs-container .mejs-controls .mejs-button.mejs-volume-button {
- margin-left: 0;
- padding-left: 9px;
- margin-right: 12px;
- }
- .mejs-container .mejs-controls .mejs-button:hover {
- -webkit-border-radius: 0;
- -ms-border-radius: 0;
- border-radius: 0;
- }
- .mejs-container .mejs-controls .mejs-button button {
- display:block;
- margin:0;
- position:absolute;
- left:0;
- top:0;
- right:0;
- bottom:0;
- width: 100%;
- height: 100%;
- background: none !important;
- -webkit-border-radius: 0;
- -ms-border-radius: 0;
- border-radius: 0;
- }
- .mejs-container .mejs-controls .mejs-playpause-button.mejs-play:before {
- content: '\e942';
- font-family:'fontello';
- }
- .mejs-container .mejs-controls .mejs-playpause-button.mejs-pause:before {
- content: '\e8e3';
- font-family:'fontello';
- }
- .mejs-container .mejs-controls .mejs-volume-button.mejs-mute:before {
- content: '\e949';
- font-family:'fontello';
- }
- .mejs-container .mejs-controls .mejs-volume-button.mejs-unmute:before {
- content: '\e904';
- font-family:'fontello';
- }
- .mejs-container .mejs-controls .mejs-button.mejs-fullscreen-button:before {
- content: '\e918';
- font-family:'fontello';
- }
- .mejs-container .mejs-controls .mejs-button.mejs-unfullscreen:before {
- content: '\e856';
- font-family:'fontello';
- }
- .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float {
- height: 14px !important;
- border: none;
- font-size:10px;
- letter-spacing:0;
- top: -22px;
- }
- .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
- margin: 0 0;
- }
- .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-corner,
- .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
- .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
- top: 0;
- }
- .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
- .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-total,
- .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-buffering,
- .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-loaded,
- .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-current,
- .trx_addons_audio_player .mejs-controls a.mejs-horizontal-volume-slider,
- .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
- .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
- .mejs-container .mejs-controls .mejs-time-rail span,
- .mejs-container .mejs-controls .mejs-time-rail a,
- .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
- .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
- height: 3px !important;
- }
- .mejs-container .mejs-controls .mejs-time,
- .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time {
- font-size:13px !important;
- font-weight: 400;
- padding-top: 8px !important;
- padding-right: 9px;
- }
- .sidebar .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time,
- .footer_wrap .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time {
- display:none;
- }
- .mejs-controls .mejs-button button:focus {
- outline: none !important;
- }
- .mejs-container .mejs-controls div.mejs-button {
- font-size: 16px !important;
- }
- .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total:before,
- .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-total:before {
- background-color: transparent;
- }
- .trx_addons_audio_player .mejs-container .mejs-controls .mejs-fullscreen-button,
- .trx_addons_audio_player .mejs-container .mejs-controls .mejs-volume-button,
- .trx_addons_audio_player .mejs-container .mejs-controls .mejs-volume-button:hover{
- margin-top: 0 !important;
- }
- .trx_addons_audio_player .mejs-container .mejs-controls .mejs-playpause-button {
- margin: 0 0 0 0 !important;
- }
- .mejs-container .mejs-controls .mejs-time,
- .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time {
- margin-top: 0 !important;
- }
- .footer_wrap .mejs-container .mejs-controls .mejs-time,
- .footer_wrap .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time {
- display: none;
- }
- .mejs-controls div.mejs-time-rail{
- margin: 0 !important;
- padding-top: 11px;
- }
- .trx_addons_audio_player .mejs-controls div.mejs-time-rail {
- margin: 0 !important;
- padding-top: 5px;
- }
- .trx_addons_audio_player .mejs-container .mejs-controls .mejs-volume-button {
- padding-left: 9px;
- margin-left: 0 !important;
- margin-right: 12px !important;
- }
- .trx_addons_audio_player .mejs-container .mejs-controls .mejs-volume-button:hover {
- margin-right: 12px !important;
- }
- .mejs-controls a.mejs-horizontal-volume-slider,
- .trx_addons_audio_player .mejs-controls a.mejs-horizontal-volume-slider {
- margin-top: 11px !important;
- margin-right: 0 !important;
- height: 5px;
- }
- .trx_addons_audio_player .mejs-controls a.mejs-horizontal-volume-slider {
- margin-top: 11px !important;
- }
- .mejs-container .mejs-controls .mejs-time.mejs-duration-container{
- padding-left: 11px;
- }
- .mejs-time-rail .mejs-time-handle-content:active,
- .mejs-time-rail .mejs-time-handle-content:focus,
- .mejs-time-rail:hover .mejs-time-handle-content {
- display: none !important;
- }
- .audio_info {
- margin-bottom: 1.45em;
- }
- /* Video */
- .format-video .post_featured.with_thumb {
- position:relative;
- }
- .format-video .post_featured.with_thumb .post_video {
- position: absolute;
- z-index:1;
- left:0;
- top:0;
- width:100%;
- height: 100%;
- opacity:0;
- overflow:hidden;
- -webkit-transition: all ease .3s;
- -ms-transition: all ease .3s;
- transition: all ease .3s;
- }
- .format-video .post_featured.with_thumb .post_video:before {
- content:' ';
- display:inline-block;
- padding-top:55%;
- width:0;
- height:0;
- }
- .format-video .post_featured.with_thumb img {
- position:relative;
- z-index:2;
- }
- .format-video .post_featured.with_thumb .mask {
- z-index:3;
- background-color: rgba(0,0,0,0.5);
- opacity:0;
- }
- .format-video .post_featured.with_thumb:hover .mask {
- opacity:1;
- }
- .trx_addons_video_player.with_cover .video_hover,
- .format-video .post_featured.with_thumb .post_video_hover {
- position: absolute;
- z-index:4;
- left: 50%;
- top: 50%;
- font-size:2em;
- width: 2em;
- height: 2em;
- line-height: 2em;
- text-align:center;
- text-indent: 6px;
- cursor: pointer;
- overflow:hidden;
- background-color: rgba(0,0,0,0.5);
- border: none;
- -webkit-border-radius: 50%;
- -ms-border-radius: 50%;
- border-radius: 50%;
- /* Bad antialias on Webkit, use negative margin instead*/
- -webkit-transform:translateX(-50%) translateY(-50%);
- -ms-transform:translateX(-50%) translateY(-50%);
- transform:translateX(-50%) translateY(-50%);
- margin: 0;
- -webkit-transition: all ease .3s;
- -ms-transition: all ease .3s;
- transition: all ease .3s;
- opacity: 1;
- }
- .trx_addons_video_player.with_cover:hover .video_hover,
- .format-video .post_featured.with_thumb:hover .post_video_hover,
- .mobile_layout .trx_addons_video_player.with_cover .video_hover,
- .mobile_layout .format-video .post_featured.with_thumb .post_video_hover {
- margin-top:0;
- }
- .trx_addons_video_player.with_cover .video_hover,
- .body_style_fullwide .format-video .post_featured.with_thumb .post_video_hover,
- .post_layout_excerpt.format-video .post_featured.with_thumb .post_video_hover,
- .post_layout_chess_1.format-video .post_featured.with_thumb .post_video_hover {
- font-size:2.2em;
- width: 3.031em;
- height: 3.031em;
- line-height: 3.031em;
- }
- .widget_video .trx_addons_video_player.with_cover .video_hover {
- font-size: 2.2em;
- }
- .sidebar .trx_addons_video_player.with_cover .video_hover,
- .footer_wrap .trx_addons_video_player.with_cover .video_hover {
- font-size: 1.8em;
- }
- .trx_addons_video_player.with_cover .video_hover:before,
- .format-video .post_featured.with_thumb .post_video_hover:before {
- content: '\e944';
- font-family:'fontello';
- }
- .format-video .post_featured.post_video_play .post_video {
- opacity:1;
- z-index:10;
- }
- .format-video .post_featured.post_video_play .mask {
- opacity: 1;
- background-color:#000;
- }
- .format-video .post_featured.post_video_play .post_video > * {
- z-index:1;
- }
- .format-video .post_featured.post_video_play .post_video_hover {
- display:none;
- }
- /* Aside, Link, Status, Quote */
- .format-quote .post_content,
- .format-aside .post_content,
- .format-link .post_content,
- .format-status .post_content {
- padding: 0;
- text-align:left;
- }
- .format-aside .post_content_inner, .post_item_single.format-aside .post_content > p,
- .format-link .post_content_inner, .post_item_single.format-link .post_content > p,
- .format-status .post_content_inner, .post_item_single.format-status .post_content > p {
- font-size: 1.6667rem;
- line-height:1.4em;
- }
- .format-aside .post_content_inner {
- padding: 1em 1.3158em;
- }
- .format-quote .post_content p,
- .format-aside .post_content p,
- .format-link .post_content p,
- .format-status .post_content p {
- margin-bottom: 0;
- }
- .format-aside .post_content p+p,
- .format-link .post_content p+p,
- .format-status .post_content p+p {
- margin-top:1em;
- }
- .format-aside .post_content_inner:after {
- display:none;
- }
- .format-aside .post_content_inner + .post_meta,
- .format-link .post_content_inner + .post_meta,
- .format-status .post_content_inner + .post_meta {
- margin-top:1.6em;
- }
- /* Chat */
- .format-chat p {
- margin-bottom:0;
- }
- .format-chat p > em,
- .format-chat p > b,
- .format-chat p > strong {
- display:inline-block;
- margin-top:1.7em;
- }
- .format-chat p:first-child > em,
- .format-chat p:first-child > b,
- .format-chat p:first-child > strong {
- margin-top:0;
- }
- /* 7.6 Blog layouts
- -------------------------------------------------------------- */
- /* Excerpt */
- .post_layout_excerpt {
- position:relative;
- margin-bottom:0;
- }
- .post_layout_excerpt + .post_layout_excerpt {
- margin-top: 4.6rem;
- }
- .post_layout_excerpt:not(.sticky) + .post_layout_excerpt:not(.sticky) {
- padding-top: 4.45rem;
- border-top: 4px solid #eee;
- }
- .post_layout_excerpt.sticky {
- padding: 3em;
- }
- .post_layout_excerpt .post_featured {
- display: inline-block;
- vertical-align: top;
- z-index: 0;
- }
- .post_layout_excerpt.post_format_audio .post_featured.without_thumb,
- .post_layout_excerpt.post_format_gallery .post_featured.without_thumb {
- display:block;
- }
- .post_layout_excerpt .post_header {
- margin: 0 0 0;
- position:relative;
- }
- .post_layout_excerpt .post_header .post_price {
- position: absolute;
- z-index:1;
- right: 0;
- top: 0;
- width: auto;
- font-size: 2.5em;
- line-height: 1.5em;
- }
- .post_layout_excerpt .post_title {
- margin: 0;
- font-size: 2em;
- font-weight: 600;
- font-style: italic;
- text-transform: uppercase;
- line-height: 1.1em;
- }
- .post_layout_excerpt .post_meta + .post_title {
- margin-top: 0.5em;
- }
- .post_layout_excerpt .post_meta {
- margin-top: 0;
- }
- .post_layout_excerpt .post_content {
- margin-top:1.25rem;
- }
- .post_layout_excerpt.format-quote .post_content,
- .post_layout_excerpt.format-aside .post_content {
- margin-top:1.6em;
- }
- .post_layout_excerpt .more-link {
- margin-top:2rem;
- }
- /* Masonry and Classic */
- .posts_container.columns_wrap {
- display:flex;
- flex-wrap:wrap;
- }
- .posts_container.columns_wrap .post_layout_classic {
- display:inline-block;
- vertical-align:top;
- width:100%;
- height: 100%;
- -webkit-box-sizing: border-box;
- -ms-box-sizing: border-box;
- box-sizing: border-box;
- }
- .post_layout_classic {
- position:relative;
- }
- .post_layout_classic .post_featured {
- z-index: 0;
- }
- .post_layout_classic .post_featured img {
- width: 100%;
- }
- .post_layout_classic .post_header {
- padding-top:0.1px;
- }
- .post_layout_classic .post_title {
- margin: 0;
- }
- .post_layout_classic .post_title+.post_meta {
- margin-top:0.5em;
- }
- .post_layout_classic blockquote {
- margin-left:0;
- margin-right:0;
- }
- .post_layout_classic .post_header + .post_content {
- padding-top: 1em;
- }
- .post_layout_classic.format-aside .post_content_inner + .post_meta,
- .post_layout_classic.format-link .post_content_inner + .post_meta,
- .post_layout_classic.format-status .post_content_inner + .post_meta {
- margin-top:1em;
- }
- /* First post large in the Classic and Masonry */
- body[class*="blog_style_classic"] .post_layout_excerpt,
- body[class*="blog_style_masonry"] .post_layout_excerpt {
- margin-bottom: 3em;
- }
- .post_format_link .post_content_inner > h5{
- margin-top: 0;
- }
- /* Chess */
- .chess_wrap {
- overflow:hidden;
- }
- .post_layout_chess {
- position:relative;
- overflow:hidden;
- margin-bottom:0;
- }
- .post_layout_chess.sticky {
- padding:0;
- border-width: 0;
- }
- .post_layout_chess .label_sticky {
- top: -12px;
- left: -12px;
- right: auto;
- -webkit-transform: rotate(135deg);
- -ms-transform: rotate(135deg);
- transform: rotate(135deg);
- }
- .post_layout_chess .post_featured {
- margin-bottom:0;
- width: 50%;
- float: right;
- max-height:none !important;
- }
- .post_layout_chess .post_featured_bg:before {
- padding-top: 100%; /* 112.5% - 16:9 */
- }
- .post_layout_chess .post_inner {
- width: 50%;
- position:absolute;
- left:0;
- top: 50%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- }
- .post_layout_chess blockquote {
- margin:0;
- }
- .post_layout_chess_1 .post_inner_content {
- padding: 0 14%;
- }
- .post_layout_chess_2 .post_inner_content {
- padding: 0 12%;
- }
- .post_layout_chess_3 .post_inner_content {
- padding: 0 10%;
- }
- .post_layout_chess .post_header {
- padding-top:0.1px;
- }
- .post_layout_chess .post_title {
- margin: 0;
- }
- .post_layout_chess .post_meta {
- margin-top: 1em;
- margin-bottom: 0 !important;
- }
- .post_layout_chess .post_header + .post_content {
- margin-top:1em;
- }
- .post_layout_chess .post_content_inner {
- overflow:hidden;
- position:relative;
- padding-bottom: 1em;
- }
- .post_layout_chess:not(.post_format_aside) .post_content_inner {
- padding-top: 0;
- }
- .post_layout_chess .post_content_inner:after {
- content:' ';
- position:absolute;
- bottom:0;
- left:0;
- width:100%;
- height: 1em;
- }
- .post_layout_chess_1.post_format_quote .post_content_inner .post_meta,
- .post_layout_chess_1.post_format_link .post_content_inner .post_meta,
- .post_layout_chess_1.post_format_status .post_content_inner .post_meta {
- margin-top: 1rem;
- }
- .post_layout_chess_1.post_format_aside .post_content_inner .post_meta {
- margin-top: 3rem;
- }
- .post_layout_chess_1 .post_header + .post_content {
- margin-top:3.8rem;
- }
- .post_layout_chess_1 .more-link {
- margin-top: 3rem;
- }
- .post_layout_chess_1.post_format_quote .post_header,
- .post_layout_chess_1.post_format_link .post_header,
- .post_layout_chess_1.post_format_aside .post_header,
- .post_layout_chess_1.post_format_status .post_header,
- .post_layout_chess_2.post_format_quote .post_header,
- .post_layout_chess_2.post_format_link .post_header,
- .post_layout_chess_2.post_format_aside .post_header,
- .post_layout_chess_2.post_format_status .post_header {
- display:none;
- }
- .post_layout_chess_2 .post_title {
- font-size:1.6rem;
- }
- .post_layout_chess_2:not(.post_format_quote):not(.post_format_link):not(.post_format_aside):not(.post_format_status) .post_content_inner {
- font-size:0.9333rem;
- line-height:1.5em;
- max-height: 15.4em;
- }
- .post_layout_chess_2 .post_meta,
- .post_layout_chess_3 .post_meta {
- font-size: 13px;
- line-height:18px;
- margin-top: 8px;
- }
- .post_layout_chess_2.post_format_aside .post_meta {
- margin-top: 1.3333rem;
- }
- .post_layout_chess_2.post_format_audio .post_featured .post_audio_title,
- .post_layout_chess_3.post_format_audio .post_featured .post_audio_title {
- letter-spacing:0;
- }
- .post_layout_chess_2.format-chat p > em, .post_layout_chess_2.format-chat p > b, .post_layout_chess_2.format-chat p > strong {
- margin-top:0.8em;
- }
- .post_layout_chess_2 .more-link {
- margin-top: 1.5rem;
- }
- .post_layout_chess_2 .more-link,
- .post_layout_chess_3 .more-link {
- padding: 1.1667em 2.3333em;
- letter-spacing:2px;
- }
- .post_layout_chess_3 .post_title {
- font-size:1.3333rem;
- line-height:1.2em;
- }
- .post_layout_chess_3 .post_content_inner {
- font-size:0.8667rem;
- line-height:1.3486em;
- max-height: 6.2rem;
- }
- .post_layout_chess_3 .post_content_inner,
- .post_layout_chess_3 .post_content_inner + .post_meta {
- display:none;
- }
- .post_layout_chess_3 .more-link {
- margin-top: 1rem;
- padding: 1em 2em;
- }
- .post_layout_chess_1:nth-child(2n+2) .post_featured { float:left; }
- .post_layout_chess_1:nth-child(2n+2) .post_inner { left: auto; right:0; }
- .post_layout_chess_2 { width: 50%; float:left; }
- .post_layout_chess_2:nth-child(4n+3) .post_featured,
- .post_layout_chess_2:nth-child(4n+4) .post_featured { float:left; }
- .post_layout_chess_2:nth-child(4n+3) .post_inner,
- .post_layout_chess_2:nth-child(4n+4) .post_inner { left: auto; right:0; }
- .post_layout_chess_3 { width: 33.3333%; float:left; }
- .post_layout_chess_3:nth-child(6n+4) .post_featured,
- .post_layout_chess_3:nth-child(6n+5) .post_featured,
- .post_layout_chess_3:nth-child(6n+6) .post_featured { float:left; }
- .post_layout_chess_3:nth-child(6n+4) .post_inner,
- .post_layout_chess_3:nth-child(6n+5) .post_inner,
- .post_layout_chess_3:nth-child(6n+6) .post_inner { left: auto; right:0; }
- /* Portfolio */
- .post_layout_portfolio .post_title {
- margin: 1em 0 0.4em;
- }
- .post_layout_portfolio .post_featured {
- margin-bottom:0;
- }
- .post_layout_portfolio .post_featured img {
- width: 100%;
- }
- /* This way use masonry.js script to build masonry layout and work properly in any browsers!
- ---------------------------------------------------------------------------------------------------------- */
- .masonry_wrap,
- .portfolio_wrap {
- position:relative;
- margin-right:-30px;
- }
- .masonry_wrap .masonry_item,
- .post_layout_portfolio {
- position:relative;
- display: inline-block;
- vertical-align:top;
- padding:0 30px 30px 0;
- margin-bottom:0;
- width: 50%;
- border-width: 0;
- -webkit-box-sizing: border-box;
- -ms-box-sizing: border-box;
- box-sizing: border-box;
- }
- .masonry_wrap .masonry_item {
- padding-bottom: 0;
- }
- .masonry_wrap .post_layout_masonry {
- margin-bottom: 3em;
- }
- .post_layout_portfolio .label_sticky {
- top: -12px;
- left: -12px;
- right:auto;
- -webkit-transform: rotate(135deg);
- -ms-transform: rotate(135deg);
- transform: rotate(135deg);
- }
- .masonry_wrap .masonry_item-1_3,
- .portfolio_wrap.portfolio_3 .post_layout_portfolio {
- width: 33.3333%;
- }
- .masonry_wrap .masonry_item-1_4,
- .portfolio_wrap.portfolio_4 .post_layout_portfolio {
- width: 25%;
- }
- /* Gallery */
- .post_layout_gallery * {
- -webkit-box-sizing: border-box;
- -ms-box-sizing: border-box;
- box-sizing: border-box;
- }
- .post_layout_gallery .post_details {
- display:none;
- }
- .gallery_item_current {
- opacity: 0 !important;
- }
- .gallery_preview {
- position: fixed;
- z-index: 200000;
- top: 0;
- left: 0;
- display: -webkit-flex;
- display: -ms-flex;
- display: flex;
- -ms-flex-pack: center;
- -webkit-justify-content: center;
- justify-content: center;
- -ms-flex-line-pack: center;
- -webkit-align-content: center;
- align-content: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
- width: 50%;
- height: 100%;
- pointer-events: none;
- }
- .gallery_preview:before {
- content: ' ';
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- -webkit-transition: opacity 0.6s;
- -ms-transition: opacity 0.6s;
- transition: opacity 0.6s;
- }
- .gallery_preview_show {
- pointer-events: auto;
- }
- .gallery_preview_show:before {
- opacity: 1;
- }
- .gallery_preview_image_clone {
- position: fixed;
- z-index: 110;
- -webkit-transition: -webkit-transform 0.5s;
- -ms-transition: -ms-transform 0.5s;
- transition: transform 0.5s;
- -webkit-backface-visibility: hidden;
- }
- .gallery_preview_image_original {
- position: relative;
- z-index: 120;
- display: block;
- object-fit: contain;
- -webkit-transition: opacity 0.2s;
- -ms-transition: opacity 0.2s;
- transition: opacity 0.2s;
- -webkit-backface-visibility: hidden;
- }
- .gallery_preview_show .gallery_preview_image_animate { /* open */
- -webkit-transition: -webkit-transform 0.6s, opacity 0.2s;
- -ms-transition: -ms-transform 0.6s, opacity 0.2s;
- transition: transform 0.6s, opacity 0.2s;
- }
- .gallery_preview_image_animate { /* close */
- -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
- -ms-transition: -ms-transform 0.3s, opacity 0.2s;
- transition: transform 0.3s, opacity 0.2s;
- }
- .gallery_preview_description {
- position: absolute;
- z-index: 140;
- width: 100%;
- left: 100%;
- top: 0;
- height: 100%;
- padding: 0 3em;
- -webkit-box-sizing: border-box;
- -ms-box-sizing: border-box;
- box-sizing: border-box;
- display: -webkit-flex;
- display: -ms-flex;
- display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -ms-flex-pack: center;
- -webkit-justify-content: center;
- justify-content: center;
- -ms-flex-align: start;
- -webkit-align-items: flex-start;
- align-items: flex-start;
- opacity: 0;
- -webkit-transition: opacity 1s, -webkit-transform 1s;
- -ms-transition: opacity 1s, -webkit-transform 1s;
- transition: opacity 1s, transform 1s;
- -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
- -ms-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
- transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
- -webkit-transform: translate3d(0, 30px, 0);
- -ms-transform: translate3d(0, 30px, 0);
- transform: translate3d(0, 30px, 0);
- }
- .gallery_preview_show .gallery_preview_description {
- opacity: 1;
- -webkit-transition-delay: 0.2s;
- transition-delay: 0.2s;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- .gallery_preview_show .post_title {
- margin: 0 0 0.5em;
- }
- .gallery_preview_show .post_meta {
- font-size:1em;
- line-height:1.3em;
- margin-top:0;
- margin-bottom:2em;
- }
- .gallery_preview_show .post_description_content {
- max-width: 100%;
- font-size:1.1429em;
- line-height: 2em;
- }
- .gallery_preview_close {
- font-size: 2em;
- margin: 0;
- padding: 0;
- cursor: pointer;
- vertical-align: top;
- border: none;
- background: none;
- position: fixed;
- z-index: 150;
- top: 0;
- right: 0;
- padding: 1em;
- opacity: 0;
- -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
- -ms-transition: opacity 0.3s, -webkit-transform 0.3s;
- transition: opacity 0.3s, transform 0.3s;
- -webkit-transform: scale3d(0.6, 0.6, 1);
- -ms-transform: scale3d(0.6, 0.6, 1);
- transform: scale3d(0.6, 0.6, 1);
- }
- .gallery_preview_image_loaded .gallery_preview_close {
- opacity: 1;
- -webkit-transform: scale3d(1, 1, 1);
- -ms-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- }
- /* 7.7 Paginations
- -------------------------------------------------------------- */
- /* Blog pagination: Load more anf Infinite */
- .nav-links-more {
- text-transform:uppercase;
- letter-spacing:1px;
- text-align:center;
- }
- .blog_style_excerpt .nav-links-more {
- margin-top: 2em;
- }
- .nav-links-more.nav-links-infinite {
- display:none;
- }
- .nav-links-more a {
- display:inline-block;
- padding-top: 2em;
- position:relative;
- }
- .nav-links-more a:before {
- content: '\e929';
- font-family:'fontello';
- font-size:1.6em;
- display:block;
- text-align:center;
- font-weight:normal;
- position:absolute;
- top:0;
- left:50%;
- margin-left:-0.5em;
- width:1em;
- height: 1em;
- line-height:1em;
- }
- .nav-links-more a:hover {
- -webkit-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2);
- -ms-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2);
- animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2);
- }
- .nav-links-more.loading a:before {
- content: '\e810';
- -webkit-animation: spin 2s infinite linear;
- -ms-animation: spin 2s infinite linear;
- animation: spin 2s infinite linear;
- }
- .nav-links-infinite a span {
- opacity: 0;
- }
- .nav-links-infinite.loading {
- display: block;
- }
- /* Blog pagination: Prev/Next links */
- .nav-links-old {
- overflow:hidden;
- font-size: 0.9333em;
- text-transform:uppercase;
- letter-spacing:1px;
- margin-top: 3em;
- }
- body[class*="blog_style_portfolio"] .nav-links-old,
- body[class*="blog_style_classic"] .nav-links-old {
- margin-top:1.3em;
- }
- .nav-links-old .nav-prev a:before,
- .nav-links-old .nav-next a:after {
- font-family:'fontello';
- display:inline;
- font-weight:normal;
- position:absolute;
- top:0;
- }
- .nav-links-old .nav-prev {
- float:left;
- position:relative;
- padding-left: 2em;
- }
- .nav-links-old .nav-prev a:before {
- content: '\e939';
- left: 0;
- }
- .nav-links-old .nav-next {
- float:right;
- position:relative;
- padding-right:2em;
- }
- .nav-links-old .nav-next a:after {
- content: '\e93a';
- right: 0;
- }
- .nav-links-old a {
- border-bottom: 1px dotted transparent;
- }
- /* Blog pagination: Page numbers */
- div.esg-pagination,
- .woocommerce nav.woocommerce-pagination ul,
- .comments_pagination,
- .nav-links,
- .page_links {
- font-size: 1em;
- text-transform:uppercase;
- padding-top: 2.5em;
- text-align:center;
- border:none;
- list-style-type:none;
- clear: both;
- }
- .woocommerce nav.woocommerce-pagination ul{
- padding-top: 0.35em;
- vertical-align: middle;
- }
- .nav-links {
- margin-top: 4.5em;
- padding-top: 4.5em;
- border-top: 4px solid #ddd;
- }
- .page_links .page_links_title {
- margin-right: 1em;
- }
- div.esg-pagination .esg-pagination-button,
- .woocommerce nav.woocommerce-pagination ul li a,
- .woocommerce nav.woocommerce-pagination ul li span.current,
- .page_links > span:not(.page_links_title),
- .page_links > a,
- .comments_pagination .page-numbers,
- .nav-links .page-numbers {
- font-size: 0.889em;
- font-style:italic;
- font-weight: 600;
- display:inline-block;
- vertical-align:top;
- width: 4.375em;
- height: 4.375em;
- line-height: 4.475em;
- text-align:center;
- margin-right:0.38em;
- padding: 0;
- border: none;
- -webkit-border-radius: 60px;
- -ms-border-radius: 60px;
- border-radius: 60px;
- -webkit-transition: all .3s ease;
- -ms-transition: all .3s ease;
- transition: all .3s ease;
- }
- .woocommerce nav.woocommerce-pagination ul li {
- border: none;
- display:inline-block;
- margin:0 0.6667em 0 0;
- padding-bottom: 1px;
- }
- .woocommerce nav.woocommerce-pagination ul li a,
- .woocommerce nav.woocommerce-pagination ul li span.current {
- margin-right: 0;
- }
- div.esg-pagination .esg-pagination-button:hover,
- div.esg-pagination .esg-pagination-button.selected {
- -webkit-box-shadow: none;
- -ms-box-shadow: none;
- box-shadow: none;
- }
- .comments_pagination .page-numbers.prev,
- .comments_pagination .page-numbers.next {
- width: auto;
- padding: 0 2em;
- }
- .nav-links .page-numbers.prev,
- .nav-links .page-numbers.next,
- .woocommerce nav.woocommerce-pagination ul li a.prev,
- .woocommerce nav.woocommerce-pagination ul li a.next {
- text-indent: 100px;
- overflow:hidden;
- position:relative;
- }
- .nav-links .page-numbers.prev:before,
- .nav-links .page-numbers.next:before,
- .woocommerce nav.woocommerce-pagination ul li a.prev:before,
- .woocommerce nav.woocommerce-pagination ul li a.next:before {
- font-family:'fontello';
- font-style: normal;
- position: absolute;
- z-index:1;
- left: 0;
- top: 0;
- width: 100%;
- text-align: center;
- text-indent: 0;
- }
- .nav-links .page-numbers.prev:before,
- .woocommerce nav.woocommerce-pagination ul li a.prev:before {
- content:'\e95b';
- }
- .nav-links .page-numbers.next:before,
- .woocommerce nav.woocommerce-pagination ul li a.next:before {
- content:'\e958';
- }
- /* Single page Prev/Next navigation */
- .nav-links-single .nav-links {
- font-size:0.8667em;
- text-align: left;
- margin-top: 7.8rem;
- padding-top: 7.6rem;
- border-top: 1px solid #ddd;
- overflow:hidden;
- text-transform:none;
- }
- .nav-links-single .nav-links a {
- display:block;
- position:relative;
- min-height: 5em;
- z-index:1;
- }
- .nav-links-single .nav-links a .nav-arrow {
- width:5em;
- height:4.6em;
- line-height:4.6em;
- overflow:hidden;
- text-align:center;
- position:absolute;
- top:0;
- left: 0;
- border: 1px dotted transparent;
- background-size:cover;
- background-repeat:no-repeat;
- background-position:center center;
- }
- .nav-links-single .nav-links a .nav-arrow:before {
- content: ' ';
- display:block;
- position:absolute;
- z-index:1;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- background-color:#fff;
- opacity:0;
- -webkit-transition: all ease .3s;
- -ms-transition: all ease .3s;
- transition: all ease .3s;
- }
- .nav-links-single .nav-links a:hover .nav-arrow:before {
- opacity:0.5;
- }
- .nav-links-single .nav-links a .nav-arrow:after {
- content: '\e939';
- font-family: 'fontello';
- display:inline-block;
- position:relative;
- z-index:2;
- top: 3em;
- opacity:0;
- color: #292929;
- -webkit-transition: all ease .3s;
- -ms-transition: all ease .3s;
- transition: all ease .3s;
- }
- .nav-links-single .nav-links a:hover .nav-arrow:after {
- top: 0;
- opacity:1;
- }
- .nav-links-single .nav-links .nav-next a .nav-arrow {
- right: 0;
- left: auto;
- }
- .nav-links-single .nav-links .nav-next a .nav-arrow:after {
- content: '\e93a';
- }
- .nav-links-single .nav-links .nav-previous,
- .nav-links-single .nav-links .nav-next {
- width:50%;
- -webkit-box-sizing: border-box;
- -ms-box-sizing: border-box;
- box-sizing: border-box;
- }
- .nav-links-single .nav-links .nav-previous {
- float:left;
- text-align:left;
- padding-right:15px;
- }
- .nav-links-single .nav-links .nav-previous a {
- padding-left: 6.5em;
- }
- .nav-links-single .nav-links .nav-previous .post-title {
- text-align:left;
- }
- .nav-links-single .nav-links .nav-next {
- float:right;
- text-align:right;
- padding-left:15px;
- }
- .nav-links-single .nav-links .nav-next a {
- padding-right: 6.5em;
- }
- .nav-links-single .nav-links .nav-next .post-title {
- text-align:right;
- }
- .nav-links-single .nav-links .post-title,
- .nav-links-single .nav-links .post_date {
- -webkit-transition: all ease-in-out .3s;
- -ms-transition: all ease-in-out .3s;
- transition: all ease-in-out .3s;
- }
- .nav-links-single .nav-links .post-title {
- margin:0 0 0.3em;
- }
- .nav-links-single .nav-links .meta-nav,
- .nav-links-single .nav-links .post_date {
- font-size:0.9286em;
- font-weight:normal;
- }
- /* Attachments navigation */
- .image-navigation .nav-previous,
- .image-navigation .nav-next {
- float:none;
- width:auto;
- text-align:left;
- padding:0;
- margin:0;
- position: absolute;
- left: 1.5em;
- top: 50%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- }
- .image-navigation .nav-next {
- left: auto;
- right: 1.5em;
- text-align:right;
- }
- .image-navigation .nav-previous a,
- .image-navigation .nav-next a {
- display:block;
- padding: 1.1em 1em;
- width: 0;
- max-width:20em;
- overflow:hidden;
- text-overflow:ellipsis;
- white-space:nowrap;
- background-color:rgba(0,0,0,0);
- border:1px solid rgba(0,0,0,0);
- color: #fff;;
- -webkit-border-radius: 2em;
- -ms-border-radius: 2em;
- border-radius: 2em;
- }
- .image-navigation .nav-previous a:hover,
- .image-navigation .nav-next a:hover {
- width: auto;
- color: #fff;;
- background-color:rgba(0,0,0,0.6);
- border-color:rgba(0,0,0,0.6);
- }
- .image-navigation .nav-previous a:hover {
- padding-left:3.5em;
- }
- .image-navigation .nav-next a:hover {
- padding-right:3.5em;
- }
- .image-navigation .nav-previous a:after,
- .image-navigation .nav-next a:after {
- content: '\e8ef';
- font-family: "fontello";
- -webkit-border-radius: 50%;
- -ms-border-radius: 50%;
- border-radius: 50%;
- position: absolute;
- text-align: center;
- left: 0;
- top: 50%;
- -webkit-transform:translateY(-50%);
- -ms-transform:translateY(-50%);
- transform:translateY(-50%);
- width:4em;
- height:4em;
- line-height:4em;
- border: 1px solid #000;
- background-color: #333;
- color: #fff;
- }
- .image-navigation .nav-next a:after {
- content: '\e8f0';
- left: auto;
- right: 0;
- }
- .image-navigation .nav-previous a:hover:after,
- .image-navigation .nav-next a:hover:after {
- border-color: transparent;
- background-color: transparent;
- }
- /* 8. Single page parts
- -------------------------------------------------------------- */
- .structured_data_snippets { display: none; }
- .post_item_single.format-aside .post_content,
- .post_item_single.format-link .post_content,
- .post_item_single.format-status .post_content {
- padding: 0;
- text-align:left;
- }
- .post_item_single.format-quote .post_content {
- background-color:transparent;
- padding-top:0;
- }
- .post_item_single .post_content .mejs-container {
- margin-bottom:1em;
- height: 50px !important;
- }
- /* 8.1 Post header
- ------------------------------------------------------ */
- .post_item_single > .post_featured {
- margin-bottom:2.35em;
- text-align:center;
- }
- .post_item_single > .post_featured > img {
- width: auto;
- }
- .post_featured.post_attachment {
- margin-bottom: 0.5em;
- }
- .entry-caption {
- text-align:center;
- font-style:italic;
- }
- .post_item_single .post_header {
- margin-bottom:1.6em;
- }
- .post_item_single .post_header .post_meta{
- margin-top: 0;
- }
- .post_item_single .post_content > h1:first-child,
- .post_item_single .post_content > h2:first-child,
- .post_item_single .post_content > h3:first-child,
- .post_item_single .post_content > h4:first-child,
- .post_item_single .post_content > h5:first-child,
- .post_item_single .post_content > h6:first-child,
- .post_item_single .post_content > .vc_row:first-child h1:first-child,
- .post_item_single .post_content > .vc_row:first-child h2:first-child,
- .post_item_single .post_content > .vc_row:first-child h3:first-child,
- .post_item_single .post_content > .vc_row:first-child h4:first-child,
- .post_item_single .post_content > .vc_row:first-child h5:first-child,
- .post_item_single .post_content > .vc_row:first-child h6:first-child,
- .post_item_single .post_title {
- margin-top:-0.2em;
- }
- .post_item_single .post_header .post_title {
- margin-bottom: 0;
- }
- /* 8.2 Post footer
- ------------------------------------------------------ */
- .post_item_single .post_content > .post_meta_single {
- font-size:12px;
- line-height:1.375em;
- margin-top: 3.8em;
- letter-spacing:0;
- overflow:hidden;
- clear: both;
- }
- .post_item_single .post_content > .post_meta_single .post_tags {
- float:left;
- display:block;
- max-width:55%;
- margin-top:1em;
- letter-spacing: 0.7px;
- }
- .post_item_single .post_content .post_tags .post_meta_label {
- letter-spacing: 0;
- margin-right: 6px;
- }
- .post_item_single .post_content > .post_meta_single .post_tags:after {
- display: none;
- }
- .post_item_single .post_content > .post_meta_single .post_tags a{
- font-size: 10px;
- line-height: 14px;
- font-weight: 700;
- display: inline-block;
- vertical-align: baseline;
- padding: 5px 15px 3px;
- margin: 0 3px 5px 0;
- letter-spacing: 0.5px;
- text-transform: uppercase;
- -webkit-border-radius: 35px;
- -ms-border-radius: 35px;
- border-radius: 35px;
- }
- /* Social share in the single post/page */
- .post_item_single .post_content > .post_meta_single .post_share {
- float: right;
- display:block;
- max-width:40%;
- }
- .post_item_single .post_content > .post_meta_single .post_share:before {
- display:none;
- }
- .post_item_single .post_content > .post_meta_single .post_share .social_item {
- margin: 0 0 0.5em 0.5em;
- }
- .post_item_single .post_content > .post_meta_single .post_share .social_item .social_icon {
- font-size: 15px;
- display:block;
- width: 2.25em;
- height: 2.25em;
- line-height: 2.35em;
- text-align:center;
- }
- /* 8.3 Post author
- ------------------------------------------------------ */
- .author_info {
- margin-top: 4.2rem;
- padding: 3.1rem 3.2rem 2.8rem;
- position:relative;
- -webkit-border-radius: 35px;
- -ms-border-radius: 35px;
- border-radius: 35px;
- }
- .author_avatar {
- width: 7.778rem;
- height: 7.778rem;
- position: absolute;
- left: 3.35rem;
- top: 3.35rem;
- -webkit-border-radius: 50%;
- -ms-border-radius: 50%;
- border-radius: 50%;
- }
- .author_avatar img {
- width:100%;
- height: auto;
- -webkit-border-radius: 50%;
- -ms-border-radius: 50%;
- border-radius: 50%;
- }
- .author_description {
- padding-left: 10rem;
- }
- .author_title {
- margin-top: 0;
- margin-bottom:1.2em;
- }
- .author_bio p {
- margin:0;
- }
- .author_bio p+p {
- margin-top:0.6em;
- }
- .author_bio .author_link {
- font-size: 0.889em;
- font-weight: 600;
- font-style: italic;
- letter-spacing:1.65px;
- line-height: 1em;
- margin-top:1.4em;
- display:inline-block;
- text-transform: uppercase;
- }
- .author_bio .author_link:after {
- content: '\e958';
- font-family: 'fontello';
- font-style: normal;
- font-size: 0.75em;
- display: inline-block;
- vertical-align: middle;
- margin-left: 0.9em;
- position: relative;
- top: -1px;
- }
- .author_bio .socials_wrap {
- margin-top: 1em;
- display: none !important;
- }
- /* 8.4 Related posts
- ------------------------------------------------------ */
- .related_wrap {
- margin-top: 4.55rem;
- padding-top: 4.25rem;
- border-top: 4px solid #eee;
- overflow:hidden;
- }
- .related_wrap_title {
- margin:0 0 0.85em;
- text-align:left;
- }
- .related_wrap .related_item {
- text-align:center;
- position: relative;
- }
- .related_wrap .post_categories {
- font-weight:700;
- text-transform:uppercase;
- font-size:12px;
- }
- .related_wrap .post_categories ul {
- margin: 0;
- padding:0;
- list-style:none;
- display:inline-block;
- }
- .related_wrap .post_categories li {
- display:inline-block;
- margin: 0;
- }
- .related_wrap .post_categories li+li {
- margin-left: 0.5em;
- }
- .related_wrap .post_categories li:nth-child(n+3) {
- display:none; /* Hide more then 2 categories */
- }
- .related_wrap .post_title {
- margin: 0.4em 0 0;
- padding: 0 4em;
- }
- .related_wrap .post_date {
- font-size: 0.7368em;
- }
- .related_wrap .post_featured .mask{
- opacity: 1 !important;
- z-index: 5 !important;
- }
- .related_wrap .post_featured > div:not(.mask){
- display: none !important;
- }
- .related_wrap .post_featured + .post_header{
- position: absolute;
- bottom: 0.65em;
- left: 0;
- right: 0;
- padding: 0em 0em;
- }
- .related_wrap .post_header{
- z-index: 6;
- }
- html:not(.js_active) .related_wrap .format-audio .post_header,
- html:not(.js_active) .related_wrap .format-video .post_header{
- position: relative;
- bottom: 0;
- }
- .related_wrap .post_header .post_meta{
- margin-top: 0;
- padding: 0 3em;
- }
- html:not(.js_active) .related_wrap .format-audio .post_header .post_meta,
- html:not(.js_active) .related_wrap .format-video .post_header .post_meta,
- .related_wrap .related_item:not(.has-post-thumbnail) .post_header .post_meta{
- padding: 2em 2em 0;
- }
- html:not(.js_active) .related_wrap .format-audio .post_header .post_title,
- html:not(.js_active) .related_wrap .format-video .post_header .post_title,
- .related_wrap .related_item:not(.has-post-thumbnail):not(.format-gallery) .post_header .post_title{
- padding: 0 0 1em;
- max-width: 90%;
- margin: 0 auto;
- }
- html:not(.js_active) .related_wrap .format-audio .post_header,
- html:not(.js_active) .related_wrap .format-video .post_header,
- .related_wrap .post_header:first-child {
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: flex-end;
- justify-content: flex-end;
- -webkit-align-content: stretch;
- -ms-flex-line-pack: stretch;
- align-content: stretch;
- -webkit-align-items: flex-start;
- -ms-flex-align: start;
- align-items: flex-start;
- -webkit-border-radius: 35px;
- -ms-border-radius: 35px;
- border-radius: 35px;
- min-height: 9em;
- height: 100%;
- }
- html:not(.js_active) .related_wrap .format-audio .post_header > *,
- html:not(.js_active) .related_wrap .format-video .post_header > *,
- .related_wrap .post_header:first-child > *{
- -webkit-order: 0;
- -ms-flex-order: 0;
- order: 0;
- -webkit-flex: 0 1 auto;
- -ms-flex: 0 1 auto;
- flex: 0 1 auto;
- -webkit-align-self: center;
- -ms-flex-item-align: center;
- align-self: center;
- }
- html:not(.js_active) .related_wrap .format-audio .related_item,
- html:not(.js_active) .related_wrap .format-video .related_item,
- .related_item:not(.has-post-thumbnail) {
- height: 100%;
- overflow: hidden;
- -webkit-border-radius: 35px;
- -ms-border-radius: 35px;
- border-radius: 35px;
- }
- /* Style 1 */
- .related_wrap .related_item_style_1 .post_featured .post_header {
- display:block;
- position:absolute;
- z-index: 3;
- left: 50%;
- top: 50%;
- -webkit-transform:translate(-50%, -50%);
- -ms-transform:translate(-50%, -50%);
- transform:translate(-50%, -50%);
- padding:3em 2em;
- max-width: 70%;
- -webkit-box-sizing: border-box;
- -ms-box-sizing: border-box;
- box-sizing: border-box;
- -webkit-transition: all ease .3s;
- -ms-transition: all ease .3s;
- transition: all ease .3s;
- }
- .related_wrap .related_item_style_1.format-video .post_featured.with_thumb .post_video_hover {
- top: 90%;
- }
- .related_wrap .related_item_style_1 .post_title {
- margin: 0.8em 0;
- letter-spacing:1px;
- line-height:1.5em;
- }
- /* Style 2 */
- .related_wrap .related_item_style_2 .post_featured {
- margin-bottom: 0;
- }
- .related_wrap .related_item_style_2 .post_featured img {
- width:100%;
- }
- .related_wrap .related_item_style_2 .post_date {
- font-size:10px;
- font-weight:bold;
- line-height:1.4em;
- text-transform:uppercase;
- }
- /* 8.5 Comments
- -------------------------------------------------------- */
- .comments_wrap {
- clear: both;
- }
- .body_style_fullscreen .comments_wrap {
- margin-bottom: 3em;
- }
- /* Comment list */
- .comments_list_wrap {
- margin-top: 4.5rem;
- padding-top: 4.35rem;
- border-top: 4px solid #eee;
- overflow:hidden;
- }
- .comments_list_wrap .comments_closed {
- margin-top:2em;
- color:#1d1d1d;
- }
- .comments_list_wrap .comments_list_title {
- margin:0 0 0.8em;
- text-align:left;
- }
- .comments_list_wrap > ul {
- padding: 0;
- margin:0;
- list-style: none;
- }
- .comments_list_wrap ul li + li,
- .comments_list_wrap li > ul > li {
- padding-top:3em;
- }
- .comments_list_wrap ul > li {
- overflow:hidden;
- position:relative;
- min-height:6em;
- }
- .comments_list_wrap ul.children > li {
- display: block;
- }
- .comments_list_wrap ul > li:before {
- display:none;
- }
- .comments_list_wrap ul ul {
- margin-left:3.9em;
- padding-left:0;
- }
- .comments_list_wrap ul ul ul ul ul {
- margin-left:0;
- }
- .comments_list_wrap li + li,
- .comments_list_wrap li ul {
- margin-top: 2.85em;
- border-top: 4px solid #eee;
- }
- .comments_list_wrap .comment_author_avatar {
- position: absolute;
- left:0;
- top: 0;
- z-index:1;
- width: 5.556em;
- height: 5.556em;
- overflow:hidden;
- }
- .comments_list_wrap .comment_author_avatar,
- .comments_list_wrap .comment_author_avatar img{
- -webkit-border-radius: 50%;
- -ms-border-radius: 50%;
- border-radius: 50%;
- }
- .comments_list_wrap ul li + li > .comment_body > .comment_author_avatar,
- .comments_list_wrap li > ul > li > .comment_body > .comment_author_avatar {
- top:3.2em;
- }
- .comments_list_wrap .bypostauthor > .comment_body .comment_author_avatar:after {
- content: ' ';
- display:block;
- position:absolute;
- z-index:1;
- right: -14px;
- top: -14px;
- width: 0;
- height: 0;
- border: 12px solid transparent;
- border-top-color:#ddd;
- -webkit-transform: rotate(225deg);
- -ms-transform: rotate(225deg);
- transform: rotate(225deg);
- }
- .comments_list_wrap .comment_author_avatar img {
- width: 100%;
- }
- .comments_list_wrap .comment_content {
- padding-left:7.15em;
- overflow:hidden;
- }
- .comments_list_wrap .comment_info {
- margin: 0 0 1.45em;
- line-height: 1em;
- position: relative;
- }
- .comments_list_wrap .comment_author {
- margin:0;
- display:inline-block;
- }
- .comments_list_wrap .comment_posted {
- display:inline-block;
- position:relative;
- letter-spacing:1.3px;
- font-size: 12px;
- line-height:inherit;
- font-style:normal;
- margin-left: 1.2em;
- white-space:nowrap;
- text-transform: uppercase;
- }
- .comments_list_wrap .comment_posted_label {
- display:none;
- }
- .comments_list_wrap .comment_time {
- display:none;
- }
- .comments_list_wrap .comment_counters {
- margin-left: 1em;
- display: none;
- }
- .comments_list_wrap .comment_not_approved {
- padding: 0.2em 0 0.5em 0;
- font-style:italic;
- }
- .comments_list_wrap .comment_text {
- font-size: 0.889em;
- line-height: 1.4em;
- margin-bottom:0.5em;
- }
- .comments_list_wrap .comment_text p {
- margin:0;
- }
- .comments_list_wrap .comment_text p+p {
- margin-top: 0.6em;
- }
- .comments_list_wrap .comment_text ul {
- margin:0;
- padding: 0 0 0 1.5em;
- list-style: outside;
- }
- .comments_list_wrap .comment_text ol {
- margin:0;
- padding: 0 0 0 1.5em;
- list-style:decimal;
- }
- .comments_list_wrap .comment_text ul > li > ul,
- .comments_list_wrap .comment_text ol > li > ol {
- margin-top: 0.5em;
- }
- .comments_list_wrap .comment_text ul > li,
- .comments_list_wrap .comment_text ol > li {
- min-height:0;
- padding:0;
- margin:0 0 0.5em 0;
- overflow:visible;
- }
- .comments_list_wrap .comment_text ul,
- .comments_list_wrap .comment_text ul > li,
- .comments_list_wrap .comment_text ol,
- .comments_list_wrap .comment_text ol > li {
- border:none;
- }
- .comments_list_wrap .comment_reply {
- font-size:0.889em;
- line-height:1.2em;
- font-style:italic;
- letter-spacing:1.3px;
- font-weight: 600;
- margin-top: 1.3em;
- text-transform: uppercase;
- }
- .comments_list_wrap .comment_reply a:after {
- content:'\e958';
- font-family:'fontello';
- font-size: 0.75em;
- font-style: normal;
- display: inline-block;
- vertical-align: middle;
- margin-left: 1.5em;
- position: relative;
- top: -1px;
- }
- /* Trackbacks and pingbacks */
- .comments_list > li.trackback {
- list-style:none;
- margin-left:0;
- padding-left:0;
- padding-right:4em;
- min-height: 0;
- position:relative;
- }
- .comments_list > li.trackback p {
- font-style:italic;
- padding-bottom:0.8em;
- }
- .comments_list > li.trackback p a {
- font-style:normal;
- }
- .comments_list > li.trackback .edit-link {
- position:absolute;
- right:0;
- top: 2em;
- }
- /* Comments form */
- .comments_form_wrap {
- margin-top: 1.65rem;
- padding-top: 4.3rem;
- border-top: 4px solid #eee;
- overflow:hidden;
- }
- .comments_wrap .comments_form_wrap:first-child {
- margin-top: 4.65rem;
- }
- .comments_form_wrap form {
- position:relative;
- }
- .comments_wrap .comments_form_title {
- margin:0 0 0.8em;
- text-align:left;
- }
- .comments_wrap .comments_list_wrap .comments_form_title {
- margin-top: 1.5em;
- position:relative;
- }
- .comments_wrap #cancel-comment-reply-link {
- font-size:0;
- }
- .comments_wrap #cancel-comment-reply-link:before {
- content: '\e916';
- font-family: 'fontello';
- font-size:18px;
- font-style: normal;
- display:block;
- text-align:center;
- width: 2em;
- height: 2em;
- line-height: 2em;
- position:absolute;
- right: 0;
- top: 0;
- z-index: 1;
- }
- .comments_wrap .comments_notes {
- font-size:0.8667em;
- }
- .comments_wrap .comments_field {
- margin-bottom:1em;
- }
- .comments_wrap .comments_author,
- .comments_wrap .comments_email {
- width: 48.7%;
- float:left;
- }
- .comments_wrap .comments_email {
- float:right;
- }
- .comments_wrap .comments_url {
- clear:both;
- }
- .comments_wrap .comments_comment:before {
- content: ' ';
- display: block;
- width: 100%;
- height: 0;
- clear: both;
- }
- .comments_wrap .comments_field label {
- display:none;
- }
- .comments_wrap .comments_field input,
- .comments_wrap .comments_field textarea {
- width:100%;
- }
- .comments_wrap .comments_field textarea {
- min-height:16em;
- }
- /* Submit button */
- .comments_wrap .form-submit {
- margin:1.35em 0 0;
- display: inline-block;
- vertical-align: top;
- position: relative;
- z-index: 0;
- -webkit-border-radius: 35px;
- -ms-border-radius: 35px;
- border-radius: 35px;
- -webkit-transition: background-color 0.3s;
- -moz-transition: background-color 0.3s;
- transition: background-color 0.3s;
- }
- .comments_wrap .form-submit:before {
- content: '\e958';
- font-family: 'fontello';
- font-style: normal;
- text-align: center;
- z-index: -1;
- line-height: 1;
- font-size: 115%;
- -webkit-font-smoothing: antialiased;
- position: absolute;
- left: auto;
- right: 1.45em;
- top: 50%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- clear: both;
- }
- .comments_wrap .form-submit:after {
- content: '';
- width: 5.15em;
- height: 150%;
- background: rgba(255,255,255,0.1);
- z-index: -2;
- right: 0;
- position: absolute;
- top: 0;
- margin: -25px -25px 0 0;
- -webkit-transform-origin: 0 0;
- -webkit-transform: rotate(8deg);
- -moz-transform-origin: 0 0;
- -moz-transform: rotate(8deg);
- -ms-transform-origin: 0 0;
- -ms-transform: rotate(8deg);
- transform-origin: 0 0;
- transform: rotate(8deg);
- -webkit-transition: all 0.3s;
- -moz-transition: all 0.3s;
- transition: all 0.3s;
- }
- .comments_wrap .form-submit:hover:after {
- width: 5.9em;
- }
- .comments_wrap .form-submit input[type="submit"] {
- display:inline-block;
- padding: 1.7em 6.5em 1.65em 2em;
- }
- form .error_field {
- border-color: #CC6868 !important;
- -webkit-box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2);
- -ms-box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2);
- box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2);
- }
- /* Social login in the comment form */
- .comments_form_wrap form .wp-social-login-widget {
- position:absolute;
- z-index:1;
- top: -6.2em;
- right: 0;
- }
- .comments_form_wrap form .wp-social-login-widget .wp-social-login-connect-with {
- display:none;
- }
- .comments_form_wrap form .wp-social-login-widget .wp-social-login-provider-list {
- padding:0;
- }
- /* Result box */
- .niobe_messagebox {
- display:inline-block;
- position:absolute;
- z-index:1000;
- max-width:80%;
- left: 50%;
- top: 50%;
- -webkit-transform:translateX(-50%) translateY(-50%);
- -ms-transform:translateX(-50%) translateY(-50%);
- transform:translateX(-50%) translateY(-50%);
- }
- form .niobe_messagebox,
- form .trx_addons_message_box {
- min-width:60%;
- text-align:center;
- }
- .niobe_messagebox,
- .trx_addons_message_box {
- font-size: 1em;
- line-height:1.5em;
- padding: 1.5em;
- border: 1px solid #07759C;
- background-color:#B6DDF3;
- color: #07759C;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 200, 0.2);
- -ms-box-shadow: 0px 0px 20px 0px rgba(0, 0, 200, 0.2);
- box-shadow: 0px 0px 20px 0px rgba(0, 0, 200, 0.2);
- }
- .niobe_messagebox_style_error,
- .trx_addons_message_box_error {
- border: 1px solid #A00000;
- background-color:#FDCDCD;
- color: #A00000;
- -webkit-box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2);
- -ms-box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2);
- box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2);
- }
- .niobe_messagebox_style_success,
- .trx_addons_message_box_success {
- border: 1px solid #00A000;
- background-color:#CDFDCD;
- color: #00A000;
- -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2);
- -ms-box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2);
- box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2);
- }
- .niobe_messagebox p,
- .trx_addons_message_box p {
- margin:0;
- line-height:1.5em;
- }
- .niobe_messagebox p+p,
- .trx_addons_message_box p+p {
- margin-top:0.4em;
- }
- /* 8.6 Page 404
- -------------------------------------------------------------- */
- .post_item_404 .post_content {
- padding: 1rem 0 1rem;
- overflow:hidden;
- }
- .post_item_404 .page_title {
- float: left;
- width:50%;
- font-size: 17em;
- line-height:1em;
- margin: 0;
- margin-top:0 !important;
- letter-spacing:0;
- text-align:center;
- }
- .post_item_404 .page_info {
- float: left;
- width:50%;
- text-align:left;
- padding: 1rem 0 0 5rem;
- -webkit-box-sizing: border-box;
- -ms-box-sizing: border-box;
- box-sizing: border-box;
- }
- .post_item_404 .page_subtitle {
- margin: 0;
- letter-spacing:1px;
- }
- .post_item_404 .page_description {
- margin-top: 1em;
- margin-bottom: 2em;
- text-transform:uppercase;
- letter-spacing:1px;
- line-height:1.8em;
- }
- /* 8.7 Page 'No search results' and 'No archive results'
- -------------------------------------------------------- */
- .post_item_none_search .post_content {
- padding: 1.5em 0;
- }
- .post_item_none_search .page_title,
- .post_item_none_archive .page_title {
- font-size: 7em;
- line-height:1.2em;
- }
- /* 9. Sidebars
- -------------------------------------------------------------- */
- /* Common rules */
- .sidebar .widget+.widget {
- margin-top: 2.65rem;
- }
- .sidebar .widget + .widget.widget_bg_image,
- .sidebar .widget + .widget.widget_fullwidth {
- border-top: none;
- padding-top: 4.2rem;
- padding-bottom: 4.2rem;
- }
- .sidebar .widget.widget_bg_image + .widget,
- .sidebar .widget.widget_fullwidth + .widget {
- border-top: none;
- margin-top: 0;
- }
- .widget p {
- margin:0;
- }
- .widget p+p,
- .widget p+div,
- .widget p+form {
- margin-top:1em;
- }
- .widget .widgettitle {
- font-size: 1.4286em;
- line-height: 1.35em;
- }
- .widget .widget_title,
- .widget .widgettitle {
- margin-top:0;
- margin-bottom:1.25em;
- text-align: center;
- padding: 0.917em 1em;
- -webkit-border-radius: 10px;
- -ms-border-radius: 10px;
- border-radius: 10px;
- }
- .widget .widget_title + ul,
- .widget .widget_title + ol,
- .widget .widgettitle + ul,
- .widget .widgettitle + ol {
- margin-top: -7px;
- margin-bottom: -7px;
- }
- .widget_fullwidth .widget_title,
- .widget_fullwidth .widgettitle{
- text-align:center;
- }
- .widget.widget_text .widget_title {
- margin-bottom: 0.9em;
- }
- .widget ul {
- margin:0;
- padding-left:0;
- list-style-type:none;
- }
- .widget ul ul ul ul { /* Remove padding for the levels 4+ */
- padding-left: 0.5em;
- }
- .widget li {
- position:relative;
- }
- .widget li a{
- font-size: 0.889em;
- font-weight: 600;
- font-style: italic;
- text-transform: uppercase;
- }
- .sidebar .widget:not(.widget_products):not(.widget_shopping_cart):not(.widget_recent_comments):not(.widget_recently_viewed_products):not(.widget_top_rated_products):not(.widget_recent_reviews) li{
- padding: 0.719em 3em 0.532em 1.5em;
- display: block;
- position: relative;
- -webkit-border-radius: 10px;
- -ms-border-radius: 10px;
- border-radius: 10px;
- }
- .sidebar .widget:not(.widget_products):not(.widget_shopping_cart):not(.widget_recent_comments):not(.widget_recently_viewed_products):not(.widget_top_rated_products):not(.widget_recent_reviews) li li{
- padding: 0.5em 0 0 1em;
- }
- .sidebar .widget.widget_rss li{
- padding: 0.719em 1em 0.532em 1em !important;
- }
- .sidebar .widget.widget_nav_menu li{
- padding: 0 1em !important;
- }
- .sidebar .widget.widget_nav_menu li li{
- padding: 0 0 0 0 !important;
- }
- .sidebar .widget.widget_nav_menu ul ul ul ul ul li {
- padding-left: 0 !important;
- }
- .sidebar .widget.widget_nav_menu ul{
- padding-left: 0.5em;
- }
- .sidebar .widget:not(.widget_products):not(.widget_shopping_cart):not(.widget_recent_comments):not(.widget_recently_viewed_products):not(.widget_top_rated_products):not(.widget_recent_reviews) li a:after{
- content: '\e836';
- font-family: 'fontello';
- font-size: 1.1em;
- font-style: normal;
- position: absolute;
- right: 1.2em;
- }
- .sidebar .widget.widget_nav_menu li a:after,
- .sidebar .widget.widget_rss li a:after,
- .sidebar .widget:not(.widget_products):not(.widget_shopping_cart):not(.widget_recent_comments):not(.widget_recently_viewed_products):not(.widget_top_rated_products):not(.widget_recent_reviews) li li a:after{
- display: none !important;
- }
- .widget li a img {
- vertical-align:baseline;
- }
- .widget li ul li,
- .widget li ol li,
- .widget li + li{
- margin-top: 0.94em;
- }
- .sidebar .widget:not(.widget_products):not(.widget_shopping_cart):not(.widget_recently_viewed_products):not(.widget_top_rated_products):not(.widget_recent_reviews) li ul li,
- .sidebar .widget:not(.widget_products):not(.widget_shopping_cart):not(.widget_recently_viewed_products):not(.widget_top_rated_products):not(.widget_recent_reviews) li ol li,
- .sidebar .widget:not(.widget_products):not(.widget_shopping_cart):not(.widget_recently_viewed_products):not(.widget_top_rated_products):not(.widget_recent_reviews) li + li{
- margin-top: 1px;
- }
- /* Widgets above and below the page (content and sidebar) */
- .widgets_above_page_wrap,
- .widgets_above_content_wrap {
- font-size:1em;
- margin-bottom:2em;
- }
- .widgets_below_content_wrap,
- .widgets_below_page_wrap {
- font-size:1em;
- margin-top:2em;
- }
- .widgets_below_page_wrap {
- clear:both;
- }
- .widgets_below_page_wrap + .footer_wrap {
- margin-top: -2px;
- }
- /* Widget: Calendar */
- .widget_calendar .widget_title{
- margin-bottom: 1em;
- }
- .widget_calendar table {
- width: 100%;
- position:relative;
- }
- .widget_calendar caption {
- padding-bottom:0.5em;
- font-weight:400;
- display: none;
- }
- .widget_calendar table > thead > tr {
- background-color: transparent !important;
- }
- .widget_calendar th,
- .widget_calendar td {
- font-size:14px !important;
- line-height:1.5em;
- font-weight:600 !important;
- font-style:normal;
- text-align:center;
- text-transform:uppercase;
- letter-spacing: 1.5px;
- padding:2px;
- border: none !important;
- background-color: transparent !important;
- -webkit-box-sizing: border-box;
- -ms-box-sizing: border-box;
- -ms-box-sizing: border-box;
- box-sizing: border-box;
- width: 14.2857%;
- }
- .widget_calendar td {
- font-weight:400 !important;
- line-height:2em;
- padding:3px;
- }
- .widget_calendar tbody td a {
- display:block;
- position:relative;
- font-weight:normal;
- -webkit-box-sizing: border-box;
- -ms-box-sizing: border-box;
- box-sizing: border-box;
- }
- .widget_calendar tbody td a:after {
- content: ' ';
- position:absolute;
- left:43%;
- bottom: 1px;
- width: 4px;
- height: 4px;
- border-radius: 50%;
- }
- .widget_calendar td#today {
- position:relative;
- z-index:2;
- }
- .widget_calendar td#today:before {
- content:' ';
- margin-top: -1px;
- z-index:-1;
- position:absolute;
- left:50%;
- top: 50%;
- width: 2.143em;
- height: 2.143em;
- -webkit-transform:translateX(-50%) translateY(-50%);
- -ms-transform:translateX(-50%) translateY(-50%);
- transform:translateX(-50%) translateY(-50%);
- }
- .widget_calendar tfoot {
- position:relative;
- top: 0.6em;
- }
- .widget_calendar tfoot td {
- text-transform: none !important;
- }
- .widget_calendar td#prev {
- text-align:left;
- overflow:hidden;
- }
- .widget_calendar td#next {
- text-align:right;
- }
- .widget_calendar td#prev a,
- .widget_calendar td#next a {
- position:relative;
- font-size: 12px;
- font-weight: 700;
- text-transform: uppercase;
- }
- .widget_calendar td#prev a {
- padding-left: 0.15em;
- }
- .widget_calendar td#next a {
- padding-right: 0.15em;
- }
- .widget_calendar td#prev a:before,
- .widget_calendar td#next a:before {
- font-size: 9px;
- font-weight: 400;
- display:inline-block;
- z-index:1;
- width: 1.2em;
- height: 1em;
- line-height: 1.4em;
- padding: 1px;
- position:absolute;
- top: 0;
- }
- .widget_calendar td#prev a:before {
- content: '\e95b';
- font-family:'fontello';
- left:0;
- }
- .widget_calendar td#next a:before {
- content: '\e958';
- font-family:'fontello';
- right: 0;
- }
- /* Widget: Recent Posts */
- .widget_recent_entries .post-date {
- display: inline-block;
- margin-left:0.5em;
- }
- /* Widgets: WP Search, WooCommerce Products Search and bbPress Forums Search */
- .widget_search form,
- .woocommerce.widget_product_search form,
- .widget_display_search form,
- #bbpress-forums #bbp-search-form {
- width:100%;
- overflow:hidden;
- position:relative;
- -webkit-border-radius: 35px;
- -ms-border-radius: 35px;
- border-radius: 35px;
- }
- .widget_search form:after,
- .woocommerce.widget_product_search form:after,
- .widget_display_search form:after,
- #bbpress-forums #bbp-search-form:after {
- content:'\e958';
- font-family: 'fontello';
- font-size: 115%;
- display:block;
- text-align:center;
- width:1em;
- height:1em;
- line-height:1em;
- z-index:0;
- pointer-events: none;
- cursor:pointer;
- position:absolute;
- right:1.45em;
- top:50%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- -webkit-transition: all ease .3s;
- -ms-transition: all ease .3s;
- transition: all ease .3s;
- }
- .widget_search form:before,
- .woocommerce.widget_product_search form:before,
- .widget_display_search form:before,
- #bbpress-forums #bbp-search-form:before {
- content: '';
- width: 5.15em;
- height: 150%;
- background: rgba(255,255,255,0.1);
- z-index: 0;
- right: 0;
- position: absolute;
- top: 0;
- margin: -25px -25px 0 0;
- -webkit-transform-origin: 0 0;
- -webkit-transform: rotate(8deg);
- -moz-transform-origin: 0 0;
- -moz-transform: rotate(8deg);
- -ms-transform-origin: 0 0;
- -ms-transform: rotate(8deg);
- transform-origin: 0 0;
- transform: rotate(8deg);
- -webkit-transition: all 0.3s;
- -moz-transition: all 0.3s;
- transition: all 0.3s;
- }
- .widget_search form:hover:before,
- .woocommerce.widget_product_search form:hover:before,
- .widget_display_search form:hover:before,
- #bbpress-forums #bbp-search-form:hover:before {
- width: 6em;
- }
- .widget_search .search-field,
- .woocommerce.widget_product_search .search_field,
- .widget_display_search #bbp_search,
- #bbpress-forums #bbp-search-form #bbp_search {
- width:100%;
- padding-right: 8em !important;
- -webkit-box-sizing: border-box;
- -ms-box-sizing: border-box;
- -ms-box-sizing: border-box;
- box-sizing: border-box;
- }
- .widget_search input.search-submit,
- .woocommerce.widget_product_search .search_button,
- .widget_display_search #bbp_search_submit,
- #bbpress-forums #bbp-search-form #bbp_search_submit {
- display:block;
- text-indent:-1000px;
- position:absolute;
- right:0;
- top:0;
- width:5em;
- height:100%;
- padding:0;
- border: none !important;
- background:none !important;
- z-index:1;
- cursor:pointer;
- }
- /* Widget: RSS */
- .widget_rss .widget_title a {
- display:inline-block;
- margin-right:6px;
- }
- .widget_rss .widget_title a:first-child:before {
- content:'\e8ed';
- font-family:'fontello';
- display: inline-block;
- font-size:0.9em;
- }
- .widget_rss .widget_title img {
- display:none;
- }
- .widget_rss ul,
- .widget_rss li {
- padding-left:0
- }
- .widget_rss li:before {
- display:none;
- }
- .widget_rss li+li {
- margin-top:2em;
- }
- /* Widgets: WP Tag Cloud and WooCommerce Tag Cloud */
- .widget_product_tag_cloud,
- .widget_tag_cloud {
- overflow:hidden;
- }
- .sc_edd_details .downloads_page_tags .downloads_page_data > a,
- .widget_product_tag_cloud a,
- .widget_tag_cloud a {
- display:block;
- float:left;
- padding: 5px 15px 3px;
- margin:0 3px 5px 0;
- font-size:10px !important;
- line-height:14px;
- font-weight:700;
- letter-spacing:0.5px;
- text-transform:uppercase;
- border-radius: 11px;
- }
- /* Widget: Instagram Feed */
- #sb_instagram {
- padding-bottom: 0 !important;
- }
- #sb_instagram .sbi_header_text {
- padding-top: 0 !important;
- margin-top:-2px;
- }
- #sb_instagram .sb_instagram_header {
- padding: 0 !important;
- margin-bottom:0.5em !important;
- }
- .footer_fullwidth #sb_instagram .sb_instagram_header {
- float:none;
- text-align:center;
- overflow:hidden;
- }
- .footer_fullwidth #sb_instagram .sb_instagram_header > a {
- float:none;
- display:inline-block;
- overflow:hidden;
- }
- #sb_instagram .sb_instagram_header h3 {
- font-size: 1.2308em;
- line-height:1.5em;
- }
- #sb_instagram .sb_instagram_header p {
- font-size: 1em;
- line-height:1.5em;
- }
- #sb_instagram #sbi_load {
- margin-top:0.5em;
- display: none;
- }
- #sb_instagram .sbi_photo_wrap,
- #sb_instagram .sbi_photo_wrap a,
- #sb_instagram .sbi_photo_wrap img {
- -webkit-border-radius: 35px;
- -ms-border-radius: 35px;
- border-radius: 35px;
- overflow: hidden;
- }
- #sb_instagram .sbi_photo {
- opacity: 1 !important;
- background-size: 103% !important;
- position: relative;
- }
- #sb_instagram .sbi_photo:before{
- content: '';
- display: block;
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- opacity: 0;
- -webkit-transition: opacity 0.3s ease;
- -ms-transition: opacity 0.3s ease;
- transition: opacity 0.3s ease;
- }
- #sb_instagram .sbi_photo:after{
- content: '\e87e';
- font-family: 'fontello';
- font-size: 2.1em;
- position: absolute;
- right: 12%;
- bottom: 14%;
- opacity: 0;
- -webkit-transition: opacity 0.3s ease;
- -ms-transition: opacity 0.3s ease;
- transition: opacity 0.3s ease;
- }
- #sb_instagram .sbi_photo:hover::after,
- #sb_instagram .sbi_photo:hover::before{
- opacity: 1;
- }
- /* Widget: Instagram */
- ul.instagram-pics {
- margin-right: -5px;
- }
- ul.instagram-pics li {
- float: left;
- padding: 0 5px 5px 0;
- margin:0;
- overflow: hidden;
- width: 33.3333%;
- height: auto;
- -webkit-box-sizing: border-box;
- -ms-box-sizing: border-box;
- box-sizing: border-box;
- }
- .column-1_3 ul.instagram-pics li {
- width: 25%;
- }
- .column-1_2 ul.instagram-pics li {
- width: 20%;
- }
- .column-1_1 ul.instagram-pics li {
- width: 16.6666%;
- }
- ul.instagram-pics li:before {
- display:none;
- }
- /* Widget recent comments */
- .widget_recent_comments ul{
- font-size: 0.889em;
- font-weight: 600;
- font-style: italic;
- letter-spacing: 0;
- text-transform: uppercase;
- }
- .widget_recent_comments ul ul{
- font-size: 1em;
- }
- .widget_recent_comments li{
- padding: 0 1em;
- line-height: 1.4em;
- -webkit-border-radius: 10px;
- -ms-border-radius: 10px;
- border-radius: 10px;
- }
- .widget_recent_comments li + li{
- margin-top: 0.94em !important;
- }
- .widget_recent_comments ul li:nth-child(2n+0) {
- padding: 0.8em 1em 0.65em;
- }
- .widget_recent_comments li a{
- font-size: 1em;
- }
- .widget_recent_comments li:after{
- display: none;
- }
- /* 10. Footer areas
- -------------------------------------------------------------- */
- .footer_wrap {
- margin-top:7.8rem;
- }
- .remove_margins .footer_wrap {
- margin-top:0;
- }
- /* Footer widgets */
- .footer_wrap .widget {
- margin: 1.5em 0;
- }
- .footer_wrap .vc_col-sm-4 .widget li {
- display:inline-block;
- width: 45%;
- margin-right:3%;
- vertical-align:top;
- }
- .footer_wrap .vc_col-sm-4 .widget li li {
- display:block;
- width: 100%;
- margin-right:0%;
- }
- .footer_wrap .footer_fullwidth {
- overflow:hidden;
- }
- .footer_wrap .widget_title,
- .footer_wrap .widgettitle {
- text-align:left;
- }
- .footer_wrap .footer_fullwidth .widget_title,
- .footer_wrap .footer_fullwidth .widgettitle {
- text-align:center;
- margin-bottom:1.5em;
- }
- /* Footer logo */
- .footer_logo_inner {
- padding:4em 0;
- overflow:hidden;
- text-align:center;
- position:relative;
- }
- .footer_widgets_wrap + .footer_logo_wrap .footer_logo_inner {
- border-top-width: 1px;
- border-top-style: solid;
- }
- .footer_logo_inner:after {
- content:' ';
- position:absolute;
- z-index:1;
- left: 50%;
- bottom:0;
- width: 1px;
- height: 3em;
- }
- .footer_logo_inner img {
- max-width:25%;
- }
- .logo_footer_text {
- font-size: 3.3333em;
- line-height:1em;
- letter-spacing:6px;
- margin:0;
- }
- .logo_footer_image + .logo_footer_text {
- margin:0.63em 0 2em;
- }
- /* Socials in the default footer */
- .footer_socials_inner {
- padding:2em 0 3em;
- text-align:center;
- }
- /* Menu in the default footer */
- .footer_menu_inner {
- padding:3.736em 0 3.677em;
- text-align:left;
- }
- .menu_footer_nav_area > ul,
- .footer_wrap .sc_layouts_menu > ul {
- display: block;
- padding:0;
- margin:-0.31em 0 0;
- list-style-type:none;
- }
- .menu_footer_nav_area > ul > li,
- .footer_wrap .sc_layouts_menu > ul > li {
- display: inline-block;
- text-align: left;
- width: 29.33%;
- margin-right: 3%;
- margin-top: 0.31em;
- vertical-align: top;
- /*font-size: 12px;*/
- }
- .menu_footer_nav_area > ul > li > a,
- .footer_wrap .sc_layouts_menu > ul > li > a {
- padding: 0;
- display: inline-block;
- }
- .mobile_layout .menu_footer_nav_area > ul > li > a,
- .mobile_layout .footer_wrap .sc_layouts_menu > ul > li > a {
- padding: 0;
- }
- .menu_footer_nav_area > ul > li.menu-item-has-children > a,
- .footer_wrap .sc_layouts_menu > ul > li.menu-item-has-children > a {
- padding-right:0;
- }
- .mobile_layout .menu_footer_nav_area > ul > li.menu-item-has-children > a,
- .mobile_layout .footer_wrap .sc_layouts_menu > ul > li.menu-item-has-children > a {
- padding-right:0;
- }
- .menu_footer_nav_area > ul > li.menu-item-has-children > a:after,
- .footer_wrap .sc_layouts_menu > ul > li.menu-item-has-children > a:after {
- content: '\e828';
- font-family: 'fontello';
- right: 2em;
- }
- .mobile_layout .menu_footer_nav_area > ul > li.menu-item-has-children > a:after,
- .mobile_layout .footer_wrap .sc_layouts_menu > ul > li.menu-item-has-children > a:after {
- right: 0.5em;
- }
- .menu_footer_nav_area li li.menu-item-has-children > a:after,
- .footer_wrap .sc_layouts_menu li li.menu-item-has-children > a:after {
- content: '\e836';
- font-family: 'fontello';
- }
- .menu_footer_nav_area > ul ul,
- .footer_wrap .sc_layouts_menu > ul ul {
- display: none !important;
- }
- .menu_footer_nav_area > ul > li ul,
- .footer_wrap .sc_layouts_menu > ul > li ul {
- top: auto;
- bottom: 3em;
- border: 1px solid #ddd;
- }
- .menu_footer_nav_area > ul > li ul ul,
- .footer_wrap .sc_layouts_menu > ul > li ul ul {
- top: auto;
- bottom: -1.4em;
- margin-left: 2px;
- }
- .menu_footer_nav_area > ul > li ul ul.submenu_left,
- .footer_wrap .sc_layouts_menu > ul > li ul ul.submenu_left {
- margin-left: -2px;
- }
- .menu_footer_nav_area > ul > li ul > li,
- .menu_footer_nav_area > ul > li ul > li > a,
- .footer_wrap .sc_layouts_menu > ul > li ul > li,
- .footer_wrap .sc_layouts_menu > ul > li ul > li > a {
- font-size: 12px;
- }
- .menu_footer_nav_area > ul > li ul > li > a,
- .footer_wrap .sc_layouts_menu > ul > li ul > li > a {
- display:block;
- }
- /* Footer menu */
- .footer_wrap.footer_custom_footer-default .widget.widget_nav_menu li {
- display: inline-block;
- text-align: left;
- width: 29.33%;
- margin-right: 3%;
- vertical-align: top;
- }
- .footer_wrap .wpb_column.vc_col-sm-2 .widget.widget_nav_menu li {
- display: inline-block;
- width: 100%;
- margin-right: 0;
- vertical-align: top;
- }
- .footer_wrap .wpb_column.vc_col-sm-3 .widget.widget_nav_menu li,
- .footer_wrap .wpb_column.vc_col-sm-4 .widget.widget_nav_menu li {
- display: inline-block;
- width: 45%;
- margin-right: 3%;
- vertical-align: top;
- }
- .footer_wrap .widget.widget_nav_menu ul {
- margin-top: -0.31em;
- padding-left: 0.5em;
- }
- .footer_wrap .widget.widget_nav_menu li {
- margin-top: 0.31em;
- }
- .footer_wrap .widget.widget_nav_menu li a {
- font-size: 1.111em;
- }
- /* Copyright area in the default footer */
- .footer_copyright_inner {
- font-size: 1em;
- line-height: 1.45em;
- display: inline-block;
- width: 100%;
- letter-spacing: 0;
- text-align:center;
- }
- .footer_custom .footer_copyright_inner {
- text-align: left;
- }
- .footer_copyright_wrap p {
- margin:0;
- }
- .footer_custom_footer-default .columns_wrap > [class*="column-"] {
- vertical-align: middle;
- }
- .footer_default .columns_wrap > [class*="column-"] .footer_copyright_inner{
- text-align: left;
- }
- .footer_copyright_wrap .footer_copyright_inner {
- padding: 3.736em 0;
- }
- /* 11. Front Page sections
- -------------------------------------------------------- */
- .frontpage.with_bg_image {
- background-position: center;
- background-repeat:no-repeat;
- background-size:cover;
- background-attachment:fixed;
- }
- .frontpage.with_bg_image .page_wrap {
- background-color: transparent;
- }
- /* Common settings */
- .front_page_section {
- background-position:center;
- background-size:cover;
- background-repeat:no-repeat;
- }
- .front_page_section > .customize-partial-edit-shortcut button {
- left: 2px !important;
- }
- .front_page_section_paddings_none .front_page_section_content_wrap {
- padding: 0;
- }
- .front_page_section_paddings_small .front_page_section_content_wrap {
- padding: 4% 0;
- }
- .front_page_section_paddings_medium .front_page_section_content_wrap {
- padding: 8% 0;
- }
- .front_page_section_paddings_large .front_page_section_content_wrap {
- padding: 12% 0;
- }
- .front_page_section_paddings_huge .front_page_section_content_wrap {
- padding: 16% 0;
- }
- .front_page_block_empty {
- height: 0 !important;
- overflow:hidden !important;
- clip:rect(0 0 0 0) !important;
- margin: 0 !important;
- padding: 0 !important;
- }
- .front_page_section_description,
- .front_page_section_content,
- .front_page_section_output,
- .front_page_section_buttons {
- font-size: 1.1429em;
- }
- .front_page_section .front_page_section_caption {
- margin:0;
- text-align: center;
- }
- .front_page_section_description {
- line-height:1.5em;
- text-align: center;
- }
- .front_page_section_description p:last-child,
- .front_page_section_content p:last-child,
- .front_page_section_output p:last-child {
- margin-bottom: 0;
- }
- .front_page_section_buttons {
- text-align: center;
- }
- .front_page_section_caption:not(.front_page_block_empty) + .front_page_section_description {
- margin-top: 1em;
- }
- .front_page_section_caption:not(.front_page_block_empty) + .front_page_section_content,
- .front_page_section_description:not(.front_page_block_empty) + .front_page_section_content {
- margin-top: 3em;
- }
- .front_page_section_caption:not(.front_page_block_empty) + .front_page_section_output,
- .front_page_section_description:not(.front_page_block_empty) + .front_page_section_output,
- .front_page_section_content:not(.front_page_block_empty) + .front_page_section_output {
- margin-top: 3em;
- }
- .front_page_section_caption:not(.front_page_block_empty) + .front_page_section_columns,
- .front_page_section_description:not(.front_page_block_empty) + .front_page_section_columns,
- .front_page_section_content:not(.front_page_block_empty) + .front_page_section_columns {
- margin-top: 3em;
- }
- .front_page_section_caption:not(.front_page_block_empty) + .front_page_section_buttons,
- .front_page_section_description:not(.front_page_block_empty) + .front_page_section_buttons,
- .front_page_section_content:not(.front_page_block_empty) + .front_page_section_buttons,
- .front_page_section_output:not(.front_page_block_empty) + .front_page_section_buttons,
- .front_page_section_columns:not(.front_page_block_empty) + .front_page_section_buttons {
- margin-top: 2em;
- }
- .front_page_section_buttons > .front_page_section_button {
- margin-top: 1em;
- margin-right: 1em;
- font-size: 0.8em;
- }
- .front_page_section_buttons > .front_page_section_button + .front_page_section_button {
- margin-right: 0;
- }
- .front_page_section_columns .front_page_section_caption {
- font-size: 2.5em;
- line-height:1.2em;
- text-align: left;
- }
- .front_page_section_columns .front_page_section_output,
- .front_page_section_columns .front_page_section_content,
- .front_page_section_columns .front_page_section_description {
- font-size: 1em;
- line-height:1.5em;
- text-align: left;
- }
- .front_page_section_columns h1,
- .front_page_section_columns h2,
- .front_page_section_columns h3,
- .front_page_section_columns h4,
- .front_page_section_columns h5,
- .front_page_section_columns h6 {
- margin-top:1em;
- margin-bottom:0.3em;
- }
- .front_page_section_columns h1:first-child,
- .front_page_section_columns h2:first-child,
- .front_page_section_columns h3:first-child,
- .front_page_section_columns h4:first-child,
- .front_page_section_columns h5:first-child,
- .front_page_section_columns h6:first-child {
- margin-top:0;
- }
- .front_page_section_columns p {
- margin:0;
- }
- .front_page_section_columns p+p {
- margin-top:0.5em;
- }
- /* Section 'Title' */
- .front_page_section_title_description {
- line-height: 1.75em;
- }
- .front_page_section_title_caption:not(.front_page_block_empty) + .front_page_section_title_description {
- margin-top: 2em;
- }
- /* Section 'Features' */
- .front_page_section_features .sc_item_descr {
- padding: 1em 0;
- }
- .front_page_section_features .sc_services_light .sc_services_item_icon {
- font-size: 4em;
- }
- /* Section 'Subscribe' */
- .front_page_section_subscribe .front_page_section_output {
- max-width:50%;
- margin-left: auto;
- margin-right: auto;
- }
- .front_page_section_subscribe .mc4wp-form .mc4wp-form-fields input[type="email"] {
- padding: 0.9em 1em;
- }
- /* Section 'Googlemap' */
- .front_page_section_googlemap .front_page_section_output {
- -webkit-box-shadow: 0 0 40px 10px rgba(255,255,255,0.4);
- -ms-box-shadow: 0 0 40px 10px rgba(255,255,255,0.4);
- box-shadow: 0 0 40px 10px rgba(255,255,255,0.4);
- }
- /* 12. Utils
- -------------------------------------------------------------- */
- /* Customizer message */
- .niobe_customizer_message {
- padding: 2em;
- margin:0 auto;
- max-width:60%;
- background-color: #f3e6ce;
- color:#996600;
- border-left: 3px solid #666600;
- }
- .niobe_customizer_message b {
- color: #333300;
- }
- /* Debug window */
- #debug_log {
- position:fixed;
- z-index:1000000;
- display:block;
- width:100%;
- left:0;
- top:0;
- background:rgba(0,0,0,0.8);
- color:#ffffff;
- }
- .admin-bar #debug_log {
- top:32px;
- }
- #debug_log_close {
- position:absolute;
- z-index:1;
- right:0;
- top:-6px;
- width:20px;
- height:20px;
- line-height:20px;
- font-weight:bold;
- font-size:18px;
- text-align:center;
- cursor:pointer;
- }
- #debug_log_content {
- font-size: 12px;
- line-height: 15px;
- padding:16px 16px 6px;
- max-height:66px;
- overflow:auto;
- word-wrap:normal;
- white-space:pre-line;
- }
- /* 13. Registration and Login popups
- -------------------------------------------------------------- */
- .popup_wrap {
- position: absolute;
- top: 3.3333em;
- right: 0;
- width: 37.5em;
- padding: 3em 2.5em 2em;
- display:none;
- }
- .popup_registration {
- right: -5.5em;
- }
- .popup_wrap .popup_close {
- display:block;
- font-size:1.25em;
- line-height:1em;
- width: 1em;
- height:1em;
- position:absolute;
- right:0;
- top:0;
- margin:0.5em 0.5em 0 0;
- text-align:center;
- color: #cccccc;
- border: 2px solid #ebebeb;
- background-color:#f4f7f9;
- }
- .popup_wrap .popup_close:hover {
- color: #909090;
- border: 2px solid #cccccc;
- background-color:#ffffff;
- }
- .popup_wrap .popup_close:before {
- font-family:fontello;
- content:'\e8ac';
- line-height:1em;
- padding:0 !important;
- margin:0 !important;
- }
- .popup_wrap .form_wrap {
- position:relative;
- overflow:hidden;
- }
- .popup_wrap .form_left {
- float: left;
- padding-right: 2.5em;
- width: 54%;
- border-right: 1px solid #e0e0e0;
- -webkit-box-sizing: border-box;
- -ms-box-sizing: border-box;
- box-sizing: border-box;
- }
- .popup_wrap .form_right {
- float: right;
- padding-left: 2.5em;
- width: 45%;
- -webkit-box-sizing: border-box;
- -ms-box-sizing: border-box;
- box-sizing: border-box;
- }
- .popup_wrap.popup_registration .form_left {
- width: 50%;
- padding-right: 5px;
- border-right: none;
- }
- .popup_wrap.popup_registration .form_right {
- width: 50%;
- padding-left: 5px;
- }
- .popup_wrap .popup_form_field {
- margin-bottom:0.625em;
- }
- .popup_wrap input[type="text"],
- .popup_wrap input[type="email"],
- .popup_wrap input[type="password"] {
- width:100%;
- border: 2px solid #ebebeb;
- background-color:#fafafa;
- }
- .popup_wrap input:not([type="submit"]):focus {
- background-color:#ffffff;
- }
- .popup_wrap .popup_form_field.iconed_field {
- position:relative;
- }
- .popup_wrap .popup_form_field.iconed_field:before {
- position:absolute;
- z-index:1;
- top:10px;
- right:8px;
- margin-right:0;
- color:#c9c9c9;
- width:1em;
- }
- .popup_wrap .popup_form_field.iconed_field input {
- padding-right:30px;
- }
- .popup_wrap .popup_form_field .forgot_password {
- float: right;
- line-height: 1.5em;
- }
- .popup_wrap .popup_form_field.submit_field {
- padding:1em 0 4px 4px;
- }
- .popup_wrap .popup_form_field .submit_button {
- width:100%;
- }
- .popup_wrap .login_socials_title {
- color:#222222;
- font-size:1.5em;
- line-height:1.3em;
- margin-bottom:0.5em;
- }
- .popup_wrap .login_socials_problem {
- line-height:1.3em;
- }
- .popup_wrap .popup_form_field.remember_field {
- margin-top: 1.2em;
- }
- /* 14. Third part plugins
- ------------------------------------------------------------------------------------ */
- /* WPBakery Page Builder */
- .wpb_row,
- .wpb_text_column,
- .wpb_content_element,
- ul.wpb_thumbnails-fluid > li,
- .last_toggle_el_margin,
- .wpb_button {
- margin-bottom:0 !important;
- }
- .sc_gap .vc_row {
- margin-left:0;
- margin-right:0;
- }
- .sc_gap .vc_column_container {
- padding-left:0;
- padding-right:0;
- }
- h1 .wpb_text_column p,
- h2 .wpb_text_column p,
- h3 .wpb_text_column p,
- h4 .wpb_text_column p,
- h5 .wpb_text_column p,
- h6 .wpb_text_column p {
- padding-bottom:0 !important;
- }
- .top_panel > .vc_row > .wpb_column { z-index: 10; }
- .top_panel > .vc_row:nth-child(2) > .wpb_column { z-index: 9; }
- .top_panel > .vc_row:nth-child(3) > .wpb_column { z-index: 8; }
- .top_panel > .vc_row:nth-child(4) > .wpb_column { z-index: 7; }
- .top_panel > .vc_row:nth-child(5) > .wpb_column { z-index: 6; }
- .top_panel > .vc_row:nth-child(6) > .wpb_column { z-index: 5; }
- .top_panel > .vc_row:nth-child(7) > .wpb_column { z-index: 4; }
- .top_panel > .vc_row:nth-child(8) > .wpb_column { z-index: 3; }
- .top_panel > .vc_row:nth-child(9) > .wpb_column { z-index: 2; }
- .top_panel > .vc_row:nth-child(10) > .wpb_column { z-index:1; }
- /* Google conversion */
- iframe[name="google_conversion_frame"] { height:1px; min-height:0px; display:none; }
- .sc_googlemap > iframe {
- width: 100%;
- height: 100%;
- }
- /* WPBakery Page Builder */
- .post_item_single .post_edit .vc_inline-link {
- display:none;
- }
- /* Magnific popup */
- .mfp-bg {
- z-index:200001;
- }
- .mfp-wrap {
- z-index:200002;
- }
- .mfp-arrow {
- background-color: transparent !important;
- }
- .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
- right: -20px;
- padding:0;
- width: 44px;
- text-align:center;
- }
- .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
- background: none !important;
- }
- /* Contact Form 7
- ----------------------------------------------------- */
- span.wpcf7-not-valid-tip {
- display: none;
- }
- .wpcf7-not-valid + span.wpcf7-not-valid-tip {
- display:block;
- }
- textarea.wpcf7-form-control,
- .wpcf7-form-control[type="text"],
- .wpcf7-form-control[type="number"],
- .wpcf7-form-control[type="email"],
- .wpcf7-form-control[type="password"],
- .wpcf7-form-control[type="search"] {
- width: 100%;
- }
- .wpcf7 .form_container .form_field{
- margin-bottom: 1.1em;
- }
- .wpcf7 .form_container .form_field:first-child,
- .wpcf7 .form_container .form_field:first-child + .form_field{
- width: 49%;
- }
- .wpcf7 .form_container .form_field:first-child{
- float: left;
- }
- .wpcf7 .form_container .form_field:first-child + .form_field{
- float: right;
- }
- .wpcf7 .form_container .form_field:first-child + .form_field + .form_field{
- float: none;
- clear: both;
- }
- .wpcf7 .form_container .form_field_button.align_center{
- text-align: center;
- }
- .wpcf7 .form_container .form_field_button.align_left{
- text-align: left;
- }
- .wpcf7 .form_container .form_field_button.align_right{
- text-align: right;
- }
- div.wpcf7-response-output {
- padding: 1em 1.4em;
- -webkit-border-radius: 35px;
- -ms-border-radius: 35px;
- border-radius: 35px;
- }
- .wpcf7 textarea{
- min-height: 1em;
- max-height: 16em;
- }
- .wpcf7-submit.sc_button.sc_button_modern {
- padding: 1.7em 4.3em 1.6em;
- }
- .wpcf7 .wpcf7-acceptance {
- display: block;
- margin-bottom: 0.25em;
- }
- .wpcf7 .wpcf7-acceptance input[type="checkbox"] {
- display: none;
- }
- /* Calculator */
- [id*="cp_calculatedfieldsf"] .fields{
- margin-bottom: 1.35em;
- }
- [id*="cp_calculatedfieldsf"] .fields label{
- font-size: 1.111em;
- font-weight: 700;
- text-transform: uppercase;
- letter-spacing: 0.05px;
- display: block;
- margin-bottom: 0.65em;
- }
- [id*="cp_calculatedfieldsf"] .fields:first-child,
- [id*="cp_calculatedfieldsf"] .fields:first-child + .fields {
- width: 50%;
- display: inline-block;
- vertical-align: top;
- }
- [id*="cp_calculatedfieldsf"] .fields:first-child > *{
- padding-right: 0.6em;
- }
- [id*="cp_calculatedfieldsf"] .fields:first-child + .fields > * {
- padding-left: 0.6em;
- }
- [id*="cp_calculatedfieldsf"] .fields input,
- [id*="cp_calculatedfieldsf"] .fields select option,
- [id*="cp_calculatedfieldsf"] .fields select{
- letter-spacing: 2px;
- }
- /* Gutenberg */
- body.sidebar_hide .alignfull {
- margin-left: calc( -100vw / 2 + 100% / 2 );
- margin-right: calc( -100vw / 2 + 100% / 2 );
- width: 100vw;
- max-width: 100vw;
- }
- body.sidebar_hide .alignwide {
- position: relative;
- left: calc( -44vw + 50% );
- width: 88vw;
- max-width: none;
- }
- .alignfull > img,
- .alignwide > img {
- max-width: none;
- width: 100%;
- }
- /* WP GDPR Compliance */
- .wpgdprc-checkbox input[type="checkbox"] {
- margin-right: 5px;
- }
- /* Gutenberg */
- body.sidebar_hide .alignfull {
- margin-left : calc( -100vw / 2 + 100% / 2 );
- margin-right : calc( -100vw / 2 + 100% / 2 );
- max-width : 100vw;
- }
- body.sidebar_hide .alignwide {
- position: relative;
- left: calc( -44vw + 50% );
- width: 88vw;
- max-width: none;
- }
- .alignfull > img,
- .alignwide > img {
- max-width: none;
- width: 100%;
- }
- body .alignwide {
- position: relative;
- left: 0;
- width: 100%;
- max-width: none;
- }
- body.sidebar_hide .alignwide {
- position: relative;
- left: calc( -44vw + 50% );
- width: 88vw;
- max-width: none;
- }
- .wp-block-cover__video-background {
- position: absolute !important;
- top: 50%;
- left: 50%;
- transform: translateX(-50%) translateY(-50%);
- width: 100% !important;
- height: 100% !important;
- z-index: 0;
- object-fit: cover;
- }
- .wp-block-gallery .blocks-gallery-image figcaption,
- .wp-block-gallery .blocks-gallery-item figcaption {
- padding: 10px 10px 5px;
- line-height: 1.8em;
- overflow: hidden;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
- .wp-block-cover .wp-block-cover-text {
- position: absolute !important;
- top: 50%;
- left: 50%;
- transform: translateX(-50%) translateY(-50%);
- }
- .wp-block-embed figcaption {
- margin-bottom: 0;
- }
- .wp-block-columns,
- .wp-block-media-text {
- margin-bottom: 1.7em;
- }
- .has-large-font-size {
- line-height: normal;
- }
- .wp-block-image,
- .wp-block-image .aligncenter,
- .wp-block-image .alignleft,
- .wp-block-image .alignright {
- display: table !important;
- }
- .wp-block-image figcaption {
- margin-bottom: 0;
- }
- figure.wp-block-audio figcaption,
- figure.wp-block-video figcaption,
- figure.wp-block-embed figcaption {
- position: static;
- transition: none;
- margin: 0.5em 0 0;
- }
- figure.wp-block-audio:hover figcaption,
- figure.wp-block-video:hover figcaption,
- figure.wp-block-image:hover figcaption,
- figure.wp-block-embed:hover figcaption {
- margin-bottom: 0;
- }
- .wp-block-gallery .blocks-gallery-image figure figcaption,
- .wp-block-gallery .blocks-gallery-item figure figcaption {
- left: 0;
- right: 0;
- }
- .wp-block-embed__wrapper {
- position: relative;
- }
- .wp-block-quote.is-large,
- .wp-block-quote.is-style-large {
- padding: 3em;
- }
- .wp-block-quote.is-style-large:before {
- left: 0.9em;
- }
- .wp-block-pullquote.is-style-solid-color blockquote{
- background-color: transparent;
- }
- .wp-block-audio .mejs-container {
- height: 40px !important;
- }
- .sidebar_hide .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe,
- .sidebar_hide .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe,
- .sidebar_hide .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe,
- .sidebar_hide .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe,
- .sidebar_hide .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,
- .sidebar_hide .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe,
- .sidebar_hide .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
- .sidebar_hide .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before,
- .sidebar_hide .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before,
- .sidebar_hide .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before,
- .sidebar_hide .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before,
- .sidebar_hide .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before,
- .sidebar_hide.wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before,
- .sidebar_hide.wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
- content: "";
- display: block;
- padding-top: 50%;
- }
- .wp-block-column .wp-block-image figcaption {
- position: static;
- }
- .wp-block-column blockquote {
- padding: 1em;
- }
- .wp-block-column blockquote:before {
- display: none;
- }
- .sidebar_hide .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
- padding-top: 56.25%;
- }
- .sidebar_hide .wp-block-columns.alignfull .wp-block-column {
- padding: 0 1.5em;
- }
- .wp-block-separator {
- max-width: 5em;
- margin: 3em 0;
- }
- .wp-block-separator.is-style-wide {
- max-width: 100%;
- }
- .wp-block-table:not(.is-style-stripes) tr > td {
- border: 1px solid #676a78!important;
- }
- .wp-block-table > tbody > tr:nth-child(2n+1) > td {
- background-color: transparent!important;
- }
- .wp-block-table + .wp-block-table {
- margin-top: 1.5rem;
- }
- /* 15. Predefined classes for users
- -------------------------------------------------------------- */
- .align_center {
- text-align: center;
- }
- .align_right {
- text-align: right;
- }
- .align_left {
- text-align: left;
- }
- /* Round object corners */
- .rounded_none {
- -webkit-border-radius: 0px;
- -ms-border-radius: 0px;
- border-radius: 0px;
- }
- .rounded_tiny {
- -webkit-border-radius: 4px;
- -ms-border-radius: 4px;
- border-radius: 4px;
- }
- .rounded_small {
- -webkit-border-radius: 6px;
- -ms-border-radius: 6px;
- border-radius: 6px;
- }
- .rounded_medium {
- -webkit-border-radius: 10px;
- -ms-border-radius: 10px;
- border-radius: 10px;
- }
- .rounded_large {
- -webkit-border-radius: 15px;
- -ms-border-radius: 15px;
- border-radius: 15px;
- }
- .rounded {
- -webkit-border-radius: 50%;
- -ms-border-radius: 50%;
- border-radius: 50%;
- }
- /* Height variants for the empty space */
- .height_tiny { height: 1rem !important; } /* 15px */
- .height_small { height: 2rem !important; } /* 30px */
- .height_medium {height: 3.3333rem !important; } /* 50px */
- .height_large,
- .height_big { height: 6.6667rem !important; } /* 100px */
- .height_huge { height: 8.6667rem !important; } /* 130px */
- /* Scroll button on the slider */
- .theme_scroll_down {
- display:inline-block;
- text-align:center;
- cursor:pointer;
- text-transform:uppercase;
- font-size:11px !important;
- line-height:15px !important;
- letter-spacing: 2px;
- }
- .theme_scroll_down:after {
- content: '\e938';
- font-family:'fontello';
- font-size:16px !important;
- line-height:30px !important;
- display:block;
- text-align:center;
- }
- .theme_scroll_down:hover {
- -webkit-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2);
- -ms-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2);
- animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2);
- }
- .fullscreen_search_open {
- z-index: 100 !important;
- }
- .height_60 {
- height:60px;
- }
- .bg_color_white{
- background-color: #fff;
- }
- .colorpicker_td_extra_style {
- vertical-align:middle;
- text-align:center;
- border:1px solid #000;
- background:#fff;
- }
- .colorpicker_input_extra_style {
- width:55px;
- color:#000;
- border:1px solid rgb(0, 0, 0);
- padding:5px;
- background-color:#fff;
- font:11px Arial, Helvetica, sans-serif;
- }
- /* Makeup image */
- #makeup {
- position:absolute;
- z-index:1000000;
- pointer-events: none;
- opacity:0.5;
- left: 50%;
- top:0;
- -webkit-transform:translateX(-50%);
- -ms-transform:translateX(-50%);
- transform:translateX(-50%);
- }
- .admin-bar #makeup {
- top:32px;
- }
- #makeup {
- /* Correct this value to position makeup image */
- margin-left: 0;
- margin-top: 0;
- }
- .wpb_revslider_element .slider_socials .socials_wrap .social_item {
- display: block;
- margin: 0;
- }
- .wpb_revslider_element .slider_socials .socials_wrap .social_item .social_icon {
- font-size: 18px;
- width: 1em;
- height: 1em;
- line-height: 1em;
- -webkit-border-radius: 0;
- -ms-border-radius: 0;
- border-radius: 0;
- color: #62d0df !important;
- background-color: transparent !important;
- }
- .wpb_revslider_element .slider_socials .socials_wrap .social_item:hover .social_icon,
- .wpb_revslider_element .slider_socials .socials_wrap .social_item:hover .social_icon i{
- background-color: transparent !important;
- color: #e268e0 !important;
- }
- .wpb_revslider_element .slider_socials .socials_wrap .social_item + .social_item {
- margin-top: 3.6em;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement