Advertisement
Guest User

Untitled

a guest
Feb 26th, 2020
135
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 95.05 KB | None | 0 0
  1. /*
  2. Theme Name: The League
  3. | Shared by VestaThemes.com
  4. Description: The League is the premier sports news theme for WordPress. Add an instant, undeniable level of credibility and professionalism to your sports news site or blog with a Custom Scoreboard, 6 Article Layouts, 5 Featured Posts Layouts, Mobile-First Responsiveness, access to over 800 Google Fonts, and so much more, including Theia Post Slider and Theia Sticky Sidebar included at no extra charge!
  5. Author: MVP Themes
  6. Author URI: https://themeforest.net/user/mvpthemes/portfolio
  7. Theme URI: http://themeforest.net/user/mvpthemes
  8. Version: 3.1.0
  9. License: GNU General Public License v3 or later
  10. License URI: http://www.gnu.org/licenses/gpl-3.0.html
  11. Tags: two-columns, custom-background, custom-colors, custom-menu, featured-images, theme-options, threaded-comments, translation-ready
  12. Text Domain: the-league
  13. */
  14.  
  15. /************************************************
  16. Table of Contents
  17.  
  18. 1. Body
  19. 2. Hyperlinks
  20. 3. Layout
  21. 4. Header
  22. 5. Navigation
  23. 6. Scoreboard
  24. 7. Fly-Out Navigation
  25. 8. Featured Posts
  26. 9. Homepage
  27. 10. Sidebar
  28. 11. Posts
  29. 12. Comments
  30. 13. Archives
  31. 14. WooCommerce
  32. 15. Footer
  33. 16. Pagination
  34.  
  35. ************************************************/
  36.  
  37. /************************************************
  38. 1. Body
  39. ************************************************/
  40.  
  41. html, body, div, span, applet, object, iframe,
  42. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  43. a, abbr, acronym, address, big, cite, code,
  44. del, dfn, em, img, ins, kbd, q, s, samp,
  45. small, strike, strong, sub, sup, tt, var,
  46. b, u, i, center,
  47. dl, dt, dd, ol, ul, li,
  48. fieldset, form, label, legend,
  49. table, caption, tbody, tfoot, thead, tr, th, td,
  50. article, aside, canvas, details, embed,
  51. figure, figcaption, footer, header, hgroup,
  52. menu, nav, output, ruby, section, summary,
  53. time, mark, audio, video {
  54. margin: 0;
  55. padding: 0;
  56. border: 0;
  57. font-size: 100%;
  58. vertical-align: baseline;
  59. }
  60. /* HTML5 display-role reset for older browsers */
  61. article, aside, details, figcaption, figure,
  62. footer, header, hgroup, menu, nav, section {
  63. display: block;
  64. }
  65. ol, ul {
  66. list-style: none;
  67. }
  68. blockquote, q {
  69. quotes: none;
  70. }
  71. blockquote:before, blockquote:after,
  72. q:before, q:after {
  73. content: '';
  74. content: none;
  75. }
  76. table {
  77. border-collapse: collapse;
  78. border-spacing: 0;
  79. }
  80.  
  81. html {
  82. overflow-x: hidden;
  83. }
  84.  
  85. body {
  86. color: #444;
  87. font-size: 1rem;
  88. -webkit-font-smoothing: antialiased;
  89. font-weight: 400;
  90. line-height: 100%;
  91. margin: 0px auto;
  92. padding: 0px;
  93. }
  94.  
  95. h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  96. -webkit-backface-visibility: hidden;
  97. color: #222;
  98. }
  99.  
  100. img {
  101. max-width: 100%;
  102. height: auto;
  103. -webkit-backface-visibility: hidden;
  104. }
  105.  
  106. iframe,
  107. embed,
  108. object,
  109. video {
  110. max-width: 100%;
  111. }
  112.  
  113. #truethemes_container #main {
  114. float: left;
  115. }
  116.  
  117. /************************************************
  118. 2. Hyperlinks
  119. ************************************************/
  120.  
  121. a, a:visited {
  122. text-decoration: none;
  123. -webkit-transition: color .25s;
  124. -moz-transition: color .25s;
  125. -ms-transition: color .25s;
  126. -o-transition: color .25s;
  127. transition: color .25s;
  128. }
  129.  
  130. a:hover {
  131. text-decoration: none;
  132. }
  133.  
  134. a:active,
  135. a:focus {
  136. outline: none;
  137. }
  138.  
  139. /************************************************
  140. 3. Layout
  141. ************************************************/
  142.  
  143. #mvp-site {
  144. overflow: hidden;
  145. width: 100%;
  146. }
  147.  
  148. .relative {
  149. position: relative;
  150. }
  151.  
  152. .w100 {
  153. width: 100% !important;
  154. }
  155.  
  156. .right, .alignright {
  157. float: right;
  158. }
  159.  
  160. .alignright {
  161. margin: 20px 0 20px 20px;
  162. }
  163.  
  164. .left, .alignleft {
  165. float: left;
  166. }
  167.  
  168. .alignleft {
  169. margin: 20px 20px 20px 0;
  170. }
  171.  
  172. .aligncenter {
  173. display: block;
  174. margin: 0 auto;
  175. }
  176.  
  177. .section-div {
  178. border-bottom: 1px dotted #ccc;
  179. float: left;
  180. margin: 20px 0;
  181. width: 100%;
  182. }
  183.  
  184. .section {
  185. clear: both;
  186. overflow: hidden;
  187. }
  188.  
  189. .mvp-mob-img {
  190. display: none;
  191. }
  192.  
  193. #mvp-wallpaper {
  194. display: block;
  195. position: fixed;
  196. top: 94px;
  197. width: 100%;
  198. height: 100%;
  199. z-index: 1;
  200. }
  201.  
  202. .mvp-wall-link {
  203. margin: 0 auto;
  204. position: absolute;
  205. top: 0;
  206. width: 100%;
  207. height: 100%;
  208. }
  209.  
  210. ul.mvp-score-list li,
  211. ul.mvp-foot-soc-list li a,
  212. .mvp-feat1-text:before,
  213. .mvp-feat2-main-text:before,
  214. .mvp-feat2-sub-text:before,
  215. ul.mvp-feat2-list li,
  216. span.mvp-author-box-soc,
  217. .mvp-fly-fade,
  218. a.mvp-inf-more-but,
  219. #mvp-comments-button a,
  220. #mvp-comments-button span.mvp-comment-but-text,
  221. .mvp-feat4-main-text:before,
  222. ul.mvp-author-page-list li {
  223. -webkit-transition: all .25s;
  224. -moz-transition: all .25s;
  225. -ms-transition: all .25s;
  226. -o-transition: all .25s;
  227. transition: all .25s;
  228. }
  229.  
  230. #mvp-wallpaper,
  231. #mvp-head-top,
  232. #mvp-fly-wrap,
  233. #mvp-nav-wrap,
  234. #mvp-main-wrap,
  235. #head-main-top,
  236. #mvp-search-wrap,
  237. #mvp-nav-soc-bar,
  238. #mvp-nav-menu ul li.mvp-mega-dropdown .mvp-mega-dropdown,
  239. #mvp-top-head-wrap,
  240. ul.mvp-mob-soc-list,
  241. #mvp-post-trend-wrap {
  242. -webkit-transition: -webkit-transform 0.25s ease;
  243. -moz-transition: -moz-transform 0.25s ease;
  244. -ms-transition: -ms-transform 0.25s ease;
  245. -o-transition: -o-transform 0.25s ease;
  246. transition: transform 0.25s ease;
  247. }
  248.  
  249. /************************************************
  250. 4. Header
  251. ************************************************/
  252.  
  253. #mvp-top-head-wrap {
  254. -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
  255. -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
  256. -ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
  257. -o-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
  258. box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
  259. position: fixed;
  260. left: 0;
  261. top: 0;
  262. -webkit-transform: translate3d(0,0,0);
  263. -moz-transform: translate3d(0,0,0);
  264. -ms-transform: translate3d(0,0,0);
  265. -o-transform: translate3d(0,0,0);
  266. transform: translate3d(0,0,0);
  267. width: 100%;
  268. z-index: 9000;
  269. }
  270.  
  271. #mvp-main-nav-wrap {
  272. float: left;
  273. position: relative;
  274. width: 100%;
  275. }
  276.  
  277. #mvp-post-trend-wrap {
  278. background: #fff;
  279. border-top: 1px solid #ddd;
  280. -webkit-box-shadow: 0 -2px 2px 0 rgba(0,0,0,0.1);
  281. -moz-box-shadow: 0 -2px 2px 0 rgba(0,0,0,0.1);
  282. -ms-box-shadow: 0 -2px 2px 0 rgba(0,0,0,0.1);
  283. -o-box-shadow: 0 -2px 2px 0 rgba(0,0,0,0.1);
  284. box-shadow: 0 -2px 2px 0 rgba(0,0,0,0.1);
  285. opacity: 0;
  286. overflow: hidden;
  287. position: fixed;
  288. bottom: 0;
  289. left: 0;
  290. -webkit-transform: translate3d(0,0,0);
  291. -moz-transform: translate3d(0,0,0);
  292. -ms-transform: translate3d(0,0,0);
  293. -o-transform: translate3d(0,0,0);
  294. transform: translate3d(0,0,0);
  295. -webkit-transition: opacity .25s;
  296. -moz-transition: opacity .25s;
  297. -ms-transition: opacity .25s;
  298. -o-transition: opacity .25s;
  299. transition: opacity .25s;
  300. width: 100%;
  301. height: 0;
  302. z-index: 500;
  303. }
  304.  
  305. .mvp-post-trend-down {
  306. opacity: 1 !important;
  307. overflow: visible !important;
  308. height: 70px !important;
  309. }
  310.  
  311. ul.mvp-post-trend-list {
  312. width: 100%;
  313. }
  314.  
  315. ul.mvp-post-trend-list li {
  316. border-left: 1px solid #ddd;
  317. float: left;
  318. margin-left: 2.5%; /* 30 / 1200 */
  319. padding: 10px 0;
  320. width: 23%; /* 276 / 1200 */
  321. height: 50px;
  322. }
  323.  
  324. ul.mvp-post-trend-list li:first-child {
  325. border-left: 0;
  326. margin-left: 0;
  327. }
  328.  
  329. .mvp-post-trend-out {
  330. float: right;
  331. margin-left: -70px;
  332. width: 100%;
  333. }
  334.  
  335. .mvp-post-trend-in {
  336. margin-left: 70px;
  337. }
  338.  
  339. .mvp-post-trend-img {
  340. line-height: 0;
  341. margin: 0 10px;
  342. width: 50px;
  343. }
  344.  
  345. .mvp-post-trend-text {
  346. width: 100%;
  347. }
  348.  
  349. .mvp-post-trend-text h3 {
  350. color: #555;
  351. font-size: .7rem;
  352. font-weight: 400;
  353. letter-spacing: .07rem;
  354. line-height: 1;
  355. margin-bottom: 3px;
  356. text-transform: uppercase;
  357. width: 100%;
  358. }
  359.  
  360. .mvp-post-trend-text a {
  361. color: #111 !important;
  362. font-family:kanit;
  363. font-size: .85rem;
  364. font-weight: 700;
  365. letter-spacing: -.02em;
  366. line-height: 1.1;
  367. }
  368.  
  369. .mvp-post-trend-but {
  370. background: #fff;
  371. border-top: 1px solid #ddd;
  372. border-left: 1px solid #ddd;
  373. border-right: 1px solid #ddd;
  374. -webkit-box-shadow: 0 -2px 2px 0 rgba(0,0,0,0.1);
  375. -moz-box-shadow: 0 -2px 2px 0 rgba(0,0,0,0.1);
  376. -ms-box-shadow: 0 -2px 2px 0 rgba(0,0,0,0.1);
  377. -o-box-shadow: 0 -2px 2px 0 rgba(0,0,0,0.1);
  378. box-shadow: 0 -2px 2px 0 rgba(0,0,0,0.1);
  379. color: #888;
  380. cursor: pointer;
  381. font-size: 36px !important;
  382. position: absolute;
  383. top: -30px;
  384. left: 30px;
  385. text-align: center;
  386. width: 60px;
  387. height: 30px;
  388. }
  389.  
  390. .mvp-post-trend-tog {
  391. -webkit-transform: translate3d(0,71px,0) !important;
  392. -moz-transform: translate3d(0,71px,0) !important;
  393. -ms-transform: translate3d(0,71px,0) !important;
  394. -o-transform: translate3d(0,71px,0) !important;
  395. transform: translate3d(0,71px,0) !important;
  396. }
  397.  
  398. #mvp-top-nav-wrap {
  399. width: 100%;
  400. height: 50px;
  401. z-index: 50;
  402. }
  403.  
  404. .mvp-main-box-cont {
  405. margin: 0 auto;
  406. width: 1200px;
  407. height: 100%;
  408. }
  409.  
  410. #mvp-main-wrap .mvp-main-box-cont,
  411. #mvp-foot-ad-wrap .mvp-main-box-cont,
  412. #mvp-foot-wrap .mvp-main-box-cont {
  413. position: relative;
  414. z-index: 5;
  415. }
  416.  
  417. #mvp-top-nav-cont {
  418. border-bottom: 1px solid rgba(0,0,0,0.2);
  419. width: 100%;
  420. }
  421.  
  422. .mvp-top-nav-right-out {
  423. float: left;
  424. margin-right: -270px;
  425. width: 100%;
  426. }
  427.  
  428. .mvp-top-nav-right-in {
  429. margin-right: 270px;
  430. }
  431.  
  432. #mvp-top-nav-left {
  433. width: 100%;
  434. }
  435.  
  436. .mvp-top-nav-left-out {
  437. float: right;
  438. margin-left: 0;
  439. width: 100%;
  440. }
  441.  
  442. .mvp-top-nav-menu-but {
  443. display: none;
  444. margin-right: 20px;
  445. padding: 3px 0;
  446. }
  447.  
  448. #mvp-top-nav-logo {
  449. line-height: 0;
  450. max-height: 50px;
  451. }
  452.  
  453. h1.mvp-logo-title,
  454. h2.mvp-logo-title {
  455. display: block;
  456. font-size: 0px;
  457. }
  458.  
  459. .mvp-top-nav-left-in {
  460. margin-left: 0;
  461. }
  462.  
  463. #mvp-top-nav-right {
  464. text-align: right;
  465. width: 270px;
  466. height: 50px;
  467. }
  468.  
  469. #mvp-top-nav-soc {
  470. display: inline-block;
  471. margin-right: 10px;
  472. width: 240px;
  473. }
  474.  
  475. span.mvp-nav-soc-head {
  476. float: right;
  477. font-size: 10px;
  478. font-weight: 600;
  479. line-height: 1;
  480. margin-right: 10px;
  481. padding: 20px 0;
  482. text-transform: uppercase;
  483. }
  484.  
  485. span.mvp-nav-search-but {
  486. cursor: pointer;
  487. font-size: 20px;
  488. line-height: 1;
  489. padding: 15px 0;
  490. }
  491.  
  492. span.mvp-nav-soc-but {
  493. float: right;
  494. font-size: 20px;
  495. line-height: 1;
  496. padding: 15px 8px;
  497. }
  498.  
  499. #mvp-search-wrap {
  500. -webkit-backface-visibility: hidden;
  501. backface-visibility: hidden;
  502. background: rgba(255,255,255,.94);
  503. opacity: 0;
  504. position: fixed;
  505. top: 0;
  506. left: 0;
  507. -webkit-transform: translate3d(0,-100%,0);
  508. -moz-transform: translate3d(0,-100%,0);
  509. -ms-transform: translate3d(0,-100%,0);
  510. -o-transform: translate3d(0,-100%,0);
  511. transform: translate3d(0,-100%,0);
  512. width: 100%;
  513. height: 100%;
  514. z-index: 999999;
  515. }
  516.  
  517. #mvp-search-box {
  518. margin: -60px 0 0 -300px;
  519. position: absolute;
  520. top: 50%;
  521. left: 50%;
  522. width: 600px;
  523. }
  524.  
  525. #searchform input {
  526. background: none;
  527. border: 0;
  528. border-bottom: 1px solid #444;
  529. color: #444;
  530. float: left;
  531. font-size: 70px;
  532. font-weight: 400;
  533. line-height: 100%;
  534. padding: 20px 0;
  535. width: 100%;
  536. height: 70px;
  537. }
  538.  
  539. #searchform #searchsubmit {
  540. border: none;
  541. float: left;
  542. }
  543.  
  544. #searchform #s:focus {
  545. outline: none;
  546. }
  547.  
  548. .mvp-search-toggle {
  549. opacity: 1 !important;
  550. -webkit-transform: translate3d(0,0,0) !important;
  551. -moz-transform: translate3d(0,0,0) !important;
  552. -ms-transform: translate3d(0,0,0) !important;
  553. -o-transform: translate3d(0,0,0) !important;
  554. transform: translate3d(0,0,0) !important;
  555. }
  556.  
  557. #mvp-main-wrap {
  558. margin-top: 94px;
  559. width: 100%;
  560. }
  561.  
  562. #mvp-leader-wrap {
  563. margin: 15px 0 -5px;
  564. width: 100%;
  565. }
  566.  
  567. #mvp-leader-cont {
  568. line-height: 0;
  569. text-align: center;
  570. width: 100%;
  571. }
  572.  
  573. #mvp-main-body-wrap {
  574. margin-top: 20px;
  575. width: 100%;
  576. }
  577.  
  578. #mvp-main-body {
  579. width: 100%;
  580. }
  581.  
  582. .mvp-body-sec-wrap {
  583. margin-bottom: 20px;
  584. width: 100%;
  585. }
  586.  
  587. .mvp-body-sec2-wrap {
  588. width: 100%;
  589. }
  590.  
  591. /************************************************
  592. 5. Navigation
  593. ************************************************/
  594.  
  595. #mvp-bot-nav-wrap {
  596. width: 100%;
  597. height: 44px;
  598. }
  599.  
  600. #mvp-bot-nav-cont {
  601. width: 100%;
  602. }
  603.  
  604. .mvp-bot-nav-out {
  605. float: right;
  606. margin-left: -60px;
  607. width: 100%;
  608. }
  609.  
  610. .mvp-bot-nav-in {
  611. margin-left: 60px;
  612. }
  613.  
  614. #mvp-nav-menu {
  615. width: 100%;
  616. height: 44px;
  617. }
  618.  
  619. #mvp-nav-menu ul,
  620. #mvp-nav-menu ul li {
  621. float: left;
  622. }
  623.  
  624. #mvp-nav-menu ul {
  625. width: 100%;
  626. }
  627.  
  628. #mvp-nav-menu ul li {
  629. position: relative;
  630. }
  631.  
  632. #mvp-nav-menu ul li.mvp-mega-dropdown {
  633. position: static;
  634. }
  635.  
  636. #mvp-nav-menu ul li a {
  637. float: left;
  638. font-size: 16px;
  639. font-weight: 700;
  640. line-height: 1;
  641. padding: 14px 12px;
  642. position: relative;
  643. text-transform: uppercase;
  644. }
  645.  
  646. #mvp-nav-menu ul li:hover a {
  647. padding: 14px 12px 13px;
  648. }
  649.  
  650. #mvp-nav-menu ul li.menu-item-has-children ul.sub-menu li a:after,
  651. #mvp-nav-menu ul li.menu-item-has-children ul.sub-menu li ul.sub-menu li a:after,
  652. #mvp-nav-menu ul li.menu-item-has-children ul.sub-menu li ul.sub-menu li ul.sub-menu li a:after,
  653. #mvp-nav-menu ul li.menu-item-has-children ul.mvp-mega-list li a:after {
  654. border-style: none;
  655. border-width: medium;
  656. content: '';
  657. position: relative;
  658. top: auto;
  659. right: auto;
  660. }
  661.  
  662. #mvp-nav-menu ul li.menu-item-has-children a:after {
  663. border-style: solid;
  664. border-width: 3px 3px 0 3px;
  665. content: '';
  666. position: absolute;
  667. top: 21px;
  668. right: 10px;
  669. }
  670.  
  671. #mvp-nav-menu ul li.menu-item-has-children a {
  672. padding: 14px 18px 14px 12px;
  673. }
  674.  
  675. #mvp-nav-menu ul li.menu-item-has-children:hover a {
  676. padding: 14px 18px 13px 12px;
  677. }
  678.  
  679. #mvp-nav-menu ul li ul.sub-menu {
  680. background: #fff;
  681. -webkit-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
  682. -moz-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
  683. -ms-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
  684. -o-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
  685. box-shadow: 0 1px 6px 0 rgba(0,0,0,0.2);
  686. position: absolute;
  687. top: 44px;
  688. left: 0;
  689. max-width: 200px;
  690. -webkit-transition: -webkit-transform 0.3s;
  691. -moz-transition: -moz-transform 0.3s;
  692. -ms-transition: -ms-transform 0.3s;
  693. -o-transition: -o-transform 0.3s;
  694. transition: transform 0.3s;
  695. -webkit-transform: translateY(-999px);
  696. -moz-transform: translateY(-999px);
  697. -ms-transform: translateY(-999px);
  698. -o-transform: translateY(-999px);
  699. transform: translateY(-999px);
  700. width: auto;
  701. z-index: -1;
  702. }
  703.  
  704. #mvp-nav-menu ul li.mvp-mega-dropdown ul.sub-menu {
  705. display: none;
  706. }
  707.  
  708. #mvp-nav-menu ul li:hover ul.sub-menu {
  709. overflow: visible;
  710. -webkit-transform: translateY(0);
  711. -moz-transform: translateY(0);
  712. -ms-transform: translateY(0);
  713. -o-transform: translateY(0);
  714. transform: translateY(0);
  715. }
  716.  
  717. #mvp-nav-menu ul li ul.sub-menu li {
  718. display: block;
  719. float: left;
  720. position: relative;
  721. width: 100%;
  722. }
  723.  
  724. #mvp-nav-menu ul li ul.sub-menu li a {
  725. background: #fff;
  726. border-top: 1px solid rgba(0,0,0,.1);
  727. border-bottom: none;
  728. color: #444 !important;
  729. float: left;
  730. font-size: 13px;
  731. line-height: 1.15;
  732. padding: 12px 20px !important;
  733. text-transform: uppercase;
  734. width: 160px;
  735. }
  736.  
  737. #mvp-nav-menu ul li ul.sub-menu li a:hover {
  738. background: rgba(0,0,0,.1);
  739. border-bottom: none;
  740. padding: 12px 20px;
  741. }
  742.  
  743. #mvp-nav-menu ul li ul.sub-menu ul.sub-menu li ul,
  744. #mvp-nav-menu ul li ul.sub-menu li ul {
  745. display: none;
  746. position: absolute;
  747. top: 0;
  748. left: 200px;
  749. z-index: 10;
  750. }
  751.  
  752. #mvp-nav-menu ul li ul.sub-menu ul.sub-menu li:hover ul,
  753. #mvp-nav-menu ul li ul.sub-menu li:hover ul {
  754. display: block;
  755. }
  756.  
  757. #mvp-nav-menu ul li ul.sub-menu li .mvp-mega-dropdown {
  758. display: none;
  759. }
  760.  
  761. #mvp-nav-menu ul li:hover ul.sub-menu li.menu-item-has-children a {
  762. position: relative;
  763. }
  764.  
  765. #mvp-nav-menu ul li:hover ul.sub-menu li.menu-item-has-children a:after,
  766. #mvp-nav-menu ul li:hover ul.sub-menu li ul.sub-menu li.menu-item-has-children a:after {
  767. border-color: transparent transparent transparent #444 !important;
  768. border-style: solid;
  769. border-width: 3px 0 3px 3px;
  770. content: '';
  771. position: absolute;
  772. top: 15px;
  773. right: 10px;
  774. }
  775.  
  776. #mvp-nav-menu ul li.mvp-mega-dropdown .mvp-mega-dropdown {
  777. background: #fff;
  778. border-top: 1px solid #ddd;
  779. -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15);
  780. -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15);
  781. -ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15);
  782. -o-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15);
  783. box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15);
  784. position: absolute;
  785. top: 44px;
  786. left: 0;
  787. -webkit-transform: translateY(-999px);
  788. -moz-transform: translateY(-999px);
  789. -ms-transform: translateY(-999px);
  790. -o-transform: translateY(-999px);
  791. transform: translateY(-999px);
  792. width: 100%;
  793. z-index: -4000;
  794. }
  795.  
  796. #mvp-nav-menu ul li.mvp-mega-dropdown:hover .mvp-mega-dropdown {
  797. -webkit-transform: translateY(0);
  798. -moz-transform: translateY(0);
  799. -ms-transform: translateY(0);
  800. -o-transform: translateY(0);
  801. transform: translateY(0);
  802. }
  803.  
  804. #mvp-nav-menu ul li.mvp-mega-dropdown:hover .mvp-mega-dropdown .mvp-mega-img img {
  805. display: block;
  806. }
  807.  
  808. #mvp-nav-menu ul li ul.mvp-mega-list li a {
  809. background: none !important;
  810. border-bottom: none;
  811. color: #222 !important;
  812. float: left;
  813. font-size: .9em;
  814. font-weight: 700;
  815. line-height: 123%;
  816. padding: 0 !important;
  817. text-transform: none;
  818. }
  819.  
  820. #mvp-nav-menu ul li ul.mvp-mega-list li .mvp-mega-img a {
  821. line-height: 0;
  822. }
  823.  
  824. ul.mvp-mega-list {
  825. float: left;
  826. width: 100% !important;
  827. }
  828.  
  829. ul.mvp-mega-list li {
  830. float: left;
  831. overflow: hidden;
  832. padding: 20px 0 20px 1.6666666666%; /* 20px / 1200px */
  833. width: 18.66666666666%; /* 224px / 1200px */
  834. }
  835.  
  836. ul.mvp-mega-list li:first-child {
  837. padding-left: 0;
  838. }
  839.  
  840. .mvp-mega-img {
  841. float: left;
  842. line-height: 0;
  843. margin-bottom: 10px;
  844. overflow: hidden;
  845. position: relative;
  846. width: 100%;
  847. max-height: 130px;
  848. }
  849.  
  850. .mvp-mega-img img {
  851. display: none;
  852. width: 100%;
  853. }
  854.  
  855. .mvp-mega-img a {
  856. padding: 0;
  857. }
  858.  
  859. .mvp-fixed-next {
  860. margin-top: 96px;
  861. }
  862.  
  863. .mvp-body-sec-cont {
  864. background: #fff;
  865. border-bottom: 1px solid #bbb;
  866. padding: 30px 2.5%; /* 30 / 1200 */
  867. width: 95%; /* 1140 / 1200 */
  868. }
  869.  
  870. /************************************************
  871. 6. Scoreboard
  872. ************************************************/
  873.  
  874. #mvp-score-wrap {
  875. background: #111;
  876. width: 100%;
  877. height: 72px;
  878. }
  879.  
  880. #mvp-score-cont {
  881. width: 100%;
  882. height: 55px;
  883. }
  884.  
  885. .mvp-score-out {
  886. float: right;
  887. margin-left: -150px;
  888. width: 100%;
  889. }
  890.  
  891. .mvp-score-in {
  892. margin-left: 150px;
  893. }
  894.  
  895. #mvp-score-menu-wrap {
  896. width: 150px;
  897. height: 72px;
  898. }
  899.  
  900. .mvp-score-nav-menu {
  901. float: left;
  902. margin: 23px 10% 23px 0;
  903. overflow: hidden;
  904. position: relative;
  905. width: 90%;
  906. height: 26px;
  907. }
  908.  
  909. .mvp-score-nav-menu:before {
  910. content: '';
  911. cursor: pointer;
  912. width: 0;
  913. height: 0;
  914. border-left: 5px solid transparent;
  915. border-right: 5px solid transparent;
  916. border-top: 5px solid #bbb;
  917. position: absolute;
  918. top: 10px;
  919. right: 10px;
  920. }
  921.  
  922. .mvp-score-nav-menu .mvp-score-tabs {
  923. width: 100%;
  924. }
  925.  
  926. .mvp-score-nav-menu select {
  927. background: #333;
  928. border: none;
  929. -webkit-border-radius: 5px;
  930. -moz-border-radius: 5px;
  931. -ms-border-radius: 5px;
  932. -o-border-radius: 5px;
  933. border-radius: 5px;
  934. color: #fff;
  935. cursor: pointer;
  936. float: left;
  937. font-size: 12px;
  938. font-weight: 800;
  939. line-height: 100%;
  940. outline: none;
  941. padding: 0 8.33333333333%; /* 10px / 120px */
  942. -webkit-transition: background 0.2s;
  943. -moz-transition: background 0.2s;
  944. -ms-transition: background 0.2s;
  945. -o-transition: background 0.2s;
  946. transition: background 0.2s;
  947. -webkit-appearance: none !important;
  948. -moz-appearance: none !important;
  949. text-indent: .01px;
  950. text-overflow: '';
  951. width: 83.33333333333%; /* 100px / 120px */
  952. height: 26px;
  953. }
  954.  
  955. .mvp-score-nav-menu select option {
  956. background: #333;
  957. color: #fff;
  958. font: 800 12px/100%kanitnit;
  959. height: 100%;
  960. }
  961.  
  962. #mvp-score-main {
  963. overflow: hidden;
  964. width: 100%;
  965. height: 72px;
  966. }
  967.  
  968. .mvp-score-item {
  969. width: 100%;
  970. }
  971.  
  972. ul.mvp-score-list {
  973. width: 100%;
  974. height: 72px;
  975. }
  976.  
  977. ul.mvp-score-list li {
  978. background: #333;
  979. border: 1px solid #444;
  980. -webkit-border-radius: 3px;
  981. -moz-border-radius: 3px;
  982. -ms-border-radius: 3px;
  983. -o-border-radius: 3px;
  984. border-radius: 3px;
  985. float: left;
  986. margin: 7px 7px 7px 0;
  987. padding: 3px 10px 6px;
  988. width: 100px;
  989. height: 47px;
  990. }
  991.  
  992. .mvp-score-status {
  993. float: right;
  994. overflow: hidden;
  995. text-align: center;
  996. width: 100%;
  997. height: 11px;
  998. }
  999.  
  1000. .mvp-score-teams {
  1001. overflow: hidden;
  1002. width: 100%;
  1003. height: 36px;
  1004. }
  1005.  
  1006. .mvp-score-status p,
  1007. .mvp-score-teams p {
  1008. font-size: 11px;
  1009. }
  1010.  
  1011. .mvp-score-status p {
  1012. color: #888;
  1013. font-weight: 400;
  1014. line-height: 1;
  1015. }
  1016.  
  1017. .mvp-score-teams p {
  1018. color: #eee;
  1019. font-weight: 700;
  1020. line-height: 150%;
  1021. }
  1022.  
  1023. .mvp-score-teams-left {
  1024. width: 65%;
  1025. height: 30px;
  1026. }
  1027.  
  1028. .mvp-score-teams-right {
  1029. float: right;
  1030. text-align: right;
  1031. width: 35%;
  1032. height: 30px;
  1033. }
  1034.  
  1035. .es-carousel {
  1036. float: left;
  1037. position: relative;
  1038. width: 100%;
  1039. height: 72px;
  1040. }
  1041.  
  1042. .es-nav {
  1043. position: absolute;
  1044. top: 0;
  1045. right: 0;
  1046. width: 100%;
  1047. }
  1048.  
  1049. .es-nav span {
  1050. cursor: pointer;
  1051. position: absolute;
  1052. width: 16px;
  1053. height: 72px;
  1054. }
  1055.  
  1056. .es-nav span a {
  1057. color: #fff;
  1058. font-family:kanit;
  1059. font-size: 36px;
  1060. font-weight: 700;
  1061. line-height: 100%;
  1062. padding: 16px 0 20px;
  1063. }
  1064.  
  1065. .es-nav span a:hover {
  1066. text-decoration: none;
  1067. }
  1068.  
  1069. .es-nav span.es-nav-prev a {
  1070. float: left;
  1071. }
  1072.  
  1073. .es-nav span.es-nav-next a {
  1074. float: right;
  1075. }
  1076.  
  1077. .es-nav span.es-nav-prev,
  1078. .es-nav span.es-nav-next {
  1079. background: #111;
  1080. }
  1081.  
  1082. .es-nav span.es-nav-prev {
  1083. padding: 0 8px 0 10px;
  1084. text-align: left;
  1085. left: 0;
  1086. }
  1087.  
  1088.  
  1089.  
  1090. .es-nav span.es-nav-next {
  1091. padding: 0 10px 0 8px;
  1092. text-align: right;
  1093. right: 0;
  1094. }
  1095.  
  1096. .es-nav span.es-nav-prev:after,
  1097. .es-nav span.es-nav-next:after {
  1098. content: '';
  1099. display: block;
  1100. position: absolute;
  1101. bottom: 0;
  1102. width: 10px;
  1103. height: 100%;
  1104. }
  1105.  
  1106. .es-nav span.es-nav-prev:after {
  1107. background-image: -moz-linear-gradient(to left,rgba(0,0,0,0) 0, rgba(0,0,0,0.2) 50%, rgba(0,0,0,.4) 100%);
  1108. background-image: -ms-linear-gradient(to left,rgba(0,0,0,0) 0, rgba(0,0,0,0.2) 50%, rgba(0,0,0,.4) 100%);
  1109. background-image: -o-linear-gradient(to left,rgba(0,0,0,0) 0, rgba(0,0,0,0.2) 50%, rgba(0,0,0,.4) 100%);
  1110. background-image: -webkit-linear-gradient(to left,rgba(0,0,0,0) 0, rgba(0,0,0,0.2) 50%, rgba(0,0,0,.4) 100%);
  1111. background-image: linear-gradient(to left,rgba(0,0,0,0) 0, rgba(0,0,0,0.2) 50%, rgba(0,0,0,.4) 100%);
  1112. right: -10px;
  1113. }
  1114.  
  1115. .es-nav span.es-nav-next:after {
  1116. background-image: -moz-linear-gradient(to right,rgba(0,0,0,0) 0, rgba(0,0,0,0.2) 50%, rgba(0,0,0,.4) 100%);
  1117. background-image: -ms-linear-gradient(to right,rgba(0,0,0,0) 0, rgba(0,0,0,0.2) 50%, rgba(0,0,0,.4) 100%);
  1118. background-image: -o-linear-gradient(to right,rgba(0,0,0,0) 0, rgba(0,0,0,0.2) 50%, rgba(0,0,0,.4) 100%);
  1119. background-image: -webkit-linear-gradient(to right,rgba(0,0,0,0) 0, rgba(0,0,0,0.2) 50%, rgba(0,0,0,.4) 100%);
  1120. background-image: linear-gradient(to right,rgba(0,0,0,0) 0, rgba(0,0,0,0.2) 50%, rgba(0,0,0,.4) 100%);
  1121. left: -10px;
  1122. }
  1123.  
  1124. .mvp-scores-wrap,
  1125. .mvp-scores-item,
  1126. .mvp-scores-teams,
  1127. .mvp-scores-body {
  1128. width: 100%;
  1129. }
  1130.  
  1131. .mvp-scores-head {
  1132. margin: 0 0 20px;
  1133. width: 100%;
  1134. }
  1135.  
  1136. .mvp-scores-tabs,
  1137. .mvp-scores-menu {
  1138. width: 100%;
  1139. }
  1140.  
  1141. .mvp-scores-tabs {
  1142. background: #eee;
  1143. }
  1144.  
  1145. .mvp-scores-menu {
  1146. display: none;
  1147. }
  1148.  
  1149. .mvp-scores-menu select {
  1150. width: 100%;
  1151. }
  1152.  
  1153. ul.mvp-scores-list {
  1154. margin: 0 0 0 -3.947368421%; /* 30 / 760 */
  1155. width: 103.947368421%; /* 790 / 760 */
  1156. }
  1157.  
  1158. ul.mvp-scores-list li {
  1159. border: 1px solid #ddd;
  1160. -webkit-border-radius: 3px;
  1161. -moz-border-radius: 3px;
  1162. -ms-border-radius: 3px;
  1163. -o-border-radius: 3px;
  1164. border-radius: 3px;
  1165. float: left;
  1166. margin: 0 0 30px 3.797468354%; /* 30 / 790 */
  1167. overflow: hidden;
  1168. width: 45.8%; /* 362 / 790 */
  1169. }
  1170.  
  1171. .mvp-scores-status {
  1172. padding: 7px 2.739726027%; /* 10 / 365 */
  1173. width: 94.52054795%; /* 345 / 365 */
  1174. }
  1175.  
  1176. .mvp-scores-status p {
  1177. color: #fff;
  1178. font-size: .8rem;
  1179. font-weight: 700;
  1180. line-height: 1;
  1181. }
  1182.  
  1183. .mvp-scores-list-main {
  1184. padding: 10px 2.739726027%; /* 10 / 365 */
  1185. width: 94.52054795%; /* 345 / 365 */
  1186. height: 115px;
  1187. }
  1188.  
  1189. .mvp-scores-teams-left {
  1190. width: 65%;
  1191. }
  1192.  
  1193. .mvp-scores-teams-right {
  1194. text-align: right;
  1195. width: 35%;
  1196. }
  1197.  
  1198. .mvp-scores-teams p {
  1199. font-size: 1.3rem;
  1200. font-weight: 700;
  1201. line-height: 1.4;
  1202. }
  1203.  
  1204. .mvp-scores-title {
  1205. border-top: 1px solid #ddd;
  1206. margin: 10px 0 0;
  1207. padding: 10px 0 0;
  1208. width: 100%;
  1209. }
  1210.  
  1211. .mvp-scores-title h2 a {
  1212. color: #111;
  1213. float: left;
  1214. font-size: 1rem;
  1215. font-weight: 400;
  1216. letter-spacing: -.02em;
  1217. line-height: 1.1;
  1218. width: 100%;
  1219. }
  1220.  
  1221. /************************************************
  1222. 7. Fly-Out Navigation
  1223. ************************************************/
  1224.  
  1225. #mvp-fly-wrap {
  1226. overflow: hidden;
  1227. position: fixed;
  1228. top: 0;
  1229. bottom: 0;
  1230. left: 0;
  1231. -webkit-transform: translate3d(-370px,0,0);
  1232. -moz-transform: translate3d(-370px,0,0);
  1233. -ms-transform: translate3d(-370px,0,0);
  1234. -o-transform: translate3d(-370px,0,0);
  1235. transform: translate3d(-370px,0,0);
  1236. width: 370px;
  1237. height: 100%;
  1238. z-index: 999999;
  1239. }
  1240.  
  1241. .mvp-fly-but-wrap,
  1242. .mvp-search-but-wrap {
  1243. cursor: pointer;
  1244. width: 30px;
  1245. height: 44px;
  1246. }
  1247.  
  1248. .mvp-search-but-wrap {
  1249. position: absolute;
  1250. top: 60px;
  1251. right: 80px;
  1252. width: 60px;
  1253. }
  1254.  
  1255. .mvp-fly-but-wrap span,
  1256. .mvp-search-but-wrap span {
  1257. display: block;
  1258. position: absolute;
  1259. left: 0;
  1260. -webkit-transform: rotate(0deg);
  1261. -moz-transform: rotate(0deg);
  1262. -ms-transform: rotate(0deg);
  1263. -o-transform: rotate(0deg);
  1264. transform: rotate(0deg);
  1265. -webkit-transition: .25s ease-in-out;
  1266. -moz-transition: .25s ease-in-out;
  1267. -ms-transition: .25s ease-in-out;
  1268. -o-transition: .25s ease-in-out;
  1269. transition: .25s ease-in-out;
  1270. height: 3px;
  1271. }
  1272.  
  1273. .mvp-search-but-wrap span {
  1274. background: #333;
  1275. top: 24px;
  1276. }
  1277.  
  1278. .mvp-fly-but-wrap span:nth-child(1) {
  1279. top: 12.5px;
  1280. width: 30px;
  1281. }
  1282.  
  1283. .mvp-fly-but-wrap span:nth-child(2),
  1284. .mvp-fly-but-wrap span:nth-child(3) {
  1285. top: 20.5px;
  1286. width: 24px;
  1287. }
  1288.  
  1289. .mvp-fly-but-wrap span:nth-child(4) {
  1290. top: 28.5px;
  1291. width: 18px;
  1292. }
  1293.  
  1294. .mvp-fly-but-wrap.mvp-fly-open span:nth-child(1),
  1295. .mvp-fly-but-wrap.mvp-fly-open span:nth-child(4) {
  1296. top: 16px;
  1297. left: 50%;
  1298. width: 0%;
  1299. }
  1300.  
  1301. .mvp-fly-but-wrap.mvp-fly-open span:nth-child(2),
  1302. .mvp-search-but-wrap span:nth-child(1) {
  1303. -webkit-transform: rotate(45deg);
  1304. -moz-transform: rotate(45deg);
  1305. -ms-transform: rotate(45deg);
  1306. -o-transform: rotate(45deg);
  1307. transform: rotate(45deg);
  1308. width: 30px;
  1309. }
  1310.  
  1311. .mvp-fly-but-wrap.mvp-fly-open span:nth-child(3),
  1312. .mvp-search-but-wrap span:nth-child(2) {
  1313. -webkit-transform: rotate(-45deg);
  1314. -moz-transform: rotate(-45deg);
  1315. -ms-transform: rotate(-45deg);
  1316. -o-transform: rotate(-45deg);
  1317. transform: rotate(-45deg);
  1318. width: 30px;
  1319. }
  1320.  
  1321. .mvp-search-but-wrap span:nth-child(1),
  1322. .mvp-search-but-wrap span:nth-child(2) {
  1323. width: 60px;
  1324. }
  1325.  
  1326. #mvp-fly-menu-top {
  1327. width: 100%;
  1328. height: 60px;
  1329. }
  1330.  
  1331. .mvp-fly-top-out {
  1332. margin-right: -120px;
  1333. left: 60px;
  1334. width: 100%;
  1335. }
  1336.  
  1337. .mvp-fly-top-in {
  1338. margin-right: 120px;
  1339. }
  1340.  
  1341. #mvp-fly-logo {
  1342. margin: 0 6.45161290323%; /* 20 / 310 */
  1343. text-align: center;
  1344. width: 87.0967741935%; /* 270 / 310 */
  1345. }
  1346.  
  1347. #mvp-fly-logo img {
  1348. line-height: 0;
  1349. }
  1350.  
  1351. .mvp-fly-but-menu {
  1352. float: left;
  1353. margin-left: 15px;
  1354. position: relative;
  1355. }
  1356.  
  1357. .mvp-fly-menu {
  1358. -webkit-transform: translate3d(0,0,0) !important;
  1359. -moz-transform: translate3d(0,0,0) !important;
  1360. -ms-transform: translate3d(0,0,0) !important;
  1361. -o-transform: translate3d(0,0,0) !important;
  1362. transform: translate3d(0,0,0) !important;
  1363. }
  1364.  
  1365. .mvp-fly-content,
  1366. .mvp-nav-over {
  1367. -webkit-transform: translate3d(370px,0,0) !important;
  1368. -moz-transform: translate3d(370px,0,0) !important;
  1369. -ms-transform: translate3d(370px,0,0) !important;
  1370. -o-transform: translate3d(370px,0,0) !important;
  1371. transform: translate3d(370px,0,0) !important;
  1372. }
  1373.  
  1374. .mvp-fly-top {
  1375. background: #111;
  1376. -webkit-border-radius: 3px;
  1377. border-radius: 3px;
  1378. cursor: pointer;
  1379. opacity: .8;
  1380. overflow: hidden;
  1381. position: fixed;
  1382. right: 10px;
  1383. bottom: 0;
  1384. -webkit-transition: all .3s;
  1385. transition: all .3s;
  1386. width: 50px;
  1387. height: 50px;
  1388. z-index: 500;
  1389. }
  1390.  
  1391. .mvp-fly-top:hover {
  1392. opacity: 1;
  1393. }
  1394.  
  1395. .mvp-fly-top {
  1396. -webkit-transform: translate3d(0,100px,0);
  1397. -moz-transform: translate3d(0,100px,0);
  1398. -ms-transform: translate3d(0,100px,0);
  1399. -o-transform: translate3d(0,100px,0);
  1400. transform: translate3d(0,100px,0);
  1401. }
  1402.  
  1403. .mvp-to-top {
  1404. -webkit-transform: translate3d(0,-10px,0);
  1405. -moz-transform: translate3d(0,-10px,0);
  1406. -ms-transform: translate3d(0,-10px,0);
  1407. -o-transform: translate3d(0,-10px,0);
  1408. transform: translate3d(0,-10px,0);
  1409. }
  1410.  
  1411. .mvp-fly-top i {
  1412. font-size: 40px;
  1413. line-height: 100%;
  1414. position: absolute;
  1415. top: 1px;
  1416. left: 12.1px;
  1417. }
  1418.  
  1419. .mvp-fly-top i {
  1420. color: #fff;
  1421. }
  1422.  
  1423. #mvp-fly-menu-wrap {
  1424. overflow: hidden;
  1425. position: absolute;
  1426. top: 60px;
  1427. left: 0;
  1428. width: 100%;
  1429. height: 100%;
  1430. }
  1431.  
  1432. nav.mvp-fly-nav-menu {
  1433. -webkit-backface-visibility: hidden;
  1434. backface-visibility: hidden;
  1435. margin: 20px 5.40540540541% 0; /* 20px / 370px */
  1436. overflow: hidden;
  1437. position: absolute !important;
  1438. width: 89.1891891892%; /* 330px / 370px */
  1439. max-height: 65%;
  1440. }
  1441.  
  1442. nav.mvp-fly-nav-menu ul {
  1443. float: left;
  1444. position: relative;
  1445. width: 100%;
  1446. }
  1447.  
  1448. nav.mvp-fly-nav-menu ul div.mvp-mega-dropdown {
  1449. display: none;
  1450. }
  1451.  
  1452. nav.mvp-fly-nav-menu ul li {
  1453. border-top: 1px solid rgba(0,0,0,.1);
  1454. cursor: pointer;
  1455. float: left;
  1456. position: relative;
  1457. width: 100%;
  1458. -webkit-tap-highlight-color: rgba(0,0,0,0);
  1459. }
  1460.  
  1461. nav.mvp-fly-nav-menu ul li:first-child {
  1462. border-top: none;
  1463. margin-top: -14px;
  1464. }
  1465.  
  1466. nav.mvp-fly-nav-menu ul li ul li:first-child {
  1467. margin-top: 0;
  1468. }
  1469.  
  1470. nav.mvp-fly-nav-menu ul li a {
  1471. display: inline-block;
  1472. float: left;
  1473. font-size: 16px;
  1474. font-weight: 700;
  1475. line-height: 1;
  1476. padding: 14px 0;
  1477. text-transform: uppercase;
  1478. }
  1479.  
  1480. nav.mvp-fly-nav-menu ul li.menu-item-has-children:after {
  1481. content: '+';
  1482. font-family:kanit;
  1483. font-size: 32px;
  1484. font-weight: 700;
  1485. position: absolute;
  1486. right: 0;
  1487. top: 7px;
  1488. }
  1489.  
  1490. nav.mvp-fly-nav-menu ul li.menu-item-has-children.tog-minus:after {
  1491. content: '_';
  1492. right: 4px;
  1493. top: -9px;
  1494. }
  1495.  
  1496. nav.mvp-fly-nav-menu ul li ul.sub-menu {
  1497. border-top: 1px solid rgba(0,0,0,.1);
  1498. display: none;
  1499. float: left;
  1500. padding-left: 6.66666666666%; /* 20px / 300px */
  1501. width: 93.333333333%; /* 280px / 300px */
  1502. }
  1503.  
  1504. .mvp-fly-fade {
  1505. background: #222;
  1506. cursor: pointer;
  1507. opacity: 0;
  1508. width: 100%;
  1509. position: fixed;
  1510. top: 0;
  1511. left: 0;
  1512. z-index: 99999;
  1513. }
  1514.  
  1515. .mvp-fly-fade-trans {
  1516. opacity: .7;
  1517. height: 100%;
  1518. }
  1519.  
  1520. #mvp-fly-soc-wrap {
  1521. margin: 0 5.40540540541%; /* 20px / 370px */
  1522. position: absolute;
  1523. bottom: 20px;
  1524. left: 0;
  1525. text-align: center;
  1526. width: 89.1891891892%; /* 330px / 370px */
  1527. }
  1528.  
  1529. span.mvp-fly-soc-head {
  1530. display: inline-block;
  1531. font-family:kanit;
  1532. font-size: .65rem;
  1533. font-weight: 400;
  1534. line-height: 1;
  1535. margin-bottom: 15px;
  1536. text-transform: uppercase;
  1537. }
  1538.  
  1539. ul.mvp-fly-soc-list {
  1540. text-align: center;
  1541. width: 100%;
  1542. }
  1543.  
  1544. ul.mvp-fly-soc-list li {
  1545. display: inline-block;
  1546. }
  1547.  
  1548. ul.mvp-fly-soc-list li a {
  1549. -webkit-border-radius: 50%;
  1550. -moz-border-radius: 50%;
  1551. -ms-border-radius: 50%;
  1552. -o-border-radius: 50%;
  1553. border-radius: 50%;
  1554. display: inline-block;
  1555. font-size: 12px;
  1556. line-height: 1;
  1557. margin-left: 2px;
  1558. padding-top: 10px;
  1559. text-align: center;
  1560. -webkit-transition: background .25s;
  1561. -moz-transition: background .25s;
  1562. -ms-transition: background .25s;
  1563. -o-transition: background .25s;
  1564. transition: background .25s;
  1565. width: 32px;
  1566. height: 22px;
  1567. }
  1568.  
  1569. ul.mvp-fly-soc-list li:first-child a {
  1570. margin-left: 0;
  1571. }
  1572.  
  1573. ul.mvp-fly-soc-list li a:hover {
  1574. padding-top: 8px;
  1575. width: 28px;
  1576. height: 20px;
  1577. }
  1578.  
  1579. /************************************************
  1580. 8. Featured Posts
  1581. ************************************************/
  1582.  
  1583. #mvp-feat1-wrap,
  1584. #mvp-feat1-main {
  1585. overflow: hidden;
  1586. width: 100%;
  1587. }
  1588.  
  1589. .mvp-feat1-wrap-bg {
  1590. background: #fff;
  1591. }
  1592.  
  1593. #mvp-feat1-main {
  1594. height: 435px;
  1595. }
  1596.  
  1597. .category #mvp-feat1-main {
  1598. margin-bottom: 30px;
  1599. height: auto;
  1600. }
  1601.  
  1602. .mvp-feat1-img {
  1603. line-height: 0;
  1604. width: 100%;
  1605. height: 100%;
  1606. max-height: 435px;
  1607. }
  1608.  
  1609. .mvp-feat1-img img {
  1610. margin: 0 auto;
  1611. position: absolute;
  1612. left: -9999px;
  1613. right: -9999px;
  1614. width: 100%;
  1615. min-width: 735px;
  1616. }
  1617.  
  1618. .category .mvp-feat1-img {
  1619. max-height: none;
  1620. }
  1621.  
  1622. .category .mvp-feat1-img img {
  1623. margin: 0;
  1624. position: relative;
  1625. left: 0;
  1626. right: 0;
  1627. min-width: none;
  1628. }
  1629.  
  1630. .mvp-feat1-text,
  1631. .mvp-feat4-main-text {
  1632. padding: 100px 10% 30px;
  1633. position: absolute;
  1634. left: 0;
  1635. bottom: 0;
  1636. text-align: center;
  1637. width: 80%;
  1638. }
  1639.  
  1640. .mvp-feat1-text:before,
  1641. .mvp-feat1-sub-text:before,
  1642. .mvp-feat2-main-text:before,
  1643. .mvp-feat2-sub-text:before,
  1644. .mvp-feat3-main-text:before,
  1645. .mvp-feat3-sub-text:before,
  1646. .mvp-feat4-main-text:before {
  1647. background-image: -moz-linear-gradient(to bottom,rgba(17,17,17,0) 0, rgba(17,17,17,0.7) 50%, rgba(17,17,17,1) 100%);
  1648. background-image: -ms-linear-gradient(to bottom,rgba(17,17,17,0) 0, rgba(17,17,17,0.7) 50%, rgba(17,17,17,1) 100%);
  1649. background-image: -o-linear-gradient(to bottom,rgba(17,17,17,0) 0, rgba(17,17,17,0.7) 50%, rgba(17,17,17,1) 100%);
  1650. background-image: -webkit-linear-gradient(to bottom,rgba(17,17,17,0) 0, rgba(17,17,17,0.7) 50%, rgba(17,17,17,1) 100%);
  1651. background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(17,17,17,0)), to(rgba(17,17,17,1)));
  1652. background-image: linear-gradient(to bottom,rgba(17,17,17,0) 0, rgba(17,17,17,0.7) 50%, rgba(17,17,17,1) 100%);
  1653. content: '';
  1654. display: block;
  1655. opacity: .9;
  1656. position: absolute;
  1657. left: 0;
  1658. bottom: 0;
  1659. width: 100%;
  1660. height: 100%;
  1661. }
  1662.  
  1663. #mvp-feat1-main:hover .mvp-feat1-text:before,
  1664. .mvp-feat1-sub:hover .mvp-feat1-sub-text:before,
  1665. .mvp-feat2-main:hover .mvp-feat2-main-text:before,
  1666. .mvp-feat2-sub-wrap:hover .mvp-feat2-sub-text:before,
  1667. .mvp-feat3-main:hover .mvp-feat3-main-text:before,
  1668. .mvp-feat3-sub:hover .mvp-feat3-sub-text:before,
  1669. .mvp-feat4-main-wrap:hover .mvp-feat4-main-text:before {
  1670. opacity: 1;
  1671. }
  1672.  
  1673. h3.mvp-feat1-cat {
  1674. float: left;
  1675. margin-bottom: 6px;
  1676. position: relative;
  1677. width: 100%;
  1678. }
  1679.  
  1680. span.mvp-feat1-cat {
  1681. color: #fff;
  1682. display: inline-block;
  1683. font-size: .7rem;
  1684. font-weight: 700;
  1685. line-height: 1;
  1686. padding: 5px 20px;
  1687. text-transform: uppercase;
  1688. }
  1689.  
  1690. .mvp-feat1-text h2,
  1691. .mvp-feat1-text h2.mvp-stand-title,
  1692. .mvp-feat4-main-text h2,
  1693. .mvp-feat4-main-text h2.mvp-stand-title {
  1694. color: #fff;
  1695. float: left;
  1696. font-weight: 700;
  1697. letter-spacing: -.04em;
  1698. line-height: 1.1;
  1699. position: relative;
  1700. width: 100%;
  1701. }
  1702.  
  1703. .mvp-feat1-text h2,
  1704. .mvp-feat4-main-text h2 {
  1705. font-size: 3.4rem;
  1706. }
  1707.  
  1708. .mvp-feat1-text h2.mvp-stand-title,
  1709. .mvp-feat4-main-text h2.mvp-stand-title {
  1710. font-size: 2.6rem;
  1711. }
  1712.  
  1713. .mvp-feat1-text p,
  1714. .mvp-feat4-main-text p {
  1715. color: #fff;
  1716. float: left;
  1717. font-size: 1rem;
  1718. font-weight: 400;
  1719. line-height: 1.3;
  1720. margin-top: 5px;
  1721. position: relative;
  1722. width: 100%;
  1723. }
  1724.  
  1725. #mvp-feat1-sub-wrap {
  1726. width: 100%;
  1727. }
  1728.  
  1729. .mvp-feat1-sub {
  1730. width: 50%;
  1731. height: 243px;
  1732. }
  1733.  
  1734. .mvp-feat1-sub-img {
  1735. line-height: 0;
  1736. overflow: hidden;
  1737. width: 100%;
  1738. height: 100%;
  1739. }
  1740.  
  1741. .mvp-feat1-sub-img img {
  1742. margin: 0 auto;
  1743. position: absolute;
  1744. left: -9999px;
  1745. right: -9999px;
  1746. width: 100%;
  1747. min-width: 405px;
  1748. }
  1749.  
  1750. .mvp-feat1-sub-text {
  1751. padding: 50px 4.93827160494% 20px; /* 20 / 405 */
  1752. position: absolute;
  1753. left: 0;
  1754. bottom: 0;
  1755. width: 90.2%; /* 365 / 405 */
  1756. }
  1757.  
  1758. .mvp-feat1-sub-text h2 {
  1759. color: #fff;
  1760. float: left;
  1761. font-size: 1.4rem;
  1762. font-weight: 700;
  1763. letter-spacing: -.02em;
  1764. line-height: 1.1;
  1765. position: relative;
  1766. width: 100%;
  1767. }
  1768.  
  1769. .mvp-feat1-side-wrap {
  1770. margin: 30px 30px 0;
  1771. width: 330px;
  1772. }
  1773.  
  1774. #mvp-feat2-wrap {
  1775. background: #111;
  1776. width: 100%;
  1777. }
  1778.  
  1779. .mvp-feat2-right-out {
  1780. float: left;
  1781. margin-right: -300px;
  1782. width: 100%;
  1783. }
  1784.  
  1785. .mvp-feat2-right-in {
  1786. margin-right: 300px;
  1787. }
  1788.  
  1789. .mvp-feat2-left-wrap {
  1790. width: 100%;
  1791. height: 432px;
  1792. }
  1793.  
  1794. .mvp-feat2-left-wrap:after {
  1795. background-image: -moz-linear-gradient(to left,rgba(0,0,0,0) 0, rgba(0,0,0,0.25) 50%, rgba(0,0,0,.5) 100%);
  1796. background-image: -ms-linear-gradient(to left,rgba(0,0,0,0) 0, rgba(0,0,0,0.25) 50%, rgba(0,0,0,.5) 100%);
  1797. background-image: -o-linear-gradient(to left,rgba(0,0,0,0) 0, rgba(0,0,0,0.25) 50%, rgba(0,0,0,.5) 100%);
  1798. background-image: -webkit-linear-gradient(to left,rgba(0,0,0,0) 0,rgba(0,0,0,0.25) 50%, rgba(0,0,0,.5) 100%);
  1799. background-image: linear-gradient(to left,rgba(0,0,0,0) 0, rgba(0,0,0,0.25) 50%, rgba(0,0,0,.5) 100%);
  1800. content: '';
  1801. display: block;
  1802. position: absolute;
  1803. right: -20px;
  1804. bottom: 0;
  1805. width: 20px;
  1806. height: 100%;
  1807. z-index: 10;
  1808. }
  1809.  
  1810. .mvp-feat2-main {
  1811. overflow: hidden;
  1812. width: 60%;
  1813. height: 100%;
  1814. }
  1815.  
  1816. .mvp-feat2-left-sub {
  1817. overflow: hidden;
  1818. width: 40%;
  1819. }
  1820.  
  1821. .mvp-feat2-main-img,
  1822. .mvp-feat2-sub-img {
  1823. line-height: 0;
  1824. width: 100%;
  1825. }
  1826.  
  1827. .mvp-feat2-main-img img,
  1828. .mvp-feat2-sub-img img {
  1829. margin: 0 auto;
  1830. position: absolute;
  1831. left: -9999px;
  1832. right: -9999px;
  1833. width: 100%;
  1834. }
  1835.  
  1836. .mvp-feat2-main-img img {
  1837. min-width: 725px;
  1838. }
  1839.  
  1840. .mvp-feat2-sub-img img {
  1841. min-width: 360px;
  1842. }
  1843.  
  1844. .mvp-feat2-main-text {
  1845. padding: 50px 3.703703703703% 20px; /* 20 / 540 */
  1846. position: absolute;
  1847. left: 0;
  1848. bottom: 0;
  1849. width: 92.6%; /* 500 / 540 */
  1850. }
  1851.  
  1852. .mvp-feat2-main-text h2 {
  1853. color: #fff;
  1854. float: left;
  1855. font-weight: 700;
  1856. letter-spacing: -.03em;
  1857. line-height: 1.1;
  1858. position: relative;
  1859. width: 100%;
  1860. }
  1861.  
  1862. .mvp-feat2-main-text h2 {
  1863. font-size: 2.8rem;
  1864. }
  1865.  
  1866. .mvp-feat2-main-text h2.mvp-stand-title {
  1867. font-size: 2.2rem;
  1868. }
  1869.  
  1870. .mvp-feat2-main-text p,
  1871. .mvp-feat3-main-text p {
  1872. color: #fff;
  1873. float: left;
  1874. font-size: 1rem;
  1875. font-weight: 400;
  1876. line-height: 1.3;
  1877. margin-top: 3px;
  1878. position: relative;
  1879. width: 100%;
  1880. }
  1881.  
  1882. .mvp-feat2-sub-wrap {
  1883. overflow: hidden;
  1884. width: 100%;
  1885. height: 216px;
  1886. }
  1887.  
  1888. .mvp-feat2-sub-text {
  1889. padding: 50px 5.5555555555% 20px; /* 20 / 360 */
  1890. position: absolute;
  1891. left: 0;
  1892. bottom: 0;
  1893. width: 88.9%; /* 320 / 360 */
  1894. }
  1895.  
  1896. .mvp-feat2-sub-text h2 {
  1897. color: #fff;
  1898. float: left;
  1899. font-size: 1.4rem;
  1900. font-weight: 700;
  1901. letter-spacing: -.02em;
  1902. line-height: 1.1;
  1903. position: relative;
  1904. width: 100%;
  1905. }
  1906.  
  1907. .mvp-feat2-right-wrap {
  1908. float: right;
  1909. margin: 18px 0 0;
  1910. width: 300px;
  1911. }
  1912.  
  1913. ul.mvp-feat2-list {
  1914. width: 100%;
  1915. }
  1916.  
  1917. ul.mvp-feat2-list li {
  1918. float: left;
  1919. padding: 13px 30px;
  1920. }
  1921.  
  1922. ul.mvp-feat2-list li:hover {
  1923. background: rgba(255,255,255,0.1);
  1924. }
  1925.  
  1926. ul.mvp-feat2-list li h3 {
  1927. color: #999;
  1928. float: left;
  1929. font-size: .7rem;
  1930. font-weight: 400;
  1931. letter-spacing: .07rem;
  1932. line-height: 1;
  1933. margin-bottom: 5px;
  1934. text-transform: uppercase;
  1935. width: 100%;
  1936. }
  1937.  
  1938. ul.mvp-feat2-list li h2 {
  1939. color: #fff;
  1940. float: left;
  1941. font-size: 1.04rem;
  1942. font-weight: 500;
  1943. line-height: 1.1;
  1944. position: relative;
  1945. width: 100%;
  1946. }
  1947.  
  1948. #mvp-feat3-wrap,
  1949. .mvp-feat3-main,
  1950. .mvp-feat3-sub {
  1951. overflow: hidden;
  1952. width: 100%;
  1953. }
  1954.  
  1955. .mvp-feat3-left {
  1956. width: 66.6666666%
  1957. }
  1958.  
  1959. .mvp-feat3-main-img,
  1960. .mvp-feat3-sub-img {
  1961. line-height: 0;
  1962. width: 100%;
  1963. }
  1964.  
  1965. .mvp-feat3-main-img {
  1966. max-height: 480px;
  1967. }
  1968.  
  1969. .mvp-feat3-main-img img,
  1970. .mvp-feat3-sub-img img {
  1971. width: 100%;
  1972. }
  1973.  
  1974. .mvp-feat3-main-text {
  1975. padding: 50px 20.75% 30px 3.75%; /* 30 / 800 */
  1976. position: absolute;
  1977. left: 0;
  1978. bottom: 0;
  1979. width: 75.6%; /* 740 / 800 */
  1980. }
  1981.  
  1982. .mvp-feat3-main-text h2 {
  1983. color: #fff;
  1984. float: left;
  1985. font-weight: 700;
  1986. letter-spacing: -.03em;
  1987. line-height: 1.1;
  1988. position: relative;
  1989. width: 100%;
  1990. }
  1991.  
  1992. .mvp-feat3-main-text h2 {
  1993. font-size: 3.3rem;
  1994. }
  1995.  
  1996. .mvp-feat3-main-text h2.mvp-stand-title {
  1997. font-size: 2.2rem;
  1998. }
  1999.  
  2000. .mvp-feat3-right {
  2001. width: 33.33333333%;
  2002. }
  2003.  
  2004. .mvp-feat3-sub-text {
  2005. padding: 50px 5% 20px; /* 20 / 400 */
  2006. position: absolute;
  2007. left: 0;
  2008. bottom: 0;
  2009. width: 90.1%; /* 360 / 400 */
  2010. }
  2011.  
  2012.  
  2013. .mvp-feat3-sub-text h2 {
  2014. color: #fff;
  2015. float: left;
  2016. font-size: 1.4rem;
  2017. font-weight: 700;
  2018. letter-spacing: -.02em;
  2019. line-height: 1.1;
  2020. position: relative;
  2021. width: 100%;
  2022. }
  2023.  
  2024. #mvp-feat4-wrap {
  2025. background: #fff;
  2026. width: 100%;
  2027. }
  2028.  
  2029. .mvp-main-body-out4 {
  2030. margin-right: -360px;
  2031. width: 100%;
  2032. }
  2033.  
  2034. .mvp-main-body-in4 {
  2035. margin-right: 360px;
  2036. }
  2037.  
  2038. .mvp-feat4-left-wrap,
  2039. .mvp-feat4-main-wrap {
  2040. width: 100%;
  2041. }
  2042.  
  2043. .mvp-feat4-main-wrap {
  2044. margin-bottom: 30px;
  2045. }
  2046.  
  2047. .mvp-feat4-main-img {
  2048. line-height: 0;
  2049. width: 100%;
  2050. }
  2051.  
  2052. .mvp-feat4-sub-wrap {
  2053. width: 100%;
  2054. }
  2055.  
  2056. .mvp-feat4-sub {
  2057. margin-left: 3.94736842105%; /* 30 / 760 */
  2058. width: 48.0263157895%; /* 365 / 760 */
  2059. }
  2060.  
  2061. .mvp-feat4-sub:first-child {
  2062. margin-left: 0;
  2063. }
  2064.  
  2065. .mvp-feat4-sub-img {
  2066. line-height: 0;
  2067. margin-bottom: 15px;
  2068. width: 100%;
  2069. }
  2070.  
  2071. .mvp-feat4-sub-text {
  2072. width: 100%;
  2073. }
  2074.  
  2075. .mvp-feat4-sub-text h3 {
  2076. color: #777;
  2077. float: left;
  2078. font-size: .75rem;
  2079. font-weight: 400;
  2080. letter-spacing: .07rem;
  2081. line-height: 1;
  2082. margin-bottom: 10px;
  2083. text-transform: uppercase;
  2084. width: 100%;
  2085. }
  2086.  
  2087. .mvp-feat4-sub-text h2 a {
  2088. color: #111;
  2089. float: left;
  2090. font-size: 1.5rem;
  2091. font-weight: 700;
  2092. letter-spacing: -.02em;
  2093. line-height: 1.1;
  2094. position: relative;
  2095. width: 100%;
  2096. }
  2097.  
  2098. .mvp-feat4-sub-text p {
  2099. color: #555;
  2100. float: left;
  2101. font-size: 1rem;
  2102. font-weight: 400;
  2103. line-height: 1.3;
  2104. margin-top: 7px;
  2105. position: relative;
  2106. width: 100%;
  2107. }
  2108.  
  2109. .mvp-feat4-side-wrap {
  2110. width: 330px;
  2111. }
  2112.  
  2113. .mvp-feat4-side-wrap .mvp-side-widget:last-child {
  2114. margin-bottom: 0;
  2115. }
  2116.  
  2117. #mvp-feat5-wrap {
  2118. background: #fff;
  2119. width: 100%;
  2120. }
  2121.  
  2122. .mvp-feat5-out {
  2123. margin: 0 -400px 0 0;
  2124. width: 100%;
  2125. }
  2126.  
  2127. .mvp-feat5-in {
  2128. margin: 0 400px 0 0;
  2129. }
  2130.  
  2131. .mvp-feat5-img {
  2132. line-height: 0;
  2133. overflow: hidden;
  2134. width: 100%;
  2135. }
  2136.  
  2137. .mvp-feat5-text {
  2138. padding: 30px 30px 0;
  2139. width: 340px;
  2140. }
  2141.  
  2142. .mvp-feat5-text h2 a {
  2143. color: #111;
  2144. float: left;
  2145. font-size: 2.4rem;
  2146. font-weight: 700;
  2147. letter-spacing: -.02em;
  2148. line-height: 1.1;
  2149. position: relative;
  2150. width: 100%;
  2151. }
  2152.  
  2153. .mvp-feat5-text p {
  2154. color: #555;
  2155. float: left;
  2156. font-size: 1.1rem;
  2157. font-weight: 400;
  2158. line-height: 1.3;
  2159. margin-top: 7px;
  2160. position: relative;
  2161. width: 100%;
  2162. }
  2163.  
  2164. /************************************************
  2165. 9. Homepage
  2166. ************************************************/
  2167.  
  2168. .mvp-main-body-out {
  2169. float: left;
  2170. margin-right: -390px;
  2171. width: 100%;
  2172. }
  2173.  
  2174. .mvp-main-body-in {
  2175. margin-right: 390px;
  2176. }
  2177.  
  2178. .mvp-sec-pad {
  2179. background: #fff;
  2180. border-bottom: 1px solid #bbb;
  2181. padding: 30px 2.5%; /* 30 / 1200 */
  2182. width: 95%; /* 1140 / 1200 */
  2183. }
  2184.  
  2185. .mvp-main-body-out2 {
  2186. float: left;
  2187. margin-right: -380px;
  2188. width: 100%;
  2189. }
  2190.  
  2191. .mvp-main-body-in2 {
  2192. margin-right: 380px;
  2193. }
  2194.  
  2195. .mvp-main-body-cont {
  2196. width: 100%;
  2197. }
  2198.  
  2199. .mvp-main-body-blog {
  2200. width: 100%;
  2201. }
  2202.  
  2203. #mvp-home-widget-wrap {
  2204. width: 100%;
  2205. }
  2206.  
  2207. .mvp-widget-head-wrap {
  2208. margin-bottom: 15px;
  2209. width: 100%;
  2210. }
  2211.  
  2212. .mvp-widget-head-wrap h4 {
  2213. color: #333;
  2214. float: left;
  2215. font-size: 1.5rem;
  2216. font-weight: 700;
  2217. line-height: 1;
  2218. }
  2219.  
  2220. span.mvp-widget-head-link {
  2221. float: right;
  2222. font-size: .8rem;
  2223. font-weight: 700;
  2224. line-height: 1;
  2225. margin-top: 7px;
  2226. text-transform: uppercase;
  2227. }
  2228.  
  2229. span.mvp-widget-head-link a:hover {
  2230. text-decoration: underline;
  2231. }
  2232.  
  2233. span.mvp-widget-head-link i {
  2234. font-size: 11px;
  2235. }
  2236.  
  2237. .mvp-widget-list-wrap {
  2238. width: 100%;
  2239. }
  2240.  
  2241. .mvp-widget-list-story1 {
  2242. margin-left: 1.75438596491%; /* 20 / 1140 */
  2243. width: 23.6842105263%; /* 270 / 1140 */
  2244. }
  2245.  
  2246. .mvp-widget-list-story1:first-child {
  2247. margin-left: 0;
  2248. }
  2249.  
  2250. .mvp-widget-list-img {
  2251. line-height: 0;
  2252. overflow: hidden;
  2253. width: 100%;
  2254. }
  2255.  
  2256. .mvp-widget-list-text1 {
  2257. margin-top: 15px;
  2258. width: 100%;
  2259. }
  2260.  
  2261. .mvp-widget-list-text1 h2 a {
  2262. color: #111;
  2263. float: left;
  2264. font-size: 1.2rem;
  2265. font-weight: 700;
  2266. letter-spacing: -.02em;
  2267. line-height: 1.1;
  2268. width: 100%;
  2269. }
  2270.  
  2271. .mvp-widget-list-text1 h3 {
  2272. color: #777;
  2273. float: left;
  2274. font-size: .75rem;
  2275. font-weight: 400;
  2276. letter-spacing: .07rem;
  2277. line-height: 1;
  2278. margin-bottom: 10px;
  2279. text-transform: uppercase;
  2280. width: 100%;
  2281. }
  2282.  
  2283. .mvp-widget-list-text1 p {
  2284. color: #555;
  2285. float: left;
  2286. font-size: 1rem;
  2287. font-weight: 400;
  2288. line-height: 1.3;
  2289. margin-top: 7px;
  2290. width: 100%;
  2291. }
  2292.  
  2293. ul.mvp-main-blog-wrap {
  2294. width: 100%;
  2295. }
  2296.  
  2297. ul.mvp-main-blog-wrap li.mvp-blog-story-wrap {
  2298. border-top: 1px solid #eee;
  2299. margin-top: 20px;
  2300. padding-top: 20px;
  2301. width: 100%;
  2302. }
  2303.  
  2304. ul.mvp-main-blog-wrap li.mvp-blog-story-wrap:first-child {
  2305. border-top: none;
  2306. margin-top: 0;
  2307. padding-top: 0;
  2308. }
  2309.  
  2310. .mvp-blog-story-img {
  2311. line-height: 0;
  2312. margin-right: 4%; /* 30 / 750 */
  2313. width: 48%; /* 360 / 750 */
  2314. }
  2315.  
  2316. .mvp-blog-story-text {
  2317. width: 48%; /* 360 / 750 */
  2318. }
  2319.  
  2320. .mvp-post-info-top {
  2321. margin-bottom: 10px;
  2322. width: 100%;
  2323. }
  2324.  
  2325. .mvp-post-info-top h3 {
  2326. font-weight: 700;
  2327. margin-bottom: 0 !important;
  2328. width: auto !important;
  2329. }
  2330.  
  2331. .mvp-post-info-top h3 a,
  2332. .mvp-post-info-top h3 a:visited {
  2333. color: #888 !important;
  2334. }
  2335.  
  2336. span.mvp-post-info-date {
  2337. color: #888;
  2338. font-size: .8rem;
  2339. font-weight: 400;
  2340. line-height: 1;
  2341. margin-left: 5px;
  2342. }
  2343.  
  2344. .mvp-blog-story-text h3 {
  2345. color: #888;
  2346. float: left;
  2347. font-size: .75rem;
  2348. font-weight: 700;
  2349. letter-spacing: .07rem;
  2350. line-height: 1;
  2351. margin-bottom: 10px;
  2352. text-transform: uppercase;
  2353. width: 100%;
  2354. }
  2355.  
  2356. .mvp-blog-story-text h2 a {
  2357. color: #111;
  2358. float: left;
  2359. font-size: 1.6rem;
  2360. font-weight: 700;
  2361. letter-spacing: -.02em;
  2362. line-height: 1.1;
  2363. width: 100%;
  2364. }
  2365.  
  2366. .mvp-blog-story-text p {
  2367. color: #555;
  2368. float: left;
  2369. font-size: 1rem;
  2370. font-weight: 400;
  2371. line-height: 1.3;
  2372. margin-top: 7px;
  2373. width: 100%;
  2374. }
  2375.  
  2376. .mvp-blog-story-info {
  2377. color: #888;
  2378. font-size: .9rem;
  2379. font-weight: 400;
  2380. margin-top: 10px;
  2381. width: 100%;
  2382. }
  2383.  
  2384. span.mvp-blog-story-author {
  2385. margin-right: 5px;
  2386. }
  2387.  
  2388. span.mvp-blog-story-author a {
  2389. font-weight: 600;
  2390. }
  2391.  
  2392. span.mvp-blog-story-author a:hover {
  2393. text-decoration: underline;
  2394. }
  2395.  
  2396. #mvp-feat1-bot-main-text .mvp-blog-story-info {
  2397. color: #eee;
  2398. }
  2399.  
  2400. #mvp-feat1-bot-main-text span.mvp-blog-story-author a {
  2401. color: #fff;
  2402. }
  2403.  
  2404. .mvp-vid-box-wrap {
  2405. color: #fff;
  2406. font-size: 14px;
  2407. position: absolute;
  2408. left: 0;
  2409. bottom: 0;
  2410. text-align: center;
  2411. width: 30px;
  2412. height: 30px;
  2413. }
  2414.  
  2415. .mvp-vid-box-wrap i {
  2416. margin-top: 8px;
  2417. }
  2418.  
  2419. .mvp-side-tab-img .mvp-vid-box-wrap {
  2420. font-size: 10px;
  2421. width: 22px;
  2422. height: 22px;
  2423. }
  2424.  
  2425. .mvp-side-tab-img .mvp-vid-box-wrap i {
  2426. margin-top: 6px;
  2427. }
  2428.  
  2429. /************************************************
  2430. 10. Sidebar
  2431. ************************************************/
  2432.  
  2433. #mvp-side-wrap {
  2434. float: right;
  2435. margin-left: 50px;
  2436. width: 330px;
  2437. }
  2438.  
  2439. .single #mvp-side-wrap {
  2440. margin: 0 0 0 50px;
  2441. }
  2442.  
  2443. .mvp-side-widget {
  2444. float: left;
  2445. margin-bottom: 30px;
  2446. position: relative;
  2447. width: 100%;
  2448. }
  2449.  
  2450. .mvp-widget-ad {
  2451. float: left;
  2452. line-height: 0;
  2453. text-align: center;
  2454. width: 100%;
  2455. }
  2456.  
  2457. .mvp-ad-label {
  2458. color: #aaa;
  2459. display: none;
  2460. font-family:kanit;
  2461. font-size: .65rem;
  2462. font-weight: 400;
  2463. letter-spacing: .1em;
  2464. line-height: 1;
  2465. position: relative;
  2466. top: -10px;
  2467. text-transform: uppercase;
  2468. }
  2469.  
  2470. #mvp-side-wrap .mvp-ad-label {
  2471. display: inline-block;
  2472. }
  2473.  
  2474. #mvp-home-widget-wrap .mvp-widget-ad {
  2475. margin: -5px 0 15px;
  2476. }
  2477.  
  2478. #mvp-side-wrap .mvp-widget-ad {
  2479. margin-bottom: 30px;
  2480. }
  2481.  
  2482. .mvp-side-tab-wrap {
  2483. width: 100%;
  2484. }
  2485.  
  2486. .mvp-side-tab-top {
  2487. background: #eee;
  2488. margin-bottom: 15px;
  2489. width: 100%;
  2490. }
  2491.  
  2492. ul.mvp-side-tab-list {
  2493. float: left;
  2494. margin: 10px 2.777777777% 0; /* 10 / 360 */
  2495. width: 94.4444444444%; /* 340 / 360 */
  2496. }
  2497.  
  2498. ul.mvp-side-tab-list li,
  2499. ul.mvp-side-tab-list li a {
  2500. color: #222;
  2501. float: left;
  2502. }
  2503.  
  2504. ul.mvp-side-tab-list li a {
  2505. opacity: .5;
  2506. }
  2507.  
  2508. ul.mvp-side-tab-list li span.mvp-side-tab-head {
  2509. float: left;
  2510. font-size: .8rem;
  2511. font-weight: 700;
  2512. padding: 12px 16px;
  2513. text-transform: uppercase;
  2514. }
  2515.  
  2516. ul.mvp-side-tab-list li span.mvp-side-tab-head i {
  2517. font-size: .75rem;
  2518. margin-right: 2px;
  2519. }
  2520.  
  2521. ul.mvp-side-tab-list li.active a {
  2522. background: #fff;
  2523. opacity: 1;
  2524. }
  2525.  
  2526. ul.mvp-side-tab-list li a:hover,
  2527. #mvp-side-wrap ul.mvp-side-tab-list li a:hover {
  2528. color: #222 !important;
  2529. opacity: 1;
  2530. }
  2531.  
  2532. .mvp-side-tab-main {
  2533. width: 100%;
  2534. }
  2535.  
  2536. .mvp-side-tab-story {
  2537. margin-top: 15px;
  2538. width: 100%;
  2539. }
  2540.  
  2541. .mvp-side-tab-story:first-child {
  2542. margin-top: 0;
  2543. }
  2544.  
  2545. .mvp-side-tab-out {
  2546. float: right;
  2547. margin-left: -95px;
  2548. width: 100%;
  2549. }
  2550.  
  2551. .mvp-side-tab-in {
  2552. margin-left: 95px;
  2553. }
  2554.  
  2555. .mvp-side-tab-img {
  2556. line-height: 0;
  2557. margin-right: 15px;
  2558. width: 80px;
  2559. }
  2560.  
  2561. .mvp-side-tab-img:after {
  2562. content: '';
  2563. border-top: 10px solid transparent;
  2564. border-bottom: 10px solid transparent;
  2565. border-right: 10px solid #fff;
  2566. margin-top: -10px;
  2567. position: absolute;
  2568. right: 0;
  2569. top: 50%;
  2570. width: 0;
  2571. height: 0;
  2572. }
  2573.  
  2574. .mvp-side-tab-text {
  2575. width: 100%;
  2576. }
  2577.  
  2578. .mvp-side-tab-text h3 {
  2579. color: #555;
  2580. font-size: .7rem;
  2581. font-weight: 400;
  2582. letter-spacing: .07rem;
  2583. line-height: 1;
  2584. margin-bottom: 5px;
  2585. text-transform: uppercase;
  2586. width: 100%;
  2587. }
  2588.  
  2589. .mvp-side-tab-text h2 a {
  2590. color: #111;
  2591. font-size: 1.15rem;
  2592. font-weight: 700;
  2593. letter-spacing: -.02em;
  2594. line-height: 1.1;
  2595. width: 100%;
  2596. }
  2597.  
  2598. #mvp-side-wrap a {
  2599. color: #111 !important;
  2600. font-weight: 700;
  2601. line-height: 1.1;
  2602. }
  2603.  
  2604. #mvp-home-widget-wrap .mvp-widget-feat-head {
  2605. display: none;
  2606. }
  2607.  
  2608. #mvp-home-widget-wrap .mvp_home_tagfeat_widget .mvp-body-sec-cont,
  2609. #mvp-home-widget-wrap .mvp_catfeat_widget .mvp-body-sec-cont {
  2610. background: none;
  2611. border-bottom: none;
  2612. padding: 0;
  2613. width: 100%;
  2614. }
  2615.  
  2616. .mvp-widget-feat-wrap,
  2617. ul.mvp-widget-feat-list {
  2618. width: 100%;
  2619. }
  2620.  
  2621. ul.mvp-widget-feat-list {
  2622. margin-bottom: -20px;
  2623. }
  2624.  
  2625. ul.mvp-widget-feat-list li {
  2626. background: #fff;
  2627. float: left;
  2628. margin: 0 0 20px 1.66666666%; /* 20 / 1200 */
  2629. overflow: hidden;
  2630. width: 23.75%; /* 285 / 1200 */
  2631. height: 400px;
  2632. }
  2633.  
  2634. #mvp-side-wrap ul.mvp-widget-feat-list li {
  2635. margin: 0 0 20px 0;
  2636. width: 100%;
  2637. height: auto;
  2638. }
  2639.  
  2640. ul.mvp-widget-feat-list li:first-child,
  2641. ul.mvp-widget-feat-list li:nth-child(4n+5) {
  2642. margin-left: 0;
  2643. }
  2644.  
  2645. .mvp-widget-feat-img {
  2646. line-height: 0;
  2647. overflow: hidden;
  2648. width: 100%;
  2649. }
  2650.  
  2651. .mvp-widget-feat-text {
  2652. padding: 15px 5.26315789474%; /* 15 / 285 */
  2653. width: 89.4736842105%; /* 255 / 285 */
  2654. }
  2655.  
  2656. #mvp-side-wrap .mvp-widget-feat-text {
  2657. padding: 15px 4.545454545454%; /* 15 / 330 */
  2658. width: 90.90909090909%; /* 300 / 330 */
  2659. }
  2660.  
  2661. .mvp-widget-feat-text h3 {
  2662. color: #777;
  2663. float: left;
  2664. font-size: .75rem;
  2665. letter-spacing: .07em;
  2666. line-height: 1;
  2667. text-transform: uppercase;
  2668. }
  2669.  
  2670. #mvp-side-wrap .mvp-widget-feat-text h3 a {
  2671. color: #777 !important;
  2672. }
  2673.  
  2674. .mvp-widget-feat-text h2 a {
  2675. color: #111;
  2676. float: left;
  2677. font-size: 1.2rem;
  2678. font-weight: 700;
  2679. letter-spacing: -.02em;
  2680. line-height: 1.1;
  2681. width: 100%;
  2682. }
  2683.  
  2684. #mvp-side-wrap .mvp-widget-feat-text h2 a {
  2685. font-size: 1.3rem;
  2686. }
  2687.  
  2688. .mvp-widget-feat-text p {
  2689. color: #555;
  2690. float: left;
  2691. font-size: 1rem;
  2692. font-weight: 400;
  2693. line-height: 1.3;
  2694. margin-top: 7px;
  2695. width: 100%;
  2696. }
  2697.  
  2698. #mvp-side-wrap .mvp-widget-feat-text p,
  2699. #mvp-side-wrap .mvp-widget-feat-wrap .mvp-blog-story-info {
  2700. display: none;
  2701. }
  2702.  
  2703. .mvp-widget-authors-wrap,
  2704. .mvp-widget-author {
  2705. width: 100%;
  2706. }
  2707.  
  2708. .mvp-widget-author {
  2709. margin-top: 20px;
  2710. }
  2711.  
  2712. .mvp-widget-author:first-child {
  2713. margin-top: 0;
  2714. }
  2715.  
  2716. .mvp-100img-out {
  2717. margin-left: -120px;
  2718. width: 100%;
  2719. }
  2720.  
  2721. .mvp-100img-in {
  2722. margin-left: 120px;
  2723. }
  2724.  
  2725. .mvp-widget-author-img {
  2726. line-height: 0;
  2727. margin-right: 20px;
  2728. width: 100px;
  2729. }
  2730.  
  2731. .mvp-widget-author-img img {
  2732. -webkit-border-radius: 50%;
  2733. -moz-border-radius: 50%;
  2734. -ms-border-radius: 50%;
  2735. -o-border-radius: 50%;
  2736. border-radius: 50%;
  2737. overflow: hidden;
  2738. }
  2739.  
  2740. .mvp-widget-author-text {
  2741. width: 100%;
  2742. }
  2743.  
  2744. .mvp-widget-author-text h3 a,
  2745. #mvp-side-wrap .mvp-widget-author-text h3 a {
  2746. color: #777 !important;
  2747. float: left;
  2748. font-size: .9rem;
  2749. font-weight: 700;
  2750. line-height: 1;
  2751. margin-bottom: 7px;
  2752. text-transform: uppercase;
  2753. width: 100%;
  2754. }
  2755.  
  2756. .mvp-widget-author-text h2 a {
  2757. color: #111;
  2758. float: left;
  2759. font-size: 1.15rem;
  2760. font-weight: 700;
  2761. letter-spacing: -0.02em;
  2762. line-height: 1.1;
  2763. width: 100%;
  2764. }
  2765.  
  2766. .mvp_facebook_widget {
  2767. text-align: center;
  2768. }
  2769.  
  2770. .widget_calendar {
  2771. float: left;
  2772. }
  2773.  
  2774. #wp-calendar {
  2775. width: 100%;
  2776. }
  2777.  
  2778. #wp-calendar caption {
  2779. text-align: right;
  2780. color: #333;
  2781. font-size: 12px;
  2782. margin-bottom: 15px;
  2783. }
  2784.  
  2785. #wp-calendar thead {
  2786. font-size: 10px;
  2787. }
  2788.  
  2789. #wp-calendar thead th {
  2790. padding-bottom: 10px;
  2791. }
  2792.  
  2793. #wp-calendar tbody {
  2794. color: #aaa;
  2795. }
  2796.  
  2797. #wp-calendar tbody td {
  2798. background: #f5f5f5;
  2799. border: 1px solid #fff;
  2800. text-align: center;
  2801. padding:8px;
  2802. }
  2803.  
  2804. #wp-calendar tbody td:hover {
  2805. background: #fff;
  2806. }
  2807.  
  2808. #wp-calendar tbody .pad {
  2809. background: none;
  2810. }
  2811.  
  2812. #wp-calendar tfoot #next {
  2813. font-size: 10px;
  2814. text-transform: uppercase;
  2815. text-align: right;
  2816. }
  2817.  
  2818. #wp-calendar tfoot #prev {
  2819. font-size: 10px;
  2820. text-transform: uppercase;
  2821. padding-top: 10px;
  2822. }
  2823.  
  2824. .widget_rss ul,
  2825. .widget_rss ul li {
  2826. float: left;
  2827. width: 100%;
  2828. }
  2829.  
  2830. .widget_rss ul li {
  2831. margin-bottom: 20px;
  2832. }
  2833.  
  2834. .widget_rss ul li a {
  2835. float: left;
  2836. font-weight: 700;
  2837. line-height: 123%;
  2838. margin-bottom: 5px;
  2839. width: 100%;
  2840. }
  2841.  
  2842. .widget_rss ul li span.rss-date {
  2843. float: left;
  2844. font-size: .75rem;
  2845. margin-bottom: 5px;
  2846. width: 100%;
  2847. }
  2848.  
  2849. .widget_rss ul li .rssSummary {
  2850. float: left;
  2851. margin-bottom: 8px;
  2852. width: 100%;
  2853. }
  2854.  
  2855. .widget_rss ul li cite {
  2856. float: left;
  2857. font-size: .8rem;
  2858. width: 100%;
  2859. }
  2860.  
  2861. .widget_recent_entries li {
  2862. float: left;
  2863. margin-bottom: 10px;
  2864. width: 100%;
  2865. }
  2866.  
  2867. .widget_categories ul,
  2868. .widget_categories ul li,
  2869. .widget_archive ul,
  2870. .widget_archive ul li,
  2871. .widget_recent_comments ul,
  2872. .widget_recent_comments ul li,
  2873. .widget_pages ul,
  2874. .widget_pages ul li {
  2875. float: left;
  2876. width: 100%;
  2877. }
  2878.  
  2879. .widget_categories ul li,
  2880. .widget_archive ul li,
  2881. .widget_recent_comments ul li,
  2882. .widget_pages ul li {
  2883. padding: 5px 0;
  2884. }
  2885.  
  2886. #mvp-side-wrap #searchform input,
  2887. #mvp-home-widget-wrap #searchform input {
  2888. background: #eee;
  2889. border: 1px solid #ddd;
  2890. -webkit-border-radius: 3px;
  2891. -moz-border-radius: 3px;
  2892. -ms-border-radius: 3px;
  2893. -o-border-radius: 3px;
  2894. border-radius: 3px;
  2895. color: #999;
  2896. font-size: 16px;
  2897. padding: 5px 5%;
  2898. height: 16px;
  2899. width: 88%;
  2900. }
  2901.  
  2902. /************************************************
  2903. 11. Posts
  2904. ************************************************/
  2905.  
  2906. #mvp-article-wrap {
  2907. background: #fff;
  2908. float: left;
  2909. margin-bottom: 30px;
  2910. position: relative;
  2911. width: 100%;
  2912. }
  2913.  
  2914. #mvp-article-head {
  2915. margin-bottom: 30px;
  2916. width: 100%;
  2917. }
  2918.  
  2919. #mvp-article-head2 {
  2920. margin-bottom: 30px;
  2921. width: 100%;
  2922. }
  2923.  
  2924. h3.mvp-post-cat {
  2925. margin-bottom: 10px;
  2926. width: 100%;
  2927. }
  2928.  
  2929. span.mvp-post-cat {
  2930. color: #fff;
  2931. display: inline;
  2932. float: left;
  2933. font-size: .9rem;
  2934. font-weight: 600;
  2935. letter-spacing: .02em;
  2936. line-height: 1;
  2937. padding: 5px 20px;
  2938. text-transform: uppercase;
  2939. }
  2940.  
  2941. h1.mvp-post-title {
  2942. color: #333;
  2943. font-size: 3.5rem;
  2944. font-weight: 900;
  2945. letter-spacing: -.02em;
  2946. line-height: 1.1;
  2947. margin-bottom: 10px;
  2948. width: 100%;
  2949. }
  2950.  
  2951. #mvp-article-head2 h1.mvp-post-title {
  2952. font-size: 3.1rem;
  2953. }
  2954.  
  2955. .page h1.mvp-post-title {
  2956. font-size: 2rem;
  2957. margin-bottom: 30px;
  2958. text-align: center;
  2959. }
  2960.  
  2961. span.mvp-post-excerpt {
  2962. color: #777;
  2963. font-size: 1.4rem;
  2964. font-weight: 300;
  2965. line-height: 1.3;
  2966. margin-bottom: 15px;
  2967. width: 100%;
  2968. }
  2969.  
  2970. span.mvp-post-excerpt p {
  2971. position: relative;
  2972. }
  2973.  
  2974. .mvp-author-info-wrap,
  2975. ul.mvp-author-info-list {
  2976. width: 100%;
  2977. }
  2978.  
  2979. ul.mvp-author-info-list li {
  2980. float: left;
  2981. margin-left: 10px;
  2982. position: relative;
  2983. height: 46px;
  2984. }
  2985.  
  2986. ul.mvp-author-info-list li:first-child {
  2987. margin-left: 0;
  2988. }
  2989.  
  2990. ul.mvp-author-info-list li.mvp-author-info-thumb {
  2991. line-height: 0;
  2992. width: 46px;
  2993. }
  2994.  
  2995. ul.mvp-author-info-list li.mvp-author-info-thumb img {
  2996. -webkit-border-radius: 50%;
  2997. -moz-border-radius: 50%;
  2998. -ms-border-radius: 50%;
  2999. -o-border-radius: 50%;
  3000. border-radius: 50%;
  3001. overflow: hidden;
  3002. }
  3003.  
  3004. ul.mvp-author-info-list li.mvp-author-info-name p,
  3005. ul.mvp-author-info-list li.mvp-author-info-name span,
  3006. .mvp-post-date {
  3007. color: #888;
  3008. display: inline-block;
  3009. font-size: 16px;
  3010. line-height: 1;
  3011. margin-top: 15px;
  3012. }
  3013.  
  3014. ul.mvp-author-info-list li.mvp-author-info-name p {
  3015. font-weight: 400;
  3016. }
  3017.  
  3018. ul.mvp-author-info-list li.mvp-author-info-name span a {
  3019. font-weight: 700;
  3020. }
  3021.  
  3022. .mvp-author-info-twit-but {
  3023. color: #55acee;
  3024. display: inline-block;
  3025. font-size: 18px;
  3026. margin-top: 14px;
  3027. }
  3028.  
  3029. .mvp-post-content-out {
  3030. float: left;
  3031. margin-right: -380px;
  3032. width: 100%;
  3033. }
  3034.  
  3035. .mvp-post-content-in {
  3036. margin-right: 380px;
  3037. }
  3038.  
  3039. #mvp-post-content {
  3040. width: 100%;
  3041. }
  3042.  
  3043. .mvp-post-soc-out {
  3044. float: right;
  3045. margin-left: -72px;
  3046. width: 100%;
  3047. }
  3048.  
  3049. .mvp-post-soc-in {
  3050. margin-left: 72px;
  3051. }
  3052.  
  3053. #mvp-post-soc-wrap {
  3054. margin-right: 30px;
  3055. width: 42px;
  3056. }
  3057.  
  3058. ul.mvp-post-soc-list {
  3059. width: 100%;
  3060. }
  3061.  
  3062. ul.mvp-post-soc-list li {
  3063. -webkit-border-radius: 50%;
  3064. -moz-border-radius: 50%;
  3065. -ms-border-radius: 50%;
  3066. -o-border-radius: 50%;
  3067. border-radius: 50%;
  3068. color: #fff;
  3069. float: left;
  3070. font-size: 18px;
  3071. line-height: 1;
  3072. margin-bottom: 10px;
  3073. padding-top: 11px;
  3074. position: relative;
  3075. text-align: center;
  3076. width: 42px;
  3077. height: 31px;
  3078. }
  3079.  
  3080. ul.mvp-post-soc-list li.mvp-post-soc-fb {
  3081. background: #3b5998;
  3082. }
  3083.  
  3084. ul.mvp-post-soc-list li.mvp-post-soc-twit {
  3085. background: #55acee;
  3086. }
  3087.  
  3088. ul.mvp-post-soc-list li.mvp-post-soc-pin {
  3089. background: #bd081c;
  3090. }
  3091.  
  3092. ul.mvp-post-soc-list li.mvp-post-soc-email {
  3093. background: #bbb;
  3094. }
  3095.  
  3096. ul.mvp-post-soc-list li.mvp-post-soc-com {
  3097. background: #fff;
  3098. border: 2px solid #bbb;
  3099. color: #bbb;
  3100. padding-top: 9px;
  3101. width: 38px;
  3102. height: 29px;
  3103. }
  3104.  
  3105. .mvp-post-soc-share-but {
  3106. color: #fff;
  3107. cursor: pointer;
  3108. display: none !important;
  3109. float: left;
  3110. font-size: 18px !important;
  3111. line-height: 1;
  3112. margin: 0;
  3113. padding-top: 12px;
  3114. position: relative;
  3115. text-align: center;
  3116. width: 42px;
  3117. height: 30px;
  3118. z-index: 1;
  3119. }
  3120.  
  3121. #mvp-mob-soc-wrap {
  3122. display: none;
  3123. position: fixed;
  3124. left: 0;
  3125. bottom: 0;
  3126. width: 100%;
  3127. height: 42px;
  3128. z-index: 100;
  3129. }
  3130.  
  3131. ul.mvp-mob-soc-list {
  3132. -webkit-transform: translate3d(-400px,0,0);
  3133. -moz-transform: translate3d(-400px,0,0);
  3134. -ms-transform: translate3d(-400px,0,0);
  3135. -o-transform: translate3d(-400px,0,0);
  3136. transform: translate3d(-400px,0,0);
  3137. }
  3138.  
  3139. ul.mvp-mob-soc-list li,
  3140. .mvp-mob-soc-share-but {
  3141. background: #eee;
  3142. border-top: 1px solid #ccc;
  3143. border-right: 1px solid #ccc;
  3144. color: #555;
  3145. float: left;
  3146. font-size: 18px !important;
  3147. line-height: 1;
  3148. margin-bottom: 10px;
  3149. padding-top: 11px;
  3150. position: relative;
  3151. text-align: center;
  3152. width: 42px;
  3153. height: 31px;
  3154. }
  3155.  
  3156. .mvp-mob-soc-share-but {
  3157. border-top: none;
  3158. border-right: none;
  3159. color: #fff;
  3160. cursor: pointer;
  3161. height: 32px;
  3162. padding-top: 12px;
  3163. z-index: 1;
  3164. }
  3165.  
  3166. .mvp-mob-soc-tog {
  3167. -webkit-transform: translate3d(0,0,0) !important;
  3168. -moz-transform: translate3d(0,0,0) !important;
  3169. -ms-transform: translate3d(0,0,0) !important;
  3170. -o-transform: translate3d(0,0,0) !important;
  3171. transform: translate3d(0,0,0) !important;
  3172. }
  3173.  
  3174. #mvp-content-main {
  3175. overflow: hidden;
  3176. width: 100%;
  3177. }
  3178.  
  3179. #mvp-post-feat-img,
  3180. #mvp-post-feat-img-wide {
  3181. line-height: 0;
  3182. margin-bottom: 30px;
  3183. text-align: center;
  3184. width: 100%;
  3185. }
  3186.  
  3187. #mvp-post-feat-img-wide {
  3188. margin-bottom: 0;
  3189. overflow: hidden;
  3190. max-height: 550px;
  3191. }
  3192.  
  3193. #mvp-post-feat-img-wide img {
  3194. margin-top: -5%;
  3195. width: 100%;
  3196. }
  3197.  
  3198. .mvp-post-feat-img-wide2 {
  3199. margin: -30px 0 0 -3.94736842105%; /* 30 / 760 */
  3200. overflow: hidden;
  3201. width: 103.94736842105% !important; /* 790 / 760 */
  3202. }
  3203.  
  3204. .mvp-post-feat-img-wide2 img {
  3205. width: 100%;
  3206. }
  3207.  
  3208. .mvp-post-feat-img-wide3 {
  3209. margin: -30px 0 0 -2.63157894737%; /* 30 / 1140 */
  3210. overflow: hidden;
  3211. width: 105.263157895% !important; /* 1200 / 1140 */
  3212. max-height: 550px;
  3213. }
  3214.  
  3215. .mvp-post-feat-img-wide3 img {
  3216. margin-top: -5%;
  3217. width: 100%;
  3218. }
  3219.  
  3220. #mvp-video-embed,
  3221. span.embed-youtube {
  3222. overflow: hidden;
  3223. padding-bottom: 56.25%;
  3224. position: relative;
  3225. text-align: center;
  3226. width: 100%;
  3227. height: 0;
  3228. }
  3229.  
  3230. #mvp-video-embed {
  3231. margin-bottom: 30px;
  3232. }
  3233.  
  3234. #mvp-video-embed iframe,
  3235. #mvp-video-embed object,
  3236. #mvp-video-embed embed,
  3237. span.embed-youtube iframe,
  3238. span.embed-youtube object,
  3239. span.embed-youtube embed {
  3240. position: absolute;
  3241. top: 0;
  3242. left: 0;
  3243. width: 100%;
  3244. height: 100%;
  3245. }
  3246.  
  3247. .mvp-post-feat-wide-text {
  3248. padding: 100px 30% 30px 3%;
  3249. position: absolute;
  3250. left: 0;
  3251. bottom: 0;
  3252. text-align: left;
  3253. width: 67.1%;
  3254. }
  3255.  
  3256. .mvp-post-feat-wide-text h1.mvp-post-title {
  3257. color: #fff;
  3258. }
  3259.  
  3260. .mvp-post-feat-wide-text span.mvp-post-excerpt {
  3261. color: #fff;
  3262. }
  3263.  
  3264. .mvp-post-feat-wide-text:before {
  3265. background-image: -moz-linear-gradient(to bottom,rgba(17,17,17,0) 0, rgba(17,17,17,0.7) 50%, rgba(17,17,17,1) 100%);
  3266. background-image: -ms-linear-gradient(to bottom,rgba(17,17,17,0) 0, rgba(17,17,17,0.7) 50%, rgba(17,17,17,1) 100%);
  3267. background-image: -o-linear-gradient(to bottom,rgba(17,17,17,0) 0, rgba(17,17,17,0.7) 50%, rgba(17,17,17,1) 100%);
  3268. background-image: -webkit-linear-gradient(to bottom,rgba(17,17,17,0) 0, rgba(17,17,17,0.7) 50%, rgba(17,17,17,1) 100%);
  3269. background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(17,17,17,0)), to(rgba(17,17,17,1)));
  3270. background-image: linear-gradient(to bottom,rgba(17,17,17,0) 0, rgba(17,17,17,0.7) 50%, rgba(17,17,17,1) 100%);
  3271. content: '';
  3272. display: block;
  3273. opacity: .9;
  3274. position: absolute;
  3275. left: 0;
  3276. bottom: 0;
  3277. width: 100%;
  3278. height: 100%;
  3279. }
  3280.  
  3281. .mvp-post-img-hide,
  3282. .mvp-post-feat-wide-title {
  3283. display: none;
  3284. }
  3285.  
  3286. span.mvp-feat-caption,
  3287. span.mvp-feat-caption-wide {
  3288. color: #888;
  3289. float: left;
  3290. font-size: .85rem;
  3291. font-weight: 400;
  3292. line-height: 1.1;
  3293. margin-top: -30px;
  3294. padding: 5px 0 20px;
  3295. text-align: right;
  3296. width: 100%;
  3297. }
  3298.  
  3299. span.mvp-feat-caption-wide {
  3300. margin: 0;
  3301. padding: 0;
  3302. position: absolute;
  3303. right: 15px;
  3304. bottom: 15px;
  3305. width: 25%;
  3306. }
  3307.  
  3308. #mvp-content-main p {
  3309. color: #444;
  3310. display: block;
  3311. font-size: 1.15rem;
  3312. font-weight: 400;
  3313. line-height: 1.5;
  3314. margin-bottom: 15px;
  3315. }
  3316.  
  3317. .mvp-post-tags {
  3318. float: left;
  3319. font-size: .8rem;
  3320. line-height: 1;
  3321. margin-top: 15px;
  3322. text-transform: uppercase;
  3323. width: 100%;
  3324. }
  3325.  
  3326. .mvp-post-tags a,
  3327. .mvp-post-tags a:visited {
  3328. border: 1px solid #bbb;
  3329. -webkit-border-radius: 3px;
  3330. -moz-border-radius: 3px;
  3331. -ms-border-radius: 3px;
  3332. -o-border-radius: 3px;
  3333. border-radius: 3px;
  3334. color: #999 !important;
  3335. display: inline-block;
  3336. float: left;
  3337. font-weight: 600;
  3338. margin: 0 5px 5px 0;
  3339. padding: 3px 10px 4px;
  3340. }
  3341.  
  3342. .mvp-post-tags a:hover {
  3343. border: 1px solid #777;
  3344. color: #777 !important;
  3345. }
  3346.  
  3347. .mvp-post-tags-header {
  3348. background: #999;
  3349. -webkit-border-radius: 3px;
  3350. -moz-border-radius: 3px;
  3351. -ms-border-radius: 3px;
  3352. -o-border-radius: 3px;
  3353. border-radius: 3px;
  3354. color: #fff;
  3355. float: left;
  3356. font-weight: 700;
  3357. padding: 4px 10px 5px;
  3358. margin-right: 5px;
  3359. }
  3360.  
  3361. #mvp-author-box-wrap {
  3362. -webkit-border-radius: 5px;
  3363. -moz-border-radius: 5px;
  3364. -ms-border-radius: 5px;
  3365. -o-border-radius: 5px;
  3366. border-radius: 5px;
  3367. margin-top: 30px;
  3368. width: 100%;
  3369. }
  3370.  
  3371. .mvp-author-box-out {
  3372. margin-left: -80px;
  3373. width: 100%;
  3374. }
  3375.  
  3376. .mvp-author-box-in {
  3377. margin-left: 80px;
  3378. }
  3379.  
  3380. #mvp-author-box-img {
  3381. line-height: 0;
  3382. margin-right: 20px;
  3383. width: 60px;
  3384. }
  3385.  
  3386. #mvp-author-box-img img {
  3387. border: 3px solid #eee;
  3388. border-radius: 50%;
  3389. }
  3390. #mvp-author-box-head,
  3391. #mvp-author-box-text {
  3392. width: 100%;
  3393. }
  3394.  
  3395. #mvp-author-box-text {
  3396. margin-top: 8px;
  3397. }
  3398.  
  3399. span.mvp-author-box-name {
  3400. font-size: 1.1rem;
  3401. line-height: 1;
  3402. margin-top: 10px;
  3403. width: 100%;
  3404. }
  3405.  
  3406. span.mvp-author-box-name a {
  3407. color: #444;
  3408. font-weight: 700;
  3409. }
  3410.  
  3411. #mvp-author-box-text p {
  3412. color: #888;
  3413. float: left;
  3414. font-size: 1rem;
  3415. font-weight: 400;
  3416. line-height: 1.5;
  3417. margin-bottom: 0;
  3418. width: 100%;
  3419. }
  3420.  
  3421. #mvp-author-box-soc-wrap {
  3422. margin-top: 10px;
  3423. width: 100%;
  3424. }
  3425.  
  3426. span.mvp-author-box-soc {
  3427. color: #bbb;
  3428. display: inline-block;
  3429. font-size: 20px;
  3430. line-height: 1;
  3431. margin-right: 5px;
  3432. vertical-align: top;
  3433. }
  3434.  
  3435. span.mvp-author-box-soc:hover {
  3436. color: #555;
  3437. }
  3438.  
  3439. .mvp-post-gallery-wrap {
  3440. margin: 15px 0 30px;
  3441. overflow: hidden;
  3442. width: 100%;
  3443. }
  3444.  
  3445. .mvp-post-gallery-wrap {
  3446. background: #222;
  3447. }
  3448.  
  3449. .mvp-post-gallery-top {
  3450. line-height: 0;
  3451. margin-bottom: 10px;
  3452. width: 100%;
  3453. }
  3454.  
  3455. #mvp-content-main .mvp-post-gallery-wrap ul {
  3456. list-style: none;
  3457. margin: 0;
  3458. }
  3459.  
  3460. #mvp-content-main .mvp-post-gallery-wrap ul li {
  3461. margin-left: 0;
  3462. padding: 0;
  3463. }
  3464.  
  3465. ul.mvp-post-gallery-top-list li {
  3466. display: none !important;
  3467. overflow: hidden;
  3468. }
  3469.  
  3470. ul.mvp-post-gallery-top-list li img {
  3471. opacity: .9;
  3472. width: 100%;
  3473. }
  3474.  
  3475. ul.mvp-post-gallery-top-list li.flex-active-slide {
  3476. display: block !important;
  3477. }
  3478.  
  3479. .mvp-post-gallery-top .flex-direction-nav a {
  3480. -webkit-text-shadow: 1px 1px 3px rgba(0,0,0,.5);
  3481. -moz-text-shadow: 1px 1px 3px rgba(0,0,0,.5);
  3482. -ms-text-shadow: 1px 1px 3px rgba(0,0,0,.5);
  3483. -o-text-shadow: 1px 1px 3px rgba(0,0,0,.5);
  3484. text-shadow: 1px 1px 3px rgba(0,0,0,.5);
  3485. color: #fff !important;
  3486. font-family:kanit;
  3487. font-size: 70px;
  3488. font-weight: 700;
  3489. line-height: 100%;
  3490. margin-top: -35px;
  3491. opacity: 0;
  3492. position: absolute;
  3493. top: 50%;
  3494. z-index: 10;
  3495. }
  3496.  
  3497. .mvp-post-gallery-top .flex-direction-nav .flex-prev {
  3498. left: 0;
  3499. margin-left: 10px;
  3500. }
  3501.  
  3502. .mvp-post-gallery-top .flex-direction-nav .flex-next {
  3503. right: 0;
  3504. margin-right: 10px;
  3505. }
  3506.  
  3507. .mvp-post-gallery-top:hover .flex-direction-nav a {
  3508. opacity: .7;
  3509. }
  3510.  
  3511. .mvp-post-gallery-top .flex-direction-nav a:hover {
  3512. opacity: 1;
  3513. }
  3514.  
  3515. .mvp-post-gallery-bot {
  3516. margin-bottom: 10px;
  3517. width: 100%;
  3518. height: 80px;
  3519. }
  3520.  
  3521. ul.mvp-post-gallery-bot-list {
  3522. float: left;
  3523. overflow: hidden;
  3524. height: 80px;
  3525. }
  3526.  
  3527. ul.mvp-post-gallery-bot-list li {
  3528. cursor: pointer;
  3529. float: left;
  3530. margin-left: 10px !important;
  3531. width: 80px;
  3532. }
  3533.  
  3534. ul.mvp-post-gallery-bot-list li img {
  3535. opacity: .4;
  3536. }
  3537.  
  3538. ul.mvp-post-gallery-bot-list li.flex-active-slide img,
  3539. ul.mvp-post-gallery-bot-list li:hover img {
  3540. opacity: 1;
  3541. }
  3542.  
  3543. .mvp-post-gallery-bot ul.flex-direction-nav {
  3544. display: none;
  3545. }
  3546.  
  3547. #mvp-content-main ul {
  3548. list-style: disc outside;
  3549. margin: 10px 0;
  3550. }
  3551.  
  3552. #mvp-content-main ol {
  3553. list-style: decimal outside;
  3554. margin: 10px 0;
  3555. }
  3556.  
  3557. #mvp-content-main ul li,
  3558. #mvp-content-main ol li {
  3559. margin-left: 50px;
  3560. padding: 5px 0px;
  3561. }
  3562.  
  3563. #mvp-content-main h1,
  3564. #mvp-content-main h2,
  3565. #mvp-content-main h3,
  3566. #mvp-content-main h4,
  3567. #mvp-content-main h5,
  3568. #mvp-content-main h6 {
  3569. font-weight: 700;
  3570. line-height: 120%;
  3571. margin: 10px 0;
  3572. overflow: hidden;
  3573. width: 100%;
  3574. }
  3575.  
  3576. #mvp-content-main h1 {
  3577. font-size: 2rem;
  3578. }
  3579.  
  3580. #mvp-content-main h2 {
  3581. font-size: 1.8rem;
  3582. }
  3583.  
  3584. #mvp-content-main h3 {
  3585. font-size: 1.6rem;
  3586. }
  3587.  
  3588. #mvp-content-main h4 {
  3589. font-size: 1.4rem;
  3590. }
  3591.  
  3592. #mvp-content-main h5 {
  3593. font-size: 1.2rem;
  3594. }
  3595.  
  3596. #mvp-content-main h6 {
  3597. font-size: 1rem;
  3598. }
  3599.  
  3600. #mvp-content-main blockquote p {
  3601. color: #333;
  3602. font-size: 1.8rem;
  3603. font-weight: 700;
  3604. letter-spacing: -.02em;
  3605. line-height: 1.1;
  3606. margin: 30px 10%;
  3607. width: 80%;
  3608. }
  3609.  
  3610. #mvp-content-main blockquote p cite {
  3611. color: #555;
  3612. display: inline-block;
  3613. font-size: 1rem;
  3614. font-weight: 400;
  3615. }
  3616.  
  3617. #mvp-content-main dt {
  3618. font-weight: bold;
  3619. margin: 5px 0;
  3620. }
  3621.  
  3622. #mvp-content-main dd {
  3623. line-height: 1.5;
  3624. margin-left: 20px;
  3625. }
  3626.  
  3627. #mvp-content-main abbr,
  3628. #mvp-content-main acronym {
  3629. font-weight: bold;
  3630. text-transform: uppercase;
  3631. }
  3632.  
  3633. #mvp-content-main code {
  3634. font-size: 1.1rem;
  3635. }
  3636.  
  3637. #mvp-content-main sub {
  3638. font-size: smaller;
  3639. vertical-align: sub;
  3640. }
  3641.  
  3642. #mvp-content-main sup {
  3643. font-size: smaller;
  3644. vertical-align: super;
  3645. }
  3646.  
  3647. #mvp-content-main table {
  3648. font-size: .9rem;
  3649. width: 100%;
  3650. }
  3651. #mvp-content-main thead {
  3652. background: #ccc;
  3653. }
  3654.  
  3655. #mvp-content-main tbody tr {
  3656. background: #eee;
  3657. }
  3658.  
  3659. #mvp-content-main tbody tr:nth-child(2n+2) {
  3660. background: none;
  3661. }
  3662.  
  3663. #mvp-content-main td,
  3664. #mvp-content-main th {
  3665. padding: 5px 1.5%;
  3666. }
  3667.  
  3668. #mvp-content-main tr.odd {
  3669. background: #eee;
  3670. }
  3671.  
  3672. .wp-caption,
  3673. #mvp-content-main p.wp-caption-text,
  3674. .gallery-caption {
  3675. color: #777;
  3676. font-family:kanit;
  3677. font-size: .8rem;
  3678. margin-top: 5px;
  3679. margin-bottom: 30px;
  3680. max-width: 100%;
  3681. text-align: left;
  3682. }
  3683.  
  3684. .screen-reader-text {
  3685. clip: rect(1px, 1px, 1px, 1px);
  3686. position: absolute !important;
  3687. height: 1px;
  3688. width: 1px;
  3689. overflow: hidden;
  3690. }
  3691.  
  3692. .screen-reader-text:focus {
  3693. background-color: #f1f1f1;
  3694. border-radius: 3px;
  3695. box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  3696. clip: auto !important;
  3697. color: #21759b;
  3698. display: block;
  3699. font-size: 14px;
  3700. font-size: 0.875rem;
  3701. font-weight: bold;
  3702. height: auto;
  3703. left: 5px;
  3704. line-height: normal;
  3705. padding: 15px 23px 14px;
  3706. text-decoration: none;
  3707. top: 5px;
  3708. width: auto;
  3709. z-index: 100000; /* Above WP toolbar. */
  3710. }
  3711.  
  3712. .sticky {
  3713. }
  3714.  
  3715. .bypostauthor {
  3716. }
  3717.  
  3718. .posts-nav-link {
  3719. display: none;
  3720. }
  3721.  
  3722. .mvp-org-wrap {
  3723. display: none;
  3724. }
  3725.  
  3726. #mvp-more-post-wrap {
  3727. margin-top: 50px;
  3728. width: 100%;
  3729. }
  3730.  
  3731. ul.mvp-more-post-list {
  3732. width: 100%;
  3733. }
  3734.  
  3735. ul.mvp-more-post-list li {
  3736. float: left;
  3737. margin-left: 1.75438596491%; /* 20 / 1140 */
  3738. width: 23.6842105263%; /* 270 / 1140 */
  3739. height: 330px;
  3740. }
  3741.  
  3742. ul.mvp-more-post-list li:first-child,
  3743. ul.mvp-more-post-list li:nth-child(5n+5) {
  3744. margin-left: 0;
  3745. }
  3746.  
  3747. .mvp-more-post-img {
  3748. line-height: 0;
  3749. margin-bottom: 10px;
  3750. overflow: hidden;
  3751. width: 100%;
  3752. max-height: 162px;
  3753. }
  3754.  
  3755. .mvp-more-post-text {
  3756. width: 100%;
  3757. }
  3758.  
  3759. .mvp-more-post-text h2 a {
  3760. color: #111;
  3761. font-size: 1.2rem;
  3762. font-weight: 700;
  3763. letter-spacing: -.02em;
  3764. line-height: 1.1;
  3765. width: 100%;
  3766. }
  3767.  
  3768. .mvp-more-post-text p {
  3769. color: #555;
  3770. font-size: 1rem;
  3771. font-weight: 400;
  3772. line-height: 1.3;
  3773. margin-top: 7px;
  3774. width: 100%;
  3775. }
  3776.  
  3777. #mvp-prev-post-wrap,
  3778. #mvp-next-post-wrap {
  3779. background: #fff;
  3780. border-top: 1px solid #ccc;
  3781. border-bottom: 1px solid #ccc;
  3782. margin-top: -40px;
  3783. position: fixed;
  3784. top: 55%;
  3785. width: 40px;
  3786. height: 63px;
  3787. z-index: 4000;
  3788. }
  3789.  
  3790. #mvp-prev-post-wrap {
  3791. border-right: 1px solid #ccc;
  3792. border-top-right-radius: 5px;
  3793. border-bottom-right-radius: 5px;
  3794. left: 0;
  3795. }
  3796.  
  3797. #mvp-next-post-wrap {
  3798. border-left: 1px solid #ccc;
  3799. border-top-left-radius: 5px;
  3800. border-bottom-left-radius: 5px;
  3801. right: 0;
  3802. text-align: right;
  3803. }
  3804.  
  3805. #mvp-prev-post-arrow,
  3806. #mvp-next-post-arrow {
  3807. color: #777;
  3808. cursor: pointer;
  3809. font-size: 50px;
  3810. line-height: 100%;
  3811. padding-top: 4px;
  3812. }
  3813.  
  3814. #mvp-prev-post-arrow {
  3815. padding-left: 10px;
  3816. }
  3817.  
  3818. #mvp-next-post-arrow {
  3819. padding-right: 10px;
  3820. }
  3821.  
  3822. .mvp-prev-next-text {
  3823. position: absolute;
  3824. top: -1px;
  3825. -webkit-transition: all .25s;
  3826. transition: all .25s;
  3827. }
  3828.  
  3829. .mvp-prev-next-text a,
  3830. .mvp-prev-next-text a:visited,
  3831. .mvp-prev-next-text a:hover {
  3832. color: #fff !important;
  3833. float: left;
  3834. font-size: .95rem;
  3835. font-weight: 700;
  3836. line-height: 130%;
  3837. padding: 15px;
  3838. width: 280px;
  3839. }
  3840.  
  3841. #mvp-prev-post-wrap .mvp-prev-next-text {
  3842. left: -9999px;
  3843. }
  3844.  
  3845. #mvp-prev-post-wrap:hover .mvp-prev-next-text {
  3846. left: 0;
  3847. }
  3848.  
  3849. #mvp-next-post-wrap .mvp-prev-next-text {
  3850. right: -9999px;
  3851. text-align: left;
  3852. }
  3853.  
  3854. #mvp-next-post-wrap:hover .mvp-prev-next-text {
  3855. right: 0;
  3856. }
  3857.  
  3858. .theiaPostSlider_nav {
  3859. float: left;
  3860. width: 100%;
  3861. }
  3862.  
  3863. /************************************************
  3864. 12. Comments
  3865. ************************************************/
  3866.  
  3867. #mvp-comments-button {
  3868. margin-top: 30px;
  3869. text-align: center;
  3870. width: 100%;
  3871. }
  3872.  
  3873. #mvp-comments-button a,
  3874. #mvp-comments-button span.mvp-comment-but-text {
  3875. background: #fff;
  3876. border: 1px solid #aaa;
  3877. -webkit-border-radius: 3px;
  3878. -moz-border-radius: 3px;
  3879. -ms-border-radius: 3px;
  3880. -o-border-radius: 3px;
  3881. border-radius: 3px;
  3882. cursor: pointer;
  3883. display: inline-block;
  3884. font-size: .8rem;
  3885. font-weight: 600;
  3886. letter-spacing: .02em;
  3887. line-height: 100%;
  3888. padding: 15px 0;
  3889. text-transform: uppercase;
  3890. width: 98%;
  3891. }
  3892.  
  3893. h4.mvp-post-header {
  3894. float: left;
  3895. margin-bottom: 30px;
  3896. position: relative;
  3897. width: 100%;
  3898. }
  3899.  
  3900. span.mvp-post-header {
  3901. float: left;
  3902. font-size: 1.5rem;
  3903. font-weight: 700;
  3904. line-height: 1;
  3905. padding-top: 10px;
  3906. }
  3907.  
  3908. h3.comment-header {
  3909. color: #fff;
  3910. float: left;
  3911. font: 400 12px/12px 'Oswald', sans-serif;
  3912. position: relative;
  3913. text-transform: uppercase;
  3914. }
  3915.  
  3916. #comments {
  3917. display: none;
  3918. float: left;
  3919. font-size: .8rem;
  3920. line-height: 120%;
  3921. margin-top: 30px;
  3922. overflow: hidden;
  3923. width: 100%;
  3924. }
  3925.  
  3926. .woocommerce #comments {
  3927. display: block;
  3928. margin-top: 0;
  3929. }
  3930.  
  3931. #disqus_thread {
  3932. display: none;
  3933. float: left;
  3934. margin-top: 30px;
  3935. width: 100%;
  3936. }
  3937.  
  3938. .comment-inner {
  3939. border-bottom: 1px solid #ddd;
  3940. margin-bottom: 10px;
  3941. padding: 10px 0 0;
  3942. }
  3943.  
  3944. #comments .comment-inner:after {
  3945. content: '';
  3946. display: block;
  3947. clear: both;
  3948. }
  3949.  
  3950. #comments .comment-avatar,
  3951. #tab3 .comment-avatar {
  3952. float: left;
  3953. width: 46px;
  3954. }
  3955.  
  3956. #comments .avatar {
  3957. display: block;
  3958. background-color: #fff;
  3959. }
  3960.  
  3961. .comment-avatar img {
  3962. -webkit-border-radius: 23px;
  3963. -moz-border-radius: 23px;
  3964. -ms-border-radius: 23px;
  3965. -o-border-radius: 23px;
  3966. border-radius: 23px;
  3967. overflow: hidden;
  3968. }
  3969.  
  3970. #comments .commentmeta {
  3971. display: block;
  3972. float: left;
  3973. margin: 0 10px 10px;
  3974. width: 75%;
  3975. }
  3976.  
  3977. .comment-reply a,
  3978. #cancel-comment-reply-link {
  3979. clear: both;
  3980. color: #fff !important;
  3981. font-size: 12px;
  3982. font-weight: 700;
  3983. line-height: 1;
  3984. padding: 5px 10px;
  3985. text-transform: uppercase;
  3986. }
  3987.  
  3988. .comment-reply a {
  3989. background: #888;
  3990. float: right;
  3991. }
  3992.  
  3993. #cancel-comment-reply-link {
  3994. background: #999;
  3995. float: left;
  3996. margin: 0 0 10px 20px;
  3997. }
  3998.  
  3999. .comment-reply a:hover,
  4000. #cancel-comment-reply-link:hover {
  4001. background: #555;
  4002. color: #fff !important;
  4003. text-decoration: none;
  4004. }
  4005.  
  4006. #content-main ol.commentlist {
  4007. float: left;
  4008. list-style: none;
  4009. margin: 0;
  4010. width: 100%;
  4011. }
  4012.  
  4013. #content-main ol.commentlist li {
  4014. margin: 0;
  4015. padding: 0;
  4016. }
  4017.  
  4018. ol.commentlist h3.comment-header {
  4019. display: none;
  4020. }
  4021.  
  4022. ol.commentlist #respond {
  4023. border-top: none;
  4024. }
  4025.  
  4026. #comments .comment-meta-1 {
  4027. display: block;
  4028. float: left;
  4029. font: bold 14px/normal helvetica, arial, sans-serif;
  4030. margin-bottom: 5px;
  4031. width: 100%;
  4032. }
  4033.  
  4034. #comments .comment-meta-1 .fn {
  4035. float: left;
  4036. font-style: normal;
  4037. font-weight: bold;
  4038. width: auto;
  4039. }
  4040.  
  4041. #comments .comment-meta-1 .reply {
  4042. display: inline-block;
  4043. float: right;
  4044. font-size: 11px;
  4045. line-height: 11px;
  4046. padding-top: 2px;
  4047. }
  4048.  
  4049. #comments .comment-meta-1 .reply a {
  4050. color: #555;
  4051. }
  4052.  
  4053. #comments .comment-meta-2 {
  4054. display: block;
  4055. float: left;
  4056. font-size: .8rem;
  4057. line-height: 100%;
  4058. margin: 0;
  4059. }
  4060.  
  4061. #comments .text {
  4062. clear: both;
  4063. display: block;
  4064. float: left;
  4065. margin-top: 10px;
  4066. }
  4067.  
  4068. #comments .text .waiting_approval {
  4069. font-size: 14px;
  4070. font-style: italic;
  4071. font-weight: bold;
  4072. }
  4073.  
  4074. #comments .c {
  4075. line-height: 20px;
  4076. }
  4077.  
  4078. #comments .c p,
  4079. #comments .c code,
  4080. #comments .c blockquote,
  4081. #comments .c ul,
  4082. #comments .c ol {
  4083. display: block;
  4084. margin: 5px 0;
  4085. }
  4086.  
  4087. #comments .c p {
  4088. color: #444;
  4089. font-size: 1rem;
  4090. font-weight: 300;
  4091. line-height: 1.5;
  4092. }
  4093.  
  4094. #comments .c a {
  4095. text-decoration: underline;
  4096. }
  4097.  
  4098. #comments .c a:hover {
  4099. text-decoration: none;
  4100. }
  4101.  
  4102. #comments .depth-2 .comment-wrapper {
  4103. padding-left: 40px;
  4104. }
  4105.  
  4106. #comments .depth-2 .commentmeta {
  4107. width: 75%;
  4108. }
  4109.  
  4110. #comments .depth-3 .comment-wrapper {
  4111. padding-left: 80px;
  4112. }
  4113.  
  4114. #comments .depth-3 .commentmeta {
  4115. width: 75%;
  4116. }
  4117.  
  4118. #comments .depth-4 .comment-wrapper {
  4119. padding-left: 120px;
  4120. }
  4121.  
  4122. #comments .depth-4 .commentmeta {
  4123. width: 75%;
  4124. }
  4125.  
  4126. #comments .depth-5 .comment-wrapper {
  4127. padding-left: 160px;
  4128. }
  4129.  
  4130. #comments .depth-5 .commentmeta {
  4131. width: 75%;
  4132. }
  4133.  
  4134. #respond {
  4135. clear: both;
  4136. position: relative;
  4137. }
  4138.  
  4139. #respond form {
  4140. float: left;
  4141. padding-bottom: 20px;
  4142. width: 100%;
  4143. }
  4144.  
  4145. #respond p {
  4146. font: 12px/normal helvetica, arial, sans-serif;
  4147. margin: 0;
  4148. }
  4149.  
  4150. #respond .logged-in-as {
  4151. margin-bottom: 10px;
  4152. }
  4153.  
  4154. #respond .comment-notes {
  4155. margin-bottom: 1rem;
  4156. }
  4157.  
  4158. .children #respond {
  4159. margin: 0 48px 0 0;
  4160. }
  4161.  
  4162. #mvp-comments-list #respond {
  4163. margin: 0 0 18px 0;
  4164. }
  4165.  
  4166. #mvp-comments-list ul #respond {
  4167. margin: 0;
  4168. }
  4169.  
  4170. #respond .required {
  4171. color: #ff4b33;
  4172. font-weight: bold;
  4173. }
  4174.  
  4175. #respond label {
  4176. color: #888;
  4177. display: inline-block;
  4178. font-size: 14px;
  4179. margin-bottom: 5px;
  4180. width: 100%;
  4181. }
  4182.  
  4183. #respond input {
  4184. background: #f6f6f6;
  4185. border: 1px solid #ddd;
  4186. -webkit-box-shadow: 2px 2px 5px 0px #eee inset;
  4187. -moz-box-shadow: 2px 2px 5px 0px #eee inset;
  4188. -ms-box-shadow: 2px 2px 5px 0px #eee inset;
  4189. -o-box-shadow: 2px 2px 5px 0px #eee inset;
  4190. box-shadow: 2px 2px 5px 0px #eee inset;
  4191. display: inline-block;
  4192. margin: 0 0 9px;
  4193. padding: 5px;
  4194. width: auto;
  4195. }
  4196.  
  4197. #respond textarea {
  4198. background: #f6f6f6;
  4199. border: 1px solid #ddd;
  4200. -webkit-box-shadow: 2px 2px 5px 0px #eee inset;
  4201. -moz-box-shadow: 2px 2px 5px 0px #eee inset;
  4202. -ms-box-shadow: 2px 2px 5px 0px #eee inset;
  4203. -o-box-shadow: 2px 2px 5px 0px #eee inset;
  4204. box-shadow: 2px 2px 5px 0px #eee inset;
  4205. display: inline-block;
  4206. margin-bottom: 9px;
  4207. width: 99%;
  4208. }
  4209.  
  4210. #respond #submit {
  4211. background: #888;
  4212. border: 0;
  4213. box-shadow: none;
  4214. color: #fff;
  4215. cursor:pointer;
  4216. font-size: 12px;
  4217. font-weight: 700;
  4218. line-height: 1;
  4219. margin-top:10px;
  4220. padding: 5px 15px;
  4221. text-transform: uppercase;
  4222. }
  4223.  
  4224. #respond #submit:hover {
  4225. background: #555;
  4226. }
  4227.  
  4228. h3#reply-title,
  4229. h2.comments {
  4230. color: #fff;
  4231. font: 700 14px/100% 'Oswald', sans-serif;
  4232. margin-bottom: 10px;
  4233. padding: 5px 10px;
  4234. text-shadow: 1px 1px 0 #000;
  4235. text-transform: uppercase;
  4236. }
  4237.  
  4238. h3#reply-title {
  4239. display: none;
  4240. }
  4241.  
  4242. span.comments {
  4243. background: #fff;
  4244. color: #aaa;
  4245. float: left;
  4246. font-size: 20px;
  4247. line-height: 100%;
  4248. padding-right: 15px;
  4249. text-transform: uppercase;
  4250. }
  4251.  
  4252. span.comments a {
  4253. color: #666;
  4254. }
  4255.  
  4256. span.comments a:hover {
  4257. color: #f00;
  4258. text-decoration: none;
  4259. }
  4260.  
  4261. #comment-input label {
  4262. margin-bottom: 10px;
  4263. }
  4264.  
  4265. p.cancel-comment-reply {
  4266. clear: both;
  4267. }
  4268.  
  4269. p.form-allowed-tags {
  4270. display: none !important;
  4271. }
  4272.  
  4273. .fb-comments,
  4274. .fb-comments span {
  4275. width: 100% !important;
  4276. }
  4277.  
  4278. /************************************************
  4279. 13. Archives
  4280. ************************************************/
  4281.  
  4282. .mvp-cat-head {
  4283. margin-left: 20px;
  4284. height: 50px;
  4285. }
  4286.  
  4287. .mvp-cat-head h1 {
  4288. color: #333;
  4289. font-size: 20px;
  4290. font-weight: 900;
  4291. letter-spacing: .02em;
  4292. line-height: 1;
  4293. padding: 15px 0;
  4294. text-transform: uppercase;
  4295. }
  4296.  
  4297. h1.mvp-sec-head,
  4298. h4.mvp-sec-head {
  4299. border-bottom: 1px solid #ddd;
  4300. float: left;
  4301. margin-bottom: 20px;
  4302. position: relative;
  4303. width: 100%;
  4304. }
  4305.  
  4306. span.mvp-sec-head {
  4307. color: #111;
  4308. display: inline-block;
  4309. float: left;
  4310. font-size: 1.1rem;
  4311. font-weight: 700;
  4312. line-height: 1;
  4313. position: relative;
  4314. bottom: -1px;
  4315. padding-bottom: 10px;
  4316. text-transform: uppercase;
  4317. }
  4318.  
  4319. #mvp-404 {
  4320. margin: 150px 0 200px;
  4321. text-align: center;
  4322. width: 100%;
  4323. }
  4324.  
  4325. #mvp-404 h1 {
  4326. color: #222;
  4327. font-size: 4rem;
  4328. font-weight: 900;
  4329. line-height: 1;
  4330. margin-bottom: 20px;
  4331. }
  4332.  
  4333. #mvp-404 p {
  4334. color: #999;
  4335. font-size: 1rem;
  4336. line-height: 130%;
  4337. }
  4338.  
  4339. #mvp-author-page-top {
  4340. margin-bottom: 30px;
  4341. padding: 60px 5%;
  4342. width: 90%;
  4343. }
  4344.  
  4345. .mvp-author-top-out {
  4346. margin-left: -250px;
  4347. width: 100%;
  4348. }
  4349.  
  4350. .mvp-author-top-in {
  4351. margin-left: 250px;
  4352. }
  4353.  
  4354. #mvp-author-top-left {
  4355. margin-right: 50px;
  4356. width: 200px;
  4357. }
  4358.  
  4359. #mvp-author-top-left img {
  4360. border: 8px solid #ddd;
  4361. -webkit-border-radius: 50%;
  4362. border-radius: 50%;
  4363. line-height: 0;
  4364. margin-top: -8px;
  4365. }
  4366.  
  4367. #mvp-author-top-right {
  4368. width: 100%;
  4369. }
  4370.  
  4371. h1.mvp-author-top-head {
  4372. color: #555;
  4373. font-size: 3.3rem;
  4374. font-weight: 900;
  4375. line-height: 1;
  4376. margin-bottom: 15px;
  4377. width: 100%;
  4378. }
  4379.  
  4380. span.mvp-author-page-desc {
  4381. color: #888;
  4382. font-size: 1.2rem;
  4383. font-weight: 400;
  4384. line-height: 150%;
  4385. width: 100%;
  4386. }
  4387.  
  4388. ul.mvp-author-page-list {
  4389. margin-top: 20px;
  4390. width: 100%;
  4391. }
  4392.  
  4393. ul.mvp-author-page-list li {
  4394. background: #555;
  4395. -webkit-border-radius: 50%;
  4396. -moz-border-radius: 50%;
  4397. -ms-border-radius: 50%;
  4398. -o-border-radius: 50%;
  4399. border-radius: 50%;
  4400. color: #fff;
  4401. display: inline-block;
  4402. font-size: 18px;
  4403. line-height: 1;
  4404. margin-left: 10px;
  4405. padding-top: 11px;
  4406. text-align: center;
  4407. width: 40px;
  4408. height: 29px;
  4409. }
  4410.  
  4411. ul.mvp-author-page-list a:first-child li {
  4412. margin-left: 0;
  4413. }
  4414.  
  4415. ul.mvp-author-page-list li:hover {
  4416. background: #777;
  4417. }
  4418.  
  4419. .mvp-authors-wrap {
  4420. border-top: 1px solid #ddd;
  4421. margin-top: 30px;
  4422. padding-top: 30px;
  4423. width: 100%;
  4424. }
  4425.  
  4426. .mvp-authors-list-wrap {
  4427. margin-left: 3.94736842105%; /* 30 / 760 */
  4428. text-align: center;
  4429. width: 30.701754386%; /* 233.3333 / 760 */
  4430. height: 300px;
  4431. }
  4432.  
  4433. .mvp-authors-list-wrap:first-child,
  4434. .mvp-authors-list-wrap:nth-child(4n+4) {
  4435. margin-left: 0;
  4436. }
  4437.  
  4438. .mvp-authors-list-img {
  4439. line-height: 0;
  4440. margin-bottom: 20px;
  4441. width: 100%;
  4442. }
  4443.  
  4444. .mvp-authors-list-img img {
  4445. border: 5px solid #ddd;
  4446. -webkit-border-radius: 50%;
  4447. border-radius: 50%;
  4448. width: 120px;
  4449. }
  4450.  
  4451. .mvp-authors-name {
  4452. display: inline-block;
  4453. font-size: 1.1rem;
  4454. font-weight: 700;
  4455. line-height: 1;
  4456. margin-bottom: 15px;
  4457. padding-bottom: 15px;
  4458. text-transform: uppercase;
  4459. }
  4460.  
  4461. .mvp-authors-name a {
  4462. color: #444 !important;
  4463. }
  4464.  
  4465. h2.mvp-authors-latest {
  4466. display: inline-block;
  4467. }
  4468.  
  4469. h2.mvp-authors-latest a {
  4470. color: #111;
  4471. font-size: 1.1rem;
  4472. font-weight: 700;
  4473. letter-spacing: -.02em;
  4474. line-height: 1.15;
  4475. }
  4476.  
  4477. .mvp-search-text p {
  4478. font-weight: 400;
  4479. line-height: 1.5;
  4480. width: 100%;
  4481. }
  4482.  
  4483. #bbpress-forums,
  4484. #bbpress-forums p {
  4485. font-family:kanit;
  4486. }
  4487.  
  4488. #bbpress-forums ol,
  4489. #bbpress-forums ul {
  4490. list-style: none;
  4491. margin: 0;
  4492. }
  4493.  
  4494. #bbpress-forums ul li,
  4495. #bbpress-forums ol li {
  4496. margin-left: 0;
  4497. padding: 0;
  4498. }
  4499.  
  4500. div.bbp-breadcrumb,
  4501. div.bbp-topic-tags,
  4502. div.bbp-breadcrumb a,
  4503. div.bbp-breadcrumb span {
  4504. font-size: .75rem;
  4505. }
  4506.  
  4507. #subscription-toggle {
  4508. float: left;
  4509. margin: 5px 0 15px;
  4510. width: 100%;
  4511. }
  4512.  
  4513. .rwp-review-wrap {
  4514. border-bottom: 1px solid #ddd;
  4515. padding-bottom: 30px;
  4516. }
  4517.  
  4518. .rwp-summary,
  4519. .rwp-u-review__comment {
  4520. font-size: 1rem;
  4521. font-weight: 300;
  4522. line-height: 160%;
  4523. }
  4524.  
  4525. /************************************************
  4526. 14. WooCommerce
  4527. ************************************************/
  4528.  
  4529. #woo-content {
  4530. float: left;
  4531. position: relative;
  4532. width: 100%;
  4533. }
  4534.  
  4535. #woo-content h1.page-title {
  4536. color: #222;
  4537. font-size: 2.9rem;
  4538. font-weight: 700;
  4539. line-height: 100%;
  4540. margin-bottom: 30px;
  4541. text-align: center;
  4542. width: 100%;
  4543. }
  4544.  
  4545. #woo-content p {
  4546. color: #222;
  4547. display: block;
  4548. font-size: .95rem;
  4549. font-weight: 400;
  4550. line-height: 155%;
  4551. margin-bottom: 20px;
  4552. }
  4553.  
  4554. #woo-content .summary p {
  4555. color: #555;
  4556. }
  4557.  
  4558. #woo-content .summary p.price {
  4559. color: #222;
  4560. }
  4561.  
  4562. .woocommerce div.product .woocommerce-product-rating {
  4563. margin-bottom: 15px;
  4564. }
  4565.  
  4566. .woocommerce div.product form.cart {
  4567. margin-top: 15px;
  4568. }
  4569.  
  4570. .woocommerce .woocommerce-breadcrumb {
  4571. border-bottom: 1px solid #ddd;
  4572. font-size: .75rem;
  4573. line-height: 100%;
  4574. margin-bottom: 20px;
  4575. padding-bottom: 20px;
  4576. }
  4577.  
  4578. .woocommerce div.product .product_title {
  4579. font-size: 1.7rem;
  4580. font-weight: 700;
  4581. line-height: 130%;
  4582. margin-bottom: 15px;
  4583. }
  4584.  
  4585. .woocommerce div.product p.price {
  4586. margin-bottom: 15px;
  4587. }
  4588.  
  4589. .woocommerce div.product p.price del,
  4590. .woocommerce div.product span.price del,
  4591. .woocommerce ul.products li.product .price del {
  4592. display: inline-block;
  4593. margin-right: 10px;
  4594. }
  4595.  
  4596. .woocommerce div.product p.price ins,
  4597. .woocommerce div.product span.price ins,
  4598. .woocommerce ul.products li.product .price ins,
  4599. .woocommerce ul.products li.product .price,
  4600. .woocommerce div.product p.price {
  4601. color: #222;
  4602. text-decoration: none;
  4603. }
  4604.  
  4605. .woocommerce div.product p.price,
  4606. .woocommerce div.product p.price ins,
  4607. .woocommerce div.product p.price del {
  4608. font-size: 1.2rem;
  4609. font-family:kanit;
  4610. }
  4611.  
  4612. .woocommerce ul.products li.product .price del,
  4613. .woocommerce ul.products li.product .price ins,
  4614. .woocommerce ul.products li.product .price {
  4615. font-size: .9rem;
  4616. font-family:kanit;
  4617. }
  4618.  
  4619. .woocommerce ul.products li.product .price,
  4620. .woocommerce div.product p.price {
  4621. font-weight: 700;
  4622. }
  4623.  
  4624. .woocommerce div.product {
  4625. overflow: hidden;
  4626. }
  4627.  
  4628. .woocommerce .quantity .qty {
  4629. height: 23px;
  4630. }
  4631.  
  4632. .woocommerce #respond input#submit.alt:hover,
  4633. .woocommerce a.button.alt:hover,
  4634. .woocommerce button.button.alt:hover,
  4635. .woocommerce input.button.alt:hover {
  4636. color: #fff !important;
  4637. opacity: .8;
  4638. }
  4639.  
  4640. .woocommerce #respond input#submit,
  4641. .woocommerce a.button,
  4642. .woocommerce button.button,
  4643. .woocommerce input.button,
  4644. .woocommerce .widget_price_filter .price_slider_amount .button {
  4645. font-family:kanit;
  4646. font-size: .7rem;
  4647. font-weight: 700;
  4648. line-height: 100%;
  4649. padding: 9px 25px;
  4650. text-transform: uppercase;
  4651. }
  4652.  
  4653. .woocommerce div.product form.cart div.quantity {
  4654. margin-right: 10px;
  4655. }
  4656.  
  4657. .woocommerce .product_meta {
  4658. font-size: .8rem;
  4659. }
  4660.  
  4661. .woocommerce span.onsale {
  4662. border-radius: 0;
  4663. font-family:kanit;
  4664. font-weight: 700;
  4665. line-height: 100%;
  4666. padding: 30px 35px 8px;
  4667. -webkit-transform: rotate(-45deg);
  4668. -moz-transform: rotate(-45deg);
  4669. -ms-transform: rotate(-45deg);
  4670. -o-transform: rotate(-45deg);
  4671. transform: rotate(-45deg);
  4672. top: -10px;
  4673. left: -35px;
  4674. min-width: 0;
  4675. min-height: 0;
  4676. }
  4677.  
  4678. .woocommerce ul.products li.product .onsale {
  4679. top: -5px;
  4680. left: -35px;
  4681. right: auto;
  4682. }
  4683.  
  4684. .woocommerce ul.products li.product h3 {
  4685. font-size: 1.1rem;
  4686. font-weight: 400;
  4687. line-height: 120%;
  4688. }
  4689.  
  4690. .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  4691. overflow: hidden;
  4692. }
  4693.  
  4694. .woocommerce ul.products li.product .add_to_cart_button {
  4695. display: none;
  4696. }
  4697.  
  4698. .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content,
  4699. .woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content {
  4700. float: left;
  4701. margin: 10px 0 20px;
  4702. width: 100%;
  4703. }
  4704.  
  4705. .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
  4706. margin-left: 10px;
  4707. width: 60px;
  4708. }
  4709.  
  4710. .woocommerce ul.product_list_widget span.product-title,
  4711. .woocommerce ul.product_list_widget li a {
  4712. color: #222;
  4713. font-size: .9rem;
  4714. margin-bottom: 5px;
  4715. }
  4716.  
  4717. .woocommerce ul.product_list_widget li a.remove {
  4718. font-size: 1.5rem;
  4719. }
  4720.  
  4721. .woocommerce ul.product_list_widget span.quantity,
  4722. .woocommerce ul.product_list_widget span.amount {
  4723. font-size: .8rem;
  4724. text-decoration: none !important;
  4725. }
  4726.  
  4727. .woocommerce ul.product_list_widget del {
  4728. margin-right: 5px;
  4729. }
  4730.  
  4731. .woocommerce .widget_shopping_cart .total,
  4732. .woocommerce.widget_shopping_cart .total {
  4733. border-top: 1px solid #ddd;
  4734. font-size: .9em;
  4735. line-height: 100%;
  4736. margin-top: 10px;
  4737. padding: 10px 0;
  4738. text-align: center;
  4739. }
  4740.  
  4741. .woocommerce .sidebar-widget a {
  4742. color: #222;
  4743. }
  4744.  
  4745. .woocommerce .sidebar-widget p.buttons a,
  4746. .woocommerce .sidebar-widget p.buttons a:hover {
  4747. color: #222;
  4748. }
  4749.  
  4750. .widget_shopping_cart_content {
  4751. float: left;
  4752. }
  4753.  
  4754. .woocommerce .sidebar-widget select,
  4755. .mvp-side-widget select {
  4756. width: 100%;
  4757. }
  4758.  
  4759. .woocommerce #woo-content select,
  4760. .woocommerce #mvp-side-wrap select,
  4761. .woocommerce #woo-content div.product form.cart .variations select,
  4762. .woocommerce-page #woo-content div.product form.cart .variations select,
  4763. .woocommerce #woo-content div.product form.cart .variations select,
  4764. .woocommerce-page #woo-content div.product form.cart .variations select,
  4765. .woocommerce #woo-content .woocommerce-ordering select,
  4766. .woocommerce-page #woo-content .woocommerce-ordering select,
  4767. .woocommerce #woo-content form .form-row select,
  4768. .woocommerce-page #woo-content form .form-row select,
  4769. .widget_product_categories select#dropdown_product_cat,
  4770. .mvp-side-widget select,
  4771. .mvp-scores-menu select {
  4772. padding: 5px;
  4773. background: #fff;
  4774. border: 1px solid #ddd;
  4775. color: #888;
  4776. font-size: 12px;
  4777. text-transform: uppercase;
  4778. }
  4779.  
  4780. .woocommerce #mvp-side-wrap select,
  4781. .mvp-side-widget select {
  4782. padding: 5px 2%;
  4783. width: 95.6%;
  4784. }
  4785.  
  4786. .woocommerce .related h2,
  4787. .woocommerce div.product .woocommerce-tabs .panel h2 {
  4788. color: #222;
  4789. font-size: 1.1rem;
  4790. font-weight: 700;
  4791. line-height: 100%;
  4792. margin-bottom: 15px;
  4793. position: relative;
  4794. }
  4795.  
  4796. .woocommerce .related h2 {
  4797. margin-bottom: 30px;
  4798. }
  4799.  
  4800. .woocommerce-review-link {
  4801. font-family:kanit;
  4802. font-size: .75rem;
  4803. font-weight: 400;
  4804. }
  4805.  
  4806. .woocommerce .star-rating {
  4807. margin-bottom: 5px;
  4808. }
  4809.  
  4810. .woocommerce .widget_top_rated_products ul.product_list_widget li {
  4811. border-top: 1px solid #ddd;
  4812. margin: 15px 0 0 0;
  4813. padding: 15px 0 0 0;
  4814. }
  4815.  
  4816. .woocommerce .widget_top_rated_products ul.product_list_widget li:first-child {
  4817. border-top: none;
  4818. margin: 0;
  4819. padding: 0;
  4820. }
  4821.  
  4822. #woo-content p.woocommerce-result-count {
  4823. font-family:kanit;
  4824. font-size: .8rem;
  4825. font-weight: 400;
  4826. }
  4827.  
  4828. .woocommerce div.product .woocommerce-tabs ul.tabs li,
  4829. .woocommerce #content div.product .woocommerce-tabs ul.tabs li,
  4830. .woocommerce-page div.product .woocommerce-tabs ul.tabs li,
  4831. .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {
  4832. border-top-left-radius: 0;
  4833. border-top-right-radius: 0;
  4834. box-shadow: none;
  4835. }
  4836.  
  4837. .woocommerce div.product .woocommerce-tabs ul.tabs li:after,
  4838. .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,
  4839. .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after,
  4840. .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after,
  4841. .woocommerce div.product .woocommerce-tabs ul.tabs li:before,
  4842. .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before,
  4843. .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before,
  4844. .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before,
  4845. .woocommerce div.product .woocommerce-tabs ul.tabs li.active:after,
  4846. .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:after,
  4847. .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:after,
  4848. .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:after,
  4849. .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
  4850. .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:before,
  4851. .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before,
  4852. .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:before {
  4853. border-bottom-left-radius: 0;
  4854. border-bottom-right-radius: 0;
  4855. border-width: 0;
  4856. box-shadow: none;
  4857. }
  4858.  
  4859. .woocommerce div.product .woocommerce-tabs ul.tabs li a {
  4860. font-family:kanit;
  4861. font-size: .8rem;
  4862. font-weight: 400;
  4863. }
  4864.  
  4865. .woocommerce #content div.product .woocommerce-tabs,
  4866. .woocommerce div.product .woocommerce-tabs,
  4867. .woocommerce-page #content div.product .woocommerce-tabs,
  4868. .woocommerce-page div.product .woocommerce-tabs {
  4869. border-bottom: 1px solid #ddd;
  4870. margin-bottom: 30px;
  4871. }
  4872.  
  4873. .woocommerce #reviews #comments ol.commentlist li img.avatar {
  4874. background: none;
  4875. border: none;
  4876. -webkit-border-radius: 50%;
  4877. -moz-border-radius: 50%;
  4878. -ms-border-radius: 50%;
  4879. -o-border-radius: 50%;
  4880. border-radius: 50%;
  4881. overflow: hidden;
  4882. }
  4883.  
  4884. .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
  4885. font-size: .8rem;
  4886. font-weight: 400;
  4887. }
  4888.  
  4889. .woocommerce div.product .woocommerce-tabs .panel {
  4890. margin-bottom: 30px;
  4891. }
  4892.  
  4893. /************************************************
  4894. 15. Footer
  4895. ************************************************/
  4896.  
  4897. #mvp-foot-wrap,
  4898. #mvp-foot-top,
  4899. #mvp-foot-bot,
  4900. #mvp-foot-logo,
  4901. #mvp-foot-soc,
  4902. #mvp-foot-menu,
  4903. #mvp-foot-copy,
  4904. #mvp-foot-ad-wrap {
  4905. width: 100%;
  4906. }
  4907.  
  4908. #mvp-foot-ad-wrap {
  4909. line-height: 0;
  4910. margin: -5px 0 20px;
  4911. text-align: center;
  4912. }
  4913.  
  4914. #mvp-foot-wrap {
  4915. background: #ddd;
  4916. padding-top: 30px;
  4917. }
  4918.  
  4919. #mvp-foot-logo {
  4920. line-height: 0;
  4921. margin-bottom: 30px;
  4922. text-align: center;
  4923. }
  4924.  
  4925. #mvp-foot-soc {
  4926. margin-bottom: 30px;
  4927. }
  4928.  
  4929. ul.mvp-foot-soc-list {
  4930. text-align: center;
  4931. width: 100%;
  4932. }
  4933.  
  4934. ul.mvp-foot-soc-list li {
  4935. display: inline-block;
  4936. }
  4937.  
  4938. ul.mvp-foot-soc-list li a {
  4939. -webkit-border-radius: 50%;
  4940. border-radius: 50%;
  4941. border: 2px solid #888;
  4942. color: #888 !important;
  4943. display: inline-block;
  4944. font-size: 18px;
  4945. line-height: 1;
  4946. margin-left: 10px;
  4947. padding-top: 9px;
  4948. text-align: center;
  4949. width: 36px;
  4950. height: 27px;
  4951. }
  4952.  
  4953. ul.mvp-foot-soc-list li:first-child a {
  4954. margin-left: 0;
  4955. }
  4956.  
  4957. ul.mvp-foot-soc-list li a:hover {
  4958. border: 2px solid #333;
  4959. color: #333 !important;
  4960. }
  4961.  
  4962. #mvp-foot-menu-wrap {
  4963. border-top: 1px solid #bbb;
  4964. border-bottom: 1px solid #bbb;
  4965. padding: 20px 0 10px;
  4966. width: 100%;
  4967. }
  4968.  
  4969. #mvp-foot-menu ul {
  4970. text-align: center;
  4971. width: 100%;
  4972. }
  4973.  
  4974. #mvp-foot-menu ul li {
  4975. display: inline-block;
  4976. margin: 0 0 10px 15px;
  4977. }
  4978.  
  4979. #mvp-foot-menu ul li a {
  4980. color: #888;
  4981. font-size: .95rem;
  4982. font-weight: 400;
  4983. line-height: 1;
  4984. }
  4985.  
  4986. #mvp-foot-menu ul li a:hover {
  4987. color: #333 !important;
  4988. }
  4989.  
  4990. #mvp-foot-menu ul li:first-child {
  4991. margin-left: 0;
  4992. }
  4993.  
  4994. #mvp-foot-menu ul li ul {
  4995. display: none;
  4996. }
  4997.  
  4998. #mvp-foot-copy-wrap {
  4999. margin: 20px 0;
  5000. width: 100%;
  5001. }
  5002.  
  5003. #mvp-foot-copy {
  5004. color: #888;
  5005. font-size: .8rem;
  5006. font-weight: 400;
  5007. line-height: 1.2;
  5008. text-align: center;
  5009. width: 100%;
  5010. }
  5011.  
  5012. /************************************************
  5013. 16. Pagination
  5014. ************************************************/
  5015.  
  5016. .mvp-nav-links {
  5017. float: left;
  5018. margin-top: 20px;
  5019. position: relative;
  5020. width: 100%;
  5021. }
  5022.  
  5023. .pagination {
  5024. clear: both;
  5025. display: inline-block;
  5026. position: relative;
  5027. font-size: .8rem;
  5028. font-weight: 700;
  5029. line-height: 100%;
  5030. padding: 0;
  5031. text-transform: uppercase;
  5032. }
  5033.  
  5034. .pagination span, .pagination a {
  5035. background: #fff;
  5036. border: 1px solid #aaa;
  5037. -webkit-border-radius: 5px;
  5038. -moz-border-radius: 5px;
  5039. -ms-border-radius: 5px;
  5040. -o-border-radius: 5px;
  5041. border-radius: 5px;
  5042. color: #aaa;
  5043. display: block;
  5044. float: left;
  5045. font-size: .8rem;
  5046. font-weight: 400;
  5047. margin: 2px 5px 2px 0;
  5048. padding: 9px 12px 8px;
  5049. text-decoration: none;
  5050. width: auto;
  5051. }
  5052.  
  5053. .pagination .current,
  5054. .pagination a:hover {
  5055. background: #aaa;
  5056. color: #fff;
  5057. }
  5058.  
  5059. .pagination a,
  5060. .pagination a:visited {
  5061. color: #aaa;
  5062. }
  5063.  
  5064. a.mvp-inf-more-but {
  5065. background: #fff;
  5066. border: 1px solid #aaa;
  5067. -webkit-border-radius: 3px;
  5068. -moz-border-radius: 3px;
  5069. -ms-border-radius: 3px;
  5070. -o-border-radius: 3px;
  5071. border-radius: 3px;
  5072. display: inline-block;
  5073. font-size: .8rem;
  5074. font-weight: 600;
  5075. letter-spacing: .02em;
  5076. line-height: 1;
  5077. margin-top: 20px;
  5078. padding: 15px 0;
  5079. text-align: center;
  5080. text-transform: uppercase;
  5081. width: 99.4%;
  5082. }
  5083.  
  5084. #infscr-loading {
  5085. background: #fff;
  5086. color: #aaa;
  5087. float: left;
  5088. font-family:kanit;
  5089. font-size: .9rem;
  5090. font-style: italic;
  5091. font-weight: 400;
  5092. line-height: 100%;
  5093. padding-top: 15px;
  5094. text-align: center;
  5095. width: 100%;
  5096. }
  5097.  
  5098. #infscr-loading img {
  5099. display: none;
  5100. }
  5101.  
  5102. #infscr-loading em {
  5103. float: left;
  5104. width: 100%;
  5105. }
  5106.  
  5107. .paginate-links {
  5108. display: none;
  5109. }
  5110.  
  5111. /************************************************
  5112. 16. SportsPress
  5113. ************************************************/
  5114.  
  5115. .sportspress h3.mvp-post-cat,
  5116. .sportspress .mvp-post-tags,
  5117. .sportspress .mvp-author-info-wrap,
  5118. .sportspress #mvp-author-box-wrap,
  5119. .sportspress #mvp-more-post-wrap,
  5120. .sportspress #mvp-post-soc-wrap,
  5121. .sportspress #mvp-post-feat-img,
  5122. .sportspress #mvp-mob-soc-wrap {
  5123. display: none;
  5124. }
  5125.  
  5126. .sportspress .mvp-post-soc-out,
  5127. .sportspress .mvp-post-soc-in {
  5128. margin-left: 0;
  5129. }
  5130.  
  5131. .sportspress #mvp-article-head {
  5132. margin-bottom: 30px;
  5133. }
  5134.  
  5135. .single-sp_event #mvp-article-head {
  5136. text-align: center;
  5137. }
  5138.  
  5139. .sportspress h1.mvp-post-title {
  5140. font-size: 2rem;
  5141. font-weight: 700;
  5142. margin-bottom: 0;
  5143. }
  5144.  
  5145. .sportspress h1.mvp-post-title .sp-player-number {
  5146. color: #fff;
  5147. margin-right: 10px;
  5148. padding: 5px 10px;
  5149. }
  5150.  
  5151. .sp-template-event-logos .sp-team-name,
  5152. .sp-template-event-logos .sp-team-result {
  5153. line-height: 1.2;
  5154. }
  5155.  
  5156. .sp-table-caption {
  5157. color: #fff !important;
  5158. font-size: 1.1rem !important;
  5159. font-weight: 700 !important;
  5160. padding: 3px 15px !important;
  5161. }
  5162.  
  5163. .sp-event-logos {
  5164. font-size: 40px;
  5165. }
  5166.  
  5167. .sp-event-logos .sp-team-logo .sp-team-result {
  5168. background: #fff;
  5169. border: 1px solid #ddd;
  5170. margin: 15px !important;
  5171. padding: 5px 10px !important;
  5172. min-width: 1.5em;
  5173. text-align: center;
  5174. }
  5175.  
  5176. .sp-template-event-logos .sp-team-result {
  5177. font-size: 40px !important;
  5178. font-weight: 700 !important;
  5179. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement