Guest User

editor-style.css

a guest
Jan 27th, 2017
41
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 45.38 KB | None | 0 0
  1. /*  ----------------------------------------------------------------------------
  2.     This editor style is also loaded in the backend to style the posts
  3.     WARNING: this file is not loaded in the front end
  4. */
  5. /*  ----------------------------------------------------------------------------
  6.     responsive settings
  7. */
  8. /* responsive landscape tablet */
  9. /* responsive portrait tablet */
  10. /* responsive portrait phone */
  11. /*
  12. ----------------------------------------------------------------------------
  13.   Site wide > typography style
  14. ----------------------------------------------------------------------------
  15. */
  16. body,
  17. p {
  18.   font-family: Verdana, Geneva, sans-serif;
  19.   font-size: 14px;
  20.   line-height: 21px;
  21. }
  22. p {
  23.   margin-top: 0;
  24.   margin-bottom: 21px;
  25. }
  26. a:active,
  27. a:focus {
  28.   /* IE remove focus */
  29.   outline: none;
  30. }
  31. a {
  32.   color: #4db2ec;
  33.  text-decoration: none;
  34. }
  35. ins {
  36.   background: white;
  37.   text-decoration: none;
  38. }
  39. code {
  40.   position: relative;
  41.   top: -1px;
  42.   border: none;
  43.   background-color: #F1F1F1;
  44.  padding: 2px 6px;
  45. }
  46. pre {
  47.   background-color: #f1f1f1;
  48.  padding: 4px 10px 4px 10px;
  49.   border: none;
  50.   border-radius: 0;
  51.   margin-top: 24px;
  52. }
  53. cite {
  54.   font-family: 'Roboto', sans-serif;
  55.   font-size: 13px;
  56.   /* ovveride bootstrap */
  57.   font-style: italic;
  58.   font-weight: normal;
  59.   text-transform: none;
  60.   color: #000;
  61. }
  62. cite a {
  63.   color: #000;
  64. }
  65. cite a:hover {
  66.   color: #4db2ec;
  67. }
  68. q {
  69.   font-style: italic;
  70. }
  71. ul,
  72. ol {
  73.   padding: 0;
  74. }
  75. ul li,
  76. ol li {
  77.   line-height: 24px;
  78.   margin-left: 21px;
  79. }
  80. .dl-horizontal a {
  81.   font-weight: 500 !important;
  82. }
  83. .dl-horizontal dt {
  84.   width: 70px;
  85.   font-weight: 400;
  86.   line-height: 24px;
  87.   font-size: 15px;
  88. }
  89. .dl-horizontal dd {
  90.   margin-left: 90px;
  91.   line-height: 24px;
  92.   font-size: 14px;
  93. }
  94. address {
  95.   font-size: inherit !important;
  96.   line-height: inherit !important;
  97.   margin-bottom: 21px;
  98. }
  99. big {
  100.   text-transform: uppercase;
  101. }
  102. embed {
  103.   width: 100%;
  104. }
  105. /*  ----------------------------------------------------------------------------
  106.      table
  107. */
  108. table {
  109.   width: 100%;
  110. }
  111. table th {
  112.   text-align: left;
  113.   border: 1px solid #ededed;
  114.  padding: 2px 8px;
  115. }
  116. table td {
  117.   border: 1px solid #ededed;
  118.  padding: 2px 8px;
  119. }
  120. table .odd td {
  121.   background-color: #fcfcfc;
  122. }
  123. /*  ----------------------------------------------------------------------------
  124.     h
  125. */
  126. h1,
  127. h2,
  128. h3,
  129. h4,
  130. h5,
  131. h6 {
  132.   font-family: 'Roboto', sans-serif;
  133.   color: #111111;
  134.  font-weight: 400;
  135.   margin: 6px 0 6px 0;
  136. }
  137. h1 > a,
  138. h2 > a,
  139. h3 > a,
  140. h4 > a,
  141. h5 > a,
  142. h6 > a {
  143.   color: #111111;
  144. }
  145. h1 {
  146.   font-size: 32px;
  147.   line-height: 40px;
  148.   margin-top: 33px;
  149.   margin-bottom: 23px;
  150. }
  151. h2 {
  152.   font-size: 27px;
  153.   line-height: 38px;
  154.   margin-top: 30px;
  155.   margin-bottom: 20px;
  156. }
  157. h3 {
  158.   font-size: 22px;
  159.   line-height: 30px;
  160.   margin-top: 27px;
  161.   margin-bottom: 17px;
  162. }
  163. h4 {
  164.   font-size: 19px;
  165.   line-height: 29px;
  166.   margin-top: 24px;
  167.   margin-bottom: 14px;
  168. }
  169. h5 {
  170.   font-size: 17px;
  171.   line-height: 25px;
  172.   margin-top: 21px;
  173.   margin-bottom: 11px;
  174. }
  175. h6 {
  176.   font-size: 16px;
  177.   line-height: 24px;
  178.   margin-top: 21px;
  179.   margin-bottom: 11px;
  180. }
  181. .videopress-placeholder {
  182.   width: 100% !important;
  183. }
  184. .videopress-poster {
  185.   height: auto !important;
  186.   width: 100% !important;
  187. }
  188. .video-player {
  189.   width: 100% !important;
  190. }
  191. /*
  192. ----------------------------------------------------------------------------
  193.   Site wide > Forms
  194. ----------------------------------------------------------------------------
  195. */
  196. textarea {
  197.   font-size: 12px;
  198.   line-height: 21px;
  199.   color: #444;
  200.  border: 1px solid #e1e1e1;
  201.  width: 100%;
  202.   max-width: 100%;
  203.   height: 168px;
  204.   min-height: 168px;
  205.   padding: 6px 9px 6px 9px;
  206.   /* responsive portrait phone */
  207. }
  208. @media (max-width: 767px) {
  209.   textarea {
  210.     font-size: 16px;
  211.   }
  212. }
  213. textarea:active,
  214. textarea:focus {
  215.   border-color: #b0b0b0 !important;
  216. }
  217. textarea:focus,
  218. input:focus,
  219. input[type]:focus {
  220.   outline: 0 none;
  221. }
  222. /* Input buttons */
  223. input[type=submit] {
  224.   font-family: 'Roboto', sans-serif;
  225.   font-size: 13px;
  226.   background-color: #222222;
  227.  border-radius: 0;
  228.   color: #fff;
  229.  border: none;
  230.   padding: 8px 15px;
  231.   font-weight: 500;
  232.   -webkit-transition: background-color 0.4s;
  233.   -moz-transition: background-color 0.4s;
  234.   -o-transition: background-color 0.4s;
  235.   transition: background-color 0.4s;
  236. }
  237. input[type=submit]:hover {
  238.   background-color: #4db2ec;
  239. }
  240. input[type=text],
  241. input[type=url],
  242. input[type=tel],
  243. input[type=email] {
  244.   font-size: 12px;
  245.   line-height: 21px;
  246.   color: #444;
  247.  border: 1px solid #e1e1e1;
  248.  width: 100%;
  249.   max-width: 100%;
  250.   height: 34px;
  251.   padding: 3px 9px;
  252.   /* responsive portrait phone */
  253. }
  254. @media (max-width: 767px) {
  255.   input[type=text],
  256.   input[type=url],
  257.   input[type=tel],
  258.   input[type=email] {
  259.     font-size: 16px;
  260.   }
  261. }
  262. input[type=text]:active,
  263. input[type=url]:active,
  264. input[type=tel]:active,
  265. input[type=email]:active,
  266. input[type=text]:focus,
  267. input[type=url]:focus,
  268. input[type=tel]:focus,
  269. input[type=email]:focus {
  270.   border-color: #b0b0b0 !important;
  271. }
  272. input[type=password] {
  273.   width: 100%;
  274.   position: relative;
  275.   top: 0;
  276.   display: inline-table;
  277.   vertical-align: middle;
  278.   font-size: 12px;
  279.   line-height: 21px;
  280.   color: #444;
  281.  border: 1px solid #ccc;
  282.  max-width: 100%;
  283.   height: 34px;
  284.   padding: 3px 9px;
  285.   margin-bottom: 10px;
  286.   /* responsive portrait phone */
  287. }
  288. @media (max-width: 767px) {
  289.   input[type=password] {
  290.     font-size: 16px;
  291.   }
  292. }
  293. /*
  294. ----------------------------------------------------------------------------
  295.   Site wide > WordPress Text, Images & Captions
  296. ----------------------------------------------------------------------------
  297. */
  298. /*  ----------------------------------------------------------------------------
  299.     text and Images align
  300. */
  301. .td-post-content img,
  302. .wpb_text_column img,
  303. .td_block_text_with_title img,
  304. .woocommerce #tab-description img,
  305. .mce-content-body img {
  306.   margin-bottom: 21px;
  307. }
  308. .td-post-content figure img,
  309. .wpb_text_column figure img,
  310. .td_block_text_with_title figure img,
  311. .woocommerce #tab-description figure img,
  312. .mce-content-body figure img {
  313.   margin-bottom: 0;
  314. }
  315. .td-post-content .alignnone,
  316. .wpb_text_column .alignnone,
  317. .td_block_text_with_title .alignnone,
  318. .woocommerce #tab-description .alignnone,
  319. .mce-content-body .alignnone {
  320.   display: inline-block;
  321.   margin: 0 5px;
  322.   /* responsive portrait phone */
  323. }
  324. @media (max-width: 767px) {
  325.   .td-post-content .alignnone,
  326.   .wpb_text_column .alignnone,
  327.   .td_block_text_with_title .alignnone,
  328.   .woocommerce #tab-description .alignnone,
  329.  .mce-content-body .alignnone {
  330.     margin: 0 10px 0 0;
  331.   }
  332. }
  333. img.wp-smiley {
  334.   width: auto;
  335. }
  336. .wp-caption-text,
  337. .wp-caption-dd {
  338.   font-family: Verdana, Geneva, sans-serif;
  339.   text-align: left;
  340.   margin: 6px 0 26px 0;
  341.   font-size: 11px;
  342.   font-style: italic;
  343.   font-weight: normal;
  344.   line-height: 17px;
  345.   color: #444;
  346. }
  347. .wp-caption {
  348.   text-align: center;
  349.   max-width: 100% !important;
  350. }
  351. .wp-caption img {
  352.   max-width: 100% !important;
  353. }
  354. .alignnone {
  355.   margin-top: 0;
  356. }
  357. .aligncenter {
  358.   text-align: center;
  359.   clear: both;
  360.   display: block;
  361.   margin-left: auto;
  362.   margin-right: auto;
  363.   margin-top: 6px;
  364.   margin-bottom: 6px;
  365. }
  366. figure.alignright,
  367. figure.alignleft,
  368. figure.aligncenter {
  369.   margin-bottom: 0;
  370. }
  371. .alignnone img,
  372. .aligncenter img {
  373.   width: 100%;
  374. }
  375. /*  ----------------------------------------------------------------------------
  376.     align left
  377.      -> on desktop - the tinyMCE size is used
  378.      -> on tablet(s) - apply the max-width to make it look nice
  379.      -> on phones  - center, max width 100%
  380.         + fix for tinyMCE padding
  381.      -> on full width td-pb-span12
  382. */
  383. .alignleft {
  384.   float: left;
  385.   margin-top: 6px;
  386.   margin-right: 24px;
  387.   margin-bottom: 6px !important;
  388.   /* hack for tinyMCE / post content diffs*/
  389.   margin-left: 0;
  390.   /* responsive landscape tablet */
  391.   /* responsive portrait tablet */
  392.   /* responsive portrait phone - just a bit, after 500px we make it non float */
  393.   /* responsive phone CUSTOM - align the image on center */
  394. }
  395. @media (min-width: 1019px) and (max-width: 1140px) {
  396.   .alignleft {
  397.     max-width: 312px !important;
  398.     margin-right: 21px;
  399.   }
  400. }
  401. @media (min-width: 768px) and (max-width: 1018px) {
  402.   .alignleft {
  403.     max-width: 220px !important;
  404.     margin-right: 21px;
  405.   }
  406. }
  407. @media (max-width: 767px) {
  408.   .alignleft {
  409.     max-width: 220px !important;
  410.     margin-right: 21px;
  411.   }
  412. }
  413. @media (max-width: 500px) {
  414.   .alignleft {
  415.     float: none;
  416.     text-align: center;
  417.     margin-left: auto;
  418.     margin-right: auto;
  419.     max-width: 100% !important;
  420.     margin-bottom: 21px;
  421.   }
  422.   .alignleft img {
  423.     text-align: center;
  424.     margin-left: auto;
  425.     margin-right: auto;
  426.   }
  427.   .alignleft figcaption {
  428.     text-align: center;
  429.   }
  430. }
  431. .mce-content-body .alignleft {
  432.   margin: 6px 24px 6px 0;
  433. }
  434. .td-pb-span12 .alignleft,
  435. .mceContentBody-max-width-big .alignleft {
  436.   /* responsive landscape tablet */
  437.   /* responsive portrait tablet */
  438. }
  439. @media (min-width: 1019px) and (max-width: 1140px) {
  440.   .td-pb-span12 .alignleft,
  441.   .mceContentBody-max-width-big .alignleft {
  442.     max-width: 550px !important;
  443.   }
  444. }
  445. @media (min-width: 768px) and (max-width: 1018px) {
  446.   .td-pb-span12 .alignleft,
  447.   .mceContentBody-max-width-big .alignleft {
  448.     max-width: 400px !important;
  449.   }
  450. }
  451. /*  ----------------------------------------------------------------------------
  452.     Screen reader text
  453. */
  454. .screen-reader-text {
  455.   clip: rect(1px, 1px, 1px, 1px);
  456.   height: 1px;
  457.   overflow: hidden;
  458.   position: absolute !important;
  459.   width: 1px;
  460. }
  461. /*  ----------------------------------------------------------------------------
  462.     align right
  463.      -> on desktop - the tinyMCE size is used
  464.      -> on tablets - apply the max-width to make it look nice
  465.      -> on phones  - center, max width 100%
  466.         + fix for tinyMCE padding
  467.      -> on full width td-pb-span12
  468. */
  469. .alignright {
  470.   float: right;
  471.   margin-top: 6px;
  472.   margin-right: 0;
  473.   margin-bottom: 6px !important;
  474.   /* hack for tinyMCE / post content diffs*/
  475.   margin-left: 24px;
  476.   /* responsive landscape tablet */
  477.   /* responsive portrait tablet */
  478.   /* responsive portrait phone - just a bit, after 500px we make it non float */
  479.   /* responsive phone CUSTOM  - align the image on center */
  480. }
  481. @media (min-width: 1019px) and (max-width: 1140px) {
  482.   .alignright {
  483.     max-width: 312px !important;
  484.     margin-left: 21px;
  485.   }
  486. }
  487. @media (min-width: 768px) and (max-width: 1018px) {
  488.   .alignright {
  489.     max-width: 220px !important;
  490.     margin-left: 21px;
  491.   }
  492. }
  493. @media (max-width: 767px) {
  494.   .alignright {
  495.     max-width: 220px !important;
  496.     margin-left: 21px;
  497.   }
  498. }
  499. @media (max-width: 500px) {
  500.   .alignright {
  501.     float: none;
  502.     text-align: center;
  503.     margin-left: auto;
  504.     margin-right: auto;
  505.     max-width: 100% !important;
  506.     margin-bottom: 21px;
  507.   }
  508.   .alignright img {
  509.     text-align: center;
  510.     margin-left: auto;
  511.     margin-right: auto;
  512.   }
  513.   .alignright figcaption {
  514.     text-align: center;
  515.   }
  516. }
  517. .mce-content-body .alignright {
  518.   margin: 6px 0 6px 24px;
  519. }
  520. .td-pb-span12 .alignright,
  521. .mceContentBody-max-width-big .alignright {
  522.   /* responsive landscape tablet */
  523.   /* responsive portrait tablet */
  524. }
  525. @media (min-width: 1019px) and (max-width: 1140px) {
  526.   .td-pb-span12 .alignright,
  527.   .mceContentBody-max-width-big .alignright {
  528.     max-width: 550px !important;
  529.   }
  530. }
  531. @media (min-width: 768px) and (max-width: 1018px) {
  532.   .td-pb-span12 .alignright,
  533.   .mceContentBody-max-width-big .alignright {
  534.     max-width: 400px !important;
  535.   }
  536. }
  537. /*
  538. ----------------------------------------------------------------------------
  539.   Css for:
  540.   Page content
  541.   Post content
  542.   TinyMCE content
  543. ----------------------------------------------------------------------------
  544. */
  545. .td-page-content,
  546. .td-post-content,
  547. .wpb_text_column,
  548. .td_block_text_with_title,
  549. .woocommerce #tab-description,
  550. .mce-content-body {
  551.   font-size: 15px;
  552.   line-height: 26px;
  553.   color: #222;
  554. }
  555. .td-page-content a:hover,
  556. .td-post-content a:hover,
  557. .wpb_text_column a:hover,
  558. .td_block_text_with_title a:hover,
  559. .woocommerce #tab-description a:hover,
  560. .mce-content-body a:hover {
  561.   text-decoration: underline;
  562. }
  563. .td-page-content ul,
  564. .td-post-content ul,
  565. .wpb_text_column ul,
  566. .td_block_text_with_title ul,
  567. .woocommerce #tab-description ul,
  568. .mce-content-body ul {
  569.   margin-bottom: 26px;
  570. }
  571. .td-page-content p,
  572. .td-post-content p,
  573. .wpb_text_column p,
  574. .td_block_text_with_title p,
  575. .woocommerce #tab-description p,
  576. .mce-content-body p,
  577. .td-page-content li,
  578. .td-post-content li,
  579. .wpb_text_column li,
  580. .td_block_text_with_title li,
  581. .woocommerce #tab-description li,
  582. .mce-content-body li {
  583.   font-size: 15px;
  584.   line-height: 26px;
  585. }
  586. .td-page-content p,
  587. .td-post-content p,
  588. .wpb_text_column p,
  589. .td_block_text_with_title p,
  590. .woocommerce #tab-description p,
  591. .mce-content-body p {
  592.   margin-bottom: 26px;
  593. }
  594. .td-page-content .td-arrow-list,
  595. .td-post-content .td-arrow-list,
  596. .wpb_text_column .td-arrow-list,
  597. .td_block_text_with_title .td-arrow-list,
  598. .woocommerce #tab-description .td-arrow-list,
  599. .mce-content-body .td-arrow-list {
  600.   list-style: none;
  601.   margin-left: 16px;
  602. }
  603. .td-page-content .td-arrow-list li:before,
  604. .td-post-content .td-arrow-list li:before,
  605. .wpb_text_column .td-arrow-list li:before,
  606. .td_block_text_with_title .td-arrow-list li:before,
  607. .woocommerce #tab-description .td-arrow-list li:before,
  608. .mce-content-body .td-arrow-list li:before {
  609.   font-family: 'newspaper', sans-serif;
  610.   content: '\e803';
  611.   float: left;
  612.   margin-left: -16px;
  613.   line-height: 26px;
  614.   font-size: 14px;
  615. }
  616. .entry-title a:hover,
  617. .td-post-category:hover,
  618. .widget a:hover,
  619. .td_block_wrap a:hover {
  620.   text-decoration: none !important;
  621. }
  622. /*  ----------------------------------------------------------------------------
  623.     quote
  624. */
  625. .td-page-content blockquote,
  626. .td-post-content blockquote,
  627. .wpb_text_column blockquote,
  628. .td_block_text_with_title blockquote,
  629. .bbpress blockquote,
  630. .woocommerce #tab-description blockquote,
  631. .mce-content-body blockquote,
  632. .comment-content blockquote {
  633.   padding: 0;
  634.   position: relative;
  635.   border-left: none;
  636.   margin: 40px 5% 38px 5%;
  637.   /* responsive portrait phone */
  638. }
  639. @media (max-width: 767px) {
  640.   .td-page-content blockquote,
  641.   .td-post-content blockquote,
  642.   .wpb_text_column blockquote,
  643.   .td_block_text_with_title blockquote,
  644.   .bbpress blockquote,
  645.   .woocommerce #tab-description blockquote,
  646.  .mce-content-body blockquote,
  647.   .comment-content blockquote {
  648.     margin: 20px 3% 18px 3%;
  649.   }
  650. }
  651. .td-page-content blockquote p,
  652. .td-post-content blockquote p,
  653. .wpb_text_column blockquote p,
  654. .td_block_text_with_title blockquote p,
  655. .bbpress blockquote p,
  656. .woocommerce #tab-description blockquote p,
  657. .mce-content-body blockquote p,
  658. .comment-content blockquote p {
  659.   font-family: 'Roboto', sans-serif;
  660.   font-size: 32px;
  661.   line-height: 40px;
  662.   font-weight: 400;
  663.   font-style: italic;
  664.   text-align: center;
  665.   text-transform: uppercase;
  666.   color: #4db2ec;
  667.  word-wrap: break-word;
  668.   /* responsive portrait tablet */
  669.   /* responsive portrait phone */
  670. }
  671. @media (min-width: 768px) and (max-width: 1018px) {
  672.   .td-page-content blockquote p,
  673.   .td-post-content blockquote p,
  674.   .wpb_text_column blockquote p,
  675.   .td_block_text_with_title blockquote p,
  676.   .bbpress blockquote p,
  677.   .woocommerce #tab-description blockquote p,
  678.  .mce-content-body blockquote p,
  679.   .comment-content blockquote p {
  680.     font-size: 24px;
  681.     line-height: 32px;
  682.   }
  683. }
  684. @media (max-width: 767px) {
  685.   .td-page-content blockquote p,
  686.   .td-post-content blockquote p,
  687.   .wpb_text_column blockquote p,
  688.   .td_block_text_with_title blockquote p,
  689.   .bbpress blockquote p,
  690.   .woocommerce #tab-description blockquote p,
  691.  .mce-content-body blockquote p,
  692.   .comment-content blockquote p {
  693.     font-size: 22px;
  694.     line-height: 30px;
  695.   }
  696. }
  697. .td-page-content .twitter-tweet p,
  698. .td-post-content .twitter-tweet p,
  699. .wpb_text_column .twitter-tweet p,
  700. .td_block_text_with_title .twitter-tweet p,
  701. .bbpress .twitter-tweet p,
  702. .woocommerce #tab-description .twitter-tweet p,
  703. .mce-content-body .twitter-tweet p,
  704. .comment-content .twitter-tweet p {
  705.   font-family: initial;
  706.   font-size: initial;
  707.   line-height: initial;
  708.   font-style: initial;
  709.   text-align: initial;
  710.   text-transform: initial;
  711.   color: initial;
  712.   font-weight: initial;
  713. }
  714. .td-page-content .td_quote_right,
  715. .td-post-content .td_quote_right,
  716. .wpb_text_column .td_quote_right,
  717. .td_block_text_with_title .td_quote_right,
  718. .bbpress .td_quote_right,
  719. .woocommerce #tab-description .td_quote_right,
  720. .mce-content-body .td_quote_right,
  721. .comment-content .td_quote_right {
  722.   float: right;
  723.   width: 50%;
  724.   margin: 21px 0 21px 21px;
  725.   /* responsive portrait phone */
  726. }
  727. @media (max-width: 767px) {
  728.   .td-page-content .td_quote_right,
  729.   .td-post-content .td_quote_right,
  730.   .wpb_text_column .td_quote_right,
  731.   .td_block_text_with_title .td_quote_right,
  732.   .bbpress .td_quote_right,
  733.   .woocommerce #tab-description .td_quote_right,
  734.  .mce-content-body .td_quote_right,
  735.   .comment-content .td_quote_right {
  736.     float: none;
  737.     width: auto;
  738.     margin-right: 5%;
  739.     margin-left: 5%;
  740.   }
  741. }
  742. .td-page-content .td_quote_left,
  743. .td-post-content .td_quote_left,
  744. .wpb_text_column .td_quote_left,
  745. .td_block_text_with_title .td_quote_left,
  746. .bbpress .td_quote_left,
  747. .woocommerce #tab-description .td_quote_left,
  748. .mce-content-body .td_quote_left,
  749. .comment-content .td_quote_left {
  750.   float: left;
  751.   width: 50%;
  752.   margin: 18px 18px 18px 0;
  753.   /* responsive portrait phone */
  754. }
  755. @media (max-width: 767px) {
  756.   .td-page-content .td_quote_left,
  757.   .td-post-content .td_quote_left,
  758.   .wpb_text_column .td_quote_left,
  759.   .td_block_text_with_title .td_quote_left,
  760.   .bbpress .td_quote_left,
  761.   .woocommerce #tab-description .td_quote_left,
  762.  .mce-content-body .td_quote_left,
  763.   .comment-content .td_quote_left {
  764.     float: none;
  765.     width: auto;
  766.     margin-right: 5%;
  767.     margin-left: 5%;
  768.   }
  769. }
  770. .td-page-content .td_quote_left p,
  771. .td-post-content .td_quote_left p,
  772. .wpb_text_column .td_quote_left p,
  773. .td_block_text_with_title .td_quote_left p,
  774. .bbpress .td_quote_left p,
  775. .woocommerce #tab-description .td_quote_left p,
  776. .mce-content-body .td_quote_left p,
  777. .comment-content .td_quote_left p {
  778.   text-align: left;
  779.   /* responsive portrait phone */
  780. }
  781. @media (max-width: 767px) {
  782.   .td-page-content .td_quote_left p,
  783.   .td-post-content .td_quote_left p,
  784.   .wpb_text_column .td_quote_left p,
  785.   .td_block_text_with_title .td_quote_left p,
  786.   .bbpress .td_quote_left p,
  787.   .woocommerce #tab-description .td_quote_left p,
  788.  .mce-content-body .td_quote_left p,
  789.   .comment-content .td_quote_left p {
  790.     text-align: center;
  791.   }
  792. }
  793. .td-page-content .td_quote_box,
  794. .td-post-content .td_quote_box,
  795. .wpb_text_column .td_quote_box,
  796. .td_block_text_with_title .td_quote_box,
  797. .bbpress .td_quote_box,
  798. .woocommerce #tab-description .td_quote_box,
  799. .mce-content-body .td_quote_box,
  800. .comment-content .td_quote_box {
  801.   margin: 0;
  802.   background-color: #FCFCFC;
  803.  border-left: 2px solid #4db2ec;
  804.  padding: 15px 23px 0 23px;
  805.   position: relative;
  806.   top: 6px;
  807.   clear: both;
  808. }
  809. .td-page-content .td_quote_box p,
  810. .td-post-content .td_quote_box p,
  811. .wpb_text_column .td_quote_box p,
  812. .td_block_text_with_title .td_quote_box p,
  813. .bbpress .td_quote_box p,
  814. .woocommerce #tab-description .td_quote_box p,
  815. .mce-content-body .td_quote_box p,
  816. .comment-content .td_quote_box p {
  817.   font-family: 'Open Sans', arial, sans-serif;
  818.   color: #777777;
  819.  font-size: 13px;
  820.   line-height: 21px;
  821.   padding-bottom: 16px;
  822.   margin: 0;
  823.   text-transform: none;
  824. }
  825. .td-page-content .td_box_left,
  826. .td-post-content .td_box_left,
  827. .wpb_text_column .td_box_left,
  828. .td_block_text_with_title .td_box_left,
  829. .bbpress .td_box_left,
  830. .woocommerce #tab-description .td_box_left,
  831. .mce-content-body .td_box_left,
  832. .comment-content .td_box_left {
  833.   width: 40%;
  834.   float: left;
  835.   margin: 0 34px 20px 0;
  836.   /* responsive portrait phone */
  837. }
  838. @media (max-width: 767px) {
  839.   .td-page-content .td_box_left,
  840.   .td-post-content .td_box_left,
  841.   .wpb_text_column .td_box_left,
  842.   .td_block_text_with_title .td_box_left,
  843.   .bbpress .td_box_left,
  844.   .woocommerce #tab-description .td_box_left,
  845.  .mce-content-body .td_box_left,
  846.   .comment-content .td_box_left {
  847.     float: none;
  848.     margin: 0 0 36px 0;
  849.     width: auto;
  850.   }
  851. }
  852. .td-page-content .td_box_left p,
  853. .td-post-content .td_box_left p,
  854. .wpb_text_column .td_box_left p,
  855. .td_block_text_with_title .td_box_left p,
  856. .bbpress .td_box_left p,
  857. .woocommerce #tab-description .td_box_left p,
  858. .mce-content-body .td_box_left p,
  859. .comment-content .td_box_left p {
  860.   text-align: left;
  861. }
  862. .td-page-content .td_box_right,
  863. .td-post-content .td_box_right,
  864. .wpb_text_column .td_box_right,
  865. .td_block_text_with_title .td_box_right,
  866. .bbpress .td_box_right,
  867. .woocommerce #tab-description .td_box_right,
  868. .mce-content-body .td_box_right,
  869. .comment-content .td_box_right {
  870.   width: 30%;
  871.   float: right;
  872.   margin: 0 0 20px 34px;
  873.   /* responsive portrait phone */
  874. }
  875. @media (max-width: 767px) {
  876.   .td-page-content .td_box_right,
  877.   .td-post-content .td_box_right,
  878.   .wpb_text_column .td_box_right,
  879.   .td_block_text_with_title .td_box_right,
  880.   .bbpress .td_box_right,
  881.   .woocommerce #tab-description .td_box_right,
  882.  .mce-content-body .td_box_right,
  883.   .comment-content .td_box_right {
  884.     float: none;
  885.     margin: 0 0 36px 0;
  886.     width: auto;
  887.   }
  888. }
  889. .td-page-content .td_box_right p,
  890. .td-post-content .td_box_right p,
  891. .wpb_text_column .td_box_right p,
  892. .td_block_text_with_title .td_box_right p,
  893. .bbpress .td_box_right p,
  894. .woocommerce #tab-description .td_box_right p,
  895. .mce-content-body .td_box_right p,
  896. .comment-content .td_box_right p {
  897.   text-align: left;
  898. }
  899. .td-page-content .td_box_center,
  900. .td-post-content .td_box_center,
  901. .wpb_text_column .td_box_center,
  902. .td_block_text_with_title .td_box_center,
  903. .bbpress .td_box_center,
  904. .woocommerce #tab-description .td_box_center,
  905. .mce-content-body .td_box_center,
  906. .comment-content .td_box_center {
  907.   margin: 0 0 29px 0;
  908.   /* responsive portrait phone */
  909. }
  910. @media (max-width: 767px) {
  911.   .td-page-content .td_box_center,
  912.   .td-post-content .td_box_center,
  913.   .wpb_text_column .td_box_center,
  914.   .td_block_text_with_title .td_box_center,
  915.   .bbpress .td_box_center,
  916.   .woocommerce #tab-description .td_box_center,
  917.  .mce-content-body .td_box_center,
  918.   .comment-content .td_box_center {
  919.     margin-bottom: 36px;
  920.   }
  921. }
  922. .td-page-content .td_pull_quote,
  923. .td-post-content .td_pull_quote,
  924. .wpb_text_column .td_pull_quote,
  925. .td_block_text_with_title .td_pull_quote,
  926. .bbpress .td_pull_quote,
  927. .woocommerce #tab-description .td_pull_quote,
  928. .mce-content-body .td_pull_quote,
  929. .comment-content .td_pull_quote {
  930.   padding: 18px 25px;
  931.   margin: 0;
  932.   clear: both;
  933. }
  934. .td-page-content .td_pull_quote p,
  935. .td-post-content .td_pull_quote p,
  936. .wpb_text_column .td_pull_quote p,
  937. .td_block_text_with_title .td_pull_quote p,
  938. .bbpress .td_pull_quote p,
  939. .woocommerce #tab-description .td_pull_quote p,
  940. .mce-content-body .td_pull_quote p,
  941. .comment-content .td_pull_quote p {
  942.   font-family: 'Open Sans', arial, sans-serif;
  943.   font-size: 14px;
  944.   line-height: 26px;
  945.   font-weight: 600;
  946.   text-transform: none;
  947.   text-align: center;
  948. }
  949. .td-page-content .td_pull_quote p:first-child:before,
  950. .td-post-content .td_pull_quote p:first-child:before,
  951. .wpb_text_column .td_pull_quote p:first-child:before,
  952. .td_block_text_with_title .td_pull_quote p:first-child:before,
  953. .bbpress .td_pull_quote p:first-child:before,
  954. .woocommerce #tab-description .td_pull_quote p:first-child:before,
  955. .mce-content-body .td_pull_quote p:first-child:before,
  956. .comment-content .td_pull_quote p:first-child:before {
  957.   position: absolute;
  958.   background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAALBAMAAABSacpvAAAALVBMVEUAAAC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLRK0HxpAAAADnRSTlMAd+67mWZR3SKqMxGIzB8/1rAAAABlSURBVAjXFcexDQEBAAXQd+KCRm4CDZURFGICMYFadTHBxQQmEDHCzWAI9XGJ8s/ANS95FBvccKwYr5kuUQ/5omm5dpQ9Fu+H2efEPX07Sg62f+bJ2T6pJkmnTi5FslM2L56r9geMACBhjTsodgAAAABJRU5ErkJggg==') no-repeat;
  959.   left: 0;
  960.   display: block;
  961.   content: '';
  962.   width: 15px;
  963.   height: 15px;
  964.   box-sizing: border-box;
  965.   -moz-box-sizing: border-box;
  966.   -webkit-box-sizing: border-box;
  967. }
  968. .td-page-content .td_pull_quote p:after,
  969. .td-post-content .td_pull_quote p:after,
  970. .wpb_text_column .td_pull_quote p:after,
  971. .td_block_text_with_title .td_pull_quote p:after,
  972. .bbpress .td_pull_quote p:after,
  973. .woocommerce #tab-description .td_pull_quote p:after,
  974. .mce-content-body .td_pull_quote p:after,
  975. .comment-content .td_pull_quote p:after {
  976.   position: absolute;
  977.   bottom: 10px;
  978.   right: 0;
  979.   display: block;
  980.   content: '';
  981.   width: 15px;
  982.   height: 15px;
  983.   box-sizing: border-box;
  984.   -moz-box-sizing: border-box;
  985.   -webkit-box-sizing: border-box;
  986.   background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAALBAMAAABSacpvAAAALVBMVEUAAAC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLRK0HxpAAAADnRSTlMA3ZnuqndmIhG7VYhEMzOiL2oAAABkSURBVAjXY+D1E2PgULZuYGB89+4A07t3AQzn3r1T4Hv3ToCh7t27CUDRBwxAYQe2d+8MGBiuAuWr5BwYGBjeFTAwzEtgYOB6xMDA8RAowGnOwMD6CsjIA4oWKwBFXYGcLQ0MAFHHH+tW1OhlAAAAAElFTkSuQmCC') no-repeat;
  987. }
  988. .td-page-content .td_pull_left,
  989. .td-post-content .td_pull_left,
  990. .wpb_text_column .td_pull_left,
  991. .td_block_text_with_title .td_pull_left,
  992. .bbpress .td_pull_left,
  993. .woocommerce #tab-description .td_pull_left,
  994. .mce-content-body .td_pull_left,
  995. .comment-content .td_pull_left {
  996.   width: 40%;
  997.   float: left;
  998.   margin-right: 34px;
  999.   /* responsive portrait phone */
  1000. }
  1001. @media (max-width: 767px) {
  1002.   .td-page-content .td_pull_left,
  1003.   .td-post-content .td_pull_left,
  1004.   .wpb_text_column .td_pull_left,
  1005.   .td_block_text_with_title .td_pull_left,
  1006.   .bbpress .td_pull_left,
  1007.   .woocommerce #tab-description .td_pull_left,
  1008.  .mce-content-body .td_pull_left,
  1009.   .comment-content .td_pull_left {
  1010.     float: none;
  1011.     margin: 0 0 30px 0;
  1012.     width: auto;
  1013.   }
  1014. }
  1015. .td-page-content .td_pull_right,
  1016. .td-post-content .td_pull_right,
  1017. .wpb_text_column .td_pull_right,
  1018. .td_block_text_with_title .td_pull_right,
  1019. .bbpress .td_pull_right,
  1020. .woocommerce #tab-description .td_pull_right,
  1021. .mce-content-body .td_pull_right,
  1022. .comment-content .td_pull_right {
  1023.   width: 30%;
  1024.   float: right;
  1025.   margin-left: 34px;
  1026.   /* responsive portrait phone */
  1027. }
  1028. @media (max-width: 767px) {
  1029.   .td-page-content .td_pull_right,
  1030.   .td-post-content .td_pull_right,
  1031.   .wpb_text_column .td_pull_right,
  1032.   .td_block_text_with_title .td_pull_right,
  1033.   .bbpress .td_pull_right,
  1034.   .woocommerce #tab-description .td_pull_right,
  1035.  .mce-content-body .td_pull_right,
  1036.   .comment-content .td_pull_right {
  1037.     float: none;
  1038.     margin: 0 0 30px 0;
  1039.     width: auto;
  1040.   }
  1041. }
  1042. .td-page-content .td_pull_center,
  1043. .td-post-content .td_pull_center,
  1044. .wpb_text_column .td_pull_center,
  1045. .td_block_text_with_title .td_pull_center,
  1046. .bbpress .td_pull_center,
  1047. .woocommerce #tab-description .td_pull_center,
  1048. .mce-content-body .td_pull_center,
  1049. .comment-content .td_pull_center {
  1050.   margin: 17px 0;
  1051.   padding: 15px 50px;
  1052.   /* responsive portrait phone */
  1053. }
  1054. @media (max-width: 767px) {
  1055.   .td-page-content .td_pull_center,
  1056.   .td-post-content .td_pull_center,
  1057.   .wpb_text_column .td_pull_center,
  1058.   .td_block_text_with_title .td_pull_center,
  1059.   .bbpress .td_pull_center,
  1060.   .woocommerce #tab-description .td_pull_center,
  1061.  .mce-content-body .td_pull_center,
  1062.   .comment-content .td_pull_center {
  1063.     padding: 15px 20px;
  1064.   }
  1065. }
  1066. blockquote small {
  1067.   margin-top: 5px;
  1068.   display: block;
  1069.   font-size: 13px;
  1070.   font-style: italic;
  1071.   font-weight: normal;
  1072.   text-transform: none;
  1073.   color: #444;
  1074. }
  1075. blockquote.pull-right {
  1076.   padding-left: 20px;
  1077.   border-right: none;
  1078. }
  1079. blockquote.pull-right:after {
  1080.   border-right: 2px solid #FB5502;
  1081.  width: 40px;
  1082.   right: -40px;
  1083. }
  1084. /*  ----------------------------------------------------------------------------
  1085.     dropcaps
  1086. */
  1087. .td-page-content .dropcap,
  1088. .td-post-content .dropcap,
  1089. .wpb_text_column .dropcap,
  1090. .td_block_text_with_title .dropcap,
  1091. .bbpress .dropcap,
  1092. .woocommerce #tab-description .dropcap,
  1093. .mce-content-body .dropcap,
  1094. .comment-content .dropcap {
  1095.   float: left;
  1096.   display: block;
  1097.   font-size: 50px;
  1098.   line-height: 56px;
  1099.   background-color: #4db2ec;
  1100.  color: white;
  1101.   text-align: center;
  1102.   margin: 9px 13px 0 0;
  1103.   padding: 2px 10px 4px;
  1104.   font-family: Verdana, Geneva, sans-serif;
  1105.   text-transform: uppercase;
  1106.   min-width: 62px;
  1107.   min-height: 62px;
  1108. }
  1109. .td-page-content .dropcap1,
  1110. .td-post-content .dropcap1,
  1111. .wpb_text_column .dropcap1,
  1112. .td_block_text_with_title .dropcap1,
  1113. .bbpress .dropcap1,
  1114. .woocommerce #tab-description .dropcap1,
  1115. .mce-content-body .dropcap1,
  1116. .comment-content .dropcap1 {
  1117.   -webkit-border-radius: 70px;
  1118.   -moz-border-radius: 70px;
  1119.   border-radius: 70px;
  1120.   font-size: 40px;
  1121.   padding: 2px 14px 4px;
  1122. }
  1123. .td-page-content .dropcap2,
  1124. .td-post-content .dropcap2,
  1125. .wpb_text_column .dropcap2,
  1126. .td_block_text_with_title .dropcap2,
  1127. .bbpress .dropcap2,
  1128. .woocommerce #tab-description .dropcap2,
  1129. .mce-content-body .dropcap2,
  1130. .comment-content .dropcap2 {
  1131.   background-color: transparent !important;
  1132.   color: #4B4B4B;
  1133.  font-size: 79px;
  1134.   line-height: 69px;
  1135.   margin: 0 9px 0 0;
  1136.   padding: 0 13px 0 0;
  1137. }
  1138. .td-page-content .dropcap3,
  1139. .td-post-content .dropcap3,
  1140. .wpb_text_column .dropcap3,
  1141. .td_block_text_with_title .dropcap3,
  1142. .bbpress .dropcap3,
  1143. .woocommerce #tab-description .dropcap3,
  1144. .mce-content-body .dropcap3,
  1145. .comment-content .dropcap3 {
  1146.   background-color: transparent !important;
  1147.   color: #4B4B4B;
  1148.  font-weight: bold;
  1149.   font-size: 79px;
  1150.   line-height: 69px;
  1151.   margin: 0 9px 0 0;
  1152.   padding: 0 13px 0 0;
  1153. }
  1154. /*  ----------------------------------------------------------------------------
  1155.     text columns
  1156. */
  1157. .td_text_columns_two_cols {
  1158.   -webkit-column-count: 2;
  1159.   -moz-column-count: 2;
  1160.   column-count: 2;
  1161.   -webkit-column-gap: 40px;
  1162.   -moz-column-gap: 40px;
  1163.   column-gap: 40px;
  1164.   -webkit-column-rule-style: solid;
  1165.   -moz-column-rule-style: solid;
  1166.   column-rule-style: solid;
  1167.   -webkit-column-rule-width: 1px;
  1168.   -moz-column-rule-width: 1px;
  1169.   column-rule-width: 1px;
  1170.   -webkit-column-rule-color: #e9e9e9;
  1171.  -moz-column-rule-color: #e9e9e9;
  1172.  column-rule-color: #e9e9e9;
  1173.  margin-bottom: 26px;
  1174. }
  1175. /*  ----------------------------------------------------------------------------
  1176.     text highlighting
  1177. */
  1178. .td_text_highlight_0 {
  1179.   background-color: rgba(0, 0, 0, 0.77);
  1180.   padding: 5px 0 6px 0;
  1181.   margin: 0 8px 0 8px;
  1182.   box-shadow: 8px 0 0 rgba(0, 0, 0, 0.77), -8px 0 0 rgba(0, 0, 0, 0.77);
  1183.   color: #2a2a2a;
  1184.  -webkit-transition: color 400ms;
  1185.   -moz-transition: color 400ms;
  1186.   -o-transition: color 400ms;
  1187.   transition: color 400ms;
  1188. }
  1189. .td_text_highlight_0:hover {
  1190.   color: #F9F9F9;
  1191.  cursor: default;
  1192. }
  1193. .td_text_highlight_marker {
  1194.   padding: 5px 0 6px 0;
  1195.   margin: 0 8px 0 8px;
  1196.   color: white;
  1197.   -webkit-transition: color 400ms;
  1198.   -moz-transition: color 400ms;
  1199.   -o-transition: color 400ms;
  1200.   transition: color 400ms;
  1201. }
  1202. .td_text_highlight_marker:hover {
  1203.   color: #F9F9F9;
  1204. }
  1205. .td_text_highlight_marker_red {
  1206.   background-color: rgba(255, 28, 26, 0.62);
  1207.   box-shadow: 8px 0 0 rgba(255, 28, 26, 0.62), -8px 0 0 rgba(255, 28, 26, 0.62);
  1208. }
  1209. .td_text_highlight_marker_blue {
  1210.   background-color: rgba(57, 213, 255, 0.75);
  1211.   box-shadow: 8px 0 0 rgba(57, 213, 255, 0.75), -8px 0 0 rgba(57, 213, 255, 0.75);
  1212. }
  1213. .td_text_highlight_marker_green {
  1214.   background-color: rgba(77, 216, 69, 0.65);
  1215.   box-shadow: 8px 0 0 rgba(77, 216, 69, 0.65), -8px 0 0 rgba(77, 216, 69, 0.65);
  1216. }
  1217. .td_text_highlight_marker_yellow {
  1218.   background-color: rgba(255, 203, 0, 0.75);
  1219.   box-shadow: 8px 0 0 rgba(255, 203, 0, 0.75), -8px 0 0 rgba(255, 203, 0, 0.75);
  1220. }
  1221. .td_text_highlight_marker_pink {
  1222.   background-color: rgba(255, 101, 243, 0.75);
  1223.   box-shadow: 8px 0 0 rgba(255, 101, 243, 0.75), -8px 0 0 rgba(255, 101, 243, 0.75);
  1224. }
  1225. /*  ----------------------------------------------------------------------------
  1226.     custom post padding
  1227. */
  1228. .td-paragraph-padding-0 {
  1229.   display: block;
  1230.   padding-left: 0;
  1231.   padding-right: 6%;
  1232. }
  1233. .td-paragraph-padding-1 {
  1234.   display: block;
  1235.   padding-left: 6%;
  1236.   padding-right: 6%;
  1237. }
  1238. .td-paragraph-padding-2 {
  1239.   display: block;
  1240.   padding-left: 12%;
  1241.   padding-right: 12%;
  1242. }
  1243. .td-paragraph-padding-3 {
  1244.   display: block;
  1245.   padding-left: 6%;
  1246.   padding-right: 12%;
  1247. }
  1248. .td-paragraph-padding-4 {
  1249.   display: block;
  1250.   padding-left: 6%;
  1251.   padding-right: 0;
  1252. }
  1253. .td-paragraph-padding-5 {
  1254.   display: block;
  1255.   padding-left: 18%;
  1256.   padding-right: 18%;
  1257. }
  1258. .td-paragraph-padding-6 {
  1259.   display: block;
  1260.   padding-left: 12%;
  1261.   padding-right: 6%;
  1262. }
  1263. .td-pb-span8 .td-paragraph-padding-0,
  1264. .mceContentBody-max-width-small .td-paragraph-padding-0 {
  1265.   padding-right: 4%;
  1266. }
  1267. .td-pb-span8 .td-paragraph-padding-1,
  1268. .mceContentBody-max-width-small .td-paragraph-padding-1 {
  1269.   padding-left: 4%;
  1270.   padding-right: 4%;
  1271. }
  1272. .td-pb-span8 .td-paragraph-padding-2,
  1273. .mceContentBody-max-width-small .td-paragraph-padding-2 {
  1274.   padding-left: 8%;
  1275.   padding-right: 8%;
  1276. }
  1277. .td-pb-span8 .td-paragraph-padding-3,
  1278. .mceContentBody-max-width-small .td-paragraph-padding-3 {
  1279.   padding-left: 4%;
  1280.   padding-right: 8%;
  1281. }
  1282. .td-pb-span8 .td-paragraph-padding-4,
  1283. .mceContentBody-max-width-small .td-paragraph-padding-4 {
  1284.   padding-left: 4%;
  1285. }
  1286. .td-pb-span8 .td-paragraph-padding-5,
  1287. .mceContentBody-max-width-small .td-paragraph-padding-5 {
  1288.   padding-left: 12%;
  1289.   padding-right: 12%;
  1290. }
  1291. .td-pb-span8 .td-paragraph-padding-6,
  1292. .mceContentBody-max-width-small .td-paragraph-padding-6 {
  1293.   padding-left: 8%;
  1294.   padding-right: 4%;
  1295. }
  1296. /* responsive phone */
  1297. @media (max-width: 500px) {
  1298.   .td-paragraph-padding-0,
  1299.   .td-paragraph-padding-1,
  1300.   .td-paragraph-padding-2,
  1301.   .td-paragraph-padding-3,
  1302.   .td-paragraph-padding-4,
  1303.   .td-paragraph-padding-5,
  1304.   .td-paragraph-padding-6 {
  1305.     padding-left: 10px !important;
  1306.     padding-right: 10px !important;
  1307.   }
  1308. }
  1309. @font-face {
  1310.   font-family: 'newspaper';
  1311.   src: url('images/icons/newspaper.eot?9');
  1312.   src: url('images/icons/newspaper.eot?9#iefix') format('embedded-opentype'), url('images/icons/newspaper.woff?9') format('woff'), url('images/icons/newspaper.ttf?9') format('truetype'), url('images/icons/newspaper.svg?9#newspaper') format('svg');
  1313.   font-weight: normal;
  1314.   font-style: normal;
  1315. }
  1316. [class^="td-icon-"]:before,
  1317. [class*=" td-icon-"]:before {
  1318.   font-family: 'newspaper';
  1319.   speak: none;
  1320.   font-style: normal;
  1321.   font-weight: normal;
  1322.   font-variant: normal;
  1323.   text-transform: none;
  1324.   line-height: 1;
  1325.   text-align: center;
  1326.   /* Better Font Rendering =========== */
  1327.   -webkit-font-smoothing: antialiased;
  1328.   -moz-osx-font-smoothing: grayscale;
  1329. }
  1330. [class*="td-icon-"] {
  1331.   line-height: 1;
  1332.   text-align: center;
  1333.   display: inline-block;
  1334. }
  1335. .td-icon-logout:before {
  1336.   content: '\e800';
  1337. }
  1338. .td-icon-down:before {
  1339.   content: '\e801';
  1340. }
  1341. .td-icon-left:before {
  1342.   content: '\e802';
  1343. }
  1344. .td-icon-right:before {
  1345.   content: '\e803';
  1346. }
  1347. .td-icon-up:before {
  1348.   content: '\e804';
  1349. }
  1350. .td-icon-views:before {
  1351.   content: '\e805';
  1352. }
  1353. .td-icon-menu-down:before {
  1354.   content: '\e806';
  1355. }
  1356. .td-icon-left-arrow:before {
  1357.   content: '\e807';
  1358. }
  1359. .td-icon-right-arrow:before {
  1360.   content: '\e808';
  1361. }
  1362. .td-icon-menu-up:before {
  1363.   content: '\e809';
  1364. }
  1365. .td-icon-search:before {
  1366.   content: '\e80a';
  1367. }
  1368. .td-icon-user:before {
  1369.   content: '\e80b';
  1370. }
  1371. .td-icon-menu-left:before {
  1372.   content: '\e80c';
  1373. }
  1374. .td-icon-menu-right:before {
  1375.   content: '\e80d';
  1376. }
  1377. .td-icon-star:before {
  1378.   content: '\e80f';
  1379. }
  1380. .td-icon-mail:before {
  1381.   content: '\e810';
  1382. }
  1383. .td-icon-behance:before {
  1384.   content: '\e811';
  1385. }
  1386. .td-icon-blogger:before {
  1387.   content: '\e812';
  1388. }
  1389. .td-icon-delicious:before {
  1390.   content: '\e813';
  1391. }
  1392. .td-icon-deviantart:before {
  1393.   content: '\e814';
  1394. }
  1395. .td-icon-digg:before {
  1396.   content: '\e815';
  1397. }
  1398. .td-icon-dribbble:before {
  1399.   content: '\e816';
  1400. }
  1401. .td-icon-evernote:before {
  1402.   content: '\e817';
  1403. }
  1404. .td-icon-facebook:before {
  1405.   content: '\e818';
  1406. }
  1407. .td-icon-flickr:before {
  1408.   content: '\e819';
  1409. }
  1410. .td-icon-forrst:before {
  1411.   content: '\e81a';
  1412. }
  1413. .td-icon-googleplus:before {
  1414.   content: '\e81b';
  1415. }
  1416. .td-icon-instagram:before {
  1417.   content: '\e81d';
  1418. }
  1419. .td-icon-lastfm:before {
  1420.   content: '\e81e';
  1421. }
  1422. .td-icon-linkedin:before {
  1423.   content: '\e81f';
  1424. }
  1425. .td-icon-mail-1:before {
  1426.   content: '\e820';
  1427. }
  1428. .td-icon-myspace:before {
  1429.   content: '\e821';
  1430. }
  1431. .td-icon-path:before {
  1432.   content: '\e822';
  1433. }
  1434. .td-icon-paypal:before {
  1435.   content: '\e823';
  1436. }
  1437. .td-icon-pinterest:before {
  1438.   content: '\e825';
  1439. }
  1440. .td-icon-reddit:before {
  1441.   content: '\e827';
  1442. }
  1443. .td-icon-rss:before {
  1444.   content: '\e828';
  1445. }
  1446. .td-icon-share:before {
  1447.   content: '\e829';
  1448. }
  1449. .td-icon-skype:before {
  1450.   content: '\e82a';
  1451. }
  1452. .td-icon-soundcloud:before {
  1453.   content: '\e82b';
  1454. }
  1455. .td-icon-spotify:before {
  1456.   content: '\e82c';
  1457. }
  1458. .td-icon-stackoverflow:before {
  1459.   content: '\e82d';
  1460. }
  1461. .td-icon-steam:before {
  1462.   content: '\e82e';
  1463. }
  1464. .td-icon-stumbleupon:before {
  1465.   content: '\e82f';
  1466. }
  1467. .td-icon-tumblr:before {
  1468.   content: '\e830';
  1469. }
  1470. .td-icon-twitter:before {
  1471.   content: '\e831';
  1472. }
  1473. .td-icon-vimeo:before {
  1474.   content: '\e832';
  1475. }
  1476. .td-icon-windows:before {
  1477.   content: '\e833';
  1478. }
  1479. .td-icon-wordpress:before {
  1480.   content: '\e834';
  1481. }
  1482. .td-icon-yahoo:before {
  1483.   content: '\e835';
  1484. }
  1485. .td-icon-youtube:before {
  1486.   content: '\e836';
  1487. }
  1488. .td-icon-vk:before {
  1489.   content: '\e837';
  1490. }
  1491. .td-icon-grooveshark:before {
  1492.   content: '\e838';
  1493. }
  1494. .td-icon-star-empty:before {
  1495.   content: '\e839';
  1496. }
  1497. .td-icon-star-half:before {
  1498.   content: '\e83a';
  1499. }
  1500. .td-icon-close:before {
  1501.   content: '\e83c';
  1502. }
  1503. .td-icon-read-down:before {
  1504.   content: '\e83d';
  1505. }
  1506. .td-icon-comments:before {
  1507.   content: "\e83b";
  1508. }
  1509. .td-icon-mobile:before {
  1510.   content: '\e83e';
  1511. }
  1512. .td-icon-whatsapp:before {
  1513.   content: '\f232';
  1514. }
  1515. .td-icon-commenting:before {
  1516.   content: '\f27a';
  1517. }
  1518. .td-icon-close-mobile:before {
  1519.   content: '\e900';
  1520. }
  1521. .td-icon-modal-back:before {
  1522.   content: '\e901';
  1523. }
  1524. .td-icon-modal-close:before {
  1525.   content: '\e902';
  1526. }
  1527. .td-social-icon-wrap:hover .td-icon-font {
  1528.   -webkit-transition: color 0.3s;
  1529.   -moz-transition: color 0.3s;
  1530.   -o-transition: color 0.3s;
  1531.   transition: color 0.3s;
  1532.   color: #fff;
  1533. }
  1534. .td-social-icon-wrap:hover i.td-icon-behance {
  1535.   color: #000000;
  1536. }
  1537. .td-social-icon-wrap:hover i.td-icon-blogger {
  1538.   color: #ffa900;
  1539. }
  1540. .td-social-icon-wrap:hover i.td-icon-delicious {
  1541.   color: #3399ff;
  1542. }
  1543. .td-social-icon-wrap:hover i.td-icon-deviantart {
  1544.   color: #4e6252;
  1545. }
  1546. .td-social-icon-wrap:hover i.td-icon-digg {
  1547.   color: #000000;
  1548. }
  1549. .td-social-icon-wrap:hover i.td-icon-dribbble {
  1550.   color: #ea4c89;
  1551. }
  1552. .td-social-icon-wrap:hover i.td-icon-evernote {
  1553.   color: #07c257;
  1554. }
  1555. .td-social-icon-wrap:hover i.td-icon-facebook {
  1556.   color: #3B5998;
  1557. }
  1558. .td-social-icon-wrap:hover i.td-icon-flickr {
  1559.   color: #ff0084;
  1560. }
  1561. .td-social-icon-wrap:hover i.td-icon-forrst {
  1562.   color: #3b7140;
  1563. }
  1564. .td-social-icon-wrap:hover i.td-icon-googleplus {
  1565.   color: #dd4b39;
  1566. }
  1567. .td-social-icon-wrap:hover i.td-icon-grooveshark {
  1568.   color: #f77f00;
  1569. }
  1570. .td-social-icon-wrap:hover i.td-icon-instagram {
  1571.   color: #3f729b;
  1572. }
  1573. .td-social-icon-wrap:hover i.td-icon-lastfm {
  1574.   color: #ce2127;
  1575. }
  1576. .td-social-icon-wrap:hover i.td-icon-linkedin {
  1577.   color: #007bb6;
  1578. }
  1579. .td-social-icon-wrap:hover i.td-icon-mail {
  1580.   color: #000000;
  1581. }
  1582. .td-social-icon-wrap:hover i.td-icon-myspace {
  1583.   color: #000000;
  1584. }
  1585. .td-social-icon-wrap:hover i.td-icon-path {
  1586.   color: #e62f17;
  1587. }
  1588. .td-social-icon-wrap:hover i.td-icon-paypal {
  1589.   color: #009cde;
  1590. }
  1591. .td-social-icon-wrap:hover i.td-icon-pinterest {
  1592.   color: #cb2027;
  1593. }
  1594. .td-social-icon-wrap:hover i.td-icon-reddit {
  1595.   color: #ff4100;
  1596. }
  1597. .td-social-icon-wrap:hover i.td-icon-rss {
  1598.   color: #f36f24;
  1599. }
  1600. .td-social-icon-wrap:hover i.td-icon-share {
  1601.   color: #000000;
  1602. }
  1603. .td-social-icon-wrap:hover i.td-icon-skype {
  1604.   color: #01aef2;
  1605. }
  1606. .td-social-icon-wrap:hover i.td-icon-soundcloud {
  1607.   color: #ff5500;
  1608. }
  1609. .td-social-icon-wrap:hover i.td-icon-spotify {
  1610.   color: #81b900;
  1611. }
  1612. .td-social-icon-wrap:hover i.td-icon-stackoverflow {
  1613.   color: #000000;
  1614. }
  1615. .td-social-icon-wrap:hover i.td-icon-steam {
  1616.   color: #000000;
  1617. }
  1618. .td-social-icon-wrap:hover i.td-icon-stumbleupon {
  1619.   color: #eb4923;
  1620. }
  1621. .td-social-icon-wrap:hover i.td-icon-tumblr {
  1622.   color: #32506d;
  1623. }
  1624. .td-social-icon-wrap:hover i.td-icon-twitter {
  1625.   color: #00aced;
  1626. }
  1627. .td-social-icon-wrap:hover i.td-icon-vimeo {
  1628.   color: #5289cc;
  1629. }
  1630. .td-social-icon-wrap:hover i.td-icon-vk {
  1631.   color: #45668e;
  1632. }
  1633. .td-social-icon-wrap:hover i.td-icon-windows {
  1634.   color: #319de5;
  1635. }
  1636. .td-social-icon-wrap:hover i.td-icon-wordpress {
  1637.   color: #222222;
  1638. }
  1639. .td-social-icon-wrap:hover i.td-icon-yahoo {
  1640.   color: #720e9e;
  1641. }
  1642. .td-social-icon-wrap:hover i.td-icon-youtube {
  1643.   color: #bb0000;
  1644. }
  1645. @font-face {
  1646.   font-family: 'newspaper-icons';
  1647.   src: url('images/icons/newspaper-icons.eot?1');
  1648.   src: url('images/icons/newspaper-icons.eot?1#iefix') format('embedded-opentype'), url('images/icons/newspaper-icons.woff?1') format('woff'), url('images/icons/newspaper-icons.ttf?1') format('truetype'), url('images/icons/newspaper-icons.svg?1#newspaper-icons') format('svg');
  1649.   font-weight: normal;
  1650.   font-style: normal;
  1651. }
  1652. [class^="td-icons"]:before,
  1653. [class*=" td-icons"]:before {
  1654.   font-family: 'newspaper-icons';
  1655.   speak: none;
  1656.   font-style: normal;
  1657.   font-weight: normal;
  1658.   font-variant: normal;
  1659.   text-transform: none;
  1660.   line-height: 1;
  1661.   text-align: center;
  1662.   /* Better Font Rendering =========== */
  1663.   -webkit-font-smoothing: antialiased;
  1664.   -moz-osx-font-smoothing: grayscale;
  1665. }
  1666. [class*="td-icons"] {
  1667.   line-height: 1;
  1668.   text-align: center;
  1669.   display: inline-block;
  1670.   cursor: default;
  1671. }
  1672. .rain-d:before {
  1673.   content: '\e800';
  1674.   display: none;
  1675. }
  1676. .rain-n:before {
  1677.   content: '\e801';
  1678.   display: none;
  1679. }
  1680. .mist-d:before {
  1681.   content: '\e802';
  1682.   display: none;
  1683. }
  1684. .mist-n:before {
  1685.   content: '\e802';
  1686.   display: none;
  1687. }
  1688. .scattered-clouds-d:before {
  1689.   content: '\e803';
  1690.   display: none;
  1691. }
  1692. .scattered-clouds-n:before {
  1693.   content: '\e803';
  1694.   display: none;
  1695. }
  1696. .shower-rain-d:before {
  1697.   content: '\e804';
  1698.   display: none;
  1699. }
  1700. .shower-rain-n:before {
  1701.   content: '\e804';
  1702.   display: none;
  1703. }
  1704. .snow-d:before {
  1705.   content: '\e805';
  1706.   display: none;
  1707. }
  1708. .snow-n:before {
  1709.   content: '\e805';
  1710.   display: none;
  1711. }
  1712. .thunderstorm-d:before {
  1713.   content: '\e806';
  1714.   display: none;
  1715. }
  1716. .thunderstorm-n:before {
  1717.   content: '\e806';
  1718.   display: none;
  1719. }
  1720. .broken-clouds-d:before {
  1721.   content: '\e807';
  1722.   display: none;
  1723. }
  1724. .broken-clouds-n:before {
  1725.   content: '\e807';
  1726.   display: none;
  1727. }
  1728. .clear-sky-d:before {
  1729.   content: '\e808';
  1730.   display: none;
  1731. }
  1732. .clear-sky-n:before {
  1733.   content: '\e809';
  1734.   display: none;
  1735. }
  1736. .few-clouds-d:before {
  1737.   content: '\e80a';
  1738.   display: none;
  1739. }
  1740. .few-clouds-n:before {
  1741.   content: '\e80b';
  1742.   display: none;
  1743. }
  1744. .td-icons-drop:before {
  1745.   content: '\e80c';
  1746. }
  1747. .td-icons-wind:before {
  1748.   content: '\e80d';
  1749. }
  1750. .td-icons-arrows-down:before {
  1751.   content: '\e80e';
  1752. }
  1753. .td-icons-arrows-up:before {
  1754.   content: '\e80f';
  1755. }
  1756. .td-icons-cloud:before {
  1757.   content: '\e810';
  1758. }
  1759. .td-icons-location:before {
  1760.   content: '\e811';
  1761. }
  1762. .td-icons-circus:before {
  1763.   content: "\e900";
  1764. }
  1765. .td-icons-farm:before {
  1766.   content: "\e901";
  1767. }
  1768. .td-icons-home:before {
  1769.   content: "\e902";
  1770. }
  1771. .td-icons-pets:before {
  1772.   content: "\e903";
  1773. }
  1774. .td-icons-wild:before {
  1775.   content: "\e904";
  1776. }
  1777. .mx_image_background {
  1778.   background-color: #f2f2f2;
  1779. }
  1780. .td-visibility-hidden {
  1781.   visibility: hidden;
  1782. }
  1783. /*  ----------------------------------------------------------------------------
  1784.     from bootstrap
  1785. */
  1786. .clearfix {
  1787.   *zoom: 1;
  1788. }
  1789. .clearfix:before,
  1790. .clearfix:after {
  1791.   display: table;
  1792.   content: "";
  1793.   line-height: 0;
  1794. }
  1795. .clearfix:after {
  1796.   clear: both;
  1797. }
  1798. /*
  1799. usage:
  1800. .td-block-row {
  1801.   .mx-row(td-block-span);
  1802. }
  1803.  
  1804. @all_span_selector - is the begining of the span selector
  1805.  */
  1806. /*  ----------------------------------------------------------------------------
  1807.     editor style
  1808. */
  1809. /* max width  - content + sidebar */
  1810. /*html .mceContentBody {*/
  1811.   /*max-width: 696px;*/
  1812.   /*margin-left: 24px;*/
  1813.   /*margin-right: 24px;*/
  1814.   /*background: #ffffff url('images/editor-style/grid-sidebar-desktop.gif') repeat-y left top;*/
  1815.   /*font-family: Verdana, Geneva, sans-serif;*/
  1816.   /*position: relative;*/
  1817.   /* responsive Landscape tablet */
  1818. /*}*/
  1819. /*html .mceContentBody:after {*/
  1820.   /*content: 'SIDEBAR';*/
  1821.   /*color: #ccc;*/
  1822.   /*position: absolute;*/
  1823.   /*right: -50px;*/
  1824.   /*top: 0;*/
  1825.   /*display: block;*/
  1826.   /*width: 10px;*/
  1827.   /*word-break: break-all;*/
  1828. /*}*/
  1829. html .mceContentBody .td-scroll-effect {
  1830.   background-color: rgba(255, 247, 112, 0.29);
  1831. }
  1832. @media (max-width: 743px) {
  1833.   html .mceContentBody {
  1834.     background: none;
  1835.   }
  1836.   html .mceContentBody:after {
  1837.     content: '';
  1838.   }
  1839. }
  1840. /* max width  - full content */
  1841. html .mceContentBody-max-width-big {
  1842.   max-width: 1068px;
  1843.   background: #ffffff url('images/editor-style/grid-no-sidebar-desktop.gif') repeat-y left top;
  1844.  /* responsive Landscape tablet */
  1845. }
  1846. html .mceContentBody-max-width-big:after {
  1847.   content: '';
  1848. }
  1849. @media (max-width: 1115px) {
  1850.   html .mceContentBody-max-width-big {
  1851.     background: none;
  1852.   }
  1853. }
  1854. .mce-content-body img {
  1855.   height: auto;
  1856.   max-width: 100% !important;
  1857.   display: block;
  1858. }
  1859. .mce-content-body .gallery {
  1860.   margin: 0;
  1861.   padding: 0;
  1862. }
  1863. .mce-content-body .gallery img {
  1864.   display: inline-block;
  1865.   margin-bottom: 0;
  1866. }
  1867. .mce-content-body .gallery-item {
  1868.   display: inline-block;
  1869.   text-align: center;
  1870.   padding: 0;
  1871.   margin-bottom: 20px;
  1872. }
  1873. .mce-content-body .gallery-item .wp-caption-text {
  1874.   text-align: center;
  1875.   margin: 0;
  1876. }
  1877. .mce-content-body .gallery-columns-1 img {
  1878.   width: 100%;
  1879. }
  1880. .wp-caption-dd {
  1881.   padding: 0 !important;
  1882. }
  1883. .wp-caption-dt a {
  1884.   display: inline-block;
  1885. }
  1886. .wp-caption-dt img {
  1887.   margin-bottom: 0;
  1888. }
Advertisement
Add Comment
Please, Sign In to add comment