Advertisement
arie_cristianD

override style amp version

Dec 10th, 2023
79
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 38.23 KB | None | 0 0
  1. <?php
  2.     /* Global Color */
  3.     $body_color    = get_theme_mod( 'jnews_body_color', '#53585c' );
  4.     $body_bg_color = get_theme_mod( 'jnews_container_background', '#FFFFFF' );
  5.     $accent_color  = get_theme_mod( 'jnews_accent_color', '#f70d28' );
  6.  
  7.     $mobile_heading_color     = get_theme_mod( 'jnews_header_mobile_midbar_background_color', '' );
  8.     $mobile_heading_btn_color = get_theme_mod( 'jnews_header_nav_icon_mobilcolor', '' );
  9.  
  10.     $mobile_logo          = get_theme_mod( 'jnews_mobile_logo', get_template_directory_uri() . '/assets/img/logo_mobile.png' );
  11.     $mobile_logo_retina   = get_theme_mod( 'jnews_mobile_logo_retina', get_template_directory_uri() . '/assets/img/logo_mobile@2x.png' );
  12.     $mobile_header_height = get_theme_mod( 'jnews_header_mobile_midbar_height', 60 );
  13.  
  14.     $menu_social_color               = get_theme_mod( 'jnews_header_drawer_social_icon_text_color', '#a0a0a0' );
  15.     $mobile_drawer_bg_color          = get_theme_mod( 'jnews_header_mobile_drawer_background_color', '#fff' );
  16.     $mobile_drawer_overlay_color     = get_theme_mod( 'jnews_header_mobile_drawer_overlay_color', '' );
  17.     $mobile_drawer_social_icon_color = get_theme_mod( 'jnews_header_drawer_social_icon_text_color', '' );
  18.  
  19.     $mobile_drawer_bg_image           = get_theme_mod( 'jnews_header_mobile_drawer_background_image', '' );
  20.     $mobile_drawer_bg_image_repeat    = get_theme_mod( 'jnews_header_mobile_drawer_background_repeat', '' );
  21.     $mobile_drawer_bg_image_posistion = get_theme_mod( 'jnews_header_mobile_drawer_background_position', '' );
  22.     $mobile_drawer_bg_image_fixed     = get_theme_mod( 'jnews_header_mobile_drawer_background_fixed', '' );
  23.     $mobile_drawer_bg_image_size      = get_theme_mod( 'jnews_header_mobile_drawer_background_size', '' );
  24.  
  25.     $heading_color = get_theme_mod( 'jnews_heading_color', '#212121' );
  26.  
  27.     /* Font */
  28.     $settings = apply_filters( 'jeg_fonts_option_setting', '' );
  29.     $fonts    = array();
  30.  
  31. if ( is_array( $settings ) ) {
  32.     foreach ( $settings as $setting ) {
  33.         $option = get_theme_mod( $setting );
  34.  
  35.         if ( ! empty( $option['font-family'] ) ) {
  36.             $fonts[ $setting ] = $option['font-family'];
  37.         }
  38.     }
  39. }
  40. ?>
  41.  
  42. /*** Generic WP ***/
  43. /*.alignright {
  44.     float: right;
  45. }
  46. .alignleft {
  47.     float: left;
  48. }*/
  49. .aligncenter {
  50.     display: block;
  51.     margin-left: auto;
  52.     margin-right: auto;
  53. }
  54. .amp-wp-enforced-sizes {
  55.     /** Our sizes fallback is 100vw, and we have a padding on the container; the max-width here prevents the element from overflowing. **/
  56.     max-width: 100%;
  57.     margin: 0 auto;
  58. }
  59. .amp-wp-unknown-size img {
  60.  
  61.     /** Worst case scenario when we can't figure out dimensions for an image. **/
  62.  
  63.     /** Force the image into a box of fixed dimensions and use object-fit to scale. **/
  64.     object-fit: contain;
  65. }
  66.  
  67. /* Clearfix */
  68. .clearfix:before, .clearfix:after {
  69.     content: " ";
  70.     display: table;
  71. }
  72.  
  73. .clearfix:after {
  74.     clear: both;
  75. }
  76.  
  77. /*** Theme Styles ***/
  78. .amp-wp-content, .amp-wp-title-bar div {
  79.     margin: 0 auto;
  80.     max-width: 600px;
  81. }
  82. body, html {
  83.     height: 100%;
  84.     margin: 0;
  85. }
  86. body {
  87.     background-color: <?php echo esc_attr( $body_bg_color ); ?>;
  88.     color: <?php echo esc_attr( $body_color ); ?>;
  89.     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  90.     font-size: 14px;
  91.     line-height: 1.785714285714286em;
  92.     text-rendering: optimizeLegibility;
  93.     -webkit-font-smoothing: antialiased;
  94.     -moz-osx-font-smoothing: grayscale;
  95. }
  96. h1,
  97. h2,
  98. h3,
  99. h4,
  100. h5,
  101. h6,
  102. .amp-wp-title {
  103.     color: <?php echo esc_attr( $heading_color ); ?>;
  104. }
  105.  
  106. <?php if ( isset( $fonts['jnews_body_font'] ) && $fonts['jnews_body_font'] ) : ?>
  107. body,
  108. input,
  109. textarea,
  110. select,
  111. .chosen-container-single .chosen-single,
  112. .btn,
  113. .button {
  114.     font-family: <?php echo esc_attr( $fonts['jnews_body_font'] ); ?>;
  115. }
  116. <?php endif; ?>
  117.  
  118. <?php if ( isset( $fonts['jnews_p_font'] ) && $fonts['jnews_p_font'] ) : ?>
  119. .amp-wp-article-content p {
  120.     font-family: <?php echo esc_attr( $fonts['jnews_p_font'] ); ?>;
  121. }
  122. <?php endif; ?>
  123.  
  124. <?php if ( isset( $fonts['jnews_header_font'] ) && $fonts['jnews_header_font'] ) : ?>
  125. .jeg_mobile_wrapper {
  126.     font-family: <?php echo esc_attr( $fonts['jnews_header_font'] ); ?>;
  127. }
  128. <?php endif; ?>
  129.  
  130. <?php if ( isset( $fonts['jnews_main_menu_font'] ) && $fonts['jnews_main_menu_font'] ) : ?>
  131. .jeg_mobile_menu {
  132.     font-family: <?php echo esc_attr( $fonts['jnews_main_menu_font'] ); ?>;
  133. }
  134. <?php endif; ?>
  135.  
  136. <?php if ( isset( $fonts['jnews_h1_font'] ) && $fonts['jnews_h1_font'] ) : ?>
  137. .amp-wp-title {
  138.     font-family: <?php echo esc_attr( $fonts['jnews_h1_font'] ); ?>;
  139. }
  140. <?php endif; ?>
  141.  
  142. ::-moz-selection {
  143.     background: #fde69a;
  144.     color: #212121;
  145.     text-shadow: none;
  146. }
  147. ::-webkit-selection {
  148.     background: #fde69a;
  149.     color: #212121;
  150.     text-shadow: none;
  151. }
  152. ::selection {
  153.     background: #fde69a;
  154.     color: #212121;
  155.     text-shadow: none;
  156. }
  157. p, ol, ul, figure {
  158.     margin: 0 0 1em;
  159.     padding: 0;
  160. }
  161. a, a:visited {
  162.     text-decoration: none;
  163. }
  164. a:hover, a:active, a:focus {
  165.     color: #212121;
  166. }
  167.  
  168. /*** Global Color ***/
  169. a,
  170. a:visited,
  171. #breadcrumbs a:hover,
  172. .amp-related-content h3 a:hover,
  173. .amp-related-content h3 a:focus,
  174. .bestprice .price, .jeg_review_title
  175. {
  176.     color: <?php echo esc_attr( $accent_color ); ?>;
  177. }
  178.  
  179. /*** Header ***/
  180. .amp-wp-header {
  181.     text-align: center;
  182.     background-color: #fff;
  183.     height: <?php echo esc_attr( $mobile_header_height ); ?>px;
  184.     box-shadow: 0 2px 6px rgba(0, 0, 0,.1);
  185. }
  186. .amp-wp-header.dark {
  187.     background-color: #212121;
  188. }
  189. .amp-wp-header .jeg_mobile_logo {
  190.     display: flex;
  191.     align-items: center;
  192.     justify-content: center;
  193.     flex: 1 0 0%;
  194.     <?php
  195.     if ( get_theme_mod( 'jnews_mobile_logo_type', 'image' ) === 'image' ) {
  196.         printf( 'background-image: url(%s);', esc_url( $mobile_logo ) );
  197.     } elseif ( class_exists( 'Jeg\Util\Style_Generator' ) ) {
  198.         echo Jeg\Util\Style_Generator::get_instance()->font_parse( 'jnews_mobile_logo_text_font', false );
  199.     }
  200.     ?>
  201. }
  202. @media
  203. only screen and (-webkit-min-device-pixel-ratio: 2),
  204. only screen and (     -o-min-device-pixel-ratio: 2/1),
  205. only screen and (        min-device-pixel-ratio: 2),
  206. only screen and (                min-resolution: 192dpi),
  207. only screen and (                min-resolution: 2dppx) {
  208.     .amp-wp-header .jeg_mobile_logo {
  209.         <?php
  210.         if ( get_theme_mod( 'jnews_mobile_logo_type', 'image' ) === 'image' ) {
  211.             printf( 'background-image: url(%s);', esc_url( $mobile_logo_retina ) );
  212.         }
  213.         ?>
  214.         background-size: auto 25px;
  215.     }
  216. }
  217. <?php if ( ! empty( $mobile_heading_color ) ) : ?>
  218. .amp-wp-header,
  219. .amp-wp-header.dark  {
  220.     background-color: <?php echo esc_attr( $mobile_heading_color ); ?>;
  221. }
  222. <?php endif; ?>
  223.  
  224. .amp-wp-header div {
  225.     color: #fff;
  226.     font-size: 1em;
  227.     font-weight: 400;
  228.     margin: 0 auto;
  229.     position: relative;
  230.     display: flex;
  231.     flex-wrap: wrap;
  232.     flex-direction: row;
  233.     width: 100%;
  234.     height: 100%;
  235. }
  236. .amp-wp-header a {
  237.     text-align: center;
  238.     width: 100%;
  239.     height: 100%;
  240.     display: block;
  241.     background-position: center center;
  242.     background-repeat: no-repeat;
  243. }
  244. .amp-wp-site-icon {
  245.     vertical-align: middle;
  246. }
  247.  
  248. /*** Article ***/
  249. .amp-wp-article {
  250.     color: #333;
  251.     font-size: 16px;
  252.     line-height: 1.625em;
  253.     margin: 22px auto 30px;
  254.     padding: 0 15px;
  255.     max-width: 840px;
  256.     overflow-wrap: break-word;
  257.     word-wrap: break-word;
  258. }
  259.  
  260. /* Article Breadcrumb */
  261. .amp-wp-breadcrumb {
  262.     margin: -5px auto 10px;
  263.     font-size: 11px;
  264.     color: #a0a0a0;
  265. }
  266. #breadcrumbs a {
  267.     color: #53585c;
  268. }
  269. #breadcrumbs .fa {
  270.     padding: 0 3px
  271. }
  272. #breadcrumbs .breadcrumb_last_link a {
  273.     color: #a0a0a0
  274. }
  275.  
  276. /* Article Header */
  277. .amp-wp-article-header {
  278.     margin-bottom: 15px;
  279. }
  280. .amp-wp-title {
  281.     display: block;
  282.     width: 100%;
  283.     font-size: 32px;
  284.     font-weight: bold;
  285.     line-height: 1.15;
  286.     margin: 0 0 .4em;
  287.     letter-spacing: -0.04em;
  288. }
  289.  
  290. h2.amp-wp-subtitle {
  291.     font: inherit;
  292.     font-size: 20px;
  293.     line-height: 1.4em;
  294.     margin-bottom: 20px;
  295.     color: #a0a0a0;
  296. }
  297.  
  298. /* Article Meta */
  299. .amp-wp-meta {
  300.     color: #a0a0a0;
  301.     list-style: none;
  302.     font-size: smaller;
  303. }
  304. .amp-wp-meta li {
  305.     display: inline-block;
  306.     line-height: 1;
  307. }
  308. .amp-wp-byline amp-img, .amp-wp-byline .amp-wp-author {
  309.     display: inline-block;
  310. }
  311. .amp-wp-author a {
  312.     font-weight: bold;
  313. }
  314. .amp-wp-byline amp-img {
  315.     border-radius: 100%;
  316.     position: relative;
  317.     margin-right: 6px;
  318.     vertical-align: middle;
  319. }
  320. .amp-wp-posted-on {
  321.     margin-left: 5px;
  322. }
  323. .amp-wp-posted-on:before {
  324.     content: '\2014';
  325.     margin-right: 5px;
  326. }
  327.  
  328. /* Featured image */
  329. /* .amp-wp-article .amp-wp-article-featured-image {
  330.     margin: 0 -15px 15px;
  331.     max-width: none;
  332. } */
  333. .amp-wp-article-featured-image amp-img {
  334.     margin: 0 auto;
  335. }
  336. .amp-wp-article-featured-image.wp-caption .wp-caption-text {
  337.     margin: 0 18px;
  338. }
  339.  
  340. /* Social Share */
  341. .jeg_share_amp_container {
  342.     margin: 0 0 15px;
  343. }
  344. .jeg_sharelist {
  345.     float: none;
  346.     display: -webkit-flex;
  347.     display: -ms-flexbox;
  348.     display: flex;
  349.     -webkit-flex-wrap: wrap;
  350.     -ms-flex-wrap: wrap;
  351.     flex-wrap: wrap;
  352.     -webkit-align-items: flex-start;
  353.     -ms-flex-align: start;
  354.     align-items: flex-start;
  355. }
  356. .jeg_share_button a {
  357.     display: -webkit-flex;
  358.     display: -ms-flexbox;
  359.     display: flex;
  360.     -webkit-flex: 1;
  361.     -ms-flex: 1;
  362.     flex: 1;
  363.     -webkit-justify-content: center;
  364.     -ms-flex-pack: center;
  365.     justify-content: center;
  366.     -webkit-backface-visibility: hidden;
  367.     backface-visibility: hidden;
  368. }
  369. .jeg_share_button a {
  370.     float: left;
  371.     width: auto;
  372.     height: 32px;
  373.     line-height: 32px;
  374.     white-space: nowrap;
  375.     padding: 0 10px;
  376.     color: #fff;
  377.     background: #212121;
  378.     margin: 0 5px 5px 0;
  379.     border-radius: 3px;
  380.     text-align: center;
  381.     -webkit-transition: .2s;
  382.     -o-transition: .2s;
  383.     transition: .2s;
  384. }
  385. .jeg_share_button a:last-child {
  386.     margin-right: 0
  387. }
  388. .jeg_share_button a:hover {
  389.     opacity: .75
  390. }
  391. .jeg_share_button a > span {
  392.     display: none;
  393. }
  394. .jeg_share_button .fa {
  395.     font-size: 16px;
  396.     line-height: inherit;
  397. }
  398. .jeg_share_button .jeg_btn-facebook {
  399.     background: #45629f;
  400. }
  401. .jeg_share_button a svg {
  402.     position: relative;
  403.     top: 2px;
  404.     fill: #fff;
  405. }
  406. .jeg_share_button .jeg_btn-twitter {
  407.     background: #000;
  408. }
  409. .fa-twitter:before {
  410.     content : none ;
  411. }
  412. .jeg_share_button .jeg_btn-pinterest {
  413.     background: #e02647;
  414. }
  415. .jeg_share_button .jeg_btn-linkedin {
  416.     background: #0083bb;
  417. }
  418. .jeg_share_button .jeg_btn-reddit {
  419.     background: #5f99cf;
  420. }
  421. .jeg_share_button .jeg_btn-stumbleupon {
  422.     background: #ff4e2e;
  423. }
  424. .jeg_share_button .jeg_btn-telegram {
  425.     background: #0088cc;
  426. }
  427. .jeg_share_button .jeg_btn-tumbrl {
  428.     background: #314358;
  429. }
  430. .jeg_share_button .jeg_btn-vk {
  431.     background: #4C75A3;
  432. }
  433. .jeg_share_button .jeg_btn-whatsapp {
  434.     background: #075e54;
  435. }
  436. .jeg_share_button .jeg_btn-wechat {
  437.     background: #7bb32e;
  438. }
  439. .jeg_share_button .jeg_btn-line {
  440.     background: #00b900;
  441. }
  442. .jeg_share_button .jeg_btn-discord {
  443.     background: #7289da;
  444. }
  445. .jeg_share_button .jeg_btn-odnoklassniki {
  446.     background: #f87b00;
  447. }
  448.  
  449. /*** Article Content ***/
  450. .amp-wp-article-content {
  451.     color: <?php echo esc_attr( $body_color ); ?>;
  452. }
  453. .amp-wp-article-content ul, .amp-wp-article-content ol {
  454.     margin: 0 0 1.5em 1.5em;
  455. }
  456. .amp-wp-article-content li {
  457.     margin-bottom: 0.5em;
  458. }
  459. .amp-wp-article-content ul {
  460.     list-style: square;
  461. }
  462. .amp-wp-article-content ol {
  463.     list-style: decimal;
  464. }
  465. .amp-wp-article-content ul.fa-ul {
  466.     list-style: none;
  467.     margin-left: inherit;
  468.     padding-left: inherit;
  469. }
  470. .amp-wp-article-content amp-img {
  471.     margin: 0 auto 15px;
  472. }
  473. .amp-wp-article-content .wp-caption amp-img {
  474.     margin-bottom: 0px;
  475. }
  476. .amp-wp-article-content amp-img.alignright {
  477.     margin: 5px -15px 15px 15px;
  478.     max-width: 60%;
  479. }
  480. .amp-wp-article-content amp-img.alignleft {
  481.     margin: 5px 15px 15px -15px;
  482.     max-width: 60%;
  483. }
  484.  
  485. .amp-wp-article-content h1, .amp-wp-article-content h2, .amp-wp-article-content h3, .amp-wp-article-content h4, .amp-wp-article-content h5, .amp-wp-article-content h6 {
  486.     font-weight: 500;
  487. }
  488.  
  489. dt {
  490.     font-weight: 600;
  491. }
  492. dd {
  493.     margin-bottom: 1.25em;
  494. }
  495. em, cite {
  496.     font-style: italic;
  497. }
  498. ins {
  499.     background: #fcf8e3;
  500. }
  501. sub, sup {
  502.     font-size: 62.5%;
  503. }
  504. sub {
  505.     vertical-align: sub;
  506.     bottom: 0;
  507. }
  508. sup {
  509.     vertical-align: super;
  510.     top: 0.25em;
  511. }
  512.  
  513. /* Table */
  514. table {
  515.     width: 100%;
  516.     margin: 1em 0 30px;
  517.     line-height: normal;
  518.     color: #7b7b7b;
  519. }
  520. tr {
  521.     border-bottom: 1px solid #eee;
  522. }
  523. tbody tr:hover {
  524.     color: #53585c;
  525.     background: #f7f7f7;
  526. }
  527. thead tr {
  528.     border-bottom: 2px solid #eee;
  529. }
  530. th, td {
  531.     font-size: 0.85em;
  532.     padding: 8px 20px;
  533.     text-align: left;
  534.     border-left: 1px solid #eee;
  535.     border-right: 1px solid #eee;
  536. }
  537. th {
  538.     color: #53585c;
  539.     font-weight: bold;
  540.     vertical-align: middle;
  541. }
  542. tbody tr:last-child, th:first-child, td:first-child, th:last-child, td:last-child {
  543.     border: 0;
  544. }
  545.  
  546. /* Quotes */
  547. blockquote {
  548.     display: block;
  549.     color: #7b7b7b;
  550.     font-style: italic;
  551.     padding-left: 1em;
  552.     border-left: 4px solid #eee;
  553.     margin: 0 0 15px 0;
  554. }
  555. blockquote p:last-child {
  556.     margin-bottom: 0;
  557. }
  558.  
  559. /* Captions */
  560. .wp-caption {
  561.     max-width: 100%;
  562.     box-sizing: border-box;
  563. }
  564. .wp-caption.alignleft {
  565.     margin: 5px 20px 20px 0;
  566. }
  567. .wp-caption.alignright {
  568.     margin: 5px 0 20px 20px;
  569. }
  570. .wp-caption .wp-caption-text {
  571.     margin: 3px 0 1em;
  572.     font-size: 12px;
  573.     color: #a0a0a0;
  574.     text-align: center;
  575. }
  576. .wp-caption a {
  577.     color: #a0a0a0;
  578.     text-decoration: underline;
  579. }
  580.  
  581. /* AMP Media */
  582. article > amp-carousel {
  583.     margin-top: -25px;
  584. }
  585. .amp-wp-article-content amp-carousel amp-img {
  586.     border: none;
  587. }
  588. amp-carousel > amp-img > img {
  589.     object-fit: contain;
  590. }
  591. .amp-wp-iframe-placeholder {
  592.     background-color: #212121;
  593.     background-size: 48px 48px;
  594.     min-height: 48px;
  595. }
  596.  
  597. /* Shortcodes */
  598. .intro-text {
  599.     font-size: larger;
  600.     line-height: 1.421em;
  601.     letter-spacing: -0.01em;
  602. }
  603.  
  604. .dropcap {
  605.     display: block;
  606.     float: left;
  607.     margin: 0.04em 0.2em 0 0;
  608.     color: #212121;
  609.     font-size: 3em;
  610.     line-height: 1;
  611.     padding: 10px 15px;
  612. }
  613. .dropcap.rounded {
  614.     border-radius: 10px;
  615. }
  616.  
  617. /* Pull Quote */
  618. .pullquote {
  619.     font-size: larger;
  620.     border: none;
  621.     padding: 0 1em;
  622.     position: relative;
  623.     text-align: center;
  624. }
  625. .pullquote:before, .pullquote:after {
  626.     content: '';
  627.     display: block;
  628.     width: 50px;
  629.     height: 2px;
  630.     background: #eee;
  631. }
  632. .pullquote:before {
  633.     margin: 1em auto 0.65em;
  634. }
  635. .pullquote:after {
  636.     margin: 0.75em auto 1em;
  637. }
  638.  
  639. /* Article Review */
  640. .jeg_review_wrap {
  641.     border-top: 3px solid #eee;
  642.     padding-top: 20px;
  643.     margin: 40px 0;
  644. }
  645. .jeg_reviewheader {
  646.     margin-bottom: 20px;
  647. }
  648. .jeg_review_title {
  649.     font-weight: bold;
  650.     margin: 0 0 20px;
  651. }
  652. .jeg_review_wrap .jeg_review_subtitle {
  653.     font-size: smaller;
  654.     line-height: 1.4em;
  655.     margin: 0 0 5px;
  656. }
  657. .jeg_review_wrap h3 {
  658.     font-size: 16px;
  659.     font-weight: bolder;
  660.     margin: 0 0 10px;
  661.     text-transform: uppercase;
  662. }
  663. .review_score {
  664.     float: left;
  665.     color: #fff;
  666.     text-align: center;
  667.     width: 70px;
  668.     margin-right: 15px;
  669. }
  670. .review_score .score_text {
  671.     background: rgba(0, 0, 0, 0.08);
  672. }
  673. .score_good {
  674.     background: #0D86F7;
  675. }
  676. .score_avg {
  677.     background: #A20DF7;
  678. }
  679. .score_bad {
  680.     background: #F70D0D;
  681. }
  682. .score_value {
  683.     display: block;
  684.     font-size: 26px;
  685.     font-weight: bold;
  686.     line-height: normal;
  687.     padding: 10px 0;
  688. }
  689. .score_value .percentsym {
  690.     font-size: 50%;
  691.     vertical-align: super;
  692.     margin-right: -0.45em;
  693. }
  694. .score_text {
  695.     display: block;
  696.     padding: 3px 0;
  697.     font-size: 12px;
  698.     letter-spacing: 1.5px;
  699.     text-transform: uppercase;
  700.     text-rendering: auto;
  701.     -webkit-font-smoothing: auto;
  702.     -moz-osx-font-smoothing: auto;
  703. }
  704. .jeg_reviewdetail {
  705.     margin-bottom: 30px;
  706.     background: #f5f5f5;
  707.     border-radius: 3px;
  708.     width: 100%;
  709. }
  710. .conspros {
  711.     padding: 15px 20px;
  712. }
  713. .jeg_reviewdetail .conspros:first-child {
  714.     border-bottom: 1px solid #e0e0e0;
  715. }
  716. .jeg_reviewdetail ul {
  717.     margin: 0;
  718.     list-style-type: none;
  719.     font-size: smaller;
  720. }
  721. .jeg_reviewdetail li {
  722.     padding-left: 22px;
  723.     position: relative;
  724. }
  725. .jeg_reviewdetail li > i {
  726.     color: #a0a0a0;
  727.     position: absolute;
  728.     left: 0;
  729.     top: -1px;
  730.     font-style: normal;
  731.     font-size: 14px;
  732. }
  733. .jeg_reviewdetail li > i:before {
  734.     font-family: 'FontAwesome';
  735.     content: "\f00c";
  736.     display: inline-block;
  737.     text-rendering: auto;
  738.     -webkit-font-smoothing: antialiased;
  739.     -moz-osx-font-smoothing: grayscale;
  740. }
  741. .jeg_reviewdetail .conspros:last-child li > i:before {
  742.     content: "\f00d";
  743. }
  744.  
  745. /* Review Breakdown */
  746. .jeg_reviewscore {
  747.     padding: 15px 20px;
  748.     border: 2px solid #eee;
  749.     border-radius: 3px;
  750.     margin-bottom: 30px;
  751. }
  752. .jeg_reviewscore ul {
  753.     margin: 0;
  754.     font-family: inherit;
  755. }
  756. .jeg_reviewscore li {
  757.     margin: 1em 0;
  758.     padding: 0;
  759.     font-size: 13px;
  760.     list-style: none;
  761. }
  762.  
  763. /* Review Stars */
  764. .jeg_review_stars {
  765.     font-size: 14px;
  766.     color: #F7C90D;
  767. }
  768. .jeg_reviewstars li {
  769.     border-top: 1px dotted #eee;
  770.     padding-top: 8px;
  771.     margin: 8px 0;
  772. }
  773. .jeg_reviewstars .reviewscore {
  774.     float: right;
  775.     font-size: 18px;
  776.     color: #F7C90D;
  777. }
  778.  
  779. /* Review Bars */
  780. .jeg_reviewbars .reviewscore {
  781.     font-weight: bold;
  782.     float: right;
  783. }
  784. .jeg_reviewbars .jeg_reviewbar_wrap, .jeg_reviewbars .barbg {
  785.     height: 4px;
  786.     border-radius: 2px;
  787. }
  788. .jeg_reviewbars .jeg_reviewbar_wrap {
  789.     position: relative;
  790.     background: #eee;
  791.     clear: both;
  792. }
  793. .jeg_reviewbars .barbg {
  794.     position: relative;
  795.     display: block;
  796.     background: #F7C90D;
  797.     background: -moz-linear-gradient(left, rgba(247, 201, 13, 1) 0%, rgba(247, 201, 13, 1) 45%, rgba(247, 126, 13, 1) 100%);
  798.     background: -webkit-linear-gradient(left, rgba(247, 201, 13, 1) 0%, rgba(247, 201, 13, 1) 45%, rgba(247, 126, 13, 1) 100%);
  799.     background: linear-gradient(to right, rgba(247, 201, 13, 1) 0%, rgba(247, 201, 13, 1) 45%, rgba(247, 126, 13, 1) 100%);
  800.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7c90d', endColorstr='#f77e0d', GradientType=1);
  801. }
  802. .jeg_reviewbars .barbg:after {
  803.     width: 10px;
  804.     height: 10px;
  805.     border-radius: 100%;
  806.     background: #fff;
  807.     content: '';
  808.     position: absolute;
  809.     right: 0;
  810.     display: block;
  811.     border: 3px solid #F77E0D;
  812.     top: -3px;
  813.     box-sizing: border-box;
  814. }
  815.  
  816. /* Product Deals */
  817. .jeg_deals h3 {
  818.     text-transform: none;
  819.     font-size: 18px;
  820.     margin-bottom: 5px;
  821.     font-weight: bold;
  822. }
  823. .dealstitle p {
  824.     font-size: smaller;
  825. }
  826. .bestprice {
  827.     margin-bottom: 1em;
  828. }
  829. .bestprice h4 {
  830.     font-size: smaller;
  831.     font-weight: bold;
  832.     text-transform: uppercase;
  833.     display: inline;
  834. }
  835. .bestprice .price {
  836.     font-size: 1em;
  837. }
  838. .jeg_deals .price {
  839.     font-weight: bold;
  840. }
  841. .jeg_deals a {
  842.     color: #212121
  843. }
  844.  
  845. /* Deals on Top Article */
  846. .jeg_deals_float {
  847.     width: 100%;
  848.     padding: 10px 15px 15px;
  849.     background: #f5f5f5;
  850.     border-radius: 3px;
  851.     margin: 0 0 1.25em;
  852.     box-sizing: border-box;
  853. }
  854. .jeg_deals_float h3 {
  855.     font-size: smaller;
  856.     margin: 0 0 5px;
  857. }
  858. .jeg_deals_float .jeg_storelist li {
  859.     padding: 3px 7px;
  860.     font-size: small;
  861. }
  862. ul.jeg_storelist {
  863.     list-style: none;
  864.     margin: 0;
  865.     border: 1px solid #e0e0e0;
  866.     font-family: inherit;
  867. }
  868. .jeg_storelist li {
  869.     background: #fff;
  870.     border-bottom: 1px solid #e0e0e0;
  871.     padding: 5px 10px;
  872.     margin: 0;
  873.     font-size: 13px;
  874. }
  875. .jeg_storelist li:last-child {
  876.     border-bottom: 0
  877. }
  878. .jeg_storelist li .priceinfo {
  879.     float: right;
  880. }
  881. .jeg_storelist .productlink {
  882.     display: inline-block;
  883.     padding: 0 10px;
  884.     color: #fff;
  885.     border-radius: 2px;
  886.     font-size: 11px;
  887.     line-height: 20px;
  888.     margin-left: 5px;
  889.     text-transform: uppercase;
  890.     font-weight: bold;
  891. }
  892.  
  893. /* Article Footer Meta */
  894. .amp-wp-meta-taxonomy {
  895.     display: block;
  896.     list-style: none;
  897.     margin: 20px 0;
  898.     border-bottom: 2px solid #eee;
  899. }
  900. .amp-wp-meta-taxonomy span {
  901.     font-weight: bold;
  902. }
  903. .amp-wp-tax-category, .amp-wp-tax-tag {
  904.     font-size: smaller;
  905.     line-height: 1.4em;
  906.     margin: 0 0 1em;
  907. }
  908. .amp-wp-tax-tag span {
  909.     font-weight: bold;
  910.     margin-right: 3px;
  911. }
  912. .amp-wp-tax-tag a {
  913.     color: #616161;
  914.     background: #f5f5f5;
  915.     display: inline-block;
  916.     line-height: normal;
  917.     padding: 3px 8px;
  918.     margin: 0 3px 5px 0;
  919.     -webkit-transition: all 0.2s linear;
  920.     -o-transition: all 0.2s linear;
  921.     transition: all 0.2s linear;
  922. }
  923. .amp-wp-tax-tag a:hover,
  924. .jeg_storelist .productlink,
  925. .jpw_btn_wrapper .btn {
  926.     color: #fff;
  927.     background: <?php echo esc_attr( $accent_color ); ?>;
  928. }
  929.  
  930. /* AMP Related */
  931. .amp-related-wrapper h2 {
  932.     font-size: 16px;
  933.     font-weight: bold;
  934.     margin-bottom: 10px;
  935. }
  936. .amp-related-content {
  937.     margin-bottom: 15px;
  938.     overflow: hidden;
  939. }
  940. .amp-related-content amp-img {
  941.     float: left;
  942.     width: 100px;
  943. }
  944. .amp-related-text {
  945.     margin-left: 100px;
  946.     padding-left: 15px;
  947. }
  948. .amp-related-content h3 {
  949.     font-size: 14px;
  950.     font-weight: 500;
  951.     line-height: 1.4em;
  952.     margin: 0 0 5px;
  953. }
  954. .amp-related-content h3 a {
  955.     color: #212121;
  956. }
  957. .amp-related-content .amp-related-meta {
  958.     color: #a0a0a0;
  959.     font-size: 10px;
  960.     line-height: normal;
  961.     text-transform: uppercase;
  962. }
  963. .amp-related-date {
  964.     margin-left: 5px;
  965. }
  966. .amp-related-date:before {
  967.     content: '\2014';
  968.     margin-right: 5px;
  969. }
  970.  
  971. /* AMP Comment */
  972. .amp-wp-comments-link {
  973. }
  974. .amp-wp-comments-link a {
  975. }
  976.  
  977. /* AMP Footer */
  978. .amp-wp-footer {
  979.     background: #f5f5f5;
  980.     color: #999;
  981.     text-align: center;
  982. }
  983. .amp-wp-footer .amp-wp-footer-inner {
  984.     margin: 0 auto;
  985.     padding: 15px;
  986.     position: relative;
  987. }
  988. .amp-wp-footer h2 {
  989.     font-size: 1em;
  990.     line-height: 1.375em;
  991.     margin: 0 0 .5em;
  992. }
  993. .amp-wp-footer .back-to-top {
  994.     font-size: 11px;
  995.     text-transform: uppercase;
  996.     letter-spacing: 1px;
  997. }
  998. .amp-wp-footer p {
  999.     font-size: 12px;
  1000.     line-height: 1.5em;
  1001.     margin: 1em 2em .6em;
  1002. }
  1003. .amp-wp-footer a {
  1004.     color: #53585c;
  1005.     text-decoration: none;
  1006. }
  1007. .amp-wp-social-footer a:not(:last-child) {
  1008.     margin-right: 0.8em;
  1009. }
  1010.  
  1011. /* AMP Ads */
  1012. .amp_ad_wrapper {
  1013.     text-align: center;
  1014. }
  1015.  
  1016. /* AMP Sidebar */
  1017. .toggle_btn,
  1018. .amp-wp-header .jeg_search_toggle {
  1019.     color: #212121;
  1020.     background: transparent;
  1021.     font-size: 24px;
  1022.     flex: 0 1 50px;
  1023.     width: 50px;
  1024.     height: <?php echo esc_attr( $mobile_header_height ); ?>px;
  1025.     line-height: <?php echo esc_attr( $mobile_header_height ); ?>px;
  1026.     text-align: center;
  1027.     border: none;
  1028.     padding: 0;
  1029.     outline: 0;
  1030. }
  1031.  
  1032. .dark .toggle_btn,
  1033. .dark.amp-wp-header .jeg_search_toggle {
  1034.     color: #fff;
  1035. }
  1036.  
  1037. <?php if ( $mobile_heading_btn_color ) : ?>
  1038.     .toggle_btn,
  1039.     .amp-wp-header .jeg_search_toggle,
  1040.     .dark .toggle_btn,
  1041.     .dark.amp-wp-header .jeg_search_toggle {
  1042.         color: <?php echo esc_attr( $mobile_heading_btn_color ); ?>;
  1043.     }
  1044. <?php endif ?>
  1045.  
  1046. .amp-wp-header .jeg_search_toggle {
  1047.     left: auto;
  1048.     right: 0;
  1049. }
  1050. #sidebar {
  1051.     background-color: <?php echo esc_attr( $mobile_drawer_bg_color ); ?>;
  1052.     width: 100%;
  1053.     max-width: 320px;
  1054. }
  1055. #sidebar > div:nth-child(3) {
  1056.     display: none;
  1057. }
  1058. .jeg_mobile_wrapper {
  1059.     height: 100%;
  1060.     overflow-x: hidden;
  1061.     overflow-y: auto;
  1062. }
  1063. .jeg_mobile_wrapper .nav_wrap {
  1064.     min-height: 100%;
  1065.     display: flex;
  1066.     flex-direction: column;
  1067.     position: relative;
  1068. }
  1069. .jeg_mobile_wrapper .nav_wrap:before {
  1070.     content: "";
  1071.     position: absolute;
  1072.     top: 0;
  1073.     left: 0;
  1074.     right: 0;
  1075.     bottom: 0;
  1076.     min-height: 100%;
  1077.     z-index: -1;
  1078. }
  1079. .jeg_mobile_wrapper .item_main {
  1080.     flex: 1;
  1081. }
  1082. .jeg_mobile_wrapper .item_bottom {
  1083.     -webkit-box-pack: end;
  1084.     -ms-flex-pack: end;
  1085.     justify-content: flex-end;
  1086. }
  1087. .jeg_aside_item {
  1088.     display: block;
  1089.     padding: 20px;
  1090.     border-bottom: 1px solid #eee;
  1091. }
  1092. .item_bottom .jeg_aside_item {
  1093.     padding: 10px 20px;
  1094.     border-bottom: 0;
  1095. }
  1096. .item_bottom .jeg_aside_item:first-child {
  1097.     padding-top: 20px;
  1098. }
  1099. .item_bottom .jeg_aside_item:last-child {
  1100.     padding-bottom: 20px;
  1101. }
  1102. .jeg_aside_item:last-child {
  1103.     border-bottom: 0;
  1104. }
  1105. .jeg_aside_item:after {
  1106.     content: "";
  1107.     display: table;
  1108.     clear: both;
  1109. }
  1110. <?php if ( ! empty( $mobile_drawer_bg_image ) ) : ?>
  1111.     .jeg_mobile_wrapper {
  1112.         background-image: url(<?php echo esc_url( $mobile_drawer_bg_image ); ?>);
  1113.         background-attachment: <?php echo esc_attr( $mobile_drawer_bg_image_fixed ); ?>;
  1114.         background-size: <?php echo esc_attr( $mobile_drawer_bg_image_size ); ?>;
  1115.         background-repeat: <?php echo esc_attr( $mobile_drawer_bg_image_repeat ); ?>;
  1116.         background-position: <?php echo esc_attr( $mobile_drawer_bg_image_posistion ); ?>;
  1117.     }
  1118. <?php endif ?>
  1119.  
  1120. <?php if ( $mobile_drawer_overlay_color ) : ?>
  1121.     .jeg_mobile_wrapper .nav_wrap {
  1122.         background: <?php echo esc_attr( $mobile_drawer_overlay_color ); ?>;
  1123.     }
  1124. <?php endif ?>
  1125.  
  1126. /* Mobile Aside Widget */
  1127. .jeg_mobile_wrapper .widget {
  1128.     display: block;
  1129.     padding: 20px;
  1130.     margin-bottom: 0;
  1131.     border-bottom: 1px solid #eee;
  1132. }
  1133. .jeg_mobile_wrapper .widget:last-child {
  1134.     border-bottom: 0;
  1135. }
  1136.  
  1137. .jeg_mobile_wrapper .widget .jeg_ad_module {
  1138.     margin-bottom: 0;
  1139. }
  1140.  
  1141. /* Mobile Menu Account */
  1142. .jeg_aside_item.jeg_mobile_profile {
  1143.     display: none;
  1144. }
  1145.  
  1146. /* Mobile Menu */
  1147.  
  1148. .jeg_navbar_mobile_wrapper {
  1149.     position: relative;
  1150.     z-index: 9;
  1151. }
  1152. .jeg_mobile_menu li a {
  1153.     color: #212121;
  1154.     margin-bottom: 15px;
  1155.     display: block;
  1156.     font-size: 18px;
  1157.     line-height: 1.444em;
  1158.     font-weight: bold;
  1159.     position: relative;
  1160. }
  1161. .jeg_mobile_menu li.sfHover > a, .jeg_mobile_menu li a:hover {
  1162.     color: #f70d28;
  1163. }
  1164. .jeg_mobile_menu,
  1165. .jeg_mobile_menu ul {
  1166.     list-style: none;
  1167.     margin: 0px;
  1168. }
  1169. .jeg_mobile_menu ul {
  1170.     padding-bottom: 10px;
  1171.     padding-left: 20px;
  1172. }
  1173. .jeg_mobile_menu ul li a {
  1174.     color: #757575;
  1175.     font-size: 15px;
  1176.     font-weight: normal;
  1177.     margin-bottom: 12px;
  1178.     padding-bottom: 5px;
  1179.     border-bottom: 1px solid #eee;
  1180. }
  1181. .jeg_mobile_menu.sf-arrows .sfHover .sf-with-ul:after {
  1182.     -webkit-transform: rotate(90deg);
  1183.     transform: rotate(90deg);
  1184. }
  1185.  
  1186. /** Mobile Socials **/
  1187. .jeg_mobile_wrapper .socials_widget {
  1188.     display: -webkit-box;
  1189.     display: -ms-flexbox;
  1190.     display: flex;
  1191. }
  1192. .jeg_mobile_wrapper .socials_widget a {
  1193.     margin-bottom: 0;
  1194.     display: block;
  1195. }
  1196.  
  1197. /* Mobile: Social Icon */
  1198. .jeg_mobile_topbar .jeg_social_icon_block.nobg a {
  1199.     margin-right: 10px;
  1200. }
  1201. .jeg_mobile_topbar .jeg_social_icon_block.nobg a .fa {
  1202.     font-size: 14px;
  1203. }
  1204. <?php if ( $mobile_drawer_social_icon_color ) : ?>
  1205.     .jeg_aside_item.socials_widget > a > i.fa:before {
  1206.         color: <?php echo esc_attr( $mobile_drawer_social_icon_color ); ?>;
  1207.     }
  1208. <?php endif ?>
  1209.  
  1210. /* Mobile Search */
  1211. .jeg_navbar_mobile .jeg_search_wrapper {
  1212.     position: static;
  1213. }
  1214. .jeg_navbar_mobile .jeg_search_popup_expand {
  1215.     float: none;
  1216. }
  1217. .jeg_search_expanded .jeg_search_popup_expand .jeg_search_toggle {
  1218.     position: relative;
  1219. }
  1220. .jeg_navbar_mobile .jeg_search_expanded .jeg_search_popup_expand .jeg_search_toggle:before {
  1221.     border-color: transparent transparent #fff;
  1222.     border-style: solid;
  1223.     border-width: 0 8px 8px;
  1224.     content: "";
  1225.     right: 0;
  1226.     position: absolute;
  1227.     bottom: -1px;
  1228.     z-index: 98;
  1229. }
  1230. .jeg_navbar_mobile .jeg_search_expanded .jeg_search_popup_expand .jeg_search_toggle:after {
  1231.     border-color: transparent transparent #eee;
  1232.     border-style: solid;
  1233.     border-width: 0 9px 9px;
  1234.     content: "";
  1235.     right: -1px;
  1236.     position: absolute;
  1237.     bottom: 0px;
  1238.     z-index: 97;
  1239. }
  1240. .jeg_navbar_mobile .jeg_search_popup_expand .jeg_search_form:before,
  1241. .jeg_navbar_mobile .jeg_search_popup_expand .jeg_search_form:after {
  1242.     display: none;
  1243. }
  1244. .jeg_navbar_mobile .jeg_search_popup_expand .jeg_search_form {
  1245.     width: auto;
  1246.     border-left: 0;
  1247.     border-right: 0;
  1248.     left: -15px;
  1249.     right: -15px;
  1250.     padding: 20px;
  1251.     -webkit-transform: none;
  1252.     transform: none;
  1253. }
  1254. .jeg_navbar_mobile .jeg_search_popup_expand .jeg_search_result {
  1255.     margin-top: 84px;
  1256.     width: auto;
  1257.     left: -15px;
  1258.     right: -15px;
  1259.     border: 0;
  1260. }
  1261. .jeg_navbar_mobile .jeg_search_form .jeg_search_button {
  1262.     font-size: 18px;
  1263. }
  1264. .jeg_navbar_mobile .jeg_search_wrapper .jeg_search_input {
  1265.     font-size: 18px;
  1266.     padding: .5em 40px .5em 15px;
  1267.     height: 42px;
  1268. }
  1269. .jeg_navbar_mobile .jeg_nav_left .jeg_search_popup_expand .jeg_search_form:before {
  1270.     right: auto;
  1271.     left: 16px;
  1272. }
  1273. .jeg_navbar_mobile .jeg_nav_left .jeg_search_popup_expand .jeg_search_form:after {
  1274.     right: auto;
  1275.     left: 15px;
  1276. }
  1277. .jeg_search_wrapper .jeg_search_input {
  1278.     width: 100%;
  1279.     vertical-align: middle;
  1280.     height: 40px;
  1281.     padding: 0.5em 30px 0.5em 14px;
  1282.     box-sizing: border-box;
  1283. }
  1284. .jeg_mobile_wrapper .jeg_search_result {
  1285.     width: 100%;
  1286.     border-left: 0;
  1287.     border-right: 0;
  1288.     right: 0;
  1289. }
  1290. .admin-bar .jeg_mobile_wrapper {
  1291.     padding-top: 32px;
  1292. }
  1293. .admin-bar .jeg_show_menu .jeg_menu_close {
  1294.     top: 65px;
  1295. }
  1296.  
  1297. /* Mobile Copyright */
  1298. .jeg_aside_copyright {
  1299.     font-size: 11px;
  1300.     color: #757575;
  1301.     letter-spacing: .5px;
  1302. }
  1303. .jeg_aside_copyright a {
  1304.     color: inherit;
  1305.     border-bottom: 1px solid #aaa;
  1306. }
  1307. .jeg_aside_copyright p {
  1308.     margin-bottom: 1.2em;
  1309. }
  1310. .jeg_aside_copyright p:last-child {
  1311.     margin-bottom: 0;
  1312. }
  1313.  
  1314. /* Social Icon */
  1315. .socials_widget a {
  1316.     display: inline-block;
  1317.     margin: 0 10px 10px 0;
  1318.     text-decoration: none;
  1319. }
  1320. .socials_widget.nobg a {
  1321.     margin: 0 20px 15px 0;
  1322. }
  1323. .socials_widget a:last-child {
  1324.     margin-right: 0
  1325. }
  1326. .socials_widget.nobg a .fa {
  1327.     font-size: 18px;
  1328.     width: auto;
  1329.     height: auto;
  1330.     line-height: inherit;
  1331.     background: transparent;
  1332. }
  1333. .socials_widget a .fa {
  1334.     font-size: 1em;
  1335.     display: inline-block;
  1336.     width: 38px;
  1337.     line-height: 36px;
  1338.     white-space: nowrap;
  1339.     color: #fff;
  1340.     text-align: center;
  1341.     -webkit-transition: all 0.2s ease-in-out;
  1342.     -o-transition: all 0.2s ease-in-out;
  1343.     transition: all 0.2s ease-in-out;
  1344. }
  1345. .socials_widget.circle a .fa {
  1346.     border-radius: 100%;
  1347. }
  1348.  
  1349. /* Social Color */
  1350. .socials_widget .jeg_rss .fa {
  1351.     background: #ff6f00;
  1352. }
  1353. .socials_widget .jeg_facebook .fa {
  1354.     background: #45629f;
  1355. }
  1356. .socials_widget .jeg_twitter .fa {
  1357.     background: #000;
  1358. }
  1359. .socials_widget .jeg_linkedin .fa {
  1360.     background: #0083bb;
  1361. }
  1362. .socials_widget .jeg_instagram .fa {
  1363.     background: #125d8f;
  1364. }
  1365. .socials_widget .jeg_pinterest .fa {
  1366.     background: #e02647;
  1367. }
  1368. .socials_widget .jeg_behance .fa {
  1369.     background: #1e72ff;
  1370. }
  1371. .socials_widget .jeg_dribbble .fa {
  1372.     background: #eb5590;
  1373. }
  1374. .socials_widget .jeg_reddit .fa {
  1375.     background: #5f99cf;
  1376. }
  1377. .socials_widget .jeg_stumbleupon .fa {
  1378.     background: #ff4e2e;
  1379. }
  1380. .socials_widget .jeg_vimeo .fa {
  1381.     background: #a1d048;
  1382. }
  1383. .socials_widget .jeg_github .fa {
  1384.     background: #313131;
  1385. }
  1386. .socials_widget .jeg_flickr .fa {
  1387.     background: #ff0077;
  1388. }
  1389. .socials_widget .jeg_tumblr .fa {
  1390.     background: #2d4862;
  1391. }
  1392. .socials_widget .jeg_soundcloud .fa {
  1393.     background: #ffae00;
  1394. }
  1395. .socials_widget .jeg_youtube .fa {
  1396.     background: #c61d23;
  1397. }
  1398. .socials_widget .jeg_twitch .fa {
  1399.     background: #6441a5;
  1400. }
  1401. .socials_widget .jeg_vk .fa {
  1402.     background: #3e5c82;
  1403. }
  1404. .socials_widget .jeg_weibo .fa {
  1405.     background: #ae2c00;
  1406. }
  1407.  
  1408. /* Social Color No Background*/
  1409. .socials_widget.nobg .jeg_rss .fa {
  1410.     color: #ff6f00;
  1411. }
  1412. .socials_widget.nobg .jeg_facebook .fa {
  1413.     color: #45629f;
  1414. }
  1415. .socials_widget.nobg .jeg_twitter .fa {
  1416.     color: #5eb2ef;
  1417. }
  1418. .socials_widget.nobg .jeg_linkedin .fa {
  1419.     color: #0083bb;
  1420. }
  1421. .socials_widget.nobg .jeg_instagram .fa {
  1422.     color: #125d8f;
  1423. }
  1424. .socials_widget.nobg .jeg_pinterest .fa {
  1425.     color: #e02647;
  1426. }
  1427. .socials_widget.nobg .jeg_behance .fa {
  1428.     color: #1e72ff;
  1429. }
  1430. .socials_widget.nobg .jeg_dribbble .fa {
  1431.     color: #eb5590;
  1432. }
  1433. .socials_widget.nobg .jeg_reddit .fa {
  1434.     color: #5f99cf;
  1435. }
  1436. .socials_widget.nobg .jeg_stumbleupon .fa {
  1437.     color: #ff4e2e;
  1438. }
  1439. .socials_widget.nobg .jeg_vimeo .fa {
  1440.     color: #a1d048;
  1441. }
  1442. .socials_widget.nobg .jeg_github .fa {
  1443.     color: #313131;
  1444. }
  1445. .socials_widget.nobg .jeg_flickr .fa {
  1446.     color: #ff0077;
  1447. }
  1448. .socials_widget.nobg .jeg_tumblr .fa {
  1449.     color: #2d4862;
  1450. }
  1451. .socials_widget.nobg .jeg_soundcloud .fa {
  1452.     color: #ffae00;
  1453. }
  1454. .socials_widget.nobg .jeg_youtube .fa {
  1455.     color: #c61d23;
  1456. }
  1457. .socials_widget.nobg .jeg_twitch .fa {
  1458.     color: #6441a5;
  1459. }
  1460. .socials_widget.nobg .jeg_vk .fa {
  1461.     color: #3e5c82;
  1462. }
  1463. .socials_widget.nobg .jeg_weibo .fa {
  1464.     color: #ae2c00;
  1465. }
  1466.  
  1467. /** Mobile Search Form **/
  1468. .jeg_search_wrapper {
  1469.     position: relative;
  1470. }
  1471. .jeg_search_wrapper .jeg_search_form {
  1472.     display: block;
  1473.     position: relative;
  1474.     line-height: normal;
  1475.     min-width: 60%;
  1476. }
  1477. .jeg_search_no_expand .jeg_search_toggle {
  1478.     display: none;
  1479. }
  1480. .jeg_mobile_wrapper .jeg_search_result {
  1481.     width: 100%;
  1482.     border-left: 0;
  1483.     border-right: 0;
  1484.     right: 0;
  1485. }
  1486. .jeg_search_hide {
  1487.     display: none;
  1488. }
  1489. .jeg_mobile_wrapper .jeg_search_no_expand .jeg_search_input {
  1490.     box-shadow: inset 0 2px 2px rgba(0,0,0,.05);
  1491. }
  1492. .jeg_mobile_wrapper .jeg_search_result {
  1493.     width: 100%;
  1494.     border-left: 0;
  1495.     border-right: 0;
  1496.     right: 0;
  1497. }
  1498. .jeg_search_no_expand.round .jeg_search_input {
  1499.     border-radius: 33px;
  1500.     padding: .5em 15px;
  1501. }
  1502. .jeg_search_no_expand.round .jeg_search_button {
  1503.     padding-right: 12px;
  1504. }
  1505. input:not([type="submit"]) {
  1506.     display: inline-block;
  1507.     background: #fff;
  1508.     border: 1px solid #e0e0e0;
  1509.     border-radius: 0;
  1510.     padding: 7px 14px;
  1511.     height: 40px;
  1512.     outline: none;
  1513.     font-size: 14px;
  1514.     font-weight: 300;
  1515.     margin: 0;
  1516.     width: 100%;
  1517.     max-width: 100%;
  1518.     -webkit-transition: all 0.2s ease;
  1519.     transition: .25s ease;
  1520.     box-shadow: none;
  1521. }
  1522. input[type="submit"], .btn {
  1523.     border: none;
  1524.     background: #f70d28;
  1525.     color: #fff;
  1526.     padding: 0 20px;
  1527.     line-height: 40px;
  1528.     height: 40px;
  1529.     display: inline-block;
  1530.     cursor: pointer;
  1531.     text-transform: uppercase;
  1532.     font-size: 13px;
  1533.     font-weight: bold;
  1534.     letter-spacing: 2px;
  1535.     outline: 0;
  1536.     -webkit-appearance: none;
  1537.     -webkit-transition: .3s ease;
  1538.     transition: .3s ease;
  1539. }
  1540. .jeg_search_wrapper .jeg_search_button {
  1541.     color: #212121;
  1542.     background: transparent;
  1543.     border: 0;
  1544.     font-size: 14px;
  1545.     outline: none;
  1546.     cursor: pointer;
  1547.     position: absolute;
  1548.     height: auto;
  1549.     min-height: unset;
  1550.     top: 0;
  1551.     bottom: 0;
  1552.     right: 0;
  1553.     padding: 0 10px;
  1554.     transition: none;
  1555. }
  1556.  
  1557. /** Mobile Dark Scheme **/
  1558. .dark .jeg_bg_overlay {
  1559.     background: #fff;
  1560. }
  1561. .dark .jeg_mobile_wrapper {
  1562.     background-color: #212121;
  1563.     color: #f5f5f5;
  1564. }
  1565. .dark .jeg_mobile_wrapper .jeg_search_result {
  1566.     background: rgba(0, 0, 0, .9);
  1567.     color: #f5f5f5;
  1568.     border: 0;
  1569. }
  1570. .dark .jeg_menu_close {
  1571.     color: #212121;
  1572. }
  1573. .dark .jeg_aside_copyright,
  1574. .dark .profile_box a,
  1575. .dark .jeg_mobile_menu li a,
  1576. .dark .jeg_mobile_wrapper .jeg_search_result a,
  1577. .dark .jeg_mobile_wrapper .jeg_search_result .search-link {
  1578.     color: #f5f5f5;
  1579. }
  1580. .dark .jeg_aside_copyright a {
  1581.     border-color: rgba(255, 255, 255, .8)
  1582. }
  1583. .dark .jeg_aside_item,
  1584. .dark .jeg_mobile_menu ul li a,
  1585. .dark .jeg_search_result.with_result .search-all-button {
  1586.     border-color: rgba(255, 255, 255, .15);
  1587. }
  1588.  
  1589. .dark .profile_links li a,
  1590. .dark .jeg_mobile_menu.sf-arrows .sf-with-ul:after,
  1591. .dark .jeg_mobile_menu ul li a {
  1592.     color: rgba(255, 255, 255, .5)
  1593. }
  1594.  
  1595. .dark .jeg_mobile_wrapper .jeg_search_no_expand .jeg_search_input {
  1596.     background: rgba(255, 255, 255, 0.1);
  1597.     border: 0;
  1598. }
  1599. .dark .jeg_mobile_wrapper .jeg_search_no_expand .jeg_search_button,
  1600. .dark .jeg_mobile_wrapper .jeg_search_no_expand .jeg_search_input {
  1601.     color: #fafafa;
  1602. }
  1603. .dark .jeg_mobile_wrapper .jeg_search_no_expand .jeg_search_input::-webkit-input-placeholder {
  1604.     color: rgba(255, 255, 255, 0.75);
  1605. }
  1606. .dark .jeg_mobile_wrapper .jeg_search_no_expand .jeg_search_input:-moz-placeholder {
  1607.     color: rgba(255, 255, 255, 0.75);
  1608. }
  1609. .dark .jeg_mobile_wrapper .jeg_search_no_expand .jeg_search_input::-moz-placeholder {
  1610.     color: rgba(255, 255, 255, 0.75);
  1611. }
  1612. .dark .jeg_mobile_wrapper .jeg_search_no_expand .jeg_search_input:-ms-input-placeholder {
  1613.     color: rgba(255, 255, 255, 0.75);
  1614. }
  1615.  
  1616. /* RTL */
  1617. .rtl .socials_widget.nobg a {
  1618.     margin: 0 0 15px 20px;
  1619. }
  1620. .rtl .amp-wp-social-footer a:not(:last-child) {
  1621.     margin-left: 0.8em;
  1622.     margin-right: 0;
  1623. }
  1624. .rtl .jeg_search_no_expand.round .jeg_search_input {
  1625.     padding: 15px 2.5em 15px .5em;
  1626. }
  1627. .rtl .jeg_share_button a {
  1628.     margin: 0 0px 5px 5px;
  1629. }
  1630. .rtl .jeg_share_button a:last-child {
  1631.     margin-left: 0;
  1632. }
  1633. .rtl blockquote {
  1634.     padding-left: 0;
  1635.     padding-right: 1em;
  1636.     border-left: 0;
  1637.     border-right-width: 4px;
  1638.     border-right: 4px solid #eee;
  1639. }
  1640. .rtl .jeg_reviewstars .reviewscore,
  1641. .rtl .jeg_storelist li .priceinfo,
  1642. .rtl .jeg_reviewbars .reviewscore {
  1643.     float: left;
  1644. }
  1645. .rtl .jeg_reviewdetail li {
  1646.     padding-right: 22px;
  1647.     padding-left: unset;
  1648. }
  1649. .rtl .jeg_reviewdetail li > i {
  1650.     right: 0;
  1651.     left: unset;
  1652. }
  1653. .rtl .dealstitle {
  1654.     float: right;
  1655. }
  1656. .rtl .bestprice {
  1657.     float: left;
  1658.     text-align: left;
  1659. }
  1660. /* Font Awesome Right to Left */
  1661. /* Horizontal Flip */
  1662. .rtl .fa-star-half-o {
  1663.     -moz-transform: scale(-1, 1);
  1664.     -webkit-transform: scale(-1, 1);
  1665.     -o-transform: scale(-1, 1);
  1666.     -ms-transform: scale(-1, 1);
  1667.     transform: scale(-1, 1);
  1668. }
  1669. .rtl .jeg_reviewbars .barbg:after {
  1670.     left: 0;
  1671.     right: unset;
  1672. }
  1673. .rtl .amp-carousel-button-next {
  1674.     left: 16px;
  1675.     right: unset;
  1676.     -webkit-transform: scaleX(-1);
  1677.     transform: scaleX(-1);
  1678.  
  1679. }
  1680.  
  1681. .rtl .amp-carousel-button-prev {
  1682.     right: 16px;
  1683.     left: unset;
  1684.     -webkit-transform: scaleX(-1) translateY(-50%);
  1685.     transform: scaleX(-1) translateY(-50%);
  1686. }
  1687. amp-consent {
  1688.     position: relative;
  1689. }
  1690. .gdpr-consent {
  1691.     bottom: 0;
  1692.     left: 0;
  1693.     overflow: hiddent;
  1694.     z-index: 1000;
  1695.     width: 100%;
  1696.     position: fixed;
  1697. }
  1698. .gdpr-consent-wrapper {
  1699.     text-align: center;
  1700.     padding: 15px 10px;
  1701.     background: #f5f5f5;
  1702.     position: relative;
  1703. }
  1704. .gdpr-consent-content h2 {
  1705.     margin: 10px 0;
  1706. }
  1707. .gdpr-consent-close {
  1708.     position: absolute;
  1709.     top: 10px;
  1710.     right: 10px;
  1711.     font-size: 24px;
  1712.     border:none;
  1713. }
  1714. .btn.gdpr-consent-button-y {
  1715.     background: #ddd;
  1716.     color: #212121;
  1717.     margin-right:10px;
  1718. }
  1719. #post-consent-ui {
  1720.     text-align: center;
  1721. }
  1722. #post-consent-ui a {
  1723.     background: none;
  1724.     color: #666;
  1725.     text-decoration: underline;
  1726.     font-weight: normal;
  1727.     font-size: 12px;
  1728.     letter-spacing: normal;
  1729. }
  1730.  
  1731. /* Responsive */
  1732. @media screen and (max-width: 782px) {
  1733.     .admin-bar .jeg_mobile_wrapper {
  1734.         padding-top: 46px;
  1735.     }
  1736. }
  1737. @media only screen and (max-width: 320px) {
  1738.     #sidebar {
  1739.         max-width: 275px;
  1740.     }
  1741. }
  1742.  
  1743. /* Paywall button */
  1744. .jpw-truncate-btn {
  1745.     height: fit-content;
  1746.     left: 0;
  1747.     position: relative;
  1748.     right: 0;
  1749.     text-align: center;
  1750.     margin-bottom: 40px;
  1751. }
  1752.  
  1753. .jpw-truncate-btn:before {
  1754.     background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  1755.     content: "";
  1756.     height: 200px;
  1757.     margin-top: -200px;
  1758.     left: 0;
  1759.     position: absolute;
  1760.     right: 0;
  1761.     width: 100%;
  1762. }
  1763.  
  1764. .jpw-truncate-btn span {
  1765.     display: block;
  1766.     font-size: 14px;
  1767.     padding: 0 5px;
  1768. }
  1769.  
  1770. .jpw-truncate-btn .jpw_subscribe span,
  1771. .jpw-truncate-btn .jpw_unlock span {
  1772.     min-height:65px;
  1773. }
  1774.  
  1775. .jpw-truncate-btn h3 {
  1776.     font-size: 1.5em;
  1777.     margin: 0.5em 0 1em;
  1778. }
  1779.  
  1780. .jpw-truncate-btn .jpw-truncate-header {
  1781.     padding: 30px 10px;
  1782. }
  1783.  
  1784. .jpw-truncate-btn .jpw_subscribe,
  1785. .jpw-truncate-btn .jpw_unlock {
  1786.     border: 1px solid #ededed;
  1787.     display: inline-block;
  1788.     width: 40%;
  1789.     max-width: 400px;
  1790.     margin: 5px 10px;
  1791.     padding: 20px;
  1792.     vertical-align: top;
  1793. }
  1794.  
  1795. .jpw-truncate-btn .button {
  1796.     background-color: #555;
  1797.     border-radius: 100px;
  1798.     display: inline-block;
  1799.     height: fit-content;
  1800.     margin: 5px 15px;
  1801.     padding: 0;
  1802.     width: fit-content;
  1803. }
  1804.  
  1805. .jpw-truncate-btn .button a {
  1806.     color: #fff;
  1807.     display: block;
  1808.     padding: 5px 20px;
  1809.     text-decoration: none;
  1810. }
  1811.  
  1812. .jpw-truncate-btn .button input {
  1813.     color: #fff;
  1814.     display: block;
  1815.     padding: 0 20px;
  1816.     text-decoration: none;
  1817. }
  1818.  
  1819. .jpw-truncate.jpw-no-comment div#respond {
  1820.     display: none;
  1821. }
  1822.  
  1823. @media only screen and (max-width: 567px) {
  1824.     .jpw-truncate-btn .jpw_subscribe,
  1825.     .jpw-truncate-btn .jpw_unlock {
  1826.         display: block;
  1827.         margin: 10px auto;
  1828.         width: 90%;
  1829.     }
  1830. }
  1831.  
  1832. .amp-wp-social-footer a .jeg-icon svg {
  1833.     height: 14px;
  1834. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement