Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* ===========================================================
- Custom modification only for TRAVEL Demo - START
- =========================================================== */
- /* Pages: Title Color */
- .blog h1.page-heading--title,
- .tours-title h1,
- .tickets .section-title h1,
- .destinations-title.section-title h1 {
- color: #4484CE;
- }
- /* Pages: Title Line Height */
- .page-heading--description p {
- line-height: 26px;
- }
- /* Underline Color and Height */
- .wrapper a:after, footer.main-footer a:after {
- background-color: #FBCE00;
- }
- /* Header: Background */
- header.main-header {
- border-bottom: 1px solid rgba(0,0,0,0.05);
- }
- /* Header: Slider Bullets Height */
- .bullet-bar .tp-bullet {
- height: 2px;
- }
- /* Header: Mobile Menu Overlay Color */
- .mobile-menu-wrapper.mobile-menu-fullscreen+.mobile-menu-overlay {
- background: rgba(68,132,206,0.9);
- }
- /* Homepage: Services Spacing */
- .services-row {
- padding: 50px 0;
- }
- /* Homepage: Service Box Spacing */
- .service-box {
- padding: 0 20px;
- line-height: 24px;
- }
- /* Homepage: Service Box Icon */
- .service-box .retina-icon {
- width: 64px;
- margin: 0 auto;
- margin-bottom: 25px;
- }
- /* Homepage: News See More Button */
- .more-link {
- border: none;
- position: absolute;
- top: 0px;
- right: 0px;
- min-width: auto;
- }
- /* Homepage: News See More Button */
- .more-link .show-more {
- padding:0px;
- margin: 0px;
- }
- /* Homepage: News See More Button */
- .more-link .show-more .reveal-button {
- border: none;
- }
- /* Homepage: News See More Button */
- .more-link .show-more .reveal-button a {
- background: #FBCE00;
- border-radius: 50px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- color: #222;
- width: auto;
- padding: 12px 25px;
- }
- /* Homepage: News See More Button */
- .more-link .show-more .reveal-button a:hover {
- background: #ffda2f;
- }
- /* Homepage: News See More Button */
- .more-link .show-more .reveal-button a:before {
- content: "ยป";
- margin-left: 10px;
- float: right;
- line-height : 1
- }
- /* Homepage: City Break */
- .homepage-city-break .wpb_wrapper .section-title {
- text-align: center;
- padding: 50px 0;
- }
- /* Homepage: City Break Title */
- .homepage-city-break .wpb_wrapper .section-title h2 {
- color: #FFF;
- }
- /* Homepage: City Break Paragraph */
- .homepage-city-break .wpb_wrapper .section-title p {
- color: #FFF;
- }
- /* Homepage: News Spacing */
- .homepage-news {
- padding: 35px 0 0 0;
- }
- /* Homepage: News Title */
- .homepage-news .wpb_wrapper .section-title>h2 {
- margin: 0px
- }
- /* Homepage: Booking Widget:Start */
- .booking-widget {
- padding: 0px;
- margin: 0px;
- }
- /* Homepage: Removed padding on the Widget class */
- .booking-widget .bos_searchbox_widget_class {
- padding: 0;
- }
- /* Layout changes for Booking.com Official Search Box plugin :START */
- .booking-widget #flexi_searchbox select {
- border: none;
- padding-left: 7px;
- padding-right: 7px;
- border-radius: 3px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- }
- .booking-widget #flexi_searchbox #b_searchboxInc .b_submitButton_wrapper {
- margin-top: 7px;
- }
- .booking-widget #flexi_searchbox #b_searchboxInc #b_destination {
- width: 100%;
- padding: 15px !important;
- }
- .booking-widget #flexi_searchbox h4 {
- margin-bottom: 10px;
- }
- .booking-widget #flexi_searchbox h3 {
- display: none;
- }
- .booking-widget #flexi_searchbox #b_searchboxInc .b_submitButton_wrapper {
- width: 10%;
- float: left;
- clear: none;
- padding: 20px 0px 0px 15px;
- }
- .booking-widget #flexi_searchbox select {
- margin-right: 10px;
- }
- .booking-widget .wpb_widgetised_column {
- margin-bottom: 0px;
- padding: 35px 0;
- }
- /* Homepage: Booking Widget :END */
- /* Homepage: Destinations Title*/
- .homepage-destinations-title {
- text-align: center;
- }
- /* Homepage: Destinations Remove Extra Spacing */
- .homepage-destinations.lab-portfolio-items .portfolio-title-holder {
- margin-bottom: 0px;
- }
- /* Homepage: Destinations Border Radius */
- .homepage-destinations .portfolio-holder .thumb,
- .destinations .portfolio-holder .item-box.wow.animated .thumb .hover-state,
- .destinations .portfolio-holder .portfolio-item.masonry-portfolio-item .masonry-box .masonry-thumb {
- border-radius: 3px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- }
- /* Destinations: Remove Title */
- .destinations .portfolio-title-holder {
- display: none;
- }
- /* Homepage: Feature Block Title */
- .feature-block .text-block h2 {
- line-height: 1.3;
- margin-top: 0px;
- }
- /* Homepage: Feature Block Paragraph */
- .feature-block .text-block p {
- line-height: 1.8;
- }
- /* Homepage: Feature Block */
- .feature-block .text-block {
- padding: 35px 100px;
- }
- /* Blog: Center Section Title */
- .blog .page-heading--title-section {
- padding: 30px 0px 10px 0px;
- text-align: center;
- }
- /* Blog: Hide Category */
- .blog-posts .post-item .post-details .post-meta.category {
- display: none;
- }
- /* Blog: Hide Underline */
- .blog-posts .post-item .post-details .post-title a:after {
- display: none;
- }
- /* Blog: Line Height */
- .blog-posts .post-item .post-details .post-title {
- line-height: 30px;
- }
- /* Blog: Hide Post Icons */
- .blog-posts .post-item .post-details .post-meta i {
- display: none;
- }
- /* Blog: Date Font*/
- .blog-posts .post-item .post-details .post-meta.date,
- .wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container .blog-post-date {
- letter-spacing: 2px;
- }
- /* Blog: Details Margin */
- .blog-holder .isotope-item .box-holder .post-info .details {
- margin-top: 0px;
- }
- /* Blog: Remove Post Border */
- .blog-posts .post-item.template-standard .post-details {
- border-color: transparent;
- padding: 23px 25px;
- background: #FFF;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- border: 1px solid #EEE;
- border-top: none;
- }
- /* Blog: Remove Image Border */
- .blog-posts .post-item.template-standard .post-thumbnail {
- border: none;
- }
- /* Blog: Remove Blog Post Border */
- .wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container {
- background: #FFF;
- border: none;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- /* Blog: Blog Image Border Radius */
- .wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-image img {
- border-top-left-radius: 3px;
- -webkit-border-top-left-radius: 3px;
- -moz-border-top-left-radius: 3px;
- border-top-right-radius: 3px;
- -webkit-border-top-right-radius: 3px;
- -moz-border-top-right-radius: 3px;
- }
- /* Blog: Blog Image Border Radius */
- .blog-posts .post-item.template-standard {
- border-radius: 3px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- }
- /* Blog: Remove Blog Post Border */
- .wpb_wrapper .lab-blog-posts .blog-post-entry {
- border: none;
- box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.1);
- transition: all 0.3s;
- }
- /* Blog: Remove Post Border */
- .wpb_wrapper .lab-blog-posts .blog-post-entry:hover {
- border: none;
- box-shadow: 0px 15px 45px rgba(0,0,0,0.05);
- }
- /* Blog: Border Radius for Hover Style */
- .hover-display {
- border-radius: 3px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- }
- /* Blog: Remove Post Border */
- .wpb_wrapper .lab-blog-posts .blog-post-entry {
- border-color: transparent;
- }
- /* Blog Image Border */
- .blog-posts .post-item .post-thumbnail a img {
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
- }
- /* Blog Title Hover */
- .blog-holder .isotope-item .box-holder .post-info h2 a:hover {
- color: #4484ce;
- }
- /* Blog: Change Comment Holder Background */
- .single-blog-holder .comments-holder {
- background: #EEE;
- }
- /* Blog: Comment Lines Border Color */
- .comment-form textarea {
- background-image: linear-gradient(#EFEFEF 1px, transparent 1px);
- border-bottom-color: #EFEFEF !important;
- }
- .comment-form input, .comment-form textarea {
- border-bottom-color: #EFEFEF;
- }
- /* Blog: Comment Send Button */
- .form-submit .button {
- margin: 0px;
- border-radius: 3px;
- }
- /* Blog: Comment Area */
- .single-post .post-comments--list .comment-respond {
- border-radius: 3px;
- box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.1);
- }
- /* Blog: Comment Line Height */
- .single-post .post-comments--list .comment .commenter-details .comment-text p {
- line-height: 1.5;
- }
- /* Blog: Comments In Reply to Line color */
- .single-post .post-comments--list .comment .commenter-image .comment-connector {
- border-color: #DDD;
- }
- /* Destinations: Background Color */
- .destinations .hover-state {
- background: rgba(0,0,0,0.2);
- opacity: 1;
- -webkit-opacity: 1;
- -moz-opacity: 1;
- filter: alpha(opacity=100);
- }
- /* Destinations: Center Title */
- .destinations-title {
- text-align: center;
- }
- /* Destinations: Item Background Color */
- .destinations .hover-state .info h3 {
- opacity: 1;
- -webkit-opacity: 1;
- -moz-opacity: 1;
- filter: alpha(opacity=100);
- text-shadow: 0px 5px 25px rgba(0, 0, 0, 0.15);
- }
- /* Tickets: Change Search Button */
- .tickets .ninja-forms-field.form-button {
- width: 100%;
- background: #fbce00;
- }
- /* Tickets: Fields */
- .tickets .ninja-forms-field {
- padding: 10px;
- border: none;
- color: #222;
- background: #EEE;
- border: 1px solid rgba(255,255,255,0.2);
- }
- /* Tickets: Title */
- .tickets .section-title h1 {
- color: #FFF;
- }
- /* Tickets: Paragraphs */
- .tickets .section-title p {
- color: #FFF;
- }
- /* Tickets: Unactive Tabs */
- .wpb-js-composer .tickets .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab>a {
- background-color: rgba(255,255,255,0.8);
- }
- /* Tickets: Active Tab */
- .wpb-js-composer .tickets .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab.vc_active>a {
- background-color: #FFF;
- }
- /* Remove the Underline */
- .main-header.menu-type-standard-menu .standard-menu-container div.menu>ul ul li a:after,
- .main-header.menu-type-standard-menu .standard-menu-container ul.menu ul li a:after {
- background-color: transparent !important;
- }
- /* Tours: Border Radius */
- .portfolio-holder .item-box .photo .on-hover,
- .portfolio-holder .item-box .photo img {
- border-radius: 3px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- }
- /* Tours: Filter Alignment */
- .portfolio-title-holder .pt-column {
- margin: auto;
- }
- /* Tours: Title Alignment */
- .tours-title {
- text-align: center;
- }
- /* Tours: Filter Color when Active */
- .product-filter ul li.active a {
- color: #4484ce;
- }
- /* Tours: Title Color */
- .portfolio-holder .item-box .info h3 a {
- color: #222;
- }
- /* Contact: Text Input Border Radius */
- .contact-form input,
- .contact-form .send {
- border-radius: 3px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- }
- /* Contact: Text Input Border Radius */
- .contact-form input {
- border-top-left-radius: 0px;
- -webkit-border-top-left-radius: 0px;
- -moz-border-top-left-radius: 0px;
- border-bottom-left-radius: 0px;
- -webkit-border-bottom-left-radius: 0px;
- -moz-border-bottom-left-radius: 0px;
- }
- /* Contact: Label Border Radius */
- .contact-form label {
- background: #FFF;
- border: none;
- padding: 12px;
- border-top-left-radius: 3px;
- -webkit-border-top-left-radius: 3px;
- -moz-border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- -webkit-border-bottom-left-radius: 3px;
- -moz-border-bottom-left-radius: 3px;
- }
- /* Contact: Label of Textarea Border Radius */
- .contact-form .labeled-textarea-row label{
- width: 100%;
- border-top-right-radius: 3px;
- -webkit-border-top-right-radius: 3px;
- -moz-border-top-right-radius: 3px;
- }
- /* Contact: Textarea Border Radius */
- .contact-form .form-group .placeholder.ver-two {
- border-top-left-radius: 3px;
- -webkit-border-top-left-radius: 3px;
- -moz-border-top-left-radius: 3px;
- border-top-right-radius: 3px;
- -webkit-border-top-right-radius: 3px;
- -moz-border-top-right-radius: 3px;
- }
- /* Contact: Textarea Border Radius */
- .contact-form textarea {
- border-bottom-left-radius: 3px;
- -webkit-border-bottom-left-radius: 3px;
- -moz-border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- -webkit-border-bottom-right-radius: 3px;
- -moz-border-bottom-right-radius: 3px;
- }
- /* Contact: Add Spacing */
- .contact-form-area {
- padding: 50px 0px;
- }
- /* Footer: Background */
- footer.main-footer {
- background-color: #FFF !important;
- border-top: 1px solid #EEE;
- }
- /* Footer: Margin Bottom */
- footer.main-footer .footer--widgets .widget li {
- padding: 0px;
- margin-bottom: 5px;
- }
- /* Footer: Footer Color */
- footer .footer--widgets ul li a {
- color: #666;
- }
- /* Footer: Spacing */
- .site-footer .footer-widgets {
- margin-bottom: 5px;
- }
- /* Footer: Bottom Padding */
- .main-footer .footer-bottom-content {
- padding: 15px 0 ;
- }
- /* Pages: Padding */
- .tours-title .section-title,
- .tickets .section-title,
- .destinations-title.section-title {
- padding: 50px 0;
- }
- /* Homepage: Feature Block Tablet */
- @media screen and (max-width: 1400px) {
- .feature-block .wpb_single_image img {
- max-width: none;
- width: auto;
- }
- }
- /* Homepage: News Button */
- @media screen and (max-width: 1200px) {
- .more-link {
- position: relative;
- }
- }
- @media screen and (min-width: 1024px) {
- .booking-widget #flexi_searchbox select {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- }
- }
- @media screen and (min-width: 992px) {
- /* Homepage: Blog */
- .homepage-news .wpb_wrapper .lab-blog-posts .blog-post-column {
- margin: 0px
- }
- /* Homepage: Feature Block Tablet */
- .feature-block .text-block {
- padding: 15px 40px;
- }
- }
- @media screen and (max-width: 768px) {
- /* Footer Widgets on Mobile */
- .footer-widgets .widget-area.widgets--columned-layout>.widget {
- margin-bottom: 20px;
- }
- }
- @media screen and (max-width: 768px) {
- /* Homepage: Feature Block Mobile */
- .feature-block .text-block {
- padding: 15px 20px;
- }
- /* Contact: Send Button Width on Mobile */
- .contact-form .send {
- width: 100%;
- }
- /* Footer Widgets on Mobile */
- .footer-widgets .widget-area.widgets--columned-layout>.widget {
- width: 50%;
- float: left;
- }
- /* Footer: Expand Footer Padding */
- .main-footer .footer-collapse-link {
- padding: 10px;
- }
- /* Footer: Expand Footer Dots */
- .main-footer .footer-collapse-link span {
- width: 6px;
- height: 6px;
- }
- /* Pages: Title holder */
- .blog .page-heading--title-section,
- .tours-title .section-title,
- .tickets .section-title,
- .destinations-title.section-title {
- text-align: left;
- padding: 20px 0px;
- margin: 0px;
- }
- /* Homepage: Posts Remove Bottom Margin */
- .homepage-news .wpb_wrapper .lab-blog-posts {
- margin: 0px;
- }
- /* Homepage: Posts Remove Padding and Margin */
- .homepage-news .wpb_wrapper .lab-blog-posts .blog-post-column {
- margin-bottom: 20px;
- padding: 0px;
- }
- /* Homepage: Posts Remove Last Post Margin */
- .homepage-news .wpb_wrapper .lab-blog-posts .blog-post-column:nth-child(3) {
- margin-bottom: 0px;
- }
- /* Homepage: Posts See More Button */
- .more-link .show-more .reveal-button {
- min-width: 100%;
- }
- /* Homepage: Posts See More Button */
- .more-link .show-more {
- margin: 20px 0;
- }
- /* Homepage: Posts See More Button */
- .more-link {
- padding: 0px;
- }
- /* Homepage: Posts See More Button */
- .more-link .show-more .reveal-button a {
- width: 100%;
- text-align: left;
- }
- /* Contact: Remove Spacing */
- .contact-form-area {
- padding: 20px 0 0 0;
- }
- /* Tours: Filter Alignment */
- .tours .product-filter {
- text-align: left;
- }
- /* Homepage: Services Spacing */
- .services {
- padding: 20px 0;
- }
- /* Homepage: Service Box Spacing */
- .service-box {
- padding: 0;
- line-height: 24px;
- }
- /* Header: Menu Bar Color */
- .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main .menu-bar .ham,
- .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main .menu-bar .ham:after,
- .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main .menu-bar .ham:before {
- background: #4484CE;
- }
- /* Homepage: Booking Button Full Width */
- .booking-widget #flexi_searchbox #b_searchboxInc .b_submitButton_wrapper {
- width: 100%;
- padding: 0px;
- }
- /* Homepage: Booking Button Full Width */
- .booking-widget #flexi_searchbox #b_searchboxInc .b_submitButton_wrapper .b_submitButton {
- width: 100%;
- }
- /* Homepage: Booking Widget Remove Bottom Margin */
- .booking-widget .blog-sidebar .sidebar-box-holder {
- margin: 0px;
- }
- /* Homepage: Booking Widget */
- .booking-widget #flexi_searchbox #b_searchboxInc {
- padding: 0px;
- }
- /* Header: Search Color */
- .mobile-menu-wrapper .mobile-menu-container .search-form label {
- color: #FFF;
- }
- .search-field::-webkit-input-placeholder {
- color: #FFF;
- }
- .search-field::-moz-placeholder {
- color: #FFF;
- }
- .search-field:-ms-input-placeholder {
- color: #FFF;
- }
- .search-field:-moz-placeholder {
- color: #FFF;
- }
- /* Homepage: Service Box Icon */
- .service-box .retina-icon {
- width: 32px;
- }
- /* Destinations: Center Title */
- .destinations-title.section-title {
- padding-bottom: 0px;
- }
- }
- /* ===========================================================
- Custom modification only for TRAVEL Demo - END
- =========================================================== */
- /* ===========================================================
- User CSS modifications
- =========================================================== */
- .example {
- color: red !important;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement