/* Theme Name: Boulder Creek Theme Author: Boulder Creek. Description: Boulder Creek Website Theme 2018 Version: 3.9.6 Template: Chameleon */ /* :root { --white: #ffffff; --purple-brown: #231f20; --purple-brown-faded: #3f3f3f; --dusty-teal: #498c96; --dusty-teal-faded: #609aa2; --algae: #59a064; --faded-green: #85b996; } */ /* @font-face { font-family: 'Font Awesome\ 5 Free'; src: url(https://use.fontawesome.com/b331844d8a.js); font-weight: normal; } .fas { font-family: "Font Awesome\ 5 Free"; } */ /*GLOBAL*/ .container { padding-left: 0; padding-right: 0; position: relative; width: 1200px; max-width: 100%; } .container .row { margin-left: 0; margin-right: 0; } .container .row [class*="col-"] { padding-left: 0; padding-right: 0; } .container-fluid { margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; position: relative; width: calc(100% - 120px); } .container-fluid .row { margin-left: 0; margin-right: 0; } .container-fluid .row [class*="col-"] { padding-left: 0; padding-right: 0; } .container-left { padding-left: calc((100vw - 1200px) / 2); } .container-left > * { padding-left: 0 !important; } .container-right { padding-right: calc((100vw - 1200px) / 2); } .container-right > * { padding-right: 0 !important; } .container-fluid.grids { padding: 0 5%; } .container-fluid.grids .row { margin: 0 0 0 -5%; } .container-fluid.grids .row [class*="col-"] { padding: 0 0 0 5%; } /*GLOBAL*/ html { background-color: #151515; } body { background-color: #ffffff; background-color: var(--white); overflow-x: hidden; } body, [class^='fa-'] > *, [class^='icon-'] > * { font-family: "Roboto Condensed", sans-serif; } /*light-color*/ .light, .lighth1, .light h2, .light h3, .light h4, .light h5, .light h6, .light .btn { color: #727272; } .light h1:hover a, .light h2:hover a, .light h3:hover a, .light h4:hover a, .light h5:hover a, .light h6:hover a, .light .btn:hover { color: #fff; opacity: 0.8; } .light .btn:hover { border-bottom-color: #727272; } /*typography*/ body { color: #231f20; font-size: 20px; letter-spacing: -0.007em; line-height: 1.3em; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #e41c26; font-weight: 600; letter-spacing: -0.8px; line-height: 1.15em; margin: 0 0 1.1em; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #e41c26; text-decoration: none; } h1, .h1 { font-size: 70px;} h2, .h2 { font-size: 50px;} h3, .h3 { font-size: 40px;} h4, .h4 { font-size: 25px;} h5, .h5 { font-size: 24px;} h6, .h6 { font-size: 22px;} h1:only-child, .h1:only-child, h2:only-child, .h2:only-child, h3:only-child, .h3:only-child, h4:only-child, .h4:only-child, h5:only-child, .h5:only-child, h6:only-child, .h6:only-child { margin-bottom: 0; } hr { border-top: 1px solid rgba(0, 0, 0, 0.1); margin: 30px 0; } p, .paragraph { font-size: 14px; line-height: 1.6em; margin: 0 0 1.2em; } small { font-size: 10px; display: inline-block; } mark { background-color: #ed1b24; color: #fff; padding: 4px 8px; } a { text-decoration: none; color: #e41c26; transition: 0.3s ease all; } a:hover mark { color: #fff; } a:hover, a:focus { color: #e41c26; outline: none;} a img{ transition: ease all 0.3s; } b, strong { font-weight: 600; color: #59a064; } form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), form textarea, form select { background-color: rgba(0, 0, 0, 0); border-color: currentcolor currentcolor #498c96; border-image: none; border-radius: 0; border-style: none none solid; border-width: 0 0 2px; color: #85b996; font-size: 1em; font-weight: 300; padding: 8px 20px; } .btn { border-radius: 0; color: #e41c26; font-size: 16px; font-weight: 600; letter-spacing: -0.01em; padding: 0.3em 0.4em; text-decoration: none; white-space: normal; } .btn:hover, .btn:focus { color: #e41c26; } .btn-gradient { background-color: #e41c26; border: 0; border-radius: 0; color: #ffffff; font-weight: 600; line-height: 1em; padding: 10px 15px; } .btn-gradient:hover, .btn-gradient:focus { background-color: #141c2b; background-image: none; color: #ffffff; } .btn * { display: inline-block; vertical-align: baseline; } .btn-icon { padding: 20px; } .btn-icon i { font-size: 1.3em; margin-top: 0.1em; } .btn-icon i:first-child { margin-left: -0.2em; margin-right: 0.3em; } .btn-icon i:last-child { margin-right: -0.2em; margin-left: 0.3em; } .btn-icon i:only-child { margin: 0; } .btn-icon.btn-md { font-size: 0.9em; padding: 0.9em 1.9em 0.8em; } .btn-icon.btn-md i { font-size: 1.7em; margin-top: -0.1em; } .btn-icon i:first-child { margin-left: -0.3em; margin-right: 0.5em; } .gradient { background-image: linear-gradient(to bottom, rgba(133,185,150,1) 0%,rgba(73,140,150,1) 100%); } body .gform_wrapper input[type="submit"] { background-color: #e41c26; border: 0; border-radius: 6px !important; color: #ffffff; font-family: "Roboto Condensed", sans-serif; font-weight: 700; line-height: 1em; min-width: 225px; padding: 18px 30px; margin: 10px 0 0; text-transform: uppercase; letter-spacing: 0.2em; transition: 0.3s ease all; } input[type="submit"]:hover { background-color: #151515; background-image: none; color: #ffffff; } .close { background-color: rgba(0, 0, 0, 0); border: 0 none; color: #498c96; font-size: 16px; font-weight: 600; position: relative; line-height: 1em; vertical-align: middle; } .close * { display: inline-block; vertical-align: middle; } .close i { color: #59a064; font-size: 0.85em; margin: 1px 0 0 12px; } /*HEADER ---------------------------------------------------------------------*/ body.header-sticky-on-scroll:not(.page-no-header) { padding-top: 0px; } #header { background-color: transparent; box-shadow: 0px 5px 15px rgba(0,0,0,0); color: #498c96; min-height: 72px; font-size: 1.278em; position: absolute; width: 100%; z-index: 100; transition: 0.4s ease all; } #header [class*="container"] { padding-left: 0.5%; padding-right: 0.5%; } #header #header-content { width: 100%; } #header #header-content a { text-decoration: none; transition: 0.3s ease all; } #header #header-content .header-top { width: 100%; height: auto; background-color: #fff; } #header #header-content .header-top a { display: inline-block; padding: 12.5px 0; } #header #header-content .header-bot { padding: 0; } #header #logo { display: inline-block; float: none; max-width: 280px; min-width: 240px; padding: 0 4px; position: relative; z-index: 0; margin-top: 1%; } #header #logo img { display: block; } #header #logo a:hover { transform: scale(1.1); } #header #main-menu { position: relative; top: 0%; left: 0%; text-align: center; width: auto; } #header #secondary-menu { position: relative; top: 0%; right: 0%; text-align: center; width: auto; } /*#header #main-menu { vertical-align: middle; text-align: right; }*/ #header #secondary-menu > *, #header #main-menu > * { display: inline-block; vertical-align: top; width: 100%; } #header #secondary-menu i, #header #main-menu i { display: inline-block; vertical-align: middle; } #header #secondary-menu button, #header #main-menu button { background-color: rgba(0, 0, 0, 0); border: 0 none; } #header #secondary-menu .btn, #header #main-menu .btn { font-size: 1em; } #header #secondary-menu ul.secondary-menu, #header #main-menu ul.main-menu { font-size: 20px; display: flex; flex-wrap: nowrap; justify-content: center; list-style: outside none none; margin: 0; padding: 0; position: relative; } #header #secondary-menu ul.secondary-menu li, #header #main-menu ul.main-menu li { display: block; list-style: outside none none; position: relative; vertical-align: top; } #header #secondary-menu ul.secondary-menu li span.menu-arrow, #header #main-menu ul.main-menu li span.menu-arrow { cursor: pointer; display: none; float: left; padding: 5px 10px; } #header #secondary-menu ul.secondary-menu > li:not(:last-child), #header #main-menu ul.main-menu > li:not(:last-child) { padding-right: 0; } #header #secondary-menu ul.secondary-menu > li, #header #main-menu ul.main-menu > li { background-color: transparent; float: none; margin: 0; display: inline-block; height: auto; vertical-align: middle; width: auto; } #header #secondary-menu ul.secondary-menu > li::before, #header #main-menu ul.main-menu > li::before { content: ""; cursor: pointer; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } #header #secondary-menu ul.secondary-menu > li:not(:last-child)::before, #header #main-menu ul.main-menu > li:not(:last-child)::before { width: calc(100% - 3.4em); } #header #secondary-menu ul.secondary-menu > li > a, #header #main-menu ul.main-menu > li > a { color: #fff; display: block; float: left; font-weight: 700; letter-spacing: 0em; padding: 65px 36px 33px; position: relative; transition: all 0.3s ease 0s; z-index: 1; white-space: nowrap; text-transform: uppercase; } #header #secondary-menu ul.secondary-menu > li:hover > a, #header #main-menu ul.main-menu > li:hover > a { color: #e41c26; background: transparent; } #header #secondary-menu ul.secondary-menu > li.current-menu-item > a, #header #main-menu ul.main-menu > li.current-menu-item > a { color: #e41c26; background: transparent; } #header #secondary-menu ul.secondary-menu > li > ul.sub-menu, #header #main-menu ul.main-menu > li > ul.sub-menu { background-color: transparent; font-size: 0.9em; line-height: 1.1em; margin: 0; padding: 0; opacity: 0; position: absolute; transform: translateY(-120%); transition: 0.4s ease all; top: 0; text-align: left; top: 0; visibility: visible; width: auto; display: flex; flex-wrap: nowrap; } #header li.menu-item-has-children { position: initial !important; } #header li.menu-item-has-children > a::after { color: #fff; content: "\f107"; display: inline-block; font-family: "Fontawesome"; font-size: 20px; margin-left: 2px; transition: 0.4s ease all; line-height: 16px; } #header li.menu-item-has-children.current-menu-item > a::after { color: #e41c26; } #header li.menu-item-has-children:hover > a::after { color: #e41c26; } #header li.menu-item-has-children:hover > ul.sub-menu { transform: translateY(126px) !important; opacity: 1 !important; } #header li.menu-item-has-children > ul.sub-menu li > a > img, #header li.menu-item-has-children > ul.sub-menu li > a > span { width: 100%; display: block; } #header li.menu-item-has-children > ul.sub-menu li > a > img.menu-image { max-width: 60px !important; padding: 0 0 20px !important; width: 100% !important; height: 60px; } #header #secondary-menu ul.secondary-menu > li > ul.sub-menu > li, #header #main-menu ul.main-menu > li > ul.sub-menu > li { background-color: #fff; display: inline-block; margin: 0; line-height: 1.3em; padding: 0; margin: 1px 1px 0 0; } #header #secondary-menu ul.secondary-menu > li > ul.sub-menu > li > a, #header #main-menu ul.main-menu > li > ul.sub-menu > li > a { color: #151515; display: block; font-size: 20px; font-weight: 700; padding: 40px 60px; text-transform: uppercase; } #header #secondary-menu ul.secondary-menu > li > ul.sub-menu > li > a:hover, #header #main-menu ul.main-menu > li > ul.sub-menu > li > a:hover { color: #e41c26; transform: scale(1.2); } #header #secondary-menu ul.secondary-menu > li > ul.sub-menu > li ul.sub-menu, #header #main-menu ul.main-menu > li > ul.sub-menu > li ul.sub-menu { margin: 7px 0 0 15px; padding: 0; } #header #secondary-menu ul.secondary-menu > li > ul.sub-menu > li ul.sub-menu li a, #header #main-menu ul.main-menu > li > ul.sub-menu > li ul.sub-menu li a { color: #498c96; font-weight: 600; } #header #secondary-menu ul.secondary-menu > li > ul.sub-menu > li ul.sub-menu li a:hover, #header #main-menu ul.main-menu > li > ul.sub-menu > li ul.sub-menu li a:hover { color: #85b996; } #header #secondary-menu ul.secondary-menu > li > ul.sub-menu > li ul.sub-menu ul.sub-menu li a, #header #main-menu ul.main-menu > li > ul.sub-menu > li ul.sub-menu ul.sub-menu li a { color: #85b996; } #header #secondary-menu ul.secondary-menu > li > ul.sub-menu > li ul.sub-menu ul.sub-menu li a:hover, #header #main-menu ul.main-menu > li > ul.sub-menu > li ul.sub-menu ul.sub-menu li a:hover { color: #498c96; } #header #secondary-menu ul.secondary-menu > li > ul.sub-menu > li ul.sub-menu ul.sub-menu ul.sub-menu li a, #header #main-menu ul.main-menu > li > ul.sub-menu > li ul.sub-menu ul.sub-menu ul.sub-menu li a { color: #498c96; } #header #secondary-menu ul.secondary-menu > li > ul.sub-menu > li ul.sub-menu ul.sub-menu ul.sub-menu li a:hover, #header #main-menu ul.main-menu > li > ul.sub-menu > li ul.sub-menu ul.sub-menu ul.sub-menu li a:hover { color: #85b996; } #header #header-submenu { background-color: #ffffff; box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1); padding: 0; position: absolute; top: 100%; transform: translateY(-100%); transition: transform 0.3s ease-in-out 0s; width: 100%; z-index: -1; } #header #header-submenu .close { bottom: 20px; position: absolute; right: 20px; opacity: 0; visibility: hidden; transform: translateY(-100%); transition: all 0.3s ease-in-out 0s;} #header.menu-hover #header-submenu { transform: translateY(0); transition: transform 0.3s ease-in-out 0.3s; } #header.menu-hover #header-submenu .close { transform: translateY(0); visibility: visible; opacity: 1; transition: all 0.3s ease-in-out 0.6s; } #header.menu-hover #main-menu ul.main-menu > li > ul.sub-menu, #header.menu-hover #secondary-menu ul.secondary-menu > li > ul.sub-menu { transform: translateY(0); opacity: 1; visibility: visible; transition: transform 0.3s ease-in-out 0.3s, opacity 0.3s ease-in-out 0.4s; } #header .center-element { display: flex; flex-wrap: nowrap; justify-content: center; } #header.menu-hover #main-menu ul.main-menu > li::before { display: none; } #header .header-telephone { margin: 0 54px 0 0; } #header .header-telephone i { font-size: 14px; padding: 0 0 0 0; } #header .header-telephone span { color: #888c90; font-size: 14px; font-weight: 700; letter-spacing: 0px; text-transform: uppercase; } #header .header-email { margin: 0 54px 0 0; } #header .header-email i { font-size: 14px; padding: 0 0 0 0; } #header .header-email span { color: #888c90; font-size: 14px; font-weight: 700; letter-spacing: 0px; } #header .header-email span.label { color: #888c90; font-size: 14px; font-weight: 700; letter-spacing: 0px; text-transform: uppercase; } #header #btn-book-now.header-booking { padding: 20px !important; position: absolute; right: 0; } #header .header-booking span { color: #fff; font-size: 16px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; } #header #main-menu .header-telephone { margin-left: 0; } #header #main-menu .header-telephone * { display: inline-block; vertical-align: middle; } #header #main-menu .header-telephone i { color: #25697c; font-size: 1.2em; margin-right: 0.2em; margin-top: 0.16em; } #header #main-menu .header-telephone:hover i { color: #85b996; } #header #main-menu .header-booking { display: none; font-size: 18px; letter-spacing: 0; margin-left: 1em; margin-top: -0.4em; padding: 8px 29px 8px 24px; } #header #main-menu .header-booking i:first-child { font-size: 1.7em; margin-right: 0.6em; } #header #main-menu.header-search-enable .header-telephone { margin-left: 0; } #header #main-menu .header-search { font-size: 28px; margin-left: 0.6em; margin-top: 0.25em; } #header #main-menu .header-search button:hover i { color: #85b996; } #header #main-menu .header-search .search-box { align-items: center; background-color: #ffffff; display: flex; font-size: 20px; font-weight: 600; height: calc(100% + 30px); justify-content: space-between; left: 0; opacity: 0; padding: 0 0 10px; position: absolute; top: 50%; transform: translateY(-100%); transition: all 0.3s ease-in-out 0s; visibility: hidden; width: 100%; z-index: 10; } #header #main-menu .header-search .search-box .search-box-label { font-weight: 400; margin-right: 15px; } #header #main-menu .header-search .search-box .search-box-input { font-weight: 600; width: calc(100% - 180px); } #header #main-menu .header-search .search-box .search-box-submit { font-size: 1.4em; padding: 0; vertical-align: bottom; } #header #main-menu .header-search .search-box .close { display: inline-block; font-size: 0.8em; margin: 0 0 0 40px; padding: 10px; position: relative; text-align: center; } #header #main-menu .header-search .search-box .close i { color: #231f20; margin: 0; opacity: 0.4; transition: ease 0.6s; } #header #main-menu .header-search .search-box .close:hover i { color: #231f20; opacity: 1; } #header #main-menu .header-search.toggled .search-box { opacity: 1; transform: translateY(-50%); visibility: visible; } /*_________________________________________________________________Menu Toggle____________________________________________*/ .btn-responsive-menu {display: none; background-color: transparent; border-radius: 100%; border-style: none; color: #e41c26; width: 40px; height: 40px; position: fixed; top: 6%; right: 30px; transition: 0.8s ease all; } .btn-responsive-menu .menu-bar { background-color: #fff; display: block; width: 36px; height: 6px; margin-bottom: 4px; transition: 0.6s ease all; } #menu-toggle.toggled { transform: rotate3d(0, 1, 0, 720deg); } /*#menu-toggle.toggled { transform: rotate(360deg); }*/ #menu-toggle.toggled .menu-bar:first-child { background-color: #fff; transform: rotate(45deg); } #menu-toggle.toggled .menu-bar:nth-child(2) { background-color: #fff; transform: rotate(135deg); margin-top: -10px; } #menu-toggle.toggled .menu-bar:nth-child(3) { opacity: 0; } /*Header Sticky*/ #main-menu li#mega-menu-item-53 a:before { content: "\f207"; font-family: fontawesome !important; font-size: 14px; } #main-menu-responsive { background: rgba(0,0,0,0.8); position: fixed; width: 100%; max-width: 400px; z-index: 99999; height: 0; padding: 0 100px 0; overflow-y: scroll; transition: 0.6s ease all; } #main-menu-responsive ul li { margin: 0; display: block; } #main-menu-responsive ul li a { background-color: transparent; color: #fff; display: inline-block; font-size: 16px; font-weight: 700; letter-spacing: 0.2em; padding: 6px 15px; border-radius: 8px; text-transform: uppercase; text-decoration: none; transition: 0.3s ease all; } #main-menu-responsive ul li a:hover { color: #e41c26; } #main-menu-responsive ul li .sub-menu li { padding: 0 0 0 15px; } #main-menu-responsive ul li .sub-menu li a:before { color: #e41c26; content: "\f105"; font-family: fontawesome; font-size: 16px; display: inline-block; padding-right: 5px; } /* Services*/ body.page-id-93 #gform_wrapper_3 ul li div select.gfield_select { background-color: #131313 !important; } /* body .gform_wrapper form select option{ background-color: transparent !important; color: #ffffff69; } */ @media only screen and ( max-width: 1024px ){ #main-menu-responsive.toggle { padding: 100px 100px 100px; height: 100%; } } @media only screen and ( max-width: 1380px ) { #header #secondary-menu ul.secondary-menu > li > ul.sub-menu > li > a, #header #main-menu ul.main-menu > li > ul.sub-menu > li > a, #header #secondary-menu ul.secondary-menu, #header #main-menu ul.main-menu { font-size: 16px; } #header #logo { margin-top: 2%; } body .homeFeatured .rich-text-advanced { min-height: 550px !important; } } @media only screen and ( max-width: 1228px ) { #header #secondary-menu ul.secondary-menu > li > ul.sub-menu > li > a, #header #main-menu ul.main-menu > li > ul.sub-menu > li > a, #header #secondary-menu ul.secondary-menu, #header #main-menu ul.main-menu { font-size: 14px; } #header #secondary-menu ul.secondary-menu > li > a, #header #main-menu ul.main-menu > li > a { padding: 65px 20px 33px; } } @media only screen and ( max-width: 1220px ) { #header #logo { margin-top: 3%; min-width: 200px; } } @media only screen and ( max-width: 1024px ) { #header #main-menu { display: none !important; width: 100%; position: relative; } #main-menu #primary-menu { display: none !important; height: 0px; text-align: right; transition: 0.3s ease all; } #secondary-menu #secondary-menu { display: none !important; height: 0px; text-align: right; transition: 0.3s ease all; } #header #main-menu ul.main-menu > li { display: block; } #header #main-menu ul.main-menu > li a { padding: 45px 0 0; } .btn-responsive-menu { display: block; z-index: 9999999999999999999999; } #main-menu-responsive { padding: 0px 50px 0px; } #main-menu-responsive.toggle { padding: 50px 50px 50px; height: 100%; } } @media only screen and ( max-width: 800px ) { .container-fluid { width: 100%; padding: 0 30px !important; } #main-menu-responsive { padding: 0px 20px 0px; } #main-menu-responsive.toggle { padding: 20px 20px 20px; height: 100%; } body .page-heading-content h1.title{ font-size: 250%; } body .button-advanced.center.centered-mobile > a{ font-size: xx-large !important; } /* body .fl-row.fl-row-full-width div.fl-row-content-wrap{ width: 90%; } */ } @media only screen and ( min-width: 767px ) { body.header-sticky-on-scroll:not(.page-no-header) #header { position: absolute; transition: none; top: 0; } body.header-sticky-on-scroll:not(.page-no-header) #header.sticky-ready { position: fixed; opacity: 0; } body.header-sticky-on-scroll:not(.page-no-header) #header.sticky-ready-onset { transform: translateY(-100%); transition: ease all 0.6s; } body.header-sticky-on-scroll:not(.page-no-header) #header.sticky-ready-done.sticky-scrolling-up { background: transparent; transform: translateY(0); opacity: 1; } body.header-sticky-on-scroll:not(.page-no-header) #header.sticky-ready-done.sticky-scrolling-up a.mega-menu-link { color: #252525 !important; } body.header-sticky-on-scroll:not(.page-no-header) #header.sticky-ready-done.sticky-scrolling-up #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link { color: #e41c26 !important; } body.admin-bar #header.sticky-ready-done { margin-top: 32px; } body.header-sticky-on-scroll:not(.page-no-header) #header.sticky-ready-done.sticky-scrolling-up #logo { max-width: 200px; margin: 0% !important; padding: 10px 4px; } body.header-sticky-on-scroll:not(.page-no-header) #header.sticky-ready-done.sticky-scrolling-up #secondary-menu ul.secondary-menu > li > a, body.header-sticky-on-scroll:not(.page-no-header) #header.sticky-ready-done.sticky-scrolling-up #main-menu ul.main-menu > li > a { padding: 50px 24px 50px; } body.header-sticky-on-scroll:not(.page-no-header) #header.sticky-scrolling-down { transform: translateY(0); opacity: 1; } body.header-sticky-on-scroll:not(.page-no-header) #header.sticky-ready-done.sticky-scrolling-down #logo { max-width: 200px; margin: 0% !important; padding: 10px 4px; } body.header-sticky-on-scroll:not(.page-no-header) #header.sticky-ready-done.sticky-scrolling-down #secondary-menu ul.secondary-menu > li > a, body.header-sticky-on-scroll:not(.page-no-header) #header.sticky-ready-done.sticky-scrolling-down #main-menu ul.main-menu > li > a { padding: 50px 24px 50px; } body.page-slug-sitemap #content-area div.container{ width: 80%; } } @media only screen and ( max-width: 720px ) { #header #header-content .header-top a.header-telephone { display: none; } #header #header-content .header-top a.header-email { display: none; } #header #btn-book-now.header-booking { position: absolute; top: 30px; right: 30px; z-index: 9999; } } @media only screen and ( max-width: 600px ) { #header #logo { max-width: 200px; } /* #front-page-slider .slider-nav { visibility: hidden; } */ body .featuredText .heading h2.title.default span.text{ font-size: smaller !important; } } @media only screen and ( max-width: 414px ) { } @media only screen and ( max-width: 375px ) { body .fl-module-content { margin: 10px; } } /*CONTENT ---------------------------------------------------------------------*/ #content { overflow: hidden; position: relative; z-index: 1; } #content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } #content.fl-builder-enable #content-area.sidebar-right, #content.fl-builder-enable #content-area.sidebar-left, #content-area { padding: 40px 0; } #content-area::after { clear: both; content: ""; display: block; } #content.fl-builder-enable #content-area, #content-area.no-padding { padding: 0;} #content-area.top-padding{ padding-bottom: 0 !important;} #content-area.bottom-padding, body.home #content, body.home #content-area{ padding-top: 0 !important;} body.page-template #content-area, body .no-content #content-area{ padding: 0 !important;} /*owl-carousel*/ #content .owl-carousel .owl-nav { position: absolute; top: 244px; transform: none; width: 100%; z-index: 10; } #content .owl-carousel .owl-nav .owl-prev, #content .owl-carousel .owl-nav .owl-next { transition: 0.3s ease all; } #content .owl-carousel .owl-nav .owl-prev { left: -15px !important; } #content .owl-carousel .owl-nav .owl-next { right: -15px !important; } #content .owl-carousel .owl-nav .owl-prev::before, #content .owl-carousel .owl-nav .owl-prev::after, #content .owl-carousel .owl-nav .owl-next::before, #content .owl-carousel .owl-nav .owl-next::after { display: block; transform: translateX(0%) rotate(0deg) !important; width: auto !important; height: auto !important; transition: 0.3s ease all; } #content .owl-carousel .owl-nav .owl-prev::before { background-color: transparent; color: #e41c26; content: "\f104"; font-family: "FontAwesome"; font-size: 18px; position: initial !important; } #content .owl-carousel .owl-nav .owl-next::before { background-color: transparent; color: #e41c26; content: "\f105"; font-family: "FontAwesome"; font-size: 18px; position: initial !important; } #content .owl-carousel .owl-nav .owl-prev::after { display: none; } #content .owl-carousel .owl-nav .owl-next::after { display: none; } #content .owl-carousel .owl-nav .owl-prev:hover { box-shadow: 0 0 20px #e41c26; transform: scale(1.2); } #content .owl-carousel .owl-nav .owl-prev:hover:before { color: #e41c26; } #content .owl-carousel .owl-nav .owl-next:hover { box-shadow: 0 0 20px #e41c26; transform: scale(1.2); } #content .owl-carousel .owl-nav .owl-next:hover:before { color: #e41c26; } #content .owl-carousel .owl-nav div { align-items: center; border: 0 none; bottom: 0; color: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.2); display: flex; font-size: 16px; font-weight: 700; justify-content: center; padding: 12px; position: absolute; top: auto; transform: translate(0px); transition: all 0.3s ease 1.3s; z-index: 1; } #content .owl-carousel .owl-nav.disabled-prev div.owl-prev, #content .owl-carousel .owl-nav.disabled-next div.owl-next{ visibility: visible; opacity: 1; z-index: 99; } #content .owl-carousel .owl-nav.disabled-prev div.owl-prev { left: 0 !important; } #content .owl-carousel .owl-nav.disabled-prev div.owl-next { right: 0 !important; } #content .owl-carousel .owl-nav div i { font-size: 44px; } @keyframes prevHover { 0% { transform: translateX(0%); } 70% { transform: translateX(-50%); } 100% { transform: translateX(0%); } } @keyframes nextHover { 0% { transform: translateX(0%); } 70% { transform: translateX(50%); } 100% { transform: translateX(0%); } } #content .owl-carousel .owl-prev:not(.disabled):hover i { animation: prevHover 0.6s infinite; } #content .owl-carousel .owl-next:not(.disabled):hover i { animation: nextHover 0.6s infinite; } #content .owl-carousel.normal-nav .owl-nav { bottom: auto; left: 50%; top: 50%; transform: translateX(-50%); width: 100%; } #content .owl-carousel.normal-nav .owl-nav div { color: #59A064; } #content .owl-carousel.normal-nav .owl-nav div:hover { color: #498C96; } #content .owl-carousel.normal-nav .owl-nav div.owl-prev { left: 0; right: auto; } #content .light .owl-carousel.normal-nav .owl-nav div { color: #fff; } #content .light .owl-carousel.normal-nav .owl-nav div:hover { color: #fff; opacity: 0.6; } /*SUBPAGE TITLE ---------------------------------------------------------------------*/ .page-heading { background: #cecece no-repeat center; background-size: cover; background-position: center top; color: #fff; height: 540px; overflow: hidden; position: relative; z-index: 0;} .page-heading * { color: inherit; } .page-heading.left { text-align: left;} .page-heading.center{ text-align: center;} .page-heading.right { text-align: center;} .page-heading-overlay { background-color: #585b60; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .page-heading-inner { overflow: hidden; position: absolute; z-index: 999; bottom: 20%; left: 0; right: 0; text-align: center; } .page-heading-inner .page-heading-content { padding: 78px 0; } .page-heading-inner .page-heading-content h1 { letter-spacing: 0em; } .page-heading-inner a { color: inherit; } .page-heading-inner .title { font-family: "Roboto Condensed", sans-serif; font-size: 64px; font-weight: 700; line-height: 45px; margin: 0 0 20px; text-transform: uppercase; } .page-heading-inner .title-description { font-size: 20px; font-weight: 300; margin: 0 0 20px; } .page-heading-inner .page-title-button .btn { background-color: rgba(237, 28, 35, 0.8); border: 2px solid #ffffff; font-size: 23px; line-height: 1em; margin: 0; min-width: 230px; padding: 17px 20px; transition: ease-in-out all 0.2s; } .page-heading-inner .page-title-button .btn i:first-child { margin-right: 5px; } .page-heading-inner .page-title-button .btn i:last-child { margin-left: 5px; } .page-heading-inner .page-title-button .btn:hover { background-color: #ed1c23; border: 2px solid #ed1c23; transform: scale(1.2); } .page-heading-inner .page-title-button .btn.btn-primary { background-color: rgba(0, 99, 44, 0.8); } .page-heading-inner .page-title-button .btn.btn-primary:hover { background-color: #85b996; border-color: #85b996; } /*center*/ .page-heading.center .container { padding: 0; position: static; width: 100%; } .page-heading.center #breadcrumbs { margin-bottom: 30px; } .page-heading.center .title { font-size: 140px; line-height: 0.8em; } .page-heading.center .title span{ font-size: 160px; line-height: 0.8em; } .page-heading.center .page-title-image { bottom: 0; height: 100%; position: absolute; width: 100%; z-index: 1; } .page-heading.center .page-title-image img { bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; } .page-heading.center .page-title-image-1 { z-index: -1; } .page-heading.center .page-title-image-2 img { top: auto; bottom: -50px; } .page-heading.center .page-title-button { margin: -190px 0 100px; position: relative; z-index: 1; } .page-heading.center .page-title-button .btn { margin: 10px 15px; } /*right*/ .page-heading.right .page-title-image-1 { left: -50px; position: absolute; top: -30px; } .page-heading.right .page-title-image-2 { left: 110px; position: absolute; top: 26px; } .page-heading .section-title-separator { z-index: 99; position: absolute; bottom: -1px; width: 104%; margin: auto; } .page-heading .section-title-separator img { width: 100%; } /*Slider*/ .slider { background-color: #151515; position: relative; } .slider .slide { position: relative; display: flex; justify-content: space-around; } .slider .slide-title { background: rgba(0, 0, 0, 0) none no-repeat scroll 50% 50% / cover ; color: #ffffff; width: 31.125%; } .slider .slide-title .title { bottom: 13.0%; color: #ffffff; font-size: 4.266vw; font-weight: 600; left: 4.7%; letter-spacing: -1px; line-height: 0.88; margin: 0; max-width: 48%; position: absolute; } .slider .slide-image { background: none no-repeat 50% 50%; background-size: cover; width: 68.875%; } .slider .slide-image::before { content: ''; display: block; position: relative; padding-top: 59.3%; } .slider .slide.no-title-bg .slide-title { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .slider .slide.no-title-bg .slide-image { width: 100%; } .slider .slide.no-title-bg .slide-image::before { padding-top: 40.84%; } .slider .slide-image:only-child { width: 100%; } .slider .slide-image:only-child::before { padding-top: 40.84%; } /*Social-Media*/ .content-social-media { padding: 2.5% 2.5% 1.6%; } /*Venues*/ .venues { position: relative; } .venues::before, .venues::after { background-size: 100% auto; z-index: -1; opacity: 0.3; position: absolute; height: 510px; width: 370px; transform: rotateY(180deg); } .venues::before { background: rgba(0, 0, 0, 0) url("images/graphic-plant-1.svg") no-repeat scroll 140px 0; content: ""; left: 0; top: 800px; } .venues::after { background: rgba(0, 0, 0, 0) url("images/graphic-plant-2.svg") no-repeat scroll -50px 0; content: ""; right: 0; top: 290px; } .venues .container > .venues-title { margin-bottom: 50px; } .venues .venues-list .venues-item { clear: both; float: left; margin-bottom: 10.2%; width: 100%; } .venues .venues-list .venues-image { float: right; max-width: 50%; padding: 0; } .venues .venues-list .venues-image img { width: 100%; } .venues .venues-list .venues-image a:hover img { opacity: 0.5; } .venues .venues-list .venues-content { float: left; padding-left: 0; padding-right: 8.33333%; width: 50%; overflow: hidden; } .venues .venues-list .venues-item .venues-desc::before { background-color: #ffffff; border-radius: 50%; bottom: 2.2em; content: ""; display: block; filter: blur(10px); height: 3em; position: absolute; right: 1em; transition: all 0.3s ease-in-out 0s; width: 12em; z-index: 1; } .venues .venues-list .venues-item:nth-child(2n) .venues-image { float: left; } .venues .venues-list .venues-item:nth-child(2n) .venues-content { float: right; padding-left: 8.2%; padding-right: 0; } .venues .venues-list .venues-item:nth-child(2n) .venues-desc::before { right: -60px; width: 200px; } .venues .venues-list .venues-title { max-width: 95%; } .venues .venues-excerpt { max-height: 8vw; overflow: hidden; position: relative; transition: all 0.3s ease-in-out 0s; } .venues .venues-excerpt.expand { max-height: 999px; } .venues .venues-excerpt.expand::before { opacity: 0; visibility: hidden; z-index: -1; } .venues .venues-excerpt-btn { background-color: rgba(0, 0, 0, 0); border: 0 none; color: #5ba165; float: right; font-size: 0.9em; margin-right: 2.27em; margin-top: -1em; position: relative; transition: all 0.3s ease-in-out 0s; z-index: 1; } .venues .venues-excerpt-btn:hover { color: #498c96; } .venues .venues-excerpt-btn.active { transform: rotateX(180deg); } .venues .venues-excerpt-btn:hover i { display: block; animation: 1s ease 0s normal none infinite running rubberBand; } .venues .venues-desc { margin-bottom: 1.7em; } /*CTA*/ .cta { position: relative; } .cta .cta-slide { background-repeat: no-repeat; background-size: cover; padding: 4.2em 5em; } .cta .container { padding-left: 25px; padding-right: 25px; } .cta .container .row { margin-left: -25px; margin-right: -25px; } .cta .container [class*="col-"] { padding-left: 1.6em; padding-right: 1.6em; } .cta .container [class*="col-sm-5"]{ width: 38.45%; } .cta .cta-text-box { background-color: #498c96; background-image: linear-gradient(to bottom, #85b996 0%, #5ba165 100%); color: #ffffff; float: right; padding: 3.7em 3.6em 3.2em; position: relative; width: 35.73%; z-index: 10; } .cta .cta-text-box.red { background-color: #498c96; background-image: linear-gradient(to bottom, #f2664e 0%, #d41d1e 100%); color: #ffffff; float: right; padding: 3.7em 3.6em 3.2em; position: relative; width: 35.73%; z-index: 10; } .cta .cta-text-box .cta-title { color: inherit; line-height: 0.93em; margin-bottom: 0.4em; } .cta .cta-text-box .cta-desc { font-size: 0.9em; line-height: 1.3em; margin: auto; max-width: 280px; text-align: center; } .cta .cta-telephone { color: #ffffff; display: table; font-size: 1.5em; font-weight: 500; letter-spacing: -0.01em; margin: 1.05em auto 0; text-decoration: none; transform: translateX(-0.2em); } .cta .cta-telephone * { display: inline-block; vertical-align: middle; } .cta .cta-telephone i:first-child { font-size: 1.1em; margin-right: 0.4em; } .cta .cta-telephone span { border-bottom: 3px solid rgba(255, 255, 255, 0.3); padding-bottom: 5px; } .cta .cta-telephone:hover span { border-bottom: 3px solid rgba(255, 255, 255, 1); } .cta .cta-btn { border: 3px solid rgba(255, 255, 255, 0.2); color: #ffffff; display: table; font-size: 18px; letter-spacing: 0; margin: 1.8em auto 0; padding: 0.65em 1.7em 0.2em; } .cta .cta-btn:hover { border: 3px solid rgba(255, 255, 255, 1); } .cta .cta-btn i { display: inline-block; font-size: 32px; line-height: 1em; margin: -2px 10px 0 -10px; vertical-align: top; } .cta .cta-slide-overlay { height: 100%; left: 0; position: absolute; top: 0; width: 70%; } .cta .cta-slide-logo { align-content: center; display: block; float: left; position: absolute; top: 50%; transform: translateY(-50%); width: 50%; } .cta .owl-carousel .owl-item img { width: auto; } #content .cta .owl-carousel .owl-nav { bottom: 6.2%;right: 4.1%;} .services { padding: 0; position: relative; } .services .services-item { margin-top: 3.7em; } .services .services-image { margin-bottom: 1.7em; } .services .services-title { margin-bottom: 0.4em; } .services .services-link { text-transform: uppercase; } .services .services-list .services-image a:hover img { opacity: 0.5; } @media only screen and ( min-width: 1024px ) { .services .services-excerpt { padding-right: 30px; } } .locations { padding: 0.8em 0 0; position: relative; } .locations .title { padding-bottom: 0.55em; } .locations .row { display: flex; flex-flow: row wrap; margin-left: 0; margin-right: 0; } .locations [class*='col-']{ padding-left: 0; padding-right: 0; } .locations .category-1 .row .locations-item { display: flex; flex-basis: 50%; flex-direction: column; } .locations .locations-category.category-1{ background-color: rgba(89, 160, 100, 0.15); } .locations .locations-category.category-2{ background-color: #498c96; color: #fff; } .locations .locations-image a { background-repeat: no-repeat; background-size: contain; display: block; padding-top: 100%; position: relative; width: 100%; } .locations .locations-image a .locations-title { bottom: 0; color: #ffffff; padding: 1.2em 1.3em; position: absolute; width: 100%; z-index: 2; } .locations .locations-image a::before { background-color: #25697c; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: all 0.3s ease-in-out 0s; width: 100%; z-index: 0; } .locations .locations-image a:hover::before { opacity: 0.6; } .locations .location-category h3 { padding: 1.35em 1.45em 0.7em; } .locations .locations-content { padding: 1.8em 2.6em 4.5em 2.4em; } .locations .locations-excerpt p { margin-bottom: 0.6em; } .locations .container-fluid.grids { padding: 0 4.3%; } .locations .location-category { padding: 0 6.7%; } .locations .locations-category.category-1 .location-category { padding: 0 6.7%; } .locations .locations-category.category-2 .location-category { padding: 0 10.5%; } .locations .locations-content .btn { margin-left: 4px; padding: 0.3em 0.5em; } .partners { padding: 7.3em 0 4.4em; } .partners .partners-list { align-self: center; display: flex; flex-flow: row wrap; margin: 0; padding: 0; } .partners .partners-item { align-items: center; display: flex; flex-direction: column; justify-content: space-around; padding-bottom: 2.0em; padding-top: 2.0em; } .partners .partners-item.col-sm-12, .partners .partners-item.col-sm-6:nth-child(2n+1), .partners .partners-item.col-sm-4:nth-child(3n+1), .partners .partners-item.col-sm-3:nth-child(4n+1), .partners .partners-item.col-sm-2:nth-child(6n+1) { clear: both; } .partners .owl-carousel .owl-item { margin-top: -2.0em; } .partners .owl-carousel .owl-item .partners-image { padding: 0 40px; } .partners .owl-carousel .owl-item .partners-image img { max-height: 207px; max-width: 100%; width: auto; } #content .partners .owl-carousel.normal-nav .owl-nav div.owl-prev { left: -110px; right: auto; } #content .partners .owl-carousel.normal-nav .owl-nav div.owl-next {right: -120px; left: auto; } .testimonials { background-color: transparent; background-repeat: no-repeat; background-size: cover; padding: 0px; } .testimonials .title { margin-top: -1.1em; } .testimonials .testimonials-content { align-items: center; display: flex; } .testimonials .testimonials-title { width: 26.4%; } .testimonials .testimonials-list { width: 100%; } .testimonials .testimonials-desc { font-size: 1.2em; font-style: normal; font-weight: 300; letter-spacing: 0.022em; line-height: 1.4em; } .testimonials .testimonials-desc p { text-align: center; width: 100%; } .testimonials .testimonials-desc p:before { color: #e41c26; content: '"'; font-family: open sans; font-size: 32px; } .testimonials .testimonials-desc p:after { color: #e41c26; content: '"'; font-family: open sans; font-size: 32px; } .testimonials .testimonials-author { font-size: 0.95em; padding-top: 0.5em; } .testimonials .testimonials-item { margin: 10px 0px; padding: 0px; } .testimonials .testimonials-item .testimonials-author { font-weight: 600; } .testimonials .owl-carousel .owl-nav div i { margin-top: -0.5em; } @media only screen and ( max-width: 767px ) { .testimonials .testimonials-list .col-sm-4 { padding: 0% 10%; } } /*Gravity Form*/ html .gform_wrapper .top_label .gfield_label, html .gform_wrapper .left_label .gfield_label, html .gform_wrapper .right_label .gfield_label { color: transparent !important; display: none; font-size: 5px !important; font-weight: 400; line-height: 5px !important; } html .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), html .gform_wrapper select, html .gform_wrapper textarea { background-color: transparent; border: 1px solid transparent; border-bottom: 1px solid rgba(255,255,255,0.1); border-radius: 0; color: #fff; font-family: "Roboto",sans-serif; font-size: 24px !important; font-weight:600; height: auto; padding: 12px 12px !important; width: 100%; transition: 0.3s ease all; } html .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):focus, html .gform_wrapper select:focus, html .gform_wrapper textarea:focus { border-bottom: 1px solid #e41c26 !important; } html .gform_wrapper select { -webkit-appearance: none; -moz-appearance: none; background: url(images/icon-angle-down.svg) no-repeat right 20px center !important; background-size: auto 15% !important; background-color: #e3e3e3 !important; } html .gform_wrapper select::-ms-expand { display: none; } html .gform_wrapper.gf_browser_gecko select { cursor: pointer; padding: 10px 60px 10px 20px; } html .gform_wrapper.gf_browser_gecko select:focus { background-image: url(images/icon-down-hover.svg); } html .gform_wrapper.gf_browser_gecko select option { padding: 0; line-height: normal; margin: 0; } html .gfield_required{ display: none; } /*top-label*/ html .gform_wrapper .top_label input.medium, html .gform_wrapper .top_label select.medium, html .gform_wrapper .top_label textarea.medium { width: 100%; max-width: 100%; } /*left-label*/ html .gform_wrapper ul.gform_fields.left_label .gfield { display: inline-block; padding: 0 40px 0 0; } html .gform_wrapper ul.gform_fields.left_label .gfield_label { display: inline-block; float: none; padding-right: 0.95em; width: auto; } html .gform_wrapper ul.gform_fields.left_label .ginput_container { display: inline-block; width: 18.7vw; } html .gform_wrapper .left_label input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), html .gform_wrapper .left_label select, html .gform_wrapper .left_label textarea, html .gform_wrapper .left_label input.medium, html .gform_wrapper .left_label select.medium, html .gform_wrapper .left_label textarea.medium { width: 100%; border-width: 0 0 2px 0; text-align: center; } html .gform_wrapper .left_label textarea.medium { height: 180px; } html .gform_wrapper .left_label.gform_footer { display: table; margin: 0 auto; padding: 0.6em 0; width: auto; } html .gform_wrapper .left_label.gform_footer input.button, html .gform_wrapper .left_label.gform_footer input[type="submit"] { letter-spacing: -0.05em; margin: 0; min-width: 250px; padding: 1.1em 1.1em 0.9em; width: auto; } /*Get in Touch Form*/ .get-in-touch { background-color: #eef5ee; color: #498c96; padding: 6.2em 0 4.7em; position: relative; } .get-in-touch-form { margin: auto; padding: 0 4.3%; } html .gform_wrapper { margin: 0; padding-top: 0.1em; } html .get-in-touch-form .gform_wrapper ul.gform_fields.left_label .gfield { margin: 0 0 3.5em; } html .get-in-touch-form .gform_wrapper ul.gform_fields.left_label .gfield:nth-child(1) { padding-right: 5em; } html .get-in-touch-form .gform_wrapper ul.gform_fields.left_label .gfield:nth-child(2) { padding-right: 0; } html .get-in-touch-form .gform_wrapper ul.gform_fields.left_label .gfield:nth-child(3) { padding-right: 2.1em; } html .get-in-touch-form .gform_wrapper ul.gform_fields.left_label .gfield:nth-child(3) .gfield_label { padding-right: 3.3em; } html .get-in-touch-form .gform_wrapper ul.gform_fields.left_label .gfield:nth-child(4) { padding-right: 0px; } html .get-in-touch-form .gform_wrapper ul.gform_fields.left_label .gfield:nth-child(4) .gfield_label { padding-right: 75px; } html .get-in-touch-form .gform_wrapper ul.gform_fields.left_label .gfield.gfield_textarea { clear: both; display: table; float: none; margin: 2.3em auto 3.2em !important; max-width: 685px; padding: 0; width: 100%; } html .get-in-touch-form .gform_wrapper ul.gform_fields.left_label .gfield.gfield_textarea .gfield_label { padding: 0; display: block; text-align: center; } html .get-in-touch-form .gform_wrapper ul.gform_fields.left_label .gfield.gfield_textarea .ginput_container { width: 100%; } html .get-in-touch-form .gform_wrapper ul.gform_fields.left_label .gfield.gfield_textarea .ginput_container textarea { height: 7.9em; line-height: 6.7em; } /*Additional GRAVITY FORM ---------------------------------------------------------------------*/ #gform_1 { background-color: rgba(0,0,0,0) !important; border-radius: 8px; padding: 0; width: 100%; } div#gform_1 li { padding: 0px !important; margin: 0 0 40px !important; max-width: 100% !important;} #gform_1 div.gform_footer { text-align: left; padding: 0 !important; position: relative; } /* #gform_1 input#gform_submit_button_1 { background-color: #e41c26; border-radius: 0 !important; font-size: 24px !important; letter-spacing: 0.1em; font-weight: 700; transition: 0.3s ease all !important; text-align: center !important; width: 100%; min-width: 160px; max-width: 160px; padding: 32px 0px; margin: 0px !important; } */ #gform_1 input#gform_submit_button_1:hover { background-color: #151515; } #gform_1 .gform_heading { width: 100%; margin: 0 !important; position: relative; } #gform_1 .gform_title { font-family: open sans; font-size: 20px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; } #gform_1 .gform_description { color: #646464; font-family: "Open Sans", sans-serif; font-size: 14px; margin: 0 0 25px !important; } #body-form-1 { display: none; } #body-form-1 form#gform_1 { background-color: #fff !important; } /*DATE*/ #gform_1 .input-date .ginput_container_date { position: relative; } #gform_1 .input-date .ginput_container_date:before { content: "\f073"; color: #e41c26; font-family: fontawesome; font-size: 20px; position: absolute; left: 15px; top: 20px;} #gform_1 .ui-datepicker-title { background-color: #e41c26 !important; color: #fff !important;} #gform_1 select.ui-datepicker-month, #gform_1 select.ui-datepicker-year { color: #fff !important; } #body-form-1 #gform_1 .input-date .ginput_container_date { } #body-form-1 #gform_1 .input-date .ginput_container_date:before { top: 8px !important;} /*TIME*/ #gform_1 .input-time .ginput_container_text { position: relative; } #gform_1 .input-time .ginput_container_text:before { content: "\f017"; color: #e41c26; font-family: fontawesome; font-size: 20px; position: absolute; left: 15px; top: 20px;} #body-form-1 #gform_1 .input-time .ginput_container_text { } #body-form-1 #gform_1 .input-time .ginput_container_text:before { top: 8px !important;} /*BUS TYPE*/ #gform_1 .input-bustype .ginput_container_select { position: relative; } #gform_1 .input-bustype .ginput_container_select:before { content: "\f207"; color: #e41c26; font-family: fontawesome; font-size: 20px; position: absolute; left: 15px; top: 20px;} #body-form-1 #gform_1 .input-bustype .ginput_container_select { } #body-form-1 #gform_1 .input-bustype .ginput_container_select:before { top: 8px !important;} /*BUS ORIGIN*/ #gform_1 .input-origin .ginput_container_text { position: relative; } #gform_1 .input-origin .ginput_container_text:before { content: "\f041"; color: #e41c26; font-family: fontawesome; font-size: 20px; position: absolute; left: 15px; top: 20px;} #body-form-1 #gform_1 .input-origin .ginput_container_text { } #body-form-1 #gform_1 .input-origin .ginput_container_text:before { top: 8px !important;} /*BUS DESTINATION*/ #gform_1 .input-destination .ginput_container_text { position: relative; } #gform_1 .input-destination .ginput_container_text:before { content: "\f124"; color: #e41c26; font-family: fontawesome; font-size: 20px; position: absolute; left: 15px; top: 20px;} #body-form-1 #gform_1 .input-destination .ginput_container_text { } #body-form-1 #gform_1 .input-destination .ginput_container_text:before { top: 8px !important;} /*GFORM SCREEN MEDIA*/ @media only screen and ( max-width: 777px ){ #rev_slider_1_1 form#gform_1 { display: none;} #body-form-1 { display: block; } #gform_1 div.gform_footer:before { top: 25%; } #gform_1 { max-width: 100% !important; width: 100% !important; } } @media only screen and ( max-width: 767px ) { } @media only screen and ( max-width: 641px ){ #gform_1 div.gform_footer:before { top: 31%; } } @media only screen and ( max-width: 360px ) { #gform_1 { width: 100%; } } /* START OF ROUTES ---------------------------------------------------------------------*/ #routes { background: #f8f9fa; padding: 20px 15px 44px; } #routes .column { padding: 0px 15px; } #routes .list-heading { } #routes .list-heading h5 { font-family: open sans; font-size: 20px; font-weight: 700; padding: 12px 0px 27px; text-transform: uppercase; } #routes .list-item { background: #fff; border-left: 2px solid #e41c26; padding: 24px 18px; margin-bottom: 8px; } #routes .list-item h6 { display: inline-block; margin: 0px; } #routes .list-item .ref-number { color: #828c96; font-family: open sans; font-size: 14px; font-weight: 700; margin-right: 10%; } #routes .list-item .bus-type { color: #e41c26; font-family: open sans; font-size: 14px; font-weight: 300; margin-right: 14%; text-transform: uppercase; } #routes .list-item .route { color: #828c96; font-family: open sans; font-size: 14px; font-weight: 400; margin-right: 8%; text-transform: uppercase; } #routes .list-item .route .fa-long-arrow-right { color: #e41c26; font-family: fontawesome; font-size: 14px; margin: 0px 4px; } #routes .list-item .details { float: right; margin-right: 32px; } #routes .list-item .details a { color: #e41c26; font-family: open sans; font-size: 14px; font-weight: 400; } #routes .content-right { background: #fff; border: 0px solid transparent; border-radius: 10px; box-shadow: 0px 5px 5px rgba(0,0,0,0.1); overflow: hidden; } #routes-form-1 { } #routes-form-1 .routes-form-feature-image { background-image: url('http://localhost/pabama/wp-content/uploads/2017/09/stock-photo-touristic-red-bus-on-highway-fast-driving-realistic-d-rendering-538622689.jpg'); background-position: center 0px; background-repeat: no-repeat; background-size: cover; height: 240px; width: 100%; } #routes-form-1 .routes-form-wrapper { padding: 0px 38px 35px; } #routes-form-1 .routes-form-heading { margin: 0px 0px 30px; } #routes-form-1 .routes-form-title { font-family: open sans; font-size: 20px; font-weight: 700; margin: 0px; padding: 25px 0px 25px; text-transform: uppercase; } #routes-form-1 .routes-form-description { color: #828c96; font-family: open sans; font-size: 14px; font-weight: 400; line-height: 20px; } #routes-form-1 .routes-form-body ul { padding: 0px; margin: 0px; } #routes-form-1 .routes-form-body li { list-style: none;} #routes-form-1 .routes-form-body input, #routes-form-1 .routes-form-body select { background-color: #e3e3e3; border-style: none; border-radius: 5px; font-size: 14px; height: 40px; margin: 0px 0px 10px; padding: 10px 20px 10px 48px !important; position: relative; width: 100%; } #routes-form-1 .routes-form-body select { -webkit-appearance: none; -moz-appearance: none; background: url(images/icon-angle-down.svg) no-repeat right 20px center !important; background-size: auto 15% !important; background-color: #e3e3e3 !important; } /*DATE*/ #routes-form-1 .routes-form-body #input-field-1 { position: relative; } #routes-form-1 .routes-form-body #input-field-1 .field-label::before { content: "\f073"; color: #e41c26; font-family: fontawesome; font-size: 20px; position: absolute; left: 15px; top: 7px;} /*TIME*/ #routes-form-1 .routes-form-body #input-field-2 { position: relative; } #routes-form-1 .routes-form-body #input-field-2 .field-label::before { content: "\f017"; color: #e41c26; font-family: fontawesome; font-size: 20px; position: absolute; left: 15px; top: 7px;} /*BUS TYPE*/ #routes-form-1 .routes-form-body #input-field-3 { position: relative; } #routes-form-1 .routes-form-body #input-field-3 .field-label::before { content: "\f207"; color: #e41c26; font-family: fontawesome; font-size: 20px; position: absolute; left: 15px; top: 7px;} /*BUS ORIGIN*/ #routes-form-1 .routes-form-body #input-field-4 { position: relative; } #routes-form-1 .routes-form-body #input-field-4 .field-label::before { content: "\f041"; color: #e41c26; font-family: fontawesome; font-size: 20px; position: absolute; left: 15px; top: 7px;} /*BUS DESTINATION*/ #routes-form-1 .routes-form-body #input-field-5 { position: relative; } #routes-form-1 .routes-form-body #input-field-5 .field-label::before { content: "\f124"; color: #e41c26; font-family: fontawesome; font-size: 20px; position: absolute; left: 15px; top: 7px;} #routes-form-1 .routes-form-footer input { background: linear-gradient(#e41c26, #aa0102); border-radius: 5px !important; font-size: 16px !important; transition: 0.3s ease all !important; text-align: center !important; width: 100%; margin: 0px !important; } @media only screen and ( max-width: 767px ) { #routes .list-item .details { float: none; } } @media only screen and ( max-width: 684px ) { #routes .list-item h6 { display: inline-block; margin: 1% 12% 1% 12%; } } @media only screen and ( max-width: 442px ) { #routes .list-item { text-align: center; } #routes .list-item h6 { display: inline-block; margin: 5% 20% 5% 20% !important; } } /*--------------------------------------------------------------------- END OF ROUTES */ /*FOOTER ---------------------------------------------------------------------*/ #footer { background-color: #151515; position: relative; width: 100%; z-index: 0;} #footer .footer-logo { display: table; margin: 3.0em auto 3.0em; padding: 0px 15px; text-transform: none; } #footer .footer-logo img{ max-height: 160px; padding: 15px 80px 15px 0px } #footer .footer-social-icons { display: table; margin: 0px; } #footer .footer-social-icons .social-icons-shortcode { font-size: 26px; justify-content: center; margin: 0; } #footer .footer-social-icons .social-icons-shortcode li { display: flex; margin: 0px 5px 0px 0px; padding: 0; } #footer .footer-btn { display: table; margin: 1.2em auto 3.3em; } #footer .footer-telephone { font-size: 14px; margin: 0; text-decoration: none; } #footer .footer-telephone a { color: #4d4d4d; font-family: open sans; text-decoration: none; transition: 0.3s ease all; } #footer .footer-telephone a:hover { color: #e41c26; } #footer .footer-telephone a i { display: none; font-size: 1.2em; margin: 0 0.5em -0.2em -0.4em; vertical-align: middle; } #footer .footer-text, #footer .footer-abn, #footer .footer-abn, #footer .footer-menu { margin: auto; padding: 0px; } #footer .footer-abn { margin-top: -0.2em; } #footer .footer-abn strong { margin-right: 5px; } #footer .footer-menu { font-size: 14px; margin: 0px; } #footer .footer-menu > span { margin: 0 9px 0 8px; display: inline-block; } #footer .footer-menu > span:first-child, #footer .footer-menu > span:last-child { display: none; } #footer .footer-menu > a { color: #727272; display: block; line-height: 1.7em; margin: 0px; text-decoration: none; transition: 0.3s ease all; } #footer .footer-menu > a:hover { color: #e41c26; } #footer .footer-bg { background-repeat: no-repeat; background-size: cover; display: none; height: 3.5em; width: 100%; } #footer .footer-row { padding: 45px 0px; display: flex; } #footer .footer-columns { display: inline-block; vertical-align: top;} #footer .footer-contact, #footer .footer-links { margin-top: 20px; padding: 0px 15px; text-align: left; } #footer .footer-subscribe { background-color: #601212; background-image: url('http://localhost/pabama/wp-content/uploads/2017/09/subscribe-bg.png'); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 56px 11px; } #footer .footer-contact .footer-item { margin-bottom: 24px; } #footer .footer-contact .footer-item p { color: #727272; font-family: open sans; padding-left: 28px; margin: 0px; } #footer .col-heading h6 { font-family: muli; margin-bottom: 20px !important; font-weight: 900; color: #4d4d4d; } #footer .footer-contact .footer-address { position: relative; } #footer .footer-contact .footer-address:before { color: #4d4d4d; content: "\f041"; font-family: fontawesome; font-size: 16px; position: absolute; } #footer .footer-contact .footer-telephone { position: relative; } #footer .footer-contact .footer-telephone:before { color: #4d4d4d; content: "\f095"; font-family: fontawesome; font-size: 16px; position: absolute; } #footer .footer-contact .footer-email { position: relative; } #footer .footer-contact .footer-email:before { color: #4d4d4d; content: "\f0e0"; font-family: fontawesome; font-size: 16px; position: absolute; } #footer .footer-contact .footer-email p a { color: #4d4d4d; text-decoration: none; transition: 0.3s ease all; } #footer .footer-contact .footer-email p a:hover { color: #e41c26; } #footer .footer-subscribe h3 { color: #fff; font-family: montserrat; font-size: 24px; font-weight: 700; text-align: center; text-transform: uppercase; margin:0px 0px 16px; } #footer .footer-subscribe span { color: #fff; font-size: 14px; line-height: 1.2em; margin: auto; text-align: center; width: 100%; } #footer .footer-subscribe .gform_body { display: inline-block; width: 100%; } #footer .footer-subscribe .subscribe-email { padding: 0px; margin: 0px; } #footer .footer-subscribe .subscribe-email input { background: rgba(0,0,0,0.5); box-shadow: inset 0px -5px 5px rgba(255,255,255,0.4); color: #fff; display: inline; height: 40px; padding: 13px 15px !important; width: 100%; } #footer .footer-subscribe .subscribe-email input:focus { background: rgba(0,0,0,0.8); border: 1px solid rgba(0,0,0,0.8) !important; box-shadow: none; outline-style: none; } #footer .footer-subscribe .subscribe-email input#input_1::-webkit-placeholder { color: #fff !important; } #footer .footer-subscribe .subscribe-email input#input_1::-moz-placeholder { color: #fff !important; } #footer .footer-subscribe .subscribe-email input#input_1::-ms-placeholder { color: #fff !important; } #footer .footer-subscribe .subscribe-button { position: absolute !important; width: 6% !important; right: 28px; bottom: 52px; } #footer .footer-subscribe .gform_footer { display: inline; margin: 0px; padding: 0px; } #footer .copyright-row { padding: 0px 0px; } #footer .footer-copyright { background-color: #151515; padding: 18px 0px 20px; border-bottom: 1px solid #252525; } #footer .footer-copyright .copyright { text-align: center; } #footer .footer-copyright .copyright h6 { color: #e41c26; font-family: "Roboto", sans-serif; font-size: 14px; font-weight: 300; margin: 0px; position: relative; width: 100%; letter-spacing: 0em; padding: 0; } #footer .footer-copyright .copyright .copyright-name { text-transform: none; } #footer .footer-copyright .copyright-menu { text-align: right; } #footer .footer-copyright .copyright-menu a { color: #fff; font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-weight: 700; padding: 0px 0px 0px 10px; text-decoration: none; transition: 0.3s ease all; text-transform: uppercase; letter-spacing: 0.1em; } #footer .footer-copyright .copyright-menu a:hover { color: #e41c26; } #footer .footer-widgets { background: #cecece; } #footer .footer-widgets .widget-area { border-right: 0px solid #3b3b3b; padding: 0 15px; } #footer .footer-widgets .widget-area:last-child { border-right: 0px solid transparent; } #footer .footer-widgets .widget-title { color: #fff; font-family: "Roboto Condensed", sans-serif; font-size: 20px; letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 30px; } #footer .footer-widgets .widget-title:after { background-color: #e41c26; content: " "; display: block; margin: 4px 0 0 0; width: 36px; height: 4px; } #footer .footer-widgets .first img { max-width: 80% !important; } #footer .footer-widgets #footer-about { color: #646464; font-family: "Open Sans", sans-serif; font-size: 14px; padding: 40px 0 0; } #footer .footer-widgets #menu-footer-menu { padding: 0; } #footer .footer-widgets #menu-footer-menu li { list-style: none; border-bottom: 1px solid #3b3b3b; } #footer .footer-widgets #menu-footer-menu li:last-child { border-bottom: 0px solid transparent; } #footer .footer-widgets #menu-footer-menu li a { color: #fff; font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-weight: 700; line-height: 40px; letter-spacing: 0.2em; text-decoration: none; text-transform: uppercase; transition: 0.5s ease all; padding: 0 0 0 10px; display: block; } #footer .footer-widgets #menu-footer-menu li a:after { color: #e41c26; content: "\f101"; font-family: "FontAwesome"; font-size: 14px; opacity: 0; transition: 0.5s ease all; position: absolute; right: 80%; } #footer .footer-widgets #menu-footer-menu li a:hover { color: #e41c26; } #footer .footer-widgets #menu-footer-menu li a:hover:after { opacity: 1; right: 8%; } #footer .footer-widgets .third a { text-decoration: none; display: block; margin: 0 0 8px 0; } #footer .footer-widgets .third a:hover .contact-info { color: #e41c26; } #footer .footer-widgets .third a .contact-label { color: #fff; font-family: "Roboto Condensed",sans-serif; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.2em; } #footer .footer-widgets .third a .contact-info { color: #646464; font-family: "Open Sans",sans-serif; font-size: 14px; font-weight: 400; display: block; transition: 0.3s ease all; } #footer .footer-widgets .third a i { font-size: 14px; padding: 0 4px 0 0; } #footer input { border: 1px solid #3b3b3b; border-radius: 6px; padding: 16px !important; } #footer .footer-top { background-color: #cecece; padding: 45px 0; } #footer .footer-top .footer-top-wrap {} #footer .footer-top .footer-top-wrap .content-wrap { display: flex; flex-wrap: wrap; align-items: stretch; } #footer .footer-top .footer-top-wrap .content-wrap .footer-top-section { max-width: 25%; width: 100%; padding: 0 15px; } #footer .footer-top .footer-top-wrap .content-wrap .footer-top-section .footer-top-section-heading { color: #e41c26; font-family: "Roboto Condensed", sans-serif; font-size: 24px; text-transform: uppercase; margin-bottom: 20px; } #footer .footer-top .footer-top-wrap .content-wrap .footer-top-section .text-wrap { display: grid; padding: 0 0 0 25px; color: #e41c26; font-family: "Roboto",sans-serif; font-size: 16px; font-weight: 300; } #footer .footer-top .footer-top-wrap .content-wrap .footer-top-section .text-wrap span a { color: #e41c26; font-family: "Roboto",sans-serif; font-size: 16px; font-weight: 300; transition: 0.4s ease all; } #footer .footer-top .footer-top-wrap .content-wrap .footer-top-section .text-wrap span a:hover { color: #151515; text-decoration: none; } #footer .footer-top .footer-top-wrap .content-wrap .footer-top-section.section-hours .text-wrap { padding: 0 0 0 0; } #footer .footer-top .footer-top-wrap .content-wrap .footer-top-section ul { margin: 0; padding: 0; } #footer .footer-top .footer-top-wrap .content-wrap .footer-top-section ul li { list-style: none; } #footer .footer-top .footer-top-wrap .content-wrap .footer-top-section ul li a { color: #e41c26; font-family: "Roboto",sans-serif; font-size: 16px; font-weight: 300; transition: 0.4s ease all; } #footer .footer-top .footer-top-wrap .content-wrap .footer-top-section ul li a:hover { color: #151515; text-decoration: none; } #sitemap-pages li.page-item-1077 { display: none; } #sitemap #sitemap-pages ul { padding: 0 0 0px; } .footer-copyright a:hover { color: #ffffff; } @media only screen and ( max-width: 1300px ) { body .homeFeatured .rich-text-advanced { min-height: 400px !important; } body.home .rich-text-advanced{ margin-left: auto; margin-right: auto; float: unset !important; } } @media only screen and ( max-width: 1289px ) { #footer .footer-copyright .copyright-menu a { display: block; } } @media only screen and ( max-width: 1199px ) { #footer .footer-top .footer-top-wrap .content-wrap .footer-top-section { max-width: 25%; } #footer .section-logo { max-width: 100% !important; padding-bottom: 30px !important; text-align: center; } #footer .section-logo img { max-width: 32%; margin: auto; } } @media only screen and ( max-width: 1180px ) { #footer .footer-copyright .copyright:after { position: unset; right: 20px; top: -3px; vertical-align: -webkit-baseline-middle; } #footer .footer-copyright .copyright-menu { text-align: right; } body .fl-row.fl-row-full-width div.fl-row-content-wrap{ margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; } } @media only screen and ( max-width: 1024px ) { #project_cta a.btn span { font-size: 0.5em; } body #main-menu-responsive.toggle{ padding: 5%; } body #main-menu-responsive ul li{ border-bottom: 1px solid #e41c26; } } @media only screen and ( max-width: 992px ) { #footer .footer-columns { width: 25% !important; } #footer .footer-logo { width: 25% !important; } } @media only screen and ( max-width: 991px ) { /* #footer .footer-copyright .copyright h6 { width: 100%; text-align: center; margin: 0 0 20px; } */ #footer .footer-copyright .copyright h6 { width: 100%; text-align: center; margin: 0; } #footer .footer-copyright .copyright-menu { text-align: center; } } @media only screen and ( max-width: 959px ) { #footer .footer-top .footer-top-wrap .content-wrap .footer-top-section { max-width: 50%; margin-bottom: 20px; } #footer .section-logo { max-width: 100% !important; } #footer .section-logo img { max-width: 50%; } } @media only screen and ( max-width: 768px ) { #footer .footer-columns { width: 100% !important; } #footer .footer-logo img{ max-height: 160px; padding: 0px; } /* #footer .footer-copyright .copyright { margin: auto; width: 51%; }*/ #footer .footer-contact, #footer .footer-links { padding: 0px 15px; text-align: center; } #footer .footer-contact .footer-item p { font-family: open sans; padding-left: 0px; margin: 0px; } #footer .footer-contact .footer-address:before { color: #4d4d4d; content: "\f041"; font-family: fontawesome; font-size: 16px; position: relative; } #footer .footer-contact .footer-telephone:before { color: #4d4d4d; content: "\f095"; font-family: fontawesome; font-size: 16px; position: relative; } #footer .footer-contact .footer-email:before { color: #4d4d4d; content: "\f0e0"; font-family: fontawesome; font-size: 16px; position: relative; } #footer .footer-subscribe .subscribe-button { width: 2% !important; right: 29%; bottom: 21%; } #footer .footer-social-icons { display: block; margin: 0px 0px 20px; } /* body .fl-row[data-node] .fl-row-content-wrap{ padding: 0 10%; } */ } @media only screen and ( max-width: 767px ) { #footer .footer-menu > a { margin: 20px 0px; } } @media only screen and ( max-width: 600px ) { body .button-advanced.center.centered-mobile > a { font-size: x-large !important; } } @media only screen and ( max-width: 599px ) { #project_cta a.btn { padding: 18px 24px; } #project_cta a.btn span { font-size: 18px; line-height: normal; } #footer .footer-top .footer-top-wrap .content-wrap .footer-top-section { max-width: 100%; text-align: center; } #footer .footer-top .footer-top-wrap .content-wrap .footer-top-section .text-wrap { padding: 0 0 0 0; } } #mega-menu-wrap-footer-menu #mega-menu-footer-menu a.mega-menu-link { transition: 0.3s ease all; } #mega-menu-wrap-footer-menu #mega-menu-footer-menu a.mega-menu-link:hover { color: #e41c26; } #footer .tooltip { display: none !important; } /*CHROME SETTINGS ---------------------------------------------------------------------*/ body::-webkit-scrollbar { background-color: #000; width: 14px; } body::-webkit-scrollbar-thumb { background-color: rgba(255,255,255,0.2); border: 0px solid #000; } body::-webkit-scrollbar-track { } body::-moz-scrollbar { background-color: #000; width: 14px; } body::-moz-scrollbar-thumb { background-color: rgba(255,255,255,0.2); border: 0px solid #000; } body::-moz-scrollbar-track { } /*SECTION TESTIMONIALS ---------------------------------------------------------------------*/ section.testimonials { background: #fff no-repeat center; background-size: cover; background-attachment: scroll; } section.testimonials .testimonials-item { background-color: #fff; box-shadow: 0px 5px 20px rgba(0,0,0,0.15); padding: 0px 0px 35px !important; } section.testimonials .testimonials-item .testimonials-image { max-height: 200px; overflow: hidden; margin: 0px 0px 20px; } section.testimonials .testimonials-item .testimonials-desc { padding: 0px 30px; } section.testimonials .testimonials-item .testimonials-desc p { margin: 0px 0px 20px ; } section.testimonials .testimonials-item .testimonials-avatar { width: 72px; height: 72px; margin: auto; border: opx solid transparent; border-radius: 100%; overflow: hidden; } section.testimonials .testimonials-item .testimonials-avatar img { } section.testimonials .testimonials-item .testimonials-author { color: #828c96; font-family: open sans; font-size: 20px; margin: 0px; text-align: center; } section.testimonials .testimonials-item .testimonials-author-title { color: #727272; font-family: open sans; font-size: 16px; margin: 0px; text-align: center; } @media only screen and ( max-width: 1024px ) { section.testimonials .testimonials-wrapper .col-sm-4 { width: 50%; } body figcaption .portfolio-title{ font-size: initial; } } @media only screen and ( max-width: 767px ) { section.testimonials .testimonials-wrapper .col-sm-4 { width: 100%; } } @media only screen and ( max-width: 1192px ){ section.services .services-list .col-sm-4 { width: 50%; } } @media only screen and ( max-width: 920px ) { .col-md-3 { max-width: 50%; width: 100%; } #footer .footer-row { display: block; } #footer .footer-widgets .widget-area { border-right: 0px solid transparent; margin: 0 0 45px; } } @media only screen and ( max-width: 767px ){ .col-md-3 { max-width: 100%; width: 100%; } section.services .services-list .col-sm-4 { width: 100%; } } .tooltip.bottom .tooltip-arrow { left: 50% !important; } .rooms-post-item { box-shadow: 0 0 15px rgba(0,0,0,0); border-radius: 0px; overflow: hidden; } .services-post-item { box-shadow: 0 0 15px rgba(0,0,0,0); border-radius: 0px; overflow: hidden; } .services-post-item h4:after { background-color: #e41c26; content: ""; display: block; height: 4px; width: 24px; margin-top: 5px; } .single #content-area, .archive #content-area { background-color: #161616; } .blog-thumb { padding-top: 64% !important; } .blog-post-title a { color: #252525; font-weight: 700; font-size: 18px; text-transform: uppercase; letter-spacing: 0.2em; } .blog-post-excerpt { color: #919191; font-family: "Open Sans", sans-serif; font-size: 14px; line-height: 24px; margin: 0 0 28px; } /*______________________________________________SERVICES_____________________________________________________________________________*/ .services-post-excerpt { color: #919191; font-family: "Open Sans", sans-serif; font-size: 14px; line-height: 24px; margin: 0 0 20px; } .services-post-buttons { padding: 0; } .services-viewmore { background-color: #e41c26; border-radius: 0px; color: #fff; display: inline-block; font-size: 14px; font-weight: 700; padding: 12px 4px 12px 14px !important; letter-spacing: 0.2em; text-decoration: none; text-transform: uppercase; margin: 0 10px 0 0; transition: 0.3s ease all; border-radius: 4px; } .services-viewmore i { padding: 0 6px 0 0; } .services-viewmore:after { color: #fff; content: "\f101"; font-family: "FontAwesome"; opacity: 0; transition: 0.3s ease all; } .services-viewmore:hover { color: #fff; text-decoration: none; padding: 12px 14px !important; } .services-viewmore:hover:after { opacity: 1; padding: 0 0 0 8px; } .gform_wrapper form { max-width: 100% !important; } .gform_wrapper form .gform_body {} .gform_wrapper form .gform_body ul {} .gform_wrapper form .gform_body ul li { padding-right: 0 !important; } .gform_wrapper form .gform_body ul li div {} .gform_wrapper form .gform_body ul li div input {} #contact-social-media-icons .social-media-icons {} #contact-social-media-icons .social-media-icons a { transition: 0.3s ease all !important; } #contact-social-media-icons .social-media-icons a:hover { text-decoration: none !important; color: #e41c26 !important; } #content-area.content-404 { padding: 100px 0; background-color: #151515; background-size: cover; background-position: center top; } /*#content-area.content-404:before { background-color: rgba(0, 174, 255, 0.6); content: ""; display: block; width: 100%; height: 100%; position: absolute; }*/ .page-not-found-404 { background-color: #fff; } .page-not-found-404 .page-heading-content { padding: 80px 0 20px; } /* S E C T I O N A R E A O F O P E R A T I O N */ #area-of-operation {} #area-of-operation .fl-row-content-wrap {} #area-of-operation .fl-row-content-wrap #section-aoo-map { opacity: 0; } @media only screen and ( max-width: 768px ) { #area-of-operation .fl-row-content-wrap { background-image: linear-gradient(#cecece,#cecece); padding: 100px 0; } #area-of-operation .fl-row-content-wrap #section-aoo-map { opacity: 1; } body ul{ list-style: none !important; } } @media only screen and ( max-width: 414px ) { #area-of-operation .fl-row-content-wrap #section-aoo-map .fl-node-content { background-size: cover; background-position: 96% center; } body .fl-module.fl-module-rich-text-advanced div.rich-text-advanced{ padding: 30px !important; } } @media only screen and ( max-width: 375px ) { #area-of-operation .fl-row-content-wrap #section-aoo-map .fl-node-content { background-position: 92% center; } } @media only screen and ( max-width: 374px ) { #area-of-operation .fl-row-content-wrap #section-aoo-map .fl-node-content { background-position: 92% top; background-size: 180%; } } /* O T H E R S */ #myslide { background-attachment: inherit !important; } @media only screen and ( max-height: 768px ) { #myslide { padding: 22% 30px !important; } } /* @media only screen and ( max-height: 668px ) { #myslide { padding: 20% 30px !important; } } @media only screen and ( max-height: 600px ) { #myslide { padding: 17% 30px !important; } } */ #section-standard {} #section-standard .fl-row-content-wrap {} #section-standard .fl-row-content-wrap .fl-col-small {} @media only screen and ( max-width: 1300px ) { #section-standard .fl-row-content-wrap .fl-col-small { width: 50% !important; } } @media only screen and ( max-width: 768px ) { #section-standard .fl-row-content-wrap .fl-col-small { width: 100% !important; } body .arrowDown{ display: none; } } @media only screen and ( max-width: 456px ) { #myslide { padding: 36% 30px !important; } body .menu{ display: block !important; line-height: 23px; } } body #header.sticky-ready #header-content .header-bot{ background-color: rgba(0, 0, 0, 0.5) !important; } body .btn-avail{ display: none; } body .gform_wrapper form select, body .gform_wrapper form select option{ background-color: #131313 !important; color: #ffffff; } /* body .gform_wrapper form select option{ background-color: transparent !important; color: #ffffff69; } */ body #content-area .black p, body #content-area h3 b, body #content-area h3, body #content-area strong{ color: white; } body .heading .title.default span.text{ font-size: 25px; } body .featuredText .heading h2.title.default span.text{ font-size: larger !important; } body .featuredText .heading h2.title.default span.prefix{ font-size: 80%; } h2.heading-advanced-title span.title{ font-size: 64px; } body h4.hoursOperation{ color: #e41c26; font-family: "Roboto Condensed", sans-serif; font-size: 24px; text-transform: uppercase; margin-bottom: 20px; } body .footer-row .first.quarter.left.widget-area.col-md-3{ width: 20% !important; } body #footer .footer-widgets{ display: table-footer-group !important; } /* body #footer .footer-top{ display: table-header-group !important; } */ /* body #footer .footer-top .container-fluid .content-wrap{ margin: 4% 0; } */ body .textwidget p{ color: rgb(228, 28, 38); font-family: Roboto, sans-serif; font-size: 16px; } body .page-heading-content h1.title{ color: #e41c26 !important; text-shadow: 2px 3px 0px black !important; } html body .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), html body .gform_wrapper select, html body .gform_wrapper textarea{ background-color: #131313 !important; color: white !important;} html body .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"])::placeholder, html body .gform_wrapper select::placeholder, html body .gform_wrapper textarea::placeholder{ color: white !important; } body h1, body h2, body h3, body h4, body h5, body h6, body .h1, body .h2, body .h3, body .h4, body .h5, body .h6{ margin: 0 0 0.1em; } body h3.mainTitle{ color:#e41c26 !important; } body #area-of-operation > .fl-row-content-wrap{ background-size: cover; } body .fl-module-content .rich-text-advanced ul{ background-color: #2d2d2d; padding: 2% 5%; } body a.inquire { color: white !important; background-color: #e41c25; padding: 1% 2%; border-radius: 30px;} body a.inquire:hover{ color: white !important; text-decoration: none; background-color: black; } body:not(.home) .title.default span{font-size: 80% !important; } body:not(.home) .title.default span.text{ font-size: larger !important; } body img[alt="design-icon-wht"]{ width: 100px; height: 70px; } body #breadcrumbs{ display: none !important; } body .description strong, body .description .rich-text-advanced > *{ color: #e41c26 !important; } body div.fl-node-5abb66b563a39 .fl-module-content{ margin: 20px !important; } body .contactHead strong{ color: #e41c26 !important; } body .rich-text-advanced .title-icon-container{ padding: 20px 0 0px !important; } body .fl-row-full-height .fl-row-content-wrap{ min-height: unset !important; } /* body .homeFeatured .rich-text-advanced{ min-height: 500px; } */ body .homeFeatured .rich-text-advanced{ min-height: 600px; } body #slb_viewer_wrap .slb_data_content{ display: none !important; } body div#front-page-slider div#slides.slides{ height: auto !important; } body div.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half){ max-width: 100% !important; } body div.gform_wrapper ul.gform_fields li.gfield{ padding-right: 0 !important; } body .menu{ list-style: none; padding-right: 20px; display: inline-flex;} body .menu li{ padding-right: 20px; } /* body .button-advanced.center.centered-mobile > a{ min-width: unset !important; line-height: initial !important; } */ body .button-advanced.center.centered-mobile > a span{ width: 100%; } body .button-advanced.center.centered-mobile > a{ min-width: unset !important; line-height: initial !important; width: 100%; padding: 2% 10%;} body.page-slug-sitemap main#content div#content-area{ padding: 5% !important; } body #sitemap div.col-sm-3:last-child, body #sitemap-pages li a[href="http://www.bouldercreekcorp.com/thank-you/"]{ display: none !important; } /* body li.menu-item a span.menu-image-title{ text-shadow: 2px 2px 2px black !important; } */ body .fl-row.fl-row-full-width.fl-row-bg-none, body .fl-builder-ie-11 { background-color: rgba(21, 21, 21, 1) !important } body .center .btn { margin: 0 !important; } body.page-slug-services div.page-heading-overlay, body.page-slug-design div.page-heading-overlay, body.page-slug-build div.page-heading-overlay, body.page-slug-maintain div.page-heading-overlay, body.page div.page-heading-overlay{ background: linear-gradient(to bottom, #8b8b8b91,#c9c9c9); background-color: unset !important;} body .card-module-wrapper .btn-section a.btn-readmore, body .card-module-wrapper .btn-section a.btn-inquire{ padding: 5%; box-shadow: 0 0 10px #000000; background-color:#e41c26; color: white; border-radius: 6px; } body .card-module-wrapper .btn-section a.btn-readmore:hover, body .card-module-wrapper .btn-section a.btn-inquire:hover{ background-color: black !important; } body .ginput_container_address span label{ display: none !important; } body .ginput_container_address span input{ margin-bottom: 15px; } body .gform_wrapper .ginput_complex.ginput_container_address span.ginput_right+span.ginput_left.address_zip { width: 100%; padding-right: 0 !important; } body .gform_wrapper .ginput_complex.ginput_container_address span.ginput_right+span.ginput_left.address_zip > input { margin-bottom: 0 !important; } body #searchform-404 .fieldset input#searchinput{ background-color: #e41c26 !important; } body.search section.entry .overflow-hidden p{ color: white; } body #searchform-404{ display: none !important; } body.error404 section.page-heading{ background-image: url(http://bouldercreekcorp.com/wp-content/uploads/2018/03/mt-baker-silhouette.svg); background-size: 100%; background-position: bottom; } body.error404 .container h3 + p{ color: white !important; } body.ie .gform_wrapper.gf_browser_ie .gform_footer input.button{ padding: 18px 30px !important; } :-ms-input-placeholder { color: white !important; } ::-ms-input-placeholder { color: white !important; } /*Additional Fixes*/ @media(max-width: 768px){ body.page-id-1077 #content .fl-module-rich-text .fl-module-content.fl-node-content { margin-top: 120px; } }