Advertisement
Guest User

style.css

a guest
Nov 28th, 2019
255
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 165.14 KB | None | 0 0
  1. /*
  2. Theme Name: Niobe
  3. Theme URI: http://niobe.axiomthemes.com/
  4. Description: Niobe - excellent WordPress theme with many different blog and header layouts
  5. Author: Axiomthemes
  6. Author URI: http://axiomthemes.com/
  7. Version: 1.1.3
  8. EV: 1.0.38 (edit)
  9. License: GNU General Public License v2 or later
  10. License URI: http://www.gnu.org/licenses/gpl-2.0.html
  11. 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
  12. Text Domain: niobe
  13. */
  14.  
  15.  
  16. /* TABLE OF CONTENTS:
  17.  
  18. 1. Reset tags
  19. 2. Default tag's settings
  20. 3. Form fields settings
  21. 4. WP styles and Screen readers
  22. 5. Theme grid
  23. 6. Page layouts
  24. 7. Section's decorations
  25. 7.1 Header: Logo and Menu
  26. 7.2 Sliders
  27. 7.3 Page info (page/post title, category or tag name, author, etc.)
  28. 7.4 Blog layouts
  29. 7.5 Post Formats
  30. 7.6 Paginations
  31. 8. Single page parts
  32. 8.1 Post header
  33. 8.2 Post footer
  34. 8.3 Post author
  35. 8.4 Related posts
  36. 8.5 Comments
  37. 8.6 Page 404
  38. 8.7 Page 'No search results' and 'No archive results'
  39. 9. Sidebars
  40. 10. Footer areas
  41. 11. Front Page sections
  42. 12. Utils
  43. 13. Registration and Login popups
  44. 14. Third part plugins
  45. 15. Predefined classes for users
  46.  
  47. -------------------------------------------------------------- */
  48.  
  49.  
  50.  
  51.  
  52. /* 1. Reset tags
  53. -------------------------------------------------------------- */
  54. html, body, div, span, applet, object, iframe,
  55. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  56. a, abbr, acronym, address, big, cite, code,
  57. del, dfn, em, font, ins, kbd, q, s, samp,
  58. small, strike, strong, sub, sup, tt, var,
  59. dl, dt, dd, ol, ul, li,
  60. fieldset, form, label, legend,input,textarea,button,
  61. table, caption, tbody, tfoot, thead, tr, th, td,
  62. article, aside, address, section, video, audio {
  63. font-family: inherit;
  64. font-size: 100%;
  65. font-style: inherit;
  66. font-weight: inherit;
  67. line-height:inherit;
  68. border: 0;
  69. outline: 0;
  70. -ms-word-wrap: break-word;
  71. word-wrap: break-word;
  72. }
  73. html, body {
  74. margin: 0;
  75. padding: 0;
  76. width: 100%;
  77. }
  78. html {
  79. font-size: 100%; /*62.5%;*/ /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units
  80. http://clagnut.com/blog/348/#c790 */
  81. -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  82. -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/
  83. controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
  84. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  85.  
  86. overflow-y: scroll !important;
  87. overflow-x: hidden;
  88. height: 100%;
  89. }
  90.  
  91.  
  92.  
  93. /* 2. Default tag's settings
  94. -------------------------------------------------------------- */
  95. html {
  96. font-size: 18px;
  97. }
  98. body {
  99. -webkit-font-smoothing: antialiased;
  100. -moz-osx-font-smoothing: grayscale;
  101. }
  102.  
  103. article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  104. display: block;
  105. }
  106. h1, h2, h3, h4, h5, h6 {
  107. hyphens: auto;
  108. }
  109. h1.sc_layouts_title_caption > ins,
  110. h1.sc_layouts_title_caption > mark,
  111. h1.sc_layouts_title_caption > em,
  112. h1.sc_layouts_title_caption > i,
  113. h1.sc_layouts_title_caption > dt {
  114. color: inherit;
  115. }
  116. li > ol, li > ul, dl > dd {
  117. margin-bottom:0;
  118. }
  119. li > p {
  120. margin-bottom:0;
  121. }
  122. li > p+p {
  123. margin-top:0.5em;
  124. }
  125. ol, ul {
  126. padding-left:1.5em;
  127. }
  128.  
  129. ul ul { list-style-type: disc; }
  130.  
  131. .wpb_wrapper > ol ul li,
  132. .wpb_wrapper > ol ol li,
  133. .wpb_wrapper > ul ol li,
  134. .wpb_wrapper > ul ul li,
  135. .wpb_wrapper > ol li + li,
  136. .wpb_wrapper > ul li + li {
  137. margin-top: 0.35em;
  138. }
  139.  
  140.  
  141. /* Links */
  142. a {
  143. text-decoration:none;
  144. background:transparent;
  145. }
  146. a,
  147. a:hover,
  148. a:focus,
  149. a:active {
  150. outline: 0;
  151. }
  152. a img { border: none; }
  153.  
  154. a, a em, a b, button,
  155. input[type="button"], input[type="submit"] {
  156. -webkit-transition: all 0.3s ease;
  157. -ms-transition: all 0.3s ease;
  158. transition: all 0.3s ease;
  159. }
  160.  
  161. h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
  162. display:block;
  163. }
  164.  
  165. :active, :focus { outline:0; }
  166.  
  167.  
  168. /* Tables */
  169. table {
  170. border-collapse: collapse;
  171. }
  172. table th+th, table th+td, table td+th, table td+td {
  173. border-left: 1px solid #ddd;
  174. }
  175. table > p {
  176. margin: 0 !important;
  177. }
  178. table td, table th {
  179. padding: 1.8em 1em;
  180. }
  181. table th {
  182. font-size: 0.889em;
  183. font-weight: 600;
  184. text-transform:uppercase;
  185. font-style:italic;
  186. text-align: center;
  187. }
  188. caption {
  189. font-weight: 700;
  190. text-align: center;
  191. }
  192.  
  193.  
  194. /* Blockquotes*/
  195. blockquote {
  196. text-align:left;
  197. letter-spacing: 0;
  198. padding: 0.4em 2.4em;
  199. position:relative;
  200. border-left: 2px solid #ddd;
  201. z-index: 0;
  202. margin-right: 0;
  203. margin-left: 0;
  204. }
  205. blockquote:before {
  206. content: '”';
  207. font-size:13em;
  208. line-height: 0.8;
  209. display:block;
  210. position:absolute;
  211. top: 0;
  212. left: 0.11em;
  213. z-index: -1;
  214. }
  215.  
  216. blockquote:after,
  217. q:before, q:after { content: ""; }
  218. blockquote, q { quotes: "" ""; }
  219.  
  220. blockquote > a, blockquote > p > a,
  221. blockquote p {
  222. margin: 0;
  223. font-size: 1em;
  224. font-weight:700;
  225. }
  226. blockquote > cite, blockquote > p > cite {
  227. display:block;
  228. font-size:0.667em;
  229. line-height: 1.35em;
  230. font-weight:700;
  231. font-style:normal;
  232. text-transform:uppercase;
  233. margin-top: 1.1em;
  234. letter-spacing: 1.15px;
  235. }
  236.  
  237. .blog_mode_post blockquote,
  238. .blog_mode_page blockquote {
  239. margin: 1.75rem 0 ;
  240. }
  241. .blog_mode_post .comments_list blockquote,
  242. .blog_mode_page .comments_list blockquote {
  243. margin: 1.5em 0;
  244. }
  245.  
  246.  
  247.  
  248. /* Other tags */
  249. dd { margin-left: 1.5em; }
  250. dt, b, strong { font-weight: bold; }
  251. dfn, em, i { font-style: italic; }
  252.  
  253. pre, code, kbd, tt, var, samp {
  254. font-family: "Courier New", Courier, monospace;
  255. font-size: 1em;
  256. letter-spacing:0;
  257. }
  258. pre {
  259. overflow: auto;
  260. max-width: 100%;
  261. }
  262. code {
  263. max-width: 100%;
  264. padding: 0 1em;
  265. border: 1px solid #888;
  266. background-color: #f7f7f7;
  267. display: inline-block;
  268. word-wrap:break-word;
  269. }
  270. pre > code {
  271. display: block;
  272. white-space:normal;
  273. }
  274. abbr, acronym {
  275. border-bottom: none;
  276. cursor: help;
  277. text-decoration: none;
  278. }
  279. mark, ins {
  280. background-color:transparent;
  281. text-decoration: none;
  282. }
  283. sup,
  284. sub {
  285. font-size: 75%;
  286. height: 0;
  287. line-height: 0;
  288. position: relative;
  289. vertical-align: baseline;
  290. }
  291. sup { bottom: 1ex; }
  292. sub { top: .5ex; }
  293. small { font-size: 80%; }
  294. big { font-size: 120%; }
  295.  
  296. [hidden], template { display: none; }
  297.  
  298. hr {
  299. -webkit-box-sizing: content-box;
  300. -ms-box-sizing: content-box;
  301. box-sizing: content-box;
  302. height: 0;
  303. border: none;
  304. border-top: 1px solid #eee;
  305. margin: 2em 0;
  306. }
  307.  
  308. /* Images */
  309. img {
  310. max-width: 100%;
  311. height: auto;
  312. vertical-align:top;
  313. }
  314.  
  315. figure,
  316. .wp-caption,
  317. .wp-caption-overlay .wp-caption {
  318. border: 0;
  319. margin: 0;
  320. padding: 0;
  321. overflow: hidden;
  322. position: relative;
  323. max-width:100%;
  324. -webkit-border-radius: 10px;
  325. -ms-border-radius: 10px;
  326. border-radius: 10px;
  327. }
  328.  
  329. .wpb_text_column p img {
  330. -webkit-border-radius: 10px;
  331. -ms-border-radius: 10px;
  332. border-radius: 10px;
  333. }
  334.  
  335. figure[class*="align"],
  336. img[class*="align"] {
  337. margin-bottom: 0.2em !important;
  338. }
  339.  
  340.  
  341. figure figcaption,
  342. .wp-caption .wp-caption-text,
  343. .wp-caption .wp-caption-dd,
  344. .wp-caption-overlay .wp-caption .wp-caption-text,
  345. .wp-caption-overlay .wp-caption .wp-caption-dd {
  346. -webkit-transition: all ease-in-out .3s;
  347. -ms-transition: all ease-in-out .3s;
  348. transition: all ease-in-out .3s;
  349. position: absolute;
  350. bottom: 0;
  351. right: 0;
  352. left: 0;
  353. margin-bottom: 0;
  354. font-size: 1.111em;
  355. font-weight:400;
  356. font-style:normal;
  357. text-align:center;
  358. line-height:1.25em;
  359. padding:12px;
  360. text-transform: uppercase;
  361. }
  362. figure:hover figcaption,
  363. .wp-caption:hover .wp-caption-text,
  364. .wp-caption:hover .wp-caption-dd,
  365. .wp-caption-overlay .wp-caption:hover .wp-caption-text,
  366. .wp-caption-overlay .wp-caption:hover .wp-caption-dd {
  367. margin-bottom: -5em;
  368. }
  369.  
  370. svg:not(:root) { overflow: hidden; }
  371.  
  372.  
  373.  
  374. /* Audio and Video */
  375. audio,
  376. canvas,
  377. progress,
  378. video {
  379. display: inline-block;
  380. vertical-align: baseline;
  381. }
  382. audio:not([controls]) {
  383. display: none;
  384. height: 0;
  385. }
  386. iframe, video, embed {
  387. max-width: 100%;
  388. min-height: 100px;
  389. vertical-align: top;
  390. }
  391.  
  392. /* Fontello icons */
  393. [class^="icon-"]:before, [class*=" icon-"]:before {
  394. line-height: inherit;
  395. font-weight: inherit;
  396. font-size: inherit;
  397. width:auto;
  398. margin:0;
  399. }
  400.  
  401.  
  402.  
  403. /* 3. Form fields settings
  404. -------------------------------------------------------------- */
  405.  
  406. /* Common rules */
  407. form {
  408. margin-bottom:0;
  409. }
  410. button, input, optgroup, select, textarea, textarea.wp-editor-area {
  411. font-family: inherit;
  412. font-size: 1em; /* Corrects font size not being inherited in all browsers */
  413. margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  414. vertical-align: baseline; /* Improves appearance and consistency in all browsers */
  415. }
  416. button {
  417. overflow: visible;
  418. }
  419. input[placeholder]::-webkit-input-placeholder,
  420. textarea[placeholder]::-webkit-input-placeholder { text-overflow:ellipsis; text-transform: uppercase; }
  421. input[placeholder]::-moz-placeholder,
  422. textarea[placeholder]::-moz-placeholder { text-overflow:ellipsis; text-transform: uppercase; }
  423. input[placeholder]:-ms-input-placeholder,
  424. textarea[placeholder]:-ms-input-placeholder { text-overflow:ellipsis; text-transform: uppercase; }
  425. input[placeholder]::placeholder,
  426. textarea[placeholder]::placeholder { text-overflow:ellipsis; text-transform: uppercase; }
  427.  
  428. input[type=number]::-webkit-inner-spin-button,
  429. input[type=number]::-webkit-outer-spin-button {
  430. -webkit-appearance: none;
  431. -moz-appearance: none;
  432. appearance: none;
  433. margin: 0;
  434. }
  435.  
  436.  
  437. input[type=text]::-ms-clear { display: none; width : 0; height: 0; }
  438. input[type=text]::-ms-reveal { display: none; width : 0; height: 0; }
  439. input[type="search"]::-webkit-search-decoration,
  440. input[type="search"]::-webkit-search-cancel-button,
  441. input[type="search"]::-webkit-search-results-button,
  442. input[type="search"]::-webkit-search-results-decoration { display: none; }
  443.  
  444.  
  445. input[type=number] {
  446. -moz-appearance:textfield !important;
  447. }
  448.  
  449. select::-ms-expand {
  450. display: none;
  451. }
  452. textarea, textarea.wp-editor-area,
  453. select, option,
  454. input[type="text"],
  455. input[type="number"],
  456. input[type="email"],
  457. input[type="tel"],
  458. input[type="search"],
  459. input[type="password"],
  460. input[type="checkbox"],
  461. input[type="radio"] {
  462. -webkit-box-sizing: border-box;
  463. -ms-box-sizing: border-box;
  464. box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
  465. -webkit-border-radius: 0;
  466. -ms-border-radius: 0;
  467. border-radius: 0;
  468. -webkit-transition: all 0.3s ease;
  469. -ms-transition: all 0.3s ease;
  470. transition: all 0.3s ease;
  471. }
  472. input[type="checkbox"],
  473. input[type="radio"] {
  474. padding: 0; /* Addresses excess padding in IE8/9 */
  475. }
  476. input[type="number"]::-webkit-outer-spin-button {
  477. height: 50%;
  478. }
  479. input[type="number"],
  480. input[type="search"] {
  481. -webkit-appearance: none; /* Addresses appearance set to searchfield in S5, Chrome */
  482. -webkit-appearance: textfield;
  483. }
  484. input[type="search"]::-webkit-search-decoration {
  485. -webkit-appearance: none; /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  486. }
  487. button::-moz-focus-inner,
  488. 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/ */
  489. border: 0;
  490. padding: 0;
  491. }
  492. button[disabled],
  493. html input[disabled] {
  494. cursor: default !important;
  495. }
  496. button:focus,
  497. input[type="text"]:focus,
  498. input[type="email"]:focus,
  499. input[type="password"]:focus,
  500. input[type="search"]:focus,
  501. select:focus,
  502. textarea:focus,
  503. textarea.wp-editor-area:focus {
  504. outline: none;
  505. }
  506. input[type="text"],
  507. input[type="number"],
  508. input[type="email"],
  509. input[type="tel"],
  510. input[type="password"],
  511. input[type="search"],
  512. select,
  513. textarea,
  514. textarea.wp-editor-area {
  515. -webkit-appearance: none;
  516. outline: none;
  517. resize: none;
  518. }
  519.  
  520. /* Required fields */
  521. label.required:after {
  522. content:'*';
  523. display: none;
  524. vertical-align:text-top;
  525. font-size:80%;
  526. color:#da6f5b;
  527. }
  528.  
  529. /* Field set */
  530. fieldset {
  531. padding: 1em 1.5em;
  532. margin: 1.5em 0.2em;
  533. border: 1px solid #ddd;
  534. position:relative;
  535. }
  536. fieldset legend {
  537. position:absolute;
  538. top: -0.6em;
  539. left: 1.5em;
  540. background-color:#fff;
  541. font-weight:400;
  542. font-style:italic;
  543. padding: 0 0.2em;
  544. letter-spacing:0;
  545. }
  546.  
  547.  
  548. /* Buttons */
  549. button,
  550. input[type="button"],
  551. input[type="reset"],
  552. input[type="submit"],
  553. .theme_button,
  554. .post_item .more-link,
  555. .gallery_preview_show .post_readmore,
  556. /* BB PRess */
  557. #buddypress .comment-reply-link,
  558. #buddypress .generic-button a,
  559. #buddypress a.button,
  560. #buddypress button,
  561. #buddypress input[type="button"],
  562. #buddypress input[type="reset"],
  563. #buddypress input[type="submit"],
  564. #buddypress ul.button-nav li a,
  565. #buddypress div.activity-meta a,
  566. a.bp-title-button,
  567. /* Booked */
  568. body #booked-profile-page input[type="submit"],
  569. body #booked-profile-page button,
  570. body .booked-list-view input[type="submit"],
  571. body .booked-list-view button,
  572. body table.booked-calendar input[type="submit"],
  573. body table.booked-calendar button,
  574. body .booked-modal input[type="submit"],
  575. body .booked-modal button,
  576. /* MailChimp */
  577. .mc4wp-form .mc4wp-form-fields input[type="submit"],
  578. /* ThemeREX Addons*/
  579. .sc_button,
  580. .sc_form button,
  581. /* Tour Master */
  582. .tourmaster-tour-search-wrap input.tourmaster-tour-search-submit[type="submit"],
  583. /* Tribe Events */
  584. #tribe-bar-form .tribe-bar-submit input[type="submit"],
  585. #tribe-bar-form button,
  586. #tribe-bar-form a,
  587. #tribe-bar-form input,
  588. #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a,
  589. .tribe-bar-mini #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a,
  590. #tribe-events .tribe-events-button,
  591. .tribe-events-button,
  592. .tribe-events-cal-links a,
  593. .tribe-events-sub-nav li a,
  594. .tribe-events-read-more,
  595. #tribe-events-footer ~ a.tribe-events-ical.tribe-events-button,
  596. /* EDD buttons */
  597. .edd_download_purchase_form .button,
  598. #edd-purchase-button,
  599. .edd-submit.button,
  600. .widget_edd_cart_widget .edd_checkout a,
  601. /* WooCommerce buttons */
  602. .woocommerce .button, .woocommerce-page .button,
  603. .woocommerce a.button,
  604. .woocommerce button.button,
  605. .woocommerce input.button
  606. .woocommerce #respond input#submit,
  607. .woocommerce input[type="button"], .woocommerce-page input[type="button"],
  608. .woocommerce input[type="submit"], .woocommerce-page input[type="submit"],
  609. .woocommerce .woocommerce-message .button,
  610. .woocommerce ul.products li.product .button,
  611. .woocommerce div.product form.cart .button,
  612. .woocommerce #review_form #respond p.form-submit input[type="submit"],
  613. .woocommerce-page #review_form #respond p.form-submit input[type="submit"],
  614. .woocommerce table.my_account_orders .order-actions .button,
  615. .woocommerce table.cart td.actions .button,
  616. #add_payment_method .wc-proceed-to-checkout a.checkout-button,
  617. .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
  618. .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
  619. /* Disabled state */
  620. .woocommerce #respond input#submit.disabled,
  621. .woocommerce #respond input#submit:disabled,
  622. .woocommerce #respond input#submit[disabled]:disabled,
  623. .woocommerce a.button.disabled,
  624. .woocommerce a.button:disabled,
  625. .woocommerce a.button[disabled]:disabled,
  626. .woocommerce button.button.disabled,
  627. .woocommerce button.button:disabled,
  628. .woocommerce button.button[disabled]:disabled,
  629. .woocommerce input.button.disabled,
  630. .woocommerce input.button:disabled,
  631. .woocommerce input.button[disabled]:disabled,
  632. .yith-woocompare-widget a.clear-all {
  633. -webkit-appearance: none;
  634. cursor: pointer;
  635. display:inline-block;
  636. vertical-align: middle;
  637. text-transform:uppercase;
  638. white-space:nowrap;
  639. padding:1.7em 4.3em 1.6em;
  640. font-size:16px;
  641. line-height:1;
  642. font-weight:600;
  643. letter-spacing:1.6px;
  644. height: auto;
  645. border-width: 0 !important;
  646. -webkit-border-radius: 35px;
  647. -ms-border-radius: 35px;
  648. border-radius: 35px;
  649. -webkit-box-sizing: border-box;
  650. -ms-box-sizing: border-box;
  651. box-sizing: border-box;
  652. }
  653. .sc_button.sc_button_size_small,
  654. .theme_button.theme_button_small {
  655. padding:0.8em 1.6em;
  656. }
  657. .theme_button.sc_layouts_title_link {
  658. display: none !important;
  659. }
  660. /* Bordered button */
  661. .sc_button.sc_button_bordered {
  662. border-width: 2px !important;
  663. padding: 1.3em 2.8em;
  664. }
  665. .sc_button.sc_button_bordered.sc_button_size_small {
  666. padding:0.6em 1.4em;
  667. }
  668. /* Simple button */
  669. .sc_button_simple {
  670. font-style:italic;
  671. font-weight:400;
  672. font-size:1em;
  673. line-height:1.25em;
  674. letter-spacing:0;
  675. text-transform:none;
  676. border: none;
  677. padding: 0 1.8em 0 0;
  678. }
  679. .sc_button_simple:before,
  680. .sc_button_simple:after {
  681. content:'\e93a';
  682. font-family:'fontello';
  683. font-style:normal;
  684. }
  685.  
  686.  
  687. /* Modern button */
  688. .sc_button.sc_button_modern {
  689. position: relative;
  690. padding: 1.7em 6.5em 1.65em 2em;
  691. z-index: 0;
  692. word-spacing: -0.3px;
  693. border-right: 1px !important;
  694. border-style: solid !important;
  695. }
  696. .sc_button_modern:before,
  697. .sc_button_modern:after {
  698. -webkit-box-sizing: border-box;
  699. -moz-box-sizing: border-box;
  700. box-sizing: border-box;
  701. }
  702. .sc_button_modern:before {
  703. content: '\e958';
  704. font-family: 'fontello';
  705. font-style: normal;
  706. text-align: center;
  707. line-height: 1;
  708. font-size: 115%;
  709. -webkit-font-smoothing: antialiased;
  710. position: absolute;
  711. left: auto;
  712. right: 1.7em;
  713. top: 50%;
  714. -webkit-transform:translateY(-50%);
  715. -ms-transform:translateY(-50%);
  716. transform:translateY(-50%);
  717. }
  718. .sc_button_modern:after {
  719. content: '';
  720. width: 5.9em;
  721. height: 200%;
  722. background: rgba(255,255,255,0.1);
  723. z-index: -1;
  724. right: 0;
  725. position: absolute;
  726. top: 0;
  727. margin: -25px -25px 0 0;
  728. -webkit-transform-origin: 0 0;
  729. -webkit-transform: rotate(8deg);
  730. -moz-transform-origin: 0 0;
  731. -moz-transform: rotate(8deg);
  732. -ms-transform-origin: 0 0;
  733. -ms-transform: rotate(8deg);
  734. transform-origin: 0 0;
  735. transform: rotate(8deg);
  736. -webkit-transition: all 0.3s;
  737. -moz-transition: all 0.3s;
  738. transition: all 0.3s;
  739. }
  740. .sc_button_modern:hover:after {
  741. width: 6.8em;
  742. }
  743.  
  744. /* Buttons in widgets */
  745. .widget.woocommerce .button,
  746. .widget.WOOCS_CONVERTER .button,
  747. .widget.yith-woocompare-widget a.button,
  748. .widget.yith-woocompare-widget a.clear-all {
  749. font-size:16px;
  750. line-height: 16px;
  751. padding:1.113em 1.9em 1.013em;
  752. }
  753. .sc_layouts_cart .widget.woocommerce .button,
  754. .sc_layouts_cart .widget.WOOCS_CONVERTER .button,
  755. .sc_layouts_cart .widget.yith-woocompare-widget a.button,
  756. .sc_layouts_cart .widget.yith-woocompare-widget a.clear-all {
  757. padding:1.163em 1.9em 1em;
  758. }
  759. .widget.woocommerce .button+.button {
  760. margin-left: 3px;
  761. margin-right: 0;
  762. }
  763.  
  764.  
  765. /* Text fields */
  766. input[type="text"],
  767. input[type="number"],
  768. input[type="email"],
  769. input[type="tel"],
  770. input[type="password"],
  771. input[type="search"],
  772. select,
  773. textarea,
  774. textarea.wp-editor-area,
  775. /* MailChimp */
  776. form.mc4wp-form .mc4wp-form-fields input[type="email"],
  777. /* Tour Master */
  778. .tourmaster-form-field input[type="text"],
  779. .tourmaster-form-field input[type="email"],
  780. .tourmaster-form-field input[type="password"],
  781. .tourmaster-form-field textarea,
  782. .tourmaster-form-field select,
  783. .tourmaster-form-field.tourmaster-with-border input[type="text"],
  784. .tourmaster-form-field.tourmaster-with-border input[type="email"],
  785. .tourmaster-form-field.tourmaster-with-border input[type="password"],
  786. .tourmaster-form-field.tourmaster-with-border textarea,
  787. .tourmaster-form-field.tourmaster-with-border select,
  788. /* WooCommerce */
  789. .woocommerce table.cart td.actions .coupon .input-text,
  790. .woocommerce #content table.cart td.actions .coupon .input-text,
  791. .woocommerce-page table.cart td.actions .coupon .input-text,
  792. .woocommerce-page #content table.cart td.actions .coupon .input-text,
  793. /* BB Press*/
  794. #buddypress div.dir-search input[type="search"],
  795. #buddypress div.dir-search input[type="text"],
  796. #buddypress li.groups-members-search input[type="search"],
  797. #buddypress li.groups-members-search input[type="text"],
  798. #buddypress .standard-form input[type="color"],
  799. #buddypress .standard-form input[type="date"],
  800. #buddypress .standard-form input[type="datetime-local"],
  801. #buddypress .standard-form input[type="datetime"],
  802. #buddypress .standard-form input[type="email"],
  803. #buddypress .standard-form input[type="month"],
  804. #buddypress .standard-form input[type="number"],
  805. #buddypress .standard-form input[type="password"],
  806. #buddypress .standard-form input[type="range"],
  807. #buddypress .standard-form input[type="search"],
  808. #buddypress .standard-form input[type="tel"],
  809. #buddypress .standard-form input[type="text"],
  810. #buddypress .standard-form input[type="time"],
  811. #buddypress .standard-form input[type="url"],
  812. #buddypress .standard-form input[type="week"],
  813. #buddypress .standard-form select,
  814. #buddypress .standard-form textarea {
  815. padding: 2.05em 3.2em 1.95em;
  816. border: 2px solid #ddd;
  817. -webkit-border-radius: 35px;
  818. -ms-border-radius: 35px;
  819. border-radius: 35px;
  820. }
  821. textarea,
  822. textarea.wp-editor-area {
  823. overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
  824. vertical-align: top; /* Improves readability and alignment in all browsers */
  825. min-height:16em;
  826. }
  827. .widget input[type="text"],
  828. .widget input[type="number"],
  829. .widget input[type="email"],
  830. .widget input[type="tel"],
  831. .widget input[type="password"],
  832. .widget input[type="search"],
  833. .widget select,
  834. .widget textarea,
  835. .widget textarea.wp-editor-area {
  836. }
  837.  
  838. .cff-dropdown-field select{
  839. -moz-appearance: textfield;
  840. }
  841.  
  842.  
  843. /* Radio buttons and checkboxes */
  844. input[type="radio"],
  845. input[type="checkbox"],
  846. .edd_price_options ul > li > label > input[type="radio"],
  847. .edd_price_options ul > li > label > input[type="checkbox"] {
  848. display:none;
  849. }
  850. label > input[type="radio"],
  851. label > input[type="checkbox"] {
  852. display: inline-block;
  853. vertical-align:baseline;
  854. }
  855. .edd_price_options ul > li > label > input[type="radio"] + span,
  856. .edd_price_options ul > li > label > input[type="checkbox"] + span {
  857. display: inline-block;
  858. vertical-align:baseline;
  859. }
  860. input[type="radio"] + label,
  861. input[type="checkbox"] + label,
  862. input[type="radio"]+.wpcf7-list-item-label,
  863. input[type="checkbox"]+.wpcf7-list-item-label,
  864. .edd_price_options ul > li > label > input[type="radio"] + span,
  865. .edd_price_options ul > li > label > input[type="checkbox"] + span {
  866. position:relative;
  867. padding-left:1.4em;
  868. }
  869. input[type="radio"] + label:before,
  870. input[type="checkbox"] + label:before,
  871. input[type="radio"]+.wpcf7-list-item-label:before,
  872. input[type="checkbox"]+.wpcf7-list-item-label:before,
  873. .edd_price_options ul > li > label > input[type="radio"] + span:before,
  874. .edd_price_options ul > li > label > input[type="checkbox"] + span:before {
  875. content:' ';
  876. font-family: "fontello";
  877. display:block;
  878. text-align:center;
  879. border: 1px solid #eee;
  880. position:absolute;
  881. left:0;
  882. top:10%;
  883. -webkit-box-sizing: border-box;
  884. -ms-box-sizing: border-box;
  885. box-sizing: border-box;
  886. font-size: 1.5em;
  887. width:0.6em;
  888. height:0.6em;
  889. line-height:0.53em;
  890. }
  891. input[type="radio"] + label:before,
  892. input[type="radio"]+.wpcf7-list-item-label:before,
  893. .edd_price_options ul > li > label > input[type="radio"] + span:before {
  894. -webkit-border-radius: 50%;
  895. -ms-border-radius: 50%;
  896. border-radius: 50%;
  897. }
  898. input[type="checkbox"]:checked + label:before,
  899. input[type="checkbox"]:checked+.wpcf7-list-item-label:before,
  900. .edd_price_options ul > li > label > input[type="checkbox"]:checked + span:before {
  901. content:'\e8ab';
  902. }
  903. input[type="radio"]:checked + label:before,
  904. input[type="radio"]:checked+.wpcf7-list-item-label:before,
  905. .edd_price_options ul > li > label > input[type="radio"]:checked + span:before {
  906. content:'\e83c';
  907. }
  908.  
  909.  
  910. /* Select container (dropdown) */
  911. select {
  912. text-overflow:ellipsis;
  913. white-space:nowrap;
  914. }
  915. select::-ms-expand {
  916. display: none;
  917. }
  918. /* Hide all select fields while page loading */
  919. select:not(.esg-sorting-select):not([class*="trx_addons_attrib_"]):not(.field) {
  920. visibility:hidden;
  921. }
  922. /* Show all select fields when they inside an our wrapper */
  923. .select_container select:not(.esg-sorting-select):not([class*="trx_addons_attrib_"]) {
  924. visibility:visible;
  925. }
  926. /* Our wrapper to decorate select fields */
  927. .select_container {
  928. width:100%;
  929. overflow: hidden;
  930. position:relative;
  931. -webkit-border-radius: 35px;
  932. -ms-border-radius: 35px;
  933. border-radius: 35px;
  934. }
  935. .select_container,
  936. .select_container:after,
  937. .select_container select {
  938. -webkit-transition: all ease .3s;
  939. -ms-transition: all ease .3s;
  940. transition: all ease .3s;
  941. }
  942. .select_container:before {
  943. content:' ';
  944. display:block;
  945. position:absolute;
  946. right:0;
  947. top:0;
  948. bottom: 0;
  949. width: 3em;
  950. z-index:1;
  951. pointer-events: none;
  952. cursor:pointer;
  953. }
  954. .sc_input_hover_accent .select_container::before {
  955. right:2px;
  956. top:2px;
  957. bottom: 2px;
  958. -webkit-border-radius: 0;
  959. -ms-border-radius: 0;
  960. border-radius: 0;
  961. }
  962. .select_container:after {
  963. content:'\e828';
  964. font-family: 'fontello';
  965. display:block;
  966. line-height:1em;
  967. width: 1em;
  968. height: 1em;
  969. text-align:center;
  970. position:absolute;
  971. right:1em;
  972. top:50%;
  973. margin-top:-0.45em;
  974. z-index:2;
  975. pointer-events: none;
  976. cursor:pointer;
  977. }
  978. .select_container select {
  979. background:none !important;
  980. border-color: transparent !important;
  981. width: 100% !important;
  982. padding-right: 3em !important;
  983. -webkit-box-sizing: border-box;
  984. -ms-box-sizing: border-box;
  985. box-sizing: border-box;
  986. }
  987. .widget .select_container select {
  988. padding-right: 2em !important;
  989. padding-top:1.85em;
  990. padding-bottom:1.65em;
  991. }
  992. .widget .select_container:before {
  993. width: 2em;
  994. }
  995. .widget .select_container:after {
  996. right: 2.5em;
  997. }
  998.  
  999.  
  1000. /* Select2 - Advanced select with search */
  1001. .select2-container {
  1002. text-align: left;
  1003. width: 100% !important;
  1004. }
  1005. .select2-container.select2-container--default span.select2-choice,
  1006. .select2-container.select2-container--default span.select2-selection {
  1007. height: auto;
  1008. border: 2px solid #ddd;
  1009. padding:1.266em 0 1.066em 1.4em;
  1010. text-transform: uppercase;
  1011. font-weight: 400;
  1012. -webkit-border-radius: 35px;
  1013. -ms-border-radius: 35px;
  1014. border-radius: 35px;
  1015. }
  1016. .select2-container--default .select2-selection--single span.select2-selection__rendered {
  1017. line-height: 2.86em;
  1018. min-height: 34px;
  1019. }
  1020. .select2-container.select2-container--default .select2-selection .select2-selection__arrow {
  1021. top: 50%;
  1022. -webkit-transform:translateY(-50%);
  1023. -ms-transform:translateY(-50%);
  1024. transform:translateY(-50%);
  1025. }
  1026. .select2-drop-active {
  1027. border: none;
  1028. }
  1029. .select2-dropdown {
  1030. border: 1px solid #ddd;
  1031. }
  1032. .select2-search {
  1033. padding: 4px 0;
  1034. }
  1035. .select2-container .select2-selection--single .select2-selection__rendered {
  1036. padding-left: 18px;
  1037. padding-right: 45px;
  1038. -webkit-border-radius: 35px;
  1039. -ms-border-radius: 35px;
  1040. border-radius: 35px;
  1041. }
  1042. .select2-container--default .select2-search--dropdown .select2-search__field {
  1043. -webkit-border-radius: 0;
  1044. -ms-border-radius: 0;
  1045. border-radius: 0;
  1046. }
  1047.  
  1048. .select2-container--default .select2-selection--single .select2-selection__arrow {
  1049. right: 20px;
  1050. margin-top: 1px;
  1051. }
  1052.  
  1053. /* 4. WP styles and Screen readers
  1054. -------------------------------------------------------------- */
  1055. .screen-reader-text {
  1056. clip: rect(1px, 1px, 1px, 1px);
  1057. position: absolute !important;
  1058. margin:0 !important;
  1059. padding:0 !important;
  1060. }
  1061.  
  1062. .screen-reader-text:hover,
  1063. .screen-reader-text:active,
  1064. .screen-reader-text:focus {
  1065. display: block;
  1066. top: 5px;
  1067. left: 5px;
  1068. width: auto;
  1069. height: auto;
  1070. padding: 1em 1.5em;
  1071. font-size:0.8em;
  1072. line-height: normal;
  1073. color: #21759b;
  1074. background-color: #f1f1f1;
  1075. border-radius: 3px;
  1076. box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  1077. clip: auto !important;
  1078. text-decoration: none;
  1079. z-index: 100000; /* Above WP toolbar */
  1080. }
  1081.  
  1082. .alignleft {
  1083. display: inline-block;
  1084. float: left;
  1085. margin-right: 2.3em;
  1086. }
  1087. .alignright {
  1088. display: inline-block;
  1089. float: right;
  1090. margin-left: 2.3em;
  1091. }
  1092. .aligncenter {
  1093. clear: both;
  1094. display: block !important;
  1095. margin-left: auto !important;
  1096. margin-right:auto !important;
  1097. text-align:center;
  1098. }
  1099. figure.alignleft,
  1100. figure.alignright {
  1101. margin-top:0.5em;
  1102. }
  1103. figure.aligncenter {
  1104. margin-bottom:1em;
  1105. }
  1106.  
  1107. /* Sticky posts */
  1108. .sticky_wrap {
  1109. margin-bottom: 5em;
  1110. }
  1111. .sticky {
  1112. position:relative;
  1113. border: 2px solid #ddd;
  1114. padding: 2em;
  1115. }
  1116. .sidebar_hide .sticky_wrap .sticky,
  1117. .body_style_fullwide .sticky_wrap .sticky,
  1118. .body_style_fullscreen .sticky_wrap .sticky {
  1119. text-align:center;
  1120. }
  1121. .sticky .label_sticky {
  1122. display:block;
  1123. position:absolute;
  1124. z-index:1;
  1125. right: -14px;
  1126. top: -14px;
  1127. width: 0;
  1128. height: 0;
  1129. border: 12px solid transparent;
  1130. border-top-color:#ddd;
  1131. -webkit-transform: rotate(225deg);
  1132. -ms-transform: rotate(225deg);
  1133. transform: rotate(225deg);
  1134. }
  1135. .sticky_wrap .sticky .post_featured {
  1136. display: inline-block;
  1137. }
  1138. .sticky_wrap .sticky .post_categories {
  1139. margin-top: 1em;
  1140. }
  1141. .sticky_wrap .sticky .post_title {
  1142. margin-top: 0.5em;
  1143. margin-bottom:0;
  1144. text-transform:uppercase;
  1145. letter-spacing:1px;
  1146. }
  1147.  
  1148. /* Gallery */
  1149. .gallery {
  1150. margin: 0 -5px;
  1151. }
  1152. .gallery .gallery-item {
  1153. display: inline-block;
  1154. vertical-align:top;
  1155. margin-bottom:1em;
  1156. overflow:hidden;
  1157. -webkit-box-sizing: border-box;
  1158. -ms-box-sizing: border-box;
  1159. box-sizing: border-box;
  1160. }
  1161. .gallery .gallery-item a {
  1162. display: block;
  1163. }
  1164. .gallery .gallery-item a img {
  1165. border: none !important;
  1166. display: block;
  1167. width: 100%;
  1168. }
  1169. .gallery .gallery-item .gallery-icon {
  1170. margin: 0 5px;
  1171. }
  1172. .gallery .gallery-item .gallery-caption {
  1173. line-height: 15px;
  1174. margin: 0 5px;
  1175. padding: 6px;
  1176. font-size:11px;
  1177. max-height: 42px;
  1178. }
  1179. .gallery .gallery-item:hover .gallery-caption {
  1180. bottom: -200px;
  1181. }
  1182. .gallery.gallery-columns-9 .gallery-item { width: 11.1111% !important; }
  1183. .gallery.gallery-columns-8 .gallery-item { width: 12.5% !important; }
  1184. .gallery.gallery-columns-7 .gallery-item { width: 14.2857% !important; }
  1185. .gallery.gallery-columns-6 .gallery-item { width: 16.6666% !important; }
  1186. .gallery.gallery-columns-5 .gallery-item { width: 20% !important; }
  1187. .gallery.gallery-columns-4 .gallery-item { width: 25% !important; }
  1188. .gallery.gallery-columns-3 .gallery-item { width: 33.3333% !important; }
  1189. .gallery.gallery-columns-2 .gallery-item { width: 50% !important; }
  1190. .gallery.gallery-columns-1 .gallery-item { width: 100% !important; }
  1191. .gallery.gallery-columns-9 .gallery-caption { font-size: 0.625em; }
  1192. .gallery.gallery-columns-8 .gallery-caption { font-size: 0.6875em; }
  1193. .gallery.gallery-columns-7 .gallery-caption { font-size: 0.75em; }
  1194. .gallery.gallery-columns-6 .gallery-caption { font-size: 0.8125em; }
  1195.  
  1196. .post-password-form label {
  1197. display:inline-block;
  1198. vertical-align:top;
  1199. }
  1200. .post-password-form input[type="submit"] {
  1201. display:inline-block;
  1202. margin-left:0.2em;
  1203. }
  1204. .post-password-form input[type="password"] {
  1205. }
  1206.  
  1207.  
  1208. /* 5. Theme grid
  1209. -------------------------------------------------------------- */
  1210. .container, .container-fluid {
  1211. margin-right: auto;
  1212. margin-left: auto;
  1213. padding-left: 15px;
  1214. padding-right: 15px;
  1215. }
  1216. .row, .columns_wrap {
  1217. margin-left: 0px;
  1218. margin-right: -30px;
  1219. }
  1220. .row > [class*="column-"],
  1221. .columns_wrap > [class*="column-"] {
  1222. display:inline-block;
  1223. vertical-align:top;
  1224. position: relative;
  1225. min-height: 1px;
  1226. padding-left: 0px;
  1227. padding-right: 30px;
  1228. -webkit-box-sizing: border-box;
  1229. -ms-box-sizing: border-box;
  1230. box-sizing: border-box;
  1231. }
  1232. .row.columns_padding_left, .columns_wrap.columns_padding_left, .vc_row.columns_padding_left {
  1233. margin-left: -30px;
  1234. margin-right: 0;
  1235. }
  1236. .vc_row.columns_padding_left .vc_column_container > .vc_column-inner,
  1237. .row.columns_padding_left > [class*="column-"], .columns_wrap.columns_padding_left > [class*="column-"],
  1238. .row > [class*="column-"].columns_padding_left, .columns_wrap > [class*="column-"].columns_padding_left {
  1239. padding-left:30px;
  1240. padding-right:0;
  1241. }
  1242. .vc_row.columns_padding_right,
  1243. .row.columns_padding_right,
  1244. .columns_wrap.columns_padding_right {
  1245. margin-left: 0;
  1246. margin-right: -30px;
  1247. }
  1248. .vc_row.columns_padding_right .vc_column_container > .vc_column-inner,
  1249. .row.columns_padding_right > [class*="column-"], .columns_wrap.columns_padding_right > [class*="column-"],
  1250. .row > [class*="column-"].columns_padding_right, .columns_wrap > [class*="column-"].columns_padding_right {
  1251. padding-left:0;
  1252. padding-right:30px;
  1253. }
  1254. .vc_row,
  1255. .row.columns_padding_center,
  1256. .columns_wrap.columns_padding_center {
  1257. margin-left: -15px;
  1258. margin-right: -15px;
  1259. }
  1260. .vc_column_container > .vc_column-inner,
  1261. .row.columns_padding_center > [class*="column-"], .columns_wrap.columns_padding_center > [class*="column-"],
  1262. .row > [class*="column-"].columns_padding_center, .columns_wrap > [class*="column-"].columns_padding_center {
  1263. padding-left:15px;
  1264. padding-right:15px;
  1265. }
  1266. .row.columns_padding_bottom > [class*="column-"], .columns_wrap.columns_padding_bottom > [class*="column-"],
  1267. .row > [class*="column-"].columns_padding_bottom, .columns_wrap > [class*="column-"].columns_padding_bottom {
  1268. padding-bottom: 30px;
  1269. }
  1270. .sc_blogger.no_margin .row, .sc_blogger.no_margin .columns_wrap,
  1271. .row.no_margin, .columns_wrap.no_margin {
  1272. margin-left: 0 !important;
  1273. margin-right: 0 !important;
  1274. }
  1275. .sc_blogger.no_margin .row > [class*="column-"], .sc_blogger.no_margin .columns_wrap > [class*="column-"],
  1276. .row.no_margin > [class*="column-"], .columns_wrap.no_margin > [class*="column-"] {
  1277. padding: 0 !important;
  1278. }
  1279.  
  1280. /* Columns width */
  1281. .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%; }
  1282. .column-1_2, .column-2_4, .column-3_6, .column-4_8, .column-5_10, .column-6_12 { width:50%; }
  1283. .column-1_3, .column-2_6, .column-3_9, .column-4_12 { width:33.33333333%; }
  1284. .column-2_3, .column-4_6, .column-8_12 { width:66.66666667%; }
  1285. .column-1_4, .column-2_8, .column-3_12 { width:25%; }
  1286. .column-3_4, .column-6_8, .column-9_12 { width:75%; }
  1287. .column-1_5, .column-2_10 { width:20%; }
  1288. .column-2_5, .column-4_10 { width:40%; }
  1289. .column-3_5, .column-6_10 { width:60%; }
  1290. .column-4_5, .column-8_10 { width:80%; }
  1291. .column-1_6, .column-2_12 { width:16.66666667%; }
  1292. .column-5_6, .column-10_12 { width:83.33333333%; }
  1293. .column-1_7 { width:14.28571429%; }
  1294. .column-2_7 { width:28.57142857%; }
  1295. .column-3_7 { width:42.85714286%; }
  1296. .column-4_7 { width:57.14285714%; }
  1297. .column-5_7 { width:71.42857143%; }
  1298. .column-6_7 { width:85.71428571%; }
  1299. .column-1_8 { width:12.5%; }
  1300. .column-3_8 { width:37.5%; }
  1301. .column-5_8 { width:62.5%; }
  1302. .column-7_8 { width:87.5%; }
  1303. .column-1_9 { width:11.11111111%; }
  1304. .column-2_9 { width:22.22222222%; }
  1305. .column-3_9 { width:33.33333333%; }
  1306. .column-4_9 { width:44.44444444%; }
  1307. .column-5_9 { width:55.55555556%; }
  1308. .column-6_9 { width:66.66666667%; }
  1309. .column-7_9 { width:77.77777778%; }
  1310. .column-8_9 { width:88.88888889%; }
  1311. .column-1_10 { width:10%; }
  1312. .column-3_10 { width:30%; }
  1313. .column-7_10 { width:70%; }
  1314. .column-9_10 { width:90%; }
  1315. .column-1_11 { width: 9.09090909%; }
  1316. .column-2_11 { width:18.18181818%; }
  1317. .column-3_11 { width:27.27272727%; }
  1318. .column-4_11 { width:36.36363636%; }
  1319. .column-5_11 { width:45.45454545%; }
  1320. .column-6_11 { width:54.54545455%; }
  1321. .column-7_11 { width:63.63636364%; }
  1322. .column-8_11 { width:72.72727273%; }
  1323. .column-9_11 { width:81.81818182%; }
  1324. .column-10_11 { width:90.90909091%; }
  1325. .column-1_12 { width: 8.33333333%; }
  1326. .column-5_12 { width:41.66666667%; }
  1327. .column-7_12 { width:58.33333333%; }
  1328. .column-11_12 { width:91.66666667%; }
  1329. /* Push columns */
  1330. .push-1_2, .push-2_4, .push-3_6, .push-4_8, .push-5_10, .push-6_12 { left:50%; }
  1331. .push-1_3, .push-2_6, .push-3_9, .push-4_12 { left:33.33333333%; }
  1332. .push-2_3, .push-4_6, .push-8_12 { left:66.66666667%; }
  1333. .push-1_4, .push-2_8, .push-3_12 { left:25%; }
  1334. .push-3_4, .push-6_8, .push-9_12 { left:75%; }
  1335. .push-1_5, .push-2_10 { left:20%; }
  1336. .push-2_5, .push-4_10 { left:40%; }
  1337. .push-3_5, .push-6_10 { left:60%; }
  1338. .push-4_5, .push-8_10 { left:80%; }
  1339. .push-1_6, .push-2_12 { left:16.66666667%; }
  1340. .push-5_6, .push-10_12 { left:83.33333333%; }
  1341. .push-1_7 { left:14.28571429%; }
  1342. .push-2_7 { left:28.57142857%; }
  1343. .push-3_7 { left:42.85714286%; }
  1344. .push-4_7 { left:57.14285714%; }
  1345. .push-5_7 { left:71.42857143%; }
  1346. .push-6_7 { left:85.71428571%; }
  1347. .push-1_8 { left:12.5%; }
  1348. .push-3_8 { left:37.5%; }
  1349. .push-5_8 { left:62.5%; }
  1350. .push-7_8 { left:87.5%; }
  1351. .push-1_9 { left:11.11111111%; }
  1352. .push-2_9 { left:22.22222222%; }
  1353. .push-3_9 { left:33.33333333%; }
  1354. .push-4_9 { left:44.44444444%; }
  1355. .push-5_9 { left:55.55555556%; }
  1356. .push-6_9 { left:66.66666667%; }
  1357. .push-7_9 { left:77.77777778%; }
  1358. .push-8_9 { left:88.88888889%; }
  1359. .push-1_10 { left:10%; }
  1360. .push-3_10 { left:30%; }
  1361. .push-7_10 { left:70%; }
  1362. .push-9_10 { left:90%; }
  1363. .push-1_11 { left: 9.09090909%; }
  1364. .push-2_11 { left:18.18181818%; }
  1365. .push-3_11 { left:27.27272727%; }
  1366. .push-4_11 { left:36.36363636%; }
  1367. .push-5_11 { left:45.45454545%; }
  1368. .push-6_11 { left:54.54545455%; }
  1369. .push-7_11 { left:63.63636364%; }
  1370. .push-8_11 { left:72.72727273%; }
  1371. .push-9_11 { left:81.81818182%; }
  1372. .push-10_11 { left:90.90909091%; }
  1373. .push-1_12 { left: 8.33333333%; }
  1374. .push-5_12 { left:41.66666667%; }
  1375. .push-7_12 { left:58.33333333%; }
  1376. .push-11_12 { left:91.66666667%; }
  1377. /* Pull columns */
  1378. .pull-1_2, .pull-2_4, .pull-3_6, .pull-4_8, .pull-5_10, .pull-6_12 { right:50%; }
  1379. .pull-1_3, .pull-2_6, .pull-3_9, .pull-4_12 { right:33.33333333%; }
  1380. .pull-2_3, .pull-4_6, .pull-8_12 { right:66.66666667%; }
  1381. .pull-1_4, .pull-2_8, .pull-3_12 { right:25%; }
  1382. .pull-3_4, .pull-6_8, .pull-9_12 { right:75%; }
  1383. .pull-1_5, .pull-2_10 { right:20%; }
  1384. .pull-2_5, .pull-4_10 { right:40%; }
  1385. .pull-3_5, .pull-6_10 { right:60%; }
  1386. .pull-4_5, .pull-8_10 { right:80%; }
  1387. .pull-1_6, .pull-2_12 { right:16.66666667%; }
  1388. .pull-5_6, .pull-10_12 { right:83.33333333%; }
  1389. .pull-1_7 { right:14.28571429%; }
  1390. .pull-2_7 { right:28.57142857%; }
  1391. .pull-3_7 { right:42.85714286%; }
  1392. .pull-4_7 { right:57.14285714%; }
  1393. .pull-5_7 { right:71.42857143%; }
  1394. .pull-6_7 { right:85.71428571%; }
  1395. .pull-1_8 { right:12.5%; }
  1396. .pull-3_8 { right:37.5%; }
  1397. .pull-5_8 { right:62.5%; }
  1398. .pull-7_8 { right:87.5%; }
  1399. .pull-1_9 { right:11.11111111%; }
  1400. .pull-2_9 { right:22.22222222%; }
  1401. .pull-3_9 { right:33.33333333%; }
  1402. .pull-4_9 { right:44.44444444%; }
  1403. .pull-5_9 { right:55.55555556%; }
  1404. .pull-6_9 { right:66.66666667%; }
  1405. .pull-7_9 { right:77.77777778%; }
  1406. .pull-8_9 { right:88.88888889%; }
  1407. .pull-1_10 { right:10%; }
  1408. .pull-3_10 { right:30%; }
  1409. .pull-7_10 { right:70%; }
  1410. .pull-9_10 { right:90%; }
  1411. .pull-1_11 { right: 9.09090909%; }
  1412. .pull-2_11 { right:18.18181818%; }
  1413. .pull-3_11 { right:27.27272727%; }
  1414. .pull-4_11 { right:36.36363636%; }
  1415. .pull-5_11 { right:45.45454545%; }
  1416. .pull-6_11 { right:54.54545455%; }
  1417. .pull-7_11 { right:63.63636364%; }
  1418. .pull-8_11 { right:72.72727273%; }
  1419. .pull-9_11 { right:81.81818182%; }
  1420. .pull-10_11 { right:90.90909091%; }
  1421. .pull-1_12 { right: 8.33333333%; }
  1422. .pull-5_12 { right:41.66666667%; }
  1423. .pull-7_12 { right:58.33333333%; }
  1424. .pull-11_12 { right:91.66666667%; }
  1425. /* Margin for the columns */
  1426. .offset-1_2, .offset-2_4, .offset-3_6, .offset-4_8, .offset-5_10, .offset-6_12 { margin-left:50%; }
  1427. .offset-1_3, .offset-2_6, .offset-3_9, .offset-4_12 { margin-left:33.33333333%; }
  1428. .offset-2_3, .offset-4_6, .offset-8_12 { margin-left:66.66666667%; }
  1429. .offset-1_4, .offset-2_8, .offset-3_12 { margin-left:25%; }
  1430. .offset-3_4, .offset-6_8, .offset-9_12 { margin-left:75%; }
  1431. .offset-1_5, .offset-2_10 { margin-left:20%; }
  1432. .offset-2_5, .offset-4_10 { margin-left:40%; }
  1433. .offset-3_5, .offset-6_10 { margin-left:60%; }
  1434. .offset-4_5, .offset-8_10 { margin-left:80%; }
  1435. .offset-1_6, .offset-2_12 { margin-left:16.66666667%; }
  1436. .offset-5_6, .offset-10_12 { margin-left:83.33333333%; }
  1437. .offset-1_7 { margin-left:14.28571429%; }
  1438. .offset-2_7 { margin-left:28.57142857%; }
  1439. .offset-3_7 { margin-left:42.85714286%; }
  1440. .offset-4_7 { margin-left:57.14285714%; }
  1441. .offset-5_7 { margin-left:71.42857143%; }
  1442. .offset-6_7 { margin-left:85.71428571%; }
  1443. .offset-1_8 { margin-left:12.5%; }
  1444. .offset-3_8 { margin-left:37.5%; }
  1445. .offset-5_8 { margin-left:62.5%; }
  1446. .offset-7_8 { margin-left:87.5%; }
  1447. .offset-1_9 { margin-left:11.11111111%; }
  1448. .offset-2_9 { margin-left:22.22222222%; }
  1449. .offset-3_9 { margin-left:33.33333333%; }
  1450. .offset-4_9 { margin-left:44.44444444%; }
  1451. .offset-5_9 { margin-left:55.55555556%; }
  1452. .offset-6_9 { margin-left:66.66666667%; }
  1453. .offset-7_9 { margin-left:77.77777778%; }
  1454. .offset-8_9 { margin-left:88.88888889%; }
  1455. .offset-1_10 { margin-left:10%; }
  1456. .offset-3_10 { margin-left:30%; }
  1457. .offset-7_10 { margin-left:70%; }
  1458. .offset-9_10 { margin-left:90%; }
  1459. .offset-1_11 { margin-left: 9.09090909%; }
  1460. .offset-2_11 { margin-left:18.18181818%; }
  1461. .offset-3_11 { margin-left:27.27272727%; }
  1462. .offset-4_11 { margin-left:36.36363636%; }
  1463. .offset-5_11 { margin-left:45.45454545%; }
  1464. .offset-6_11 { margin-left:54.54545455%; }
  1465. .offset-7_11 { margin-left:63.63636364%; }
  1466. .offset-8_11 { margin-left:72.72727273%; }
  1467. .offset-9_11 { margin-left:81.81818182%; }
  1468. .offset-10_11 { margin-left:90.90909091%; }
  1469. .offset-1_12 { margin-left: 8.33333333%; }
  1470. .offset-5_12 { margin-left:41.66666667%; }
  1471. .offset-7_12 { margin-left:58.33333333%; }
  1472. .offset-11_12 { margin-left:91.66666667%; }
  1473.  
  1474. /* Utils */
  1475. .clearfix:after,
  1476. .container:after,
  1477. .container-fluid:after,
  1478. .row:after,
  1479. .columns_wrap:after {
  1480. content: " ";
  1481. clear: both;
  1482. width:100%;
  1483. height:0;
  1484. display:block;
  1485. }
  1486. .center-block {
  1487. display: block;
  1488. margin-left: auto;
  1489. margin-right: auto;
  1490. }
  1491. .pull-right {
  1492. float: right !important;
  1493. }
  1494. .pull-left {
  1495. float: left !important;
  1496. }
  1497.  
  1498. .affix {
  1499. position: fixed;
  1500. -webkit-transform: translate3d(0, 0, 0);
  1501. -ms-transform: translate3d(0, 0, 0);
  1502. transform: translate3d(0, 0, 0);
  1503. }
  1504.  
  1505. .visible {
  1506. visibility: visible;
  1507. }
  1508. .invisible {
  1509. visibility: hidden;
  1510. }
  1511.  
  1512. .show {
  1513. display: block !important;
  1514. }
  1515. .hide {
  1516. display: none !important;
  1517. }
  1518. .hidden {
  1519. display: none !important;
  1520. visibility: hidden !important;
  1521. }
  1522. .text-hide {
  1523. font-size: 0;
  1524. line-height: 0;
  1525. color: transparent;
  1526. text-shadow: none;
  1527. background-color: transparent;
  1528. border: 0;
  1529. }
  1530.  
  1531. .vertical-centered {
  1532. overflow:hidden;
  1533. }
  1534. .vertical-centered:before {
  1535. content:' ';
  1536. height: 100%;
  1537. width: 0;
  1538. margin-left:-0.3em;
  1539. }
  1540. .vertical-centered:before,
  1541. .vertical-centered > * {
  1542. display: inline-block;
  1543. vertical-align:middle;
  1544. }
  1545.  
  1546. .niobe_loading {
  1547. background-image:url(images/preloader.gif);
  1548. background-position:center;
  1549. background-repeat:no-repeat;
  1550. }
  1551.  
  1552.  
  1553.  
  1554. /* 6. Page layouts
  1555. -------------------------------------------------------------- */
  1556. .page_wrap {
  1557. min-height:100vh;
  1558. overflow:hidden; /* To prevent the horizontal scroll bar appears */
  1559. }
  1560. .page_wrap,
  1561. .content_wrap {
  1562. margin:0 auto;
  1563. }
  1564. .body_style_boxed {
  1565. background-color:#f0f0f0;
  1566. background-position:center top;
  1567. background-size: cover;
  1568. background-repeat: no-repeat;
  1569. background-attachment: fixed;
  1570. }
  1571. .body_style_boxed .page_wrap {
  1572. width:1520px;
  1573. }
  1574. .content_wrap,
  1575. .content_container {
  1576. width:1170px;
  1577. margin:0 auto;
  1578. }
  1579.  
  1580. .sc_content_width_1_1 { width: 1170px; }
  1581. .sc_content_width_1_2 { width: 585px; }
  1582. .sc_content_width_1_3 { width: 390px; }
  1583. .sc_content_width_2_3 { width: 780px; }
  1584. .sc_content_width_1_4 { width: 292.5px; }
  1585. .sc_content_width_3_4 { width: 877.5px; }
  1586.  
  1587. .content_wrap .content_wrap,
  1588. .content_wrap .content_container,
  1589. .content_container .content_wrap,
  1590. .content_container .content_container {
  1591. width:100%;
  1592. }
  1593. .content_wrap:after,
  1594. .content_container:after {
  1595. content:" ";
  1596. display:block;
  1597. width:100%;
  1598. height:0;
  1599. clear:both;
  1600. }
  1601. .body_style_fullwide .content_wrap {
  1602. max-width: 1920px; /* To prevent stretching content on the extra wide screen */
  1603. margin: 0 auto;
  1604. width: 100%;
  1605. padding-left:130px;
  1606. padding-right:130px;
  1607. -webkit-box-sizing: border-box;
  1608. -ms-box-sizing: border-box;
  1609. box-sizing: border-box;
  1610. }
  1611. .content, .sidebar, .sidebar_inner {
  1612. -webkit-box-sizing: border-box;
  1613. -ms-box-sizing: border-box;
  1614. box-sizing: border-box;
  1615. }
  1616. .page_content_wrap .content_wrap {
  1617. position:relative;
  1618. }
  1619.  
  1620. /* Content and Sidebar */
  1621. body:not(.expand_content):not(.body_style_fullwide):not(.body_style_fullscreen) [class*="content_wrap"] > .content { width: 800px; }
  1622. [class*="content_wrap"] > .sidebar { width: 300px; }
  1623. .sidebar_hide [class*="content_wrap"] > .content { margin-left: auto; margin-right: auto; }
  1624. .sidebar_right [class*="content_wrap"] > .content { float: left; }
  1625. .sidebar_right [class*="content_wrap"] > .sidebar { float: right; }
  1626. .sidebar_left [class*="content_wrap"] > .content { float: right; }
  1627. .sidebar_left [class*="content_wrap"] > .sidebar { float: left; }
  1628.  
  1629. /* Fullwide or Fullscreen with sidebar */
  1630. .body_style_fullwide [class*="content_wrap"] > .content,
  1631. .body_style_fullscreen [class*="content_wrap"] > .content { width: 100%; }
  1632. .body_style_fullwide.sidebar_right [class*="content_wrap"] > .content,
  1633. .body_style_fullscreen.sidebar_right [class*="content_wrap"] > .content { padding-right: 410px; }
  1634. .body_style_fullwide.sidebar_right [class*="content_wrap"] > .sidebar,
  1635. .body_style_fullscreen.sidebar_right [class*="content_wrap"] > .sidebar { margin-left: -370px; }
  1636. .body_style_fullwide.sidebar_left [class*="content_wrap"] > .content,
  1637. .body_style_fullscreen.sidebar_left [class*="content_wrap"] > .content { padding-left: 410px; }
  1638. .body_style_fullwide.sidebar_left [class*="content_wrap"] > .sidebar,
  1639. .body_style_fullscreen.sidebar_left [class*="content_wrap"] > .sidebar { margin-right:-370px; }
  1640.  
  1641. .body_style_fullscreen .page_content_wrap {
  1642. overflow:hidden;
  1643. padding:0;
  1644. position:relative; /* Need to correct 'sticky' sidebar position */
  1645. }
  1646.  
  1647. /* Boxed style for articles and sidebar */
  1648. .body_style_fullscreen [class*="content_wrap"] > .content > article.page {
  1649. padding:0;
  1650. }
  1651.  
  1652.  
  1653.  
  1654. /* 7. Section's decorations
  1655. =============================================================== */
  1656.  
  1657.  
  1658. /* 7.1 Header
  1659. -------------------------------------------------------------- */
  1660.  
  1661. /* Top panel */
  1662. .top_panel {
  1663. position:relative;
  1664. z-index:8000; /* Essential grid lightbox use 8010 */
  1665. background-position:center;
  1666. background-repeat:no-repeat;
  1667. background-size:cover;
  1668. padding: 0.1px 0;
  1669. margin-bottom:7.85rem;
  1670. }
  1671. .top_panel .row > [class*="column-"],
  1672. .top_panel .columns_wrap > [class*="column-"] {
  1673. vertical-align:middle;
  1674. }
  1675. .remove_margins .top_panel {
  1676. margin-bottom:0 !important;
  1677. }
  1678.  
  1679. .top_panel.with_bg_image:before {
  1680. content:' ';
  1681. position:absolute;
  1682. z-index:-1;
  1683. top: 0;
  1684. left: 0;
  1685. right: 0;
  1686. bottom: 0;
  1687. background: rgba(0,0,0,0.7);
  1688. display: block;
  1689. }
  1690. .header_position_over .top_panel.with_bg_image:before {
  1691. background: transparent !important;
  1692. }
  1693.  
  1694.  
  1695. /* Background video in the header */
  1696. #background_video {
  1697. position:absolute;
  1698. z-index:-1 !important;
  1699. left: 50%;
  1700. top: 50%;
  1701. -webkit-transform:translateX(-50%) translateY(-50%);
  1702. -ms-transform:translateX(-50%) translateY(-50%);
  1703. transform:translateX(-50%) translateY(-50%);
  1704. width: 100%;
  1705. height: 100%;
  1706. object-fit: cover;
  1707. overflow:hidden;
  1708. }
  1709. div#background_video {
  1710. position: absolute !important;
  1711. }
  1712. div#background_video:after {
  1713. content: ' ';
  1714. position:absolute;
  1715. z-index:2;
  1716. left: 0;
  1717. top: 0;
  1718. width: 100%;
  1719. height: 100%;
  1720. background-color:rgba(255, 255, 255, 0.3);
  1721. }
  1722. div#background_video iframe,
  1723. div#background_video video {
  1724. position:absolute;
  1725. z-index:1;
  1726. left: 50% !important;
  1727. top: 50% !important;
  1728. max-width: none;
  1729. -webkit-transform:translateX(-50%) translateY(-50%) !important;
  1730. -ms-transform:translateX(-50%) translateY(-50%) !important;
  1731. transform:translateX(-50%) translateY(-50%) !important;
  1732. }
  1733. #tubular-container {
  1734. display:none;
  1735. }
  1736. .top_panel.with_bg_video {
  1737. background: #000;
  1738. }
  1739.  
  1740.  
  1741. /* Header positions */
  1742. .header_position_over .page_wrap {
  1743. position:relative;
  1744. }
  1745. .header_position_over .top_panel {
  1746. position:absolute;
  1747. z-index:8000; /* old value = 2 */
  1748. left:0;
  1749. top:0;
  1750. width: 100%;
  1751. background: none !important;
  1752. }
  1753. .header_position_over .top_panel .sc_layouts_row[class*="scheme_"]:not(.sc_layouts_row_fixed_on) {
  1754. background-color:transparent;
  1755. }
  1756. .header_position_under .top_panel {
  1757. position:relative;
  1758. z-index:1;
  1759. -webkit-box-sizing: border-box;
  1760. -ms-box-sizing: border-box;
  1761. -ms-box-sizing: border-box;
  1762. box-sizing: border-box;
  1763. }
  1764. .header_position_under .top_panel_mask {
  1765. display:none;
  1766. position:absolute;
  1767. z-index:9999;
  1768. left:0;
  1769. top:0;
  1770. width:100%;
  1771. height:100%;
  1772. background-color:#000;
  1773. opacity: 0;
  1774. pointer-events: none;
  1775. }
  1776. .header_position_under .page_content_wrap {
  1777. position:relative;
  1778. z-index:3;
  1779. }
  1780. .header_position_under .footer_wrap {
  1781. position:relative;
  1782. z-index:2;
  1783. }
  1784.  
  1785.  
  1786. /* Default header layouts
  1787. ---------------------------------------------- */
  1788.  
  1789. /* Add transition to the default header */
  1790. .top_panel_default .sc_layouts_row_fixed_on {
  1791. -webkit-transition: padding .3s ease;
  1792. -ms-transition: padding .3s ease;
  1793. transition: padding .3s ease;
  1794. }
  1795. .top_panel_default .sc_layouts_row .custom-logo-link img,
  1796. .top_panel_default .sc_layouts_row .sc_layouts_logo img {
  1797. -webkit-transition: max-height .3s ease;
  1798. -ms-transition: max-height .3s ease;
  1799. transition: max-height .3s ease;
  1800. }
  1801.  
  1802. /* Main menu in the default header */
  1803. .top_panel_default .sc_layouts_menu_nav > li.menu-item-has-children > a:after {
  1804. content: '\e828';
  1805. font-family: 'fontello';
  1806. }
  1807. .top_panel_default .sc_layouts_menu_nav li li.menu-item-has-children > a:after {
  1808. content: '\e836';
  1809. font-family: 'fontello';
  1810. }
  1811. .top_panel_default .sc_layouts_menu_mobile_button .sc_layouts_item_icon:before {
  1812. content: '\e8ba';
  1813. font-family: 'fontello';
  1814. }
  1815.  
  1816. .sc_layouts_menu_popup .sc_layouts_menu_nav > li.menu-item-has-children > a:after,
  1817. .sc_layouts_menu_nav li li.menu-item-has-children > a:after {
  1818. font-style: normal;
  1819. }
  1820.  
  1821. .sc_layouts_item_menu_mobile_button,
  1822. .sc_layouts_menu_mobile_button {
  1823. font-style: normal;
  1824. }
  1825.  
  1826. .top_panel_default ~ .menu_mobile .search_wrap{
  1827. display: none;
  1828. }
  1829.  
  1830. .top_panel_default .top_panel_title {
  1831. padding: 3.85em 0;
  1832. }
  1833.  
  1834. /* Side menu
  1835. ----------------------------------------------------------- */
  1836. body.menu_style_side {
  1837. width: auto;
  1838. -webkit-box-sizing: content-box;
  1839. -ms-box-sizing: content-box;
  1840. -ms-box-sizing: content-box;
  1841. box-sizing: content-box;
  1842. }
  1843. body.menu_style_left {
  1844. margin-left:0;
  1845. }
  1846. body.menu_style_right {
  1847. margin-right:0;
  1848. }
  1849. .menu_style_side .body_wrap {
  1850. position:relative;
  1851. overflow: hidden;
  1852. max-width:100%;
  1853. }
  1854. .menu_style_side .menu_side_wrap {
  1855. position: fixed;
  1856. width: 4rem;
  1857. z-index: 20000;
  1858. top:0;
  1859. bottom: 0;
  1860. -webkit-transition: left 0.3s ease, right 0.3s ease;
  1861. -ms-transition: left 0.3s ease, right 0.3s ease;
  1862. transition: left 0.3s ease, right 0.3s ease;
  1863. }
  1864. .menu_style_left .menu_side_wrap {
  1865. left: 1.6em;
  1866. }
  1867. .menu_style_right .menu_side_wrap {
  1868. right: 1.6em;
  1869. }
  1870. .admin-bar .menu_side_wrap {
  1871. top: 32px;
  1872. }
  1873. @media (max-width: 782px) {
  1874. .admin-bar .menu_side_wrap {
  1875. top: 46px;
  1876. }
  1877. }
  1878.  
  1879. .menu_side_wrap .menu_side_inner {
  1880. position:absolute;
  1881. z-index: 1;
  1882. left: 0;
  1883. top: 0;
  1884. right: 0;
  1885. bottom:0;
  1886. width: 100%;
  1887. height: 100%;
  1888. -webkit-box-sizing: border-box;
  1889. -ms-box-sizing: border-box;
  1890. box-sizing: border-box;
  1891. }
  1892. .menu_style_side .menu_side_wrap .sc_layouts_logo {
  1893. display: none;
  1894. padding:25% 10%;
  1895. text-align:center;
  1896. }
  1897. .menu_style_side .menu_side_wrap .logo_text {
  1898. font-size: 1em;
  1899. letter-spacing:0;
  1900. text-align:center;
  1901. -webkit-transform:rotate(-90deg);
  1902. -ms-transform:rotate(-90deg);
  1903. transform:rotate(-90deg);
  1904. }
  1905. .menu_style_side .menu_side_wrap .logo_slogan {
  1906. display:none;
  1907. }
  1908.  
  1909. .menu_style_side .menu_mobile_inner .sc_layouts_logo {
  1910. display: none;
  1911. }
  1912.  
  1913. .menu_side_wrap .menu_mobile_button {
  1914. display:block;
  1915. position:relative;
  1916. left: 0;
  1917. right: auto;
  1918. top: 0;
  1919. height: auto;
  1920. line-height: 1;
  1921. }
  1922.  
  1923. .menu_side_wrap .menu_side_button {
  1924. display: none;
  1925. position: absolute;
  1926. font-size: 16px;
  1927. top: 50%;
  1928. margin-top:-1.5em;
  1929. width: 1.7em;
  1930. height: 3em;
  1931. line-height: 3em;
  1932. overflow:hidden;
  1933. cursor: pointer;
  1934. -webkit-box-sizing: border-box;
  1935. -ms-box-sizing: border-box;
  1936. -ms-box-sizing: border-box;
  1937. box-sizing: border-box;
  1938. -webkit-transition: left 0.3s ease, right 0.3s ease;
  1939. -ms-transition: left 0.3s ease, right 0.3s ease;
  1940. transition: left 0.3s ease, right 0.3s ease;
  1941. }
  1942. .menu_style_right .menu_side_wrap .menu_side_button {
  1943. left: -2.25em;
  1944. text-align:left;
  1945. padding-left: 10px;
  1946. -webkit-border-radius: 50% 0 0 50%;
  1947. -ms-border-radius: 50% 0 0 50%;
  1948. border-radius: 50% 0 0 50%;
  1949. }
  1950. .menu_style_left .menu_side_wrap .menu_side_button {
  1951. right: -2.25em;
  1952. text-align:right;
  1953. padding-right: 10px;
  1954. -webkit-border-radius: 0 50% 50% 0;
  1955. -ms-border-radius: 0 50% 50% 0;
  1956. border-radius: 0 50% 50% 0;
  1957. }
  1958. .menu_style_right .menu_side_wrap .menu_side_button:before { content: '\e92a'; }
  1959. .menu_style_right .menu_side_wrap.opened .menu_side_button:before { content: '\e92b'; }
  1960. .menu_style_left .menu_side_wrap .menu_side_button:before { content: '\e92b'; }
  1961. .menu_style_left .menu_side_wrap.opened .menu_side_button:before { content: '\e92a'; }
  1962.  
  1963.  
  1964. /* Mobile header
  1965. ---------------------------------------- */
  1966. .top_panel_mobile {
  1967. display:none;
  1968. margin-bottom: 2em;
  1969. }
  1970. .remove_margins .top_panel_mobile {
  1971. margin-bottom: 0;
  1972. }
  1973. body.mobile_layout .top_panel_mobile {
  1974. display:block;
  1975. }
  1976. body.mobile_layout.header_mobile_enabled .top_panel {
  1977. display:none;
  1978. }
  1979. .top_panel_mobile_info p {
  1980. margin:0;
  1981. }
  1982. .top_panel_mobile .row > [class*="column-"],
  1983. .top_panel_mobile .columns_wrap > [class*="column-"] {
  1984. vertical-align:middle;
  1985. }
  1986. .top_panel_mobile .sc_layouts_column_align_right .sc_layouts_item {
  1987. margin-left:1em;
  1988. }
  1989. .top_panel_mobile .sc_layouts_row_type_compact .sc_layouts_item_icon {
  1990. font-size: 1.5em;
  1991. }
  1992. .top_panel_mobile .sc_layouts_menu_mobile_button .sc_layouts_item_icon {
  1993. font-size: 2em;
  1994. }
  1995.  
  1996.  
  1997. /* Mobile menu
  1998. ---------------------------------------- */
  1999. body.mobile_layout.menu_style_left { margin-left: 0; }
  2000. body.mobile_layout.menu_style_right { margin-right: 0; }
  2001. body.mobile_layout.menu_style_right .menu_side_wrap { right: -6rem; }
  2002. body.mobile_layout.menu_style_left .menu_side_wrap { left: -6rem; }
  2003. body.mobile_layout.menu_style_right .menu_side_wrap.opened {right: 0; }
  2004. body.mobile_layout.menu_style_left .menu_side_wrap.opened { left: 0; }
  2005.  
  2006. body.mobile_layout.menu_style_side .menu_side_wrap .menu_side_button { display:block; }
  2007. body.mobile_layout.menu_style_left .menu_side_wrap .menu_side_button:hover { right: -2.25em; }
  2008. body.mobile_layout.menu_style_right .menu_side_wrap .menu_side_button:hover { left: -2.25em; }
  2009.  
  2010. .menu_mobile_close {
  2011. display:block;
  2012. width: 70px;
  2013. height: 70px;
  2014. cursor:pointer;
  2015. position:absolute;
  2016. right: 1.65em;
  2017. top: 1.65em;
  2018. -webkit-border-radius: 50%;
  2019. -ms-border-radius: 50%;
  2020. border-radius: 50%;
  2021. }
  2022. .menu_mobile_close:before,
  2023. .menu_mobile_close:after {
  2024. }
  2025. .menu_mobile_close:before {
  2026. content: '\e94c';
  2027. font-family: 'fontello';
  2028. margin-top: 1px;
  2029. position:absolute;
  2030. left: 50%;
  2031. top: 50%;
  2032. -webkit-transform:translateX(-50%) translateY(-50%);
  2033. -ms-transform:translateX(-50%) translateY(-50%);
  2034. transform:translateX(-50%) translateY(-50%);
  2035. }
  2036. .menu_mobile_close:after {
  2037. }
  2038.  
  2039. .menu_mobile_overlay {
  2040. display:none !important;
  2041. position:fixed;
  2042. z-index:100000;
  2043. left:0;
  2044. top:0;
  2045. right:0;
  2046. bottom:0;
  2047. background-color:rgba(0,0,0,0.8);
  2048. }
  2049.  
  2050. .menu_mobile {
  2051. position:fixed;
  2052. z-index:100002;
  2053. left:0;
  2054. top:0;
  2055. height: 0;
  2056. width: 100%;
  2057. -webkit-transition: height .3s ease-out;
  2058. -ms-transition: height .3s ease-out;
  2059. transition: height .3s ease-out;
  2060. }
  2061. .menu_mobile.opened {
  2062. height:100%;
  2063. }
  2064.  
  2065. .menu_mobile_inner {
  2066. position:absolute;
  2067. z-index: 1;
  2068. left: 0;
  2069. top: 0;
  2070. right: 0;
  2071. bottom:0;
  2072. width: 100%;
  2073. height: 100%;
  2074. text-align:center;
  2075. overflow:hidden;
  2076. }
  2077.  
  2078. .menu_mobile a {
  2079. display:block;
  2080. }
  2081.  
  2082. .menu_mobile .sc_layouts_logo {
  2083. text-align:center;
  2084. margin: 4.4rem 0 0;
  2085. }
  2086. .menu_mobile .menu_mobile_nav_area {
  2087. position:absolute;
  2088. z-index: 1;
  2089. left: 0;
  2090. top: 48%;
  2091. width: 100%;
  2092. height: auto;
  2093. max-height: 55%;
  2094. padding-right:20px; /* Hide scrollbar */
  2095. overflow-y: scroll;
  2096. -webkit-transform:translateY(-50%);
  2097. -ms-transform:translateY(-50%);
  2098. transform:translateY(-50%);
  2099. }
  2100.  
  2101. .menu_mobile .menu_mobile_nav_area ul {
  2102. margin:0 auto;
  2103. padding:0;
  2104. list-style:none;
  2105. width: auto;
  2106. }
  2107. .menu_mobile .menu_mobile_nav_area ul ul {
  2108. margin: 0;
  2109. display:none;
  2110. }
  2111. .menu_mobile .menu_mobile_nav_area li {
  2112. margin-bottom:0;
  2113. width:auto;
  2114. }
  2115. .menu_mobile .menu_mobile_nav_area li > a {
  2116. font-size: 1.25em;
  2117. line-height: 1.5em;
  2118. padding: 1px 2.5em 1px 0;
  2119. text-transform:uppercase;
  2120. letter-spacing:1px;
  2121. position:relative;
  2122. display: inline-block;
  2123. width: 30rem;
  2124. text-align:left;
  2125. -webkit-box-sizing: border-box;
  2126. -ms-box-sizing: border-box;
  2127. -ms-box-sizing: border-box;
  2128. box-sizing: border-box;
  2129. }
  2130. .menu_mobile .menu_mobile_nav_area > ul > li > a {
  2131. font-size: 2em;
  2132. line-height: 1.5em;
  2133. }
  2134. .menu_mobile .menu_mobile_nav_area > ul > li li > a {
  2135. font-style: italic;
  2136. text-transform: uppercase;
  2137. font-weight: 600;
  2138. letter-spacing: 1.5px;
  2139. padding-left: 0;
  2140. padding-top: 0.25em;
  2141. padding-bottom: 0.25em;
  2142. }
  2143. .menu_mobile .menu_mobile_nav_area > ul > li li li > a {
  2144. padding-left: 0;
  2145. }
  2146. .menu_mobile .menu_mobile_nav_area > ul > li li li li > a {
  2147. padding-left: 0;
  2148. }
  2149. .menu_mobile .menu_mobile_nav_area .open_child_menu {
  2150. font-style: normal;
  2151. z-index:1;
  2152. right:0;
  2153. top:0;
  2154. display:inline-block;
  2155. width:1em;
  2156. height:1em;
  2157. line-height:1em;
  2158. padding:0.25em;
  2159. text-align:center;
  2160. }
  2161.  
  2162. .menu_mobile .menu_mobile_nav_area li li .open_child_menu {
  2163. background-color:transparent;
  2164. padding: 0.25em 0.7em;
  2165. }
  2166. .menu_mobile .menu_mobile_nav_area .open_child_menu:before {
  2167. font-family:'fontello';
  2168. content:'\e828';
  2169. }
  2170. .menu_mobile .menu_mobile_nav_area li.opened > a > .open_child_menu:before {
  2171. content:'\e835';
  2172. }
  2173.  
  2174. .menu_mobile .search_mobile {
  2175. position:absolute;
  2176. left: 50%;
  2177. bottom: 8.7rem;
  2178. width: 28rem;
  2179. margin-left: -14rem;
  2180. }
  2181. .menu_mobile .search_mobile form {
  2182. position:relative;
  2183. }
  2184. .menu_mobile .search_mobile .search_field {
  2185. font-size: 1.111em;
  2186. font-weight: 300;
  2187. text-align: right;
  2188. text-transform: none;
  2189. width:80%;
  2190. padding: 0.2em 0 0.2em !important;
  2191. border: none;
  2192. border-bottom: 2px solid #ddd;
  2193. -webkit-border-radius: 0;
  2194. -ms-border-radius: 0;
  2195. border-radius: 0;
  2196. }
  2197. .menu_mobile .search_mobile .search_field::-webkit-input-placeholder {text-transform: lowercase;}
  2198. .menu_mobile .search_mobile .search_field::-moz-placeholder {text-transform: lowercase;}/* Firefox 19+ */
  2199. .menu_mobile .search_mobile .search_field:-moz-placeholder {text-transform: lowercase;}/* Firefox 18- */
  2200. .menu_mobile .search_mobile .search_field:-ms-input-placeholder {text-transform: lowercase;}
  2201.  
  2202. .menu_mobile .search_mobile .search_submit {
  2203. position:absolute;
  2204. left: auto;
  2205. right:0;
  2206. top:0;
  2207. font-size:0.8667em;
  2208. padding:2em 1.8em;
  2209. background-color:transparent;
  2210. display: none;
  2211. }
  2212.  
  2213. .menu_mobile .socials_mobile {
  2214. position:absolute;
  2215. left: 0;
  2216. bottom: 4rem;
  2217. text-align:center;
  2218. display:block;
  2219. width: 100%;
  2220. }
  2221. .menu_mobile .social_item {
  2222. display:inline-block;
  2223. margin: 1em 1em 0 0;
  2224. }
  2225. .menu_mobile .social_item .social_icon {
  2226. display:block;
  2227. font-size:1em;
  2228. width:1em;
  2229. height: 1em;
  2230. line-height:1em;
  2231. text-align:center;
  2232. }
  2233.  
  2234.  
  2235. /* Menu mobile 'Narrow' */
  2236. .menu_mobile_narrow {
  2237. width: 320px;
  2238. margin-top:0;
  2239. }
  2240. .menu_style_left .menu_mobile_narrow { margin-left: -320px; }
  2241. .menu_style_left .menu_mobile_narrow.opened { margin-left: 0; }
  2242. .menu_style_right .menu_mobile_narrow { margin-right: -320px; left: auto; right: 0; }
  2243. .menu_style_right .menu_mobile_narrow.opened { margin-right: 0; }
  2244.  
  2245. .menu_mobile_narrow .menu_mobile_nav_area li {
  2246. text-align: left;
  2247. padding-left: 2.75em;
  2248. }
  2249.  
  2250. .menu_mobile_narrow .menu_mobile_nav_area li li {
  2251. padding-left: 0;
  2252. }
  2253.  
  2254. .menu_mobile_narrow .menu_mobile_nav_area li > a {
  2255. font-size: 1em;
  2256. line-height: 1.5em;
  2257. text-transform: none;
  2258. letter-spacing:0px;
  2259. width: auto;
  2260. padding: 0 0 0 0;
  2261. }
  2262. .menu_mobile_narrow .menu_mobile_nav_area > ul > li > a {
  2263. font-size: 1.3em;
  2264. line-height: 1.5em;
  2265. font-style: italic;
  2266. text-transform: uppercase;
  2267. font-weight: 600;
  2268. letter-spacing: 1.5px;
  2269. }
  2270. .menu_mobile_narrow .menu_mobile_nav_area > ul > li > a > .open_child_menu:before {
  2271. font-size:1em;
  2272. line-height:inherit;
  2273.  
  2274. }
  2275.  
  2276. .menu_mobile_narrow .menu_mobile_nav_area li ul li,
  2277. .menu_mobile_narrow .menu_mobile_nav_area li ol li,
  2278. .menu_mobile_narrow .menu_mobile_nav_area li + li {
  2279. margin-top: 0.6em;
  2280. }
  2281.  
  2282. .menu_mobile_narrow .menu_mobile_nav_area li li .open_child_menu {
  2283. padding: 0.4em;
  2284. }
  2285. .menu_mobile_narrow .search_mobile {
  2286. width: 18rem;
  2287. margin-left: -9rem;
  2288. }
  2289.  
  2290. /* Menu mobile in mobile layout */
  2291. .mobile_device .menu_mobile .menu_mobile_nav_area,
  2292. .mobile_layout .menu_mobile .menu_mobile_nav_area {
  2293. position:relative;
  2294. top: auto;
  2295. max-height: none;
  2296. margin: 3em 0 0;
  2297. -webkit-transform:none;
  2298. -ms-transform:none;
  2299. transform:none;
  2300. }
  2301. .mobile_device .menu_mobile .search_mobile,
  2302. .mobile_layout .menu_mobile .search_mobile {
  2303. position:relative;
  2304. bottom: auto;
  2305. left: 0;
  2306. margin: 3em auto 0;
  2307. }
  2308. .mobile_device .menu_mobile .socials_mobile,
  2309. .mobile_layout .menu_mobile .socials_mobile {
  2310. position: relative;
  2311. bottom: auto;
  2312. margin: 1em 0 0;
  2313. }
  2314. .mobile_device .menu_mobile .addinfo_mobile,
  2315. .mobile_layout .menu_mobile .addinfo_mobile {
  2316. padding-bottom: 3em;
  2317.  
  2318. }
  2319. /* Additional info */
  2320. .menu_mobile .addinfo_mobile {
  2321. line-height: 1.45em;
  2322. text-align: right;
  2323. position: absolute;
  2324. bottom: 2.95rem;
  2325. width: 100%;
  2326. }
  2327. .menu_mobile .addinfo_mobile .addinfo_item{
  2328. font-size: 1.111em;
  2329. font-weight: 300;
  2330. letter-spacing: 0;
  2331. padding: 0 1.65rem;
  2332. }
  2333.  
  2334. .mobile_device .menu_mobile .addinfo_mobile,
  2335. .mobile_layout .menu_mobile .addinfo_mobile {
  2336. width: 18rem;
  2337. margin: 3em auto 0;
  2338. position: relative;
  2339. bottom: auto;
  2340. left: 0;
  2341. }
  2342. .mobile_device .menu_mobile .addinfo_mobile .addinfo_item,
  2343. .mobile_layout .menu_mobile .addinfo_mobile .addinfo_item {
  2344. padding: 0;
  2345. }
  2346.  
  2347. /* Widgets in the Header
  2348. ------------------------------------------------------------- */
  2349. .header_widgets_wrap {
  2350. position:relative;
  2351. z-index:2;
  2352. }
  2353. .header_widgets_wrap.header_fullwidth {
  2354. overflow:hidden;
  2355. }
  2356. .header_widgets_wrap.header_fullwidth .widget {
  2357. margin-bottom:0;
  2358. }
  2359.  
  2360.  
  2361.  
  2362. /* 7.2 Sliders
  2363. -------------------------------------------------------------- */
  2364. /* Revolution slider */
  2365. .slider_wrap .rev_slider_wrapper {
  2366. z-index:0;
  2367. }
  2368.  
  2369.  
  2370. /* 7.4 Post's parts
  2371. -------------------------------------------------------------- */
  2372.  
  2373. /* Common styles */
  2374. .blog_archive {
  2375. padding-bottom: 4em;
  2376. }
  2377. .post_item p {
  2378. margin-bottom:0;
  2379. }
  2380. .post_item > .post_title {
  2381. margin-top:0;
  2382. }
  2383. .post_item .more-link,
  2384. .gallery_preview_show .post_readmore {
  2385. margin-top: 2.5em;
  2386. }
  2387.  
  2388. /* Tabs (internal and Essential Grid) */
  2389. div.esg-filter-wrapper,
  2390. .mptt-navigation-tabs,
  2391. div.niobe_tabs .niobe_tabs_titles {
  2392. list-style-type:none;
  2393. padding:0;
  2394. text-align:center;
  2395. letter-spacing:0;
  2396. margin: -0.85em 0 3.2em;
  2397. }
  2398. div.esg-filter-wrapper .esg-filterbutton,
  2399. .mptt-navigation-tabs li,
  2400. div.niobe_tabs .niobe_tabs_titles li {
  2401. display: inline-block;
  2402. margin: 0 0 3px;
  2403. font-size: 12px;
  2404. line-height:1.4em;
  2405. font-weight:normal;
  2406. text-transform:uppercase;
  2407. padding: 0;
  2408. border: none;
  2409. -webkit-border-radius: 0;
  2410. -ms-border-radius: 0;
  2411. border-radius: 0;
  2412. }
  2413. div.esg-filter-wrapper .esg-filterbutton:hover,
  2414. div.esg-filter-wrapper .esg-filterbutton.selected {
  2415. -webkit-box-shadow: none;
  2416. -ms-box-shadow: none;
  2417. box-shadow: none;
  2418. }
  2419. div.esg-filter-wrapper .esg-filterbutton+.esg-filterbutton,
  2420. .mptt-navigation-tabs li+li,
  2421. div.niobe_tabs .niobe_tabs_titles li+li {
  2422. margin-left:3px;
  2423. }
  2424. div.esg-filter-wrapper .esg-filterbutton > span,
  2425. .mptt-navigation-tabs li a,
  2426. div.niobe_tabs .niobe_tabs_titles li a,
  2427. div.niobe_tabs .niobe_tabs_titles li a.ui-tabs-anchor {
  2428. display:block;
  2429. float: none;
  2430. padding: 1.75em 3em;
  2431. -webkit-transition: all .3s ease;
  2432. -ms-transition: all .3s ease;
  2433. transition: all .3s ease;
  2434. }
  2435. div.niobe_tabs .niobe_tabs_content {
  2436. padding: 0;
  2437. }
  2438. div.niobe_tabs .niobe_tab_content_remove {
  2439. opacity: 0;
  2440. }
  2441. div.niobe_tabs .nav-links {
  2442. margin-top:1em;
  2443. }
  2444.  
  2445. /* Post featured block */
  2446. .post_featured {
  2447. overflow:hidden;
  2448. position:relative;
  2449. margin-bottom:2.4em;
  2450. max-width: 100%;
  2451. -webkit-border-radius: 35px;
  2452. -ms-border-radius: 35px;
  2453. border-radius: 35px;
  2454. }
  2455. .post_layout_excerpt.post_format_audio .post_featured {
  2456. -webkit-border-radius: 10px;
  2457. -ms-border-radius: 10px;
  2458. border-radius: 10px;
  2459. }
  2460. .post_featured_bg {
  2461. background-position:center;
  2462. background-size:cover;
  2463. background-repeat:no-repeat;
  2464. }
  2465. .post_featured_bg:before {
  2466. content: ' ';
  2467. width: 0;
  2468. height: 0;
  2469. padding-top: 56.25%;
  2470. display:inline-block;
  2471. margin-left:-0.3em;
  2472. }
  2473. .post_featured_right {
  2474. float: right;
  2475. width: 50%;
  2476. margin-left: 4.3478%;
  2477. }
  2478. .post_featured_left {
  2479. float: left;
  2480. width: 50%;
  2481. margin-right: 4.3478%;
  2482. }
  2483. .post_featured.hover_icon .icons a.icon-search-alt:before {
  2484. content: '\e948';
  2485. font-family: 'fontello';
  2486. }
  2487.  
  2488. /* Post info block */
  2489. .post_meta .post_meta_item.post_edit > a:before,
  2490. .post_meta .post_meta_item.post_edit > a:after,
  2491. .post_meta .post_meta_item:after,
  2492. .vc_inline-link:after {
  2493. content: '/';
  2494. display:inline;
  2495. font-family:inherit;
  2496. font-size:inherit;
  2497. font-style:normal;
  2498. font-weight:700;
  2499. vertical-align:baseline;
  2500. }
  2501. .post_meta .post_meta_item.post_categories:after,
  2502. .post_meta .post_meta_item.post_edit:after,
  2503. .post_meta .post_meta_item.post_edit > a:last-child:after,
  2504. .post_meta .post_meta_item:last-child:after {
  2505. display:none;
  2506. }
  2507. .post_meta .post_meta_item:after,
  2508. .post_meta .post_meta_item.post_edit > a:after,
  2509. .vc_inline-link:after {
  2510. margin: 0 0.75em 0 1.0em;
  2511. }
  2512. .post_meta .post_meta_item {
  2513. margin-left:0;
  2514. vertical-align: middle;
  2515. display: inline-block;
  2516. }
  2517. .post_meta .post_meta_item a:before,
  2518. .post_meta a.post_meta_item:before{
  2519. display: none;
  2520. }
  2521. .post_meta a.post_meta_item:before,
  2522. .post_meta a.post_meta_item > .post_counters_number,
  2523. .post_meta .post_meta_item.post_edit > a:before {
  2524. margin-right: 0;
  2525. margin-left: 0.35em;
  2526. }
  2527. .post_meta .post_meta_item.post_edit > a:before {
  2528. content: '\e8bb';
  2529. font-family: 'fontello';
  2530. display: none;
  2531. }
  2532. .post_meta .post_meta_item.post_categories{
  2533. letter-spacing: 0;
  2534. position: relative;
  2535. top: -1px;
  2536. }
  2537. .post_meta .post_meta_item.post_categories a{
  2538. font-size: 9px;
  2539. letter-spacing: 1.7px;
  2540. padding: 0.248em 1.2em 0.108em 1.4em;
  2541. display: inline-block;
  2542. margin-bottom: 3px;
  2543. -webkit-border-radius: 35px;
  2544. -ms-border-radius: 35px;
  2545. border-radius: 35px;
  2546. }
  2547. .post_meta .post_meta_item.post_counters_item .post_counters_label{
  2548. float: left;
  2549. }
  2550.  
  2551. .post_meta .post_meta_item.post_categories + .post_meta_item{
  2552. margin-left: 1.1em;
  2553. }
  2554. .post_meta .post_meta_item + .post_meta_item.post_categories{
  2555. margin-left: 1.1em;
  2556. }
  2557.  
  2558. /* Socials share in the post meta */
  2559. .post_share .social_items {
  2560. font-size:1em;
  2561. }
  2562. .socials_share.socials_type_drop .social_items {
  2563. padding:0.8em 1em;
  2564. }
  2565. .post_share .social_items .social_item .social_icon i {
  2566. font-style:normal;
  2567. text-transform:capitalize;
  2568. }
  2569. .post_meta .socials_share {
  2570. display:inline;
  2571. vertical-align:baseline;
  2572. }
  2573. .post_meta_item .socials_share .social_items {
  2574. bottom:auto;
  2575. top: 2.5em;
  2576. }
  2577. .post_meta_item .socials_share .social_items:before {
  2578. bottom: auto;
  2579. top: -5px;
  2580. -webkit-transform:rotate(135deg);
  2581. -ms-transform:rotate(135deg);
  2582. transform:rotate(135deg);
  2583. }
  2584.  
  2585.  
  2586. /* 7.5 Post Formats
  2587. -------------------------------------------------------------- */
  2588.  
  2589. /* Audio */
  2590. .format-audio .post_featured {
  2591. position:relative;
  2592. max-height: 16em;
  2593. }
  2594. .single .format-audio .post_featured {
  2595. max-height: none;
  2596. }
  2597. .format-audio .post_featured img {
  2598. position:relative;
  2599. }
  2600. .format-audio .post_featured.with_thumb .mask {
  2601. background-color: rgba(0,0,0,0.6);
  2602. }
  2603. .format-audio .post_featured .mask {
  2604. opacity: 1;
  2605. }
  2606. .format-audio .post_featured .post_audio.with_iframe .post_audio_author,
  2607. .format-audio .post_featured .post_audio.with_iframe .post_audio_title {
  2608. display:none;
  2609. }
  2610. .format-audio .post_featured .post_audio_author,
  2611. .trx_addons_audio_player .audio_author {
  2612. font-size: 1.111em;
  2613. font-weight: 400;
  2614. font-style:normal;
  2615. text-transform: uppercase;
  2616. }
  2617. .trx_addons_audio_player .audio_author {
  2618. margin: 0.5em 0.5em 0.25em;
  2619. margin-left: 0;
  2620. margin-right:0;
  2621. }
  2622. .format-audio .post_featured .post_audio_title,
  2623. .trx_addons_audio_player .audio_caption {
  2624. font-size: 12px;
  2625. font-weight:400;
  2626. font-style:normal;
  2627. line-height:1.35em;
  2628. letter-spacing:0.1px;
  2629. text-transform:uppercase;
  2630. }
  2631. .format-audio .post_featured .post_audio_title {
  2632. font-size: 1.2em;
  2633. line-height:1.5em;
  2634. margin-top: 0.1em;
  2635. margin-bottom:0.5em;
  2636. }
  2637. .format-audio .post_featured.with_thumb .post_audio_title {
  2638. color: #ffffff;
  2639. }
  2640. .format-audio .post_featured .post_audio_title,
  2641. .vc_row .trx_addons_audio_player .audio_caption {
  2642. font-size: 12px;
  2643. line-height:1.35em;
  2644. }
  2645. .trx_addons_audio_player .audio_author + .audio_caption {
  2646. margin:0 0 0.25em;
  2647. }
  2648.  
  2649.  
  2650. .trx_addons_audio_player .mejs-container {
  2651. -webkit-border-radius: 10px;
  2652. -ms-border-radius: 10px;
  2653. border-radius: 10px;
  2654. }
  2655.  
  2656. .format-audio .post_featured.with_thumb .post_audio {
  2657. position: absolute;
  2658. z-index:1000;
  2659. bottom: 2em;
  2660. left:6%;
  2661. right: 6%;
  2662. text-align:left;
  2663. }
  2664. .format-audio .post_featured.without_thumb .post_audio:not(.with_iframe) {
  2665. padding: 2.35em 2.7em 2.85em;
  2666. border: 1px solid #ddd;
  2667. }
  2668. .format-audio .post_featured.with_thumb .mejs-container,
  2669. .format-audio .post_featured > div .mejs-controls {
  2670. background: none;
  2671. padding: 0.75em 1.45em;
  2672. }
  2673. .format-audio .post_featured.with_thumb .mejs-controls,
  2674. .format-audio .post_featured > div > .mejs-container {
  2675. background:none;
  2676. }
  2677.  
  2678. .trx_addons_audio_player .mejs-container:not(.mejs-video) {
  2679. height: 50px !important;
  2680. }
  2681.  
  2682. .format-audio .post_featured.with_thumb .mejs-controls,
  2683. .format-audio .post_featured > div > .mejs-container,
  2684. .trx_addons_audio_player .mejs-container .mejs-controls {
  2685. height: 50px !important;
  2686. padding: 0.7em 1.45em;
  2687. }
  2688. .format-audio .post_audio .mejs-container {
  2689. margin-top: 1.45em;
  2690. }
  2691.  
  2692. /* Shortcode "Audio" */
  2693. .trx_addons_audio_player {
  2694. padding:1.95em 2.7em 2.8em;
  2695. }
  2696. .format-audio .post_featured.without_thumb .post_audio:not(.with_iframe),
  2697. .trx_addons_audio_player.without_cover {
  2698. border: 1px solid #ddd;
  2699. -webkit-border-radius: 10px;
  2700. -ms-border-radius: 10px;
  2701. border-radius: 10px;
  2702. }
  2703.  
  2704. /* Media elements */
  2705. .mejs-container .mejs-controls {
  2706. padding: 14px 1.45em;
  2707. }
  2708. .sidebar .mejs-container .mejs-controls,
  2709. .footer_wrap .mejs-container .mejs-controls{
  2710. padding: 14px 0.45em;
  2711. }
  2712.  
  2713. .me-cannotplay { overflow:hidden; }
  2714. .me-plugin { position: absolute; height: 0; width: 0; } /* Media elements hook for Safary */
  2715. .mejs-container {
  2716. overflow: hidden;
  2717. -webkit-border-radius: 10px;
  2718. -ms-border-radius: 10px;
  2719. border-radius: 10px;
  2720. }
  2721.  
  2722. .sidebar .widget_media_audio .mejs-container,
  2723. .mejs-container .mejs-controls {
  2724. height: 50px !important;
  2725. }
  2726. .mejs-container .mejs-controls .mejs-button {
  2727. margin: 0;
  2728. overflow:hidden;
  2729. position:relative;
  2730. width: 24px;
  2731. height: 24px;
  2732. line-height:24px;
  2733. text-align:center;
  2734. -webkit-border-radius: 0;
  2735. -ms-border-radius: 0;
  2736. border-radius: 0;
  2737. }
  2738. .mejs-container .mejs-controls .mejs-button.mejs-volume-button {
  2739. margin-left: 0;
  2740. padding-left: 9px;
  2741. margin-right: 12px;
  2742. }
  2743. .mejs-container .mejs-controls .mejs-button:hover {
  2744. -webkit-border-radius: 0;
  2745. -ms-border-radius: 0;
  2746. border-radius: 0;
  2747. }
  2748. .mejs-container .mejs-controls .mejs-button button {
  2749. display:block;
  2750. margin:0;
  2751. position:absolute;
  2752. left:0;
  2753. top:0;
  2754. right:0;
  2755. bottom:0;
  2756. width: 100%;
  2757. height: 100%;
  2758. background: none !important;
  2759. -webkit-border-radius: 0;
  2760. -ms-border-radius: 0;
  2761. border-radius: 0;
  2762. }
  2763. .mejs-container .mejs-controls .mejs-playpause-button.mejs-play:before {
  2764. content: '\e942';
  2765. font-family:'fontello';
  2766. }
  2767. .mejs-container .mejs-controls .mejs-playpause-button.mejs-pause:before {
  2768. content: '\e8e3';
  2769. font-family:'fontello';
  2770. }
  2771. .mejs-container .mejs-controls .mejs-volume-button.mejs-mute:before {
  2772. content: '\e949';
  2773. font-family:'fontello';
  2774. }
  2775. .mejs-container .mejs-controls .mejs-volume-button.mejs-unmute:before {
  2776. content: '\e904';
  2777. font-family:'fontello';
  2778. }
  2779. .mejs-container .mejs-controls .mejs-button.mejs-fullscreen-button:before {
  2780. content: '\e918';
  2781. font-family:'fontello';
  2782. }
  2783. .mejs-container .mejs-controls .mejs-button.mejs-unfullscreen:before {
  2784. content: '\e856';
  2785. font-family:'fontello';
  2786. }
  2787. .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float {
  2788. height: 14px !important;
  2789. border: none;
  2790. font-size:10px;
  2791. letter-spacing:0;
  2792. top: -22px;
  2793. }
  2794. .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
  2795. margin: 0 0;
  2796. }
  2797. .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-corner,
  2798. .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
  2799. .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  2800. top: 0;
  2801. }
  2802. .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
  2803. .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-total,
  2804. .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-buffering,
  2805. .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-loaded,
  2806. .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-current,
  2807. .trx_addons_audio_player .mejs-controls a.mejs-horizontal-volume-slider,
  2808. .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
  2809. .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
  2810. .mejs-container .mejs-controls .mejs-time-rail span,
  2811. .mejs-container .mejs-controls .mejs-time-rail a,
  2812. .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
  2813. .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  2814. height: 3px !important;
  2815. }
  2816. .mejs-container .mejs-controls .mejs-time,
  2817. .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time {
  2818. font-size:13px !important;
  2819. font-weight: 400;
  2820. padding-top: 8px !important;
  2821. padding-right: 9px;
  2822. }
  2823. .sidebar .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time,
  2824. .footer_wrap .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time {
  2825. display:none;
  2826. }
  2827.  
  2828. .mejs-controls .mejs-button button:focus {
  2829. outline: none !important;
  2830. }
  2831.  
  2832. .mejs-container .mejs-controls div.mejs-button {
  2833. font-size: 16px !important;
  2834. }
  2835. .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total:before,
  2836. .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-total:before {
  2837. background-color: transparent;
  2838. }
  2839.  
  2840. .trx_addons_audio_player .mejs-container .mejs-controls .mejs-fullscreen-button,
  2841. .trx_addons_audio_player .mejs-container .mejs-controls .mejs-volume-button,
  2842. .trx_addons_audio_player .mejs-container .mejs-controls .mejs-volume-button:hover{
  2843. margin-top: 0 !important;
  2844. }
  2845. .trx_addons_audio_player .mejs-container .mejs-controls .mejs-playpause-button {
  2846. margin: 0 0 0 0 !important;
  2847. }
  2848. .mejs-container .mejs-controls .mejs-time,
  2849. .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time {
  2850. margin-top: 0 !important;
  2851. }
  2852.  
  2853. .footer_wrap .mejs-container .mejs-controls .mejs-time,
  2854. .footer_wrap .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time {
  2855. display: none;
  2856. }
  2857.  
  2858. .mejs-controls div.mejs-time-rail{
  2859. margin: 0 !important;
  2860. padding-top: 11px;
  2861. }
  2862. .trx_addons_audio_player .mejs-controls div.mejs-time-rail {
  2863. margin: 0 !important;
  2864. padding-top: 5px;
  2865. }
  2866. .trx_addons_audio_player .mejs-container .mejs-controls .mejs-volume-button {
  2867. padding-left: 9px;
  2868. margin-left: 0 !important;
  2869. margin-right: 12px !important;
  2870. }
  2871. .trx_addons_audio_player .mejs-container .mejs-controls .mejs-volume-button:hover {
  2872. margin-right: 12px !important;
  2873. }
  2874. .mejs-controls a.mejs-horizontal-volume-slider,
  2875. .trx_addons_audio_player .mejs-controls a.mejs-horizontal-volume-slider {
  2876. margin-top: 11px !important;
  2877. margin-right: 0 !important;
  2878. height: 5px;
  2879. }
  2880. .trx_addons_audio_player .mejs-controls a.mejs-horizontal-volume-slider {
  2881. margin-top: 11px !important;
  2882. }
  2883. .mejs-container .mejs-controls .mejs-time.mejs-duration-container{
  2884. padding-left: 11px;
  2885. }
  2886.  
  2887. .mejs-time-rail .mejs-time-handle-content:active,
  2888. .mejs-time-rail .mejs-time-handle-content:focus,
  2889. .mejs-time-rail:hover .mejs-time-handle-content {
  2890. display: none !important;
  2891. }
  2892.  
  2893. .audio_info {
  2894. margin-bottom: 1.45em;
  2895. }
  2896.  
  2897.  
  2898. /* Video */
  2899. .format-video .post_featured.with_thumb {
  2900. position:relative;
  2901. }
  2902. .format-video .post_featured.with_thumb .post_video {
  2903. position: absolute;
  2904. z-index:1;
  2905. left:0;
  2906. top:0;
  2907. width:100%;
  2908. height: 100%;
  2909. opacity:0;
  2910. overflow:hidden;
  2911. -webkit-transition: all ease .3s;
  2912. -ms-transition: all ease .3s;
  2913. transition: all ease .3s;
  2914. }
  2915. .format-video .post_featured.with_thumb .post_video:before {
  2916. content:' ';
  2917. display:inline-block;
  2918. padding-top:55%;
  2919. width:0;
  2920. height:0;
  2921. }
  2922. .format-video .post_featured.with_thumb img {
  2923. position:relative;
  2924. z-index:2;
  2925. }
  2926. .format-video .post_featured.with_thumb .mask {
  2927. z-index:3;
  2928. background-color: rgba(0,0,0,0.5);
  2929. opacity:0;
  2930. }
  2931. .format-video .post_featured.with_thumb:hover .mask {
  2932. opacity:1;
  2933. }
  2934. .trx_addons_video_player.with_cover .video_hover,
  2935. .format-video .post_featured.with_thumb .post_video_hover {
  2936. position: absolute;
  2937. z-index:4;
  2938. left: 50%;
  2939. top: 50%;
  2940. font-size:2em;
  2941. width: 2em;
  2942. height: 2em;
  2943. line-height: 2em;
  2944. text-align:center;
  2945. text-indent: 6px;
  2946. cursor: pointer;
  2947. overflow:hidden;
  2948. background-color: rgba(0,0,0,0.5);
  2949. border: none;
  2950. -webkit-border-radius: 50%;
  2951. -ms-border-radius: 50%;
  2952. border-radius: 50%;
  2953. /* Bad antialias on Webkit, use negative margin instead*/
  2954. -webkit-transform:translateX(-50%) translateY(-50%);
  2955. -ms-transform:translateX(-50%) translateY(-50%);
  2956. transform:translateX(-50%) translateY(-50%);
  2957. margin: 0;
  2958. -webkit-transition: all ease .3s;
  2959. -ms-transition: all ease .3s;
  2960. transition: all ease .3s;
  2961. opacity: 1;
  2962. }
  2963. .trx_addons_video_player.with_cover:hover .video_hover,
  2964. .format-video .post_featured.with_thumb:hover .post_video_hover,
  2965. .mobile_layout .trx_addons_video_player.with_cover .video_hover,
  2966. .mobile_layout .format-video .post_featured.with_thumb .post_video_hover {
  2967. margin-top:0;
  2968. }
  2969. .trx_addons_video_player.with_cover .video_hover,
  2970. .body_style_fullwide .format-video .post_featured.with_thumb .post_video_hover,
  2971. .post_layout_excerpt.format-video .post_featured.with_thumb .post_video_hover,
  2972. .post_layout_chess_1.format-video .post_featured.with_thumb .post_video_hover {
  2973. font-size:2.2em;
  2974. width: 3.031em;
  2975. height: 3.031em;
  2976. line-height: 3.031em;
  2977. }
  2978. .widget_video .trx_addons_video_player.with_cover .video_hover {
  2979. font-size: 2.2em;
  2980. }
  2981. .sidebar .trx_addons_video_player.with_cover .video_hover,
  2982. .footer_wrap .trx_addons_video_player.with_cover .video_hover {
  2983. font-size: 1.8em;
  2984. }
  2985. .trx_addons_video_player.with_cover .video_hover:before,
  2986. .format-video .post_featured.with_thumb .post_video_hover:before {
  2987. content: '\e944';
  2988. font-family:'fontello';
  2989. }
  2990. .format-video .post_featured.post_video_play .post_video {
  2991. opacity:1;
  2992. z-index:10;
  2993. }
  2994. .format-video .post_featured.post_video_play .mask {
  2995. opacity: 1;
  2996. background-color:#000;
  2997. }
  2998. .format-video .post_featured.post_video_play .post_video > * {
  2999. z-index:1;
  3000. }
  3001. .format-video .post_featured.post_video_play .post_video_hover {
  3002. display:none;
  3003. }
  3004.  
  3005. /* Aside, Link, Status, Quote */
  3006. .format-quote .post_content,
  3007. .format-aside .post_content,
  3008. .format-link .post_content,
  3009. .format-status .post_content {
  3010. padding: 0;
  3011. text-align:left;
  3012. }
  3013. .format-aside .post_content_inner, .post_item_single.format-aside .post_content > p,
  3014. .format-link .post_content_inner, .post_item_single.format-link .post_content > p,
  3015. .format-status .post_content_inner, .post_item_single.format-status .post_content > p {
  3016. font-size: 1.6667rem;
  3017. line-height:1.4em;
  3018. }
  3019. .format-aside .post_content_inner {
  3020. padding: 1em 1.3158em;
  3021. }
  3022. .format-quote .post_content p,
  3023. .format-aside .post_content p,
  3024. .format-link .post_content p,
  3025. .format-status .post_content p {
  3026. margin-bottom: 0;
  3027. }
  3028. .format-aside .post_content p+p,
  3029. .format-link .post_content p+p,
  3030. .format-status .post_content p+p {
  3031. margin-top:1em;
  3032. }
  3033.  
  3034. .format-aside .post_content_inner:after {
  3035. display:none;
  3036. }
  3037. .format-aside .post_content_inner + .post_meta,
  3038. .format-link .post_content_inner + .post_meta,
  3039. .format-status .post_content_inner + .post_meta {
  3040. margin-top:1.6em;
  3041. }
  3042.  
  3043. /* Chat */
  3044. .format-chat p {
  3045. margin-bottom:0;
  3046. }
  3047. .format-chat p > em,
  3048. .format-chat p > b,
  3049. .format-chat p > strong {
  3050. display:inline-block;
  3051. margin-top:1.7em;
  3052. }
  3053. .format-chat p:first-child > em,
  3054. .format-chat p:first-child > b,
  3055. .format-chat p:first-child > strong {
  3056. margin-top:0;
  3057. }
  3058.  
  3059.  
  3060.  
  3061. /* 7.6 Blog layouts
  3062. -------------------------------------------------------------- */
  3063.  
  3064. /* Excerpt */
  3065. .post_layout_excerpt {
  3066. position:relative;
  3067. margin-bottom:0;
  3068. }
  3069. .post_layout_excerpt + .post_layout_excerpt {
  3070. margin-top: 4.6rem;
  3071. }
  3072. .post_layout_excerpt:not(.sticky) + .post_layout_excerpt:not(.sticky) {
  3073. padding-top: 4.45rem;
  3074. border-top: 4px solid #eee;
  3075. }
  3076. .post_layout_excerpt.sticky {
  3077. padding: 3em;
  3078. }
  3079. .post_layout_excerpt .post_featured {
  3080. display: inline-block;
  3081. vertical-align: top;
  3082. z-index: 0;
  3083. }
  3084. .post_layout_excerpt.post_format_audio .post_featured.without_thumb,
  3085. .post_layout_excerpt.post_format_gallery .post_featured.without_thumb {
  3086. display:block;
  3087. }
  3088. .post_layout_excerpt .post_header {
  3089. margin: 0 0 0;
  3090. position:relative;
  3091. }
  3092. .post_layout_excerpt .post_header .post_price {
  3093. position: absolute;
  3094. z-index:1;
  3095. right: 0;
  3096. top: 0;
  3097. width: auto;
  3098. font-size: 2.5em;
  3099. line-height: 1.5em;
  3100. }
  3101. .post_layout_excerpt .post_title {
  3102. margin: 0;
  3103. font-size: 2em;
  3104. font-weight: 600;
  3105. font-style: italic;
  3106. text-transform: uppercase;
  3107. line-height: 1.1em;
  3108. }
  3109.  
  3110. .post_layout_excerpt .post_meta + .post_title {
  3111. margin-top: 0.5em;
  3112. }
  3113.  
  3114. .post_layout_excerpt .post_meta {
  3115. margin-top: 0;
  3116. }
  3117. .post_layout_excerpt .post_content {
  3118. margin-top:1.25rem;
  3119. }
  3120. .post_layout_excerpt.format-quote .post_content,
  3121. .post_layout_excerpt.format-aside .post_content {
  3122. margin-top:1.6em;
  3123. }
  3124. .post_layout_excerpt .more-link {
  3125. margin-top:2rem;
  3126. }
  3127.  
  3128. /* Masonry and Classic */
  3129. .posts_container.columns_wrap {
  3130. display:flex;
  3131. flex-wrap:wrap;
  3132. }
  3133. .posts_container.columns_wrap .post_layout_classic {
  3134. display:inline-block;
  3135. vertical-align:top;
  3136. width:100%;
  3137. height: 100%;
  3138. -webkit-box-sizing: border-box;
  3139. -ms-box-sizing: border-box;
  3140. box-sizing: border-box;
  3141. }
  3142.  
  3143. .post_layout_classic {
  3144. position:relative;
  3145. }
  3146. .post_layout_classic .post_featured {
  3147. z-index: 0;
  3148. }
  3149. .post_layout_classic .post_featured img {
  3150. width: 100%;
  3151. }
  3152. .post_layout_classic .post_header {
  3153. padding-top:0.1px;
  3154. }
  3155. .post_layout_classic .post_title {
  3156. margin: 0;
  3157. }
  3158. .post_layout_classic .post_title+.post_meta {
  3159. margin-top:0.5em;
  3160. }
  3161. .post_layout_classic blockquote {
  3162. margin-left:0;
  3163. margin-right:0;
  3164. }
  3165. .post_layout_classic .post_header + .post_content {
  3166. padding-top: 1em;
  3167. }
  3168. .post_layout_classic.format-aside .post_content_inner + .post_meta,
  3169. .post_layout_classic.format-link .post_content_inner + .post_meta,
  3170. .post_layout_classic.format-status .post_content_inner + .post_meta {
  3171. margin-top:1em;
  3172. }
  3173. /* First post large in the Classic and Masonry */
  3174. body[class*="blog_style_classic"] .post_layout_excerpt,
  3175. body[class*="blog_style_masonry"] .post_layout_excerpt {
  3176. margin-bottom: 3em;
  3177. }
  3178.  
  3179. .post_format_link .post_content_inner > h5{
  3180. margin-top: 0;
  3181. }
  3182.  
  3183. /* Chess */
  3184. .chess_wrap {
  3185. overflow:hidden;
  3186. }
  3187. .post_layout_chess {
  3188. position:relative;
  3189. overflow:hidden;
  3190. margin-bottom:0;
  3191. }
  3192. .post_layout_chess.sticky {
  3193. padding:0;
  3194. border-width: 0;
  3195. }
  3196. .post_layout_chess .label_sticky {
  3197. top: -12px;
  3198. left: -12px;
  3199. right: auto;
  3200. -webkit-transform: rotate(135deg);
  3201. -ms-transform: rotate(135deg);
  3202. transform: rotate(135deg);
  3203. }
  3204. .post_layout_chess .post_featured {
  3205. margin-bottom:0;
  3206. width: 50%;
  3207. float: right;
  3208. max-height:none !important;
  3209. }
  3210. .post_layout_chess .post_featured_bg:before {
  3211. padding-top: 100%; /* 112.5% - 16:9 */
  3212. }
  3213. .post_layout_chess .post_inner {
  3214. width: 50%;
  3215. position:absolute;
  3216. left:0;
  3217. top: 50%;
  3218. -webkit-transform: translateY(-50%);
  3219. -ms-transform: translateY(-50%);
  3220. transform: translateY(-50%);
  3221. }
  3222. .post_layout_chess blockquote {
  3223. margin:0;
  3224. }
  3225. .post_layout_chess_1 .post_inner_content {
  3226. padding: 0 14%;
  3227. }
  3228. .post_layout_chess_2 .post_inner_content {
  3229. padding: 0 12%;
  3230. }
  3231. .post_layout_chess_3 .post_inner_content {
  3232. padding: 0 10%;
  3233. }
  3234. .post_layout_chess .post_header {
  3235. padding-top:0.1px;
  3236. }
  3237. .post_layout_chess .post_title {
  3238. margin: 0;
  3239. }
  3240. .post_layout_chess .post_meta {
  3241. margin-top: 1em;
  3242. margin-bottom: 0 !important;
  3243. }
  3244. .post_layout_chess .post_header + .post_content {
  3245. margin-top:1em;
  3246. }
  3247. .post_layout_chess .post_content_inner {
  3248. overflow:hidden;
  3249. position:relative;
  3250. padding-bottom: 1em;
  3251. }
  3252. .post_layout_chess:not(.post_format_aside) .post_content_inner {
  3253. padding-top: 0;
  3254. }
  3255. .post_layout_chess .post_content_inner:after {
  3256. content:' ';
  3257. position:absolute;
  3258. bottom:0;
  3259. left:0;
  3260. width:100%;
  3261. height: 1em;
  3262. }
  3263.  
  3264. .post_layout_chess_1.post_format_quote .post_content_inner .post_meta,
  3265. .post_layout_chess_1.post_format_link .post_content_inner .post_meta,
  3266. .post_layout_chess_1.post_format_status .post_content_inner .post_meta {
  3267. margin-top: 1rem;
  3268. }
  3269. .post_layout_chess_1.post_format_aside .post_content_inner .post_meta {
  3270. margin-top: 3rem;
  3271. }
  3272. .post_layout_chess_1 .post_header + .post_content {
  3273. margin-top:3.8rem;
  3274. }
  3275. .post_layout_chess_1 .more-link {
  3276. margin-top: 3rem;
  3277. }
  3278.  
  3279. .post_layout_chess_1.post_format_quote .post_header,
  3280. .post_layout_chess_1.post_format_link .post_header,
  3281. .post_layout_chess_1.post_format_aside .post_header,
  3282. .post_layout_chess_1.post_format_status .post_header,
  3283. .post_layout_chess_2.post_format_quote .post_header,
  3284. .post_layout_chess_2.post_format_link .post_header,
  3285. .post_layout_chess_2.post_format_aside .post_header,
  3286. .post_layout_chess_2.post_format_status .post_header {
  3287. display:none;
  3288. }
  3289.  
  3290. .post_layout_chess_2 .post_title {
  3291. font-size:1.6rem;
  3292. }
  3293. .post_layout_chess_2:not(.post_format_quote):not(.post_format_link):not(.post_format_aside):not(.post_format_status) .post_content_inner {
  3294. font-size:0.9333rem;
  3295. line-height:1.5em;
  3296. max-height: 15.4em;
  3297. }
  3298. .post_layout_chess_2 .post_meta,
  3299. .post_layout_chess_3 .post_meta {
  3300. font-size: 13px;
  3301. line-height:18px;
  3302. margin-top: 8px;
  3303. }
  3304. .post_layout_chess_2.post_format_aside .post_meta {
  3305. margin-top: 1.3333rem;
  3306. }
  3307. .post_layout_chess_2.post_format_audio .post_featured .post_audio_title,
  3308. .post_layout_chess_3.post_format_audio .post_featured .post_audio_title {
  3309. letter-spacing:0;
  3310. }
  3311. .post_layout_chess_2.format-chat p > em, .post_layout_chess_2.format-chat p > b, .post_layout_chess_2.format-chat p > strong {
  3312. margin-top:0.8em;
  3313. }
  3314. .post_layout_chess_2 .more-link {
  3315. margin-top: 1.5rem;
  3316. }
  3317. .post_layout_chess_2 .more-link,
  3318. .post_layout_chess_3 .more-link {
  3319. padding: 1.1667em 2.3333em;
  3320. letter-spacing:2px;
  3321. }
  3322.  
  3323. .post_layout_chess_3 .post_title {
  3324. font-size:1.3333rem;
  3325. line-height:1.2em;
  3326. }
  3327. .post_layout_chess_3 .post_content_inner {
  3328. font-size:0.8667rem;
  3329. line-height:1.3486em;
  3330. max-height: 6.2rem;
  3331. }
  3332. .post_layout_chess_3 .post_content_inner,
  3333. .post_layout_chess_3 .post_content_inner + .post_meta {
  3334. display:none;
  3335. }
  3336. .post_layout_chess_3 .more-link {
  3337. margin-top: 1rem;
  3338. padding: 1em 2em;
  3339. }
  3340.  
  3341. .post_layout_chess_1:nth-child(2n+2) .post_featured { float:left; }
  3342. .post_layout_chess_1:nth-child(2n+2) .post_inner { left: auto; right:0; }
  3343.  
  3344. .post_layout_chess_2 { width: 50%; float:left; }
  3345. .post_layout_chess_2:nth-child(4n+3) .post_featured,
  3346. .post_layout_chess_2:nth-child(4n+4) .post_featured { float:left; }
  3347. .post_layout_chess_2:nth-child(4n+3) .post_inner,
  3348. .post_layout_chess_2:nth-child(4n+4) .post_inner { left: auto; right:0; }
  3349.  
  3350. .post_layout_chess_3 { width: 33.3333%; float:left; }
  3351. .post_layout_chess_3:nth-child(6n+4) .post_featured,
  3352. .post_layout_chess_3:nth-child(6n+5) .post_featured,
  3353. .post_layout_chess_3:nth-child(6n+6) .post_featured { float:left; }
  3354. .post_layout_chess_3:nth-child(6n+4) .post_inner,
  3355. .post_layout_chess_3:nth-child(6n+5) .post_inner,
  3356. .post_layout_chess_3:nth-child(6n+6) .post_inner { left: auto; right:0; }
  3357.  
  3358.  
  3359.  
  3360. /* Portfolio */
  3361. .post_layout_portfolio .post_title {
  3362. margin: 1em 0 0.4em;
  3363. }
  3364. .post_layout_portfolio .post_featured {
  3365. margin-bottom:0;
  3366. }
  3367. .post_layout_portfolio .post_featured img {
  3368. width: 100%;
  3369. }
  3370.  
  3371.  
  3372. /* This way use masonry.js script to build masonry layout and work properly in any browsers!
  3373. ---------------------------------------------------------------------------------------------------------- */
  3374. .masonry_wrap,
  3375. .portfolio_wrap {
  3376. position:relative;
  3377. margin-right:-30px;
  3378. }
  3379. .masonry_wrap .masonry_item,
  3380. .post_layout_portfolio {
  3381. position:relative;
  3382. display: inline-block;
  3383. vertical-align:top;
  3384. padding:0 30px 30px 0;
  3385. margin-bottom:0;
  3386. width: 50%;
  3387. border-width: 0;
  3388. -webkit-box-sizing: border-box;
  3389. -ms-box-sizing: border-box;
  3390. box-sizing: border-box;
  3391. }
  3392. .masonry_wrap .masonry_item {
  3393. padding-bottom: 0;
  3394. }
  3395. .masonry_wrap .post_layout_masonry {
  3396. margin-bottom: 3em;
  3397. }
  3398. .post_layout_portfolio .label_sticky {
  3399. top: -12px;
  3400. left: -12px;
  3401. right:auto;
  3402. -webkit-transform: rotate(135deg);
  3403. -ms-transform: rotate(135deg);
  3404. transform: rotate(135deg);
  3405. }
  3406. .masonry_wrap .masonry_item-1_3,
  3407. .portfolio_wrap.portfolio_3 .post_layout_portfolio {
  3408. width: 33.3333%;
  3409. }
  3410. .masonry_wrap .masonry_item-1_4,
  3411. .portfolio_wrap.portfolio_4 .post_layout_portfolio {
  3412. width: 25%;
  3413. }
  3414.  
  3415. /* Gallery */
  3416. .post_layout_gallery * {
  3417. -webkit-box-sizing: border-box;
  3418. -ms-box-sizing: border-box;
  3419. box-sizing: border-box;
  3420. }
  3421. .post_layout_gallery .post_details {
  3422. display:none;
  3423. }
  3424. .gallery_item_current {
  3425. opacity: 0 !important;
  3426. }
  3427. .gallery_preview {
  3428. position: fixed;
  3429. z-index: 200000;
  3430. top: 0;
  3431. left: 0;
  3432. display: -webkit-flex;
  3433. display: -ms-flex;
  3434. display: flex;
  3435. -ms-flex-pack: center;
  3436. -webkit-justify-content: center;
  3437. justify-content: center;
  3438. -ms-flex-line-pack: center;
  3439. -webkit-align-content: center;
  3440. align-content: center;
  3441. -ms-flex-align: center;
  3442. -webkit-align-items: center;
  3443. align-items: center;
  3444. width: 50%;
  3445. height: 100%;
  3446. pointer-events: none;
  3447. }
  3448. .gallery_preview:before {
  3449. content: ' ';
  3450. position: fixed;
  3451. top: 0;
  3452. left: 0;
  3453. width: 100%;
  3454. height: 100%;
  3455. opacity: 0;
  3456. -webkit-transition: opacity 0.6s;
  3457. -ms-transition: opacity 0.6s;
  3458. transition: opacity 0.6s;
  3459. }
  3460. .gallery_preview_show {
  3461. pointer-events: auto;
  3462. }
  3463. .gallery_preview_show:before {
  3464. opacity: 1;
  3465. }
  3466.  
  3467. .gallery_preview_image_clone {
  3468. position: fixed;
  3469. z-index: 110;
  3470. -webkit-transition: -webkit-transform 0.5s;
  3471. -ms-transition: -ms-transform 0.5s;
  3472. transition: transform 0.5s;
  3473. -webkit-backface-visibility: hidden;
  3474. }
  3475. .gallery_preview_image_original {
  3476. position: relative;
  3477. z-index: 120;
  3478. display: block;
  3479. object-fit: contain;
  3480. -webkit-transition: opacity 0.2s;
  3481. -ms-transition: opacity 0.2s;
  3482. transition: opacity 0.2s;
  3483. -webkit-backface-visibility: hidden;
  3484. }
  3485.  
  3486. .gallery_preview_show .gallery_preview_image_animate { /* open */
  3487. -webkit-transition: -webkit-transform 0.6s, opacity 0.2s;
  3488. -ms-transition: -ms-transform 0.6s, opacity 0.2s;
  3489. transition: transform 0.6s, opacity 0.2s;
  3490. }
  3491. .gallery_preview_image_animate { /* close */
  3492. -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  3493. -ms-transition: -ms-transform 0.3s, opacity 0.2s;
  3494. transition: transform 0.3s, opacity 0.2s;
  3495. }
  3496.  
  3497. .gallery_preview_description {
  3498. position: absolute;
  3499. z-index: 140;
  3500. width: 100%;
  3501. left: 100%;
  3502. top: 0;
  3503. height: 100%;
  3504. padding: 0 3em;
  3505. -webkit-box-sizing: border-box;
  3506. -ms-box-sizing: border-box;
  3507. box-sizing: border-box;
  3508. display: -webkit-flex;
  3509. display: -ms-flex;
  3510. display: flex;
  3511. -webkit-flex-direction: column;
  3512. -ms-flex-direction: column;
  3513. flex-direction: column;
  3514. -ms-flex-pack: center;
  3515. -webkit-justify-content: center;
  3516. justify-content: center;
  3517. -ms-flex-align: start;
  3518. -webkit-align-items: flex-start;
  3519. align-items: flex-start;
  3520. opacity: 0;
  3521. -webkit-transition: opacity 1s, -webkit-transform 1s;
  3522. -ms-transition: opacity 1s, -webkit-transform 1s;
  3523. transition: opacity 1s, transform 1s;
  3524. -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  3525. -ms-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  3526. transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  3527. -webkit-transform: translate3d(0, 30px, 0);
  3528. -ms-transform: translate3d(0, 30px, 0);
  3529. transform: translate3d(0, 30px, 0);
  3530. }
  3531.  
  3532. .gallery_preview_show .gallery_preview_description {
  3533. opacity: 1;
  3534. -webkit-transition-delay: 0.2s;
  3535. transition-delay: 0.2s;
  3536. -webkit-transform: translate3d(0, 0, 0);
  3537. transform: translate3d(0, 0, 0);
  3538. }
  3539.  
  3540. .gallery_preview_show .post_title {
  3541. margin: 0 0 0.5em;
  3542. }
  3543. .gallery_preview_show .post_meta {
  3544. font-size:1em;
  3545. line-height:1.3em;
  3546. margin-top:0;
  3547. margin-bottom:2em;
  3548. }
  3549. .gallery_preview_show .post_description_content {
  3550. max-width: 100%;
  3551. font-size:1.1429em;
  3552. line-height: 2em;
  3553. }
  3554.  
  3555. .gallery_preview_close {
  3556. font-size: 2em;
  3557. margin: 0;
  3558. padding: 0;
  3559. cursor: pointer;
  3560. vertical-align: top;
  3561. border: none;
  3562. background: none;
  3563. position: fixed;
  3564. z-index: 150;
  3565. top: 0;
  3566. right: 0;
  3567. padding: 1em;
  3568. opacity: 0;
  3569. -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  3570. -ms-transition: opacity 0.3s, -webkit-transform 0.3s;
  3571. transition: opacity 0.3s, transform 0.3s;
  3572. -webkit-transform: scale3d(0.6, 0.6, 1);
  3573. -ms-transform: scale3d(0.6, 0.6, 1);
  3574. transform: scale3d(0.6, 0.6, 1);
  3575. }
  3576. .gallery_preview_image_loaded .gallery_preview_close {
  3577. opacity: 1;
  3578. -webkit-transform: scale3d(1, 1, 1);
  3579. -ms-transform: scale3d(1, 1, 1);
  3580. transform: scale3d(1, 1, 1);
  3581. }
  3582.  
  3583.  
  3584.  
  3585. /* 7.7 Paginations
  3586. -------------------------------------------------------------- */
  3587.  
  3588. /* Blog pagination: Load more anf Infinite */
  3589. .nav-links-more {
  3590. text-transform:uppercase;
  3591. letter-spacing:1px;
  3592. text-align:center;
  3593. }
  3594. .blog_style_excerpt .nav-links-more {
  3595. margin-top: 2em;
  3596. }
  3597. .nav-links-more.nav-links-infinite {
  3598. display:none;
  3599. }
  3600. .nav-links-more a {
  3601. display:inline-block;
  3602. padding-top: 2em;
  3603. position:relative;
  3604. }
  3605. .nav-links-more a:before {
  3606. content: '\e929';
  3607. font-family:'fontello';
  3608. font-size:1.6em;
  3609. display:block;
  3610. text-align:center;
  3611. font-weight:normal;
  3612. position:absolute;
  3613. top:0;
  3614. left:50%;
  3615. margin-left:-0.5em;
  3616. width:1em;
  3617. height: 1em;
  3618. line-height:1em;
  3619. }
  3620. .nav-links-more a:hover {
  3621. -webkit-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2);
  3622. -ms-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2);
  3623. animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2);
  3624. }
  3625. .nav-links-more.loading a:before {
  3626. content: '\e810';
  3627. -webkit-animation: spin 2s infinite linear;
  3628. -ms-animation: spin 2s infinite linear;
  3629. animation: spin 2s infinite linear;
  3630. }
  3631. .nav-links-infinite a span {
  3632. opacity: 0;
  3633. }
  3634. .nav-links-infinite.loading {
  3635. display: block;
  3636. }
  3637.  
  3638. /* Blog pagination: Prev/Next links */
  3639. .nav-links-old {
  3640. overflow:hidden;
  3641. font-size: 0.9333em;
  3642. text-transform:uppercase;
  3643. letter-spacing:1px;
  3644. margin-top: 3em;
  3645. }
  3646. body[class*="blog_style_portfolio"] .nav-links-old,
  3647. body[class*="blog_style_classic"] .nav-links-old {
  3648. margin-top:1.3em;
  3649. }
  3650. .nav-links-old .nav-prev a:before,
  3651. .nav-links-old .nav-next a:after {
  3652. font-family:'fontello';
  3653. display:inline;
  3654. font-weight:normal;
  3655. position:absolute;
  3656. top:0;
  3657. }
  3658. .nav-links-old .nav-prev {
  3659. float:left;
  3660. position:relative;
  3661. padding-left: 2em;
  3662. }
  3663. .nav-links-old .nav-prev a:before {
  3664. content: '\e939';
  3665. left: 0;
  3666. }
  3667. .nav-links-old .nav-next {
  3668. float:right;
  3669. position:relative;
  3670. padding-right:2em;
  3671. }
  3672. .nav-links-old .nav-next a:after {
  3673. content: '\e93a';
  3674. right: 0;
  3675. }
  3676. .nav-links-old a {
  3677. border-bottom: 1px dotted transparent;
  3678. }
  3679.  
  3680. /* Blog pagination: Page numbers */
  3681. div.esg-pagination,
  3682. .woocommerce nav.woocommerce-pagination ul,
  3683. .comments_pagination,
  3684. .nav-links,
  3685. .page_links {
  3686. font-size: 1em;
  3687. text-transform:uppercase;
  3688. padding-top: 2.5em;
  3689. text-align:center;
  3690. border:none;
  3691. list-style-type:none;
  3692. clear: both;
  3693. }
  3694. .woocommerce nav.woocommerce-pagination ul{
  3695. padding-top: 0.35em;
  3696. vertical-align: middle;
  3697. }
  3698. .nav-links {
  3699. margin-top: 4.5em;
  3700. padding-top: 4.5em;
  3701. border-top: 4px solid #ddd;
  3702. }
  3703. .page_links .page_links_title {
  3704. margin-right: 1em;
  3705. }
  3706. div.esg-pagination .esg-pagination-button,
  3707. .woocommerce nav.woocommerce-pagination ul li a,
  3708. .woocommerce nav.woocommerce-pagination ul li span.current,
  3709. .page_links > span:not(.page_links_title),
  3710. .page_links > a,
  3711. .comments_pagination .page-numbers,
  3712. .nav-links .page-numbers {
  3713. font-size: 0.889em;
  3714. font-style:italic;
  3715. font-weight: 600;
  3716. display:inline-block;
  3717. vertical-align:top;
  3718. width: 4.375em;
  3719. height: 4.375em;
  3720. line-height: 4.475em;
  3721. text-align:center;
  3722. margin-right:0.38em;
  3723. padding: 0;
  3724. border: none;
  3725. -webkit-border-radius: 60px;
  3726. -ms-border-radius: 60px;
  3727. border-radius: 60px;
  3728. -webkit-transition: all .3s ease;
  3729. -ms-transition: all .3s ease;
  3730. transition: all .3s ease;
  3731. }
  3732. .woocommerce nav.woocommerce-pagination ul li {
  3733. border: none;
  3734. display:inline-block;
  3735. margin:0 0.6667em 0 0;
  3736. padding-bottom: 1px;
  3737. }
  3738. .woocommerce nav.woocommerce-pagination ul li a,
  3739. .woocommerce nav.woocommerce-pagination ul li span.current {
  3740. margin-right: 0;
  3741. }
  3742. div.esg-pagination .esg-pagination-button:hover,
  3743. div.esg-pagination .esg-pagination-button.selected {
  3744. -webkit-box-shadow: none;
  3745. -ms-box-shadow: none;
  3746. box-shadow: none;
  3747. }
  3748. .comments_pagination .page-numbers.prev,
  3749. .comments_pagination .page-numbers.next {
  3750. width: auto;
  3751. padding: 0 2em;
  3752. }
  3753. .nav-links .page-numbers.prev,
  3754. .nav-links .page-numbers.next,
  3755. .woocommerce nav.woocommerce-pagination ul li a.prev,
  3756. .woocommerce nav.woocommerce-pagination ul li a.next {
  3757. text-indent: 100px;
  3758. overflow:hidden;
  3759. position:relative;
  3760. }
  3761. .nav-links .page-numbers.prev:before,
  3762. .nav-links .page-numbers.next:before,
  3763. .woocommerce nav.woocommerce-pagination ul li a.prev:before,
  3764. .woocommerce nav.woocommerce-pagination ul li a.next:before {
  3765. font-family:'fontello';
  3766. font-style: normal;
  3767. position: absolute;
  3768. z-index:1;
  3769. left: 0;
  3770. top: 0;
  3771. width: 100%;
  3772. text-align: center;
  3773. text-indent: 0;
  3774. }
  3775. .nav-links .page-numbers.prev:before,
  3776. .woocommerce nav.woocommerce-pagination ul li a.prev:before {
  3777. content:'\e95b';
  3778. }
  3779. .nav-links .page-numbers.next:before,
  3780. .woocommerce nav.woocommerce-pagination ul li a.next:before {
  3781. content:'\e958';
  3782. }
  3783.  
  3784.  
  3785. /* Single page Prev/Next navigation */
  3786. .nav-links-single .nav-links {
  3787. font-size:0.8667em;
  3788. text-align: left;
  3789. margin-top: 7.8rem;
  3790. padding-top: 7.6rem;
  3791. border-top: 1px solid #ddd;
  3792. overflow:hidden;
  3793. text-transform:none;
  3794. }
  3795. .nav-links-single .nav-links a {
  3796. display:block;
  3797. position:relative;
  3798. min-height: 5em;
  3799. z-index:1;
  3800. }
  3801. .nav-links-single .nav-links a .nav-arrow {
  3802. width:5em;
  3803. height:4.6em;
  3804. line-height:4.6em;
  3805. overflow:hidden;
  3806. text-align:center;
  3807. position:absolute;
  3808. top:0;
  3809. left: 0;
  3810. border: 1px dotted transparent;
  3811. background-size:cover;
  3812. background-repeat:no-repeat;
  3813. background-position:center center;
  3814. }
  3815. .nav-links-single .nav-links a .nav-arrow:before {
  3816. content: ' ';
  3817. display:block;
  3818. position:absolute;
  3819. z-index:1;
  3820. left: 0;
  3821. top: 0;
  3822. width: 100%;
  3823. height: 100%;
  3824. background-color:#fff;
  3825. opacity:0;
  3826. -webkit-transition: all ease .3s;
  3827. -ms-transition: all ease .3s;
  3828. transition: all ease .3s;
  3829. }
  3830. .nav-links-single .nav-links a:hover .nav-arrow:before {
  3831. opacity:0.5;
  3832. }
  3833. .nav-links-single .nav-links a .nav-arrow:after {
  3834. content: '\e939';
  3835. font-family: 'fontello';
  3836. display:inline-block;
  3837. position:relative;
  3838. z-index:2;
  3839. top: 3em;
  3840. opacity:0;
  3841. color: #292929;
  3842. -webkit-transition: all ease .3s;
  3843. -ms-transition: all ease .3s;
  3844. transition: all ease .3s;
  3845. }
  3846. .nav-links-single .nav-links a:hover .nav-arrow:after {
  3847. top: 0;
  3848. opacity:1;
  3849. }
  3850.  
  3851. .nav-links-single .nav-links .nav-next a .nav-arrow {
  3852. right: 0;
  3853. left: auto;
  3854. }
  3855. .nav-links-single .nav-links .nav-next a .nav-arrow:after {
  3856. content: '\e93a';
  3857. }
  3858.  
  3859. .nav-links-single .nav-links .nav-previous,
  3860. .nav-links-single .nav-links .nav-next {
  3861. width:50%;
  3862. -webkit-box-sizing: border-box;
  3863. -ms-box-sizing: border-box;
  3864. box-sizing: border-box;
  3865. }
  3866. .nav-links-single .nav-links .nav-previous {
  3867. float:left;
  3868. text-align:left;
  3869. padding-right:15px;
  3870. }
  3871. .nav-links-single .nav-links .nav-previous a {
  3872. padding-left: 6.5em;
  3873. }
  3874. .nav-links-single .nav-links .nav-previous .post-title {
  3875. text-align:left;
  3876. }
  3877.  
  3878. .nav-links-single .nav-links .nav-next {
  3879. float:right;
  3880. text-align:right;
  3881. padding-left:15px;
  3882. }
  3883. .nav-links-single .nav-links .nav-next a {
  3884. padding-right: 6.5em;
  3885. }
  3886. .nav-links-single .nav-links .nav-next .post-title {
  3887. text-align:right;
  3888. }
  3889.  
  3890. .nav-links-single .nav-links .post-title,
  3891. .nav-links-single .nav-links .post_date {
  3892. -webkit-transition: all ease-in-out .3s;
  3893. -ms-transition: all ease-in-out .3s;
  3894. transition: all ease-in-out .3s;
  3895. }
  3896. .nav-links-single .nav-links .post-title {
  3897. margin:0 0 0.3em;
  3898. }
  3899. .nav-links-single .nav-links .meta-nav,
  3900. .nav-links-single .nav-links .post_date {
  3901. font-size:0.9286em;
  3902. font-weight:normal;
  3903. }
  3904.  
  3905.  
  3906. /* Attachments navigation */
  3907. .image-navigation .nav-previous,
  3908. .image-navigation .nav-next {
  3909. float:none;
  3910. width:auto;
  3911. text-align:left;
  3912. padding:0;
  3913. margin:0;
  3914. position: absolute;
  3915. left: 1.5em;
  3916. top: 50%;
  3917. -webkit-transform: translateY(-50%);
  3918. -ms-transform: translateY(-50%);
  3919. transform: translateY(-50%);
  3920. }
  3921. .image-navigation .nav-next {
  3922. left: auto;
  3923. right: 1.5em;
  3924. text-align:right;
  3925. }
  3926. .image-navigation .nav-previous a,
  3927. .image-navigation .nav-next a {
  3928. display:block;
  3929. padding: 1.1em 1em;
  3930. width: 0;
  3931. max-width:20em;
  3932. overflow:hidden;
  3933. text-overflow:ellipsis;
  3934. white-space:nowrap;
  3935. background-color:rgba(0,0,0,0);
  3936. border:1px solid rgba(0,0,0,0);
  3937. color: #fff;;
  3938. -webkit-border-radius: 2em;
  3939. -ms-border-radius: 2em;
  3940. border-radius: 2em;
  3941. }
  3942. .image-navigation .nav-previous a:hover,
  3943. .image-navigation .nav-next a:hover {
  3944. width: auto;
  3945. color: #fff;;
  3946. background-color:rgba(0,0,0,0.6);
  3947. border-color:rgba(0,0,0,0.6);
  3948. }
  3949. .image-navigation .nav-previous a:hover {
  3950. padding-left:3.5em;
  3951. }
  3952. .image-navigation .nav-next a:hover {
  3953. padding-right:3.5em;
  3954. }
  3955. .image-navigation .nav-previous a:after,
  3956. .image-navigation .nav-next a:after {
  3957. content: '\e8ef';
  3958. font-family: "fontello";
  3959. -webkit-border-radius: 50%;
  3960. -ms-border-radius: 50%;
  3961. border-radius: 50%;
  3962. position: absolute;
  3963. text-align: center;
  3964. left: 0;
  3965. top: 50%;
  3966. -webkit-transform:translateY(-50%);
  3967. -ms-transform:translateY(-50%);
  3968. transform:translateY(-50%);
  3969. width:4em;
  3970. height:4em;
  3971. line-height:4em;
  3972. border: 1px solid #000;
  3973. background-color: #333;
  3974. color: #fff;
  3975. }
  3976. .image-navigation .nav-next a:after {
  3977. content: '\e8f0';
  3978. left: auto;
  3979. right: 0;
  3980. }
  3981. .image-navigation .nav-previous a:hover:after,
  3982. .image-navigation .nav-next a:hover:after {
  3983. border-color: transparent;
  3984. background-color: transparent;
  3985. }
  3986.  
  3987.  
  3988.  
  3989. /* 8. Single page parts
  3990. -------------------------------------------------------------- */
  3991. .structured_data_snippets { display: none; }
  3992.  
  3993. .post_item_single.format-aside .post_content,
  3994. .post_item_single.format-link .post_content,
  3995. .post_item_single.format-status .post_content {
  3996. padding: 0;
  3997. text-align:left;
  3998. }
  3999. .post_item_single.format-quote .post_content {
  4000. background-color:transparent;
  4001. padding-top:0;
  4002. }
  4003. .post_item_single .post_content .mejs-container {
  4004. margin-bottom:1em;
  4005. height: 50px !important;
  4006. }
  4007.  
  4008.  
  4009.  
  4010. /* 8.1 Post header
  4011. ------------------------------------------------------ */
  4012. .post_item_single > .post_featured {
  4013. margin-bottom:2.35em;
  4014. text-align:center;
  4015. }
  4016. .post_item_single > .post_featured > img {
  4017. width: auto;
  4018. }
  4019. .post_featured.post_attachment {
  4020. margin-bottom: 0.5em;
  4021. }
  4022. .entry-caption {
  4023. text-align:center;
  4024. font-style:italic;
  4025. }
  4026. .post_item_single .post_header {
  4027. margin-bottom:1.6em;
  4028. }
  4029. .post_item_single .post_header .post_meta{
  4030. margin-top: 0;
  4031. }
  4032. .post_item_single .post_content > h1:first-child,
  4033. .post_item_single .post_content > h2:first-child,
  4034. .post_item_single .post_content > h3:first-child,
  4035. .post_item_single .post_content > h4:first-child,
  4036. .post_item_single .post_content > h5:first-child,
  4037. .post_item_single .post_content > h6:first-child,
  4038. .post_item_single .post_content > .vc_row:first-child h1:first-child,
  4039. .post_item_single .post_content > .vc_row:first-child h2:first-child,
  4040. .post_item_single .post_content > .vc_row:first-child h3:first-child,
  4041. .post_item_single .post_content > .vc_row:first-child h4:first-child,
  4042. .post_item_single .post_content > .vc_row:first-child h5:first-child,
  4043. .post_item_single .post_content > .vc_row:first-child h6:first-child,
  4044. .post_item_single .post_title {
  4045. margin-top:-0.2em;
  4046. }
  4047. .post_item_single .post_header .post_title {
  4048. margin-bottom: 0;
  4049. }
  4050.  
  4051.  
  4052. /* 8.2 Post footer
  4053. ------------------------------------------------------ */
  4054. .post_item_single .post_content > .post_meta_single {
  4055. font-size:12px;
  4056. line-height:1.375em;
  4057. margin-top: 3.8em;
  4058. letter-spacing:0;
  4059. overflow:hidden;
  4060. clear: both;
  4061. }
  4062. .post_item_single .post_content > .post_meta_single .post_tags {
  4063. float:left;
  4064. display:block;
  4065. max-width:55%;
  4066. margin-top:1em;
  4067. letter-spacing: 0.7px;
  4068. }
  4069. .post_item_single .post_content .post_tags .post_meta_label {
  4070. letter-spacing: 0;
  4071. margin-right: 6px;
  4072. }
  4073. .post_item_single .post_content > .post_meta_single .post_tags:after {
  4074. display: none;
  4075. }
  4076. .post_item_single .post_content > .post_meta_single .post_tags a{
  4077. font-size: 10px;
  4078. line-height: 14px;
  4079. font-weight: 700;
  4080. display: inline-block;
  4081. vertical-align: baseline;
  4082. padding: 5px 15px 3px;
  4083. margin: 0 3px 5px 0;
  4084. letter-spacing: 0.5px;
  4085. text-transform: uppercase;
  4086. -webkit-border-radius: 35px;
  4087. -ms-border-radius: 35px;
  4088. border-radius: 35px;
  4089. }
  4090.  
  4091. /* Social share in the single post/page */
  4092. .post_item_single .post_content > .post_meta_single .post_share {
  4093. float: right;
  4094. display:block;
  4095. max-width:40%;
  4096. }
  4097. .post_item_single .post_content > .post_meta_single .post_share:before {
  4098. display:none;
  4099. }
  4100. .post_item_single .post_content > .post_meta_single .post_share .social_item {
  4101. margin: 0 0 0.5em 0.5em;
  4102. }
  4103. .post_item_single .post_content > .post_meta_single .post_share .social_item .social_icon {
  4104. font-size: 15px;
  4105. display:block;
  4106. width: 2.25em;
  4107. height: 2.25em;
  4108. line-height: 2.35em;
  4109. text-align:center;
  4110. }
  4111.  
  4112.  
  4113.  
  4114. /* 8.3 Post author
  4115. ------------------------------------------------------ */
  4116. .author_info {
  4117. margin-top: 4.2rem;
  4118. padding: 3.1rem 3.2rem 2.8rem;
  4119. position:relative;
  4120. -webkit-border-radius: 35px;
  4121. -ms-border-radius: 35px;
  4122. border-radius: 35px;
  4123. }
  4124. .author_avatar {
  4125. width: 7.778rem;
  4126. height: 7.778rem;
  4127. position: absolute;
  4128. left: 3.35rem;
  4129. top: 3.35rem;
  4130. -webkit-border-radius: 50%;
  4131. -ms-border-radius: 50%;
  4132. border-radius: 50%;
  4133. }
  4134. .author_avatar img {
  4135. width:100%;
  4136. height: auto;
  4137. -webkit-border-radius: 50%;
  4138. -ms-border-radius: 50%;
  4139. border-radius: 50%;
  4140. }
  4141. .author_description {
  4142. padding-left: 10rem;
  4143. }
  4144. .author_title {
  4145. margin-top: 0;
  4146. margin-bottom:1.2em;
  4147. }
  4148. .author_bio p {
  4149. margin:0;
  4150. }
  4151. .author_bio p+p {
  4152. margin-top:0.6em;
  4153. }
  4154. .author_bio .author_link {
  4155. font-size: 0.889em;
  4156. font-weight: 600;
  4157. font-style: italic;
  4158. letter-spacing:1.65px;
  4159. line-height: 1em;
  4160. margin-top:1.4em;
  4161. display:inline-block;
  4162. text-transform: uppercase;
  4163. }
  4164. .author_bio .author_link:after {
  4165. content: '\e958';
  4166. font-family: 'fontello';
  4167. font-style: normal;
  4168. font-size: 0.75em;
  4169. display: inline-block;
  4170. vertical-align: middle;
  4171. margin-left: 0.9em;
  4172. position: relative;
  4173. top: -1px;
  4174. }
  4175. .author_bio .socials_wrap {
  4176. margin-top: 1em;
  4177. display: none !important;
  4178. }
  4179.  
  4180. /* 8.4 Related posts
  4181. ------------------------------------------------------ */
  4182. .related_wrap {
  4183. margin-top: 4.55rem;
  4184. padding-top: 4.25rem;
  4185. border-top: 4px solid #eee;
  4186. overflow:hidden;
  4187. }
  4188. .related_wrap_title {
  4189. margin:0 0 0.85em;
  4190. text-align:left;
  4191. }
  4192. .related_wrap .related_item {
  4193. text-align:center;
  4194. position: relative;
  4195. }
  4196. .related_wrap .post_categories {
  4197. font-weight:700;
  4198. text-transform:uppercase;
  4199. font-size:12px;
  4200. }
  4201. .related_wrap .post_categories ul {
  4202. margin: 0;
  4203. padding:0;
  4204. list-style:none;
  4205. display:inline-block;
  4206. }
  4207. .related_wrap .post_categories li {
  4208. display:inline-block;
  4209. margin: 0;
  4210. }
  4211. .related_wrap .post_categories li+li {
  4212. margin-left: 0.5em;
  4213. }
  4214. .related_wrap .post_categories li:nth-child(n+3) {
  4215. display:none; /* Hide more then 2 categories */
  4216. }
  4217. .related_wrap .post_title {
  4218. margin: 0.4em 0 0;
  4219. padding: 0 4em;
  4220. }
  4221. .related_wrap .post_date {
  4222. font-size: 0.7368em;
  4223. }
  4224.  
  4225. .related_wrap .post_featured .mask{
  4226. opacity: 1 !important;
  4227. z-index: 5 !important;
  4228. }
  4229. .related_wrap .post_featured > div:not(.mask){
  4230. display: none !important;
  4231. }
  4232. .related_wrap .post_featured + .post_header{
  4233. position: absolute;
  4234. bottom: 0.65em;
  4235. left: 0;
  4236. right: 0;
  4237. padding: 0em 0em;
  4238. }
  4239. .related_wrap .post_header{
  4240. z-index: 6;
  4241. }
  4242. html:not(.js_active) .related_wrap .format-audio .post_header,
  4243. html:not(.js_active) .related_wrap .format-video .post_header{
  4244. position: relative;
  4245. bottom: 0;
  4246. }
  4247. .related_wrap .post_header .post_meta{
  4248. margin-top: 0;
  4249. padding: 0 3em;
  4250. }
  4251. html:not(.js_active) .related_wrap .format-audio .post_header .post_meta,
  4252. html:not(.js_active) .related_wrap .format-video .post_header .post_meta,
  4253. .related_wrap .related_item:not(.has-post-thumbnail) .post_header .post_meta{
  4254. padding: 2em 2em 0;
  4255. }
  4256. html:not(.js_active) .related_wrap .format-audio .post_header .post_title,
  4257. html:not(.js_active) .related_wrap .format-video .post_header .post_title,
  4258. .related_wrap .related_item:not(.has-post-thumbnail):not(.format-gallery) .post_header .post_title{
  4259. padding: 0 0 1em;
  4260. max-width: 90%;
  4261. margin: 0 auto;
  4262. }
  4263.  
  4264. html:not(.js_active) .related_wrap .format-audio .post_header,
  4265. html:not(.js_active) .related_wrap .format-video .post_header,
  4266. .related_wrap .post_header:first-child {
  4267. display: -ms-flexbox;
  4268. display: -webkit-flex;
  4269. display: flex;
  4270. -webkit-flex-direction: column;
  4271. -ms-flex-direction: column;
  4272. flex-direction: column;
  4273. -webkit-flex-wrap: wrap;
  4274. -ms-flex-wrap: wrap;
  4275. flex-wrap: wrap;
  4276. -webkit-justify-content: flex-end;
  4277. -ms-flex-pack: flex-end;
  4278. justify-content: flex-end;
  4279. -webkit-align-content: stretch;
  4280. -ms-flex-line-pack: stretch;
  4281. align-content: stretch;
  4282. -webkit-align-items: flex-start;
  4283. -ms-flex-align: start;
  4284. align-items: flex-start;
  4285. -webkit-border-radius: 35px;
  4286. -ms-border-radius: 35px;
  4287. border-radius: 35px;
  4288. min-height: 9em;
  4289. height: 100%;
  4290. }
  4291.  
  4292. html:not(.js_active) .related_wrap .format-audio .post_header > *,
  4293. html:not(.js_active) .related_wrap .format-video .post_header > *,
  4294. .related_wrap .post_header:first-child > *{
  4295. -webkit-order: 0;
  4296. -ms-flex-order: 0;
  4297. order: 0;
  4298. -webkit-flex: 0 1 auto;
  4299. -ms-flex: 0 1 auto;
  4300. flex: 0 1 auto;
  4301. -webkit-align-self: center;
  4302. -ms-flex-item-align: center;
  4303. align-self: center;
  4304. }
  4305.  
  4306. html:not(.js_active) .related_wrap .format-audio .related_item,
  4307. html:not(.js_active) .related_wrap .format-video .related_item,
  4308. .related_item:not(.has-post-thumbnail) {
  4309. height: 100%;
  4310. overflow: hidden;
  4311. -webkit-border-radius: 35px;
  4312. -ms-border-radius: 35px;
  4313. border-radius: 35px;
  4314. }
  4315.  
  4316. /* Style 1 */
  4317. .related_wrap .related_item_style_1 .post_featured .post_header {
  4318. display:block;
  4319. position:absolute;
  4320. z-index: 3;
  4321. left: 50%;
  4322. top: 50%;
  4323. -webkit-transform:translate(-50%, -50%);
  4324. -ms-transform:translate(-50%, -50%);
  4325. transform:translate(-50%, -50%);
  4326. padding:3em 2em;
  4327. max-width: 70%;
  4328. -webkit-box-sizing: border-box;
  4329. -ms-box-sizing: border-box;
  4330. box-sizing: border-box;
  4331. -webkit-transition: all ease .3s;
  4332. -ms-transition: all ease .3s;
  4333. transition: all ease .3s;
  4334. }
  4335. .related_wrap .related_item_style_1.format-video .post_featured.with_thumb .post_video_hover {
  4336. top: 90%;
  4337. }
  4338. .related_wrap .related_item_style_1 .post_title {
  4339. margin: 0.8em 0;
  4340. letter-spacing:1px;
  4341. line-height:1.5em;
  4342. }
  4343.  
  4344. /* Style 2 */
  4345. .related_wrap .related_item_style_2 .post_featured {
  4346. margin-bottom: 0;
  4347. }
  4348. .related_wrap .related_item_style_2 .post_featured img {
  4349. width:100%;
  4350. }
  4351. .related_wrap .related_item_style_2 .post_date {
  4352. font-size:10px;
  4353. font-weight:bold;
  4354. line-height:1.4em;
  4355. text-transform:uppercase;
  4356. }
  4357.  
  4358. /* 8.5 Comments
  4359. -------------------------------------------------------- */
  4360. .comments_wrap {
  4361. clear: both;
  4362. }
  4363. .body_style_fullscreen .comments_wrap {
  4364. margin-bottom: 3em;
  4365. }
  4366.  
  4367. /* Comment list */
  4368. .comments_list_wrap {
  4369. margin-top: 4.5rem;
  4370. padding-top: 4.35rem;
  4371. border-top: 4px solid #eee;
  4372. overflow:hidden;
  4373. }
  4374. .comments_list_wrap .comments_closed {
  4375. margin-top:2em;
  4376. color:#1d1d1d;
  4377. }
  4378. .comments_list_wrap .comments_list_title {
  4379. margin:0 0 0.8em;
  4380. text-align:left;
  4381. }
  4382. .comments_list_wrap > ul {
  4383. padding: 0;
  4384. margin:0;
  4385. list-style: none;
  4386. }
  4387. .comments_list_wrap ul li + li,
  4388. .comments_list_wrap li > ul > li {
  4389. padding-top:3em;
  4390. }
  4391. .comments_list_wrap ul > li {
  4392. overflow:hidden;
  4393. position:relative;
  4394. min-height:6em;
  4395. }
  4396. .comments_list_wrap ul.children > li {
  4397. display: block;
  4398. }
  4399. .comments_list_wrap ul > li:before {
  4400. display:none;
  4401. }
  4402. .comments_list_wrap ul ul {
  4403. margin-left:3.9em;
  4404. padding-left:0;
  4405. }
  4406. .comments_list_wrap ul ul ul ul ul {
  4407. margin-left:0;
  4408. }
  4409. .comments_list_wrap li + li,
  4410. .comments_list_wrap li ul {
  4411. margin-top: 2.85em;
  4412. border-top: 4px solid #eee;
  4413. }
  4414. .comments_list_wrap .comment_author_avatar {
  4415. position: absolute;
  4416. left:0;
  4417. top: 0;
  4418. z-index:1;
  4419. width: 5.556em;
  4420. height: 5.556em;
  4421. overflow:hidden;
  4422. }
  4423. .comments_list_wrap .comment_author_avatar,
  4424. .comments_list_wrap .comment_author_avatar img{
  4425. -webkit-border-radius: 50%;
  4426. -ms-border-radius: 50%;
  4427. border-radius: 50%;
  4428. }
  4429. .comments_list_wrap ul li + li > .comment_body > .comment_author_avatar,
  4430. .comments_list_wrap li > ul > li > .comment_body > .comment_author_avatar {
  4431. top:3.2em;
  4432. }
  4433. .comments_list_wrap .bypostauthor > .comment_body .comment_author_avatar:after {
  4434. content: ' ';
  4435. display:block;
  4436. position:absolute;
  4437. z-index:1;
  4438. right: -14px;
  4439. top: -14px;
  4440. width: 0;
  4441. height: 0;
  4442. border: 12px solid transparent;
  4443. border-top-color:#ddd;
  4444. -webkit-transform: rotate(225deg);
  4445. -ms-transform: rotate(225deg);
  4446. transform: rotate(225deg);
  4447. }
  4448. .comments_list_wrap .comment_author_avatar img {
  4449. width: 100%;
  4450. }
  4451. .comments_list_wrap .comment_content {
  4452. padding-left:7.15em;
  4453. overflow:hidden;
  4454. }
  4455.  
  4456. .comments_list_wrap .comment_info {
  4457. margin: 0 0 1.45em;
  4458. line-height: 1em;
  4459. position: relative;
  4460. }
  4461. .comments_list_wrap .comment_author {
  4462. margin:0;
  4463. display:inline-block;
  4464. }
  4465. .comments_list_wrap .comment_posted {
  4466. display:inline-block;
  4467. position:relative;
  4468. letter-spacing:1.3px;
  4469. font-size: 12px;
  4470. line-height:inherit;
  4471. font-style:normal;
  4472. margin-left: 1.2em;
  4473. white-space:nowrap;
  4474. text-transform: uppercase;
  4475. }
  4476. .comments_list_wrap .comment_posted_label {
  4477. display:none;
  4478. }
  4479. .comments_list_wrap .comment_time {
  4480. display:none;
  4481. }
  4482. .comments_list_wrap .comment_counters {
  4483. margin-left: 1em;
  4484. display: none;
  4485. }
  4486.  
  4487. .comments_list_wrap .comment_not_approved {
  4488. padding: 0.2em 0 0.5em 0;
  4489. font-style:italic;
  4490. }
  4491.  
  4492. .comments_list_wrap .comment_text {
  4493. font-size: 0.889em;
  4494. line-height: 1.4em;
  4495. margin-bottom:0.5em;
  4496. }
  4497. .comments_list_wrap .comment_text p {
  4498. margin:0;
  4499. }
  4500. .comments_list_wrap .comment_text p+p {
  4501. margin-top: 0.6em;
  4502. }
  4503. .comments_list_wrap .comment_text ul {
  4504. margin:0;
  4505. padding: 0 0 0 1.5em;
  4506. list-style: outside;
  4507. }
  4508. .comments_list_wrap .comment_text ol {
  4509. margin:0;
  4510. padding: 0 0 0 1.5em;
  4511. list-style:decimal;
  4512. }
  4513. .comments_list_wrap .comment_text ul > li > ul,
  4514. .comments_list_wrap .comment_text ol > li > ol {
  4515. margin-top: 0.5em;
  4516. }
  4517. .comments_list_wrap .comment_text ul > li,
  4518. .comments_list_wrap .comment_text ol > li {
  4519. min-height:0;
  4520. padding:0;
  4521. margin:0 0 0.5em 0;
  4522. overflow:visible;
  4523. }
  4524. .comments_list_wrap .comment_text ul,
  4525. .comments_list_wrap .comment_text ul > li,
  4526. .comments_list_wrap .comment_text ol,
  4527. .comments_list_wrap .comment_text ol > li {
  4528. border:none;
  4529. }
  4530.  
  4531. .comments_list_wrap .comment_reply {
  4532. font-size:0.889em;
  4533. line-height:1.2em;
  4534. font-style:italic;
  4535. letter-spacing:1.3px;
  4536. font-weight: 600;
  4537. margin-top: 1.3em;
  4538. text-transform: uppercase;
  4539. }
  4540. .comments_list_wrap .comment_reply a:after {
  4541. content:'\e958';
  4542. font-family:'fontello';
  4543. font-size: 0.75em;
  4544. font-style: normal;
  4545. display: inline-block;
  4546. vertical-align: middle;
  4547. margin-left: 1.5em;
  4548. position: relative;
  4549. top: -1px;
  4550. }
  4551.  
  4552. /* Trackbacks and pingbacks */
  4553. .comments_list > li.trackback {
  4554. list-style:none;
  4555. margin-left:0;
  4556. padding-left:0;
  4557. padding-right:4em;
  4558. min-height: 0;
  4559. position:relative;
  4560. }
  4561. .comments_list > li.trackback p {
  4562. font-style:italic;
  4563. padding-bottom:0.8em;
  4564. }
  4565. .comments_list > li.trackback p a {
  4566. font-style:normal;
  4567. }
  4568. .comments_list > li.trackback .edit-link {
  4569. position:absolute;
  4570. right:0;
  4571. top: 2em;
  4572. }
  4573.  
  4574.  
  4575. /* Comments form */
  4576. .comments_form_wrap {
  4577. margin-top: 1.65rem;
  4578. padding-top: 4.3rem;
  4579. border-top: 4px solid #eee;
  4580. overflow:hidden;
  4581. }
  4582.  
  4583. .comments_wrap .comments_form_wrap:first-child {
  4584. margin-top: 4.65rem;
  4585. }
  4586.  
  4587. .comments_form_wrap form {
  4588. position:relative;
  4589. }
  4590. .comments_wrap .comments_form_title {
  4591. margin:0 0 0.8em;
  4592. text-align:left;
  4593. }
  4594. .comments_wrap .comments_list_wrap .comments_form_title {
  4595. margin-top: 1.5em;
  4596. position:relative;
  4597. }
  4598. .comments_wrap #cancel-comment-reply-link {
  4599. font-size:0;
  4600. }
  4601. .comments_wrap #cancel-comment-reply-link:before {
  4602. content: '\e916';
  4603. font-family: 'fontello';
  4604. font-size:18px;
  4605. font-style: normal;
  4606. display:block;
  4607. text-align:center;
  4608. width: 2em;
  4609. height: 2em;
  4610. line-height: 2em;
  4611. position:absolute;
  4612. right: 0;
  4613. top: 0;
  4614. z-index: 1;
  4615. }
  4616.  
  4617. .comments_wrap .comments_notes {
  4618. font-size:0.8667em;
  4619. }
  4620. .comments_wrap .comments_field {
  4621. margin-bottom:1em;
  4622. }
  4623. .comments_wrap .comments_author,
  4624. .comments_wrap .comments_email {
  4625. width: 48.7%;
  4626. float:left;
  4627. }
  4628. .comments_wrap .comments_email {
  4629. float:right;
  4630. }
  4631. .comments_wrap .comments_url {
  4632. clear:both;
  4633. }
  4634. .comments_wrap .comments_comment:before {
  4635. content: ' ';
  4636. display: block;
  4637. width: 100%;
  4638. height: 0;
  4639. clear: both;
  4640. }
  4641.  
  4642. .comments_wrap .comments_field label {
  4643. display:none;
  4644. }
  4645. .comments_wrap .comments_field input,
  4646. .comments_wrap .comments_field textarea {
  4647. width:100%;
  4648. }
  4649. .comments_wrap .comments_field textarea {
  4650. min-height:16em;
  4651. }
  4652.  
  4653. /* Submit button */
  4654. .comments_wrap .form-submit {
  4655. margin:1.35em 0 0;
  4656. display: inline-block;
  4657. vertical-align: top;
  4658. position: relative;
  4659. z-index: 0;
  4660. -webkit-border-radius: 35px;
  4661. -ms-border-radius: 35px;
  4662. border-radius: 35px;
  4663. -webkit-transition: background-color 0.3s;
  4664. -moz-transition: background-color 0.3s;
  4665. transition: background-color 0.3s;
  4666. }
  4667. .comments_wrap .form-submit:before {
  4668. content: '\e958';
  4669. font-family: 'fontello';
  4670. font-style: normal;
  4671. text-align: center;
  4672. z-index: -1;
  4673. line-height: 1;
  4674. font-size: 115%;
  4675. -webkit-font-smoothing: antialiased;
  4676. position: absolute;
  4677. left: auto;
  4678. right: 1.45em;
  4679. top: 50%;
  4680. -webkit-transform: translateY(-50%);
  4681. -ms-transform: translateY(-50%);
  4682. transform: translateY(-50%);
  4683. clear: both;
  4684. }
  4685. .comments_wrap .form-submit:after {
  4686. content: '';
  4687. width: 5.15em;
  4688. height: 150%;
  4689. background: rgba(255,255,255,0.1);
  4690. z-index: -2;
  4691. right: 0;
  4692. position: absolute;
  4693. top: 0;
  4694. margin: -25px -25px 0 0;
  4695. -webkit-transform-origin: 0 0;
  4696. -webkit-transform: rotate(8deg);
  4697. -moz-transform-origin: 0 0;
  4698. -moz-transform: rotate(8deg);
  4699. -ms-transform-origin: 0 0;
  4700. -ms-transform: rotate(8deg);
  4701. transform-origin: 0 0;
  4702. transform: rotate(8deg);
  4703. -webkit-transition: all 0.3s;
  4704. -moz-transition: all 0.3s;
  4705. transition: all 0.3s;
  4706. }
  4707. .comments_wrap .form-submit:hover:after {
  4708. width: 5.9em;
  4709. }
  4710. .comments_wrap .form-submit input[type="submit"] {
  4711. display:inline-block;
  4712. padding: 1.7em 6.5em 1.65em 2em;
  4713. }
  4714.  
  4715. form .error_field {
  4716. border-color: #CC6868 !important;
  4717. -webkit-box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2);
  4718. -ms-box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2);
  4719. box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2);
  4720. }
  4721.  
  4722. /* Social login in the comment form */
  4723. .comments_form_wrap form .wp-social-login-widget {
  4724. position:absolute;
  4725. z-index:1;
  4726. top: -6.2em;
  4727. right: 0;
  4728. }
  4729. .comments_form_wrap form .wp-social-login-widget .wp-social-login-connect-with {
  4730. display:none;
  4731. }
  4732. .comments_form_wrap form .wp-social-login-widget .wp-social-login-provider-list {
  4733. padding:0;
  4734. }
  4735.  
  4736. /* Result box */
  4737. .niobe_messagebox {
  4738. display:inline-block;
  4739. position:absolute;
  4740. z-index:1000;
  4741. max-width:80%;
  4742. left: 50%;
  4743. top: 50%;
  4744. -webkit-transform:translateX(-50%) translateY(-50%);
  4745. -ms-transform:translateX(-50%) translateY(-50%);
  4746. transform:translateX(-50%) translateY(-50%);
  4747. }
  4748. form .niobe_messagebox,
  4749. form .trx_addons_message_box {
  4750. min-width:60%;
  4751. text-align:center;
  4752. }
  4753. .niobe_messagebox,
  4754. .trx_addons_message_box {
  4755. font-size: 1em;
  4756. line-height:1.5em;
  4757. padding: 1.5em;
  4758. border: 1px solid #07759C;
  4759. background-color:#B6DDF3;
  4760. color: #07759C;
  4761. -webkit-box-sizing: border-box;
  4762. box-sizing: border-box;
  4763. -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 200, 0.2);
  4764. -ms-box-shadow: 0px 0px 20px 0px rgba(0, 0, 200, 0.2);
  4765. box-shadow: 0px 0px 20px 0px rgba(0, 0, 200, 0.2);
  4766. }
  4767. .niobe_messagebox_style_error,
  4768. .trx_addons_message_box_error {
  4769. border: 1px solid #A00000;
  4770. background-color:#FDCDCD;
  4771. color: #A00000;
  4772. -webkit-box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2);
  4773. -ms-box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2);
  4774. box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2);
  4775. }
  4776. .niobe_messagebox_style_success,
  4777. .trx_addons_message_box_success {
  4778. border: 1px solid #00A000;
  4779. background-color:#CDFDCD;
  4780. color: #00A000;
  4781. -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2);
  4782. -ms-box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2);
  4783. box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2);
  4784. }
  4785. .niobe_messagebox p,
  4786. .trx_addons_message_box p {
  4787. margin:0;
  4788. line-height:1.5em;
  4789. }
  4790. .niobe_messagebox p+p,
  4791. .trx_addons_message_box p+p {
  4792. margin-top:0.4em;
  4793. }
  4794.  
  4795.  
  4796. /* 8.6 Page 404
  4797. -------------------------------------------------------------- */
  4798. .post_item_404 .post_content {
  4799. padding: 1rem 0 1rem;
  4800. overflow:hidden;
  4801. }
  4802. .post_item_404 .page_title {
  4803. float: left;
  4804. width:50%;
  4805. font-size: 17em;
  4806. line-height:1em;
  4807. margin: 0;
  4808. margin-top:0 !important;
  4809. letter-spacing:0;
  4810. text-align:center;
  4811. }
  4812. .post_item_404 .page_info {
  4813. float: left;
  4814. width:50%;
  4815. text-align:left;
  4816. padding: 1rem 0 0 5rem;
  4817. -webkit-box-sizing: border-box;
  4818. -ms-box-sizing: border-box;
  4819. box-sizing: border-box;
  4820. }
  4821. .post_item_404 .page_subtitle {
  4822. margin: 0;
  4823. letter-spacing:1px;
  4824. }
  4825. .post_item_404 .page_description {
  4826. margin-top: 1em;
  4827. margin-bottom: 2em;
  4828. text-transform:uppercase;
  4829. letter-spacing:1px;
  4830. line-height:1.8em;
  4831. }
  4832.  
  4833.  
  4834. /* 8.7 Page 'No search results' and 'No archive results'
  4835. -------------------------------------------------------- */
  4836. .post_item_none_search .post_content {
  4837. padding: 1.5em 0;
  4838. }
  4839. .post_item_none_search .page_title,
  4840. .post_item_none_archive .page_title {
  4841. font-size: 7em;
  4842. line-height:1.2em;
  4843. }
  4844.  
  4845.  
  4846.  
  4847. /* 9. Sidebars
  4848. -------------------------------------------------------------- */
  4849.  
  4850. /* Common rules */
  4851. .sidebar .widget+.widget {
  4852. margin-top: 2.65rem;
  4853. }
  4854. .sidebar .widget + .widget.widget_bg_image,
  4855. .sidebar .widget + .widget.widget_fullwidth {
  4856. border-top: none;
  4857. padding-top: 4.2rem;
  4858. padding-bottom: 4.2rem;
  4859. }
  4860. .sidebar .widget.widget_bg_image + .widget,
  4861. .sidebar .widget.widget_fullwidth + .widget {
  4862. border-top: none;
  4863. margin-top: 0;
  4864. }
  4865.  
  4866. .widget p {
  4867. margin:0;
  4868. }
  4869. .widget p+p,
  4870. .widget p+div,
  4871. .widget p+form {
  4872. margin-top:1em;
  4873. }
  4874. .widget .widgettitle {
  4875. font-size: 1.4286em;
  4876. line-height: 1.35em;
  4877. }
  4878. .widget .widget_title,
  4879. .widget .widgettitle {
  4880. margin-top:0;
  4881. margin-bottom:1.25em;
  4882. text-align: center;
  4883. padding: 0.917em 1em;
  4884. -webkit-border-radius: 10px;
  4885. -ms-border-radius: 10px;
  4886. border-radius: 10px;
  4887. }
  4888. .widget .widget_title + ul,
  4889. .widget .widget_title + ol,
  4890. .widget .widgettitle + ul,
  4891. .widget .widgettitle + ol {
  4892. margin-top: -7px;
  4893. margin-bottom: -7px;
  4894. }
  4895. .widget_fullwidth .widget_title,
  4896. .widget_fullwidth .widgettitle{
  4897. text-align:center;
  4898. }
  4899.  
  4900. .widget.widget_text .widget_title {
  4901. margin-bottom: 0.9em;
  4902. }
  4903.  
  4904.  
  4905. .widget ul {
  4906. margin:0;
  4907. padding-left:0;
  4908. list-style-type:none;
  4909. }
  4910. .widget ul ul ul ul { /* Remove padding for the levels 4+ */
  4911. padding-left: 0.5em;
  4912. }
  4913. .widget li {
  4914. position:relative;
  4915. }
  4916. .widget li a{
  4917. font-size: 0.889em;
  4918. font-weight: 600;
  4919. font-style: italic;
  4920. text-transform: uppercase;
  4921. }
  4922. .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{
  4923. padding: 0.719em 3em 0.532em 1.5em;
  4924. display: block;
  4925. position: relative;
  4926. -webkit-border-radius: 10px;
  4927. -ms-border-radius: 10px;
  4928. border-radius: 10px;
  4929. }
  4930. .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{
  4931. padding: 0.5em 0 0 1em;
  4932. }
  4933. .sidebar .widget.widget_rss li{
  4934. padding: 0.719em 1em 0.532em 1em !important;
  4935. }
  4936. .sidebar .widget.widget_nav_menu li{
  4937. padding: 0 1em !important;
  4938. }
  4939. .sidebar .widget.widget_nav_menu li li{
  4940. padding: 0 0 0 0 !important;
  4941. }
  4942. .sidebar .widget.widget_nav_menu ul ul ul ul ul li {
  4943. padding-left: 0 !important;
  4944. }
  4945. .sidebar .widget.widget_nav_menu ul{
  4946. padding-left: 0.5em;
  4947. }
  4948. .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{
  4949. content: '\e836';
  4950. font-family: 'fontello';
  4951. font-size: 1.1em;
  4952. font-style: normal;
  4953. position: absolute;
  4954. right: 1.2em;
  4955. }
  4956. .sidebar .widget.widget_nav_menu li a:after,
  4957. .sidebar .widget.widget_rss li a:after,
  4958. .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{
  4959. display: none !important;
  4960. }
  4961.  
  4962.  
  4963. .widget li a img {
  4964. vertical-align:baseline;
  4965. }
  4966. .widget li ul li,
  4967. .widget li ol li,
  4968. .widget li + li{
  4969. margin-top: 0.94em;
  4970. }
  4971. .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,
  4972. .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,
  4973. .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{
  4974. margin-top: 1px;
  4975. }
  4976.  
  4977.  
  4978. /* Widgets above and below the page (content and sidebar) */
  4979. .widgets_above_page_wrap,
  4980. .widgets_above_content_wrap {
  4981. font-size:1em;
  4982. margin-bottom:2em;
  4983. }
  4984. .widgets_below_content_wrap,
  4985. .widgets_below_page_wrap {
  4986. font-size:1em;
  4987. margin-top:2em;
  4988. }
  4989. .widgets_below_page_wrap {
  4990. clear:both;
  4991. }
  4992. .widgets_below_page_wrap + .footer_wrap {
  4993. margin-top: -2px;
  4994. }
  4995.  
  4996. /* Widget: Calendar */
  4997. .widget_calendar .widget_title{
  4998. margin-bottom: 1em;
  4999. }
  5000. .widget_calendar table {
  5001. width: 100%;
  5002. position:relative;
  5003. }
  5004. .widget_calendar caption {
  5005. padding-bottom:0.5em;
  5006. font-weight:400;
  5007. display: none;
  5008. }
  5009. .widget_calendar table > thead > tr {
  5010. background-color: transparent !important;
  5011. }
  5012.  
  5013. .widget_calendar th,
  5014. .widget_calendar td {
  5015. font-size:14px !important;
  5016. line-height:1.5em;
  5017. font-weight:600 !important;
  5018. font-style:normal;
  5019. text-align:center;
  5020. text-transform:uppercase;
  5021. letter-spacing: 1.5px;
  5022. padding:2px;
  5023. border: none !important;
  5024. background-color: transparent !important;
  5025. -webkit-box-sizing: border-box;
  5026. -ms-box-sizing: border-box;
  5027. -ms-box-sizing: border-box;
  5028. box-sizing: border-box;
  5029. width: 14.2857%;
  5030. }
  5031.  
  5032. .widget_calendar td {
  5033. font-weight:400 !important;
  5034. line-height:2em;
  5035. padding:3px;
  5036. }
  5037. .widget_calendar tbody td a {
  5038. display:block;
  5039. position:relative;
  5040. font-weight:normal;
  5041. -webkit-box-sizing: border-box;
  5042. -ms-box-sizing: border-box;
  5043. box-sizing: border-box;
  5044. }
  5045. .widget_calendar tbody td a:after {
  5046. content: ' ';
  5047. position:absolute;
  5048. left:43%;
  5049. bottom: 1px;
  5050. width: 4px;
  5051. height: 4px;
  5052. border-radius: 50%;
  5053. }
  5054. .widget_calendar td#today {
  5055. position:relative;
  5056. z-index:2;
  5057. }
  5058. .widget_calendar td#today:before {
  5059. content:' ';
  5060. margin-top: -1px;
  5061. z-index:-1;
  5062. position:absolute;
  5063. left:50%;
  5064. top: 50%;
  5065. width: 2.143em;
  5066. height: 2.143em;
  5067. -webkit-transform:translateX(-50%) translateY(-50%);
  5068. -ms-transform:translateX(-50%) translateY(-50%);
  5069. transform:translateX(-50%) translateY(-50%);
  5070. }
  5071. .widget_calendar tfoot {
  5072. position:relative;
  5073. top: 0.6em;
  5074. }
  5075. .widget_calendar tfoot td {
  5076. text-transform: none !important;
  5077. }
  5078. .widget_calendar td#prev {
  5079. text-align:left;
  5080. overflow:hidden;
  5081. }
  5082. .widget_calendar td#next {
  5083. text-align:right;
  5084. }
  5085. .widget_calendar td#prev a,
  5086. .widget_calendar td#next a {
  5087. position:relative;
  5088. font-size: 12px;
  5089. font-weight: 700;
  5090. text-transform: uppercase;
  5091. }
  5092. .widget_calendar td#prev a {
  5093. padding-left: 0.15em;
  5094. }
  5095. .widget_calendar td#next a {
  5096. padding-right: 0.15em;
  5097. }
  5098. .widget_calendar td#prev a:before,
  5099. .widget_calendar td#next a:before {
  5100. font-size: 9px;
  5101. font-weight: 400;
  5102. display:inline-block;
  5103. z-index:1;
  5104. width: 1.2em;
  5105. height: 1em;
  5106. line-height: 1.4em;
  5107. padding: 1px;
  5108. position:absolute;
  5109. top: 0;
  5110. }
  5111. .widget_calendar td#prev a:before {
  5112. content: '\e95b';
  5113. font-family:'fontello';
  5114. left:0;
  5115. }
  5116. .widget_calendar td#next a:before {
  5117. content: '\e958';
  5118. font-family:'fontello';
  5119. right: 0;
  5120. }
  5121.  
  5122. /* Widget: Recent Posts */
  5123. .widget_recent_entries .post-date {
  5124. display: inline-block;
  5125. margin-left:0.5em;
  5126. }
  5127.  
  5128. /* Widgets: WP Search, WooCommerce Products Search and bbPress Forums Search */
  5129. .widget_search form,
  5130. .woocommerce.widget_product_search form,
  5131. .widget_display_search form,
  5132. #bbpress-forums #bbp-search-form {
  5133. width:100%;
  5134. overflow:hidden;
  5135. position:relative;
  5136. -webkit-border-radius: 35px;
  5137. -ms-border-radius: 35px;
  5138. border-radius: 35px;
  5139. }
  5140. .widget_search form:after,
  5141. .woocommerce.widget_product_search form:after,
  5142. .widget_display_search form:after,
  5143. #bbpress-forums #bbp-search-form:after {
  5144. content:'\e958';
  5145. font-family: 'fontello';
  5146. font-size: 115%;
  5147. display:block;
  5148. text-align:center;
  5149. width:1em;
  5150. height:1em;
  5151. line-height:1em;
  5152. z-index:0;
  5153. pointer-events: none;
  5154. cursor:pointer;
  5155. position:absolute;
  5156. right:1.45em;
  5157. top:50%;
  5158. -webkit-transform: translateY(-50%);
  5159. -ms-transform: translateY(-50%);
  5160. transform: translateY(-50%);
  5161. -webkit-transition: all ease .3s;
  5162. -ms-transition: all ease .3s;
  5163. transition: all ease .3s;
  5164. }
  5165.  
  5166. .widget_search form:before,
  5167. .woocommerce.widget_product_search form:before,
  5168. .widget_display_search form:before,
  5169. #bbpress-forums #bbp-search-form:before {
  5170. content: '';
  5171. width: 5.15em;
  5172. height: 150%;
  5173. background: rgba(255,255,255,0.1);
  5174. z-index: 0;
  5175. right: 0;
  5176. position: absolute;
  5177. top: 0;
  5178. margin: -25px -25px 0 0;
  5179. -webkit-transform-origin: 0 0;
  5180. -webkit-transform: rotate(8deg);
  5181. -moz-transform-origin: 0 0;
  5182. -moz-transform: rotate(8deg);
  5183. -ms-transform-origin: 0 0;
  5184. -ms-transform: rotate(8deg);
  5185. transform-origin: 0 0;
  5186. transform: rotate(8deg);
  5187. -webkit-transition: all 0.3s;
  5188. -moz-transition: all 0.3s;
  5189. transition: all 0.3s;
  5190. }
  5191.  
  5192. .widget_search form:hover:before,
  5193. .woocommerce.widget_product_search form:hover:before,
  5194. .widget_display_search form:hover:before,
  5195. #bbpress-forums #bbp-search-form:hover:before {
  5196. width: 6em;
  5197. }
  5198.  
  5199. .widget_search .search-field,
  5200. .woocommerce.widget_product_search .search_field,
  5201. .widget_display_search #bbp_search,
  5202. #bbpress-forums #bbp-search-form #bbp_search {
  5203. width:100%;
  5204. padding-right: 8em !important;
  5205. -webkit-box-sizing: border-box;
  5206. -ms-box-sizing: border-box;
  5207. -ms-box-sizing: border-box;
  5208. box-sizing: border-box;
  5209. }
  5210. .widget_search input.search-submit,
  5211. .woocommerce.widget_product_search .search_button,
  5212. .widget_display_search #bbp_search_submit,
  5213. #bbpress-forums #bbp-search-form #bbp_search_submit {
  5214. display:block;
  5215. text-indent:-1000px;
  5216. position:absolute;
  5217. right:0;
  5218. top:0;
  5219. width:5em;
  5220. height:100%;
  5221. padding:0;
  5222. border: none !important;
  5223. background:none !important;
  5224. z-index:1;
  5225. cursor:pointer;
  5226. }
  5227.  
  5228. /* Widget: RSS */
  5229. .widget_rss .widget_title a {
  5230. display:inline-block;
  5231. margin-right:6px;
  5232. }
  5233. .widget_rss .widget_title a:first-child:before {
  5234. content:'\e8ed';
  5235. font-family:'fontello';
  5236. display: inline-block;
  5237. font-size:0.9em;
  5238. }
  5239. .widget_rss .widget_title img {
  5240. display:none;
  5241. }
  5242. .widget_rss ul,
  5243. .widget_rss li {
  5244. padding-left:0
  5245. }
  5246. .widget_rss li:before {
  5247. display:none;
  5248. }
  5249. .widget_rss li+li {
  5250. margin-top:2em;
  5251. }
  5252.  
  5253. /* Widgets: WP Tag Cloud and WooCommerce Tag Cloud */
  5254. .widget_product_tag_cloud,
  5255. .widget_tag_cloud {
  5256. overflow:hidden;
  5257. }
  5258. .sc_edd_details .downloads_page_tags .downloads_page_data > a,
  5259. .widget_product_tag_cloud a,
  5260. .widget_tag_cloud a {
  5261. display:block;
  5262. float:left;
  5263. padding: 5px 15px 3px;
  5264. margin:0 3px 5px 0;
  5265. font-size:10px !important;
  5266. line-height:14px;
  5267. font-weight:700;
  5268. letter-spacing:0.5px;
  5269. text-transform:uppercase;
  5270. border-radius: 11px;
  5271. }
  5272.  
  5273.  
  5274. /* Widget: Instagram Feed */
  5275. #sb_instagram {
  5276. padding-bottom: 0 !important;
  5277. }
  5278. #sb_instagram .sbi_header_text {
  5279. padding-top: 0 !important;
  5280. margin-top:-2px;
  5281. }
  5282. #sb_instagram .sb_instagram_header {
  5283. padding: 0 !important;
  5284. margin-bottom:0.5em !important;
  5285. }
  5286. .footer_fullwidth #sb_instagram .sb_instagram_header {
  5287. float:none;
  5288. text-align:center;
  5289. overflow:hidden;
  5290. }
  5291. .footer_fullwidth #sb_instagram .sb_instagram_header > a {
  5292. float:none;
  5293. display:inline-block;
  5294. overflow:hidden;
  5295. }
  5296. #sb_instagram .sb_instagram_header h3 {
  5297. font-size: 1.2308em;
  5298. line-height:1.5em;
  5299. }
  5300. #sb_instagram .sb_instagram_header p {
  5301. font-size: 1em;
  5302. line-height:1.5em;
  5303. }
  5304. #sb_instagram #sbi_load {
  5305. margin-top:0.5em;
  5306. display: none;
  5307. }
  5308.  
  5309. #sb_instagram .sbi_photo_wrap,
  5310. #sb_instagram .sbi_photo_wrap a,
  5311. #sb_instagram .sbi_photo_wrap img {
  5312. -webkit-border-radius: 35px;
  5313. -ms-border-radius: 35px;
  5314. border-radius: 35px;
  5315. overflow: hidden;
  5316. }
  5317.  
  5318. #sb_instagram .sbi_photo {
  5319. opacity: 1 !important;
  5320. background-size: 103% !important;
  5321. position: relative;
  5322. }
  5323. #sb_instagram .sbi_photo:before{
  5324. content: '';
  5325. display: block;
  5326. position: absolute;
  5327. top: 0;
  5328. left: 0;
  5329. right: 0;
  5330. bottom: 0;
  5331. opacity: 0;
  5332. -webkit-transition: opacity 0.3s ease;
  5333. -ms-transition: opacity 0.3s ease;
  5334. transition: opacity 0.3s ease;
  5335. }
  5336. #sb_instagram .sbi_photo:after{
  5337. content: '\e87e';
  5338. font-family: 'fontello';
  5339. font-size: 2.1em;
  5340. position: absolute;
  5341. right: 12%;
  5342. bottom: 14%;
  5343. opacity: 0;
  5344. -webkit-transition: opacity 0.3s ease;
  5345. -ms-transition: opacity 0.3s ease;
  5346. transition: opacity 0.3s ease;
  5347. }
  5348. #sb_instagram .sbi_photo:hover::after,
  5349. #sb_instagram .sbi_photo:hover::before{
  5350. opacity: 1;
  5351. }
  5352.  
  5353. /* Widget: Instagram */
  5354. ul.instagram-pics {
  5355. margin-right: -5px;
  5356. }
  5357. ul.instagram-pics li {
  5358. float: left;
  5359. padding: 0 5px 5px 0;
  5360. margin:0;
  5361. overflow: hidden;
  5362. width: 33.3333%;
  5363. height: auto;
  5364. -webkit-box-sizing: border-box;
  5365. -ms-box-sizing: border-box;
  5366. box-sizing: border-box;
  5367. }
  5368. .column-1_3 ul.instagram-pics li {
  5369. width: 25%;
  5370. }
  5371. .column-1_2 ul.instagram-pics li {
  5372. width: 20%;
  5373. }
  5374. .column-1_1 ul.instagram-pics li {
  5375. width: 16.6666%;
  5376. }
  5377. ul.instagram-pics li:before {
  5378. display:none;
  5379. }
  5380.  
  5381.  
  5382. /* Widget recent comments */
  5383. .widget_recent_comments ul{
  5384. font-size: 0.889em;
  5385. font-weight: 600;
  5386. font-style: italic;
  5387. letter-spacing: 0;
  5388. text-transform: uppercase;
  5389. }
  5390. .widget_recent_comments ul ul{
  5391. font-size: 1em;
  5392. }
  5393. .widget_recent_comments li{
  5394. padding: 0 1em;
  5395. line-height: 1.4em;
  5396. -webkit-border-radius: 10px;
  5397. -ms-border-radius: 10px;
  5398. border-radius: 10px;
  5399. }
  5400. .widget_recent_comments li + li{
  5401. margin-top: 0.94em !important;
  5402. }
  5403.  
  5404. .widget_recent_comments ul li:nth-child(2n+0) {
  5405. padding: 0.8em 1em 0.65em;
  5406. }
  5407.  
  5408. .widget_recent_comments li a{
  5409. font-size: 1em;
  5410. }
  5411. .widget_recent_comments li:after{
  5412. display: none;
  5413. }
  5414.  
  5415.  
  5416. /* 10. Footer areas
  5417. -------------------------------------------------------------- */
  5418. .footer_wrap {
  5419. margin-top:7.8rem;
  5420. }
  5421. .remove_margins .footer_wrap {
  5422. margin-top:0;
  5423. }
  5424.  
  5425. /* Footer widgets */
  5426. .footer_wrap .widget {
  5427. margin: 1.5em 0;
  5428. }
  5429. .footer_wrap .vc_col-sm-4 .widget li {
  5430. display:inline-block;
  5431. width: 45%;
  5432. margin-right:3%;
  5433. vertical-align:top;
  5434. }
  5435. .footer_wrap .vc_col-sm-4 .widget li li {
  5436. display:block;
  5437. width: 100%;
  5438. margin-right:0%;
  5439. }
  5440. .footer_wrap .footer_fullwidth {
  5441. overflow:hidden;
  5442. }
  5443. .footer_wrap .widget_title,
  5444. .footer_wrap .widgettitle {
  5445. text-align:left;
  5446. }
  5447. .footer_wrap .footer_fullwidth .widget_title,
  5448. .footer_wrap .footer_fullwidth .widgettitle {
  5449. text-align:center;
  5450. margin-bottom:1.5em;
  5451. }
  5452.  
  5453. /* Footer logo */
  5454. .footer_logo_inner {
  5455. padding:4em 0;
  5456. overflow:hidden;
  5457. text-align:center;
  5458. position:relative;
  5459. }
  5460. .footer_widgets_wrap + .footer_logo_wrap .footer_logo_inner {
  5461. border-top-width: 1px;
  5462. border-top-style: solid;
  5463. }
  5464. .footer_logo_inner:after {
  5465. content:' ';
  5466. position:absolute;
  5467. z-index:1;
  5468. left: 50%;
  5469. bottom:0;
  5470. width: 1px;
  5471. height: 3em;
  5472. }
  5473. .footer_logo_inner img {
  5474. max-width:25%;
  5475. }
  5476. .logo_footer_text {
  5477. font-size: 3.3333em;
  5478. line-height:1em;
  5479. letter-spacing:6px;
  5480. margin:0;
  5481. }
  5482. .logo_footer_image + .logo_footer_text {
  5483. margin:0.63em 0 2em;
  5484. }
  5485.  
  5486. /* Socials in the default footer */
  5487. .footer_socials_inner {
  5488. padding:2em 0 3em;
  5489. text-align:center;
  5490. }
  5491.  
  5492. /* Menu in the default footer */
  5493. .footer_menu_inner {
  5494. padding:3.736em 0 3.677em;
  5495. text-align:left;
  5496. }
  5497. .menu_footer_nav_area > ul,
  5498. .footer_wrap .sc_layouts_menu > ul {
  5499. display: block;
  5500. padding:0;
  5501. margin:-0.31em 0 0;
  5502. list-style-type:none;
  5503. }
  5504. .menu_footer_nav_area > ul > li,
  5505. .footer_wrap .sc_layouts_menu > ul > li {
  5506. display: inline-block;
  5507. text-align: left;
  5508. width: 29.33%;
  5509. margin-right: 3%;
  5510. margin-top: 0.31em;
  5511. vertical-align: top;
  5512. /*font-size: 12px;*/
  5513. }
  5514. .menu_footer_nav_area > ul > li > a,
  5515. .footer_wrap .sc_layouts_menu > ul > li > a {
  5516. padding: 0;
  5517. display: inline-block;
  5518. }
  5519. .mobile_layout .menu_footer_nav_area > ul > li > a,
  5520. .mobile_layout .footer_wrap .sc_layouts_menu > ul > li > a {
  5521. padding: 0;
  5522. }
  5523. .menu_footer_nav_area > ul > li.menu-item-has-children > a,
  5524. .footer_wrap .sc_layouts_menu > ul > li.menu-item-has-children > a {
  5525. padding-right:0;
  5526. }
  5527. .mobile_layout .menu_footer_nav_area > ul > li.menu-item-has-children > a,
  5528. .mobile_layout .footer_wrap .sc_layouts_menu > ul > li.menu-item-has-children > a {
  5529. padding-right:0;
  5530. }
  5531. .menu_footer_nav_area > ul > li.menu-item-has-children > a:after,
  5532. .footer_wrap .sc_layouts_menu > ul > li.menu-item-has-children > a:after {
  5533. content: '\e828';
  5534. font-family: 'fontello';
  5535. right: 2em;
  5536. }
  5537. .mobile_layout .menu_footer_nav_area > ul > li.menu-item-has-children > a:after,
  5538. .mobile_layout .footer_wrap .sc_layouts_menu > ul > li.menu-item-has-children > a:after {
  5539. right: 0.5em;
  5540. }
  5541. .menu_footer_nav_area li li.menu-item-has-children > a:after,
  5542. .footer_wrap .sc_layouts_menu li li.menu-item-has-children > a:after {
  5543. content: '\e836';
  5544. font-family: 'fontello';
  5545. }
  5546. .menu_footer_nav_area > ul ul,
  5547. .footer_wrap .sc_layouts_menu > ul ul {
  5548. display: none !important;
  5549. }
  5550. .menu_footer_nav_area > ul > li ul,
  5551. .footer_wrap .sc_layouts_menu > ul > li ul {
  5552. top: auto;
  5553. bottom: 3em;
  5554. border: 1px solid #ddd;
  5555. }
  5556. .menu_footer_nav_area > ul > li ul ul,
  5557. .footer_wrap .sc_layouts_menu > ul > li ul ul {
  5558. top: auto;
  5559. bottom: -1.4em;
  5560. margin-left: 2px;
  5561. }
  5562. .menu_footer_nav_area > ul > li ul ul.submenu_left,
  5563. .footer_wrap .sc_layouts_menu > ul > li ul ul.submenu_left {
  5564. margin-left: -2px;
  5565. }
  5566. .menu_footer_nav_area > ul > li ul > li,
  5567. .menu_footer_nav_area > ul > li ul > li > a,
  5568. .footer_wrap .sc_layouts_menu > ul > li ul > li,
  5569. .footer_wrap .sc_layouts_menu > ul > li ul > li > a {
  5570. font-size: 12px;
  5571. }
  5572. .menu_footer_nav_area > ul > li ul > li > a,
  5573. .footer_wrap .sc_layouts_menu > ul > li ul > li > a {
  5574. display:block;
  5575. }
  5576.  
  5577. /* Footer menu */
  5578. .footer_wrap.footer_custom_footer-default .widget.widget_nav_menu li {
  5579. display: inline-block;
  5580. text-align: left;
  5581. width: 29.33%;
  5582. margin-right: 3%;
  5583. vertical-align: top;
  5584. }
  5585. .footer_wrap .wpb_column.vc_col-sm-2 .widget.widget_nav_menu li {
  5586. display: inline-block;
  5587. width: 100%;
  5588. margin-right: 0;
  5589. vertical-align: top;
  5590. }
  5591. .footer_wrap .wpb_column.vc_col-sm-3 .widget.widget_nav_menu li,
  5592. .footer_wrap .wpb_column.vc_col-sm-4 .widget.widget_nav_menu li {
  5593. display: inline-block;
  5594. width: 45%;
  5595. margin-right: 3%;
  5596. vertical-align: top;
  5597. }
  5598. .footer_wrap .widget.widget_nav_menu ul {
  5599. margin-top: -0.31em;
  5600. padding-left: 0.5em;
  5601. }
  5602. .footer_wrap .widget.widget_nav_menu li {
  5603. margin-top: 0.31em;
  5604. }
  5605.  
  5606. .footer_wrap .widget.widget_nav_menu li a {
  5607. font-size: 1.111em;
  5608. }
  5609.  
  5610.  
  5611. /* Copyright area in the default footer */
  5612. .footer_copyright_inner {
  5613. font-size: 1em;
  5614. line-height: 1.45em;
  5615. display: inline-block;
  5616. width: 100%;
  5617. letter-spacing: 0;
  5618. text-align:center;
  5619. }
  5620.  
  5621. .footer_custom .footer_copyright_inner {
  5622. text-align: left;
  5623. }
  5624.  
  5625. .footer_copyright_wrap p {
  5626. margin:0;
  5627. }
  5628.  
  5629. .footer_custom_footer-default .columns_wrap > [class*="column-"] {
  5630. vertical-align: middle;
  5631. }
  5632. .footer_default .columns_wrap > [class*="column-"] .footer_copyright_inner{
  5633. text-align: left;
  5634. }
  5635. .footer_copyright_wrap .footer_copyright_inner {
  5636. padding: 3.736em 0;
  5637. }
  5638.  
  5639. /* 11. Front Page sections
  5640. -------------------------------------------------------- */
  5641.  
  5642. .frontpage.with_bg_image {
  5643. background-position: center;
  5644. background-repeat:no-repeat;
  5645. background-size:cover;
  5646. background-attachment:fixed;
  5647. }
  5648. .frontpage.with_bg_image .page_wrap {
  5649. background-color: transparent;
  5650. }
  5651.  
  5652. /* Common settings */
  5653. .front_page_section {
  5654. background-position:center;
  5655. background-size:cover;
  5656. background-repeat:no-repeat;
  5657. }
  5658. .front_page_section > .customize-partial-edit-shortcut button {
  5659. left: 2px !important;
  5660. }
  5661.  
  5662. .front_page_section_paddings_none .front_page_section_content_wrap {
  5663. padding: 0;
  5664. }
  5665. .front_page_section_paddings_small .front_page_section_content_wrap {
  5666. padding: 4% 0;
  5667. }
  5668. .front_page_section_paddings_medium .front_page_section_content_wrap {
  5669. padding: 8% 0;
  5670. }
  5671. .front_page_section_paddings_large .front_page_section_content_wrap {
  5672. padding: 12% 0;
  5673. }
  5674. .front_page_section_paddings_huge .front_page_section_content_wrap {
  5675. padding: 16% 0;
  5676. }
  5677.  
  5678. .front_page_block_empty {
  5679. height: 0 !important;
  5680. overflow:hidden !important;
  5681. clip:rect(0 0 0 0) !important;
  5682. margin: 0 !important;
  5683. padding: 0 !important;
  5684. }
  5685.  
  5686. .front_page_section_description,
  5687. .front_page_section_content,
  5688. .front_page_section_output,
  5689. .front_page_section_buttons {
  5690. font-size: 1.1429em;
  5691. }
  5692. .front_page_section .front_page_section_caption {
  5693. margin:0;
  5694. text-align: center;
  5695. }
  5696. .front_page_section_description {
  5697. line-height:1.5em;
  5698. text-align: center;
  5699. }
  5700. .front_page_section_description p:last-child,
  5701. .front_page_section_content p:last-child,
  5702. .front_page_section_output p:last-child {
  5703. margin-bottom: 0;
  5704. }
  5705. .front_page_section_buttons {
  5706. text-align: center;
  5707. }
  5708. .front_page_section_caption:not(.front_page_block_empty) + .front_page_section_description {
  5709. margin-top: 1em;
  5710. }
  5711. .front_page_section_caption:not(.front_page_block_empty) + .front_page_section_content,
  5712. .front_page_section_description:not(.front_page_block_empty) + .front_page_section_content {
  5713. margin-top: 3em;
  5714. }
  5715. .front_page_section_caption:not(.front_page_block_empty) + .front_page_section_output,
  5716. .front_page_section_description:not(.front_page_block_empty) + .front_page_section_output,
  5717. .front_page_section_content:not(.front_page_block_empty) + .front_page_section_output {
  5718. margin-top: 3em;
  5719. }
  5720. .front_page_section_caption:not(.front_page_block_empty) + .front_page_section_columns,
  5721. .front_page_section_description:not(.front_page_block_empty) + .front_page_section_columns,
  5722. .front_page_section_content:not(.front_page_block_empty) + .front_page_section_columns {
  5723. margin-top: 3em;
  5724. }
  5725. .front_page_section_caption:not(.front_page_block_empty) + .front_page_section_buttons,
  5726. .front_page_section_description:not(.front_page_block_empty) + .front_page_section_buttons,
  5727. .front_page_section_content:not(.front_page_block_empty) + .front_page_section_buttons,
  5728. .front_page_section_output:not(.front_page_block_empty) + .front_page_section_buttons,
  5729. .front_page_section_columns:not(.front_page_block_empty) + .front_page_section_buttons {
  5730. margin-top: 2em;
  5731. }
  5732. .front_page_section_buttons > .front_page_section_button {
  5733. margin-top: 1em;
  5734. margin-right: 1em;
  5735. font-size: 0.8em;
  5736. }
  5737. .front_page_section_buttons > .front_page_section_button + .front_page_section_button {
  5738. margin-right: 0;
  5739. }
  5740.  
  5741.  
  5742. .front_page_section_columns .front_page_section_caption {
  5743. font-size: 2.5em;
  5744. line-height:1.2em;
  5745. text-align: left;
  5746. }
  5747. .front_page_section_columns .front_page_section_output,
  5748. .front_page_section_columns .front_page_section_content,
  5749. .front_page_section_columns .front_page_section_description {
  5750. font-size: 1em;
  5751. line-height:1.5em;
  5752. text-align: left;
  5753. }
  5754. .front_page_section_columns h1,
  5755. .front_page_section_columns h2,
  5756. .front_page_section_columns h3,
  5757. .front_page_section_columns h4,
  5758. .front_page_section_columns h5,
  5759. .front_page_section_columns h6 {
  5760. margin-top:1em;
  5761. margin-bottom:0.3em;
  5762. }
  5763. .front_page_section_columns h1:first-child,
  5764. .front_page_section_columns h2:first-child,
  5765. .front_page_section_columns h3:first-child,
  5766. .front_page_section_columns h4:first-child,
  5767. .front_page_section_columns h5:first-child,
  5768. .front_page_section_columns h6:first-child {
  5769. margin-top:0;
  5770. }
  5771. .front_page_section_columns p {
  5772. margin:0;
  5773. }
  5774. .front_page_section_columns p+p {
  5775. margin-top:0.5em;
  5776. }
  5777.  
  5778. /* Section 'Title' */
  5779. .front_page_section_title_description {
  5780. line-height: 1.75em;
  5781. }
  5782. .front_page_section_title_caption:not(.front_page_block_empty) + .front_page_section_title_description {
  5783. margin-top: 2em;
  5784. }
  5785.  
  5786. /* Section 'Features' */
  5787. .front_page_section_features .sc_item_descr {
  5788. padding: 1em 0;
  5789. }
  5790. .front_page_section_features .sc_services_light .sc_services_item_icon {
  5791. font-size: 4em;
  5792. }
  5793.  
  5794. /* Section 'Subscribe' */
  5795. .front_page_section_subscribe .front_page_section_output {
  5796. max-width:50%;
  5797. margin-left: auto;
  5798. margin-right: auto;
  5799. }
  5800. .front_page_section_subscribe .mc4wp-form .mc4wp-form-fields input[type="email"] {
  5801. padding: 0.9em 1em;
  5802. }
  5803.  
  5804. /* Section 'Googlemap' */
  5805. .front_page_section_googlemap .front_page_section_output {
  5806. -webkit-box-shadow: 0 0 40px 10px rgba(255,255,255,0.4);
  5807. -ms-box-shadow: 0 0 40px 10px rgba(255,255,255,0.4);
  5808. box-shadow: 0 0 40px 10px rgba(255,255,255,0.4);
  5809. }
  5810.  
  5811.  
  5812.  
  5813. /* 12. Utils
  5814. -------------------------------------------------------------- */
  5815.  
  5816. /* Customizer message */
  5817. .niobe_customizer_message {
  5818. padding: 2em;
  5819. margin:0 auto;
  5820. max-width:60%;
  5821. background-color: #f3e6ce;
  5822. color:#996600;
  5823. border-left: 3px solid #666600;
  5824. }
  5825. .niobe_customizer_message b {
  5826. color: #333300;
  5827. }
  5828.  
  5829. /* Debug window */
  5830. #debug_log {
  5831. position:fixed;
  5832. z-index:1000000;
  5833. display:block;
  5834. width:100%;
  5835. left:0;
  5836. top:0;
  5837. background:rgba(0,0,0,0.8);
  5838. color:#ffffff;
  5839. }
  5840. .admin-bar #debug_log {
  5841. top:32px;
  5842. }
  5843. #debug_log_close {
  5844. position:absolute;
  5845. z-index:1;
  5846. right:0;
  5847. top:-6px;
  5848. width:20px;
  5849. height:20px;
  5850. line-height:20px;
  5851. font-weight:bold;
  5852. font-size:18px;
  5853. text-align:center;
  5854. cursor:pointer;
  5855. }
  5856. #debug_log_content {
  5857. font-size: 12px;
  5858. line-height: 15px;
  5859. padding:16px 16px 6px;
  5860. max-height:66px;
  5861. overflow:auto;
  5862. word-wrap:normal;
  5863. white-space:pre-line;
  5864. }
  5865.  
  5866.  
  5867.  
  5868. /* 13. Registration and Login popups
  5869. -------------------------------------------------------------- */
  5870. .popup_wrap {
  5871. position: absolute;
  5872. top: 3.3333em;
  5873. right: 0;
  5874. width: 37.5em;
  5875. padding: 3em 2.5em 2em;
  5876. display:none;
  5877. }
  5878. .popup_registration {
  5879. right: -5.5em;
  5880. }
  5881.  
  5882. .popup_wrap .popup_close {
  5883. display:block;
  5884. font-size:1.25em;
  5885. line-height:1em;
  5886. width: 1em;
  5887. height:1em;
  5888. position:absolute;
  5889. right:0;
  5890. top:0;
  5891. margin:0.5em 0.5em 0 0;
  5892. text-align:center;
  5893. color: #cccccc;
  5894. border: 2px solid #ebebeb;
  5895. background-color:#f4f7f9;
  5896. }
  5897. .popup_wrap .popup_close:hover {
  5898. color: #909090;
  5899. border: 2px solid #cccccc;
  5900. background-color:#ffffff;
  5901. }
  5902. .popup_wrap .popup_close:before {
  5903. font-family:fontello;
  5904. content:'\e8ac';
  5905. line-height:1em;
  5906. padding:0 !important;
  5907. margin:0 !important;
  5908. }
  5909.  
  5910. .popup_wrap .form_wrap {
  5911. position:relative;
  5912. overflow:hidden;
  5913. }
  5914. .popup_wrap .form_left {
  5915. float: left;
  5916. padding-right: 2.5em;
  5917. width: 54%;
  5918. border-right: 1px solid #e0e0e0;
  5919. -webkit-box-sizing: border-box;
  5920. -ms-box-sizing: border-box;
  5921. box-sizing: border-box;
  5922. }
  5923. .popup_wrap .form_right {
  5924. float: right;
  5925. padding-left: 2.5em;
  5926. width: 45%;
  5927. -webkit-box-sizing: border-box;
  5928. -ms-box-sizing: border-box;
  5929. box-sizing: border-box;
  5930. }
  5931. .popup_wrap.popup_registration .form_left {
  5932. width: 50%;
  5933. padding-right: 5px;
  5934. border-right: none;
  5935. }
  5936. .popup_wrap.popup_registration .form_right {
  5937. width: 50%;
  5938. padding-left: 5px;
  5939. }
  5940.  
  5941. .popup_wrap .popup_form_field {
  5942. margin-bottom:0.625em;
  5943. }
  5944. .popup_wrap input[type="text"],
  5945. .popup_wrap input[type="email"],
  5946. .popup_wrap input[type="password"] {
  5947. width:100%;
  5948. border: 2px solid #ebebeb;
  5949. background-color:#fafafa;
  5950. }
  5951. .popup_wrap input:not([type="submit"]):focus {
  5952. background-color:#ffffff;
  5953. }
  5954. .popup_wrap .popup_form_field.iconed_field {
  5955. position:relative;
  5956. }
  5957. .popup_wrap .popup_form_field.iconed_field:before {
  5958. position:absolute;
  5959. z-index:1;
  5960. top:10px;
  5961. right:8px;
  5962. margin-right:0;
  5963. color:#c9c9c9;
  5964. width:1em;
  5965. }
  5966. .popup_wrap .popup_form_field.iconed_field input {
  5967. padding-right:30px;
  5968. }
  5969.  
  5970. .popup_wrap .popup_form_field .forgot_password {
  5971. float: right;
  5972. line-height: 1.5em;
  5973. }
  5974.  
  5975. .popup_wrap .popup_form_field.submit_field {
  5976. padding:1em 0 4px 4px;
  5977. }
  5978. .popup_wrap .popup_form_field .submit_button {
  5979. width:100%;
  5980. }
  5981.  
  5982. .popup_wrap .login_socials_title {
  5983. color:#222222;
  5984. font-size:1.5em;
  5985. line-height:1.3em;
  5986. margin-bottom:0.5em;
  5987. }
  5988. .popup_wrap .login_socials_problem {
  5989. line-height:1.3em;
  5990. }
  5991.  
  5992. .popup_wrap .popup_form_field.remember_field {
  5993. margin-top: 1.2em;
  5994. }
  5995.  
  5996.  
  5997.  
  5998. /* 14. Third part plugins
  5999. ------------------------------------------------------------------------------------ */
  6000.  
  6001. /* WPBakery Page Builder */
  6002. .wpb_row,
  6003. .wpb_text_column,
  6004. .wpb_content_element,
  6005. ul.wpb_thumbnails-fluid > li,
  6006. .last_toggle_el_margin,
  6007. .wpb_button {
  6008. margin-bottom:0 !important;
  6009. }
  6010. .sc_gap .vc_row {
  6011. margin-left:0;
  6012. margin-right:0;
  6013. }
  6014. .sc_gap .vc_column_container {
  6015. padding-left:0;
  6016. padding-right:0;
  6017. }
  6018.  
  6019. h1 .wpb_text_column p,
  6020. h2 .wpb_text_column p,
  6021. h3 .wpb_text_column p,
  6022. h4 .wpb_text_column p,
  6023. h5 .wpb_text_column p,
  6024. h6 .wpb_text_column p {
  6025. padding-bottom:0 !important;
  6026. }
  6027.  
  6028. .top_panel > .vc_row > .wpb_column { z-index: 10; }
  6029. .top_panel > .vc_row:nth-child(2) > .wpb_column { z-index: 9; }
  6030. .top_panel > .vc_row:nth-child(3) > .wpb_column { z-index: 8; }
  6031. .top_panel > .vc_row:nth-child(4) > .wpb_column { z-index: 7; }
  6032. .top_panel > .vc_row:nth-child(5) > .wpb_column { z-index: 6; }
  6033. .top_panel > .vc_row:nth-child(6) > .wpb_column { z-index: 5; }
  6034. .top_panel > .vc_row:nth-child(7) > .wpb_column { z-index: 4; }
  6035. .top_panel > .vc_row:nth-child(8) > .wpb_column { z-index: 3; }
  6036. .top_panel > .vc_row:nth-child(9) > .wpb_column { z-index: 2; }
  6037. .top_panel > .vc_row:nth-child(10) > .wpb_column { z-index:1; }
  6038.  
  6039.  
  6040. /* Google conversion */
  6041. iframe[name="google_conversion_frame"] { height:1px; min-height:0px; display:none; }
  6042.  
  6043. .sc_googlemap > iframe {
  6044. width: 100%;
  6045. height: 100%;
  6046. }
  6047.  
  6048.  
  6049. /* WPBakery Page Builder */
  6050. .post_item_single .post_edit .vc_inline-link {
  6051. display:none;
  6052. }
  6053.  
  6054. /* Magnific popup */
  6055. .mfp-bg {
  6056. z-index:200001;
  6057. }
  6058. .mfp-wrap {
  6059. z-index:200002;
  6060. }
  6061. .mfp-arrow {
  6062. background-color: transparent !important;
  6063. }
  6064. .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  6065. right: -20px;
  6066. padding:0;
  6067. width: 44px;
  6068. text-align:center;
  6069. }
  6070. .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  6071. background: none !important;
  6072. }
  6073.  
  6074.  
  6075. /* Contact Form 7
  6076. ----------------------------------------------------- */
  6077. span.wpcf7-not-valid-tip {
  6078. display: none;
  6079. }
  6080. .wpcf7-not-valid + span.wpcf7-not-valid-tip {
  6081. display:block;
  6082. }
  6083. textarea.wpcf7-form-control,
  6084. .wpcf7-form-control[type="text"],
  6085. .wpcf7-form-control[type="number"],
  6086. .wpcf7-form-control[type="email"],
  6087. .wpcf7-form-control[type="password"],
  6088. .wpcf7-form-control[type="search"] {
  6089. width: 100%;
  6090. }
  6091.  
  6092. .wpcf7 .form_container .form_field{
  6093. margin-bottom: 1.1em;
  6094. }
  6095. .wpcf7 .form_container .form_field:first-child,
  6096. .wpcf7 .form_container .form_field:first-child + .form_field{
  6097. width: 49%;
  6098. }
  6099. .wpcf7 .form_container .form_field:first-child{
  6100. float: left;
  6101. }
  6102. .wpcf7 .form_container .form_field:first-child + .form_field{
  6103. float: right;
  6104. }
  6105. .wpcf7 .form_container .form_field:first-child + .form_field + .form_field{
  6106. float: none;
  6107. clear: both;
  6108. }
  6109. .wpcf7 .form_container .form_field_button.align_center{
  6110. text-align: center;
  6111. }
  6112. .wpcf7 .form_container .form_field_button.align_left{
  6113. text-align: left;
  6114. }
  6115. .wpcf7 .form_container .form_field_button.align_right{
  6116. text-align: right;
  6117. }
  6118.  
  6119. div.wpcf7-response-output {
  6120. padding: 1em 1.4em;
  6121. -webkit-border-radius: 35px;
  6122. -ms-border-radius: 35px;
  6123. border-radius: 35px;
  6124. }
  6125. .wpcf7 textarea{
  6126. min-height: 1em;
  6127. max-height: 16em;
  6128. }
  6129. .wpcf7-submit.sc_button.sc_button_modern {
  6130. padding: 1.7em 4.3em 1.6em;
  6131. }
  6132. .wpcf7 .wpcf7-acceptance {
  6133. display: block;
  6134. margin-bottom: 0.25em;
  6135. }
  6136.  
  6137. .wpcf7 .wpcf7-acceptance input[type="checkbox"] {
  6138. display: none;
  6139. }
  6140.  
  6141.  
  6142. /* Calculator */
  6143. [id*="cp_calculatedfieldsf"] .fields{
  6144. margin-bottom: 1.35em;
  6145. }
  6146. [id*="cp_calculatedfieldsf"] .fields label{
  6147. font-size: 1.111em;
  6148. font-weight: 700;
  6149. text-transform: uppercase;
  6150. letter-spacing: 0.05px;
  6151. display: block;
  6152. margin-bottom: 0.65em;
  6153. }
  6154. [id*="cp_calculatedfieldsf"] .fields:first-child,
  6155. [id*="cp_calculatedfieldsf"] .fields:first-child + .fields {
  6156. width: 50%;
  6157. display: inline-block;
  6158. vertical-align: top;
  6159. }
  6160. [id*="cp_calculatedfieldsf"] .fields:first-child > *{
  6161. padding-right: 0.6em;
  6162. }
  6163. [id*="cp_calculatedfieldsf"] .fields:first-child + .fields > * {
  6164. padding-left: 0.6em;
  6165.  
  6166. }
  6167.  
  6168. [id*="cp_calculatedfieldsf"] .fields input,
  6169. [id*="cp_calculatedfieldsf"] .fields select option,
  6170. [id*="cp_calculatedfieldsf"] .fields select{
  6171. letter-spacing: 2px;
  6172. }
  6173.  
  6174. /* Gutenberg */
  6175. body.sidebar_hide .alignfull {
  6176. margin-left: calc( -100vw / 2 + 100% / 2 );
  6177. margin-right: calc( -100vw / 2 + 100% / 2 );
  6178. width: 100vw;
  6179. max-width: 100vw;
  6180. }
  6181. body.sidebar_hide .alignwide {
  6182. position: relative;
  6183. left: calc( -44vw + 50% );
  6184. width: 88vw;
  6185. max-width: none;
  6186. }
  6187. .alignfull > img,
  6188. .alignwide > img {
  6189. max-width: none;
  6190. width: 100%;
  6191. }
  6192.  
  6193. /* WP GDPR Compliance */
  6194. .wpgdprc-checkbox input[type="checkbox"] {
  6195. margin-right: 5px;
  6196. }
  6197.  
  6198.  
  6199. /* Gutenberg */
  6200. body.sidebar_hide .alignfull {
  6201. margin-left : calc( -100vw / 2 + 100% / 2 );
  6202. margin-right : calc( -100vw / 2 + 100% / 2 );
  6203. max-width : 100vw;
  6204. }
  6205. body.sidebar_hide .alignwide {
  6206. position: relative;
  6207. left: calc( -44vw + 50% );
  6208. width: 88vw;
  6209. max-width: none;
  6210. }
  6211. .alignfull > img,
  6212. .alignwide > img {
  6213. max-width: none;
  6214. width: 100%;
  6215. }
  6216. body .alignwide {
  6217. position: relative;
  6218. left: 0;
  6219. width: 100%;
  6220. max-width: none;
  6221. }
  6222. body.sidebar_hide .alignwide {
  6223. position: relative;
  6224. left: calc( -44vw + 50% );
  6225. width: 88vw;
  6226. max-width: none;
  6227. }
  6228. .wp-block-cover__video-background {
  6229. position: absolute !important;
  6230. top: 50%;
  6231. left: 50%;
  6232. transform: translateX(-50%) translateY(-50%);
  6233. width: 100% !important;
  6234. height: 100% !important;
  6235. z-index: 0;
  6236. object-fit: cover;
  6237. }
  6238. .wp-block-gallery .blocks-gallery-image figcaption,
  6239. .wp-block-gallery .blocks-gallery-item figcaption {
  6240. padding: 10px 10px 5px;
  6241. line-height: 1.8em;
  6242. overflow: hidden;
  6243. -webkit-box-sizing: border-box;
  6244. -moz-box-sizing: border-box;
  6245. box-sizing: border-box;
  6246. }
  6247. .wp-block-cover .wp-block-cover-text {
  6248. position: absolute !important;
  6249. top: 50%;
  6250. left: 50%;
  6251. transform: translateX(-50%) translateY(-50%);
  6252. }
  6253. .wp-block-embed figcaption {
  6254. margin-bottom: 0;
  6255. }
  6256. .wp-block-columns,
  6257. .wp-block-media-text {
  6258. margin-bottom: 1.7em;
  6259. }
  6260. .has-large-font-size {
  6261. line-height: normal;
  6262. }
  6263. .wp-block-image,
  6264. .wp-block-image .aligncenter,
  6265. .wp-block-image .alignleft,
  6266. .wp-block-image .alignright {
  6267. display: table !important;
  6268. }
  6269. .wp-block-image figcaption {
  6270. margin-bottom: 0;
  6271. }
  6272. figure.wp-block-audio figcaption,
  6273. figure.wp-block-video figcaption,
  6274. figure.wp-block-embed figcaption {
  6275. position: static;
  6276. transition: none;
  6277. margin: 0.5em 0 0;
  6278. }
  6279. figure.wp-block-audio:hover figcaption,
  6280. figure.wp-block-video:hover figcaption,
  6281. figure.wp-block-image:hover figcaption,
  6282. figure.wp-block-embed:hover figcaption {
  6283. margin-bottom: 0;
  6284. }
  6285. .wp-block-gallery .blocks-gallery-image figure figcaption,
  6286. .wp-block-gallery .blocks-gallery-item figure figcaption {
  6287. left: 0;
  6288. right: 0;
  6289. }
  6290. .wp-block-embed__wrapper {
  6291. position: relative;
  6292. }
  6293. .wp-block-quote.is-large,
  6294. .wp-block-quote.is-style-large {
  6295. padding: 3em;
  6296. }
  6297. .wp-block-quote.is-style-large:before {
  6298. left: 0.9em;
  6299. }
  6300. .wp-block-pullquote.is-style-solid-color blockquote{
  6301. background-color: transparent;
  6302. }
  6303. .wp-block-audio .mejs-container {
  6304. height: 40px !important;
  6305. }
  6306. .sidebar_hide .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe,
  6307. .sidebar_hide .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe,
  6308. .sidebar_hide .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe,
  6309. .sidebar_hide .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe,
  6310. .sidebar_hide .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,
  6311. .sidebar_hide .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe,
  6312. .sidebar_hide .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe {
  6313. position: absolute;
  6314. top: 0;
  6315. right: 0;
  6316. bottom: 0;
  6317. left: 0;
  6318. width: 100%;
  6319. height: 100%;
  6320. }
  6321. .sidebar_hide .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before,
  6322. .sidebar_hide .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before,
  6323. .sidebar_hide .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before,
  6324. .sidebar_hide .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before,
  6325. .sidebar_hide .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before,
  6326. .sidebar_hide.wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before,
  6327. .sidebar_hide.wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
  6328. content: "";
  6329. display: block;
  6330. padding-top: 50%;
  6331. }
  6332. .wp-block-column .wp-block-image figcaption {
  6333. position: static;
  6334. }
  6335. .wp-block-column blockquote {
  6336. padding: 1em;
  6337. }
  6338. .wp-block-column blockquote:before {
  6339. display: none;
  6340. }
  6341. .sidebar_hide .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
  6342. padding-top: 56.25%;
  6343. }
  6344. .sidebar_hide .wp-block-columns.alignfull .wp-block-column {
  6345. padding: 0 1.5em;
  6346. }
  6347. .wp-block-separator {
  6348. max-width: 5em;
  6349. margin: 3em 0;
  6350. }
  6351. .wp-block-separator.is-style-wide {
  6352. max-width: 100%;
  6353. }
  6354. .wp-block-table:not(.is-style-stripes) tr > td {
  6355. border: 1px solid #676a78!important;
  6356. }
  6357. .wp-block-table > tbody > tr:nth-child(2n+1) > td {
  6358. background-color: transparent!important;
  6359. }
  6360. .wp-block-table + .wp-block-table {
  6361. margin-top: 1.5rem;
  6362. }
  6363.  
  6364.  
  6365. /* 15. Predefined classes for users
  6366. -------------------------------------------------------------- */
  6367.  
  6368. .align_center {
  6369. text-align: center;
  6370. }
  6371. .align_right {
  6372. text-align: right;
  6373. }
  6374. .align_left {
  6375. text-align: left;
  6376. }
  6377.  
  6378.  
  6379. /* Round object corners */
  6380. .rounded_none {
  6381. -webkit-border-radius: 0px;
  6382. -ms-border-radius: 0px;
  6383. border-radius: 0px;
  6384. }
  6385. .rounded_tiny {
  6386. -webkit-border-radius: 4px;
  6387. -ms-border-radius: 4px;
  6388. border-radius: 4px;
  6389. }
  6390. .rounded_small {
  6391. -webkit-border-radius: 6px;
  6392. -ms-border-radius: 6px;
  6393. border-radius: 6px;
  6394. }
  6395. .rounded_medium {
  6396. -webkit-border-radius: 10px;
  6397. -ms-border-radius: 10px;
  6398. border-radius: 10px;
  6399. }
  6400. .rounded_large {
  6401. -webkit-border-radius: 15px;
  6402. -ms-border-radius: 15px;
  6403. border-radius: 15px;
  6404. }
  6405. .rounded {
  6406. -webkit-border-radius: 50%;
  6407. -ms-border-radius: 50%;
  6408. border-radius: 50%;
  6409. }
  6410.  
  6411. /* Height variants for the empty space */
  6412. .height_tiny { height: 1rem !important; } /* 15px */
  6413. .height_small { height: 2rem !important; } /* 30px */
  6414. .height_medium {height: 3.3333rem !important; } /* 50px */
  6415. .height_large,
  6416. .height_big { height: 6.6667rem !important; } /* 100px */
  6417. .height_huge { height: 8.6667rem !important; } /* 130px */
  6418.  
  6419.  
  6420. /* Scroll button on the slider */
  6421. .theme_scroll_down {
  6422. display:inline-block;
  6423. text-align:center;
  6424. cursor:pointer;
  6425. text-transform:uppercase;
  6426. font-size:11px !important;
  6427. line-height:15px !important;
  6428. letter-spacing: 2px;
  6429. }
  6430. .theme_scroll_down:after {
  6431. content: '\e938';
  6432. font-family:'fontello';
  6433. font-size:16px !important;
  6434. line-height:30px !important;
  6435. display:block;
  6436. text-align:center;
  6437. }
  6438. .theme_scroll_down:hover {
  6439. -webkit-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2);
  6440. -ms-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2);
  6441. animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2);
  6442. }
  6443.  
  6444. .fullscreen_search_open {
  6445. z-index: 100 !important;
  6446. }
  6447. .height_60 {
  6448. height:60px;
  6449. }
  6450. .bg_color_white{
  6451. background-color: #fff;
  6452. }
  6453. .colorpicker_td_extra_style {
  6454. vertical-align:middle;
  6455. text-align:center;
  6456. border:1px solid #000;
  6457. background:#fff;
  6458. }
  6459. .colorpicker_input_extra_style {
  6460. width:55px;
  6461. color:#000;
  6462. border:1px solid rgb(0, 0, 0);
  6463. padding:5px;
  6464. background-color:#fff;
  6465. font:11px Arial, Helvetica, sans-serif;
  6466. }
  6467.  
  6468. /* Makeup image */
  6469. #makeup {
  6470. position:absolute;
  6471. z-index:1000000;
  6472. pointer-events: none;
  6473. opacity:0.5;
  6474. left: 50%;
  6475. top:0;
  6476. -webkit-transform:translateX(-50%);
  6477. -ms-transform:translateX(-50%);
  6478. transform:translateX(-50%);
  6479. }
  6480. .admin-bar #makeup {
  6481. top:32px;
  6482. }
  6483. #makeup {
  6484. /* Correct this value to position makeup image */
  6485. margin-left: 0;
  6486. margin-top: 0;
  6487. }
  6488.  
  6489.  
  6490. .wpb_revslider_element .slider_socials .socials_wrap .social_item {
  6491. display: block;
  6492. margin: 0;
  6493. }
  6494.  
  6495. .wpb_revslider_element .slider_socials .socials_wrap .social_item .social_icon {
  6496. font-size: 18px;
  6497. width: 1em;
  6498. height: 1em;
  6499. line-height: 1em;
  6500. -webkit-border-radius: 0;
  6501. -ms-border-radius: 0;
  6502. border-radius: 0;
  6503. color: #62d0df !important;
  6504. background-color: transparent !important;
  6505. }
  6506.  
  6507. .wpb_revslider_element .slider_socials .socials_wrap .social_item:hover .social_icon,
  6508. .wpb_revslider_element .slider_socials .socials_wrap .social_item:hover .social_icon i{
  6509. background-color: transparent !important;
  6510. color: #e268e0 !important;
  6511. }
  6512.  
  6513. .wpb_revslider_element .slider_socials .socials_wrap .social_item + .social_item {
  6514. margin-top: 3.6em;
  6515. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement