API tools faq
paste
roxcoder

theme.less

roxcoder
Nov 24th, 2015
151
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 32.88 KB | None | 0 0
raw download clone embed print report
  1. /**
  2.  * @package Helix Framework
  3.  * @author JoomShaper http://www.joomshaper.com
  4.  * @copyright Copyright (c) 2010 - 2015 JoomShaper
  5.  * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
  6. */
  7.  
  8. /*=======================================*
  9.  *=======   TABLE OF CONTENT     ========*
  10.  *=======================================*
  11.  
  12.     01. Base Style 
  13.     01. Button & Input
  14.     03. Top Bar
  15.     04. Header
  16.     05. Page Title
  17.     06. body innerwrapper
  18.     07. Page Builder Addons
  19.     08. Module
  20.     09. Login Form
  21.     10. Search
  22.     11. Blog
  23.     12. Bottom
  24.     13. Footer
  25.     14. Comingsoon
  26.     15. Error page
  27.     16. Mixed CSS
  28.  
  29. =======================================*/
  30.  
  31.  
  32. /* **************   START Base Style    *************** */
  33. /* **************************************************** */
  34.  
  35. a {
  36.     -webkit-transition: color 400ms, background-color 400ms;
  37.     transition: color 400ms, background-color 400ms;
  38. }
  39.  
  40. body {
  41.     line-height: 24px;
  42. }
  43.  
  44. a,
  45. a:hover,
  46. a:focus,
  47. a:active {
  48.     text-decoration: none;
  49. }
  50.  
  51. label {
  52.     font-weight: normal;
  53. }
  54.  
  55. legend {
  56.     padding-bottom: 10px;
  57. }
  58.  
  59. img {
  60.     display: block;
  61.     max-width: 100%;
  62.     height: auto;
  63. }
  64.  
  65. /* **************   END:: Base Style    *************** */
  66. /* **************************************************** */
  67.  
  68.  
  69. /* **************   START Button Style  *************** */
  70. /* **************************************************** */
  71.  
  72. .btn,
  73. .sppb-btn {
  74.     .transition(~'color 400ms, background-color 400ms, border-color 400ms');
  75. }
  76.  
  77.  
  78. //Offline
  79. .offline-inner {
  80.     margin-top: 100px;
  81. }
  82.  
  83. //input
  84. select,
  85. textarea,
  86. input[type="text"],
  87. input[type="password"],
  88. input[type="datetime"],
  89. input[type="datetime-local"],
  90. input[type="date"],
  91. input[type="month"],
  92. input[type="time"],
  93. input[type="week"],
  94. input[type="number"],
  95. input[type="email"],
  96. input[type="url"],
  97. input[type="search"],
  98. input[type="tel"],
  99. input[type="color"],
  100. .uneditable-input {
  101.   .form-control();
  102. }
  103.  
  104. .group-control {
  105.   select,
  106.   textarea,
  107.   input[type="text"],
  108.   input[type="password"],
  109.   input[type="datetime"],
  110.   input[type="datetime-local"],
  111.   input[type="date"],
  112.   input[type="month"],
  113.   input[type="time"],
  114.   input[type="week"],
  115.   input[type="number"],
  116.   input[type="email"],
  117.   input[type="url"],
  118.   input[type="search"],
  119.   input[type="tel"],
  120.   input[type="color"],
  121.   .uneditable-input {
  122.     width: 100%;
  123.   }
  124. }
  125.  
  126. /* **************   END:: Button Style  *************** */
  127. /* **************************************************** */
  128.  
  129.  
  130. /* ************* START Top bar & Common *************** */
  131. /* **************************************************** */
  132.  
  133. #sp-top-bar {
  134.     padding: 8px 0;
  135.     .sp-module {
  136.         display: inline-block;
  137.         margin: 0 0 0 20px;
  138.     }
  139. }
  140.  
  141. ul.social-icons {
  142.     list-style: none;
  143.     padding: 0;
  144.     margin: -5px;
  145.     display: inline-block;
  146.     >li {
  147.         display: inline-block;
  148.         margin: 5px 7px;
  149.         a {
  150.             color: #999999;
  151.         }
  152.     }
  153. }
  154.  
  155. // language switcher
  156. .sp-module-content {
  157.     .mod-languages {
  158.         ul.lang-inline {
  159.             margin: 0;
  160.             padding: 0;
  161.  
  162.             li {
  163.                 border: none;
  164.                 display: inline-block;
  165.                 margin: 0 5px 0 0;
  166.  
  167.                 a {
  168.                     padding: 0 !important;
  169.                 }
  170.  
  171.                 >a:before {
  172.                     display: none;
  173.                 }
  174.             }
  175.         }
  176.     }
  177. }
  178.  
  179. .sp-contact-info {
  180.     float: right;
  181.     list-style: none;
  182.     padding: 0;
  183.     margin: 0 -10px;
  184.     li {
  185.         display: inline-block;
  186.         margin: 0 10px;
  187.         font-size: 90%;
  188.        
  189.         i{
  190.             margin: 0 3px;
  191.         }
  192.     }
  193. }
  194.  
  195. /* ************* END:: Top bar & Common *************** */
  196. /* **************************************************** */
  197.  
  198.  
  199. /* **************   START Header Style  *************** */
  200. /* **************************************************** */
  201.  
  202. #sp-header.has-slideshow{
  203.     z-index: 999;
  204.     position: absolute;
  205.     bottom: 0;
  206.     left: 0;
  207.     right: 0;
  208. }
  209.  
  210. #sp-header{
  211.     background: rgba(0,0,0,0.8);
  212.     height: 90px;
  213.     z-index: 999;
  214.     .logo {
  215.         display: inline-block;
  216.         height: 90px;
  217.         display: table;
  218.         .transition(400ms);
  219.         h1 {
  220.             font-size: 24px;
  221.             line-height: 1;
  222.             margin: 0;
  223.             padding: 0;
  224.             display: table-cell;
  225.             vertical-align: middle;
  226.         }
  227.  
  228.         p {
  229.             margin: 5px 0 0;
  230.         }
  231.     }
  232.  
  233.     .sp-retina-logo {
  234.         display: none;
  235.     }
  236.  
  237. }
  238.  
  239. #sp-header.menu-fixed-out{
  240.     .transition(400ms);
  241. }
  242.  
  243. #sp-header.menu-fixed{
  244.     position: fixed;
  245.     top: 0;
  246.     z-index: 999;
  247.     .transition(400ms);
  248.     height: 60px;
  249.     width: 100%;
  250.     .sp-megamenu-parent >li >a{
  251.         line-height: 60px;
  252.     }
  253.     .logo{
  254.         height: 60px;
  255.     }
  256.     #offcanvas-toggler {
  257.         line-height: 60px; 
  258.     }
  259. }
  260.  
  261.  
  262.  
  263. @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  264. only screen and (-moz-min-device-pixel-ratio: 1.5),
  265. only screen and (-o-min-device-pixel-ratio: 3/2),
  266. only screen and (min-device-pixel-ratio: 1.5) {
  267.     #sp-header {
  268.         .sp-default-logo {
  269.             display: none;
  270.         }
  271.         .sp-retina-logo {
  272.             display: block;
  273.         }
  274.     }
  275. }
  276.  
  277. /* **************   END:: Header Style  *************** */
  278. /* **************************************************** */
  279.  
  280.  
  281. /* **************   START Page Title    *************** */
  282. /* **************************************************** */
  283.  
  284. #sp-title {
  285.     min-height: 0;
  286. }
  287.  
  288. .sp-page-title {
  289.     padding: 80px 0;
  290.     background-repeat: no-repeat;
  291.     background-position: 50% 50%;
  292.     background-size: cover;
  293.     background-attachment: fixed;
  294.     background-color: #333;
  295.     h2,h3 {
  296.         margin: 0;
  297.         padding: 0;
  298.         color: #fff;
  299.     }
  300.  
  301.     h2 {
  302.         font-size: 48px;
  303.         font-weight: 500;
  304.     }
  305.  
  306.     h3 {
  307.         font-size: 24px;
  308.         font-weight: normal;
  309.         line-height: 1;
  310.         margin-top: 10px;
  311.     }
  312.  
  313.     .breadcrumb {
  314.         background: none;
  315.         padding: 0;
  316.         margin: 15px 0 0 0;
  317.         >.active {
  318.             color: rgba(255, 255, 255, 0.8);
  319.         }
  320.  
  321.         >span,
  322.         >li,
  323.         >li+li:before,
  324.         >li>a {
  325.             color: #fff;
  326.         }
  327.     }
  328. }
  329.  
  330. /* **************   END:: Page Title    *************** */
  331. /* **************************************************** */
  332.  
  333.  
  334.  
  335. /* ************* START body innerwrapper ************** */
  336. /* **************************************************** */
  337.  
  338. .body-innerwrapper{
  339.     overflow-x: hidden;
  340.     -webkit-transition: margin-left 400ms cubic-bezier(0.7,0,0.3,1);
  341.     transition: margin-left 400ms cubic-bezier(0.7,0,0.3,1);
  342. }
  343.  
  344. .layout-boxed .body-innerwrapper {
  345.     max-width: 1240px;
  346.     margin: 0 auto;
  347.     box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  348. }
  349.  
  350. #sp-main-body {
  351.     padding: 50px 0;
  352. }
  353.  
  354. .com-sppagebuilder #sp-main-body {
  355.     padding: 0;
  356. }
  357.  
  358.  
  359. /* ************* END:: body innerwrapper ************** */
  360. /* **************************************************** */
  361.  
  362.  
  363.  
  364. /* ************************************************************************************ */
  365. /* **************       START Page Builder Addons & Home Sections       *************** */
  366. /* ************************************************************************************ */
  367.  
  368.  
  369. /* ***********      START Common Styles     *********** */
  370. /* **************************************************** */
  371.  
  372. // *** Global *** //
  373.  
  374. //Page Header
  375. .page-header{
  376.     h1{
  377.         font-size: 30px;
  378.         font-weight: 300;
  379.     }
  380. }
  381.  
  382. // Next/prev Nav
  383. ul.pagenav{
  384.     a{
  385.         .border-radius(0);
  386.         &:hover{
  387.             color: #000;
  388.         }
  389.     }
  390. }
  391.  
  392. // Pagebuilder
  393. #sp-page-builder{
  394.     // Pagebuilder title section
  395.     .sppb-section-title{
  396.         // pagebuilder title
  397.         .sppb-title-heading{
  398.             font-size: 60px;
  399.             line-height: 60px;
  400.             font-weight: 300;
  401.         }
  402.         // pagebuilder sub title
  403.         .sppb-title-subheading{
  404.             font-size: 24px;
  405.         }
  406.     }
  407.  
  408. }
  409.  
  410. // Image content
  411. @media (max-width: @screen-sm-min) {
  412.     .sppb-addon-image-content {
  413.         .sppb-image-holder {
  414.             position: inherit;
  415.             width: 100% !important;
  416.             height: 300px;
  417.         }
  418.     }
  419. }
  420.  
  421.  
  422. /* ***********      END:: Common Styles     *********** */
  423. /* **************************************************** */
  424.  
  425.  
  426. /* ***********            (Addon)           *********** */
  427. /* ***********  START Fullwidth Slideshow   *********** */
  428. /* **************************************************** */
  429.  
  430. // owl slider fullwidth
  431. .sppb-slider-wrapper{
  432.     &.sppb-slider-fullwidth-wrapper {
  433.         margin: 0;
  434.         position: relative;
  435.  
  436.         .owl-stage .owl-item{
  437.             &.active .sppb-slideshow-fullwidth-item-text{
  438.                 z-index: 999;
  439.                 opacity: 1;
  440.             }
  441.         }
  442.         .sppb-slideshow-fullwidth-item-bg {
  443.             height: 680px;
  444.             background-size: cover;
  445.             background-position: 50% 50%;
  446.             .container {
  447.                 text-align: center;
  448.                 .sppb-slideshow-fullwidth-item-text {
  449.                     position: absolute;
  450.                     top: 50%;
  451.                     left: 50%;
  452.                     .translate(-50%, -50%);
  453.                     width: 90%;
  454.                     padding: 30px 40px;
  455.                     color: #ffffff;
  456.                     z-index: -999;
  457.                     opacity: 0;
  458.                     display: inline-block;
  459.  
  460.                     h1{
  461.                         margin-top: 0;
  462.                         margin-bottom: 40px;
  463.                         text-transform: uppercase;
  464.                         font-size: 80px;
  465.                         font-weight: 300;
  466.                        
  467.                         small.sppb-slidehsow-sub-title{
  468.                             display: block;
  469.                         }
  470.                     }
  471.                     a, h1, h1 small{
  472.                         color: #ffffff;
  473.                     }
  474.                     p.details{
  475.                         width: 80%;
  476.                         margin-bottom: 35px;
  477.                         font-size: 18px;
  478.                         font-weight: 300;
  479.                         color: #fff;
  480.                     }
  481.                     a.sppb-slideshow-fullwidth-read-more{
  482.                         text-shadow: none;
  483.                         font-size: 16px;
  484.                         background: none;
  485.                         cursor: pointer;
  486.                         padding: 20px 40px;
  487.                         display: inline-block;
  488.                         margin: 15px 30px;
  489.                         text-transform: uppercase;
  490.                         letter-spacing: 1px;
  491.                         outline: none;
  492.                         position: relative;
  493.                         color: #fff;
  494.                         -webkit-transition: all 0.3s;
  495.                         -moz-transition: all 0.3s;
  496.                         transition: all 0.3s;
  497.                         border-radius: 4px;
  498.                         &:after{
  499.                             width: 0%;
  500.                             height: 100%;
  501.                             top: 0;
  502.                             left: 0;
  503.                             content: '';
  504.                             position: absolute;
  505.                             z-index: -1;
  506.                             -webkit-transition: all 0.3s;
  507.                             -moz-transition: all 0.3s;
  508.                             transition: all 0.3s;
  509.                             border-radius: 2px;
  510.                         }
  511.                         &:hover:after{
  512.                             width: 100%;
  513.                         }
  514.                         span{
  515.                             color: #fff;
  516.                         }
  517.                     }
  518.                     a i{
  519.                         &.fa-edit{
  520.                             margin-right: 10px;
  521.                             font-size: 20px;
  522.                             vertical-align: middle;
  523.                         }
  524.                         &.fa-long-arrow-right{
  525.                             vertical-align: middle;
  526.                             margin-left: 10px;
  527.                         }
  528.                     }
  529.                 }
  530.             }
  531.         }  
  532.         .owl-dots {
  533.             text-align: center;
  534.             margin-top: 20px;
  535.         }
  536.         .customNavigation a {
  537.             position: absolute;
  538.             top: 50%;
  539.             font-size: 45px;
  540.             z-index: 999;
  541.             color: #fff;
  542.             cursor: pointer;
  543.             padding: 0 10px;
  544.             line-height: 120px;
  545.             opacity: 0;
  546.             margin-left: -400px;
  547.             margin-right: -400px;
  548.             z-index: 1;
  549.             .transition(400ms);
  550.             &.sppbSlidePrev{
  551.                 left: 0px;
  552.                 i{
  553.                     border: 2px solid;
  554.                     padding: 12px 26px;
  555.                     border-radius: 50px;
  556.                 }
  557.             }
  558.             &.sppbSlideNext{
  559.                 right: 0;
  560.                 i{
  561.                     border: 2px solid;
  562.                     padding: 12px 26px;
  563.                     border-radius: 50px;
  564.                 }
  565.             }
  566.         }
  567.         &:hover{
  568.             .customNavigation a {
  569.                 margin-left: 0px;
  570.                 margin-right: 0px;
  571.                 opacity: 1;
  572.             }
  573.         }  
  574.     }
  575. }
  576.  
  577. @media (min-width:997px){
  578.     //Slideshow
  579.     .sppb-slider-wrapper.sppb-slider-fullwidth-wrapper{
  580.         .sppb-slideshow-fullwidth-item-bg .container .sppb-slideshow-fullwidth-item-text{
  581.             margin-top: -45px;
  582.         }
  583.         .customNavigation a{
  584.             margin-top: -90px;
  585.         }
  586.     }
  587. }
  588.  
  589.  
  590. /* ***********  END:: Fullwidth Slideshow   *********** */
  591. /* **************************************************** */
  592.  
  593. /* ***********       (Addon - Teams)        *********** */
  594. /* ***********     START About & Teams      *********** */
  595. /* **************************************************** */
  596.  
  597. // Teams title
  598. #sp-page-builder .onepage-teams-section .sppb-section-title{
  599.     margin-bottom: 30px;
  600. }
  601.  
  602. .sppb-teams-wrapper {
  603.     &.sppb-carousel{
  604.         position: relative;
  605.         margin-top: 40px;
  606.         .sppb-carousel-inner{
  607.             //margin-left: 22px;
  608.             .sppb-item{
  609.                 padding: 0;
  610.             }
  611.         }
  612.     }
  613.     ul{
  614.         list-style: none;
  615.         margin: 0;
  616.         padding: 0;
  617.         li{
  618.             float: left;
  619.             width: 25%;
  620.             position: relative;
  621.             overflow: hidden;
  622.             .transition(width 500ms);
  623.             .sppb-team-image-wrapper{
  624.                 display: inline-block;
  625.                 overflow: hidden;
  626.                 img{
  627.                     padding: 0;
  628.                     background: 0;
  629.                     border: 0;
  630.                     border-radius: 0;
  631.                     max-height: 263px;
  632.                 }
  633.             }
  634.             .sppb-team-info{
  635.                 width: 0;
  636.                 padding: 20px;
  637.                 display: none;
  638.                 position: absolute;
  639.                 height: 100%;
  640.                 overflow: hidden;
  641.                 .transition(400ms);
  642.                 .box-sizing(border-box);
  643.                 h3{
  644.                     text-transform: uppercase;
  645.                     margin: 10px 0;
  646.                 }
  647.                 h3,p{
  648.                     color: #000;
  649.                 }
  650.                 .sppb-team-social-icons{
  651.                     a{
  652.                        
  653.                         background: #000;
  654.                         width: 30px;
  655.                         height: 20px;
  656.                         position: relative;
  657.                         display: inline-block;
  658.                         margin: 30px 5px 0 0;
  659.                         text-align: center;
  660.                             i{
  661.                                 font-size: 16px;
  662.                                 line-height: 16px;
  663.                             }
  664.                         &:hover{
  665.                             i{
  666.                                 color: #fff;
  667.                             }
  668.                         }
  669.                         &:before{
  670.                             content: "";
  671.                             position: absolute;
  672.                             top: -8px;
  673.                             left: 0;
  674.                             width: 0;
  675.                             height: 0;
  676.                             border-left: 15px solid transparent;
  677.                             border-right: 15px solid transparent;
  678.                             border-bottom: 8px solid #000;
  679.                         }
  680.                         &:after{
  681.                             content: "";
  682.                             position: absolute;
  683.                             bottom: -8px;
  684.                             left: 0;
  685.                             width: 0;
  686.                             height: 0;
  687.                             border-left: 15px solid transparent;
  688.                             border-right: 15px solid transparent;
  689.                             border-top: 8px solid #000;
  690.                         }
  691.  
  692.                     }
  693.                 }
  694.             }
  695.             &.active{
  696.                 width: 50%;
  697.                 position: relative;
  698.                 .transition(width 500ms);
  699.                 .sppb-team-image-wrapper{
  700.                     float: left;
  701.                     display: inline-block;
  702.                 }
  703.                 .sppb-team-info{
  704.                     width: 50%;
  705.                     display: inline-block;
  706.                 }
  707.             }
  708.             &:hover{
  709.                 .sppb-team-info{
  710.                     width: 293px;
  711.                 }
  712.             }
  713.         }
  714.     }
  715.  
  716.     .sppb-carousel-arrow{
  717.             .translate(0, -50%);
  718.             top: 50%;
  719.             font-size: 80px;
  720.             height: 100px;
  721.             line-height: 100px;
  722.             text-shadow: none;
  723.     }
  724.     .sppb-carousel-arrow.left{
  725.         .translate(-150%, -50%);
  726.     }
  727.     .sppb-carousel-arrow.right{
  728.         .translate(150%, -50%);
  729.     }
  730. }
  731.  
  732.  
  733. /* ***********     END:: About & Teams      *********** */
  734. /* **************************************************** */
  735.  
  736. /* ***********      (Addon - Features)      *********** */
  737. /* ***********   START Services & Features  *********** */
  738. /* **************************************************** */
  739.  
  740. .features-hexa{
  741.     .sppb-addon-feature{
  742.         color: #fff;
  743.         .sppb-icon{
  744.             span{
  745.                 position: relative;
  746.                 padding: 20px 40px;
  747.                 clear: both;
  748.                 &:before{
  749.                     content: " ";
  750.                     position: absolute;
  751.                     top: -30px;
  752.                     left: 0;
  753.                     width: 100%;
  754.                     border-left: 70px solid transparent;
  755.                     border-right: 70px solid transparent;
  756.                 }
  757.                 &:after{
  758.                     content: " ";
  759.                     position: absolute;
  760.                     bottom: -30px;
  761.                     left: 0;
  762.                     width: 100%;
  763.                     border-left: 70px solid transparent;
  764.                     border-right: 70px solid transparent;
  765.                 }
  766.             }
  767.         }
  768.         .sppb-feature-box-title{
  769.             color: #fff;
  770.             margin-top: 80px;
  771.             padding-top: 20px;
  772.             margin-bottom: 0;
  773.             .transition(background 200ms);
  774.             position: relative;
  775.  
  776.             &:before{
  777.                 position: absolute;
  778.                 top: 10px;
  779.                 left: 50%;
  780.                 .translate(-50%,-50%);
  781.                 .transition(400ms);
  782.                 content: " ";
  783.                 width: 0;
  784.                 height: 0;
  785.                 border: solid transparent;
  786.                 border-width: 20px;
  787.                 border-bottom-color: #fff;
  788.                 opacity: 0;
  789.             }
  790.         }
  791.         .sppb-addon-text{
  792.             padding: 20px;
  793.             font-size: 16px;
  794.             .transition(all .3s);
  795.         }
  796.         &:hover{
  797.             .sppb-feature-box-title{
  798.                 color: #000;
  799.                 background-color: #fff;
  800.                 &:before{
  801.                     top: -20px;
  802.                     opacity: 1;
  803.                 }
  804.             }
  805.             .sppb-addon-text{
  806.                 background-color: #fff;
  807.             }
  808.         }
  809.     }
  810. }
  811.  
  812. /* ***********   END:: Services & Features  *********** */
  813. /* **************************************************** */
  814.  
  815. /* ***********     (Module - Portfolio)     *********** */
  816. /* ***********       START Portfilio        *********** */
  817. /* **************************************************** */
  818.  
  819. #mod-sp-simpleportfolio.sp-simpleportfolio{
  820.     .sp-simpleportfolio-filter{
  821.         ul > li > a{
  822.             font-size: 18px;
  823.             padding: 8px 12px;
  824.             margin-right: 10px;
  825.             background: transparent;
  826.             .transition(400ms);
  827.         }
  828.         li.active a{
  829.             background: transparent;
  830.         }
  831.     }
  832.     // Item
  833.     .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper{
  834.         .sp-simpleportfolio-img{
  835.             width: 100%;
  836.         }
  837.         .sp-simpleportfolio-overlay{
  838.             .sp-simpleportfolio-btns{
  839.                 a{
  840.                     border: solid 1px #000;
  841.                     color: #000;
  842.                     &:hover{
  843.                         color: #fff;
  844.                     }
  845.                 }
  846.             }
  847.             h3.sp-simpleportfolio-title{
  848.                 font-size: 24px;
  849.                 font-weight: 600;
  850.                 a{
  851.                     color: #000;
  852.                 }
  853.             }
  854.             .sp-simpleportfolio-tags{
  855.                 color: #000;
  856.             }
  857.         }
  858.     }
  859. }
  860.  
  861. /* ***********   END:: Portfilio (module)   *********** */
  862. /* **************************************************** */
  863.  
  864.  
  865. /* *************     (Addons - Clients)   ************* */
  866. /* *************       START Clients      ************* */
  867. /* **************************************************** */
  868.  
  869. .sppb-addon-clients{
  870.     img{
  871.         -webkit-filter: grayscale(100%);
  872.         filter: grayscale(100%);
  873.         margin: 0 auto;
  874.         .transition(all .3s);
  875.         &:hover{
  876.             -webkit-filter: grayscale(0%);
  877.             filter: grayscale(0%);
  878.         }
  879.     }  
  880. }
  881.  
  882. //Clients text bottom
  883.  
  884. .onepage-clients-text{
  885.     font-size: 16px;
  886. }
  887.  
  888. /* *************       END:: Clients      ************* */
  889. /* **************************************************** */
  890.  
  891.  
  892. /* *************     (Addons - Twitter)   ************* */
  893. /* *************       START Twitter      ************* */
  894. /* **************************************************** */
  895.  
  896.  
  897. .onepage-twitter{
  898.     background-position: 0 100%;
  899.     .sppb-addon-tweet{
  900.         position: relative;
  901.         &:before{
  902.             content: " ";
  903.             position: absolute;
  904.             background: url('../images/twitter-icon.png') no-repeat 50% 0;
  905.             width: 68px;
  906.             height: 80px;
  907.             bottom: 100%;
  908.             left: 50%;
  909.             margin-left: -34px;
  910.         }      
  911.         .sppb-carousel-inner{
  912.             color: #fff;
  913.             font-size: 18px;
  914.             margin-top: 100px;
  915.             margin-bottom: 50px;
  916.             .sppb-item{
  917.                 margin-top: 20px;
  918.             }
  919.             .sppb-tweet-text{
  920.                 a{
  921.                     color: #fff;
  922.                 }
  923.             }
  924.         }
  925.         a.sppb-carousel-control{
  926.             display: none;
  927.         }
  928.     }
  929. }
  930.  
  931. /* *************       END:: Twitter      ************* */
  932. /* **************************************************** */
  933.  
  934.  
  935. /* *************  (Addons - Latest Post)  ************* */
  936. /* *************         START Blog       ************* */
  937. /* **************************************************** */
  938.  
  939. // Latest blog posts
  940. .latest-posts{
  941.     .latest-post{
  942.         .img-hexagon{
  943.             .transition(all .3s);
  944.             .rotate(120deg);
  945.  
  946.         }
  947.         .entry-title{
  948.             overflow: hidden;
  949.         }
  950.        
  951.         :hover{
  952.             .img-hexagon{
  953.                 -webkit-transform: scale(1.1) rotate(120deg);
  954.                 transform: scale(1.1) rotate(120deg);
  955.  
  956.             }
  957.         }
  958.     }
  959. }
  960.  
  961. .sppb-addon-latest-posts{
  962.     position: relative;
  963.     margin-top: 10px;
  964.  
  965.     &:before{
  966.         content: " ";
  967.         position: absolute;
  968.         top: 84px;
  969.         left: 50%;
  970.         margin-left: -2px;
  971.         bottom: 84px;
  972.         width: 4px;
  973.         background: #8e8e8e;
  974.         .border-radius(2px);
  975.     }
  976.  
  977.  
  978.     .img-hexagon {
  979.         width: 133px;
  980.         height: 154px;
  981.         overflow: hidden;
  982.         visibility: hidden;
  983.         -webkit-transform: rotate(120deg);
  984.         -moz-transform: rotate(120deg);
  985.         -o-transform: rotate(120deg);
  986.         transform: rotate(120deg);
  987.         cursor: pointer;
  988.         >div{
  989.             overflow: hidden;
  990.             width: 100%;
  991.             height: 100%;
  992.             -webkit-transform: rotate(-60deg);
  993.             -moz-transform: rotate(-60deg);
  994.             -o-transform: rotate(-60deg);
  995.             transform: rotate(-60deg);
  996.  
  997.             >div{
  998.                 width: 100%;
  999.                 height: 100%;
  1000.                 background-size: cover;
  1001.                 background-repeat: no-repeat;
  1002.                 background-position: 50%;
  1003.                 visibility: visible;
  1004.                 -webkit-transform: rotate(-60deg);
  1005.                 -moz-transform: rotate(-60deg);
  1006.                 -o-transform: rotate(-60deg);
  1007.                 transform: rotate(-60deg);
  1008.             }
  1009.         }
  1010.     }
  1011.  
  1012.  
  1013.     .latest-posts{
  1014.         h4.entry-title{
  1015.             font-size: 20px;
  1016.             line-height: 30px;
  1017.             font-weight: lighter;
  1018.             padding: 35px 0 3px;
  1019.             margin: 0;
  1020.  
  1021.             >a{
  1022.                 color: #000;
  1023.             }
  1024.         }
  1025.  
  1026.         .sppb-row{
  1027.             >.sppb-column.latest-post:nth-child(1){
  1028.                 >div{
  1029.                     padding-right: 50px;
  1030.                     position: relative;
  1031.                     display: inline-block;
  1032.                     &:after{
  1033.                         content: " ";
  1034.                         position: absolute;
  1035.                         top: 50%;
  1036.                         margin-top: -8px;
  1037.                         right: -23px;
  1038.                         width: 16px;
  1039.                         height: 16px;
  1040.                         .border-radius(10px);
  1041.                     }
  1042.                 }
  1043.  
  1044.                 text-align: right;
  1045.                 .img-hexagon{
  1046.                     float: right;
  1047.                     margin-left: 30px;
  1048.                 }
  1049.             }
  1050.  
  1051.             >.sppb-column.latest-post:nth-child(2){
  1052.                 >div{
  1053.                     position: relative;
  1054.                     margin-top: 90px;
  1055.                     padding-left: 50px;
  1056.                     display: inline-block;
  1057.                     &:after{
  1058.                         content: " ";
  1059.                         position: absolute;
  1060.                         top: 50%;
  1061.                         margin-top: -8px;
  1062.                         left: -23px;
  1063.                         width: 16px;
  1064.                         height: 16px;
  1065.                         .border-radius(10px);
  1066.                     }
  1067.                 }
  1068.                 .img-hexagon{
  1069.                     float: left;
  1070.                     margin-right: 30px;
  1071.                 }
  1072.             }
  1073.         }
  1074.     }
  1075. }
  1076. /* *************         END:: Blog       ************* */
  1077. /* **************************************************** */
  1078.  
  1079. /* ***********      (Component - Article)    *********** */
  1080. /* ***********  START Blog Listing & Details ********** */
  1081. /* **************************************************** */
  1082.  
  1083. // Blog details
  1084. .article-info {
  1085.     margin: 0 -8px 5px;
  1086.     line-height: 12px;
  1087.     >dd{
  1088.         display: inline-block;
  1089.         font-size: 12px;
  1090.         color: #666;
  1091.         text-transform: uppercase;
  1092.         margin: 0 8px;
  1093.         >i {
  1094.             display: inline-block;
  1095.             margin-right: 3px;
  1096.         }
  1097.     }
  1098. }
  1099.  
  1100. article {
  1101.     &.item {
  1102.         margin-bottom: 50px;
  1103.     }
  1104. }
  1105.  
  1106. .tags {
  1107.     margin-top: 20px;
  1108.     >span {
  1109.         text-transform: uppercase;
  1110.         letter-spacing: 2px;
  1111.     }
  1112. }
  1113.  
  1114. //Article Voting
  1115. .content_rating,
  1116. .content_rating + form {
  1117.     display: none;
  1118. }
  1119.  
  1120. .voting-symbol{
  1121.     unicode-bidi: bidi-override;
  1122.     direction: rtl;
  1123.     font-size: 14px;
  1124.     display: inline-block;
  1125.  
  1126.     span.star {
  1127.         font-family: "FontAwesome";
  1128.         font-weight: normal;
  1129.         font-style: normal;
  1130.         display: inline-block;
  1131.  
  1132.         &.active:before{
  1133.             content: "\f005";
  1134.         }
  1135.  
  1136.         &:before{
  1137.             content: "\f006";
  1138.             padding-right: 5px;
  1139.         }
  1140.  
  1141.     }
  1142. }
  1143.  
  1144. .sp-rating {
  1145.     span.star:hover:before,
  1146.     span.star:hover ~ span.star:before {
  1147.         content: "\f005";
  1148.         cursor: pointer;
  1149.     }
  1150. }
  1151.  
  1152. .post_rating {
  1153.     margin-bottom: 20px;
  1154.     .ajax-loader,
  1155.     .voting-result {
  1156.         display: none;
  1157.     }
  1158. }
  1159.  
  1160. .post-format {
  1161.     position: absolute;
  1162.     top: 0;
  1163.     left: -68px;
  1164.     display: block;
  1165.     width: 48px;
  1166.     height: 48px;
  1167.     font-size: 24px;
  1168.     line-height: 48px;
  1169.     text-align: center;
  1170.     color: #fff;
  1171.     border-radius: 3px;
  1172. }
  1173.  
  1174. .entry-image,
  1175. .entry-gallery,
  1176. .entry-video,
  1177. .entry-audio,
  1178. .entry-link {
  1179.     margin-bottom: 30px;
  1180. }
  1181.  
  1182. .entry-status,
  1183. .entry-quote {
  1184.     margin-bottom: 50px;
  1185. }
  1186.  
  1187.  
  1188. .entry-header {
  1189.     position: relative;
  1190.     margin-bottom: 30px;
  1191.  
  1192.     &.has-post-format {
  1193.         margin-left: 68px;
  1194.     }
  1195.  
  1196.     h2 {
  1197.         margin: 8px 0 0;
  1198.         font-size: 24px;
  1199.         line-height: 1;
  1200.         a {
  1201.             color: #000;
  1202.         }
  1203.     }
  1204. }
  1205.  
  1206. .entry-link {
  1207.     padding: 100px 50px;
  1208.     position: relative;
  1209.     z-index: 1;
  1210.  
  1211.     a {
  1212.         h4 {
  1213.             margin: 0;
  1214.             font-size: 36px;
  1215.             color: #fff;
  1216.             &:hover {
  1217.                 color:rgba(255, 255, 255, 0.85);
  1218.             }          
  1219.         }
  1220.     }
  1221.  
  1222.     &:before {
  1223.         position: absolute;
  1224.         left: -60px;
  1225.         font-size: 300px;
  1226.         content: "\f0c1";
  1227.         font-family: FontAwesome;
  1228.         transform: rotate(90deg);
  1229.         top: -75px;
  1230.         color: rgba(255, 255, 255, 0.15);
  1231.         z-index: -1;
  1232.     }
  1233. }
  1234.  
  1235. .entry-quote {
  1236.     position: relative;
  1237.     padding: 80px 50px;
  1238.     color:rgba(255, 255, 255, 0.9);
  1239.  
  1240.     &:before {
  1241.         position: absolute;
  1242.         left: -40px;
  1243.         font-size: 300px;
  1244.         content: "\f10e";
  1245.         font-family: FontAwesome;
  1246.         transform: rotate(15deg);
  1247.         top: -75px;
  1248.         color: rgba(255,255,255,0.15);
  1249.  
  1250.     }  
  1251.  
  1252.     blockquote small {
  1253.         color: #FFF;
  1254.         font-weight: 600;      
  1255.         font-size: 20px;
  1256.     }
  1257.  
  1258.     blockquote {
  1259.         padding: 0;
  1260.         margin: 0;
  1261.         font-size: 16px;
  1262.         border: none;
  1263.     }
  1264. }
  1265.  
  1266. .carousel-left,
  1267. .carousel-right {
  1268.     position: absolute;
  1269.     top: 50%;
  1270.     font-size: 24px;
  1271.     width: 36px;
  1272.     height: 36px;
  1273.     line-height: 36px;
  1274.     margin-top: -18px;
  1275.     text-align: center;
  1276.     color: #fff;
  1277.     background: rgba(0, 0, 0, 0.5);
  1278.     border-radius: 4px;
  1279.     -webkit-transition: 400ms;
  1280.     transition: 400ms;
  1281.  
  1282.     &:hover {
  1283.         color: #fff;
  1284.     }
  1285.  
  1286.     &:focus {
  1287.         color: #fff;
  1288.     }
  1289. }
  1290.  
  1291. .carousel-left {
  1292.     left: 10px;
  1293. }
  1294.  
  1295. .carousel-right {
  1296.     right: 10px;
  1297. }
  1298.  
  1299. .newsfeed-category {
  1300.     .category {
  1301.         list-style: none;
  1302.         padding: 0;
  1303.         margin: 0;
  1304.  
  1305.         li {
  1306.             padding: 5px 0;
  1307.         }
  1308.     }
  1309.  
  1310.     #filter-search {
  1311.         margin: 10px 0;
  1312.     }
  1313. }
  1314.  
  1315. .category-module,
  1316. .categories-module,
  1317. .archive-module,
  1318. .latestnews,
  1319. .newsflash-horiz,
  1320. .mostread,
  1321. .form-links,
  1322. .list-striped {
  1323.     list-style: none;
  1324.     padding: 0;
  1325.     margin: 0;
  1326.  
  1327.     li {
  1328.         padding: 2px 0;
  1329.  
  1330.         h4 {
  1331.             margin: 5px 0;
  1332.         }
  1333.     }
  1334. }
  1335.  
  1336.  
  1337. /* ***********  END:: Blog Listing & Details ********** */
  1338. /* **************************************************** */
  1339.  
  1340.  
  1341. /* **************    (Addons - Contact) *************** */
  1342. /* **************     Start Contact     *************** */
  1343. /* **************************************************** */
  1344.  
  1345. .onepage-contact-wrapper .sppb-addon-container{
  1346.     position: relative;
  1347.     .onepage-contact-form .sppb-addon-content{
  1348.         position: absolute;
  1349.         top: 0px;
  1350.         left: inherit;
  1351.         width: 500px;
  1352.         height: 100%;
  1353.         background-color: rgba(0,0,0,0.5);
  1354.         padding: 40px 30px;
  1355.  
  1356.         form{
  1357.             input,textarea{
  1358.                 width: 100%;
  1359.                 background: transparent;
  1360.                 color: #fff;
  1361.             }
  1362.             input{
  1363.                 min-height: 40px;
  1364.             }
  1365.             .sppb-form-control:hover,
  1366.             .sppb-form-control:focus
  1367.             {
  1368.                 box-shadow: none;
  1369.             }
  1370.             .sppb-btn-success{
  1371.                 text-transform: uppercase;
  1372.                 border: 1px solid #454545;
  1373.                 padding: 12px;
  1374.                 background: transparent;
  1375.                 &:hover{
  1376.                     color: #000;
  1377.                 }
  1378.                
  1379.             }
  1380.         }
  1381.     }
  1382. }
  1383.  
  1384.  
  1385. /* **************     END:: Contact     *************** */
  1386. /* **************************************************** */
  1387.  
  1388.  
  1389. /* **************     START ComingSoon  *************** */
  1390. /* **************************************************** */
  1391.  
  1392. .sp-comingsoon {
  1393.  
  1394.     width: 100%;
  1395.     height: 100%;
  1396.     min-height: 100%;
  1397.  
  1398.     body {
  1399.         width: 100%;
  1400.         height: 100%;
  1401.         min-height: 100%;
  1402.         color: #fff;
  1403.     }
  1404.  
  1405.     .sp-comingsoon-title {
  1406.         margin-top: 130px;
  1407.         font-size: 42px;
  1408.         margin-bottom: 10px;
  1409.         font-weight: 700;
  1410.     }
  1411.  
  1412.     .sp-comingsoon-content {
  1413.         font-size: 28px;
  1414.         font-weight: 300;
  1415.     }
  1416.  
  1417.     .days,
  1418.     .hours,
  1419.     .minutes,
  1420.     .seconds{
  1421.         display: inline-block;
  1422.         margin: 80px 15px;
  1423.     }
  1424.  
  1425.     .days .number,
  1426.     .hours .number,
  1427.     .seconds .number,
  1428.     .minutes .number{
  1429.         width: 115px;
  1430.         height: 120px;
  1431.         line-height: 120px;
  1432.         border: 1px solid #fff;
  1433.         border-radius: 4px;
  1434.         display: inline-block;
  1435.         font-size: 48px;
  1436.         font-weight: bold;
  1437.     }
  1438.  
  1439.     .days .string,
  1440.     .minutes .string,
  1441.     .seconds .string,
  1442.     .hours .string{
  1443.         display: block;
  1444.         font-size: 18px;
  1445.         margin-top: 10px;
  1446.     }
  1447.  
  1448.     .social-icons li {
  1449.         display: inline-block;
  1450.         margin: 0 15px;
  1451.  
  1452.         a {
  1453.             color: rgba(255, 255, 255, 0.7);
  1454.             font-size: 24px;
  1455.             -webkit-transition: color 400ms;
  1456.             transition: color 400ms;
  1457.  
  1458.             &:hover {
  1459.                 color: #fff;
  1460.             }
  1461.         }
  1462.     }
  1463. }
  1464. /* **************     END:: ComingSoon  *************** */
  1465. /* **************************************************** */
  1466.  
  1467.  
  1468. /* **************     START ERROR Page  *************** */
  1469. /* **************************************************** */
  1470.  
  1471. .error-page {
  1472.     width: 100%;
  1473.     height: 100%;
  1474.     min-height: 100%;
  1475.  
  1476.     body {
  1477.         width: 100%;
  1478.         height: 100%;
  1479.         min-height: 100%;
  1480.     }
  1481.  
  1482.     .error-page-inner {
  1483.         height: 100%;
  1484.         min-height: 100%;
  1485.         width: 100%;
  1486.         display: table;
  1487.         text-align: center;
  1488.         >div {
  1489.             display: table-cell;
  1490.             vertical-align: middle;
  1491.         }
  1492.     }
  1493.  
  1494.     .fa-exclamation-triangle {
  1495.         font-size: 64px;
  1496.         line-height: 1;
  1497.         margin-bottom: 10px;
  1498.     }
  1499.  
  1500.     .error-code {
  1501.         font-weight: bold;
  1502.         font-size: 96px;
  1503.         line-height: 1;
  1504.         margin: 0 0 10px 0;
  1505.         padding: 0;
  1506.     }
  1507.  
  1508.     .error-message {
  1509.         font-size: 24px;
  1510.         line-height: 1;
  1511.         margin-bottom: 30px;
  1512.     }
  1513. }
  1514. /* **************     END:: ERROR Page  *************** */
  1515. /* **************************************************** */
  1516.  
  1517.  
  1518. /* ************************************************************************************ */
  1519. /* **************       END:: Page Builder Addons & Home Sections       *************** */
  1520. /* ************************************************************************************ */
  1521.  
  1522.  
  1523. /* ************** START Footer & Bottom *************** */
  1524. /* **************************************************** */
  1525.  
  1526. .onepage-bottom{
  1527.     margin-top: 0 !important;
  1528.     .bottom-social-share{
  1529.         text-align: center;
  1530.         padding-top: 40px;
  1531.         i{
  1532.             font-size: 20px;
  1533.             color: #fff;
  1534.             margin-right: 20px;
  1535.             .transition(400ms);
  1536.         }
  1537.     }  
  1538. }
  1539.  
  1540. //Footer start here
  1541.  
  1542. #sp-footer{
  1543.     padding: 40px 0;
  1544.     font-size: 16px;
  1545.     color: #fff;
  1546.     text-align: center;
  1547. }
  1548.  
  1549. //footer close here
  1550.  
  1551. /* ************** END:: Footer & Bottom *************** */
  1552. /* **************************************************** */
  1553.  
  1554.  
  1555.  
  1556. /* **************      START Module     *************** */
  1557. /* **************************************************** */
  1558.  
  1559. // Module Common Styles
  1560. .sp-module {
  1561.     margin-top: 50px;
  1562.     &:first-child {
  1563.         margin-top: 0;
  1564.     }
  1565.     .sp-module-title {
  1566.         margin: 0 0 20px;
  1567.         font-size: 14px;
  1568.         text-transform: uppercase;
  1569.         line-height: 1;
  1570.     }
  1571.  
  1572.     //Un-ordered List
  1573.     ul {
  1574.         list-style: none;
  1575.         padding: 0;
  1576.         margin: 0;
  1577.         >li {
  1578.             display: block;
  1579.             border-bottom: 1px solid #e8e8e8;
  1580.             -webkit-transition: 300ms;
  1581.             transition: 300ms;
  1582.             >a {
  1583.                 display: block;
  1584.                 padding: 5px 0;
  1585.                 line-height: 36px;
  1586.                 padding: 2px 0;
  1587.                 -webkit-transition: 300ms;
  1588.                 transition: 300ms;
  1589.  
  1590.                 &:hover {
  1591.                     background: none;
  1592.                 }
  1593.  
  1594.                 &:before {
  1595.                     font-family: FontAwesome;
  1596.                     content: "\f105";
  1597.                     margin-right: 8px;
  1598.                 }
  1599.             }
  1600.  
  1601.             &:last-child {
  1602.                 border-bottom: none;
  1603.             }
  1604.         }
  1605.     }
  1606.  
  1607.     //List category
  1608.     .categories-module {
  1609.         ul {
  1610.             margin: 0 10px;
  1611.         }
  1612.     }
  1613.  
  1614.     //Latest News
  1615.     .latestnews {
  1616.         >div {
  1617.             padding-bottom: 5px;
  1618.             margin-bottom: 5px;
  1619.             border-bottom: 1px solid #e8e8e8;
  1620.  
  1621.             &:last-child {
  1622.                 padding-bottom: 0;
  1623.                 margin-bottom: 0;
  1624.                 border-bottom: 0;
  1625.             }
  1626.             >a {
  1627.                 display: block;
  1628.                 font-weight: 400;
  1629.             }
  1630.         }
  1631.     }
  1632.  
  1633.     //Tags Cloud
  1634.     .tagscloud {
  1635.         margin: -2px 0;
  1636.         .tag-name {
  1637.             display: inline-block;
  1638.             padding: 5px 10px;
  1639.             background: #808080;
  1640.             color: #fff;
  1641.             border-radius: 4px;
  1642.             margin: 2px 0;
  1643.  
  1644.             span {
  1645.                 display: inline-block;
  1646.                 min-width: 10px;
  1647.                 padding: 3px 7px;
  1648.                 font-size: 12px;
  1649.                 font-weight: 700;
  1650.                 line-height: 1;
  1651.                 text-align: center;
  1652.                 white-space: nowrap;
  1653.                 vertical-align: baseline;
  1654.                 background-color: rgba(0, 0, 0, 0.2);
  1655.                 border-radius: 10px;
  1656.             }
  1657.         }
  1658.     }
  1659. }
  1660.  
  1661. /* **************       END:: Module    *************** */
  1662. /* **************************************************** */
  1663.  
  1664.  
  1665. /* **************       START Login     *************** */
  1666. /* **************************************************** */
  1667.  
  1668. .login {
  1669.  
  1670.     img {
  1671.     display: inline-block;
  1672.     margin: 20px 0;
  1673.     }
  1674.  
  1675.     .checkbox {
  1676.       input[type="checkbox"] {
  1677.         margin-top: 6px;
  1678.       }
  1679.     }
  1680. }
  1681.  
  1682. .form-links{
  1683.     ul {
  1684.         list-style: none;
  1685.         padding: 0;
  1686.         margin: 0;
  1687.     }
  1688. }
  1689.  
  1690. /* **************      END:: Login      *************** */
  1691. /* **************************************************** */
  1692.  
  1693.  
  1694. /* **************     START Search      *************** */
  1695. /* **************************************************** */
  1696.  
  1697. .search {
  1698.     .btn-toolbar {
  1699.         margin-bottom: 20px;
  1700.         span.icon-search {
  1701.             margin: 0;
  1702.         }
  1703.         button {
  1704.             color: #fff;
  1705.         }
  1706.     }
  1707.  
  1708.     .phrases {
  1709.         .phrases-box {
  1710.             .controls{
  1711.                 label {
  1712.                     display: inline-block;
  1713.                     margin: 0 20px 20px;
  1714.                 }  
  1715.             }
  1716.         }
  1717.  
  1718.         .ordering-box {
  1719.             margin-bottom: 15px;
  1720.         }
  1721.     }
  1722.  
  1723.     .only {
  1724.         label {
  1725.             display: inline-block;
  1726.             margin: 0 20px 20px;   
  1727.         }
  1728.     }
  1729.  
  1730.     .search-results {
  1731.  
  1732.         dt.result-title {
  1733.             margin-top: 40px;  
  1734.         }
  1735.         dt,dd {
  1736.             margin: 5px 0;
  1737.         }
  1738.     }
  1739. }
  1740.  
  1741. .filter-search {
  1742.     .chzn-container-single {
  1743.         .chzn-single {
  1744.             height:34px;
  1745.             line-height:34px;
  1746.         }
  1747.     }
  1748. }
  1749.  
  1750. .form-search {
  1751.     .finder {
  1752.         label {
  1753.             display: block;
  1754.         }
  1755.  
  1756.         .input-medium {
  1757.             width: 60%;
  1758.             border-radius: 4px;
  1759.         }
  1760.     }
  1761. }
  1762.  
  1763. .finder {
  1764.     .word {
  1765.         input {
  1766.             display: inline-block;
  1767.         }
  1768.     }
  1769.  
  1770.     .search-results.list-striped {
  1771.         li {
  1772.             padding: 20px 0;
  1773.         }
  1774.     }
  1775. }
  1776.  
  1777. /* **************     END:: Search      *************** */
  1778. /* **************************************************** */
  1779.  
  1780.  
  1781.  
  1782. /* **************    START MIXED CSS    *************** */
  1783. /* **************************************************** */
  1784.  
  1785. .sp-social-share {
  1786.     ul{
  1787.         display: block;
  1788.         padding: 0;
  1789.         margin: 20px -5px 0;
  1790.  
  1791.         li{
  1792.             display: inline-block;
  1793.             font-size: 24px;
  1794.             margin: 0 5px;
  1795.         }
  1796.     }
  1797. }
  1798.  
  1799.  
  1800. // profile
  1801. .dl-horizontal {
  1802.     dt {
  1803.         margin: 8px 0;
  1804.         text-align: left;
  1805.     }
  1806. }
  1807.  
  1808.  
  1809. // page-header
  1810. .page-header {
  1811.     padding-bottom: 15px;
  1812. }
  1813.  
  1814. // featured contact
  1815. table.category {
  1816.  
  1817.     width: 100%;
  1818.     thead,
  1819.     tbody{
  1820.         >tr {
  1821.             border: 1px solid #f2f2f2; 
  1822.             th,td {
  1823.                 padding: 10px;
  1824.             }
  1825.         }
  1826.     }
  1827. }
  1828.  
  1829. //contact from
  1830. .contact-form {
  1831.     .form-actions {
  1832.         background: none;
  1833.         border: none;
  1834.     }
  1835. }
  1836.  
  1837. @media print {
  1838.     .visible-print {
  1839.         display: inherit !important;
  1840.     }
  1841.     .hidden-print {
  1842.         display: none !important;
  1843.     }
  1844. }
  1845.  
  1846.  
  1847.  
  1848. /* **************    END:: MIXED CSS    *************** */
  1849. /* **************************************************** */
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!