Advertisement
Guest User

Kalium Travel Demo, CSS Codes used for the demo

a guest
Oct 24th, 2017
80
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 17.34 KB | None | 0 0
  1. /* ===========================================================
  2. Custom modification only for TRAVEL Demo - START
  3. =========================================================== */
  4.  
  5. /* Pages: Title Color */
  6. .blog h1.page-heading--title,
  7. .tours-title h1,
  8. .tickets .section-title h1,
  9. .destinations-title.section-title h1 {
  10.     color: #4484CE;
  11. }
  12.  
  13. /* Pages: Title Line Height */
  14. .page-heading--description p {
  15.     line-height: 26px; 
  16. }
  17.  
  18. /* Underline Color and Height */
  19. .wrapper a:after, footer.main-footer a:after {
  20.     background-color: #FBCE00;
  21. }
  22.  
  23. /* Header: Background */
  24. header.main-header {
  25.     border-bottom: 1px solid rgba(0,0,0,0.05);
  26. }
  27.  
  28. /* Header: Slider Bullets Height */
  29. .bullet-bar .tp-bullet {
  30.     height: 2px;   
  31. }
  32.  
  33. /* Header: Mobile Menu Overlay Color */
  34. .mobile-menu-wrapper.mobile-menu-fullscreen+.mobile-menu-overlay {
  35.     background: rgba(68,132,206,0.9);
  36. }
  37.  
  38. /* Homepage: Services Spacing */
  39. .services-row {
  40.     padding: 50px 0;
  41. }
  42.  
  43. /* Homepage: Service Box Spacing */
  44. .service-box {
  45.     padding: 0 20px;   
  46.     line-height: 24px;
  47. }
  48.  
  49. /* Homepage: Service Box Icon */
  50. .service-box .retina-icon {
  51.     width: 64px;
  52.     margin: 0 auto;
  53.     margin-bottom: 25px;
  54. }
  55.  
  56. /* Homepage: News See More Button */
  57. .more-link {
  58.     border: none;
  59.     position: absolute;
  60.     top: 0px;
  61.     right: 0px;
  62.     min-width: auto;
  63. }
  64.  
  65. /* Homepage: News See More Button */
  66. .more-link .show-more {
  67.     padding:0px;
  68.     margin: 0px;
  69. }
  70.  
  71. /* Homepage: News See More Button */
  72. .more-link .show-more .reveal-button {
  73.     border: none;
  74. }
  75.  
  76. /* Homepage: News See More Button */
  77. .more-link .show-more .reveal-button a {
  78.     background: #FBCE00;
  79.     border-radius: 50px;
  80.     -webkit-border-radius: 3px;
  81.     -moz-border-radius: 3px;
  82.     color: #222;
  83.     width: auto;
  84.     padding: 12px 25px;
  85. }
  86.  
  87. /* Homepage: News See More Button */
  88. .more-link .show-more .reveal-button a:hover {
  89.     background: #ffda2f;
  90. }
  91.  
  92. /* Homepage: News See More Button */
  93. .more-link .show-more .reveal-button a:before {
  94.     content: "ยป";
  95.     margin-left: 10px;
  96.     float: right;
  97.     line-height : 1
  98. }
  99.  
  100. /* Homepage: City Break */
  101. .homepage-city-break .wpb_wrapper .section-title {
  102.     text-align: center;
  103.     padding: 50px 0;
  104. }
  105.  
  106. /* Homepage: City Break Title */
  107. .homepage-city-break .wpb_wrapper .section-title h2 {
  108.     color: #FFF;
  109. }
  110.  
  111. /* Homepage: City Break Paragraph */
  112. .homepage-city-break .wpb_wrapper .section-title p {
  113.     color: #FFF;
  114. }
  115.  
  116. /* Homepage: News Spacing */
  117. .homepage-news {
  118.     padding: 35px 0 0 0;
  119. }
  120.  
  121. /* Homepage: News Title */
  122. .homepage-news .wpb_wrapper .section-title>h2 {
  123.     margin: 0px
  124. }
  125.  
  126. /* Homepage: Booking Widget:Start */
  127. .booking-widget  {
  128.     padding: 0px;
  129.     margin: 0px;
  130. }
  131.  
  132. /* Homepage: Removed padding on the Widget class */
  133. .booking-widget .bos_searchbox_widget_class {
  134.     padding: 0;
  135. }
  136.  
  137. /* Layout changes for Booking.com Official Search Box plugin :START */
  138. .booking-widget #flexi_searchbox select {
  139.     border: none;
  140.     padding-left: 7px;
  141.     padding-right: 7px;
  142.     border-radius: 3px;
  143.     -webkit-border-radius: 3px;
  144.     -moz-border-radius: 3px;
  145. }
  146.  
  147. .booking-widget #flexi_searchbox #b_searchboxInc .b_submitButton_wrapper {
  148.     margin-top: 7px;
  149. }
  150.  
  151. .booking-widget #flexi_searchbox #b_searchboxInc #b_destination {
  152.     width: 100%;
  153.     padding: 15px !important;  
  154. }
  155.  
  156. .booking-widget #flexi_searchbox h4 {
  157.     margin-bottom: 10px;
  158. }
  159.  
  160. .booking-widget #flexi_searchbox h3 {
  161.     display: none;
  162. }
  163.  
  164. .booking-widget #flexi_searchbox #b_searchboxInc .b_submitButton_wrapper {
  165.     width: 10%;
  166.     float: left;
  167.     clear: none;
  168.     padding: 20px 0px 0px 15px;
  169. }
  170.  
  171. .booking-widget #flexi_searchbox select {
  172.     margin-right: 10px;
  173. }
  174.  
  175. .booking-widget .wpb_widgetised_column {
  176.     margin-bottom: 0px;
  177.     padding: 35px 0;
  178. }
  179. /* Homepage: Booking Widget :END */
  180.  
  181.  
  182. /* Homepage: Destinations Title*/
  183. .homepage-destinations-title {
  184.     text-align: center;
  185. }
  186.  
  187. /* Homepage: Destinations Remove Extra Spacing */
  188. .homepage-destinations.lab-portfolio-items .portfolio-title-holder {
  189.     margin-bottom: 0px;
  190. }
  191.  
  192. /* Homepage: Destinations Border Radius */
  193. .homepage-destinations .portfolio-holder .thumb,
  194. .destinations .portfolio-holder .item-box.wow.animated .thumb .hover-state,
  195. .destinations .portfolio-holder .portfolio-item.masonry-portfolio-item .masonry-box .masonry-thumb {
  196.     border-radius: 3px;
  197.     -webkit-border-radius: 3px;
  198.     -moz-border-radius: 3px;
  199. }
  200.  
  201. /* Destinations: Remove Title */
  202. .destinations .portfolio-title-holder {
  203.     display: none; 
  204. }
  205.  
  206. /* Homepage: Feature Block Title */
  207. .feature-block .text-block h2 {
  208.     line-height: 1.3;
  209.     margin-top: 0px;
  210. }
  211.  
  212. /* Homepage: Feature Block Paragraph */
  213. .feature-block .text-block p {
  214.     line-height: 1.8;
  215. }
  216.  
  217. /* Homepage: Feature Block  */
  218. .feature-block .text-block {
  219.     padding: 35px 100px;
  220. }
  221.  
  222. /* Blog: Center Section Title */
  223. .blog .page-heading--title-section {
  224.     padding: 30px 0px 10px 0px;
  225.     text-align: center;
  226. }
  227.  
  228. /* Blog: Hide Category */
  229. .blog-posts .post-item .post-details .post-meta.category {
  230.     display: none;
  231. }
  232.  
  233. /* Blog: Hide Underline */
  234. .blog-posts .post-item .post-details .post-title a:after {
  235.     display: none;
  236. }
  237.  
  238. /* Blog: Line Height */
  239. .blog-posts .post-item .post-details .post-title {
  240.     line-height: 30px;
  241. }
  242.  
  243. /* Blog: Hide Post Icons */
  244. .blog-posts .post-item .post-details .post-meta i {
  245.     display: none;
  246. }
  247.  
  248. /* Blog: Date Font*/
  249. .blog-posts .post-item .post-details .post-meta.date,
  250. .wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container .blog-post-date {
  251.     letter-spacing: 2px;   
  252. }
  253.  
  254. /* Blog: Details Margin */
  255. .blog-holder .isotope-item .box-holder .post-info .details {
  256.     margin-top: 0px;   
  257. }
  258.  
  259. /* Blog: Remove Post Border */
  260. .blog-posts .post-item.template-standard .post-details {
  261.     border-color: transparent;
  262.     padding: 23px 25px;
  263.     background: #FFF;
  264.     border-bottom-left-radius: 3px;
  265.     border-bottom-right-radius: 3px;
  266.     border: 1px solid #EEE;
  267.     border-top: none;
  268. }
  269.  
  270. /* Blog: Remove Image Border */
  271. .blog-posts .post-item.template-standard .post-thumbnail {
  272.     border: none;
  273. }
  274.  
  275. /* Blog: Remove Blog Post Border  */
  276. .wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container {
  277.     background: #FFF;
  278.     border: none;
  279.     border-bottom-left-radius: 3px;
  280.     border-bottom-right-radius: 3px;
  281. }
  282.  
  283. /* Blog: Blog Image Border Radius  */
  284. .wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-image img {
  285.     border-top-left-radius: 3px;
  286.     -webkit-border-top-left-radius: 3px;
  287.     -moz-border-top-left-radius: 3px;
  288.     border-top-right-radius: 3px;  
  289.     -webkit-border-top-right-radius: 3px;  
  290.     -moz-border-top-right-radius: 3px; 
  291. }
  292.  
  293. /* Blog: Blog Image Border Radius  */
  294. .blog-posts .post-item.template-standard {
  295.     border-radius: 3px;
  296.     -webkit-border-radius: 3px;
  297.     -moz-border-radius: 3px;
  298. }
  299.  
  300. /* Blog: Remove Blog Post Border  */
  301. .wpb_wrapper .lab-blog-posts .blog-post-entry {
  302.     border: none;
  303.     box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.1);  
  304.     transition: all 0.3s;
  305. }
  306.  
  307. /* Blog: Remove Post Border  */
  308. .wpb_wrapper .lab-blog-posts .blog-post-entry:hover {
  309.     border: none;
  310.     box-shadow: 0px 15px 45px rgba(0,0,0,0.05);
  311. }
  312.  
  313. /* Blog: Border Radius for Hover Style */
  314. .hover-display {
  315.     border-radius: 3px;
  316.     -webkit-border-radius: 3px;
  317.     -moz-border-radius: 3px;
  318. }
  319.  
  320. /* Blog: Remove Post Border  */
  321. .wpb_wrapper .lab-blog-posts .blog-post-entry {
  322.     border-color: transparent;
  323. }
  324.  
  325. /* Blog Image Border  */
  326. .blog-posts .post-item .post-thumbnail a img {
  327.     border-top-left-radius: 3px;
  328.     border-top-right-radius: 3px;
  329. }
  330.  
  331. /* Blog Title Hover */
  332. .blog-holder .isotope-item .box-holder .post-info h2 a:hover {
  333.     color: #4484ce;
  334. }
  335.  
  336. /* Blog: Change Comment Holder Background */
  337. .single-blog-holder .comments-holder {
  338.     background: #EEE;
  339. }
  340.  
  341. /* Blog: Comment Lines Border Color */
  342. .comment-form textarea {
  343.     background-image: linear-gradient(#EFEFEF 1px, transparent 1px);
  344.     border-bottom-color: #EFEFEF !important;
  345. }
  346.  
  347. .comment-form input, .comment-form textarea {
  348.     border-bottom-color: #EFEFEF;  
  349. }
  350.  
  351. /* Blog: Comment Send Button */
  352. .form-submit .button {
  353.     margin: 0px;
  354.     border-radius: 3px;
  355. }
  356.  
  357. /* Blog: Comment Area */
  358. .single-post .post-comments--list .comment-respond {
  359.     border-radius: 3px;
  360.     box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.1);
  361. }
  362.  
  363. /* Blog: Comment Line Height */
  364. .single-post .post-comments--list .comment .commenter-details .comment-text p {
  365.     line-height: 1.5;
  366. }
  367.  
  368. /* Blog: Comments In Reply to Line color */
  369. .single-post .post-comments--list .comment .commenter-image .comment-connector {
  370.     border-color: #DDD;
  371. }
  372.  
  373. /* Destinations: Background Color */
  374. .destinations .hover-state {
  375.     background: rgba(0,0,0,0.2);
  376.     opacity: 1;
  377.     -webkit-opacity: 1;
  378.     -moz-opacity: 1;
  379.     filter: alpha(opacity=100);
  380. }
  381.  
  382. /* Destinations: Center Title */
  383. .destinations-title {
  384.     text-align: center;
  385. }
  386.  
  387. /* Destinations: Item Background Color */
  388. .destinations .hover-state .info h3 {
  389.     opacity: 1;
  390.     -webkit-opacity: 1;
  391.     -moz-opacity: 1;
  392.     filter: alpha(opacity=100);
  393.     text-shadow: 0px 5px 25px rgba(0, 0, 0, 0.15);
  394. }
  395.  
  396. /* Tickets: Change Search Button */
  397. .tickets .ninja-forms-field.form-button {
  398.     width: 100%;
  399.     background: #fbce00;
  400. }
  401.  
  402. /* Tickets: Fields */
  403. .tickets .ninja-forms-field {
  404.     padding: 10px;
  405.     border: none;
  406.     color: #222;
  407.     background: #EEE;
  408.     border: 1px solid rgba(255,255,255,0.2);
  409. }
  410.  
  411. /* Tickets: Title */
  412. .tickets .section-title h1 {
  413.     color: #FFF;
  414. }
  415.  
  416. /* Tickets: Paragraphs */
  417. .tickets .section-title p {
  418.     color: #FFF;
  419. }
  420.  
  421. /* Tickets: Unactive Tabs */
  422. .wpb-js-composer .tickets .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab>a {
  423.     background-color: rgba(255,255,255,0.8);   
  424. }
  425.  
  426. /* Tickets: Active Tab */
  427. .wpb-js-composer .tickets .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab.vc_active>a {
  428.     background-color: #FFF;    
  429. }
  430.  
  431. /* Remove the Underline */
  432. .main-header.menu-type-standard-menu .standard-menu-container div.menu>ul ul li a:after,
  433. .main-header.menu-type-standard-menu .standard-menu-container ul.menu ul li a:after {
  434.     background-color: transparent !important;
  435. }
  436.  
  437. /* Tours: Border Radius */
  438. .portfolio-holder .item-box .photo .on-hover,
  439. .portfolio-holder .item-box .photo img {
  440.     border-radius: 3px;
  441.     -webkit-border-radius: 3px;
  442.     -moz-border-radius: 3px;
  443. }
  444.  
  445. /* Tours: Filter Alignment */
  446. .portfolio-title-holder .pt-column {
  447.     margin: auto;
  448. }
  449.  
  450. /* Tours: Title  Alignment */
  451. .tours-title {
  452.     text-align: center;
  453. }
  454.  
  455. /* Tours: Filter Color when Active */
  456. .product-filter ul li.active a {
  457.     color: #4484ce;
  458. }
  459.  
  460. /* Tours: Title Color */
  461. .portfolio-holder .item-box .info h3 a {
  462.     color: #222;   
  463. }
  464.  
  465. /* Contact: Text Input Border Radius */
  466. .contact-form input,
  467. .contact-form .send {
  468.     border-radius: 3px;
  469.     -webkit-border-radius: 3px;
  470.     -moz-border-radius: 3px;
  471. }
  472.  
  473. /* Contact: Text Input Border Radius */
  474. .contact-form input {
  475.     border-top-left-radius: 0px;
  476.     -webkit-border-top-left-radius: 0px;
  477.     -moz-border-top-left-radius: 0px;
  478.     border-bottom-left-radius: 0px;
  479.     -webkit-border-bottom-left-radius: 0px;
  480.     -moz-border-bottom-left-radius: 0px;
  481. }
  482.  
  483. /* Contact: Label Border Radius */
  484. .contact-form label {
  485.     background: #FFF;
  486.     border: none;
  487.     padding: 12px;
  488.     border-top-left-radius: 3px;
  489.     -webkit-border-top-left-radius: 3px;
  490.     -moz-border-top-left-radius: 3px;
  491.     border-bottom-left-radius: 3px;
  492.     -webkit-border-bottom-left-radius: 3px;
  493.     -moz-border-bottom-left-radius: 3px;
  494. }
  495.  
  496. /* Contact: Label of Textarea Border Radius */
  497. .contact-form .labeled-textarea-row label{
  498.     width: 100%;
  499.     border-top-right-radius: 3px;
  500.     -webkit-border-top-right-radius: 3px;
  501.     -moz-border-top-right-radius: 3px; 
  502. }
  503.  
  504.  
  505. /* Contact: Textarea Border Radius */
  506. .contact-form .form-group .placeholder.ver-two {
  507.     border-top-left-radius: 3px;   
  508.     -webkit-border-top-left-radius: 3px;   
  509.     -moz-border-top-left-radius: 3px;  
  510.     border-top-right-radius: 3px;  
  511.     -webkit-border-top-right-radius: 3px;  
  512.     -moz-border-top-right-radius: 3px; 
  513. }
  514.  
  515. /* Contact: Textarea Border Radius */
  516. .contact-form textarea {
  517.     border-bottom-left-radius: 3px;
  518.     -webkit-border-bottom-left-radius: 3px;
  519.     -moz-border-bottom-left-radius: 3px;   
  520.     border-bottom-right-radius: 3px;   
  521.     -webkit-border-bottom-right-radius: 3px;   
  522.     -moz-border-bottom-right-radius: 3px;  
  523. }
  524.  
  525. /* Contact: Add Spacing */
  526. .contact-form-area {
  527.     padding: 50px 0px; 
  528. }
  529.  
  530. /* Footer: Background */
  531. footer.main-footer {
  532.     background-color: #FFF !important;
  533.     border-top: 1px solid #EEE;
  534. }
  535.  
  536.  
  537. /* Footer: Margin Bottom */
  538. footer.main-footer .footer--widgets .widget li {
  539.     padding: 0px;
  540.     margin-bottom: 5px;
  541. }
  542.  
  543. /* Footer: Footer Color */
  544. footer .footer--widgets ul li a {
  545.     color: #666;
  546. }
  547.  
  548. /* Footer: Spacing */
  549. .site-footer .footer-widgets {
  550.     margin-bottom: 5px;
  551. }
  552.  
  553. /* Footer: Bottom Padding */
  554. .main-footer .footer-bottom-content {
  555.     padding: 15px 0 ;
  556. }
  557.  
  558. /* Pages: Padding */
  559. .tours-title .section-title,
  560. .tickets .section-title,
  561. .destinations-title.section-title {
  562.     padding: 50px 0;
  563. }
  564.  
  565. /* Homepage: Feature Block Tablet */
  566. @media screen and (max-width: 1400px) {
  567.     .feature-block .wpb_single_image img {
  568.         max-width: none;
  569.         width: auto;
  570.     }  
  571. }
  572.  
  573. /* Homepage: News Button */
  574. @media screen and (max-width: 1200px) {
  575.     .more-link {
  576.         position: relative;
  577.     }
  578. }
  579.  
  580. @media screen and (min-width: 1024px) {
  581.     .booking-widget #flexi_searchbox select {
  582.         -webkit-appearance: none;
  583.         -moz-appearance: none;
  584.         appearance: none;
  585.     }
  586. }
  587.  
  588. @media screen and (min-width: 992px) {
  589.     /* Homepage: Blog */
  590.     .homepage-news .wpb_wrapper .lab-blog-posts .blog-post-column {
  591.         margin: 0px
  592.     }  
  593.  
  594.     /* Homepage: Feature Block Tablet */
  595.     .feature-block .text-block {
  596.         padding: 15px 40px;
  597.     }
  598. }
  599.  
  600. @media screen and (max-width: 768px) {
  601.     /* Footer Widgets on Mobile */
  602.     .footer-widgets .widget-area.widgets--columned-layout>.widget {
  603.         margin-bottom: 20px;
  604.     }  
  605. }
  606.  
  607. @media screen and (max-width: 768px) {
  608.     /* Homepage: Feature Block Mobile */
  609.     .feature-block .text-block {
  610.         padding: 15px 20px;
  611.     }
  612.  
  613.     /* Contact: Send Button Width on Mobile */
  614.     .contact-form .send {
  615.         width: 100%;
  616.     }
  617.  
  618.     /* Footer Widgets on Mobile */
  619.     .footer-widgets .widget-area.widgets--columned-layout>.widget {
  620.         width: 50%;
  621.         float: left;
  622.     }  
  623.    
  624.     /* Footer: Expand Footer Padding */
  625.     .main-footer .footer-collapse-link {
  626.         padding: 10px;
  627.     }
  628.  
  629.     /* Footer: Expand Footer Dots */
  630.     .main-footer .footer-collapse-link span {
  631.         width: 6px;
  632.         height: 6px;
  633.     }  
  634.  
  635.     /* Pages: Title holder */
  636.     .blog .page-heading--title-section,
  637.     .tours-title .section-title,
  638.     .tickets .section-title,
  639.     .destinations-title.section-title {
  640.         text-align: left;
  641.         padding: 20px 0px;
  642.         margin: 0px;
  643.     }
  644.    
  645.     /* Homepage: Posts Remove Bottom Margin */
  646.     .homepage-news .wpb_wrapper .lab-blog-posts {
  647.         margin: 0px;
  648.     }
  649.    
  650.     /* Homepage: Posts Remove Padding and Margin */
  651.     .homepage-news .wpb_wrapper .lab-blog-posts .blog-post-column {
  652.         margin-bottom: 20px;
  653.         padding: 0px;
  654.     }
  655.    
  656.     /* Homepage: Posts Remove Last Post Margin */
  657.     .homepage-news .wpb_wrapper .lab-blog-posts .blog-post-column:nth-child(3) {
  658.         margin-bottom: 0px;
  659.     }  
  660.    
  661.     /* Homepage: Posts See More Button */
  662.     .more-link .show-more .reveal-button {
  663.         min-width: 100%;   
  664.     }
  665.     /* Homepage: Posts See More Button */
  666.     .more-link .show-more {
  667.         margin: 20px 0;
  668.     }
  669.        
  670.     /* Homepage: Posts See More Button */
  671.     .more-link {
  672.         padding: 0px;  
  673.     }
  674.    
  675.     /* Homepage: Posts See More Button */
  676.     .more-link .show-more .reveal-button a {
  677.         width: 100%;
  678.         text-align: left;
  679.     }
  680.    
  681.     /* Contact: Remove Spacing */
  682.     .contact-form-area {
  683.         padding: 20px 0 0 0;   
  684.     }
  685.    
  686.     /* Tours: Filter Alignment */
  687.     .tours .product-filter {
  688.         text-align: left;  
  689.     }
  690.  
  691.     /* Homepage: Services Spacing */
  692.     .services {
  693.         padding: 20px 0;
  694.     }
  695.    
  696.     /* Homepage: Service Box Spacing */
  697.     .service-box {
  698.         padding: 0;
  699.         line-height: 24px;
  700.     }  
  701.  
  702.     /* Header: Menu Bar Color */
  703.     .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main .menu-bar .ham,
  704.     .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main .menu-bar .ham:after,
  705.     .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main .menu-bar .ham:before {
  706.       background: #4484CE;
  707.     }  
  708.    
  709.     /* Homepage: Booking Button Full Width */
  710.     .booking-widget #flexi_searchbox #b_searchboxInc .b_submitButton_wrapper {
  711.         width: 100%;
  712.         padding: 0px;
  713.     }
  714.    
  715.     /* Homepage: Booking Button Full Width */
  716.     .booking-widget #flexi_searchbox #b_searchboxInc .b_submitButton_wrapper .b_submitButton {
  717.         width: 100%;   
  718.     }
  719.    
  720.     /* Homepage: Booking Widget Remove Bottom Margin */
  721.     .booking-widget .blog-sidebar .sidebar-box-holder {
  722.         margin: 0px;   
  723.     }
  724.    
  725.     /* Homepage: Booking Widget */
  726.     .booking-widget #flexi_searchbox #b_searchboxInc {
  727.         padding: 0px;  
  728.     }
  729.  
  730.     /* Header: Search Color */
  731.     .mobile-menu-wrapper .mobile-menu-container .search-form label {
  732.         color: #FFF;   
  733.     }
  734.  
  735.     .search-field::-webkit-input-placeholder {
  736.         color: #FFF;
  737.     }
  738.     .search-field::-moz-placeholder {
  739.         color: #FFF;
  740.     }
  741.     .search-field:-ms-input-placeholder {
  742.          color: #FFF;
  743.     }
  744.     .search-field:-moz-placeholder {
  745.          color: #FFF;
  746.     }
  747.    
  748.     /* Homepage: Service Box Icon */
  749.     .service-box .retina-icon {
  750.         width: 32px;
  751.     }
  752.    
  753.     /* Destinations: Center Title */
  754.     .destinations-title.section-title {
  755.         padding-bottom: 0px;
  756.     }  
  757. }
  758.  
  759. /* ===========================================================
  760. Custom modification only for TRAVEL Demo - END
  761. =========================================================== */
  762.  
  763. /* ===========================================================
  764. User CSS modifications
  765. =========================================================== */
  766.  
  767. .example {
  768.     color: red !important;
  769. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement