Advertisement
Guest User

Untitled

a guest
Jan 21st, 2015
218
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 91.43 KB | None | 0 0
  1. /*====================================*\
  2. RESET
  3. \*====================================*/
  4.  
  5. * {
  6. margin: 0px;
  7. padding: 0px;
  8. }
  9. img {
  10. -ms-interpolation-mode: bicubic;
  11. }
  12. img, object, iframe {
  13. vertical-align: top;
  14. border-style: none;
  15. }
  16. input[type=text], input[type=password], input[type=email], input[type=url], select, textarea, input[type=checkbox], input[type=radio], input[type=submit], input[type=reset], input[type=button], button {
  17. font-family: inherit;
  18. }
  19. input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=url]:focus, textarea:focus, input[type="submit"]:focus, button:focus, .sbHolder:focus {
  20. outline: 0 none;
  21. }
  22. input[type=submit], input[type=reset], button {
  23. width: auto;
  24. max-width: auto;
  25. overflow: visible;
  26. border: none;
  27. }
  28. input::-moz-focus-inner, button::-moz-focus-inner {
  29. border: 0;
  30. padding: 0;
  31. }
  32. textarea {
  33. overflow: auto;
  34. vertical-align: top;
  35. resize: none;
  36. }
  37. label, select, input[type=checkbox], input[type=radio], input[type=file], input[type=submit], input[type=reset], input[type=button], button {
  38. cursor: pointer;
  39. -webkit-user-select: none;
  40. -moz-user-select: none;
  41. -ms-user-select: none;
  42. }
  43. a {
  44. text-decoration: none;
  45. }
  46. table {
  47. border-collapse: collapse;
  48. border-spacing: 0;
  49. }
  50.  
  51. /*====================================*\
  52. FORM ELEMENTS
  53. \*====================================*/
  54.  
  55. ::-webkit-input-placeholder {
  56. color: #9099b7;
  57. }
  58. :-moz-placeholder {
  59. color: #9099b7;
  60. }
  61. ::-moz-placeholder {
  62. color: #9099b7;
  63. }
  64. :-ms-input-placeholder {
  65. color: #9099b7;
  66. }
  67. input[type=text], input[type=password], input[type=email], input[type=url], textarea {
  68. background-color: #50597b;
  69. border: 1px solid #1f253d;
  70. color: #9099b7;
  71. font-size: 16px;
  72. padding: 10px 15px;
  73. border-radius: 5px;
  74. -webkit-border-radius: 5px;
  75. transition: border-color .2s linear, color .2s linear;
  76. -webkit-transition: border-color .2s linear, color .2s linear;
  77. -moz-transition: border-color .2s linear, color .2s linear;
  78. -ms-transition: border-color .2s linear, color .2s linear;
  79. -o-transition: border-color .2s linear, color .2s linear;
  80. }
  81. textarea {
  82. height: 78px;
  83. }
  84. input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=url]:focus, textarea:focus {
  85. color: #fff;
  86. border-color: #11a8ab;
  87. }
  88. input[type=checkbox], input[type=radio] {
  89. display: none;
  90. }
  91. .sbHolder {
  92. display: inline-block;
  93. background-color: #50597b;
  94. border: 1px solid #1f253d;
  95. color: #9099b7;
  96. font-size: 16px;
  97. height: 42px;
  98. vertical-align: top;
  99. position: relative;
  100. -webkit-box-sizing: border-box;
  101. -moz-box-sizing: border-box;
  102. box-sizing: border-box;
  103. border-radius: 5px;
  104. -webkit-border-radius: 5px;
  105. transition: border-color .2s linear, color .2s linear;
  106. -webkit-transition: border-color .2s linear, color .2s linear;
  107. -moz-transition: border-color .2s linear, color .2s linear;
  108. -ms-transition: border-color .2s linear, color .2s linear;
  109. -o-transition: border-color .2s linear, color .2s linear;
  110. }
  111. .sbHolder-open {
  112. }
  113. .sbHolder:focus .sbSelector {
  114. }
  115. .sbSelector {
  116. height: 40px;
  117. line-height: 16px;
  118. padding: 12px 50px 8px 15px;
  119. overflow: hidden;
  120. position: absolute;
  121. top: 0;
  122. left: 0;
  123. width: 100%;
  124. color: #9099b7;
  125. overflow: hidden;
  126. text-overflow: ellipsis;
  127. white-space: nowrap;
  128. -webkit-box-sizing: border-box;
  129. -moz-box-sizing: border-box;
  130. box-sizing: border-box;
  131. }
  132. .sbSelector:hover {
  133. }
  134. .sbToggle {
  135. width: 40px;
  136. height: 40px;
  137. position: absolute;
  138. right: 0;
  139. top: 0;
  140. background-image: url(images/arrow-3.png);
  141. background-repeat: no-repeat;
  142. background-position: center center;
  143. }
  144. .sbToggle:hover {
  145. }
  146. .sbToggleOpen {
  147. }
  148. .sbToggleOpen:hover {
  149. }
  150. .sbHolderDisabled {
  151. }
  152. .sbHolderDisabled .sbHolder {
  153. }
  154. .sbHolderDisabled .sbToggle {
  155. }
  156. .sbOptions {
  157. background-color: #50597b;
  158. border: 1px solid #1f253d;
  159. list-style: none;
  160. font-size: 13px;
  161. line-height: 13px;
  162. font-weight: normal;
  163. left: 0;
  164. position: absolute;
  165. top: 44px !important;
  166. width: 100%;
  167. z-index: 1;
  168. overflow-y: auto;
  169. border-radius: 5px;
  170. -webkit-border-radius: 5px;
  171. -webkit-box-sizing: border-box;
  172. -moz-box-sizing: border-box;
  173. box-sizing: border-box;
  174. }
  175. .sbOptions li {
  176. }
  177. .sbOptions li a {
  178. padding: 13px 15px;
  179. display: block;
  180. color: #fff;
  181. }
  182. .sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus {
  183. background-color: #394264;
  184. color: #fff;
  185. }
  186. .sbOptions .sbDisabled {
  187. }
  188. .sbOptions .sbGroup {
  189. }
  190. .sbOptions .sbSub {
  191. }
  192.  
  193. /*====================================*\
  194. BUTTONS
  195. \*====================================*/
  196.  
  197. .button {
  198. display: inline-block;
  199. font-size: 18px;
  200. line-height: 22px;
  201. padding: 9px 20px 11px;
  202. border-radius: 5px;
  203. -webkit-border-radius: 5px;
  204. transition: all 0.2s ease-out;
  205. -webkit-transition: all 0.2s ease-out;
  206. -moz-transition: all 0.2s ease-out;
  207. -ms-transition: all 0.2s ease-out;
  208. -o-transition: all 0.2s ease-out;
  209. }
  210.  
  211. /* button sizes */
  212. .button-size-small {
  213. font-size: 14px;
  214. line-height: 18px;
  215. padding: 5px 20px 7px;
  216. }
  217.  
  218. /* colors */
  219. .button-color-1 {
  220. border: 1px solid #11a8ab;
  221. background-color: #11a8ab;
  222. color: #fff;
  223. }
  224. .button-color-1:hover {
  225. border-color: #028e91;
  226. background-color: #028e91;
  227. color: #fff;
  228. }
  229.  
  230. /*====================================*\
  231. ICONS
  232. \*====================================*/
  233.  
  234. .icon-menu-categories {
  235. display: inline-block;
  236. width: 31px;
  237. height: 22px;
  238. text-indent: -5000px;
  239. overflow: hidden;
  240. background-image: url(images/icon-menu-categories.png);
  241. background-position: left top;
  242. background-repeat: no-repeat;
  243. }
  244. .icon-menu-categories.hovered, .icon-menu-categories:hover, .icon-menu-categories:focus, .dropel:hover .icon-menu-categories, .dropel:focus .icon-menu-categories {
  245. background-position: left -178px;
  246. }
  247. .icon-login {
  248. display: inline-block;
  249. width: 26px;
  250. height: 24px;
  251. text-indent: -5000px;
  252. overflow: hidden;
  253. background-image: url(images/icon-login.png);
  254. background-position: left top;
  255. background-repeat: no-repeat;
  256. }
  257. .icon-login.out {
  258. background-image: url(images/icon-logout.png);
  259. }
  260. .icon-login.hovered, .icon-login:hover, .icon-logins:focus, .dropel:hover .icon-login, .dropel:focus .icon-login {
  261. background-position: left -176px;
  262. }
  263. .icon-nav-menu {
  264. display: inline-block;
  265. width: 31px;
  266. height: 22px;
  267. text-indent: -5000px;
  268. overflow: hidden;
  269. background-image: url(images/icon-nav-menu.png);
  270. background-position: left top;
  271. background-repeat: no-repeat;
  272. }
  273. .icon-nav-menu:hover, .icon-nav-menu:focus, header.with-header-nav-menu .container:nth-child(2):hover .icon-nav-menu, header.with-header-nav-menu .container:nth-child(2):focus .icon-nav-menu {
  274. background-position: left -178px;
  275. }
  276. .icon-zoom {
  277. display: inline-block;
  278. width: 24px;
  279. height: 25px;
  280. text-indent: -5000px;
  281. overflow: hidden;
  282. background-image: url(images/icon-zoom.png);
  283. background-position: left top;
  284. background-repeat: no-repeat;
  285. }
  286. .icon-zoom:hover, .icon-zoom:focus, .search-box:hover .icon-zoom, .search-box:focus .icon-zoom {
  287. background-position: left -175px;
  288. }
  289. .icon-total-comments {
  290. display: inline-block;
  291. min-height: 21px;
  292. font-size: 14px;
  293. line-height: 20px;
  294. color: #FFF;
  295. background-image: url(images/icon-total-comments.png);
  296. background-repeat: no-repeat;
  297. background-position: left top;
  298. padding-left: 35px;
  299. -webkit-backface-visibility: hidden;
  300. }
  301. .icon-total-comments-2 {
  302. display: inline-block;
  303. min-height: 16px;
  304. font-size: 12px;
  305. line-height: 16px;
  306. background-image: url(images/icon-total-comments-2.png);
  307. background-repeat: no-repeat;
  308. background-position: left top;
  309. padding-left: 25px;
  310. }
  311. .icon-post-date {
  312. display: inline-block;
  313. min-height: 20px;
  314. font-size: 14px;
  315. line-height: 20px;
  316. color: #FFF;
  317. background-image: url(images/icon-post-date.png);
  318. background-repeat: no-repeat;
  319. background-position: left top;
  320. padding-left: 35px;
  321. -webkit-backface-visibility: hidden
  322. }
  323. .icon-post-date-2 {
  324. display: inline-block;
  325. min-height: 16px;
  326. font-size: 12px;
  327. line-height: 16px;
  328. background-image: url(images/icon-post-date-2.png);
  329. background-repeat: no-repeat;
  330. background-position: left top;
  331. padding-left: 25px;
  332. }
  333. .icon-author {
  334. display: inline-block;
  335. min-height: 16px;
  336. font-size: 12px;
  337. line-height: 16px;
  338. background-image: url(images/icon-author.png);
  339. background-repeat: no-repeat;
  340. background-position: left top;
  341. padding-left: 25px;
  342. }
  343.  
  344. /*====================================*\
  345. BORDERS
  346. \*====================================*/
  347.  
  348. .border-color-1 {
  349. border-top: 4px solid #e64c65;
  350. }
  351. .border-color-2 {
  352. border-top: 4px solid #11a8ab;
  353. }
  354. .border-color-3 {
  355. border-top: 4px solid #3468af;
  356. }
  357. .border-color-4 {
  358. border-top: 4px solid #4fc4f6;
  359. }
  360. .border-color-5 {
  361. border-top: 4px solid #fcb150;
  362. }
  363.  
  364. /*====================================*\
  365. COLORS
  366. \*====================================*/
  367.  
  368. .color-1 {
  369. color: #9099b7 !important;
  370. }
  371. .color-2 {
  372. color: #50597B !important;
  373. }
  374.  
  375. /*====================================*\
  376. TITLES
  377. \*====================================*/
  378.  
  379. .title-1 {
  380. font-size: 16px;
  381. line-height: 20px;
  382. font-weight: normal;
  383. color: #9099b7;
  384. }
  385. .title-2 {
  386. font-size: 16px;
  387. line-height: 21px;
  388. font-weight: normal;
  389. color: #fff;
  390. }
  391. .title-3 {
  392. font-size: 18px;
  393. line-height: 21px;
  394. color: #FFFFFF;
  395. font-weight: normal;
  396. }
  397. .title-4 {
  398. font-size: 220px;
  399. line-height: 224px;
  400. color: #394264;
  401. font-weight: normal;
  402. }
  403. .title-5 {
  404. font-size: 16px;
  405. line-height: 20px;
  406. font-weight: normal;
  407. color: #9099b7;
  408. }
  409.  
  410. /*====================================*\
  411. GLOBALS
  412. \*====================================*/
  413.  
  414. .clearfix {
  415. *zoom: 1;
  416. }
  417. .clearfix:before, .clearfix:after {
  418. display: table;
  419. line-height: 0;
  420. content: "";
  421. }
  422. .clearfix:after {
  423. clear: both;
  424. }
  425. .clear {
  426. clear: both;
  427. }
  428. .hide {
  429. display: none;
  430. }
  431. .show {
  432. display: block;
  433. }
  434. .invisible {
  435. visibility: hidden;
  436. }
  437. .visible {
  438. visibility: visible;
  439. }
  440. .opacity-visible {
  441. opacity: 1 !important;
  442. visibility: visible !important;
  443. }
  444. .tleft {
  445. text-align: left !important;
  446. }
  447. .tcenter {
  448. text-align: center !important;
  449. }
  450. .tright {
  451. text-align: right !important;
  452. }
  453. .fleft {
  454. float: left;
  455. }
  456. .fright {
  457. float: right;
  458. }
  459. .fixed {
  460. position: fixed;
  461. }
  462. .table {
  463. width: 100%;
  464. display: table;
  465. }
  466. .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {
  467. max-width: 100%;
  468. height: auto;
  469. }
  470.  
  471. /*====================================*\
  472. MAIN
  473. \*====================================*/
  474.  
  475. html {
  476. overflow-x: hidden;
  477. }
  478. body {
  479. font-family: 'Ubuntu', sans-serif;
  480. color: #fff;
  481. background-color: #1e233a;
  482. overflow-x: hidden;
  483. padding-bottom: 84px; /* footer copyright height + 30px */
  484. visibility: hidden;
  485. padding-top: 65px; /* header height */
  486. background-attachment: fixed;
  487. background-repeat: no-repeat;
  488. background-position: center top;
  489. }
  490. body.ismobile {
  491. background-attachment: scroll;
  492. }
  493. body.with-header-nav-menu {
  494. padding-top: 106px;
  495. }
  496. a {
  497. color: #fff;
  498. }
  499. a:hover {
  500. color: #11a8ab;
  501. }
  502. .container {
  503. width: 986px;
  504. margin: 0 auto;
  505. position: relative;
  506. }
  507. .container.fluid {
  508. width: auto;
  509. margin: 0 20px;
  510. }
  511. .boxcontainer {
  512. margin: 26px auto 0;
  513. }
  514. .boxcontainer:first-child {
  515. margin: -14px auto 0; /* - box top margin */
  516. }
  517.  
  518. /* header */
  519. header {
  520. background-color: #394264;
  521. height: 65px;
  522. text-align: center;
  523. width: 100%;
  524. position: fixed;
  525. left: 0px;
  526. top: 0px;
  527. z-index: 1000;
  528. box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  529. -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  530. }
  531. header.with-admin-bar {
  532. top: 32px;
  533. }
  534. header.with-header-nav-menu {
  535. height: 106px;
  536. }
  537. header.with-header-nav-menu .container:nth-child(2) {
  538. margin: 1px auto 0;
  539. padding: 10px 15px 0;
  540. height: 30px;
  541. background-color: #444d70;
  542. }
  543. header.with-header-nav-menu .container:nth-child(2):before {
  544. position: absolute;
  545. top: 0;
  546. left: -50%;
  547. width: 200%;
  548. height: 1px;
  549. background-color: #2F3552;
  550. content: '';
  551. }
  552. header.with-header-nav-menu .container:nth-child(2) .icon-nav-menu {
  553. display: none;
  554. }
  555. header .left-part {
  556. position: absolute;
  557. top: 0;
  558. left: 0;
  559. }
  560. header .logo {
  561. margin: 0 auto;
  562. }
  563. header .right-part {
  564. position: absolute;
  565. top: 0;
  566. right: 0;
  567. }
  568. header .menu-categories, header .search-box {
  569. float: left;
  570. }
  571. header .search-box {
  572. margin-top: 11px;
  573. }
  574. header .menu-categories {
  575. margin-top: 21px;
  576. }
  577. header .menu-categories + .search-box {
  578. margin-left: 20px;
  579. }
  580. header .menu-categories .dropdown .dropdown-wrapper {
  581. max-height: 360px;
  582. overflow: visible !important;
  583. width: 190px !important;
  584. }
  585. header .log-in-out {
  586. margin-top: 20px;
  587. float: right;
  588. position: relative;
  589. }
  590. header .log-in-out .dropdown {
  591. top: 24px;
  592. right: 0;
  593. padding-top: 33px;
  594. }
  595. header .log-in-out #login-form {
  596. padding: 15px;
  597. }
  598. header .log-in-out .login-links {
  599. font-size: 13px;
  600. line-height: 17px;
  601. border-top: 1px solid #2f3552;
  602. padding: 11px 15px;
  603. }
  604. header .member {
  605. float: right;
  606. margin-top: 10px;
  607. }
  608. header .log-in-out + .member {
  609. margin-right: 40px;
  610. }
  611.  
  612. /* header menu */
  613. .header-menu {
  614. text-align: center;
  615. font-size: 14px;
  616. line-height: 18px;
  617. }
  618. .header-menu .header-menu-wrapper > ul > li {
  619. display: inline-block;
  620. margin: 0 18px;
  621. position: relative;
  622. }
  623. .header-menu .header-menu-wrapper > ul > li > a {
  624. color: #9099b7;
  625. }
  626. .header-menu .header-menu-wrapper > ul > li > a:hover {
  627. color: #fff;
  628. }
  629. .header-menu .header-menu-wrapper > ul > li > .dropdown {
  630. left: 0;
  631. padding-top: 22px;
  632. top: 18px;
  633. }
  634. .header-menu .header-menu-wrapper > ul > li > .dropdown .dropdown {
  635. position: static;
  636. }
  637. .header-menu .header-menu-wrapper > ul > li > .dropdown .dropdown .dropdown-wrapper {
  638. background-color: transparent;
  639. border-bottom: none;
  640. border-radius: 0;
  641. position: static;
  642. }
  643. .header-menu .header-menu-wrapper > ul > li > .dropdown .dropdown .dropdown-wrapper.arrow-up-left:before {
  644. display: none;
  645. }
  646. .header-menu .header-menu-wrapper > ul > li > .dropdown .dropdown .dropdown-wrapper .sub-menu > li:first-child > a {
  647. border-radius: 0;
  648. -webkit-border-radius: 0;
  649. }
  650.  
  651. /* primary */
  652. #primary {
  653. border-bottom: 4px solid #e64c65;
  654. }
  655.  
  656. /* content */
  657. #content {
  658. padding-top: 40px;
  659. }
  660.  
  661. /* post */
  662. .postWrap {
  663. width: 665px;
  664. float: left;
  665. }
  666. .postWrap .contentbox {
  667. overflow: hidden;
  668. }
  669. .postWrap .contentbox .featured-image {
  670. text-align: center;
  671. }
  672. .postWrap .contentbox .featured-image img {
  673. width: 665px;
  674. height: auto;
  675. }
  676. .postWrap .contentbox .featured-video {
  677. position: relative;
  678. }
  679. .postWrap .contentbox .featured-video.remote-video.ar-4-3 {
  680. padding-bottom: 75%;
  681. }
  682. .postWrap .contentbox .featured-video.remote-video.ar-16-9 {
  683. padding-bottom: 56.25%;
  684. }
  685. .postWrap .contentbox .featured-video.remote-video iframe,
  686. .postWrap .contentbox .featured-video.remote-video object,
  687. .postWrap .contentbox .featured-video.remote-video embed {
  688. position: absolute;
  689. top: 0;
  690. left: 0;
  691. width: 100%;
  692. height: 100%;
  693. }
  694. .postWrap .contentbox .featured-video .wp-video,
  695. .postWrap .contentbox .featured-video .wp-video * {
  696. max-width: 100% !important;
  697. }
  698. .postWrap .contentbox .title-1 {
  699. padding-left: 30px;
  700. padding-right: 30px;
  701. text-align: left;
  702. }
  703. .postWrap .contentbox .title-3 {
  704. padding: 26px 30px 27px;
  705. text-align: left;
  706. }
  707. .postWrap .contentbox .title-3 .button {
  708. position: relative;
  709. top: -4px;
  710. margin-left: 20px;
  711. }
  712. .postWrap .contentbox .quote-block {
  713. padding: 26px 30px 27px;
  714. font-style: italic;
  715. }
  716. .postWrap .contentbox .quote-block:before {
  717. float: left;
  718. width: 49px;
  719. height: 42px;
  720. content: '';
  721. background-image: url(images/icon-quotes-large.png);
  722. background-repeat: no-repeat;
  723. background-position: center top;
  724. margin-right: 17px;
  725. margin-top: 10px;
  726. }
  727. .postWrap .contentbox .quote-block .quote-text {
  728. font-size: 18px;
  729. line-height: 30px;
  730. min-height: 60px;
  731. }
  732. .postWrap .contentbox .quote-block .quote-author {
  733. font-size: 16px;
  734. line-height: 24px;
  735. padding-top: 15px;
  736. color: #9099b7;
  737. clear: both;
  738. }
  739. .postWrap .topbar {
  740. display: table;
  741. width: 100%;
  742. background-color: #50597b;
  743. border-radius: 5px 5px 0 0;
  744. -webkit-border-radius: 5px 5px 0 0;
  745. }
  746. .postWrap .topbar .navbtns {
  747. display: table-cell;
  748. width: 290px;
  749. vertical-align: top;
  750. }
  751. .postWrap .topbar .navbtns li:first-child a, .postWrap .topbar .navbtns li:first-child span.no-link {
  752. border-radius: 5px 0 0 0;
  753. -webkit-border-radius: 5px 0 0 0;
  754. }
  755. /*.postWrap .topbar .navbtns li:last-child a, .postWrap .topbar .navbtns li:last-child span.no-link {
  756. border-radius: 0 5px 0 0;
  757. -webkit-border-radius: 0 5px 0 0;
  758. }*/
  759. .postWrap .topbar .space {
  760. display: table-cell;
  761. text-align: center;
  762. padding-top: 17px;
  763. color: #fff;
  764. border-radius: 0 5px 0 0;
  765. webkit-border-radius: 0 5px 0 0;
  766. }
  767. .postWrap .notification {
  768. padding: 20px 30px;
  769. }
  770.  
  771. /* posts navigation */
  772. .posts-navigation {
  773. font-size: 13px;
  774. line-height: 17px;
  775. color: #9099b7;
  776. border-top: 1px solid #2f3552;
  777. padding-top: 15px;
  778. margin-top: 40px;
  779. }
  780. .posts-navigation a {
  781. display: block;
  782. background-repeat: no-repeat;
  783. color: #9099b7;
  784. }
  785. .posts-navigation a:hover {
  786. color: #fff;
  787. }
  788. .posts-navigation .prev {
  789. float: left;
  790. background-image: url(images/arrow-9.png);
  791. padding-left: 16px;
  792. background-position: left 4px;
  793. }
  794. .posts-navigation .prev:hover {
  795. background-position: left -85px;
  796. }
  797. .posts-navigation .next {
  798. float: right;
  799. background-image: url(images/arrow-10.png);
  800. padding-right: 16px;
  801. background-position: right 4px;
  802. }
  803. .posts-navigation .next:hover {
  804. background-position: right -85px;
  805. }
  806.  
  807. /* sidebar */
  808. .sidebar {
  809. width: 315px;
  810. float: right;
  811. }
  812. .sidebar input[type=text], .sidebar input[type=password], .sidebar input[type=email], .sidebar input[type=url], .sidebar textarea, .sidebar .sbHolder {
  813. -webkit-box-sizing: border-box;
  814. -moz-box-sizing: border-box;
  815. box-sizing: border-box;
  816. width: 100%;
  817. }
  818. .sidebar .contentbox {
  819. font-size: 13px;
  820. line-height: 21px;
  821. color: #fff;
  822. }
  823. .sidebar .contentbox .widgetwrapper {
  824. padding: 20px;
  825. }
  826. .sidebar .contentbox > ul {
  827. list-style-type: none;
  828. color: #9099b7;
  829. }
  830. .sidebar .contentbox > ul > li {
  831. border-bottom: 1px solid #2f3552;
  832. background-image: url(images/arrow-2.png);
  833. background-repeat: no-repeat;
  834. background-position: 15px 18px;
  835. padding-top: 11px;
  836. padding-right: 15px;
  837. padding-bottom: 12px;
  838. padding-left: 30px;
  839. }
  840. .sidebar .contentbox > ul > li:hover {
  841. background-position: 15px -1015px;
  842. }
  843. .sidebar .contentbox > ul > li:last-child {
  844. border-bottom: none;
  845. }
  846. .sidebar .contentbox > ul > li a:hover {
  847. color: #11a8ab;
  848. }
  849. .sidebar .contentbox > ul > li .post-date {
  850. display: block;
  851. color: #50597b;
  852. }
  853.  
  854. /* sidebar widget menu */
  855. ul.menu, ul.menu ul {
  856. list-style-type: none;
  857. color: #9099b7;
  858. }
  859. ul.menu li a {
  860. display: block;
  861. border-bottom: 1px solid #2f3552;
  862. background-image: url(images/arrow-2.png);
  863. background-repeat: no-repeat;
  864. background-position: 15px 18px;
  865. padding-top: 11px;
  866. padding-right: 15px;
  867. padding-bottom: 12px;
  868. padding-left: 30px;
  869. }
  870. ul.menu > li:last-child a {
  871. border-bottom: none;
  872. }
  873. ul.menu li a:hover {
  874. background-position: 15px -1015px;
  875. color: #11a8ab;
  876. }
  877. ul.menu ul li a /* level 2 */ {
  878. background-position: 30px 18px;
  879. padding-left: 45px;
  880. }
  881. ul.menu ul li a:hover {
  882. background-position: 30px -1015px;
  883. }
  884. ul.menu ul ul li a /* level 3 */ {
  885. background-position: 45px 18px;
  886. padding-left: 60px;
  887. }
  888. ul.menu ul ul li a:hover {
  889. background-position: 45px -1015px;
  890. }
  891. ul.menu ul ul ul li a /* level 4 */ {
  892. background-position: 60px 18px;
  893. padding-left: 75px;
  894. }
  895. ul.menu ul ul ul li a:hover {
  896. background-position: 60px -1015px;
  897. }
  898. ul.menu ul ul ul ul li a /* level 5 */ {
  899. background-position: 75px 18px;
  900. padding-left: 90px;
  901. }
  902. ul.menu ul ul ul ul li a:hover {
  903. background-position: 75px -1015px;
  904. }
  905. /* sidebar widget recent posts */
  906. .sidebar .contentbox .recentposts {
  907. list-style-type: none;
  908. margin-top: -1px;
  909. }
  910. .sidebar .contentbox .recentposts li {
  911. float: left;
  912. margin-right: 1px;
  913. margin-top: 1px;
  914. }
  915. .sidebar .contentbox .recentposts li:nth-child(3n) {
  916. margin-right: 0;
  917. }
  918. .sidebar .contentbox .recentposts li img {
  919. width: 68px;
  920. height: 68px;
  921. -webkit-transform: translateZ(0);
  922. transform: translateZ(0);
  923. transition: opacity .2s ease-out;
  924. -moz-transition: opacity .2s ease-out;
  925. -webkit-transition: opacity .2s ease-out;
  926. -o-transition: opacity .2s ease-out;
  927. -ms-transition: opacity .2s ease-out;
  928. }
  929. .sidebar .contentbox .recentposts li img:hover {
  930. opacity: .6;
  931. }
  932.  
  933. /* sidebar widget recent comments */
  934. .sidebar .contentbox #recentcomments li {
  935. background-image: none;
  936. padding-left: 15px;
  937. }
  938.  
  939. /* sidebar widget bookmarks */
  940. .sidebar .contentbox .blogroll li a img {
  941. float: left;
  942. position: relative;
  943. top: 2px;
  944. margin-right: 10px;
  945. border: 2px solid #50597b;
  946. border-radius: 5px;
  947. -webkit-border-radius: 5px;
  948. }
  949.  
  950. /* sidebar widget search form */
  951. .sidebar .contentbox .searchform {
  952. padding: 15px;
  953. }
  954. .sidebar .contentbox .searchform div {
  955. position: relative;
  956. }
  957. .sidebar .contentbox .searchform label {
  958. display: none;
  959. }
  960. .sidebar .contentbox .searchform input[type=text] {
  961. padding-right: 48px;
  962. }
  963.  
  964. /* sidebar widget calendar */
  965. .sidebar #calendar_wrap {
  966. padding: 15px;
  967. font-size: 16px;
  968. line-height: 26px;
  969. color: #9099b7;
  970. }
  971. .sidebar #calendar_wrap #wp-calendar {
  972. width: 100%;
  973. text-align: center;
  974. position: relative;
  975. }
  976. .sidebar #calendar_wrap #wp-calendar caption {
  977. height: 24px;
  978. margin-bottom: 15px;
  979. }
  980. .sidebar #calendar_wrap #wp-calendar th {
  981. color: #11a8ab;
  982. font-weight: normal;
  983. text-transform: uppercase;
  984. width: 14.285%;
  985. }
  986. .sidebar #calendar_wrap #wp-calendar td {
  987. padding: 2px 0;
  988. }
  989. .sidebar #calendar_wrap #wp-calendar td#today span, .sidebar #calendar_wrap #wp-calendar td#today span a {
  990. background-color: #e64c65;
  991. color: #fff;
  992. width: 28px;
  993. height: 28px;
  994. display: inline-block;
  995. border-radius: 50%;
  996. -webkit-border-radius: 50%;
  997. }
  998. .sidebar #calendar_wrap #wp-calendar tfoot {
  999. position: absolute;
  1000. top: 0;
  1001. left: 0;
  1002. width: 100%;
  1003. }
  1004. .sidebar #calendar_wrap #wp-calendar tfoot td {
  1005. padding: 0;
  1006. line-height: 24px;
  1007. }
  1008. .sidebar #calendar_wrap #wp-calendar tfoot .caption {
  1009. text-align: center;
  1010. width: 100%;
  1011. color: #fff;
  1012. }
  1013. .sidebar #calendar_wrap #wp-calendar tfoot #prev, .sidebar #calendar_wrap #wp-calendar tfoot #next {
  1014. min-width: 29px;
  1015. }
  1016. .sidebar #calendar_wrap #wp-calendar tfoot #prev a {
  1017. float: left;
  1018. text-indent: -5000px;
  1019. overflow: hidden;
  1020. width: 24px;
  1021. height: 24px;
  1022. background-image: url(images/arrow-4.png);
  1023. background-repeat: no-repeat;
  1024. background-position: left top;
  1025. margin-left: 2px;
  1026. }
  1027. .sidebar #calendar_wrap #wp-calendar tfoot #next a {
  1028. float: right;
  1029. text-indent: -5000px;
  1030. overflow: hidden;
  1031. width: 24px;
  1032. height: 24px;
  1033. background-image: url(images/arrow-5.png);
  1034. background-repeat: no-repeat;
  1035. background-position: left top;
  1036. margin-right: 2px;
  1037. }
  1038.  
  1039. /* sidebar widget tags */
  1040. .sidebar .contentbox .tagcloud {
  1041. padding: 11px 15px 15px;
  1042. }
  1043.  
  1044. /* sidebar widget textwidget */
  1045. .sidebar .contentbox .textwidget {
  1046. padding: 11px 15px 15px;
  1047. }
  1048. .sidebar .contentbox .textwidget p {
  1049. margin-top: 10px;
  1050. }
  1051. .sidebar .contentbox .textwidget p:first-child {
  1052. margin-top: 0;
  1053. }
  1054. .sidebar .contentbox .textwidget img {
  1055. max-width: 100%;
  1056. }
  1057. .sidebar .contentbox .textwidget .widgetwrapper {
  1058. padding: 0;
  1059. }
  1060.  
  1061. /* sidebar widget rss */
  1062. .sidebar .contentbox .title-1 .rsswidget:first-child {
  1063. display: none;
  1064. }
  1065. .sidebar .contentbox .rssitems li {
  1066. background-image: none;
  1067. padding: 11px 15px 15px;
  1068. }
  1069. .sidebar .contentbox .rss-date {
  1070. display: block;
  1071. color: #50597b;
  1072. }
  1073. .sidebar .contentbox .rssSummary {
  1074. margin-top: 10px;
  1075. }
  1076.  
  1077. /* menu categories */
  1078. .menu-categories {
  1079. display: inline-block;
  1080. position: relative;
  1081. }
  1082. .menu-categories .dropdown {
  1083. top: 22px;
  1084. left: 0;
  1085. padding-top: 34px;
  1086. }
  1087.  
  1088. /* search */
  1089. .search-box {
  1090. position: relative;
  1091. display: inline-block;
  1092. }
  1093. .search-box .icon-zoom {
  1094. display: none;
  1095. }
  1096. .search-box .dropdown {
  1097. position: static;
  1098. opacity: 1;
  1099. visibility: inherit;
  1100. }
  1101. .search-box .dropdown .dropdown-wrapper {
  1102. background-color: transparent;
  1103. border-bottom: none;
  1104. border-radius: 0;
  1105. -webkit-border-radius: 0;
  1106. }
  1107. .search-box .dropdown .dropdown-wrapper.arrow-up-left:before {
  1108. display: none;
  1109. }
  1110. .search-box form {
  1111. position: relative;
  1112. }
  1113. .search-box input[type=text] {
  1114. padding-right: 48px;
  1115. width: 167px;
  1116. }
  1117. .search-box input[type=submit], .searchform input[type=submit] {
  1118. position: absolute;
  1119. top: 11px;
  1120. right: 14px;
  1121. background-image: url(images/icon-search.png);
  1122. background-repeat: no-repeat;
  1123. background-position: center center;
  1124. text-indent: -5000px;
  1125. height: 20px;
  1126. width: 20px;
  1127. overflow: hidden;
  1128. background-color: transparent;
  1129. border-top-style: none;
  1130. border-right-style: none;
  1131. border-bottom-style: none;
  1132. border-left-style: none;
  1133. }
  1134. .search-box input[type=text]:focus + input[type=submit], .searchform input[type=text]:focus + input[type=submit] {
  1135. animation: animation-icon-search .3s ease-in;
  1136. -moz-animation: animation-icon-search .3s ease-in;
  1137. -ms-animation: animation-icon-search .3s ease-in;
  1138. -o-animation: animation-icon-search .3s ease-in;
  1139. -webkit-animation: animation-icon-search .3s ease-in;
  1140. }
  1141.  
  1142. /* logo */
  1143. .logo {
  1144. display: table;
  1145. }
  1146. .logo a {
  1147. line-height: 0;
  1148. display: table-cell;
  1149. vertical-align: middle;
  1150. text-align: center;
  1151. height: 65px;
  1152. }
  1153. .logo a img {
  1154. max-height: 65px;
  1155. }
  1156.  
  1157. /* member */
  1158. .member {
  1159. font-size: 18px;
  1160. line-height: 22px;
  1161. }
  1162. .member a {
  1163. display: block;
  1164. position: relative;
  1165. padding-left: 55px;
  1166. padding-top: 10px;
  1167. }
  1168. .member .avatar {
  1169. position: absolute;
  1170. top: 0;
  1171. left: 0;
  1172. }
  1173. .member .avatar img {
  1174. width: 40px;
  1175. height: 40px;
  1176. border: 2px solid #50597b;
  1177. border-radius: 50%;
  1178. -webkit-border-radius: 50%;
  1179. }
  1180.  
  1181. /* dropdown menu */
  1182. .dropdown {
  1183. position: absolute;
  1184. opacity: 0;
  1185. visibility: hidden;
  1186. z-index: 100;
  1187. transition: all .2s linear;
  1188. -moz-transition: all .2s linear;
  1189. -webkit-transition: all .2s linear;
  1190. -o-transition: all .2s linear;
  1191. -ms-transition: all .2s linear;
  1192. }
  1193. li:hover .dropdown,
  1194. li:focus .dropdown,
  1195. .dropel:hover .dropdown,
  1196. .dropel:focus .dropdown {
  1197. opacity: 1;
  1198. visibility: visible;
  1199. }
  1200. li:active .dropdown,
  1201. li:active .dropdown,
  1202. .dropel:active .dropdown,
  1203. .dropel:active .dropdown {
  1204. -webkit-transition: opacity .2s linear;
  1205. }
  1206. /*.ismobile .dropdown, .ismobile .header-menu {
  1207. display: none;
  1208. opacity: 1;
  1209. visibility: visible;
  1210. }
  1211. .ismobile li:hover .dropdown,
  1212. .ismobile li:focus .dropdown,
  1213. .ismobile .dropel:hover .dropdown,
  1214. .ismobile .dropel:focus .dropdown {
  1215. display: block;
  1216. }*/
  1217. .dropdown .dropdown-wrapper {
  1218. background-color: #394264;
  1219. border-bottom: 4px solid #e64c65;
  1220. position: relative;
  1221. border-radius: 5px;
  1222. -webkit-border-radius: 5px;
  1223. }
  1224. .dropdown .dropdown-wrapper.arrow-up-left:before {
  1225. position: absolute;
  1226. top: -8px;
  1227. left: 8px;
  1228. content: "";
  1229. border-left: 8px solid transparent;
  1230. border-right: 8px solid transparent;
  1231. border-bottom: 8px solid #394264;
  1232. }
  1233. .dropdown .dropdown-wrapper.arrow-up-right:before {
  1234. position: absolute;
  1235. top: -8px;
  1236. right: 8px;
  1237. content: "";
  1238. border-left: 8px solid transparent;
  1239. border-right: 8px solid transparent;
  1240. border-bottom: 8px solid #394264;
  1241. }
  1242.  
  1243. /* categories list, sub menu */
  1244. .categories-list, .header-menu-list .sub-menu {
  1245. list-style-type: none;
  1246. text-align: left;
  1247. font-size: 14px;
  1248. line-height: 18px;
  1249. width: 190px;
  1250. }
  1251. .categories-list > li > a, .header-menu-list .sub-menu > li > a {
  1252. color: #9099b7;
  1253. display: block;
  1254. padding: 7px 20px 11px;
  1255. }
  1256. .categories-list > li:first-child > a, .header-menu-list .sub-menu > li:first-child > a {
  1257. border-radius: 5px 5px 0 0;
  1258. -webkit-border-radius: 5px 5px 0 0;
  1259. }
  1260. .categories-list > li > a:hover, .header-menu-list .sub-menu > li > a:hover {
  1261. color: #fff;
  1262. background-color: #50597b;
  1263. }
  1264. .categories-list ul, .header-menu-list .sub-menu ul {
  1265. list-style-type: none;
  1266. font-size: 14px;
  1267. line-height: 18px;
  1268. }
  1269. .categories-list ul > li > a, .header-menu-list .sub-menu ul > li > a {
  1270. color: #9099b7;
  1271. display: block;
  1272. padding: 7px 20px 11px 35px;
  1273. }
  1274. .categories-list ul > li > a:hover, .header-menu-list .sub-menu ul > li > a:hover {
  1275. color: #fff;
  1276. background-color: #50597b;
  1277. }
  1278.  
  1279. /* login form */
  1280. #login-form p {
  1281. margin-top: 10px;
  1282. }
  1283. #login-form p:first-child {
  1284. margin-top: 0;
  1285. }
  1286. #login-form .login-submit {
  1287. text-align: right;
  1288. }
  1289. #login-form label {
  1290. display: none;
  1291. }
  1292. #login-form input[type=text], #login-form input[type=password] {
  1293. width: 175px;
  1294. padding-left: 40px;
  1295. }
  1296. #login-form #user_login {
  1297. background-repeat: no-repeat;
  1298. background-position: 10px center;
  1299. background-image: url(images/icon-user-login.png);
  1300. }
  1301. #login-form #user_pass {
  1302. background-repeat: no-repeat;
  1303. background-position: 13px center;
  1304. background-image: url(images/icon-user-pass.png);
  1305. }
  1306.  
  1307. /* category title */
  1308. .category-title {
  1309. margin-top: 30px;
  1310. text-align: center;
  1311. }
  1312. .category-title:first-child {
  1313. margin-top: 0;
  1314. }
  1315. .category-title .title-3 {
  1316. background-color: #394264;
  1317. border-radius: 5px;
  1318. -webkit-border-radius: 5px;
  1319. padding-top: 8px;
  1320. padding-bottom: 12px;
  1321. }
  1322. .category-title .description {
  1323. font-size: 14px;
  1324. line-height: 18px;
  1325. color: #9099b7;
  1326. padding-right: 20px;
  1327. padding-left: 20px;
  1328. }
  1329. .category-title .description p {
  1330. margin-top: 25px;
  1331. }
  1332.  
  1333. /* wp video */
  1334. .wp-video .mejs-container,
  1335. .wp-video .mejs-embed,
  1336. .wp-video .mejs-embed body,
  1337. .wp-video .mejs-container embed,
  1338. .wp-video .mejs-container video {
  1339. background-color: #52597a;
  1340. overflow: hidden;
  1341. }
  1342. .wp-video .mejs-controls .mejs-time-rail .mejs-time-loaded,
  1343. .wp-video .mejs-controls .mejs-time-rail .mejs-time-total {
  1344. background-image: none;
  1345. background-color: #3b4263;
  1346. }
  1347. .wp-video .mejs-controls .mejs-time-rail .mejs-time-current {
  1348. background-image: none;
  1349. background-color: #37a8ac;
  1350. }
  1351. .wp-video .mejs-container .mejs-controls {
  1352. background-image: none !important;
  1353. background-color: #1f233a !important;
  1354. }
  1355. .wp-video .mejs-poster {
  1356. background-size: cover;
  1357. }
  1358. .wp-video .mejs-overlay-button {
  1359. background-image: url(images/arrow-8.png);
  1360. background-position: center bottom;
  1361. width: 63px;
  1362. height: 63px;
  1363. margin-left: -32px;
  1364. }
  1365. .wp-video .mejs-controls .mejs-button button:focus {
  1366. outline: 0 none;
  1367. }
  1368. .wp-video .mejs-overlay-button:hover,
  1369. .wp-video .mejs-overlay:hover .mejs-overlay-button {
  1370. background-position: center top;
  1371. }
  1372. .wp-video .mejs-overlay-loading {
  1373. background-image: none;
  1374. display: none;
  1375. }
  1376.  
  1377. /* wp audio */
  1378. .wp-audio-shortcode .mejs-container {
  1379. background-color: #52597a;
  1380. overflow: hidden;
  1381. }
  1382. .wp-audio-shortcode .mejs-controls .mejs-time-rail .mejs-time-loaded,
  1383. .wp-audio-shortcode .mejs-controls .mejs-time-rail .mejs-time-total,
  1384. .wp-audio-shortcode .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  1385. background-image: none;
  1386. background-color: #3b4263;
  1387. }
  1388. .wp-audio-shortcode .mejs-controls .mejs-time-rail .mejs-time-current,
  1389. .wp-audio-shortcode .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  1390. background-image: none;
  1391. background-color: #37a8ac;
  1392. }
  1393. .wp-audio-shortcode .mejs-controls {
  1394. background-image: none !important;
  1395. background-color: #1f233a !important;
  1396. }
  1397.  
  1398. /* pinbox */
  1399. .pinbox {
  1400. width: 236px;
  1401. position: relative;
  1402. margin-top: 14px;
  1403. background-color: #394264;
  1404. border-radius: 5px;
  1405. -webkit-border-radius: 5px;
  1406. overflow: hidden;
  1407. }
  1408. .pinbox .ribbon {
  1409. display: none;
  1410. }
  1411. .pinbox .sticky .ribbon {
  1412. display: inline-block;
  1413. position: absolute;
  1414. top: 0px;
  1415. left: 0px;
  1416. z-index: 99;
  1417. border-radius: 5px 0 5px 0;
  1418. -webkit-border-radius: 5px 0 5px 0;
  1419. }
  1420. .pinbox .preview .thumb {
  1421. position: relative;
  1422. display: block;
  1423. overflow: hidden;
  1424. }
  1425. .pinbox .preview .thumb a:after {
  1426. content: '';
  1427. position: absolute;
  1428. width: 48px;
  1429. height: 48px;
  1430. background-image: url(images/icon-view-pin.png);
  1431. background-repeat: no-repeat;
  1432. background-position: center top;
  1433. margin-top: -24px;
  1434. margin-left: -24px;
  1435. left: 50%;
  1436. top: 50%;
  1437. transform: scale(0);
  1438. -moz-transform: scale(0);
  1439. -ms-transform: scale(0);
  1440. -o-transform: scale(0);
  1441. -webkit-transform: scale(0);
  1442. transition: all .2s ease-out;
  1443. -moz-transition: -moz-transform .2s ease-out;
  1444. -ms-transition: -ms-transform .2s ease-out;
  1445. -o-transition: -o-transform .2s ease-out;
  1446. -webkit-transition: -webkit-transform .2s ease-out;
  1447. }
  1448. .pinbox:hover .preview .thumb a:after {
  1449. transform: scale(1);
  1450. -moz-transform: scale(1);
  1451. -ms-transform: scale(1);
  1452. -o-transform: scale(1);
  1453. -webkit-transform: scale(1);
  1454. }
  1455. .pinbox .preview .thumb img {
  1456. max-width: 236px;
  1457. width: 100%;
  1458. height: auto;
  1459. border-radius: 5px 5px 0 0;
  1460. -webkit-border-radius: 5px 5px 0 0;
  1461. transition: opacity .2s ease-out;
  1462. -moz-transition: opacity .2s ease-out;
  1463. -webkit-transition: opacity .2s ease-out;
  1464. -o-transition: opacity .2s ease-out;
  1465. -ms-transition: opacity .2s ease-out;
  1466. transform: rotate(0);
  1467. -moz-transform: rotate(0);
  1468. -webkit-transform: rotate(0);
  1469. -o-transform: rotate(0);
  1470. -ms-transform: rotate(0);
  1471. }
  1472. .pinbox:hover .preview .thumb img {
  1473. opacity: .6;
  1474. }
  1475. .pinbox .title {
  1476. padding: 20px 20px 0;
  1477. word-wrap: break-word;
  1478. }
  1479. .pinbox .title a {
  1480. color: #fff;
  1481. }
  1482. .pinbox .title a:hover {
  1483. color: #11a8ab;
  1484. }
  1485. .pinbox .title + .excerpt {
  1486. padding: 10px 20px 22px;
  1487. }
  1488. .pinbox .excerpt {
  1489. padding: 19px 20px 22px;
  1490. font-size: 14px;
  1491. line-height: 18px;
  1492. color: #9099b7;
  1493. }
  1494. .pinbox .excerpt a {
  1495. color: #9099b7;
  1496. }
  1497. .pinbox .excerpt a:hover {
  1498. color: #fff;
  1499. }
  1500. .pinbox .top-bar {
  1501. opacity: 0;
  1502. visibility: hidden;
  1503. position: absolute;
  1504. z-index: 100;
  1505. top: -120px;
  1506. left: 0;
  1507. width: 100%;
  1508. padding-left: 56px;
  1509. background-color: #50597b;
  1510. text-align: center;
  1511. border-radius: 5px 5px 0 0;
  1512. -webkit-border-radius: 5px 5px 0 0;
  1513. transition: all .17s ease-out;
  1514. -moz-transition: all .17s ease-out;
  1515. -webkit-transition: all .17s ease-out;
  1516. -o-transition: all .17s ease-out;
  1517. -ms-transition: all .17s ease-out;
  1518. -webkit-box-sizing: border-box;
  1519. -moz-box-sizing: border-box;
  1520. box-sizing: border-box;
  1521. box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  1522. -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  1523. }
  1524. .pinbox:hover .top-bar, .pinbox.hover .top-bar {
  1525. top: 0;
  1526. opacity: 1;
  1527. visibility: visible;
  1528. }
  1529. .pinbox .meta-data {}
  1530. .pinbox .meta-data ul {
  1531. list-style-type: none;
  1532. }
  1533. .pinbox .meta-data ul li {
  1534. float: left;
  1535. width: 117px;
  1536. text-align: center;
  1537. background-color: #50597b;
  1538. height: 40px;
  1539. padding-top: 16px;
  1540. }
  1541. .pinbox .meta-data ul li:first-child {
  1542. border-radius: 0 0 0 5px;
  1543. -webkit-border-radius: 0 0 0 5px;
  1544. }
  1545. .pinbox .meta-data ul li:last-child {
  1546. float: right;
  1547. border-radius: 0 0 5px 0;
  1548. -webkit-border-radius: 0 0 5px 0;
  1549. }
  1550. .pinbox .meta-data ul li.full {
  1551. float: none;
  1552. width: 236px;
  1553. border-radius: 0 0 5px 5px;
  1554. -webkit-border-radius: 0 0 5px 5px;
  1555. }
  1556. .pinbox .meta-data ul li.empty {
  1557. height: 0;
  1558. padding-top: 0;
  1559. }
  1560.  
  1561. /* pinbox format - aside */
  1562. .pinbox .format-aside .meta-data ul li {
  1563. height: 0;
  1564. padding-top: 0;
  1565. }
  1566.  
  1567. /* pinbox format - quote */
  1568. .pinbox .format-quote .excerpt {
  1569. padding: 18px 20px 20px;
  1570. font-size: 14px;
  1571. line-height: 21px;
  1572. font-style: italic;
  1573. position: relative;
  1574. }
  1575. .pinbox .format-quote .excerpt:before {
  1576. float: left;
  1577. width: 36px;
  1578. height: 32px;
  1579. content: '';
  1580. background-image: url(images/icon-quotes.png);
  1581. background-repeat: no-repeat;
  1582. background-position: center top;
  1583. margin-right: 13px;
  1584. margin-top: 5px;
  1585. position: relative;
  1586. z-index: 1;
  1587. }
  1588. .pinbox .format-quote .excerpt .quote-cover {
  1589. position: absolute;
  1590. top: 0;
  1591. left: 0;
  1592. right: 0;
  1593. bottom: 0;
  1594. background-position: center;
  1595. background-repeat: no-repeat;
  1596. background-size: cover;
  1597. opacity: 0.15;
  1598. }
  1599. .pinbox .format-quote .excerpt .quote-text {
  1600. color: #fff;
  1601. min-height: 42px;
  1602. position: relative;
  1603. z-index: 1;
  1604. }
  1605. .pinbox .format-quote .excerpt .quote-text a {
  1606. color: #fff;
  1607. }
  1608. .pinbox .format-quote .excerpt .quote-text:hover a {
  1609. color: #9099B7;
  1610. }
  1611. .pinbox .format-quote .excerpt .quote-author {
  1612. padding-top: 7px;
  1613. color: #9099b7;
  1614. clear: both;
  1615. position: relative;
  1616. z-index: 1;
  1617. }
  1618.  
  1619. /* pinbox format - audio */
  1620. .pinbox .format-audio .preview .thumb a:after {
  1621. background-image: url(images/icon-view-audio.png);
  1622. }
  1623.  
  1624. /* pinbox format - video */
  1625. .pinbox .format-video .preview .thumb.remote-video.ar-4-3 {
  1626. padding-bottom: 75%;
  1627. }
  1628. .pinbox .format-video .preview .thumb.remote-video.ar-16-9 {
  1629. padding-bottom: 56.25%;
  1630. }
  1631. .pinbox .format-video .preview .thumb.remote-video iframe,
  1632. .pinbox .format-video .preview .thumb.remote-video object,
  1633. .pinbox .format-video .preview .thumb.remote-video embed {
  1634. position: absolute;
  1635. top: 0;
  1636. left: 0;
  1637. width: 100%;
  1638. height: 100%;
  1639. -webkit-mask-image: -webkit-radial-gradient(white, black);
  1640. -webkit-border-radius: 5px 5px 0 0;
  1641. }
  1642. .pinbox .format-video .preview .thumb .wp-video iframe,
  1643. .pinbox .format-video .preview .thumb .wp-video embed, {
  1644. backface-visibility: hidden;
  1645. -webkit-backface-visibility: hidden;
  1646. -webkit-mask-image: -webkit-radial-gradient(white, black);
  1647. -webkit-border-radius: 5px 5px 0 0;
  1648. }
  1649. .pinbox .format-video .preview .thumb .wp-video .mejs-mediaelement {
  1650. background-color: #000;
  1651. }
  1652. .pinbox .format-video .preview .thumb .wp-video .mejs-container,
  1653. .pinbox .format-video .preview .thumb .wp-video .mejs-container embed,
  1654. .pinbox .format-video .preview .thumb .wp-video .mejs-container video,
  1655. .pinbox .format-video .preview .thumb .wp-video .mejs-embed,
  1656. .pinbox .format-video .preview .thumb .wp-video .mejs-embed body {
  1657. background-color: transparent !important;
  1658. }
  1659. .pinbox .format-video .preview .thumb .wp-video .mejs-mediaelement .me-plugin {
  1660. -webkit-mask-image: -webkit-radial-gradient(white, black);
  1661. -webkit-border-radius: 5px 5px 0 0;
  1662. }
  1663. .pinbox .format-video .preview .thumb .wp-video .mejs-poster {
  1664. -webkit-border-radius: 5px 5px 0 0;
  1665. }
  1666. .pinbox .format-video .preview .thumb .wp-video .mejs-overlay-button {
  1667. background-image: url(images/arrow-11.png);
  1668. width: 48px;
  1669. height: 48px;
  1670. margin-left: -24px;
  1671. }
  1672. .pinbox .format-video .preview .thumb .wp-video .mejs-controls {
  1673. visibility: hidden;
  1674. opacity: 0;
  1675. transition: all .2s ease-out;
  1676. -moz-transition: all .2s ease-out;
  1677. -webkit-transition: all .2s ease-out;
  1678. -o-transition: all .2s ease-out;
  1679. -ms-transition: all .2s ease-out;
  1680. }
  1681. .pinbox:hover .format-video .preview .thumb .wp-video .mejs-controls {
  1682. visibility: visible;
  1683. opacity: 1;
  1684. }
  1685.  
  1686. /* content box */
  1687. .contentbox {
  1688. background-color: #394264;
  1689. margin-top: 20px;
  1690. border-radius: 5px;
  1691. -webkit-border-radius: 5px;
  1692. }
  1693. .contentbox:first-child {
  1694. margin-top: 0;
  1695. }
  1696. .contentbox .title-1 {
  1697. background-color: #50597b;
  1698. text-align: center;
  1699. padding-top: 17px;
  1700. padding-bottom: 19px;
  1701. border-radius: 5px 5px 0 0;
  1702. -webkit-border-radius: 5px 5px 0 0;
  1703. }
  1704. .contentbox .title-1 a {
  1705. color: #9099B7;
  1706. }
  1707.  
  1708. /* post meta bar */
  1709. .metabar {
  1710. padding: 0 30px;
  1711. background-color: #50597b;
  1712. border-top: 1px solid #394264;
  1713. }
  1714. .metabar .ribbon {
  1715. float: left;
  1716. margin-top: 7px;
  1717. }
  1718. .metabar .ribbon + .postmetas {
  1719. margin-left: 34px;
  1720. }
  1721. .metabar .postmetas {
  1722. float: left;
  1723. margin-top: 11px;
  1724. }
  1725. .metabar .social-media-icons {
  1726. float: right;
  1727. }
  1728. .metabar .title-5 {
  1729. padding: 10px 0;
  1730. }
  1731. .categories + .metabar, .metabar + .categories {
  1732. margin-top: 30px;
  1733. }
  1734. .tags + .metabar {
  1735. margin-top: 30px;
  1736. }
  1737. .featured-image + .metabar, .featured-video + .metabar {
  1738. border-top: none;
  1739. }
  1740.  
  1741. /* post metas */
  1742. .postmetas {
  1743. list-style-type: none;
  1744. font-size: 12px;
  1745. line-height: 16px;
  1746. color: #9099b7;
  1747. }
  1748. .postmetas li {
  1749. float: left;
  1750. margin-right: 34px;
  1751. }
  1752. .postmetas li a {
  1753. color: #9099b7;
  1754. }
  1755. .postmetas li a:hover {
  1756. color: #11A8AB;
  1757. }
  1758. .postmetas li:last-child {
  1759. margin-right: 0;
  1760. }
  1761.  
  1762. /* social media icons */
  1763. .social-media-icons {
  1764. list-style-type: none;
  1765. }
  1766. .social-media-icons li {
  1767. float: left;
  1768. border-right: 1px solid #394264;
  1769. }
  1770. .social-media-icons li:first-child {
  1771. border-left: 1px solid #394264;
  1772. }
  1773. .social-media-icons li a {
  1774. display: block;
  1775. width: 40px;
  1776. height: 36px;
  1777. text-indent: -5000px;
  1778. overflow: hidden;
  1779. background-repeat: no-repeat;
  1780. transition: all 0.25s ease;
  1781. -webkit-transition: all 0.25s ease;
  1782. -moz-transition: all 0.25s ease;
  1783. -ms-transition: all 0.25s ease;
  1784. -o-transition: all 0.25s ease;
  1785. }
  1786. .social-media-icons li a.icon-facebook {
  1787. background-image: url(images/icon-facebook.png);
  1788. background-position: center 10px;
  1789. }
  1790. .social-media-icons li a.icon-facebook:hover {
  1791. background-color: #3468af;
  1792. }
  1793. .social-media-icons li a.icon-gplus {
  1794. background-image: url(images/icon-gplus.png);
  1795. background-position: center 10px;
  1796. }
  1797. .social-media-icons li a.icon-gplus:hover {
  1798. background-color: #e64c65;
  1799. }
  1800. .social-media-icons li a.icon-twitter {
  1801. background-image: url(images/icon-twitter.png);
  1802. background-position: center 11px;
  1803. }
  1804. .social-media-icons li a.icon-twitter:hover {
  1805. background-color: #4fc4f6;
  1806. }
  1807.  
  1808. /* nav buttons */
  1809. .navbtns {
  1810. list-style-type: none;
  1811. }
  1812. .navbtns li {
  1813. float: left;
  1814. border-right: 2px solid #394264;
  1815. width: 50%;
  1816. text-align: center;
  1817. -webkit-box-sizing: border-box;
  1818. -moz-box-sizing: border-box;
  1819. box-sizing: border-box;
  1820. }
  1821. /*.navbtns li:last-child {
  1822. border-right: none;
  1823. }*/
  1824. .navbtns li a, .navbtns li span.no-link {
  1825. display: block;
  1826. padding-top: 17px;
  1827. height: 39px;
  1828. color: #9099b7;
  1829. }
  1830. .navbtns li a:hover {
  1831. background-color: #394264;
  1832. color: #fff;
  1833. }
  1834. .navbtns li span.no-link {
  1835. color: #394264;
  1836. }
  1837. .navbtns li:first-child a, .navbtns li:first-child span.no-link {
  1838. border-top: 4px solid #e64c65;
  1839. }
  1840. .navbtns li:last-child a, .navbtns li:last-child span.no-link {
  1841. border-top: 4px solid #11a8ab;
  1842. }
  1843.  
  1844. /* textbox */
  1845. .textbox {
  1846. padding: 25px 30px;
  1847. font-size: 13px;
  1848. line-height: 21px;
  1849. color: #fff;
  1850. }
  1851. .textbox a {
  1852. color: #11a8ab;
  1853. }
  1854. .textbox a:hover {
  1855. color: #fff;
  1856. }
  1857. .textbox h1 {
  1858. font-size: 18px;
  1859. line-height: 26px;
  1860. }
  1861. .textbox h2 {
  1862. font-size: 17px;
  1863. line-height: 25px;
  1864. }
  1865. .textbox h3 {
  1866. font-size: 16px;
  1867. line-height: 24px;
  1868. }
  1869. .textbox h4 {
  1870. font-size: 15px;
  1871. line-height: 23px;
  1872. }
  1873. .textbox h5 {
  1874. font-size: 14px;
  1875. line-height: 22px;
  1876. }
  1877. .textbox h6 {
  1878. font-size: 13px;
  1879. line-height: 21px;
  1880. }
  1881. .textbox p,
  1882. .textbox ul,
  1883. .textbox ol,
  1884. .textbox dl,
  1885. .textbox table,
  1886. .textbox address,
  1887. .textbox pre,
  1888. .textbox h1,
  1889. .textbox h2,
  1890. .textbox h3,
  1891. .textbox h4,
  1892. .textbox h5,
  1893. .textbox h6 {
  1894. margin-top: 20px;
  1895. }
  1896. .textbox p:first-child,
  1897. .textbox ul:first-child,
  1898. .textbox ol:first-child,
  1899. .textbox dl:first-child,
  1900. .textbox table:first-child,
  1901. .textbox blockquote:first-child,
  1902. .textbox address:first-child,
  1903. .textbox pre:first-child,
  1904. .textbox h1:first-child,
  1905. .textbox h2:first-child,
  1906. .textbox h3:first-child,
  1907. .textbox h4:first-child,
  1908. .textbox h5:first-child,
  1909. .textbox h6:first-child,
  1910. .textbox .wp-video:first-child,
  1911. .textbox .wp-audio-shortcode:first-child {
  1912. margin-top: 0;
  1913. }
  1914. .textbox ul, .textbox ol {
  1915. list-style-position: inside;
  1916. }
  1917. .textbox ul ul, .textbox ol ol, .textbox ul ol, .textbox ol ul {
  1918. margin-left: 30px;
  1919. margin-top: 0;
  1920. }
  1921. .textbox dl dd {
  1922. margin-left: 30px;
  1923. }
  1924. .textbox blockquote {
  1925. margin-top: 20px;
  1926. margin-left: 30px;
  1927. font-style: italic;
  1928. }
  1929. .textbox pre {
  1930. white-space: pre;
  1931. white-space: pre-wrap;
  1932. word-wrap: break-word;
  1933. }
  1934. .textbox table {
  1935. width: 100%;
  1936. }
  1937. .textbox table th {
  1938. background-color: #50597b;
  1939. font-weight: normal;
  1940. text-align: left;
  1941. color: #fff;
  1942. padding: 4px 10px 5px;
  1943. }
  1944. .textbox table td {
  1945. color: #9099b7;
  1946. padding: 4px 10px 5px;
  1947. border-bottom: 1px solid #2f3552;
  1948. }
  1949. .textbox img {
  1950. max-width: 100%;
  1951. height: auto;
  1952. }
  1953. .textbox img.alignleft {
  1954. float: left;
  1955. margin-top: 7px;
  1956. margin-right: 25px;
  1957. margin-bottom: 15px;
  1958. }
  1959. .textbox img.alignright {
  1960. float: right;
  1961. margin-top: 7px;
  1962. margin-left: 25px;
  1963. margin-bottom: 15px;
  1964. }
  1965. .textbox .aligncenter {
  1966. display: block;
  1967. margin-left: auto;
  1968. margin-right: auto;
  1969. }
  1970. .textbox iframe,
  1971. .textbox embed {
  1972. max-width: 100% !important;
  1973. height: 380px !important;
  1974. }
  1975. .textbox .wp-video,
  1976. .textbox .wp-audio-shortcode {
  1977. margin-top: 20px;
  1978. }
  1979. .textbox .wp-caption {
  1980. margin-top: 20px;
  1981. width: auto !important;
  1982. }
  1983. .textbox .wp-caption.alignleft {
  1984. float: left;
  1985. margin-right: 25px;
  1986. margin-bottom: 15px;
  1987. margin-top: 26px;
  1988. }
  1989. .textbox .wp-caption.alignright {
  1990. float: right;
  1991. margin-left: 25px;
  1992. margin-bottom: 15px;
  1993. margin-top: 26px;
  1994. }
  1995. .textbox .wp-caption.aligncenter {
  1996. width: inherit !important;
  1997. text-align: center;
  1998. }
  1999. .textbox .wp-caption .wp-caption-text {
  2000. color: #9099B7;
  2001. line-height: 17px;
  2002. padding-top: 6px;
  2003. margin-top: 0;
  2004. }
  2005. .textbox .gallery {
  2006. padding-top: 14px;
  2007. }
  2008. .textbox .gallery .gallery-item {
  2009. text-align: left !important;
  2010. padding-right: 10px;
  2011. -webkit-box-sizing: border-box;
  2012. -moz-box-sizing: border-box;
  2013. box-sizing: border-box;
  2014. }
  2015. .textbox .gallery .gallery-item .gallery-icon img {
  2016. width: 100%;
  2017. height: auto;
  2018. border: none !important;
  2019. -webkit-box-sizing: border-box;
  2020. -moz-box-sizing: border-box;
  2021. box-sizing: border-box;
  2022. }
  2023. .textbox .gallery .gallery-item .gallery-caption {
  2024. line-height: 17px;
  2025. padding-top: 6px;
  2026. color: #9099B7;
  2027. text-overflow: ellipsis;
  2028. overflow: hidden;
  2029. white-space: nowrap;
  2030. }
  2031. .textbox .gallery br:last-of-type {
  2032. display: none;
  2033. }
  2034.  
  2035. /* post textbox */
  2036. .postWrap .textbox input[type=submit] {
  2037. display: inline-block;
  2038. font-size: 18px;
  2039. line-height: 22px;
  2040. padding: 9px 20px 11px;
  2041. background-color: #11a8ab;
  2042. color: #fff;
  2043. border-radius: 5px;
  2044. -webkit-border-radius: 5px;
  2045. transition: all 0.2s ease-out;
  2046. -webkit-transition: all 0.2s ease-out;
  2047. -moz-transition: all 0.2s ease-out;
  2048. -ms-transition: all 0.2s ease-out;
  2049. -o-transition: all 0.2s ease-out;
  2050. }
  2051. .postWrap .textbox input[type=text], .postWrap .textbox input[type=password], .postWrap .textbox input[type=email], .postWrap .textbox input[type=url], .postWrap .textbox textarea {
  2052. width: 418px;
  2053. }
  2054. .postWrap .textbox .sbHolder {
  2055. width: 450px;
  2056. }
  2057. .postWrap .textbox .sbHolder a {
  2058. color: #fff;
  2059. }
  2060. .postWrap .textbox .sbHolder ul {
  2061. margin-top: 0;
  2062. }
  2063. .postWrap .textbox .post-password-form input {
  2064. display: block;
  2065. }
  2066. .postWrap .textbox .post-password-form input[type=password] {
  2067. margin-top: 5px;
  2068. }
  2069. .postWrap .textbox .post-password-form label + input[type=submit] {
  2070. margin-top: 20px;
  2071. }
  2072.  
  2073. /* page links */
  2074. .page-links {
  2075. font-size: 13px;
  2076. line-height: 21px;
  2077. color: #9099B7;
  2078. padding: 0 30px 20px;
  2079. font-weight: bold;
  2080. }
  2081. .page-links .page-num {
  2082. display: inline-block;
  2083. font-weight: normal;
  2084. margin-left: 3px;
  2085. background-color: #E64C65;
  2086. color: #fff;
  2087. text-align: center;
  2088. width: 22px;
  2089. height: 22px;
  2090. border-radius: 100%;
  2091. -webkit-border-radius: 100%;
  2092. }
  2093. .page-links a .page-num {
  2094. background-color: transparent;
  2095. font-weight: normal;
  2096. color: #9099B7;
  2097. }
  2098. .page-links a:hover .page-num {
  2099. color: #fff;
  2100. }
  2101.  
  2102. /* categories */
  2103. .categories {
  2104. font-size: 12px;
  2105. line-height: 16px;
  2106. color: #9099b7;
  2107. border-top: 1px solid #2f3552;
  2108. border-bottom: 1px solid #2f3552;
  2109. padding: 10px 30px 13px;
  2110. margin-top: 25px;
  2111. }
  2112. .page-links + .categories {
  2113. margin-top: 10px;
  2114. }
  2115. .textbox + .categories {
  2116. margin-top: 0;
  2117. }
  2118. .categories a {
  2119. color: #9099b7;
  2120. }
  2121. .categories a:hover {
  2122. color: #11a8ab;
  2123. }
  2124.  
  2125. /* tags */
  2126. .tags {
  2127. font-size: 12px;
  2128. line-height: 16px;
  2129. color: #9099b7;
  2130. border-top: 1px solid #2f3552;
  2131. border-bottom: 1px solid #2f3552;
  2132. padding: 10px 30px 13px;
  2133. }
  2134. .categories + .tags {
  2135. border-top: none;
  2136. }
  2137. .page-links + .tags {
  2138. margin-top: 10px;
  2139. }
  2140. .textbox + .tags {
  2141. margin-top: 0;
  2142. }
  2143. .tags a {
  2144. color: #9099b7;
  2145. }
  2146. .tags a:hover {
  2147. color: #11a8ab;
  2148. }
  2149.  
  2150. /* comments */
  2151. .comments ul {
  2152. list-style-type: none;
  2153. }
  2154. .comments ul li {
  2155. position: relative;
  2156. padding: 20px 30px 20px 84px;
  2157. min-height: 44px;
  2158. /* header anchor fix */
  2159. /*border-top: 65px solid transparent;
  2160. margin-top: -65px;
  2161. -webkit-background-clip: padding-box;
  2162. -moz-background-clip: padding;
  2163. background-clip: padding-box;*/
  2164. }
  2165. .comments ul li.bypostauthor {}
  2166. .comments ul li[data-icon=false] {
  2167. padding-left: 30px !important;
  2168. }
  2169. .comments ul li:nth-child(2n) {
  2170. background-color: #3e476a;
  2171. }
  2172. .comments ul li .icon {
  2173. position: absolute;
  2174. top: 20px;
  2175. left: 30px;
  2176. }
  2177. .comments ul li .icon img {
  2178. width: 40px;
  2179. height: 40px;
  2180. border: 2px solid #50597b;
  2181. border-radius: 5px;
  2182. -webkit-border-radius: 5px;
  2183. }
  2184. .comments ul li .date {
  2185. font-size: 11px;
  2186. line-height: 16px;
  2187. color: #9099b7;
  2188. float: right;
  2189. }
  2190. .comments ul li .author {
  2191. font-size: 13px;
  2192. line-height: 16px;
  2193. font-weight: normal;
  2194. color: #9099b7;
  2195. }
  2196. .comments ul li .author a {
  2197. color: #9099b7;
  2198. }
  2199. .comments ul li .author a:hover, .comments ul li:nth-child(2n) .author a:hover {
  2200. color: #fff;
  2201. }
  2202.  
  2203. /* comments text */
  2204. .comments ul li .comment-text {
  2205. font-size: 12px;
  2206. line-height: 16px;
  2207. color: #fff;
  2208. margin-top: 5px;
  2209. }
  2210. .comments ul li .comment-text a {
  2211. color: #11a8ab;
  2212. }
  2213. .comments ul li .comment-text a:hover {
  2214. color: #fff;
  2215. }
  2216. .comments ul li .comment-text h1 {
  2217. font-size: 17px;
  2218. line-height: 25px;
  2219. }
  2220. .comments ul li .comment-text h2 {
  2221. font-size: 16px;
  2222. line-height: 24px;
  2223. }
  2224. .comments ul li .comment-text h3 {
  2225. font-size: 15px;
  2226. line-height: 23px;
  2227. }
  2228. .comments ul li .comment-text h4 {
  2229. font-size: 14px;
  2230. line-height: 22px;
  2231. }
  2232. .comments ul li .comment-text h5 {
  2233. font-size: 13px;
  2234. line-height: 21px;
  2235. }
  2236. .comments ul li .comment-text h6 {
  2237. font-size: 12px;
  2238. line-height: 20px;
  2239. }
  2240. .comments ul li .comment-text p,
  2241. .comments ul li .comment-text ul,
  2242. .comments ul li .comment-text ol,
  2243. .comments ul li .comment-text dl,
  2244. .comments ul li .comment-text table,
  2245. .comments ul li .comment-text address,
  2246. .comments ul li .comment-text pre,
  2247. .comments ul li .comment-text h1,
  2248. .comments ul li .comment-text h2,
  2249. .comments ul li .comment-text h3,
  2250. .comments ul li .comment-text h4,
  2251. .comments ul li .comment-text h5,
  2252. .comments ul li .comment-text h6 {
  2253. margin-top: 20px;
  2254. }
  2255. .comments ul li .comment-text p:first-child,
  2256. .comments ul li .comment-text ul:first-child,
  2257. .comments ul li .comment-text ol:first-child,
  2258. .comments ul li .comment-text dl:first-child,
  2259. .comments ul li .comment-text table:first-child,
  2260. .comments ul li .comment-text blockquote:first-child,
  2261. .comments ul li .comment-text address:first-child,
  2262. .comments ul li .comment-text pre:first-child,
  2263. .comments ul li .comment-text h1:first-child,
  2264. .comments ul li .comment-text h2:first-child,
  2265. .comments ul li .comment-text h3:first-child,
  2266. .comments ul li .comment-text h4:first-child,
  2267. .comments ul li .comment-text h5:first-child,
  2268. .comments ul li .comment-text h6:first-child {
  2269. margin-top: 0;
  2270. }
  2271. .comments ul li .comment-text ul,
  2272. .comments ul li .comment-text ol {
  2273. list-style-position: inside;
  2274. }
  2275. .comments ul li .comment-text ul {
  2276. list-style-type: square;
  2277. }
  2278. .comments ul li .comment-text ol {
  2279. list-style-type: decimal;
  2280. }
  2281. .comments ul li .comment-text ul li,
  2282. .comments ul li .comment-text ol li {
  2283. padding: 0;
  2284. min-height: 0;
  2285. background-color: transparent;
  2286. }
  2287. .comments ul li .comment-text ul ul,
  2288. .comments ul li .comment-text ol ol,
  2289. .comments ul li .comment-text ul ol,
  2290. .comments ul li .comment-text ol ul {
  2291. margin-left: 30px;
  2292. margin-top: 0;
  2293. }
  2294. .comments ul li .comment-text dl dd {
  2295. margin-left: 30px;
  2296. }
  2297. .comments ul li .comment-text blockquote {
  2298. margin-top: 20px;
  2299. margin-left: 30px;
  2300. font-style: italic;
  2301. }
  2302. .comments ul li .comment-text pre {
  2303. white-space: pre;
  2304. white-space: pre-wrap;
  2305. word-wrap: break-word;
  2306. }
  2307. .comments ul li .comment-text table {
  2308. width: 100%;
  2309. }
  2310. .comments ul li .comment-text table th {
  2311. background-color: #50597b;
  2312. font-weight: normal;
  2313. text-align: left;
  2314. color: #fff;
  2315. padding: 4px 10px 5px;
  2316. }
  2317. .comments ul li .comment-text table td {
  2318. color: #9099b7;
  2319. padding: 4px 10px 5px;
  2320. border-bottom: 1px solid #2f3552;
  2321. }
  2322.  
  2323. /* comments reply */
  2324. .comments .comment-reply {
  2325. font-size: 13px;
  2326. line-height: 17px;
  2327. }
  2328. .comments .comment-reply a {
  2329. color: #11a8ab;
  2330. }
  2331. .comments .comment-reply a:hover {
  2332. color: #fff;
  2333. }
  2334. .comments ul li .comment-text + .comment-reply {
  2335. margin-top: 5px;
  2336. }
  2337.  
  2338. /* comments children */
  2339. .comments ul li .children li {
  2340. padding: 20px 0 0 54px;
  2341. }
  2342. .comments ul li .children li .icon {
  2343. left: 0;
  2344. top: 20px;
  2345. }
  2346. .comments ul li .children li:first-child {
  2347. padding-top: 27px;
  2348. }
  2349. .comments ul li .children li:first-child > .icon {
  2350. top: 27px;
  2351. }
  2352.  
  2353. /* comments nav */
  2354. .comments-nav {
  2355. font-size: 13px;
  2356. line-height: 17px;
  2357. color: #9099b7;
  2358. border-bottom: 1px solid #2f3552;
  2359. padding: 10px 30px 13px;
  2360. }
  2361. .comments-nav a {
  2362. display: block;
  2363. background-repeat: no-repeat;
  2364. color: #9099b7;
  2365. }
  2366. .comments-nav a:hover {
  2367. color: #fff;
  2368. }
  2369. .comments-nav-prev {
  2370. float: left;
  2371. }
  2372. .comments-nav-prev a {
  2373. background-image: url(images/arrow-9.png);
  2374. padding-left: 16px;
  2375. background-position: left 4px;
  2376. }
  2377. .comments-nav-prev a:hover {
  2378. background-position: left -85px;
  2379. }
  2380. .comments-nav-next {
  2381. float: right;
  2382. }
  2383. .comments-nav-next a {
  2384. background-image: url(images/arrow-10.png);
  2385. padding-right: 16px;
  2386. background-position: right 4px;
  2387. }
  2388. .comments-nav-next a:hover {
  2389. background-position: right -85px;
  2390. }
  2391.  
  2392. /* comments respond */
  2393. .comments + .comment-respond {
  2394. border-top: 1px solid #2f3552;
  2395. }
  2396. .comment-respond {
  2397. padding: 20px 30px 20px 84px;
  2398. position: relative;
  2399. font-size: 13px;
  2400. line-height: 21px;
  2401. color: #fff;
  2402. }
  2403. .comments .comment-respond {
  2404. padding: 20px 30px;
  2405. }
  2406. .comments .children .comment-respond {
  2407. padding: 20px 0;
  2408. }
  2409. /*.comment-respond.no-avatar {
  2410. padding: 20px 30px;
  2411. }*/
  2412. .comment-respond .icon {
  2413. position: absolute;
  2414. top: 20px;
  2415. left: 30px;
  2416. padding-bottom: 0;
  2417. }
  2418. .comments .comment-respond .icon {
  2419. display: none;
  2420. }
  2421. .comment-respond .icon img {
  2422. width: 40px;
  2423. height: 40px;
  2424. border: 2px solid #50597b;
  2425. border-radius: 5px;
  2426. -webkit-border-radius: 5px;
  2427. }
  2428. .comment-respond .comment-reply-title,
  2429. .comment-respond .logged-in-as,
  2430. .comment-respond .comment-notes,
  2431. .comment-respond .form-allowed-tags {
  2432. display: none;
  2433. }
  2434. .comment-respond form p {
  2435. padding-bottom: 10px;
  2436. }
  2437. .comment-respond form input {
  2438. width: 50%;
  2439. -webkit-box-sizing: border-box;
  2440. -moz-box-sizing: border-box;
  2441. box-sizing: border-box;
  2442. }
  2443. .comment-respond form textarea {
  2444. width: 100%;
  2445. height: 100px;
  2446. -webkit-box-sizing: border-box;
  2447. -moz-box-sizing: border-box;
  2448. box-sizing: border-box;
  2449. }
  2450. .comment-respond form .form-submit {
  2451. padding-bottom: 0;
  2452. }
  2453. .comment-respond form input[type=submit] {
  2454. width: 165px;
  2455. }
  2456. .comment-respond .must-log-in {
  2457. color: #9099b7;
  2458. font-size: 13px;
  2459. line-height: 21px;
  2460. }
  2461.  
  2462. /* ribbon */
  2463. .ribbon {
  2464. display: inline-block;
  2465. background-color: #e64c65;
  2466. padding: 4px 12px 5px;
  2467. font-size: 12px;
  2468. line-height: 16px;
  2469. font-weight: bold;
  2470. color: #fff;
  2471. text-align: center;
  2472. text-transform: uppercase;
  2473. -webkit-border-radius: 5px;
  2474. border-radius: 5px;
  2475. }
  2476.  
  2477. /* banner */
  2478. .banner {
  2479. text-align: center;
  2480. }
  2481. .banner iframe, .banner img {
  2482. margin-left: auto;
  2483. margin-right: auto;
  2484. max-width: 100%;
  2485. }
  2486. .banner-position-1 {
  2487. margin-bottom: 30px;
  2488. }
  2489. .banner-position-2 {
  2490. margin-top: 30px;
  2491. padding: 0 30px;
  2492. }
  2493. .banner-position-3 {
  2494. padding: 18px;
  2495. }
  2496. .banner-position-4 {
  2497. padding: 18px;
  2498. }
  2499.  
  2500. /* tooltip */
  2501. #aToolTip {
  2502. position: absolute;
  2503. display: none;
  2504. z-index: 100000;
  2505. font-size: 12px;
  2506. line-height: 16px;
  2507. background-color: #11a8ab;
  2508. color: #fff;
  2509. max-width: 250px;
  2510. padding: 4px 12px 5px;
  2511. -webkit-border-radius: 5px;
  2512. border-radius: 5px;
  2513. }
  2514. #aToolTip .aToolTipContent {
  2515. position: relative;
  2516. }
  2517.  
  2518. /* notice page */
  2519. .notice-body {
  2520. text-align: center;
  2521. }
  2522. .notice-body .icon {
  2523. padding-top: 20px;
  2524. }
  2525. .notice-body .title-4 {
  2526. margin-top: 23px;
  2527. }
  2528. .notice-body .notice {
  2529. font-size: 26px;
  2530. line-height: 30px;
  2531. color: #9099b7;
  2532. margin-top: 20px;
  2533. }
  2534.  
  2535. /* notification */
  2536. .category-title + .notification-body {
  2537. margin-top: 25px;
  2538. }
  2539. .notification {
  2540. color: #9099b7;
  2541. font-size: 13px;
  2542. line-height: 21px;
  2543. }
  2544.  
  2545. /* spinner */
  2546. .footer-spinner {
  2547. position: absolute;
  2548. top: -86px;
  2549. left: 50%;
  2550. width: 30px;
  2551. height: 30px;
  2552. margin-left: -15px;
  2553. display: none;
  2554. z-index: 10000;
  2555. }
  2556. /* main loader */
  2557. .main-loader {
  2558. position: fixed;
  2559. top: 50%;
  2560. left: 50%;
  2561. width: 30px;
  2562. height: 30px;
  2563. margin-left: -15px;
  2564. margin-top: -15px;
  2565. z-index: 10000;
  2566. visibility: visible;
  2567. display: none;
  2568. }
  2569.  
  2570. /* scroll to top */
  2571. .scrolltotop {
  2572. display: inline-block;
  2573. width: 63px;
  2574. height: 63px;
  2575. background-image: url(images/scrolltotop.png);
  2576. background-repeat: no-repeat;
  2577. background-position: center top;
  2578. position: absolute;
  2579. top: -93px;
  2580. right: 30px;
  2581. z-index: 1000;
  2582. text-indent: -5000px;
  2583. overflow: hidden;
  2584. transition: top .2s ease;
  2585. -webkit-transition: top .2s ease;
  2586. -moz-transition: top .2s ease;
  2587. -ms-transition: top .2s ease;
  2588. -o-transition: top .2s ease;
  2589. }
  2590. .scrolltotop:hover {
  2591. background-position: center bottom;
  2592. top: -101px;
  2593. }
  2594.  
  2595. /* footer */
  2596. #toggle-footer:checked + footer .footerwrapper {
  2597. margin-bottom: 0;
  2598. }
  2599. #toggle-footer:checked + footer .toggler {
  2600. height: 0;
  2601. }
  2602. #toggle-footer:checked + footer .toggler label {
  2603. background-position: center -188px;
  2604. }
  2605. #toggle-footer:checked + footer .toggler label:hover {
  2606. background-position: center -288px;
  2607. }
  2608. footer {
  2609. position: fixed;
  2610. left: 0;
  2611. bottom: 0;
  2612. width: 100%;
  2613. z-index: 1000;
  2614. min-height: 5px;
  2615. -webkit-box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, .1);
  2616. box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, .1);
  2617. }
  2618. footer .toggler {
  2619. position: relative;
  2620. background-color: #394264;
  2621. height: 5px;
  2622. transition: height .2s ease;
  2623. -moz-transition: height .2s ease;
  2624. -webkit-transition: height .2s ease;
  2625. -o-transition: height .2s ease;
  2626. -ms-transition: height .2s ease;
  2627. }
  2628. footer .toggler label {
  2629. position: absolute;
  2630. width: 55px;
  2631. height: 44px;
  2632. top: -46px;
  2633. left: 50%;
  2634. margin-left: -27px;
  2635. text-indent: -5000px;
  2636. overflow: hidden;
  2637. background-color: #394264;
  2638. border-radius: 5px 5px 0 0;
  2639. -webkit-border-radius: 5px 5px 0 0;
  2640. background-image: url(images/arrow-6.png);
  2641. background-repeat: no-repeat;
  2642. background-position: center 12px;
  2643. cursor: pointer;
  2644. -webkit-box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, .1);
  2645. box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, .1);
  2646. z-index: 1000;
  2647. border-top-width: 2px;
  2648. border-top-style: solid;
  2649. border-top-color: #11a8ab;
  2650. }
  2651. footer .toggler label:hover {
  2652. background-position: center -88px;
  2653. }
  2654. footer .footerwrapper {
  2655. position: relative;
  2656. margin-bottom: -500px;
  2657. transition: margin-bottom .2s ease;
  2658. -moz-transition: margin-bottom .2s ease;
  2659. -webkit-transition: margin-bottom .2s ease;
  2660. -o-transition: margin-bottom .2s ease;
  2661. -ms-transition: margin-bottom .2s ease;
  2662. }
  2663. footer .footerbar {
  2664. background-color: #394264;
  2665. }
  2666. footer .footerbar .container {
  2667. overflow: hidden;
  2668. }
  2669. footer .footerbar .cell {
  2670. float: left;
  2671. width: 20%;
  2672. padding-right: 20px;
  2673. padding-left: 20px;
  2674. padding-top: 14px;
  2675. padding-bottom: 21px;
  2676. -webkit-box-sizing: border-box;
  2677. -moz-box-sizing: border-box;
  2678. box-sizing: border-box;
  2679. }
  2680. footer .footerbar .cell:first-child {
  2681. padding-left: 0;
  2682. }
  2683. footer .footerbar .cell:last-child {
  2684. padding-left: 21px;
  2685. padding-right: 0;
  2686. position: relative;
  2687. }
  2688. footer .footerbar .cell:last-child:before {
  2689. position: absolute;
  2690. left: 0;
  2691. top: 0;
  2692. width: 1px;
  2693. height: 300%;
  2694. content: '';
  2695. background-color: #1e243a;
  2696. }
  2697. footer .footerbar .cell .title-2 {
  2698. width: 139px;
  2699. text-overflow: ellipsis;
  2700. overflow: hidden;
  2701. white-space: nowrap;
  2702. }
  2703. footer .footerbar .cell .title-2 + .links, footer .footerbar .cell .title-2 + .soclinks {
  2704. padding-top: 6px;
  2705. }
  2706. footer .footerbar .cell .title-2 + .notification {
  2707. margin-top: 11px;
  2708. }
  2709. footer .footerbar .cell ul {
  2710. list-style-type: none;
  2711. color: #8f98b6;
  2712. }
  2713. footer .footerbar .cell .links {
  2714. font-size: 13px;
  2715. line-height: 17px;
  2716. }
  2717. footer .footerbar .cell .links li {
  2718. margin-top: 7px;
  2719. width: 100%;
  2720. text-overflow: ellipsis;
  2721. overflow: hidden;
  2722. white-space: nowrap;
  2723. }
  2724. footer .footerbar .cell .links li a {
  2725. color: #8f98b6;
  2726. }
  2727. footer .footerbar .cell .links li a:hover {
  2728. color: #11a8ab;
  2729. }
  2730. footer .footerbar .cell .soclinks li {
  2731. float: left;
  2732. margin-right: 9px;
  2733. margin-top: 9px;
  2734. }
  2735. footer .footerbar .cell .soclinks li a {
  2736. display: block;
  2737. background-repeat: no-repeat;
  2738. background-position: left top;
  2739. text-indent: -5000px;
  2740. overflow: hidden;
  2741. width: 32px;
  2742. height: 32px;
  2743. transition: all 0.4s ease;
  2744. -webkit-transition: all 0.4s ease;
  2745. -moz-transition: all 0.4s ease;
  2746. -ms-transition: all 0.4s ease;
  2747. -o-transition: all 0.4s ease;
  2748. }
  2749. footer .footerbar .cell .soclinks li a:hover {
  2750. background-position: left bottom;
  2751. }
  2752. footer .footerbar .cell .soclinks li a.icon-footer-fb {
  2753. background-image: url(images/icon-footer-fb.png);
  2754. }
  2755. footer .footerbar .cell .soclinks li a.icon-footer-youtube {
  2756. background-image: url(images/icon-footer-youtube.png);
  2757. }
  2758. footer .footerbar .cell .soclinks li a.icon-footer-pin {
  2759. background-image: url(images/icon-footer-pin.png);
  2760. }
  2761. footer .footerbar .cell .soclinks li a.icon-footer-tw {
  2762. background-image: url(images/icon-footer-tw.png);
  2763. }
  2764. footer .footerbar .cell .soclinks li a.icon-footer-instagram {
  2765. background-image: url(images/icon-footer-instagram.png);
  2766. }
  2767. footer .footerbar .cell .soclinks li a.icon-footer-linkedin {
  2768. background-image: url(images/icon-footer-linkedin.png);
  2769. }
  2770. footer .footerbar .cell .soclinks li a.icon-footer-gplus {
  2771. background-image: url(images/icon-footer-gplus.png);
  2772. }
  2773. footer .footerbar .cell .soclinks li a.icon-footer-behance {
  2774. background-image: url(images/icon-footer-behance.png);
  2775. }
  2776. footer .footerbar .cell .soclinks li a.icon-footer-flickr {
  2777. background-image: url(images/icon-footer-flickr.png);
  2778. }
  2779. footer .footerbar .cell .soclinks li a.icon-footer-soundcloud {
  2780. background-image: url(images/icon-footer-soundcloud.png);
  2781. }
  2782. footer .footerbar .cell .soclinks li a.icon-footer-vimeo {
  2783. background-image: url(images/icon-footer-vimeo.png);
  2784. }
  2785. footer .footerbar .cell .soclinks li a.icon-footer-foursquare {
  2786. background-image: url(images/icon-footer-foursquare.png);
  2787. }
  2788. footer .copyright {
  2789. background-color: #1e243a;
  2790. padding-top: 9px;
  2791. padding-bottom: 12px;
  2792. text-align: center;
  2793. font-size: 12px;
  2794. line-height: 16px;
  2795. color: #394264;
  2796. }
  2797.  
  2798. /*====================================*\
  2799. MAGNIFIC POPUP
  2800. \*====================================*/
  2801.  
  2802. .mfp-bg {
  2803. top: 0;
  2804. left: 0;
  2805. width: 100%;
  2806. height: 100%;
  2807. z-index: 1042;
  2808. overflow: hidden;
  2809. position: fixed;
  2810. background: rgba(30, 35, 58, .9);
  2811. }
  2812. .mfp-wrap {
  2813. top: 0;
  2814. left: 0;
  2815. width: 100%;
  2816. height: 100%;
  2817. z-index: 1043;
  2818. position: fixed;
  2819. outline: none !important;
  2820. -webkit-backface-visibility: hidden;
  2821. }
  2822. .mfp-container {
  2823. text-align: center;
  2824. position: absolute;
  2825. width: 100%;
  2826. height: 100%;
  2827. left: 0;
  2828. top: 0;
  2829. padding: 0 8px;
  2830. -webkit-box-sizing: border-box;
  2831. -moz-box-sizing: border-box;
  2832. box-sizing: border-box;
  2833. }
  2834. .mfp-container:before {
  2835. content: '';
  2836. display: inline-block;
  2837. height: 100%;
  2838. vertical-align: middle;
  2839. }
  2840. .mfp-align-top .mfp-container:before {
  2841. display: none;
  2842. }
  2843. .mfp-content {
  2844. position: relative;
  2845. display: inline-block;
  2846. vertical-align: middle;
  2847. margin: 0 auto;
  2848. text-align: left;
  2849. z-index: 1045;
  2850. }
  2851. .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  2852. width: 100%;
  2853. cursor: auto;
  2854. }
  2855. .mfp-ajax-cur {
  2856. cursor: progress;
  2857. }
  2858. .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  2859. cursor: -moz-zoom-out;
  2860. cursor: -webkit-zoom-out;
  2861. cursor: zoom-out;
  2862. }
  2863. .mfp-zoom {
  2864. cursor: pointer;
  2865. cursor: -webkit-zoom-in;
  2866. cursor: -moz-zoom-in;
  2867. cursor: zoom-in;
  2868. }
  2869. .mfp-auto-cursor .mfp-content {
  2870. cursor: auto;
  2871. }
  2872. .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  2873. -webkit-user-select: none;
  2874. -moz-user-select: none;
  2875. user-select: none;
  2876. }
  2877. .mfp-loading.mfp-figure {
  2878. display: none;
  2879. }
  2880. .mfp-hide {
  2881. display: none !important;
  2882. }
  2883. .mfp-preloader {
  2884. color: #cccccc;
  2885. position: absolute;
  2886. top: 50%;
  2887. width: auto;
  2888. text-align: center;
  2889. margin-top: -0.8em;
  2890. left: 8px;
  2891. right: 8px;
  2892. z-index: 1044;
  2893. }
  2894. .mfp-preloader a {
  2895. color: #cccccc;
  2896. }
  2897. .mfp-preloader a:hover {
  2898. color: white;
  2899. }
  2900. .mfp-s-ready .mfp-preloader {
  2901. display: none;
  2902. }
  2903. .mfp-s-error .mfp-content {
  2904. display: none;
  2905. }
  2906. button.mfp-arrow {
  2907. cursor: pointer;
  2908. background-color: transparent;
  2909. border: 0;
  2910. -webkit-appearance: none;
  2911. outline: none;
  2912. z-index: 1046;
  2913. text-indent: -5000px;
  2914. overflow: hidden;
  2915. -webkit-box-shadow: none;
  2916. box-shadow: none;
  2917. background-repeat: no-repeat;
  2918. background-position: left bottom;
  2919. }
  2920. button.mfp-close {
  2921. cursor: pointer;
  2922. background-color: transparent;
  2923. border: 0;
  2924. -webkit-appearance: none;
  2925. outline: none;
  2926. z-index: 1046;
  2927. width: 18px;
  2928. height: 18px;
  2929. position: absolute;
  2930. right: 30px;
  2931. top: 30px;
  2932. text-indent: -5000px;
  2933. overflow: hidden;
  2934. background-image: url(images/close.png);
  2935. background-repeat: no-repeat;
  2936. background-position: left bottom;
  2937. }
  2938. .mfp-close {
  2939. }
  2940. .mfp-close:hover {
  2941. background-position: left top;
  2942. }
  2943. .mfp-close:active {
  2944. }
  2945. .mfp-close-btn-in .mfp-close {
  2946. color: #333333;
  2947. }
  2948. .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  2949. color: white;
  2950. right: -6px;
  2951. text-align: right;
  2952. padding-right: 6px;
  2953. width: 100%;
  2954. }
  2955. .mfp-counter {
  2956. position: absolute;
  2957. top: 6px;
  2958. right: 0;
  2959. color: #9099B7;
  2960. font-size: 12px;
  2961. line-height: 16px;
  2962. }
  2963. .mfp-arrow {
  2964. position: absolute;
  2965. top: 50%;
  2966. margin-top: -31px;
  2967. padding: 0;
  2968. width: 63px;
  2969. height: 63px;
  2970. }
  2971. .mfp-arrow:active {
  2972. }
  2973. .mfp-arrow:hover {
  2974. background-position: left top;
  2975. }
  2976. .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  2977. }
  2978. .mfp-arrow:after, .mfp-arrow .mfp-a {
  2979. }
  2980. .mfp-arrow:before, .mfp-arrow .mfp-b {
  2981. }
  2982. .mfp-arrow-left {
  2983. left: 30px;
  2984. background-image: url(images/arrow-7.png);
  2985. }
  2986. .mfp-arrow-left:hover {
  2987. }
  2988. .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  2989. }
  2990. .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
  2991. }
  2992. .mfp-arrow-right {
  2993. right: 30px;
  2994. background-image: url(images/arrow-8.png);
  2995. }
  2996. .mfp-arrow-right:hover {
  2997. }
  2998. .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  2999. }
  3000. .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
  3001. }
  3002. .mfp-iframe-holder {
  3003. padding-top: 40px;
  3004. padding-bottom: 40px;
  3005. }
  3006. .mfp-iframe-holder .mfp-content {
  3007. line-height: 0;
  3008. width: 100%;
  3009. max-width: 900px;
  3010. }
  3011. .mfp-iframe-holder .mfp-close {
  3012. top: -40px;
  3013. }
  3014. .mfp-iframe-scaler {
  3015. width: 100%;
  3016. height: 0;
  3017. overflow: hidden;
  3018. padding-top: 56.25%;
  3019. }
  3020. .mfp-iframe-scaler iframe {
  3021. position: absolute;
  3022. display: block;
  3023. top: 0;
  3024. left: 0;
  3025. width: 100%;
  3026. height: 100%;
  3027. box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  3028. background: black;
  3029. }
  3030.  
  3031. /* Main image in popup */
  3032. img.mfp-img {
  3033. width: auto;
  3034. max-width: 100%;
  3035. height: auto;
  3036. display: block;
  3037. line-height: 0;
  3038. -webkit-box-sizing: border-box;
  3039. -moz-box-sizing: border-box;
  3040. box-sizing: border-box;
  3041. padding: 30px 0 30px;
  3042. margin: 0 auto;
  3043. }
  3044.  
  3045. /* The shadow behind the image */
  3046. .mfp-figure {
  3047. line-height: 0;
  3048. }
  3049. .mfp-figure:after {
  3050. content: '';
  3051. position: absolute;
  3052. left: 0;
  3053. top: 40px;
  3054. bottom: 40px;
  3055. display: block;
  3056. right: 0;
  3057. width: auto;
  3058. height: auto;
  3059. z-index: -1;
  3060. }
  3061. .mfp-figure small {
  3062. color: #bdbdbd;
  3063. display: block;
  3064. font-size: 12px;
  3065. line-height: 14px;
  3066. }
  3067. .mfp-figure figure {
  3068. margin: 0;
  3069. }
  3070. .mfp-bottom-bar {
  3071. margin-top: -30px;
  3072. position: absolute;
  3073. padding-top: 3px;
  3074. top: 100%;
  3075. left: 0;
  3076. width: 100%;
  3077. cursor: auto;
  3078. }
  3079. .mfp-title {
  3080. text-align: left;
  3081. line-height: 21px;
  3082. color: #fff;
  3083. word-wrap: break-word;
  3084. padding-right: 100px;
  3085. font-size: 13px;
  3086. }
  3087. .mfp-image-holder .mfp-content {
  3088. max-width: 100%;
  3089. }
  3090. .mfp-gallery .mfp-image-holder .mfp-figure {
  3091. cursor: pointer;
  3092. }
  3093. @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  3094. .mfp-img-mobile .mfp-image-holder {
  3095. padding-left: 0;
  3096. padding-right: 0;
  3097. }
  3098. .mfp-img-mobile img.mfp-img {
  3099. padding: 0;
  3100. }
  3101. .mfp-img-mobile .mfp-figure:after {
  3102. top: 0;
  3103. bottom: 0;
  3104. }
  3105. .mfp-img-mobile .mfp-figure small {
  3106. display: inline;
  3107. margin-left: 5px;
  3108. }
  3109. .mfp-img-mobile .mfp-bottom-bar {
  3110. background: rgba(0, 0, 0, 0.6);
  3111. bottom: 0;
  3112. margin: 0;
  3113. top: auto;
  3114. padding: 3px 5px;
  3115. position: fixed;
  3116. -webkit-box-sizing: border-box;
  3117. -moz-box-sizing: border-box;
  3118. box-sizing: border-box;
  3119. }
  3120. .mfp-img-mobile .mfp-bottom-bar:empty {
  3121. padding: 0;
  3122. }
  3123. .mfp-img-mobile .mfp-counter {
  3124. right: 5px;
  3125. top: 3px;
  3126. }
  3127. .mfp-img-mobile .mfp-close {
  3128. top: 0;
  3129. right: 0;
  3130. width: 35px;
  3131. height: 35px;
  3132. line-height: 35px;
  3133. background: rgba(0, 0, 0, 0.6);
  3134. position: fixed;
  3135. text-align: center;
  3136. padding: 0;
  3137. }
  3138. }
  3139. @media all and (max-width: 900px) {
  3140. .mfp-arrow {
  3141. -webkit-transform: scale(0.75);
  3142. transform: scale(0.75);
  3143. }
  3144. .mfp-arrow-left {
  3145. -webkit-transform-origin: 0;
  3146. transform-origin: 0;
  3147. }
  3148. .mfp-arrow-right {
  3149. -webkit-transform-origin: 100%;
  3150. transform-origin: 100%;
  3151. }
  3152. .mfp-container {
  3153. padding-left: 6px;
  3154. padding-right: 6px;
  3155. }
  3156. }
  3157. .mfp-ie7 .mfp-img {
  3158. padding: 0;
  3159. }
  3160. .mfp-ie7 .mfp-bottom-bar {
  3161. width: 600px;
  3162. left: 50%;
  3163. margin-left: -300px;
  3164. margin-top: 5px;
  3165. padding-bottom: 5px;
  3166. }
  3167. .mfp-ie7 .mfp-container {
  3168. padding: 0;
  3169. }
  3170. .mfp-ie7 .mfp-content {
  3171. padding-top: 44px;
  3172. }
  3173. .mfp-ie7 .mfp-close {
  3174. top: 0;
  3175. right: 0;
  3176. padding-top: 0;
  3177. }
  3178.  
  3179. /*====================================*\
  3180. SLIDER
  3181. \*====================================*/
  3182.  
  3183. /* slider empty */
  3184. .slider-empty {
  3185. min-height: 400px;
  3186. background-image: url(images/slide-empty.jpg);
  3187. background-repeat: no-repeat;
  3188. background-position: center;
  3189. }
  3190.  
  3191. /* flickerplate */
  3192. .flickerplate {
  3193. position: relative;
  3194. width: 100%;
  3195. height: 400px;
  3196. overflow: hidden;
  3197. }
  3198. .flickerplate ul.flicks {
  3199. width: 10000%;
  3200. height: 100%;
  3201. padding: 0px;
  3202. margin: 0px;
  3203. list-style: none;
  3204. }
  3205. .flickerplate ul.flicks > li {
  3206. float: left;
  3207. width: 1%;
  3208. height: 100%;
  3209. background-position: center;
  3210. background-size: cover;
  3211. display: table;
  3212. }
  3213. .flickerplate ul.flicks > li .flick-inner {
  3214. height: 100%;
  3215. padding: 10px;
  3216. color: #fff;
  3217. display: table-cell;
  3218. vertical-align: middle;
  3219. }
  3220. .flickerplate ul.flicks > li .flick-inner .flick-content {
  3221. max-width: 68.75em;
  3222. margin-left: auto;
  3223. margin-right: auto;
  3224. }
  3225. .flickerplate ul.flicks > li .flick-title {
  3226. font-size: 44px;
  3227. line-height: 44px;
  3228. text-align: center;
  3229. font-weight: 500;
  3230. text-shadow: 1px 1px rgba(0, 0, 0, .4);
  3231. }
  3232. .flickerplate ul.flicks > li .flick-title a {
  3233. color: #fff;
  3234. }
  3235. .flickerplate ul.flicks > li .flick-sub-text {
  3236. font-size: 16px;
  3237. font-weight: 300;
  3238. line-height: 26px;
  3239. color: rgba(255, 255, 255, 0.8);
  3240. text-align: center;
  3241. text-shadow: 1px 1px rgba(0, 0, 0, .4);
  3242. }
  3243. .flickerplate ul.flicks > li .flick-title + .flick-sub-text {
  3244. margin-top: 33px;
  3245. }
  3246. .flickerplate ul.flicks > li .flick-title span.flick-block-text, .flickerplate ul.flicks > li .flick-sub-text span.flick-block-text {
  3247. display: inline-block;
  3248. padding: 5px 15px 12px;
  3249. background-color: rgba(0, 0, 0, 0.6);
  3250. text-shadow: none;
  3251. }
  3252. .flickerplate ul.flicks > li .flick-sub-text span.flick-block-text {
  3253. padding: 5px 15px 7px;
  3254. }
  3255. .flickerplate .arrow-navigation {
  3256. position: absolute;
  3257. height: 80%;
  3258. width: 10%;
  3259. top: 10%;
  3260. z-index: 100;
  3261. overflow: hidden;
  3262. }
  3263. .flickerplate .arrow-navigation .arrow {
  3264. display: block;
  3265. height: 100%;
  3266. width: 90%;
  3267. -webkit-transition: all 0.2s ease-out;
  3268. -moz-transition: all 0.2s ease-out;
  3269. -o-transition: all 0.2s ease-out;
  3270. -ms-transition: all 0.2s ease-out;
  3271. transition: all 0.2s ease-out;
  3272. }
  3273. .flickerplate .arrow-navigation:hover, .flickerplate .arrow-navigation .arrow:hover {
  3274. cursor: pointer;
  3275. }
  3276. .flickerplate .arrow-navigation.left {
  3277. left: 0%;
  3278. }
  3279. .flickerplate .arrow-navigation.left .arrow {
  3280. opacity: 0;
  3281. margin: 0px 0px 0px 50%;
  3282. background-image: url(images/flickerplate/arrow-left-light.png);
  3283. background-repeat: no-repeat;
  3284. background-position: left;
  3285. }
  3286. .flickerplate .arrow-navigation.right {
  3287. right: 0%;
  3288. }
  3289. .flickerplate .arrow-navigation.right .arrow {
  3290. opacity: 0;
  3291. margin: 0px 0px 0px -50%;
  3292. background-image: url(images/flickerplate/arrow-right-light.png);
  3293. background-repeat: no-repeat;
  3294. background-position: right;
  3295. }
  3296. .flickerplate .arrow-navigation.left.hover .arrow {
  3297. opacity: 1;
  3298. margin: 0px 0px 0px 20%;
  3299. }
  3300. .flickerplate .arrow-navigation.right.hover .arrow {
  3301. opacity: 1;
  3302. margin: 0px 0px 0px -20%;
  3303. }
  3304. .flickerplate .dot-navigation {
  3305. position: absolute;
  3306. bottom: 15px;
  3307. width: 100%;
  3308. text-align: center;
  3309. z-index: 100;
  3310. }
  3311. .flickerplate .dot-navigation ul {
  3312. text-align: center;
  3313. list-style: none;
  3314. padding: 0px 15px;
  3315. }
  3316. .flickerplate .dot-navigation ul li {
  3317. display: inline-block;
  3318. float: none;
  3319. }
  3320. .flickerplate .dot-navigation .dot {
  3321. width: 14px;
  3322. height: 14px;
  3323. margin: 0px 6px;
  3324. background-color: rgba(255, 255, 255, 0.3);
  3325. border-radius: 50%;
  3326. -o-border-radius: 50%;
  3327. -ms-border-radius: 50%;
  3328. -moz-border-radius: 50%;
  3329. -webkit-border-radius: 50%;
  3330. -webkit-transition: background-color 0.2s ease-out;
  3331. -moz-transition: background-color 0.2s ease-out;
  3332. -o-transition: background-color 0.2s ease-out;
  3333. -ms-transition: background-color 0.2s ease-out;
  3334. transition: background-color 0.2s ease-out;
  3335. }
  3336. .flickerplate .dot-navigation .dot:hover {
  3337. cursor: pointer;
  3338. background-color: rgba(255, 255, 255, 0.6);
  3339. }
  3340. .flickerplate .dot-navigation .dot.active {
  3341. background-color: #fff;
  3342. }
  3343. .flickerplate .dot-navigation.left, .flickerplate .dot-navigation.left ul {
  3344. text-align: left;
  3345. }
  3346. .flickerplate .dot-navigation.right, .flickerplate .dot-navigation.right ul {
  3347. text-align: right;
  3348. }
  3349. .flickerplate.animate-transform-slide ul.flicks {
  3350. -webkit-perspective: 1000;
  3351. -webkit-backface-visibility: hidden;
  3352. transform: translate3d(0%, 0px, 0px);
  3353. -webkit-transform: translate3d(0%, 0px, 0px);
  3354. -webkit-transition: -webkit-transform 0.6s;
  3355. -o-transition: -o-transform 0.6s;
  3356. -moz-transition: -moz-transform 0.6s;
  3357. transition: transform 0.6s;
  3358. }
  3359. .flickerplate.animate-transition-slide ul.flicks {
  3360. position: relative;
  3361. left: 0%;
  3362. -webkit-transition: left 0.4s ease-out;
  3363. -moz-transition: left 0.4s ease-out;
  3364. -o-transition: left 0.4s ease-out;
  3365. -ms-transition: left 0.4s ease-out;
  3366. transition: left 0.4s ease-out;
  3367. }
  3368. .flickerplate.animate-jquery-slide ul.flicks {
  3369. position: relative;
  3370. left: 0%;
  3371. }
  3372. .flickerplate.animate-scroller-slide {
  3373. padding-bottom: 0px;
  3374. overflow: auto;
  3375. }
  3376. .flickerplate.animate-scroller-slide ul.flicks {
  3377. position: auto;
  3378. }
  3379.  
  3380. /*====================================*\
  3381. JSCROLLPANE
  3382. \*====================================*/
  3383.  
  3384. .jspContainer {
  3385. overflow: hidden;
  3386. position: relative;
  3387. }
  3388. .jspPane {
  3389. position: absolute;
  3390. }
  3391. .jspVerticalBar {
  3392. position: absolute;
  3393. top: 0;
  3394. right: 0;
  3395. width: 8px;
  3396. height: 100%;
  3397. }
  3398. .jspHorizontalBar {
  3399. position: absolute;
  3400. bottom: 0;
  3401. left: 0;
  3402. width: 100%;
  3403. height: 16px;
  3404. }
  3405. .jspCap {
  3406. display: none;
  3407. }
  3408. .jspHorizontalBar .jspCap {
  3409. float: left;
  3410. }
  3411. .jspTrack {
  3412. background: #1f243c;
  3413. position: relative;
  3414. border-radius: 0 5px 0 0;
  3415. -webkit-border-radius: 0 5px 0 0;
  3416. }
  3417. .jspDrag {
  3418. background: #e64c65;
  3419. position: relative;
  3420. top: 0;
  3421. left: 0;
  3422. cursor: pointer;
  3423. border-radius: 0 5px 0 0;
  3424. -webkit-border-radius: 0 5px 0 0;
  3425. }
  3426. .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
  3427. float: left;
  3428. height: 100%;
  3429. }
  3430. .jspArrow {
  3431. background: #50506d;
  3432. text-indent: -20000px;
  3433. display: block;
  3434. cursor: pointer;
  3435. padding: 0;
  3436. margin: 0;
  3437. }
  3438. .jspArrow.jspDisabled {
  3439. cursor: default;
  3440. background: #80808d;
  3441. }
  3442. .jspVerticalBar .jspArrow {
  3443. height: 16px;
  3444. }
  3445. .jspHorizontalBar .jspArrow {
  3446. width: 16px;
  3447. float: left;
  3448. height: 100%;
  3449. }
  3450. .jspVerticalBar .jspArrow:focus {
  3451. outline: none;
  3452. }
  3453. .jspCorner {
  3454. background: #eeeef4;
  3455. float: left;
  3456. height: 100%;
  3457. }
  3458.  
  3459. /*====================================*\
  3460. ANIMATIONS
  3461. \*====================================*/
  3462.  
  3463. @keyframes animation-icon-search {
  3464. 0% {
  3465. transform: scale(1.0);
  3466. -moz-transform: scale(1.0);
  3467. -ms-transform: scale(1.0);
  3468. -o-transform: scale(1.0);
  3469. -webkit-transform: scale(1.0);
  3470. }
  3471. 50% {
  3472. transform: scale(1.5);
  3473. -moz-transform: scale(1.5);
  3474. -ms-transform: scale(1.5);
  3475. -o-transform: scale(1.5);
  3476. -webkit-transform: scale(1.5);
  3477. }
  3478. 100% {
  3479. transform: scale(1.0);
  3480. -moz-transform: scale(1.0);
  3481. -ms-transform: scale(1.0);
  3482. -o-transform: scale(1.0);
  3483. -webkit-transform: scale(1.0);
  3484. }
  3485. }
  3486. @-webkit-keyframes animation-icon-search {
  3487. 0% {
  3488. transform: scale(1.0);
  3489. -moz-transform: scale(1.0);
  3490. -ms-transform: scale(1.0);
  3491. -o-transform: scale(1.0);
  3492. -webkit-transform: scale(1.0);
  3493. }
  3494. 50% {
  3495. transform: scale(1.5);
  3496. -moz-transform: scale(1.5);
  3497. -ms-transform: scale(1.5);
  3498. -o-transform: scale(1.5);
  3499. -webkit-transform: scale(1.5);
  3500. }
  3501. 100% {
  3502. transform: scale(1.0);
  3503. -moz-transform: scale(1.0);
  3504. -ms-transform: scale(1.0);
  3505. -o-transform: scale(1.0);
  3506. -webkit-transform: scale(1.0);
  3507. }
  3508. }
  3509.  
  3510. /*====================================*\
  3511. PLUGINS
  3512. \*====================================*/
  3513.  
  3514. /* contact form 7 */
  3515. .wpcf7-form .wpcf7-form-control-wrap {
  3516. display: block;
  3517. margin-top: 5px;
  3518. }
  3519. .wpcf7-form span.wpcf7-not-valid-tip {
  3520. color: #E64C65;
  3521. }
  3522. .wpcf7-form div.wpcf7-response-output {
  3523. margin: 20px 0 0;
  3524. padding: 10px;
  3525. }
  3526. .wpcf7-form div.wpcf7-validation-errors {
  3527. border-color: #E64C65;
  3528. }
  3529. .wpcf7-form div.wpcf7-mail-sent-ok {
  3530. border-color: #11A8AB;
  3531. }
  3532.  
  3533. /*====================================*\
  3534. RESPONSIVE
  3535. \*====================================*/
  3536.  
  3537. /* wp admin bar */
  3538. @media only screen and (max-width: 782px) {
  3539. html #wpadminbar {
  3540. z-index: 1000 !important;
  3541. }
  3542. header.with-admin-bar {
  3543. top: 46px;
  3544. }
  3545. }
  3546.  
  3547. /* pinthis layout */
  3548. @media only screen and (max-width: 1033px) {
  3549. .container, .container.fluid {
  3550. width: auto;
  3551. margin: 0 15px;
  3552. }
  3553. .search-box input[type=text] {
  3554. width: 120px;
  3555. }
  3556. .category-title .container {
  3557. margin: 0;
  3558. }
  3559. .postWrap {
  3560. float: none;
  3561. width: auto;
  3562. }
  3563. .postWrap .contentbox .featured-image img {
  3564. width: 100%;
  3565. }
  3566. .sidebar {
  3567. float: none;
  3568. width: auto;
  3569. }
  3570. .postWrap + .sidebar {
  3571. margin-top: 15px;
  3572. }
  3573. .sidebar .contentbox .recentposts li:nth-child(3n) {
  3574. margin-right: 1px;
  3575. }
  3576. .textbox .attachment img {
  3577. width: 100%;
  3578. height: auto;
  3579. }
  3580. .textbox .wp-video, .textbox .wp-video * {
  3581. max-width: 100% !important;
  3582. }
  3583. footer .footerbar .cell {
  3584. width: 25%;
  3585. }
  3586. footer .footerbar .cell:nth-child(4) {
  3587. padding-right: 0;
  3588. }
  3589. footer .footerbar .cell:last-child {
  3590. width: 100%;
  3591. padding-left: 0;
  3592. border-left: none;
  3593. border-top: 1px solid #1e243a;
  3594. }
  3595. footer .footerbar .cell:last-child:before {
  3596. display: none;
  3597. }
  3598. }
  3599. @media only screen and (max-width: 783px) {
  3600. .member a {
  3601. text-indent: -5000px;
  3602. overflow: hidden;
  3603. padding: 0;
  3604. width: 44px;
  3605. height: 44px;
  3606. }
  3607. header .log-in-out + .member {
  3608. margin-right: 20px;
  3609. }
  3610. }
  3611. @media only screen and (max-width: 665px) {
  3612. body {
  3613. padding-top: 131px !important;
  3614. padding-bottom: 0;
  3615. }
  3616. header {
  3617. position: absolute;
  3618. top: 66px;
  3619. }
  3620. header.with-admin-bar {
  3621. top: 112px;
  3622. }
  3623. header.with-header-nav-menu {
  3624. height: 65px;
  3625. }
  3626. header.with-header-nav-menu .container:nth-child(2) {
  3627. background-color: transparent;
  3628. height: auto;
  3629. margin: 0;
  3630. padding: 0;
  3631. position: absolute;
  3632. right: 15px;
  3633. bottom: 22px;
  3634. text-align: left;
  3635. }
  3636. header.with-header-nav-menu .container:nth-child(2):before {
  3637. display: none;
  3638. }
  3639. header.with-header-nav-menu .container:nth-child(2) .icon-nav-menu {
  3640. display: inline-block;
  3641. float: right;
  3642. }
  3643. .header-menu {
  3644. position: absolute;
  3645. text-align: left;
  3646. right: 0;
  3647. top: 22px;
  3648. padding-top: 34px;
  3649. opacity: 0;
  3650. visibility: hidden;
  3651. z-index: 100;
  3652. transition: all .2s linear;
  3653. -moz-transition: all .2s linear;
  3654. -webkit-transition: all .2s linear;
  3655. -o-transition: all .2s linear;
  3656. -ms-transition: all .2s linear;
  3657. }
  3658. header.with-header-nav-menu .container:nth-child(2):hover .header-menu,
  3659. header.with-header-nav-menu .container:nth-child(2):focus .header-menu {
  3660. opacity: 1;
  3661. visibility: visible;
  3662. }
  3663. header.with-header-nav-menu .container:nth-child(2):active .header-menu,
  3664. header.with-header-nav-menu .container:nth-child(2):active .header-menu {
  3665. -webkit-transition: opacity .2s linear;
  3666. }
  3667. /*.ismobile .header-menu {
  3668. display: none;
  3669. opacity: 1;
  3670. visibility: visible;
  3671. }
  3672. .ismobile header.with-header-nav-menu .container:nth-child(2):hover .header-menu,
  3673. .ismobile header.with-header-nav-menu .container:nth-child(2):focus .header-menu {
  3674. display: block;
  3675. }*/
  3676. .header-menu .header-menu-wrapper {
  3677. background-color: #394264;
  3678. border-bottom: 4px solid #e64c65;
  3679. position: relative;
  3680. border-radius: 5px;
  3681. -webkit-border-radius: 5px;
  3682. }
  3683. .header-menu .header-menu-wrapper.arrow-up-left:before {
  3684. position: absolute;
  3685. top: -8px;
  3686. left: 8px;
  3687. content: "";
  3688. border-left: 8px solid transparent;
  3689. border-right: 8px solid transparent;
  3690. border-bottom: 8px solid #394264;
  3691. }
  3692. .header-menu .header-menu-wrapper.arrow-up-right:before {
  3693. position: absolute;
  3694. top: -8px;
  3695. right: 8px;
  3696. content: "";
  3697. border-left: 8px solid transparent;
  3698. border-right: 8px solid transparent;
  3699. border-bottom: 8px solid #394264;
  3700. }
  3701. .header-menu .header-menu-wrapper .header-menu-list {
  3702. font-size: 14px;
  3703. line-height: 18px;
  3704. list-style-type: none;
  3705. text-align: left;
  3706. width: 190px;
  3707. }
  3708. .header-menu .header-menu-wrapper .header-menu-list li {
  3709. margin: 0;
  3710. display: block;
  3711. }
  3712. .header-menu .header-menu-wrapper .header-menu-list li a {
  3713. color: #9099b7;
  3714. display: block;
  3715. padding: 7px 20px 11px;
  3716. }
  3717. .header-menu .header-menu-wrapper .header-menu-list li:first-child a {
  3718. border-radius: 5px 5px 0 0;
  3719. -webkit-border-radius: 5px 5px 0 0;
  3720. }
  3721. .header-menu .header-menu-wrapper .header-menu-list li a:hover {
  3722. color: #fff;
  3723. background-color: #50597b;
  3724. }
  3725. .header-menu .header-menu-wrapper .header-menu-list .dropdown {
  3726. position: static;
  3727. padding-top: 0;
  3728. opacity: 1;
  3729. visibility: inherit;
  3730. }
  3731. .header-menu .header-menu-wrapper .header-menu-list .dropdown .dropdown-wrapper {
  3732. background-color: transparent;
  3733. border-bottom: none;
  3734. }
  3735. .header-menu .header-menu-wrapper .header-menu-list .dropdown .dropdown-wrapper.arrow-up-left:before, .header-menu .header-menu-wrapper .header-menu-list .dropdown .dropdown-wrapper.arrow-up-right:before {
  3736. display: none;
  3737. }
  3738. .header-menu .header-menu-wrapper .header-menu-list .dropdown .dropdown-wrapper li:first-child a {
  3739. border-radius: 0;
  3740. -webkit-border-radius: 0;
  3741. }
  3742. .header-menu .header-menu-wrapper .header-menu-list li > .dropdown > .dropdown-wrapper > ul > li > a {
  3743. padding: 7px 20px 11px 35px;
  3744. }
  3745. header .left-part {
  3746. position: static;
  3747. float: left;
  3748. }
  3749. header .right-part {
  3750. position: static;
  3751. float: right;
  3752. }
  3753. header.with-header-nav-menu .right-part {
  3754. margin-right: 50px;
  3755. }
  3756. header .logo {
  3757. position: absolute;
  3758. top: -66px;
  3759. left: -15px;
  3760. right: -15px;
  3761. background-color: #394264;
  3762. border-bottom: 1px solid #2f3552;
  3763. display: block;
  3764. height: 65px;
  3765. }
  3766. header .logo a {
  3767. display: block;
  3768. text-align: center;
  3769. }
  3770. header .logo a:before {
  3771. content: '';
  3772. display: inline-block;
  3773. height: 100%;
  3774. vertical-align: middle;
  3775. margin-left: -8px;
  3776. }
  3777. header .logo a img {
  3778. vertical-align: middle;
  3779. line-height: 0;
  3780. }
  3781. .postWrap .topbar {
  3782. display: block;
  3783. width: auto;
  3784. }
  3785. .postWrap .topbar .navbtns {
  3786. display: block;
  3787. width: auto;
  3788. overflow: hidden;
  3789. }
  3790. .postWrap .topbar .navbtns li:last-child {
  3791. border-right: none;
  3792. }
  3793. .postWrap .topbar .navbtns li:last-child a, .postWrap .topbar .navbtns li:last-child span.no-link {
  3794. border-radius: 0 5px 0 0;
  3795. -webkit-border-radius: 0 5px 0 0;
  3796. }
  3797. .postWrap .topbar .space {
  3798. display: none;/*display: block;
  3799. padding-bottom: 19px;
  3800. padding-left: 10px;
  3801. padding-right: 10px;
  3802. border-top: 2px solid #394264;
  3803. border-radius: 0;
  3804. -webkit-border-radius: 0;*/
  3805. }
  3806. .postWrap .contentbox .title-3 {
  3807. padding: 16px 20px 17px;
  3808. }
  3809. .postWrap .contentbox .quote-block {
  3810. padding: 16px 20px 17px;
  3811. }
  3812. .postWrap .notification {
  3813. padding: 20px;
  3814. }
  3815. .metabar {
  3816. padding: 0 20px;
  3817. }
  3818. .metabar.data {
  3819. position: relative;
  3820. padding-left: 0;
  3821. padding-right: 0;
  3822. }
  3823. .metabar .ribbon {
  3824. float: none;
  3825. position: absolute;
  3826. left: 20px;
  3827. top: 48px;
  3828. margin-top: 0;
  3829. }
  3830. .metabar .postmetas {
  3831. float: none;
  3832. overflow: hidden;
  3833. border-bottom: 1px solid #3b4466;
  3834. padding-bottom: 13px;
  3835. padding-left: 20px;
  3836. }
  3837. .metabar .ribbon + .postmetas {
  3838. margin-left: 0;
  3839. }
  3840. .metabar .social-media-icons {
  3841. clear: both;
  3842. }
  3843. .metabar .social-media-icons li:last-child {
  3844. border-right: none;
  3845. }
  3846. .banner-position-2 {
  3847. padding: 0 20px;
  3848. }
  3849. .textbox {
  3850. padding: 20px
  3851. }
  3852. .textbox input, .textbox textarea, .textbox .sbHolder {
  3853. width: 100% !important;
  3854. -webkit-box-sizing: border-box;
  3855. -moz-box-sizing: border-box;
  3856. box-sizing: border-box;
  3857. }
  3858. .textbox blockquote {
  3859. margin-left: 20px;
  3860. }
  3861. .textbox ul ul, .textbox ol ol {
  3862. margin-left: 20px;
  3863. }
  3864. .textbox dl dd {
  3865. margin-left: 20px;
  3866. }
  3867. .textbox iframe,
  3868. .textbox embed {
  3869. height: 300px !important;
  3870. }
  3871. .page-links {
  3872. padding: 0 20px 20px;
  3873. }
  3874. .tags, .categories {
  3875. padding-left: 20px;
  3876. padding-right: 20px;
  3877. }
  3878. .tags + .metabar, .categories + .metabar {
  3879. margin-top: 20px;
  3880. }
  3881. .comments ul li {
  3882. padding: 20px 20px 20px 74px;
  3883. }
  3884. .comments ul li[data-icon=false] {
  3885. padding-left: 20px !important;
  3886. }
  3887. .comments ul li .icon {
  3888. left: 20px;
  3889. }
  3890. .comments ul li .comment-text blockquote {
  3891. margin-left: 20px;
  3892. }
  3893. .comments ul li .comment-text ul ul, .comments ul li .comment-text ol ol {
  3894. margin-left: 20px;
  3895. }
  3896. .comments ul li .comment-text dl dd {
  3897. margin-left: 20px;
  3898. }
  3899. .comments-nav {
  3900. padding: 10px 20px 13px;
  3901. }
  3902. .comment-respond {
  3903. padding: 20px 20px 20px 74px;
  3904. }
  3905. .comments .comment-respond {
  3906. padding: 20px;
  3907. }
  3908. /*.comment-respond.no-avatar {
  3909. padding: 20px;
  3910. }*/
  3911. .comment-respond .icon {
  3912. left: 20px;
  3913. }
  3914. .comment-respond form input, .comment-respond form input[type=submit] {
  3915. width: 100%;
  3916. }
  3917. .slider-empty {
  3918. min-height: 300px;
  3919. }
  3920. .flickerplate {
  3921. height: 300px;
  3922. }
  3923. .flickerplate ul.flicks > li .flick-title {
  3924. font-size: 27px;
  3925. line-height: 27px;
  3926. }
  3927. .flickerplate ul.flicks > li .flick-sub-text {
  3928. font-size: 14px;
  3929. line-height: 18px;
  3930. }
  3931. .flickerplate ul.flicks > li .flick-title + .flick-sub-text {
  3932. margin-top: 10px;
  3933. }
  3934. .flickerplate ul.flicks > li .flick-title span.flick-block-text, .flickerplate ul.flicks > li .flick-sub-text span.flick-block-text {
  3935. padding: 5px 10px 9px;
  3936. }
  3937. .flickerplate ul.flicks > li .flick-sub-text span.flick-block-text {
  3938. padding: 4px 10px 7px;
  3939. }
  3940. .flickerplate .arrow-navigation {
  3941. display: none;
  3942. }
  3943. .flickerplate .dot-navigation .dot {
  3944. margin: 0 4px;
  3945. }
  3946. footer {
  3947. position: relative;
  3948. width: auto;
  3949. left: auto;
  3950. bottom: auto;
  3951. margin-top: 40px;
  3952. }
  3953. .footer-spinner {
  3954. top: -35px;
  3955. }
  3956. footer .toggler {
  3957. display: none;
  3958. }
  3959. footer .footerwrapper {
  3960. margin-bottom: 0;
  3961. }
  3962. footer .footerbar .cell {
  3963. padding-right: 10px;
  3964. padding-left: 10px;
  3965. }
  3966. .scrolltotop {
  3967. display: none;
  3968. }
  3969. }
  3970. @media only screen and (max-width: 600px) {
  3971. header .menu-categories, header .log-in-out {
  3972. position: static;
  3973. }
  3974. header .menu-categories .dropdown {
  3975. padding-top: 22px;
  3976. left: -15px;
  3977. right: -15px;
  3978. top: 42px;
  3979. }
  3980. header .menu-categories .dropdown .dropdown-wrapper {
  3981. width: auto !important;
  3982. }
  3983. header .log-in-out .dropdown {
  3984. padding-top: 21px;
  3985. left: -15px;
  3986. right: -15px;
  3987. top: 44px;
  3988. }
  3989. .dropdown .dropdown-wrapper {
  3990. border-radius: 0;
  3991. -webkit-border-radius: 0;
  3992. }
  3993. .dropdown .dropdown-wrapper.arrow-up-left:before, .dropdown .dropdown-wrapper.arrow-up-right:before {
  3994. display: none;
  3995. }
  3996. .categories-list, .header-menu-list, .header-menu-list ul {
  3997. width: auto !important;
  3998. }
  3999. .categories-list > li, .categories-list ul > li, .header-menu-list > li, .header-menu-list ul > li {
  4000. border-top: 1px solid #2f3552;
  4001. }
  4002. .categories-list li:first-child a, .header-menu-list li:first-child a {
  4003. border-radius: 0 !important;
  4004. -webkit-border-radius: 0 !important;
  4005. }
  4006. .categories-list > li > a, .header-menu-list .sub-menu > li > a {
  4007. padding: 7px 20px 10px;
  4008. }
  4009. .header-menu {
  4010. padding-top: 22px;
  4011. right: 0;
  4012. left: 0;
  4013. top: 108px;
  4014. position: fixed;
  4015. }
  4016. header.with-admin-bar .header-menu {
  4017. top: 154px;
  4018. }
  4019. .header-menu .header-menu-wrapper {
  4020. border-radius: 0;
  4021. -webkit-border-radius: 0;
  4022. }
  4023. .header-menu .header-menu-wrapper.arrow-up-left:before, .header-menu .header-menu-wrapper.arrow-up-right:before {
  4024. display: none;
  4025. }
  4026. #login-form {
  4027. border-top: 1px solid #2f3552;
  4028. }
  4029. #login-form input[type=text], #login-form input[type=password], #login-form input[type=submit] {
  4030. width: 100%;
  4031. -webkit-box-sizing: border-box;
  4032. -moz-box-sizing: border-box;
  4033. box-sizing: border-box;
  4034. }
  4035. .postWrap .contentbox .title-3.have-button {
  4036. position: relative;
  4037. padding-bottom: 63px;
  4038. }
  4039. .postWrap .contentbox .title-3.have-button .button {
  4040. position: absolute;
  4041. top: auto;
  4042. bottom: 17px;
  4043. left: 20px;
  4044. margin-left: 0;
  4045. float: none;
  4046. }
  4047. .slider-empty {
  4048. min-height: 250px;
  4049. }
  4050. .flickerplate {
  4051. height: 250px;
  4052. }
  4053. footer .footerbar .cell {
  4054. width: 50%;
  4055. }
  4056. footer .footerbar .cell:nth-child(2) {
  4057. padding-right: 0;
  4058. }
  4059. footer .footerbar .cell:nth-child(3) {
  4060. padding-left: 0;
  4061. clear: both;
  4062. }
  4063. .jspPane {
  4064. right: 0;
  4065. left: 0;
  4066. width: auto !important;
  4067. }
  4068. .jspTrack, .jspDrag {
  4069. border-radius: 0;
  4070. -webkit-border-radius: 0;
  4071. }
  4072. }
  4073. @media only screen and (max-width: 450px) {
  4074. .search-box {
  4075. position: static;
  4076. }
  4077. .search-box .icon-zoom {
  4078. display: inline-block;
  4079. float: left;
  4080. margin-top: 9px;
  4081. }
  4082. .search-box .dropdown {
  4083. opacity: 0;
  4084. position: absolute;
  4085. visibility: hidden;
  4086. left: -15px;
  4087. right: -15px;
  4088. top: 45px;
  4089. padding-top: 20px;
  4090. }
  4091. .search-box .dropdown .dropdown-wrapper {
  4092. background-color: #394264;
  4093. border-bottom: 4px solid #E64C65;
  4094. }
  4095. .search-box .dropdown .dropdown-wrapper.arrow-up-left:before {
  4096. /*display: block;*/
  4097. }
  4098. .search-box form {
  4099. padding: 15px;
  4100. border-top: 1px solid #2F3552;
  4101. }
  4102. .search-box form input[type=text] {
  4103. width: 100%;
  4104. -webkit-box-sizing: border-box;
  4105. -moz-box-sizing: border-box;
  4106. box-sizing: border-box;
  4107. }
  4108. header .search-box input[type=submit], header .searchform input[type=submit] {
  4109. top: 26px;
  4110. right: 29px;
  4111. }
  4112. .textbox iframe,
  4113. .textbox embed {
  4114. height: 240px !important;
  4115. }
  4116. .comments ul li {
  4117. padding: 17px 20px 20px;
  4118. min-height: 0;
  4119. }
  4120. .comments ul li .icon {
  4121. display: none;
  4122. }
  4123. .comments ul li .date {
  4124. float: none;
  4125. color: #50597B;
  4126. margin-bottom: 6px;
  4127. }
  4128. .comments ul li .children li {
  4129. padding-left: 0;
  4130. }
  4131. .comment-respond {
  4132. padding: 20px;
  4133. }
  4134. .comment-respond .icon {
  4135. display: none;
  4136. }
  4137. button.mfp-close {
  4138. top: 10px;
  4139. right: 10px;
  4140. }
  4141. .mfp-arrow-left {
  4142. left: 15px;
  4143. }
  4144. .mfp-arrow-right {
  4145. right: 15px;
  4146. }
  4147. .slider-empty {
  4148. min-height: 220px;
  4149. }
  4150. .flickerplate {
  4151. height: 220px;
  4152. }
  4153. .notice-body .icon {
  4154. padding-top: 0;
  4155. }
  4156. .notice-body .title-4 {
  4157. margin-top: 20px;
  4158. font-size: 144px;
  4159. line-height: 148px;
  4160. }
  4161. .notice-body .notice {
  4162. font-size: 16px;
  4163. line-height: 20px;
  4164. margin-top: 20px;
  4165. }
  4166. }
  4167. @media only screen and (max-width: 400px) {
  4168. header .log-in-out + .member {
  4169. margin-right: 15px;
  4170. }
  4171. .postWrap .contentbox .featured-video .wp-video .mejs-overlay-button {
  4172. background-image: url(images/arrow-11.png);
  4173. width: 48px;
  4174. height: 48px;
  4175. margin-left: -24px;
  4176. }
  4177. .postmetas li {
  4178. margin-right: 17px;
  4179. }
  4180. }
  4181. @media only screen and (max-width: 355px) {
  4182. .textbox iframe,
  4183. .textbox embed {
  4184. height: 180px !important;
  4185. }
  4186. .postmetas li {
  4187. margin-right: 10px;
  4188. }
  4189. .comments-nav-prev a {
  4190. background-image: none;
  4191. padding-left: 0;
  4192. }
  4193. .comments-nav-next a {
  4194. background-image: none;
  4195. padding-right: 0;
  4196. }
  4197. }
  4198.  
  4199. /*====================================*\
  4200. DEBUGGING
  4201. \*====================================*/
  4202.  
  4203. /* IE */
  4204. input[type=text], input[type=password], input[type=email], input[type=url], textarea {
  4205. padding: 11px 15px\9;
  4206. }
  4207. .pinbox .format-status .meta-data ul li {
  4208. border-radius: 0\9;
  4209. }
  4210.  
  4211. /* Chrome & Safari */
  4212. @media all and (-webkit-min-device-pixel-ratio:0) {
  4213. input[type=text], input[type=password], input[type=email], input[type=url], textarea {
  4214. padding: 9px 15px 11px;
  4215. }
  4216. }
  4217.  
  4218. /* Opera */
  4219. x:-o-prefocus, input[type=text], input[type=password], input[type=email], input[type=url], textarea {
  4220. padding: 9px 15px 11px;
  4221. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement