/* Theme Name: The Big Ride (Child) Theme URI:http://www.thebigride4palestine.com/ Author: Daly Design Author URI: http://www.dalydesign.co.uk Template:twentyseventeen Version 0.1 */ /* * * Light grey = #ECECEC * Mid Grey = #535152 * Dark Grey = #393938 * Red = #BE1621 * Pink = #F00 * Faded Pink = #F5BBD3 * Faded Blue = #E9F5F9 * Burgundy = #81243F * */ @import url("../twentyseventeen/style.css"); @import url("../thebigride/nav.css"); /*@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');*/ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700;800&display=swap'); /* font-family: 'Open Sans', sans-serif; font-family: 'Poppins', sans-serif; */ .clearfix { clear: both; } /* html { font-size: 16px; } */ body, button, input, select, textarea { color: #000000; font-family: 'Poppins', sans-serif; font-size: 15px; font-size: 0.9375rem; font-weight: 400; line-height: 1.66; background-color: #F9F9F7; } select { width: 100%; border-radius: 0; height: 35px; display: block; line-height: normal; padding: 5px; } select.ui-datepicker-year { width: 100%; border-radius: 0; height: 28px; display: inline-block; line-height: normal; padding: 3px; } h1, .page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title, .page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title { color: #bd1622; font-size: 21px; font-size: 1.65rem; font-weight: 800!important; margin: 0 0 20px 0; letter-spacing: normal; text-transform: none; } h2, .home.blog .entry-title { color: #000000; font-size: 21px; font-size: 1.35rem; font-weight: 700; margin: 0 0 10px 0; } h3 { color: #000000; font-size: 19px; font-size: 1.2rem; font-weight: 700; margin: 0 0 10px 0; } h4 { color: #000000; font-size: 14px; font-size: 0.85rem; font-weight: 700; margin: 0 0 10px 0; text-transform: uppercase; } h5 { color: #bd1622; font-size: 16px; font-size: 1rem; font-weight: 700; margin: 0 0 10px 0; } h6 { color: #bd1622; font-size: 14px; font-size: 0.875rem; font-weight: 700; margin: 0 0 10px 0; } p { font-family: 'Poppins', sans-serif; margin: 0 0 1.5em; padding: 0; font-weight: 400; color: #4D4D4D; font-size: 15px; font-size: 0.95rem; } .single p { text-align: left; } h1, h2, h3, h4, h5, h6 { font-family: 'Poppins', serif; padding: 0; line-height: normal; } ul, ol { list-style-position: inside; margin: 0 0 1.5em 0px; font-family: 'Poppins', sans-serif; font-size: 0.85rem; } .page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title { font-weight: 300; } .twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) { border: none; } a, a:link, a:visited, a:hover, a:active, a:focus { box-shadow: none; font-size: 0.85rem; } a:link, a:visited { color: #bd1622; } a:hover, a:active, a:focus, .entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover { box-shadow: none; color: #bd1622; text-decoration: underline; } .entry-title a, .entry-meta a, .page-links a, .page-links a .page-number, .entry-footer a, .entry-footer .cat-links a, .entry-footer .tags-links a, .edit-link a, .post-navigation a, .logged-in-as a, .comment-navigation a, .comment-metadata a, .comment-metadata a.comment-edit-link, .comment-reply-link, a .nav-title, .pagination a, .comments-pagination a, .site-info a, .widget .widget-title a, .widget ul li a, .site-footer .widget-area ul li a, .site-footer .widget-area ul li a { box-shadow: none; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #000; padding: 0.5em; background-color: #FFF; } button, input[type="button"], input[type="submit"] { display: inline-block; background-color: #bd1622; color: #FFFFFF; font-family: 'Poppins', serif; font-weight: 400; padding: 12px 20px 12px 20px; font-size: 0.85rem; letter-spacing: 1px; text-transform: capitalize; -webkit-transition: none; -moz-transition: none; transition: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; } button:hover, input[type="button"]:hover, input[type="submit"]:hover { text-decoration: none; background-color: #28292D; -webkit-transition: none; -moz-transition: none; transition: none; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; } .dropdown-toggle { background-image: none; } .site-header .wrap { padding: 0 20px; } .site-content .wrap { padding: 0; } .woocommerce-page .site-content .wrap { padding: 0 20px; } .site-content { padding: 1em 0 0 0; } .page:not(.home) #content { padding-bottom: 0; } /* DEFAULT TEMPLATE STYLES */ .entry-header, body.page-two-column:not(.archive) #primary .entry-header, body:not(.twentyseventeen-front-page) .entry-header { max-width: 1350px; margin: 0 auto; text-align: center; padding: 2em 1em 0 1em; width: 100%; float: none; position: relative; } .entry-content, body.page-two-column:not(.archive) #primary .entry-content { max-width: 1350px; margin: 0 auto; text-align: left; padding: 0 1em 2em 1em; width: 100%; float: none; } .edit-link { display: none; } .two-col-left { width: 100%; display: block; float: left; clear: both; margin: 0 0 0 0; text-align: left; } .two-col-right { width: 100%; display: block; float: left; clear: both; margin: 0 0 0 0; padding: 0 1em 2em 1em; } .two-col-left .entry-header, body.page-two-column:not(.archive) #primary .two-col-left .entry-header, body:not(.twentyseventeen-front-page) .entry-header, .two-col-left.entry-content, body.page-two-column:not(.archive) #primary .two-col-left .entry-content { text-align: left; } body.single-press-reviews .entry-header { text-align: center; } body.single-press-reviews #primary .entry-content { text-align: center; } aside.widget-area.conditions, aside#secondary.widget-area, aside#secondary.widget-area.conditions { background-color: #E9F5F9; padding: 20px; margin: 0 0 40px 0; } aside#secondary.widget-area a:link, aside#secondary.widget-area a:visited { color: #000; } aside#secondary.widget-area a:hover, aside#secondary.widget-area a:active, aside#secondary.widget-area a:focus { color: #bd1622; text-decoration: none; } .widget { padding-bottom: 0; } /* DEFAULT TEMPLATE STYLES */ /* START HEADER STYLES */ .custom-logo-link img { max-height:none; max-width: 70%; } .site-header .menu-scroll-down, .menu-scroll-down { display: none; } .site-branding { background-color: #F9F9F7; text-align: center; margin: 0; padding: 0 0 20px 0; } body.page:not(.twentyseventeen-front-page) .site-branding { padding: 10px 0 10px 0; } .site-branding a:hover { opacity: 1; text-decoration: none; } .custom-logo-link { padding: 0; } .header-contact { display: inline-block; margin: 0 auto; text-align: center; float: left; width: 100%; } a.header-tel:link, a.header-tel:visited { color: #FFFFFF; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 0.9rem; display: inline-block; line-height: normal; } a.header-tel:hover, a.header-tel:active, a.header-tel:focus { color: #1D964C; } a.header-email:link, a.header-email:visited { color: #000; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 0.9rem; display: inline-block; line-height: normal; margin: 20px 0 10px 0; text-transform: lowercase; } a.header-email:hover, a.header-email:active, a.header-email:focus { color: #bd1622; } .header-social { clear: both; width:auto; float: right; margin: 10px 0 0 0; display: none; } a.header-social-icon { width: 16px; height: 16px; display: inline-block; margin: 0 5px; float: left; } a.header-social-icon:last-of-type, a.header-social-icon:first-of-type { margin: 0; } a.header-social-icon.fb-icon { clear: none; } a.header-social-icon.fb-icon:link, a.header-social-icon.fb-icon:visited { background-image: url("assets/images/icons/fb-icon-black.png"); background-repeat: no-repeat; background-position: 0% 0%; background-size: 16px auto; } a.header-social-icon.fb-icon:hover, a.header-social-icon.fb-icon:active, a.header-social-icon.fb-icon:focus { background-image: url(assets/images/icons/fb-blue.png); } a.header-social-icon.tw-icon:link, a.header-social-icon.tw-icon:visited { background-image: url("assets/images/icons/tw-icon-black.png"); background-repeat: no-repeat; background-position: 0% 0%; background-size: 16px auto; } a.header-social-icon.tw-icon:hover, a.header-social-icon.tw-icon:active, a.header-social-icon.tw-icon:focus { background-image: url(assets/images/icons/tw-blue.png); } a.header-social-icon.yt-icon:link, a.header-social-icon.yt-icon:visited { background-image: url("assets/images/icons/yt-icon-black.png"); background-repeat: no-repeat; background-position: 0% 0%; background-size: 16px auto; } a.header-social-icon.yt-icon:hover, a.header-social-icon.yt-icon:active, a.header-social-icon.yt-icon:focus { background-image: url(assets/images/icons/yt-red.png); } a.header-social-icon.ig-icon:link, a.header-social-icon.ig-icon:visited { background-image: url("assets/images/icons/ig-icon-black.png"); background-repeat: no-repeat; background-position: 0% 0%; background-size: 16px auto; } a.header-social-icon.ig-icon:hover, a.header-social-icon.ig-icon:active, a.header-social-icon.ig-icon:focus { background-image: url("assets/images/icons/ig-icon-colour.png"); } .red-bg { background-color: #bd1622; } .header-strap h1 { color: #000; text-transform:capitalize; display: inline-block; width: 100%; margin: 0px; font-weight: 600; } .header-strap h1 { font-size: 1em; padding: 5px 5px 5px 5px; line-height: normal; font-weight: 700; float: right; text-align: center; clear: none; } .header-strap h2 { background-color: #007d32; font-size: 1.3em; padding: 12px; /* transform: skew(-25deg);*/ display: none; } .header-strap p { font-size: 0.9em; padding: 0px; float: none; font-weight: 400; margin-right: auto; margin-left: auto; margin-bottom: 0; /* transform: skew(-25deg);*/ width: 100%; clear: both; } .header-strap p a.donate-1, .header-strap p a.donate-2 { color: #f9f9f7; text-transform:capitalize; display: inline-block; margin: 4px 0 4px 0; font-weight: 600; background-color: #007d32; padding: 12px 17px 12px 17px; text-align: center; width: 100%; border-radius: 80px; } .header-strap p a.donate-2 { margin: 0 0 4px 0; } .single-featured-image-header { background-color: #000000; overflow: hidden; position: relative; } .single-featured-image-header img { width: 100%; display: block; margin: 0; opacity: 0.8; z-index: 1; } .single-featured-image-header .caption { width: 80%; background-color: rgba(0,0,0,0.6); display: inline-block; padding: 5px; margin: 0 10% 0 10%; z-index: 2; position: absolute; bottom: 20px; left: 0; text-align: center; } .single-featured-image-header .caption span { display: inline-block; color: #FFF; text-transform: capitalize; font-weight: 600; font-size: 0.85rem; line-height: 2.5rem; } /* END HEADER STYLES */ /* START FOOTER STYLES */ .site-footer { background-color: #F9F9F7; margin: 0; border: none; border-top: 1px solid #c6c6c6; } .site-footer .wrap { padding: 2em 20px 1.5em 20px; } .footer-block-1 { width:100%; text-align: center; display: inline-block; float: left; } .footer-block-2 { width:100%; text-align: center; display: inline-block; float: left; } .site-footer .widget-area { width: 100%; display: inline-block; } img.footer-logo { max-width: 70%; } a.footer-email:link, a.footer-email:visited { color: #000; font-family: 'Roboto', sans-serif; font-weight: 700; margin: 10px 20px 0 8px; padding: 0 0 0 20px; background-image: url("assets/images/icons/email-icon-black.png"); background-repeat: no-repeat; background-position: 0% 40%; background-size: 15px auto; font-size: 1rem; display: inline-block; line-height: normal; } a.footer-email:hover, a.footer-email:active, a.footer-email:focus { color: #bd1622; text-decoration: none; background-image: url(assets/images/icons/email-icon-hov.png); } a.footer-tel:link, a.footer-tel:visited { color: #FFFFFF; font-family: 'Roboto', sans-serif; font-weight: 700; margin: 0 12px 0 0; padding: 0 0 0 20px; background-image: url(assets/images/icons/tel-icon-footer.png); background-repeat: no-repeat; background-position: 0% 40%; background-size: 15px auto; font-size: 0.75rem; display: inline-block; line-height: normal; } a.footer-tel:hover, a.footer-tel:active, a.footer-tel:focus { color: #bd1622; text-decoration: none; } .footer-social { clear: both; width:100%; display: inline-block; margin: 0; } a.footer-social-icon { width: auto; height: auto; display: inline-block; margin: 5px 7px; color: #000; font-size: 0.75rem; padding: 0 0 0 30px; transition: opacity .5s, background-image .5s; } a.footer-social-icon.fb-icon { clear: both; } a.footer-social-icon.fb-icon:link, a.footer-social-icon.fb-icon:visited { background-image: url(assets/images/icons/fb-icon.png); background-repeat: no-repeat; background-position: 0% 0%; background-size: 20px auto; } a.footer-social-icon.fb-icon:hover, a.footer-social-icon.fb-icon:active, a.footer-social-icon.fb-icon:focus { background-image: url(assets/images/icons/fb-icon-hov.png); } a.footer-social-icon.tw-icon:link, a.footer-social-icon.tw-icon:visited { background-image: url(assets/images/icons/tw-icon.png); background-repeat: no-repeat; background-position: 0% 0%; background-size: 20px auto; } a.footer-social-icon.tw-icon:hover, a.footer-social-icon.tw-icon:active, a.footer-social-icon.tw-icon:focus { background-image: url(assets/images/icons/tw-icon-hov.png); } a.footer-social-icon.yt-icon:link, a.footer-social-icon.yt-icon:visited { background-image: url(assets/images/icons/yt-icon.png); background-repeat: no-repeat; background-position: 0% 0%; background-size: 20px auto; } a.footer-social-icon.yt-icon:hover, a.footer-social-icon.yt-icon:active, a.footer-social-icon.yt-icon:focus { background-image: url(assets/images/icons/yt-icon-hov.png); } a.footer-social-icon.ig-icon:link, a.footer-social-icon.ig-icon:visited { background-image: url("assets/images/icons/ig-icon-black-footer.png"); background-repeat: no-repeat; background-position: 0% 0%; background-size: 20px auto; } a.footer-social-icon.ig-icon:hover, a.footer-social-icon.ig-icon:active, a.footer-social-icon.ig-icon:focus { background-image: url(assets/images/icons/ig-icon-colour-footer.png); } .site-footer .widget-area .menu-footer-menu-container ul, .site-footer .widget-area .menu-footer-menu-container ol { column-count: 2; } .site-footer .widget-area .menu-footer-menu-container ul li, .site-footer .widget-area .menu-footer-menu-container ol li { border: none; margin: 0 0 5px 0; } .site-footer .widget-area .menu-footer-menu-container ul li a, .site-footer .widget-area .menu-footer-menu-container ol li a, .site-footer .widget-area .menu-footer-menu-container ul li a:link, .site-footer .widget-area .menu-footer-menu-container ol li a:link, .site-footer .widget-area .menu-footer-menu-container ul li a:visited, .site-footer .widget-area .menu-footer-menu-container ol li a:visited { box-shadow: none; text-transform: uppercase; font-size: 0.7rem; color: #FFF; } .site-footer .widget-area .menu-footer-menu-container ul li a:hover, .site-footer .widget-area .menu-footer-menu-container ol li a:hover, .site-footer .widget-area .menu-footer-menu-container ol li a:active, .site-footer .widget-area .menu-footer-menu-container ul li a:active, .site-footer .widget-area .menu-footer-menu-container ol li a:focus, .site-footer .widget-area .menu-footer-menu-container ol li a:focus { color: #FDF127; text-decoration: none; } .site-footer .widget-column.footer-widget-1 { width: 100%; display: inline-block; margin: 0; } .site-footer .widget-column.footer-widget-2 { width: 90%; display: inline-block; margin: 0 5% 0 5%; text-align: center; } .site-footer .widget-column.footer-widget-2 h2, h2.widget-title { color: #000; font-weight: 500; font-size: 1rem; letter-spacing: normal; margin: 0 0 5px 0; text-transform: capitalize; } .site-footer .widget-area { padding: 0; } .site-footer .widget-column.footer-widget-2 form { margin: 0 0 20px 0; } .site-footer .widget-column.footer-widget-2 input[type=email] { width:70%; display: inline-block; padding: 0.75em; font-size: 0.75rem; border-radius: 0; border: none; line-height: normal; float: left; } .angled-form-block { display: inline-block; /* transform: skew(-25deg);*/ background-color: #FFF; padding: 0 10px 0 10px; float: left; width: 80%; margin: 0 0 0 0; } .site-footer .widget-column.footer-widget-2 input[type=email] { width:70%; display: inline-block; padding: 0.75em; font-size: 0.75rem; border-radius: 0; border: none; line-height: normal; float: left; /* transform: skew(25deg);*/ } .site-footer .widget-column.footer-widget-2 input[type=submit] { width:20%; display: inline-block; padding: 0.75em; font-size: 0.75rem; border-radius: 0; border: none; background-color: #bd1622; color: #FFFFFF; line-height: normal; /* transform: skew(-25deg);*/ float: left; } .site-footer .widget-column.footer-widget-2 .angled-form-block input[type=email] { width: 100%; background-color: #fff; } .footer-small, .full-width.footer-small{ margin: 0; padding: 10px 0 10px 0; display: block; } .footer-small p { font-size: 0.65rem; color: #000; margin: 0; } .footer-small p.left_link { text-align: center; } .footer-small p.right_link { text-align: center; } .footer-small a:link, .footer-small a:visited { color: #000; font-size: 0.65rem; } /* END FOOTER STYLES */ .site-content-contain { background-color: #F9F9F7; } .full-width { width: 100%; display: inline-block; clear: both; margin: 30px 0; font-size: 0; } .full-width table { font-size: 0.85rem; } .full-width.snippet { margin: 0 0 20px 0; } .half-width { width: 100%; display: inline-block; margin: 0 0 30px 0; vertical-align: top; padding: 20px; } .half-width.left { width: 100%; display: inline-block; margin: 0 0 30px 0; } .half-width.right { width: 100%; display: inline-block; margin: 0 0 30px 0; } .half-width.left.home { padding: 0; } .half-width.right.home { padding: 0; } .half-width.form_bg { background-color: #EAEAEA; } .half-width.left_confirmation { width: 100%; display: inline-block; margin: 0 0 30px 0; padding: 0; } .half-width.right_confirmation { width: 100%; display: inline-block; margin: 0 0 30px 0; padding: 0; } .half-width.left.home_sml { width: 100%; display: inline-block; margin: 0 0 0 0; padding: 0; } .half-width.right.home_sml { width: 100%; display: inline-block; margin: 0 0 0 0; padding: 0; } .full-width.left_confirmation { width: 100%; display: inline-block; margin: 0 0 30px 0; padding: 20px; } .full-width.right_confirmation { width: 100%; display: inline-block; margin: 0 0 30px 0; padding: 20px; } .full-width.form_bg { background-color: #EAEAEA; } .full-width.filter { margin: 0 0 30px 0; } .home-content-container { text-align: center; margin: 30px 10px 0px 10px; padding: 0; } .home-content-container p { text-align: center; } /* PROGRESS STEP-BY-STEP SECTION ON EACH PAGE */ .booking-progress-container { width: 100%; max-width: 950px; display: block; margin: 0 auto 50px auto; font-size: 0; text-align: center; } .booking-progress-block { display: inline-block; width: 20%; text-align: center; vertical-align: top; } .booking-progress-block .progress-step { color: #FFF; background-color: #000; display: inline-block; width: 24px; height: 24px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 2px 0 0 0; text-align: center; font-size: 0.75rem; z-index: 2; position: relative; } .booking-progress-block .progress-step.st-1 { background-color: #3AAA35; } .booking-progress-block .progress-step.st-2.active, .booking-progress-block .progress-step.st-2.complete, .booking-progress-block .progress-step.st-3.active, .booking-progress-block .progress-step.st-3.complete, .booking-progress-block .progress-step.st-4.active, .booking-progress-block .progress-step.st-4.complete, .booking-progress-block .progress-step.st-5.active { background-color: #3AAA35; } .booking-progress-block p { margin: 6px 0 0 0; font-size: 0.85rem; position: relative; z-index: 1; text-transform: capitalize; color: #000; font-weight: 500; } .booking-progress-block p br { } .booking-progress-block p.step-1 { color: #3AAA35; } .booking-progress-block p.step-2.active, .booking-progress-block p.step-2.complete, .booking-progress-block p.step-3.active, .booking-progress-block p.step-3.complete, .booking-progress-block p.step-4.active, .booking-progress-block p.step-4.complete, .booking-progress-block p.step-5.active { color: #3AAA35; } .booking-progress-block p.step-2::before, .booking-progress-block p.step-3::before, .booking-progress-block p.step-4::before, .booking-progress-block p.step-5::before { content: ""; border-top: 2px solid #000; width: 50%; display: inline-block; position: absolute; top: -18px; left: 0; } .booking-progress-block p.step-1::after, .booking-progress-block p.step-2::after, .booking-progress-block p.step-3::after { content: ""; border-top: 2px solid #000; width: 50%; display: inline-block; position: absolute; top: -18px; right: 0; } .booking-progress-block p.step-2.active::before, .booking-progress-block p.step-2.complete::before, .booking-progress-block p.step-3.active::before, .booking-progress-block p.step-3.complete::before, .booking-progress-block p.step-4.active::before, .booking-progress-block p.step-4.complete::before, .booking-progress-block p.step-5.active::before { content: ""; border-top: 2px solid #3AAA35; width: 50%; display: inline-block; position: absolute; top: -18px; left: 0; } .booking-progress-block p.step-1.complete::after, .booking-progress-block p.step-2.complete::after, .booking-progress-block p.step-3.complete::after, .booking-progress-block p.step-4.complete::after { content: ""; border-top: 2px solid #3AAA35; width: 50%; display: inline-block; position: absolute; top: -18px; right: 0; } /* END PROGRESS STEP-BY-STEP SECTION ON EACH PAGE */ /* GREY STEP-BY-STEP BLOCKS ON FIRST PAGE */ .booking-step-container { width: 100%; display: block; margin: 0 0 30px 0; } .booking-step-block { width: 100%; display: inline-block; margin: 0 0 10px 0; background-color: #E9E9E9; color: #878787; text-align: center; padding: 15px; } .booking-step-block span.step { color: #1D1D1B; background-color: #FFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 40px; height: 40px; display: inline-block; padding: 4px 0 0 0; font-size: 1.25rem; font-weight: 700; margin: 0 0 10px 0; } .booking-step-block span.step.step-1 { background-image: url(assets/images/icons/booking-steps/calendar.png); background-repeat: no-repeat; background-size: 25px auto; background-position: center; } .booking-step-block span.step.step-2 { background-image: url(assets/images/icons/booking-steps/price.png); background-repeat: no-repeat; background-size: 25px auto; background-position: center; } .booking-step-block span.step.step-3 { background-image: url(assets/images/icons/booking-steps/cycling-jersey.png); background-repeat: no-repeat; background-size: 25px auto; background-position: center; } .booking-step-block span.step.step-4 { background-image: url(assets/images/icons/booking-steps/click.png); background-repeat: no-repeat; background-size: 25px auto; background-position: center; } .booking-step-block p { color: #878787; font-size: 0.95rem; margin: 0; } /* END GREY STEP-BY-STEP BLOCKS ON FIRST PAGE */ /* EXPANDING / COLLAPSING DIVS */ .tbr_form_block { width: 100%; display: block; float: left; margin: 0 0 9px 0; color: #FFF; } .tbr_form_block .tbr_form_block_link h3 { width: 88%; color: #FFF; text-align: left; font-size: 1.2rem; margin: 0; } .tbr_form_block .tbr_form_block_link h3::after { color: #FFF; text-align: left; font-size: 0.85rem; font-weight: 300; margin: 0 0 0 20px; vertical-align: middle; } .tbr_form_block .tbr_form_block_link.closed h3.group1-rides-title::after { content: "Click here to view these ride options"; } .tbr_form_block .tbr_form_block_link.closed h3.group2-rides-title::after { content: "Click here to view these ride options"; } .tbr_form_block .tbr_form_block_link.closed h3.group3-rides-title::after { content: "Click here to view these ride options"; } .tbr_form_block .tbr_form_block_link.closed h3.group4-rides-title::after { content: "Click here to view these ride options"; } .tbr_form_block .tbr_form_block_link.closed h3.group5-rides-title::after { content: "Click here to view these ride options"; } .tbr_form_block .tbr_form_block_link h3.group1-rides-title::after { content: "You are viewing rides for Saturday 19 July"; } .tbr_form_block .tbr_form_block_link h3.group2-rides-title::after { content: "You are viewing rides for Saturday 26 July"; } .tbr_form_block .tbr_form_block_link h3.group3-rides-title::after { content: "You are viewing rides for Saturday 2 August"; } .tbr_form_block .tbr_form_block_link h3.group4-rides-title::after { content: "You are viewing rides for Saturday 9 August"; } .tbr_form_block .tbr_form_block_link h3.group5-rides-title::after { content: "You are viewing rides for Saturday 16 August"; } .tbr_form_block a.tbr_form_block_link { width: 100%; display: block; padding: 15px 15px 15px 15px; box-sizing: border-box; font-size: 1rem; color: #000; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; background-image: url(assets/images/icons/collapse-white.png); background-position: 96% 50%; background-repeat: no-repeat; background-size: 18px auto; outline: none; text-decoration: none; background-color: #9A150F; border-bottom: 1px solid #FFF; } .tbr_form_block a.tbr_form_block_link.closed { background-image: url(assets/images/icons/expand-white.png); background-position: 96% 50%; background-repeat: no-repeat; background-size: 18px auto; outline: none; background-color: #31302F; } .tbr_form_block a.tbr_form_block_link:hover, .tbr_form_block a.tbr_form_block_link:active { color: #E30613; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; outline: none; background-image: url(assets/images/icons/collapse-orange.png); background-position: 96% 50%; background-repeat: no-repeat; background-size: 18px auto; } .tbr_form_block a.tbr_form_block_link.closed:hover, .tbr_form_block a.tbr_form_block_link.closed:active { color: #E30613; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; outline: none; background-image: url(assets/images/icons/expand-orange.png); background-position: 96% 50%; background-repeat: no-repeat; background-size: 18px auto; } .tbr_form_block a.tbr_form_block_link:hover h3, .tbr_form_block a.tbr_form_block_link:active h3, .tbr_form_block a.tbr_form_block_link:hover h3::after, .tbr_form_block a.tbr_form_block_link:active h3::after, .tbr_form_block a.tbr_form_block_link.closed:hover h3, .tbr_form_block a.tbr_form_block_link.closed:active h3, .tbr_form_block a.tbr_form_block_link.closed:hover h3::after, .tbr_form_block a.tbr_form_block_link.closed:active h3::after { color: #F39200; } .tbr_form_block .tbr_form_block_content { width: 100%; display: block; padding: 20px; box-sizing: border-box; background-color: #9A150F; } .tbr_form_block .tbr_form_block_content p { text-align: justify; } /* END EXPANDING / COLLAPSING DIVS */ /* HOME PAGE TABLE STYLES */ .overview_tbl_block_container { overflow-x: auto; } .overview_tbl_block { width: 100%; display: table; border-bottom: 1px solid #C6C6C6; } .overview_tbl_header, .overview_tbl_row { display: table-row; width: 100%; margin: 0 0 0 0; padding: 0; font-size: 0; vertical-align: middle; } .overview_tbl_row { background-color: #FFF; } .overview_tbl_row:nth-last-of-type(even) { background-color: #E9E9E9; } .overview_tbl_header span { line-height: 0.85rem; display: inline-block; } .overview_tbl_header .header_block_1 span { line-height: 0.85rem; display: inline-block; } .header_block_1, .row_block_1 { display: table-cell; margin: 0 0 0 0; width: 58%; vertical-align: middle; font-size: 0.75rem; padding: 10px 3px; text-align: center; border-right: 1px solid #C6C6C6; } .row_block_1:first-of-type { border-left: 1px solid #C6C6C6; } .header_block_2, .row_block_2 { display: table-cell; margin: 0 0 0 0; width: 27%; vertical-align: middle; font-size: 0.75rem; padding: 10px 3px; text-align: center; border-right: 1px solid #C6C6C6; } .header_block_3, .row_block_3 { display: table-cell; margin: 0 0 0 0; width: 14%; vertical-align: middle; font-size: 0.75rem; padding: 10px 3px; text-align: center; border-right: 1px solid #C6C6C6; } .row_block_date { background-color: #007d32; color: #FFF; display: table-cell; margin: 0 0 0 0; width: 58%; vertical-align: middle; font-size: 0.75rem; padding: 10px 3px; text-align: center; border-right: 1px solid #007d32; } .header_block_1 { background-color: #bd1622; color: #FFF; /* font-size: 1.2rem;*/ border-right: 1px solid #FFF; } .header_block_2 { background-color: #007d32; color: #FFF; border-right: 1px solid #FFF; } .header_block_3 { background-color: #3A3A3C; color: #FFF; border-right: 1px solid #FFF; } .header_block_3:last-of-type { border-right: 1px solid #3A3A3C; } .overview_tbl_button { display: block; float: right; } .overview_tbl_button a:link, .overview_tbl_button a:visited { background-color: #bd1622; color: #FFF; text-align: center; text-transform: capitalize; padding: 10px 20px; display: inline-block; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; text-decoration: none; } .overview_tbl_button a:hover, .overview_tbl_button a:active, .overview_tbl_button a:focus { background-color: #31302F; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; } /* END HOME PAGE TABLE STYLES */ /* CMS PAGE TABLE STYLES */ .cms_tbl_block { width: 100%; display: table; border-bottom: 1px solid #C6C6C6; } .cms_tbl_header, .cms_tbl_row { display: table; width: 100%; margin: 0 0 0 0; padding: 0; font-size: 0; vertical-align: middle; } .cms_tbl_row.generic { padding: 20px; } .cms_tbl_header.extended, .cms_tbl_row.extended { width: 88%; float: left; } .cms_tbl_row.generic p { margin: 0; } .cms_tbl_row.even_row { background-color: #E9E9E9; } .cms_tbl_row_block_btns { width: 12%; display: block; float: left; padding: 0 5px; } .cms_tbl_row a.cms_tbl_button { width: 100%; display: table-row; margin: 0 0 0 0; padding: 0; vertical-align: middle; color: #000; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; text-decoration: none; } .cms_tbl_header span { line-height: 0.85rem; display: inline-block; } .cms_tbl_header .cms_tbl_header_block_1 span { line-height: 1.2rem; display: inline-block; } .cms_tbl_header_block_1, .cms_tbl_row_block_1 { display: table-cell; margin: 0 0 0 0; width: 22.5%; vertical-align: middle; font-size: 0.75rem; padding: 10px 0; text-align: center; border-right: 1px solid #C6C6C6; } .cms_tbl_row_block_1:first-of-type { border-left: 1px solid #C6C6C6; } .cms_tbl_header_block_2, .cms_tbl_row_block_2 { display: table-cell; margin: 0 0 0 0; width: 22.5%; vertical-align: middle; font-size: 0.75rem; padding: 10px 0; text-align: center; border-right: 1px solid #C6C6C6; } .cms_tbl_header_block_3, .cms_tbl_row_block_3 { display: table-cell; margin: 0 0 0 0; width: 22.5%; vertical-align: middle; font-size: 0.75rem; padding: 10px 0; text-align: center; border-right: 1px solid #C6C6C6; } .cms_tbl_header_block_4, .cms_tbl_row_block_4 { display: table-cell; margin: 0 0 0 0; width: 22.5%; vertical-align: middle; font-size: 0.75rem; padding: 10px 0; text-align: center; border-right: 1px solid #C6C6C6; } .cms_tbl_header_block_5 { display: table-cell; margin: 0 0 0 0; width: 10%; vertical-align: middle; font-size: 0.75rem; padding: 10px 0; text-align: center; border-right: 1px solid #31302F; } .cms_tbl_row_block_5 { display: table-cell; margin: 0 0 0 0; width: 10%; vertical-align: middle; font-size: 0.75rem; padding: 10px 0; text-align: center; border-right: 1px solid #bd1622; background-color: #bd1622; color: #FFF; border-bottom: 1px solid #FFF; } .cms_tbl_header_block_1, .cms_tbl_header_block_2, .cms_tbl_header_block_3, .cms_tbl_header_block_4, .cms_tbl_header_block_5, .cms_tbl_header_block_6 { background-color: #31302F; color: #FFF; border-right: 1px solid #FFF; } .cms_tbl_header_block_5 { border-right: 1px solid #31302F; } .cms_tbl_row a.cms_tbl_button:hover, .cms_tbl_row a.cms_tbl_button:active, .cms_tbl_row a.cms_tbl_button:focus { background-color: #bd1622; color: #FFF; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; } .cms_tbl_row a.cms_tbl_button:hover .green, .cms_tbl_row a.cms_tbl_button:active .green, .cms_tbl_row a.cms_tbl_button:focus .green, .cms_tbl_row a.cms_tbl_button:hover .dark-red, .cms_tbl_row a.cms_tbl_button:active .dark-red, .cms_tbl_row a.cms_tbl_button:focus .dark-red { color: #FFF; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; } .cms_tbl_row a.cms_tbl_button:hover .green.sent, .cms_tbl_row a.cms_tbl_button:active .green.sent, .cms_tbl_row a.cms_tbl_button:focus .green.sent{ color: #3AAA35; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; } .cms_tbl_row a.cms_tbl_button:hover .cms_tbl_row_block_1, .cms_tbl_row a.cms_tbl_button:active .cms_tbl_row_block_1, .cms_tbl_row a.cms_tbl_button:focus .cms_tbl_row_block_1, .cms_tbl_row a.cms_tbl_button:hover .cms_tbl_row_block_2, .cms_tbl_row a.cms_tbl_button:active .cms_tbl_row_block_2, .cms_tbl_row a.cms_tbl_button:focus .cms_tbl_row_block_2, .cms_tbl_row a.cms_tbl_button:hover .cms_tbl_row_block_3, .cms_tbl_row a.cms_tbl_button:active .cms_tbl_row_block_3, .cms_tbl_row a.cms_tbl_button:focus .cms_tbl_row_block_3, .cms_tbl_row a.cms_tbl_button:hover .cms_tbl_row_block_4, .cms_tbl_row a.cms_tbl_button:active .cms_tbl_row_block_4, .cms_tbl_row a.cms_tbl_button:focus .cms_tbl_row_block_4 { border-right: 1px solid #FFF; } .cms_tbl_row a.cms_tbl_button:hover .cms_tbl_row_block_5, .cms_tbl_row a.cms_tbl_button:active .cms_tbl_row_block_5, .cms_tbl_row a.cms_tbl_button:focus .cms_tbl_row_block_5 { border-right: 1px solid #F60; } .cms_tbl_row a.cms_tbl_button:hover .cms_tbl_row_block_5 , .cms_tbl_row a.cms_tbl_button:active .cms_tbl_row_block_5 , .cms_tbl_row a.cms_tbl_button:focus .cms_tbl_row_block_5 { background-color: #F60; color: #FFF; } /*-------------------------------------------------------------*/ /* START - 4 columns */ /*-------------------------------------------------------------*/ .cms_tbl_block.four-col .cms_tbl_header_block_1, .cms_tbl_block.four-col .cms_tbl_row_block_1 { width: 18%; } .cms_tbl_block.four-col .cms_tbl_header_block_2, .cms_tbl_block.four-col .cms_tbl_row_block_2 { width: 18%; } .cms_tbl_block.four-col .cms_tbl_header_block_3 { width: 54%; } .cms_tbl_block.four-col .cms_tbl_row_block_3 { width: 54%; text-align: left; padding: 15px; } .cms_tbl_block.four-col .cms_tbl_header_block_4 { display: table-cell; margin: 0 0 0 0; width: 10%; vertical-align: middle; font-size: 0.75rem; padding: 10px 0; text-align: center; border-right: 1px solid #31302F; } .cms_tbl_block.four-col .cms_tbl_row_block_4 { display: table-cell; margin: 0 0 0 0; width: 10%; vertical-align: middle; font-size: 0.75rem; padding: 10px 0; text-align: center; border-right: 1px solid #bd1622; background-color: #bd1622; color: #FFF; border-bottom: 1px solid #FFF; } .cms_tbl_block.four-col .cms_tbl_row a.cms_tbl_button:hover .cms_tbl_row_block_4 , .cms_tbl_block.four-col .cms_tbl_row a.cms_tbl_button:active .cms_tbl_row_block_4 , .cms_tbl_block.four-col .cms_tbl_row a.cms_tbl_button:focus .cms_tbl_row_block_4 { background-color: #F60; color: #FFF; } /*-------------------------------------------------------------*/ /* END - 4 columns */ /*-------------------------------------------------------------*/ /*-------------------------------------------------------------*/ /* START - 6 columns */ /*-------------------------------------------------------------*/ .cms_tbl_block.six-col .cms_tbl_header_block_1, .cms_tbl_block.six-col .cms_tbl_row_block_1 { width: 18%; } .cms_tbl_block.six-col .cms_tbl_header_block_2, .cms_tbl_block.six-col .cms_tbl_row_block_2 { width: 18%; } .cms_tbl_block.six-col .cms_tbl_header_block_3, .cms_tbl_block.six-col .cms_tbl_row_block_3 { width: 18%; } .cms_tbl_block.six-col .cms_tbl_header_block_4, .cms_tbl_block.six-col .cms_tbl_row_block_4 { width: 18%; } .cms_tbl_block.six-col .cms_tbl_header_block_5 { width: 18%; background-color: #31302F; border-right: 1px solid #FFF; } .cms_tbl_block.six-col .cms_tbl_row_block_5 { width: 18%; background-color: transparent; color: #000; } .cms_tbl_block.six-col .cms_tbl_header_block_6 { display: table-cell; margin: 0 0 0 0; width: 10%; vertical-align: middle; font-size: 0.75rem; padding: 10px 0; text-align: center; border-right: 1px solid #31302F; } .cms_tbl_block.six-col .cms_tbl_row_block_6 { display: table-cell; margin: 0 0 0 0; width: 10%; vertical-align: middle; font-size: 0.75rem; padding: 10px 0; text-align: center; border-right: 1px solid #bd1622; background-color: #bd1622; color: #FFF; border-bottom: 1px solid #FFF; } .cms_tbl_block.six-col .cms_tbl_row a.cms_tbl_button:hover .cms_tbl_row_block_5, .cms_tbl_block.six-col .cms_tbl_row a.cms_tbl_button:active .cms_tbl_row_block_5, .cms_tbl_block.six-col .cms_tbl_row a.cms_tbl_button:focus .cms_tbl_row_block_5 { border-right: 1px solid #FFF; } .cms_tbl_block.six-col .cms_tbl_row a.cms_tbl_button:hover .cms_tbl_row_block_5, .cms_tbl_block.six-col .cms_tbl_row a.cms_tbl_button:active .cms_tbl_row_block_5, .cms_tbl_block.six-col .cms_tbl_row a.cms_tbl_button:focus .cms_tbl_row_block_5 { border-right: 1px solid #F60; background-color: transparent; } .cms_tbl_block.six-col .cms_tbl_row a.cms_tbl_button:hover .cms_tbl_row_block_6 , .cms_tbl_block.six-col .cms_tbl_row a.cms_tbl_button:active .cms_tbl_row_block_6 , .cms_tbl_block.six-col .cms_tbl_row a.cms_tbl_button:focus .cms_tbl_row_block_6 { background-color: #F60; color: #FFF; } /*-------------------------------------------------------------*/ /* END - 6 columns */ /*-------------------------------------------------------------*/ /*-------------------------------------------------------------*/ /* START - 6 columns with email links */ /*-------------------------------------------------------------*/ .cms_tbl_block.six-col.email_links .cms_tbl_header_block_1, .cms_tbl_block.six-col.email_links .cms_tbl_row_block_1 { width: 8%; } .cms_tbl_block.six-col.email_links .cms_tbl_header_block_2, .cms_tbl_block.six-col.email_links .cms_tbl_row_block_2 { width: 9%; } .cms_tbl_block.six-col.email_links .cms_tbl_header_block_3, .cms_tbl_block.six-col.email_links .cms_tbl_row_block_3 { width: 28%; } .cms_tbl_block.six-col.email_links .cms_tbl_header_block_4, .cms_tbl_block.six-col.email_links .cms_tbl_row_block_4 { width: 16%; } .cms_tbl_block.six-col.email_links .cms_tbl_header_block_5 { width: 17%; background-color: #31302F; border-right: 1px solid #FFF; } .cms_tbl_block.six-col.email_links .cms_tbl_row_block_5 { width: 17%; background-color: transparent; color: #000; } .cms_tbl_block.six-col.email_links .cms_tbl_header_block_6 { display: table-cell; margin: 0 0 0 0; width: 10%; vertical-align: middle; font-size: 0.75rem; padding: 10px 0; text-align: center; border-right: 1px solid #31302F; } .cms_tbl_block.six-col.email_links .cms_tbl_row_block_6 { display: table-cell; margin: 0 0 0 0; width: 10%; vertical-align: middle; font-size: 0.75rem; padding: 10px 0; text-align: center; border-right: 1px solid #bd1622; background-color: #bd1622; color: #FFF; border-bottom: 1px solid #FFF; } .cms_tbl_block.six-col.email_links .cms_tbl_header_block_email { display: table-cell; margin: 0 0 0 0; width: 12%; vertical-align: middle; font-size: 0.75rem; padding: 10px 0; text-align: center; border-right: 1px solid #F9F9F7; background-color: #F9F9F7; } .cms_tbl_block.six-col.email_links .cms_tbl_row_block_link { display: table-cell; margin: 0 0 0 0; width: 12%; vertical-align: middle; font-size: 0.75rem; padding: 10px 0; text-align: center; border-right: 1px solid #F9F9F7; background-color: #F9F9F7; color: #FFF; border-bottom: 1px solid #F9F9F7; } .cms_tbl_block.six-col .cms_tbl_row a { z-index: 1; } .cms_tbl_block.six-col.email_links .cms_tbl_row_block_link input[type="submit"].tbr_form_green_btn { color: #FFF; background-color: #3AAA35; font-size: 0.75rem; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; margin: 5px 0; padding: 8px 4px; width: 90%; z-index: 2; text-transform: unset; letter-spacing: 0; } .cms_tbl_block.six-col.email_links .cms_tbl_row_block_link input[type="submit"].tbr_form_green_btn:hover { background-color: #F39200; } .cms_tbl_block.six-col.email_links .cms_tbl_row_block_link input[type="submit"].tbr_form_grey_btn { color: #FFF; background-color: #9E9E9E; font-size: 0.75rem; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; margin: 5px 0; padding: 8px 4px; width: 90%; z-index: 2; text-transform: unset; letter-spacing: 0; } .cms_tbl_block.six-col.email_links .cms_tbl_row_block_link input[type="submit"].tbr_form_grey_btn:hover { background-color: #3A3A3C; } input[type="submit"].tbr_form_green_btn { color: #FFF; background-color: #3AAA35; font-size: 0.85rem; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; margin: 5px 0; padding: 8px; width: 90%; z-index: 2; text-transform: unset; } /*-------------------------------------------------------------*/ /* END - 6 columns with email links */ /*-------------------------------------------------------------*/ /* END CMS PAGE TABLE STYLES */ /* FORM PAGE 1 STYLES */ .form-separator { display: block; width: 100%; margin: 20px 0 20px 0; padding: 0; height: 1px; background-color: #FFF; } .tbr_form_block .tbr_form_block_content form { margin: 0; } .tbr_form_block_row { display: block; width: 100%; margin: 0 0 0 0; padding: 0; font-size: 0; } .tbr_form_block_1 { display: inline-block; margin: 40px 0 20px 0; width: 100%; vertical-align: top; } .tbr_form_block_1.first { display: inline-block; margin: 0 0 20px 0; width: 100%; vertical-align: top; } .tbr_form_block_1 select{ border-radius: 0px; border: 1px solid #FFF; } .tbr_form_block_2 { display: inline-block; margin: 0 0 30px 0; width: 100%; vertical-align: top; } .tbr_form_block_2.first { display: inline-block; margin: 0 0 30px 0; width: 100%; vertical-align: top; } .tbr_form_block_3 { display: inline-block; margin: 0 0 30px 0; width: 100%; vertical-align: top; text-align: left; } /* .tbr_form_block_4 { display: inline-block; margin: 0 2% 0 0; width: 18.4%; vertical-align: top; text-align: left; } */ .tbr_form_block_4 { display: inline-block; margin: 0 0 0 0; width: 100%; vertical-align: top; text-align: right; } .tbr_form_block_2_price { width: 30.33%; display: inline-block; margin: 0 3% 0 0; vertical-align: top; text-align: left; } /* .tbr_form_block_2_price label, .tbr_form_block_4 label { font-weight: 700; color: #FFF; display: inline-block; font-size: 1rem; margin: 3px 10px 0 0; } */ .tbr_form_block_2_price label, .tbr_form_block_3 label { font-weight: 700; color: #FFF; display: inline-block; font-size: 1rem; margin: 3px 10px 0 0; } .tbr_form_block_3 label, .tbr_form_block_3 label.first { width: 30.33%; margin: 0 3% 0 0; } /* .tbr_form_block_3 label { font-weight: 300; color: #FFF; display: inline-block; font-size: 0.65rem; margin: 3px 0 0 0; } */ .tbr_form_block_3 select { width: 40%; float: left; margin: 0 15px 0 0; } /* .tbr_form_block_5 button, .tbr_form_block_5 input[type="submit"] { padding: 25px 10px; background-color: #F39200; } */ .tbr_form_block_4 button, .tbr_form_block_4 input[type="submit"] { width: 100%; padding: 15px 10px; background-color: #F39200; } input[type="submit"].orange_btn { width: 100%; padding: 15px 10px; background-color: #F39200; } .tbr_form_1_title { color: #FFF; font-size: 0.85rem; margin: 0 0 10px 0; } .choose-ride-title { color: #FFF; font-weight: bold; margin: 0; } /* END FORM PAGE 1 STYLES */ /* OTHER FORM STYLES */ .FormLabel { color: #000; font-size: 0.95rem; font-weight: 400; text-align: left; margin: 15px 0 3px 0; } .label-help { color: #9A9A9A; font-size: 0.95rem; } .red { color: #F00; font-size: 0.95rem; } .dark-red { color: #bd1622; } .green { color: #3AAA35; } .dark-green { color: #2E8310; } .form_note { text-align: left; color: #000; font-size: 0.95rem; margin: 15px 0 0 0; } .form_bg h3 { text-transform: uppercase; } .form_bg h3.new_section { margin-top: 40px; } label.tbr_checkbox.sml{ font-weight: 300; color: #000; display: inline-block; font-size: 0.95rem; margin: 3px 0 10px 0; } label.tbr_checkbox.sml a { font-weight: 300; display: inline-block; font-size: 0.95rem; margin: 3px 0 0 0; } button.tbr_form_green_btn, input[type="submit"].tbr_form_green_btn { color: #FFF; background-color: #3AAA35; text-transform: uppercase; font-size: 0.95rem; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; margin: 50px 0 0px 0; padding: 15px; width: 70%; } button.tbr_form_green_btn:hover, input[type="submit"].tbr_form_green_btn:hover { background-color: #F39200; } button.tbr_form_green_btn_gen, input[type="submit"].tbr_form_green_btn_gen { color: #FFF; background-color: #3AAA35; font-size: 0.95rem; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; margin: 50px 0 0px 0; padding: 15px; width: auto; } button.tbr_form_green_btn_gen:hover, input[type="submit"].tbr_form_green_btn_gen:hover { background-color: #F39200; } button.tbr_form_green_btn_sml, input[type="submit"].tbr_form_green_btn_sml { color: #FFF; background-color: #3AAA35; text-transform: uppercase; font-size: 0.95rem; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; margin: 0px 0 0px 0; padding: 15px; width: 100%; } button.tbr_form_green_btn_sml:hover, input[type="submit"].tbr_form_green_btn_sml:hover { background-color: #F39200; } button.tbr_form_green_btn.full, input[type="submit"].tbr_form_green_btn.full { width: 100%; } button.tbr_form_green_btn.no_margin, input[type="submit"].tbr_form_green_btn.no_margin, button.tbr_form_black_btn.no_margin, input[type="submit"].tbr_form_black_btn.no_margin { margin: 0; } button.tbr_form_black_btn, input[type="submit"].tbr_form_black_btn { color: #FFF; background-color: #000; text-transform: uppercase; font-size: 0.95rem; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; margin: 50px 0 0px 0; padding: 15px; width: 100%; } button.tbr_form_black_btn:hover, input[type="submit"].tbr_form_black_btn:hover { background-color: #F39200; } button.tbr_form_grey_btn, input[type="submit"].tbr_form_grey_btn, a.tbr_form_grey_btn, a.tbr_form_grey_btn:link, a.tbr_form_grey_btn:visited { color: #FFF; background-color: #9E9E9E; text-transform: uppercase; font-size: 0.95rem; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; margin: 20px 0 20px 0; padding: 15px; width: 45%; } button.tbr_form_grey_btn:hover, input[type="submit"].tbr_form_grey_btn:hover, a.tbr_form_grey_btn:hover, a.tbr_form_grey_btn:active, a.tbr_form_grey_btn:focus { background-color: #3A3A3C; text-decoration: none; color: #FFF; } a.tbr_form_grey_btn { display: inline-block; } a.tbr_form_back_btn, a.tbr_form_back_btn:link, a.tbr_form_back_btn:visited { color: #FFF; background-color: #CCC; text-transform: uppercase; font-size: 0.85rem; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; margin: 0; padding: 7px 14px; width: auto; display: inline-block; float: right; position: absolute; top: 0; right: 0; } a.tbr_form_back_btn:hover, a.tbr_form_back_btn:active, a.tbr_form_back_btn:focus { background-color: #3A3A3C; text-decoration: none; color: #FFF; } a.tbr_back_btn, a.tbr_back_btn:link, a.tbr_back_btn:visited { color: #FFF; background-color: #CCC; text-transform: uppercase; font-size: 0.85rem; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; margin: 0; padding: 7px 14px; width: auto; display: inline-block; float: left; } a.tbr_back_btn:hover, a.tbr_back_btn:active, a.tbr_back_btn:focus { background-color: #3A3A3C; text-decoration: none; color: #FFF; } span.btn_or { display: inline-block; width: 100%; margin: 0; color: #000; font-size: 1.5rem; font-weight: 700; text-transform: uppercase; text-align: center; padding: 10px; } .tbr_first_hear_show, .tbr_first_hear_other, .tbr_accompanying_adult, .tbr_rider_country_other, .tbr_rider_food_other, .edit_price_option_1, .edit_price_option_2, .edit_price_option_3, .edit_price_option_4, .edit_price_option_5, .edit_price_option_6, .edit_price_option_7, .tbr_loc_2_room_share_options, .tbr_loc_3_room_share_options, .tbr_loc_1_homestay_show, .tbr_loc_2_homestay_show, .tbr_loc_3_homestay_show, .tbr_loc_4_homestay_show { width: 100%; display: inline-block; margin: 0 0 30px 0; } .tbr_first_hear_show.closed, .tbr_first_hear_other.closed, .tbr_accompanying_adult.closed, .tbr_rider_country_other.closed, .tbr_rider_food_other.closed, .edit_price_option_1.closed, .edit_price_option_2.closed, .edit_price_option_3.closed, .edit_price_option_4.closed, .edit_price_option_5.closed, .edit_price_option_6.closed, .edit_price_option_7.closed, .tbr_loc_2_room_share_options.closed, .tbr_loc_3_room_share_options.closed, .tbr_loc_1_homestay_show.closed, .tbr_loc_2_homestay_show.closed, .tbr_loc_3_homestay_show.closed, .tbr_loc_4_homestay_show.closed { display: none; } /* END OTHER FORM STYLES */ /* FORM STYLES - CONFIRMATION PAGE */ .confirmation-details-block { width: 100%; display: inline-block; margin: 0 0 30px 0; } .confirmation-details-block.last { width: 100%; display: inline-block; margin: 0 0 0 0; } .confirmation-details-block.left_details { width: 100%; margin: 0 0 0 0; vertical-align: top; } .confirmation-details-block.right_details { width: 100%; margin: 0 0 0 0; vertical-align: top; } .confirmation-details-block h4 { text-align: left; } table.confirmation_table { display: table; width: 100%; margin: 0; } table.confirmation_table tr { /* border-bottom: dashed 1px #CCC;*/ border: none; background-image: linear-gradient(to right, #999 10%, rgba(255, 255, 255, 0) 0%); background-position: bottom; background-size: 12px 2px; background-repeat: repeat-x; } table.confirmation_table tr:last-of-type { /* background-image: none;*/ } table.confirmation_table td { width: 50%; padding: 8px 0 10px 0; } table.confirmation_table td.cf_title { text-align: left; } table.confirmation_table td.cf_value { text-align: right; } table.confirmation_table .confirmation_title { color: #000; font-size: 0.95rem; text-align: left; } table.confirmation_table .confirmation_title_sml { color: #666666; font-size: 0.85rem; text-align: left; } table.confirmation_table .confirmation_value { color: #bd1622; font-size: 0.95rem; text-align: right; } table.confirmation_table .confirmation_value.discount { color: #bd1622; font-size: 0.95rem; text-align: right; } table.confirmation_table .confirmation_value.dark-green { color: #2E8310; } .detail_sml { font-size: 0.95rem; color: #000; display: block; margin: 0; line-height: 17px; } .detail_lrg { font-size: 1rem; color: #bd1622; display: block; margin: 0 0 25px 0; font-weight: 700; } .detail_separator { height: 2px; display: block; margin: 20px 0 20px 0; width: 100%; background-image: linear-gradient(to right, #999 10%, rgba(255, 255, 255, 0) 0%); background-position: bottom; background-size: 12px 2px; background-repeat: repeat-x; } .detail_total { color: #000000; font-size: 14px; font-size: 0.85rem; font-weight: 700; margin: 0; text-transform: uppercase; display: block; } .detail_total_value { font-size: 1.25rem; color: #bd1622; display: block; margin: 0 0 0 0; font-weight: 700; } .detail_total_value.dark-green { color: #2E8310; } .detail_total_value.first { margin: 0 0 20px 0; } .select_amount_value { font-size: 1.25rem; color: #bd1622; display: inline-block; margin: 0 0 0 0; font-weight: 700; } .detail_total.new_detail { margin: 20px 0 0 0; } .contribution_block { width: 100%; display: inline-block; margin: 0 0 10px 0; text-align: left; } .contribution_block.last, .contribution_block.full { width: 100%; margin: 0; } .contribution_block_button { width: 100%; margin: 0; display: block; text-align: center; } .contribution_block_button button.tbr_form_green_btn, .contribution_block_button input[type="submit"].tbr_form_green_btn { margin: 10px 0 0 0; } /* END FORM STYLES - CONFIRMATION PAGE */ /*-------------------------------------*/ /* CUSTOM RADIO BUTTONS AND CHECKBOXES */ /*-------------------------------------*/ /* The containers for radio buttons and checkboxes */ .tbr_price_label, .tbr_checkbox { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .tbr_price_label.first { margin-right: 25px; } /* Hide the browser's default radio button */ .tbr_price_label input { position: absolute; opacity: 0; cursor: pointer; } /* Hide the browser's default checkbox */ .tbr_checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom radio button and checkbox */ .checkmark { position: absolute; top: 0; left: 0; height: 28px; width: 28px; border:1px solid #FFF; } .checkmark.white { background-color: #FFF; } /* On mouse-over, add a grey background color */ .tbr_price_label:hover input ~ .checkmark, .tbr_checkbox:hover input ~ .checkmark { background-color: #CCC; } /* When the radio button or checkbox is checked, add a check icon */ .tbr_price_label input:checked ~ .checkmark, .tbr_checkbox input:checked ~ .checkmark { background-image: url(assets/images/icons/radio-checked.png); background-position: 0% 0%; background-repeat: no-repeat; background-size: 26px auto; } /*-------------------------------------*/ /* CUSTOM RADIO BUTTONS AND CHECKBOXES */ /*-------------------------------------*/ /*-------------------------------------*/ /* START RIDER TABS */ /*-------------------------------------*/ #tabs { width: 100%; margin: 0; } #tabs a { cursor:pointer; } #tabs li { float:left; list-style:none; margin-right:5px; outline:none; } #tabs li a { color: #000000; font-size: 19px; font-size: 1.2rem; font-weight: 700; margin: 0 0 0 0; padding: 15px; display:inline-block; background: #EAEAEA; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; text-decoration:none; outline:none; box-shadow: none; } #tabs li a.inactive{ color:#FFF; background: #AFAFAF; outline:none; } #tabs li a:hover, #tabs li a.inactive:hover { color: #bd1622; outline:none; } .tab-container { clear:both; width:100%; text-align:left; font-size: 0.85rem; } /*-------------------------------------*/ /* END RIDER TABS */ /*-------------------------------------*/ .testimonial-block { background-color: #31302F; color: #FFF; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 15px; margin: 0 0 40px 0; } .testimonial-block .quote { color: #FFF; padding: 35px 0 35px 0; font-size: 0.85rem; position: relative; } .testimonial-block .quote::before { content: ''; width: 28px; height: 28px; position: absolute; top: 0; left: 0; background-image: url(assets/images/icons/Quotation-Mark-Open.png); background-repeat: no-repeat; background-position: 100% 40%; background-size: 28px auto; } .testimonial-block .quote::after { content: ''; width: 28px; height: 28px; position: absolute; bottom: 0; right: 0; background-image: url(assets/images/icons/Quotation-Mark-Close.png); background-repeat: no-repeat; background-position: 100% 40%; background-size: 28px auto; } .testimonial-block .testimonial-name { color: #bd1622; font-size: 1rem; margin: 0; display: block; } .testimonial-block .testimonial-title { color: #FFF; font-size: 0.85rem; margin: 0; display: block; } .center { text-align: center; } a.gen-email:link, a.gen-email:visited { margin: 0 0 0 0; padding: 0 0 0 30px; background-image: url(assets/images/icons/email-icon-hov.png); background-repeat: no-repeat; background-position: 0% 40%; background-size: 20px auto; font-size: 1rem; color: #000; display: inline-block; } a.gen-email:hover, a.gen-email:active { color: #bd1622; } .error-block { width: 100%; background-color: #bd1622; color: #FFF; text-align: center; padding: 20px; } .success-block { width: 100%; background-color: #3AAA35; color: #FFF; text-align: center; padding: 20px; } .error-block .error-title, .success-block .success-title { color: #FFF; font-size: 1.2rem; margin: 0; display: block; } .error-block .error-content, .success-block .success-content { color: #FFF; font-size: 0.85rem; margin: 0; display: block; } ul.tbr_cms_blocks { width: 100%; display: block; margin: 0; } ul.tbr_cms_blocks li.tbr_cms_block { width: 31.333%; display: block; float: left; margin: 0 3% 25px 0; background-color: #FFF; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); text-align: center; } ul.tbr_cms_blocks li.tbr_cms_block:nth-of-type(3n) { margin: 0 0 25px 0; } ul.tbr_cms_blocks li.tbr_cms_block a { display: block; width: 100%; height: 100%; padding: 10px; } ul.tbr_cms_blocks li.tbr_cms_block a span.tbr_cms_title { display: block; width: 100%; padding: 10px 10px 0 10px; font-weight: 700; color: #3A3A3C; } ul.tbr_cms_blocks li.tbr_cms_block a span.tbr_cms_desc { display: block; width: 100%; padding: 10px; font-weight: 400; color: #888; line-height: normal; } ul.tbr_cms_blocks li.tbr_cms_block a span.tbr_cms_btn { display: block; width: 100%; max-width: 200px; padding: 7px; font-weight: 700; font-size: 0.85rem; background-color: #bd1622; color: #FFF; margin: 0 auto 10px auto; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; } ul.tbr_cms_blocks li.tbr_cms_block a:hover, ul.tbr_cms_blocks li.tbr_cms_block a:active { text-decoration: none; } ul.tbr_cms_blocks li.tbr_cms_block a:hover span.tbr_cms_btn, ul.tbr_cms_blocks li.tbr_cms_block a:active span.tbr_cms_btn { background-color: #3A3A3C; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; } a.tbr-red-btn:link, a.tbr-red-btn:visited { display: inline-block; width: auto; float: right; padding: 7px 12px; font-weight: 700; font-size: 0.85rem; background-color: #bd1622; color: #FFF; margin: 0 auto 20px auto; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; text-decoration: none; } a.tbr-red-btn:hover, a.tbr-red-btn:active, a.tbr-red-btn:focus { background-color: #3A3A3C; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; text-decoration: none; color: #FFF; } a.tbr-red-btn.left { float: left; } a.tbr-dark-grey-btn:link, a.tbr-dark-grey-btn:visited { display: inline-block; width: auto; float: right; padding: 7px 12px; font-weight: 700; font-size: 0.85rem; background-color: #3A3A3C; color: #FFF; margin: 0 auto 20px auto; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; text-decoration: none; } a.tbr-dark-grey-btn:hover, a.tbr-dark-grey-btn:active, a.tbr-dark-grey-btn:focus { background-color: #000; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; text-decoration: none; color: #FFF; } a.tbr-dark-grey-btn.left { margin: 0 20px 20px 0; } a.tbr-light-grey-btn:link, a.tbr-light-grey-btn:visited { display: inline-block; width: auto; float: right; padding: 7px 12px; font-weight: 700; font-size: 0.85rem; background-color: #E9E9E9; color: #878787; margin: 0 auto 20px auto; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; text-decoration: none; } a.tbr-light-grey-btn:hover, a.tbr-light-grey-btn:active, a.tbr-light-grey-btn:focus { background-color: #3A3A3C; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; text-decoration: none; color: #FFF; } a.tbr-light-grey-btn.left { float: left; } /*-------------------------------------*/ /* START POP UP DIV */ /*-------------------------------------*/ #popup-block, [id^="popup-block-"], .payment-block { display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.5); } /* Modal Content/Box */ .popup-block-content { background-color: #FFF; margin: 20% auto 0 auto; padding: 40px; width: 80%; text-align: center; position: relative; box-sizing: border-box; } .popup-block-content p.refund-amount { margin: 0; } .popup-block-content .popup-block-amount-container { display: block; margin: 0 0 20px 0; } .popup-block-content .popup-block-amount-container .input-symbol { float: none; margin: 0; } .popup-block-content .popup-block-amount-container input[type="text"] { display: inline-block; margin: 0 0 0 5px; } .popup-block-content .popup-amount { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 2rem; color: #3A3A3C; line-height: 24px; } .popup-block-content input[type=text] { max-width: 250px; float: none; margin: 0 auto 20px auto; text-align: center; } .popup-block-content input[type=submit] { margin: 0; } .popup-block-content input[type=submit]#submit_cheque, .popup-block-content input[type=submit]#submit_transfer { margin: 10px 0 0 0; } .popup-block-content p.payment-type-title { margin: 0 0 3px 0; } .popup-block-content select#payment_type { width: 100%; margin: 0 0 20px 0; } .popup-block-content p.remove-box-btn { margin: 0 0 10px 0; } .popup-block-content p.remove-box-btn .grey-btn.remove-box { } .popup-block-content h3.warning-title { margin: 0; color: #bd1622; } .popup-block-content .close, .popup-block-content [class^="close-"] { color: #bd1622; font-size:1.5rem; font-weight: bold; position: absolute; top: 0px; right: 10px; } .popup-block-content .close:hover, .popup-block-content .close:focus, .popup-block-content [class^="close-"]:hover, .popup-block-content [class^="close-"]:focus { color: #000; text-decoration: none; cursor: pointer; } /*-------------------------------------*/ /* END POP UP DIV */ /*-------------------------------------*/ .reminder-text { margin: 30px 0 10px 0; } .filter-block-1 { width: 100%; display: block; margin: 0 0 10px 0; float: left; background-color: #EAEAEA; padding: 15px; } .filter-block-2 { width: 100%; display: block; margin: 0 0 10px 0; float: left; background-color: #EAEAEA; padding: 15px; } .filter-block-1 .filter-block-left, .filter-block-2 .filter-block-left { width: 100%; display: block; float: left; margin: 0 0 15px 0; } .filter-block-1 .filter-block-right, .filter-block-2 .filter-block-right { width: 100%; display: block; float: left; margin: 0 0 15px 0; } .filter-block-1 .filter-block-full, .filter-block-2 .filter-block-full { width: 100%; display: block; float: left; margin: 0 0 0 0; } .filter-block-1 .filter-block-left .tbr_form_1_title, .filter-block-2 .filter-block-left .tbr_form_1_title, .filter-block-1 .filter-block-right .tbr_form_1_title, .filter-block-2 .filter-block-right .tbr_form_1_title, .filter-block-1 .filter-block-full .tbr_form_1_title, .filter-block-2 .filter-block-full .tbr_form_1_title { color: #000; text-align: left; } .filter-block-1 .filter-block-right .tbr_price_label, .filter-block-2 .filter-block-right .tbr_price_label { font-size: 14px; font-weight: 600; text-align: left; width: 50%; display: inline-block; } .filter-block-1 .filter-block-full input[type=submit].orange_btn, .filter-block-2 .filter-block-full input[type=submit].orange_btn { width: auto; padding: 10px 15px; color: #FFF; background-color: #F39200; float: right; } .filter-block-1 .FormLabel, .filter-block-2 .FormLabel { margin: 0 0 10px 0; } .report-btns { float: right; margin: 0; } a.pdf-btn:link, a.pdf-btn:visited { font-family: 'Poppins', sans-serif; font-size: 0.85rem; background-color: #bd1622; color: #FFF; display: inline-block; width: auto; height: auto; text-align: left; padding: 5px 35px 5px 55px; border-radius:4px; box-sizing:border-box; margin: 0 0 10px 0; background-image: url(assets/images/icons/pdf-download-icon.png); background-repeat: no-repeat; background-position: 18% 50%; background-size: 20px; } a.pdf-btn:hover, a.pdf-btn:active, a.pdf-btn:focus { background-color: #941415; text-decoration: none; } a.print-btn:link, a.print-btn:visited { font-family: 'Poppins', sans-serif; font-size: 0.85rem; background-color: #4572b9; color: #FFF; display: inline-block; width: auto; height: auto; text-align: left; padding: 5px 35px 5px 55px; border-radius:4px; box-sizing:border-box; margin: 0 0 10px 0; background-image: url(assets/images/icons/print-icon.png); background-repeat: no-repeat; background-position: 28% 50%; background-size: 20px; } a.print-btn:hover, a.print-btn:active, a.print-btn:focus { background-color: #2b5392; text-decoration: none; } a.csv-btn:link, a.csv-btn:visited { font-family: 'Poppins', sans-serif; font-size: 0.85rem; background-color: #60bf6d; color: #FFF; display: inline-block; width: auto; height: auto; text-align: left; padding: 5px 35px 5px 55px; border-radius:4px; box-sizing:border-box; margin: 0 0 10px 0; background-image: url(assets/images/icons/csv-icon.png); background-repeat: no-repeat; background-position: 18% 50%; background-size: 20px; } a.csv-btn:hover, a.csv-btn:active, a.csv-btn:focus { background-color: #3d9048; text-decoration: none; } .report-tbl { width: 100%; margin: 0 0 40px 0; box-sizing: border-box; } .report-tbl th, .report-tbl td { padding: 5px; } .report-tbl th { background-color: #3A3A3C; color: #FFF; padding: 5px; border-right: 1px solid #3A3A3C; text-align: center; font-weight: 300; } .report-tbl th:first-of-type { border-left: 1px solid #3A3A3C; } .report-tbl th:last-of-type { border: none; } .report-tbl tr{ border-bottom: 1px solid #000; } .report-tbl tr:first-of-type { border-bottom: none; } .report-tbl tr:nth-of-type(even) { background-color: #FFF; } .report-tbl tr:nth-of-type(odd) { background-color: #E9E9E9; } .report-tbl tr.totals_row { background-color: #FFF; border-top: 3px solid #000; } .report-tbl td { border-right: 1px solid #000; } .report-tbl td:first-of-type { border-left: 1px solid #000; } .report-tbl td.report-tbl-right { text-align: right; } .report-tbl td.report-empty-col { border-right: 1px solid #FFF; } .logout_btn { display: block; clear: both; margin: 8px 0 0 0; } .logout_btn a:link, .logout_btn a:visited { color: #FFF; font-size: 0.85rem; } .logout_btn a:hover, .logout_btn a:active, .logout_btn a:focus { color: #bd1622; text-decoration: underline; } .woocommerce-breadcrumb { padding: 0 10px 15px 10px; margin: 0 0 20px 0; } .woocommerce-breadcrumb a { font-size: 0.85rem; } .woocommerce-breadcrumb a:hover { box-shadow: none; } .woocommerce-products-header__title.page-title { color: #bd1622; font-size: 21px; font-size: 1.65rem; font-weight: 700; margin: 0 0 20px 0; text-transform: capitalize; letter-spacing: normal; } .woocommerce-result-count { font-style: italic; color: #A9A8A8; } ul.products li.product .button, ul.products li.product .button:hover { box-shadow: none; font-size: 0; } ul.products li.product .button::after { content: "View Product"; font-size: 0.85rem; background-color: #bd1622; color: #FFF; text-align: center; text-transform: uppercase; padding: 7px 15px; display: inline-block; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; text-decoration: none; } ul.products li.product .button:hover::after { background-color: #31302F; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; } .woocommerce-loop-product__title { text-transform: capitalize; letter-spacing: normal; font-size: 0.85rem; } .woocommerce-Price-amount.amount { font-size: 1.1rem; } .onsale, ul.products li.product a.woocommerce-LoopProduct-link.woocommerce-loop-product__link .onsale { background-color: #bd1622; color: #FFF; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; } ul.products li.product a.woocommerce-LoopProduct-link.woocommerce-loop-product__link:hover { text-decoration: none; } ul.products li.product a.woocommerce-LoopProduct-link.woocommerce-loop-product__link img { opacity: 1; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; } ul.products li.product:hover { cursor: pointer; } ul.products li.product:hover a.woocommerce-LoopProduct-link.woocommerce-loop-product__link img { opacity: 0.7; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; } ul.products li.product:hover a.woocommerce-LoopProduct-link.woocommerce-loop-product__link .onsale { opacity: 0.7; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; } ul.products li.product:hover a.button::after { background-color: #31302F; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; } .woocommerce-tabs li.active a { box-shadow: none; } .sku_wrapper, .posted_in { display: none; } .tabs.wc-tabs { position: relative; } .tabs.wc-tabs::after { content: ''; height: 0px; position: absolute; bottom: 0px; width: 100%; z-index: 1; border-bottom: solid 1px #CCC; } ul.tabs.wc-tabs li.description_tab { padding: 10px 15px; border-top: 4px solid #CCC; background-color: #FFF; z-index: 99999999; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; position: relative; } ul.tabs.wc-tabs li.description_tab.active { border-top: 4px solid #bd1622; border-bottom: 1px solid #fff; } .woocommerce-tabs li { margin-right: 0; } ul.tabs.wc-tabs li.description_tab a { color: #000; } ul.tabs.wc-tabs li.description_tab.active a { color: #bd1622; } .woocommerce-message { background-color: #73C144; text-align: center; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button, .woocommerce-message a.button, .woocommerce-message a.button:hover { box-shadow: none!important; font-size: 0; float: none; margin: 0 0 20px 0; width: 100%; display: block; } .woocommerce-message a.button::after { content: "View Basket"; font-size: 0.85rem; background-color: #FFF; color: #73C144; text-align: center; text-transform: uppercase; padding: 7px 15px; display: inline-block; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; text-decoration: none; } .woocommerce-message a.button:hover::after { background-color: #31302F; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; } button#delete_btn_1, button#delete_btn_2, button#delete_btn_3, button#delete_btn_4, button#delete_btn_5, button#delete_btn_6, button#delete_btn_7, button#delete_btn_8 { padding: 5px 8px; float: left; margin-right: 20px; } button#cancel_btn { padding: 8px 10px; float: left; margin-right: 20px; } [id^="cancel_btn_"] { background-color: transparent; color: #bd1622; font-size: 0.75rem; font-weight: 700; padding: 5px; float: left; margin-right: 0px; z-index: 2; } [id^="cancel_btn_"]:hover, .cms_tbl_row_block_btns [id^="cancel_btn_"]:hover { background-color: #bd1622; color: #FFF; } [id^="refund_btn_"] { background-color: transparent; color: #F39200; font-size: 0.75rem; font-weight: 700; padding: 5px; float: left; margin-right: 0px; z-index: 2; clear: both; } [id^="refund_btn_"]:hover, .cms_tbl_row_block_btns [id^="refund_btn_"]:hover { background-color: #F39200; color: #FFF; } button#refund_btn { background-color: #F39200; padding: 8px 10px; float: right; margin-right: 20px; } button#amend_btn{ background-color: #3AAA35; padding: 10px 15px; float: left; margin-right: 20px; } button#refund_btn:hover, button#amend_btn:hover { background-color: #767676; } .tbr_delete_rider_block_1, .tbr_delete_rider_block_2, .tbr_delete_rider_block_3, .tbr_delete_rider_block_4, .tbr_delete_rider_block_5, .tbr_delete_rider_block_6, .tbr_delete_rider_block_7, .tbr_delete_rider_block_8 { display: none; width: 100%; margin: 40px 0 0 0; padding: 0; float: left; } .tbr_cancel_booking_block, [class^="tbr_cancel_booking_block_"] { display: none; width: 100%; margin: 40px 0 0 0; float: left; padding: 25px; border: 1px solid #ccc; } .tbr_refund_booking_block, [class^="tbr_refund_booking_block_"], .tbr_amend_booking_block { display: none; width: 100%; margin: 40px 0 40px 0; float: left; padding: 25px; border: 1px solid #ccc; } .tbr_delete_rider_block_1 h3, .tbr_delete_rider_block_2 h3, .tbr_delete_rider_block_3 h3, .tbr_delete_rider_block_4 h3, .tbr_delete_rider_block_5 h3, .tbr_delete_rider_block_6 h3, .tbr_delete_rider_block_7 h3, .tbr_delete_rider_block_8 h3, .tbr_cancel_booking_block h3, [class^="tbr_cancel_booking_block_"] h3 { color: #bd1622; } .tbr_refund_booking_block h3, [class^="tbr_refund_booking_block_"] h3 { color: #F39200; } .tbr_amend_booking_block h3 { color: #3AAA35; } button.tbr_small_green_btn, input[type="submit"].tbr_small_green_btn { color: #FFF; background-color: #3AAA35; font-size: 0.85rem; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; margin: 0px 0 0px 0; padding: 10px 12px; width: auto; display: inline-block; } button.tbr_small_green_btn:hover, input[type="submit"].tbr_small_green_btn:hover { background-color: #F39200; } .entry-content a img, .comment-content a img, .widget a img { box-shadow: none; } .currency-input-block { display: flex; width: 100%; flex-direction: row; align-items: center; justify-content: flex-start; } .currency-input-block .currency-symbol { width: auto; margin: 0 5px 0 0; font-size: 1rem; } .currency-input-block input { width: auto; flex-grow: 2; } .logos-block { display: flex; width: 100%; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; } .logos-block a { text-align: center; } .logos-block img { max-width: 170px; } .logos-block span.logo-link { display: block; width: auto; padding: 7px 12px; font-weight: 700; font-size: 0.85rem; background-color: #bd1622; color: #FFF; margin: 10px 0 20px 0; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; text-decoration: none; } @media screen and (min-width: 20em){ } /* END @MEDIA SCREEN AND (MIN WIDTH 20EM) */ @media screen and (min-width: 35em){ /* START HEADER STYLES*/ .header-strap h1{ max-width: none; padding: 10px 20px 10px 10px; } .header-strap h2 { display: inline-block; font-size: 1em; } .header-strap p a.donate-1 { margin: 4px 2% 4px 0; width: 48%; } .header-strap p a.donate-2 { margin: 4px 0 4px 2%; width: 48%; } /* END HEADER STYLES*/ /* START FOOTER STYLES */ .footer-block-1 { max-width: 40%; } .footer-block-2 { max-width: 30%; } .site-footer .widget-area { width: 30%; } /* END FOOTER STYLES */ } /* END @MEDIA SCREEN AND (MIN WIDTH 35EM) */ @media screen and (min-width: 48em){ p, ul, li, a { /* margin: 0 0 1.5em;*/ font-size: 1rem; } a, a:link, a:visited, a:hover, a:active, a:focus { box-shadow: none; font-size: 1rem; } /* DEFAULT TEMPLATE STYLES */ .entry-header, body.page-two-column:not(.archive) #primary .entry-header { max-width: 1350px; margin: 0 auto; text-align: center; padding: 2em 1em 0 1em; width: 100%; float: none; } .entry-content, body.page-two-column:not(.archive) #primary .entry-content { max-width: 1350px; margin: 0 auto; text-align: left; padding: 0 1em 2em 1em; width: 100%; float: none; } body.single-press-reviews .entry-header { max-width: 1350px; margin: 0 auto; text-align: left; padding: 2em 1em 0 1em; width: 100%; float: none; } body.single-press-reviews #primary .entry-content { max-width: 1350px; margin: 0 auto; text-align: left; padding: 0 1em 2em 1em; width: 100%; float: none; } .single-press-reviews.has-sidebar:not(.error404) #primary { width: 100%; } .single-press-reviews.has-sidebar #secondary { width: 100%; } /* DEFAULT TEMPLATE STYLES */ /* START HEADER STYLES */ .custom-logo-link { float: left; } .custom-logo-link img { /* max-height: 80px;*/ max-width: 190px; } .site-branding { padding: 20px 0; } .header-contact { float: right; width: auto; display: inline-block; margin: 30px 0 0 50px; text-align: left; } a.header-tel, a.header-email { margin: 0 0 5px 0; float: right; clear: both; } a.header-tel:link, a.header-tel:visited { margin: 0 0 7px 0; padding: 0 30px 0 0; background-image: url(assets/images/icons/tel-icon.png); background-repeat: no-repeat; background-position: 100% 40%; background-size: 20px auto; font-size: 1.2rem; text-transform: uppercase; } a.header-tel:hover, a.header-tel:active { background-image: url(assets/images/icons/tel-icon-hov.png); } a.header-email:link, a.header-email:visited { margin: 0 0 7px 0; padding: 0 30px 0 0; background-image: url("assets/images/icons/email-icon-black.png"); background-repeat: no-repeat; background-position: 100% 40%; background-size: 20px auto; font-size: 0.9rem; display: inline-block; } a.header-email:hover, a.header-email:active { background-image: url(assets/images/icons/email-icon-hov.png); } .header-social { margin: 5px 0 0 0; display: block; } a.header-social-icon { width: 16px; height: 16px; float: right; margin: 0 5px; } a.header-social-icon.fb-icon:link, a.header-social-icon.fb-icon:visited { background-size: 16px auto; } a.header-social-icon.tw-icon:link, a.header-social-icon.tw-icon:visited { background-size: 16px auto; } a.header-social-icon.yt-icon:link, a.header-social-icon.yt-icon:visited { background-size: 16px auto; } a.header-social-icon.ig-icon:link, a.header-social-icon.ig-icon:visited { background-size: 16px auto; } .navigation-top { position: relative; } .single-featured-image-header { max-height: 550px; background-color: #000000; overflow: hidden; position: relative; } .single-featured-image-header img { width: 100%; display: inline-block; margin: -20% 0 0 0; opacity: 0.8; z-index: 1; } .single-featured-image-header .caption { width: 70%; background-color: rgba(0,0,0,0.6); display: inline-block; padding: 15px; margin: 0 15% 0 15%; z-index: 2; position: absolute; bottom: 60px; left: 0; text-align: center; } .single-featured-image-header .caption span { display: inline-block; color: #FFF; text-transform: capitalize; font-weight: 600; font-size: 3rem;line-height: 2.5rem; } /* END HEADER STYLES */ /* START FOOTER STYLES */ .footer-block-1 { width:30%; text-align: left; } .footer-block-2 { width:30%; text-align: left; padding: 0 0 0 0; } .site-footer .widget-area { width: 40%; } .site-footer .widget-column.footer-widget-1 { width: 60%; padding: 0 0 0 10%; } .site-footer .widget-column.footer-widget-2 { width: 80%; display: inline-block; margin: 0; text-align: left; } .footer-social { margin: 5px 0 0 0; } a.footer-social-icon { width: auto; height: auto; min-height: 20px; display: inline-block; color: #000; font-size: 0.75rem; float: left; margin: 5px 5px 0 5px; } a.footer-social-icon.fb-icon:link, a.footer-social-icon.fb-icon:visited { background-size: 20px auto; } a.footer-social-icon.tw-icon:link, a.footer-social-icon.tw-icon:visited { background-size: 20px auto; } a.footer-social-icon.yt-icon:link, a.footer-social-icon.yt-icon:visited { background-size: 20px auto; } a.footer-social-icon.ig-icon:link, a.footer-social-icon.ig-icon:visited { background-size: 20px auto; } .site-footer .widget-column.footer-widget-2 h2, h2.widget-title { font-size: 1rem; font-weight: 500; } img.footer-logo { max-width: 190px; } .footer-small p.left_link { text-align: left; float: left; } .footer-small p.right_link { text-align: right; float: right; } /* END FOOTER STYLES */ .wrap, .navigation-top .wrap { max-width: 1350px; } .two-col-left { width: 65%; display: block; float: left; clear: both; margin: 0 5% 0 0; text-align: left; } .two-col-right { width: 30%; display: block; float: left; clear: none; margin: 30px 0 0 0; padding: 0; } .home-content-container { text-align: center; padding: 0 15% 0 15%; margin: 30px 0 30px 0; } .half-width { width: 48%; display: inline-block; margin: 0 0 30px 0; vertical-align: top; padding: 20px; } .half-width.left { width: 48%; display: inline-block; margin: 0 2% 30px 0; } .half-width.right { width: 48%; display: inline-block; margin: 0 0 30px 2%; } .half-width.left_confirmation { width: 61%; display: inline-block; margin: 0 2% 30px 0; padding: 0; } .half-width.right_confirmation { width: 35%; display: inline-block; margin: 0 0 30px 2%; } .half-width.left.home_sml { width: 48%; display: inline-block; margin: 0 2% 0 0; padding: 0; text-align: left; } .half-width.right.home_sml { width: 48%; display: inline-block; margin: 0 0 0 2%; padding: 0; text-align: left; } /* PROGRESS STEP-BY-STEP SECTION ON EACH PAGE */ .booking-progress-block p br { display: none; } /* END PROGRESS STEP-BY-STEP SECTION ON EACH PAGE */ /* GREY STEP-BY-STEP BLOCKS ON FIRST PAGE */ .booking-step-container { width: 100%; display: table; margin: 0 0 30px 0; } .booking-step-block { width: 32.33%; display: table-cell; margin: 0 3% 30px 0; background-color: #E9E9E9; color: #878787; text-align: center; padding: 15px; border-left: 8px solid #F9F9F7; border-right: 8px solid #F9F9F7; } .booking-step-block:last-of-type { margin: 0 0 30px 0; } /* GREY STEP-BY-STEP BLOCKS ON FIRST PAGE */ /*-------------------------------------*/ /* START RIDER TABS */ /*-------------------------------------*/ ul.tab-list li { width: auto; margin-left: 5px; } /*-------------------------------------*/ /* END RIDER TABS */ /*-------------------------------------*/ .confirmation-details-block.left_details { width: 100%; margin: 0 0 0 0; vertical-align: top; } .confirmation-details-block.right_details { width: 100%; margin: 0 0 0 0; vertical-align: top; } /*-------------------------------------*/ /* START POP UP DIV */ /*-------------------------------------*/ .popup-block-content { width: 50%; } .popup-block-content select#payment_type { width: 50%; margin: 0 25% 20px 25%; } /*-------------------------------------*/ /* END POP UP DIV */ /*-------------------------------------*/ /* EXPANDING / COLLAPSING DIVS */ .tbr_form_block .tbr_form_block_link h3 { color: #FFF; text-align: left; font-size: 1.2rem; margin: 0; } .tbr_form_block a.tbr_form_block_link { background-position: 99% 50%; } .tbr_form_block a.tbr_form_block_link.closed { background-position: 99% 50%; } .tbr_form_block a.tbr_form_block_link:hover, .tbr_form_block a.tbr_form_block_link:active { background-position: 99% 50%; } .tbr_form_block a.tbr_form_block_link.closed:hover, .tbr_form_block a.tbr_form_block_link.closed:active { background-position: 99% 50%; } /* END EXPANDING / COLLAPSING DIVS */ /* FORM PAGE 1 STYLES */ /* These are the old styles, used when block 3 was active */ /* .tbr_form_block_1 { margin: 0 2% 0 0; width: 17%; } .tbr_form_block_2 { margin: 0 5% 0 0; width: 37%; } .tbr_form_block_3 { margin: 0 2% 0 0; width: 23%; } .tbr_form_block_4 { margin: 0 0 0 0; width: 14%; } */ .tbr_form_block_1 { margin: 20px 8% 0 0; width: 35%; } .tbr_form_block_1.first { margin: 0 8% 0 0; width: 35%; } .tbr_form_block_2 { margin: 20px 8% 0 0; width: 32%; } .tbr_form_block_2.first { margin: 0 8% 0 0; width: 32%; } .tbr_form_block_4 { margin: 0 0 0 0; width: 17%; } .tbr_form_block_2_price { width: 33.33%; margin: 0; } .tbr_form_block_3 label, .tbr_form_block_3 label.first { width: 47%; margin: 0 3% 0 0; } .tbr_form_block_4 button, .tbr_form_block_4 input[type="submit"] { width: auto; padding: 25px 10px; background-color: #F39200; } /* END FORM PAGE 1 STYLES */ /* .filter-block-1 { width: 48%; margin: 0 2% 0 0; } .filter-block-2 { width: 48%; display: block; margin: 0 0 0 2%; } */ .filter-block-1 .filter-block-left { width: 37%; margin: 0 3% 10px 0; } .filter-block-1 .filter-block-right { width: 57%; margin: 0 0 10px 3%; } .filter-block-2 .filter-block-left { width: 47%; margin: 0 3% 10px 0; } .filter-block-2 .filter-block-right { width: 47%; margin: 0 0 10px 3%; } .logout_btn { display: inline-block; float: right; clear: both; margin: 8px 0 0 0; } .woocommerce-breadcrumb a { font-size: 0.85rem; } .woocommerce-message { text-align: left; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button, .woocommerce-message a.button, .woocommerce-message a.button:hover { float: right; width: auto; } } /* END @MEDIA SCREEN AND (MIN WIDTH 48EM) */ @media screen and (min-width: 60em) { /* START HEADER STYLES */ .custom-logo-link img { /* max-height: 80px;*/ max-width: 190px; } .site-header .full-width .wrap { padding-right: 25%; } .main_image_text_block h1 { font-size: 3.5rem; } .main_image_text_block h2 { font-size: 1.5rem; } .main_image_text_block p { font-size: 1.25rem; } .dd_rotator_height_fix { margin: 50px 0 0 0; } .header-strap h1{ padding: 16px 20px 16px 10px; text-align: right; width: auto; } .header-strap p { font-size: 1.3em; width: auto; margin-right: 0px; float: right; } .header-strap h2{ display: inline-block; font-size: 1.3em; } .header-strap p a { padding: 13px 18px 13px 18px; } .header-strap p a.donate-1 { margin: 4px 5px 4px 0; width: auto; } .header-strap p a.donate-2 { margin: 4px 0 4px 0; width: auto; } /* END HEADER STYLES */ /*-------------------------------------*/ /* START POP UP DIV */ /*-------------------------------------*/ .popup-block-content { width: 35%; } /*-------------------------------------*/ /* END POP UP DIV */ /*-------------------------------------*/ /* FORM PAGE 1 STYLES */ /* These are the old styles, used when block 3 was active */ /* .tbr_form_block_1 { margin: 0 8% 0 0; width: 23.4%; } .tbr_form_block_2 { margin: 0 8% 0 0; width: 27.6%; } .tbr_form_block_3 { margin: 0 2% 0 0; width: 17.4%; } .tbr_form_block_4 { margin: 0 0 0 0; width: 13.6%; } */ .tbr_form_block_1 { margin: 20px 8% 0 0; width: 35%; } .tbr_form_block_1.first { margin: 0 8% 0 0; width: 35%; } .tbr_form_block_2 { margin: 20px 8% 0 0; width: 32%; } .tbr_form_block_2.first { margin: 0 8% 0 0; width: 32%; } .tbr_form_block_3 { margin: 0 2% 0 0; width: 17.4%; } .tbr_form_block_4 { margin: 0 0 0 0; width: 17%; } .tbr_form_block_2_price { width: 33.33%; margin: 0; } /* .tbr_form_block_2_price label, .tbr_form_block_4 label { font-weight: 700; color: #FFF; display: inline-block; font-size: 1rem; margin: 3px 10px 0 0; } */ /* .tbr_form_block_3 label { font-weight: 300; color: #FFF; display: inline-block; font-size: 0.65rem; margin: 3px 0 0 0; } */ /* .tbr_form_block_5 button, .tbr_form_block_5 input[type="submit"] { padding: 25px 10px; background-color: #F39200; } */ .tbr_form_block_4 button, .tbr_form_block_4 input[type="submit"] { width: auto; padding: 25px 10px; background-color: #F39200; } /* END FORM PAGE 1 STYLES */ /* START OTHER FORM STYLES */ button.tbr_form_green_btn_sml, input[type="submit"].tbr_form_green_btn_sml { width: 40%; margin: 50px 0 0px 0; } /* button.tbr_form_black_btn, input[type="submit"].tbr_form_black_btn { width: 45%; } */ /* span.btn_or { width: 10%; } */ /* END OTHER FORM STYLES */ .filter-block-1 { width: 48%; margin: 0 2% 0 0; } .filter-block-2 { width: 48%; display: block; margin: 0 0 0 2%; } .filter-block-1 .filter-block-left { width: 37%; margin: 0 3% 10px 0; } .filter-block-1 .filter-block-right { width: 57%; margin: 0 0 10px 3%; } .filter-block-2 .filter-block-left { width: 47%; margin: 0 3% 10px 0; } .filter-block-2 .filter-block-right { width: 47%; margin: 0 0 10px 3%; } .confirmation-details-block.left_details { width: 46%; margin: 0 4% 0 0; vertical-align: top; } .confirmation-details-block.right_details { width: 46%; margin: 0 0 0 4%; vertical-align: top; } /* .contribution_block { width: 50%; display: inline-block; margin: 0 10px 10px 0; text-align: left; } */ } /* END @MEDIA SCREEN AND (MIN WIDTH 60EM) */ @media screen and (min-width: 68em) { } /* END @MEDIA SCREEN AND (MIN WIDTH 68EM) */ /* Miscellaneous */ .red, .required { color: #FF0000; } .black { color: #000000; } .blue { color: #C9E7EF; } .light-blue { color: #E9F5F9; } /* Miscellaneous */