/*--------------------------------------------------- LESS Stylesheet by You Marketing Solutions ----------------------------------------------------- */ /** * Owl Carousel v2.3.3 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /** * Owl Carousel v2.3.3 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /* Font Awesome For Social Media */ @font-face {font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.4.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-facebook-f:before, .fa-facebook:before {content: "\f09a"; } .fa-twitter:before {content: "\f099"; } .fa-instagram:before {content: "\f16d"; } .fa-linkedin:before {content: "\f0e1"; } .fa-google-plus:before {content: "\f0d5"; } /* ----------------------------------------------------------------- */ /* Imports */ // Import Fonts @font-face { font-family: 'Ananda'; src: url('../fonts/Ananda.eot'); src: url('../fonts/Ananda.eot?#iefix') format('embedded-opentype'), url('../fonts/Ananda.woff2') format('woff2'), url('../fonts/Ananda.woff') format('woff'), url('../fonts/Ananda.ttf') format('truetype'), url('../fonts/Ananda.svg#Ananda') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham'; src: url('../fonts/Gotham-Light.eot'); src: url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Light.woff2') format('woff2'), url('../fonts/Gotham-Light.woff') format('woff'), url('../fonts/Gotham-Light.ttf') format('truetype'), url('../fonts/Gotham-Light.svg#Gotham-Light') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Gotham'; src: url('../fonts/Gotham-Book.eot'); src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Book.woff2') format('woff2'), url('../fonts/Gotham-Book.woff') format('woff'), url('../fonts/Gotham-Book.ttf') format('truetype'), url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham'; src: url('../fonts/Gotham-Medium.eot'); src: url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Medium.woff2') format('woff2'), url('../fonts/Gotham-Medium.woff') format('woff'), url('../fonts/Gotham-Medium.ttf') format('truetype'), url('../fonts/Gotham-Medium.svg#Gotham-Medium') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Proxima Nova'; src: url('../fonts/ProximaNova-Semibold.eot'); src: url('../fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Semibold.woff2') format('woff2'), url('../fonts/ProximaNova-Semibold.woff') format('woff'), url('../fonts/ProximaNova-Semibold.ttf') format('truetype'), url('../fonts/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg'); font-weight: 600; font-style: normal; } // Import Other Essentials @import "ym-grid.less"; @import "mixins.less"; @import "animate.less"; /* Imports */ /* ----------------------------------------------------------------- */ /* ----------------------------------------------------------------- */ /* Typography */ /* ------ General ------ */ html, body { margin: 0; padding: 0; } body { position: relative; } // Set Font Types & Styles @font_family: 'Gotham', sans-serif; @body_font_size: 18px; @body_color: #000; @header_font_family: 'Proxima Nova', sans-serif; @header_font_weight: 600; @header_color: #000; @baseline: 20px; @main_color: #d70200; @secondary_color: #daa520; .acf-hidden { display: none; } /* ---- Block Baselines ---- */ body.front-end { * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } h1, h2, h3, h4, h5, h6, p, ul, ol, pre, blockquote, textarea, button { margin-bottom: 0 0 @baseline 0; } /* ---- Headings ---- */ h1, h2, h3, h4, h5, h6 { font-family: @header_font_family; font-weight: @header_font_weight; } /* ---- Paragraph Elements ---- */ p, li, a, { font-family: @font_family; font-size: 18px; font-weight: 400; } a { font-family: @font_family; color: #d70200; text-decoration: none; } a:hover, button:hover { .hand(); } a:active { text-decoration: none; } button:hover { .hand(); } code { font-family: Consolas, "Courier New", Courier, mono; } strong { font-weight: 500; } /* ---- Block Elements ---- */ ul , ol { margin-left: @baseline/2; padding-left: @baseline; } blockquote { display: block; opacity: .95; border-left: 4px solid; border-left-color: #ddd; padding: 0 @baseline/2; font-style: italic; margin-left: @baseline/2; } blockquote p:last-child { margin-bottom: @baseline/2; } pre { font-family: Consolas, "Courier New", Courier, mono; background: black; font-size: @body_font_size - 2; background: rgba(0,0,0,.9); color: #eee; padding: @baseline/2 @baseline; } .clear { clear: both; } } /* End Typography */ /* ----------------------------------------------------------------- */ html, body { overflow-x: hidden; } /* ----------------------------------------------------------------- */ /* Main Styles */ /* Header Styles /* ---------------------------------- */ .before-header { text-align: center; background: #daa520; padding: 10px 0; display: none; .ym-container { a { color: #fff; font-weight: 600; font-family: 'Proxima Nova', sans-serif; } } } header, #menu.sticky-menu { width: 100%; padding: 7px 0px; z-index: 9999; background-color: #fff; .mobile-menu, .social-mobile { display: none; } .logo { width: auto; float: left; a { display: block; position: relative; img{ display: block; position: relative; width: auto; height: 71px; } } } .right { text-align: right; width: auto; float: right; //padding: 0 0 0 55px; .menu-main-nav-container { display: inline-block; ul { margin: 0px; padding: 0px; li { display: inline-block; a { color: #000; font-size: 16px; font-weight: 300; font-family: @font_family; display: inline-block; padding: 26px 5px; transition: all 0.2s ease-in-out 0s; &:hover { color: #daa520; } } &.menu-phone{ a{ margin-left: 5px; padding: 11px 20px; background: #d70200; border-radius: 3px; color: #fff; font-size: 18px; font-weight: 600; font-family: 'Proxima Nova', sans-serif; &:hover { background-color: #daa520; } } } ul { display: none; position: absolute; z-index: 9999; padding: 0px; li { display: block; a { text-align: left !important; background-color: #d70200; padding: 10px 15px !important; display: block; color: #fff !important; font-size: 14px; font-weight: 400; transition: all 0.2s ease-in-out 0s; } a:hover { text-decoration: none; background-color:#daa520; } } } } li:hover { ul { display: block; } } } } } } #menu.sticky-menu{ position: fixed; top:0; z-index: 999; width: 100%; display: none; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1); } /* Footer Styles /* ---------------------------------- */ .before-footer{ background-color: #4abf4f; &.section { text-align: center; .ym-container { .col-ym-12 { padding: 70px 15px; p { font-weight: 300; color: #fff !important; &:nth-child(1) { margin: 0; } &:nth-child(2) { font-size: 28px; } &:nth-child(3) { font-size: 24px; } &:nth-child(4) { color: #d70200 !important; font-weight: 500; font-size: 38px; margin: 24px 0; } } .btn { font-size: 18px; background: #bfbfbf; color: #000; border: 1px solid #d70200; border-radius: 3px; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; display: inline-block; max-width: 285px; margin: 20px 5px 0; width: 100%; padding: 10px 30px; &:hover { background: #daa520 !important; color: #fff; border: 1px solid #daa520; } &:last-of-type { background: url(../images/white-arrow.png) no-repeat 90% center / 18px 11px #d70200 !important; color: #fff; border: 1px solid #d70200; &:hover { background: url(../images/white-arrow.png) no-repeat 90% center / 18px 11px #daa520 !important; color: #fff; border: 1px solid #daa520; } } } } } } } #contact{ background-color: #fff; .col-ym-12{ text-align: center; padding: 60px 15px; .social{ position: relative; text-align: center; font-size: 0px; margin: 30px auto 0px; a{ display: inline-block; position: relative; padding: 0px 3px 0px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; .fa { background-color: #daa520; color: #fff; width: 36px; line-height: 36px; font-size: 20px; } &:hover { transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); } } } } } footer { padding: 27px 0px; background-color: #daa520; .copyright-section { p { color: #fff; margin: 0; } #footer-menu { .menu { list-style-type: none; padding: 0; margin: 0; li { display: inline-block; vertical-align: middle; padding: 0 15px; &:first-of-type { padding-left: 0; } a { color: #fff; } } } } #credit { text-align: right; img { width: 130px; display: inline-block; vertical-align: middle; } } } } /* End Main Styles /* ----------------------------------------------------------------- */ /* ----------------------------------------------------------------- */ /* Web Page Styles */ /* Home and Service Pages Styles /* ---------------------------------- */ body.page-template-template-services { .section-1 { &:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(240,231,224, 0.5); } } } body.home, body.page-template-template-services { .section-1 { height: 800px !important; position: relative; .ym-container{ height: 800px !important; display: -webkit-flex; /* Safari */ -webkit-align-items: center; /* Safari 7.0+ */ display: flex; align-items: center; padding: 0 !important; justify-content: center; text-align: center; .gform_wrapper { max-width: 805px; margin: 40px auto 0; .gform_body { width: 66.66%; display: inline-block; vertical-align: middle; float: left; .gform_fields { .gfield { margin-top: 0; &.gfield_error { padding-top: 0 !important; } input { margin-top: 0; padding: 15px; font-size: 18px; height: 50px; border: 1px solid #d70200; border-radius: 3px; &:focus { outline: none; } } } } } .gform_footer { padding: 0; margin: 0; width: 33.33%; display: inline-block; vertical-align: middle; input[type=submit] { height: 50px; margin: 0; color: #fff; font-size: 16px; width: 100%; border: 1px solid #d70200; border-radius: 3px; margin-top: 8px; cursor: pointer; letter-spacing: 0.5px; background: url(../images/white-arrow.png) no-repeat 90% center / 18px 11px #d70200; &:hover, &:focus { background-color: #daa520; border-color: #daa520; outline: none; } } } } h1{ color: #000; margin: 0px; font-size: 92px; font-weight: 400; line-height: .8 !important; font-family: 'Gotham', sans-serif; padding-left: 10%; margin-bottom: 20px !important; span { font-family: 'Ananda', cursive; color: #d70200; font-size: 72px; &.subscript { font-size: 50px !important; } } } p{ color: #fff; line-height:1.5em; font-size: 20px; font-weight: 400 !important; margin: 10px 0px 0px; &.text { color: #000; font-size: 28px; line-height: 1.2; } } ul { &.banner-list{ display: inline-block; text-align: left; padding-left: 0; margin-left: 0; list-style-type: none; max-width: 520px; li { font-size: 22px; font-weight: 300; line-height: 1; margin-bottom: 15px; position: relative; padding-left: 42px; &::before { content: url('../images/gold-check.png'); position: absolute; left: 0; top: 2px; } } } } .btn{ color: #fff; margin: 20px 0px 0px; padding: 15px 30px; background-color: #4abf4f; display: inline-block; position: relative; border: 2px solid #4abf4f; transition: all 0.2s ease-in-out 0s; } .btn:hover{ border: 2px solid #000; background-color: #000; } } } .section{ text-align: center; .col-ym-12{ padding:60px 15px; h2{ font-size: 40px; font-weight: 600; color: #000; line-height: 1; font-family: 'Proxima Nova', sans-serif; margin-left: auto; margin-right: auto; width: 100%; text-align: center; } hr{ color:#000; width: 50px; text-align: center; margin:30px auto 30px; border: none; height: 1px; background-color: #000; } ul { li { margin-bottom: 10px; } } p{ font-size: 18px; font-weight: 400; color: #000; font-family: 'Gotham', sans-serif; line-height: 1.5em; margin-left: auto; margin-right: auto; width: 100%; } .btn{ padding: 11px 30px; transition: all 0.2s ease-in-out 0s; margin: 0; color: #fff; display: inline-block; font-size: 16px; width: 100%; border: 1px solid #d70200; border-radius: 3px; margin-top: 8px; cursor: pointer; max-width: 240px; text-align: center; letter-spacing: 0.5px; background: url(../images/white-arrow.png) no-repeat 90% center / 18px 11px #d70200; &.width-auto { max-width: unset; width: auto; padding: 11px 70px; } } .btn:hover{ background-color: #daa520; border: 1px solid #daa520; } } } .section.half{ .col-ym-6:nth-child(2){ padding-top: 163px; } } .section:nth-child(even){ //background-color: #f1f0f1; } #services-half-image{ .services-header { background: #daa520; .col-ym-12 { padding: 35px 0; h2 { margin-top: 0; margin-bottom: 10px; } p { margin-bottom: 0; } } } .section-services{ .col-ym-6{ height: 312px; padding: 0px !important; img{ display: none; position: relative; width: 100%; height: auto; } .text-container{ width: 420px; padding: 0px 15px 0px 40px; height: 312px; display: -webkit-flex; /* Safari */ -webkit-align-items: center; /* Safari 7.0+ */ display: flex; align-items: center; justify-content: center; text-align: left; h2{ font-size: 24px; font-family: 'Gotham', sans-serif; font-weight: 500; margin: 0px 0px 15px; line-height: 1.5em; } p{ line-height: 1.5em; font-size: 16px; font-weight: 400; } .btn{ padding: 11px 30px; transition: all 0.2s ease-in-out 0s; margin: 0; color: #fff; display: inline-block; font-size: 16px; width: 100%; border: 1px solid #d70200; border-radius: 3px; margin-top: 8px; cursor: pointer; max-width: 240px; text-align: center; line-height: 1.5em; letter-spacing: 0.5px; background: url(../images/white-arrow.png) no-repeat 90% center / 18px 11px #d70200; } .btn:hover{ background-color: #daa520; border: 1px solid #daa520; } } } } .section-services:nth-child(odd){ .col-ym-6:first-child{ .text-container{ display: none; } } .col-ym-6:nth-child(2){ background-image: none !important; .text-container{ float: left !important; padding: 0px 15px 0px 40px !important; } } } .section-services:nth-child(even){ .col-ym-6:first-child{ background-image: none !important; .text-container{ float: right !important; padding: 0px 40px 0px 15px !important; text-align: right; } } .col-ym-6:nth-child(2){ .text-container{ display: none; } } } } .about-section { text-align: left; .col-ym-12{ .inner-wrap { column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; column-gap: 60px; -webkit-column-gap: 60px; -moz-column-gap: 60px; } p { &:nth-child(1) { font-size: 22px; font-weight: 500; margin-top: 0; line-height: 1.2; } &:nth-last-child(2) { font-size: 22px; color: #d70200; font-weight: 500; line-height: 1.2; } } } } /* Accordion Styles */ #faqs{ background-color: #1a1a1a; .col-ym-12 { h2 { color: #fff; } .faqs-wrapper { max-width: 925px; margin: 0 auto; position: relative; text-align: left; padding-left: 101px; padding: 50px 50px 32px 120px; border-bottom: 1px solid #6f6f6f; p { color: #fff; &.num { color: #daa520; font-size: 30px; font-family: 'Proxima Nova'; font-weight: 600; background: #fff; display: inline-block; width: 51px; line-height: 51px; border-radius: 100%; margin: 0; position: absolute; left: 30px; text-align: center; top: 50px; } } h3 { font-family: 'Proxima Nova'; font-weight: 600; font-size: 22px; margin-top: 0; color: #fff; } } } } .newsletter-section { background: url(../images/newsletter-bg.jpg) no-repeat right center / cover; text-align: left; .col-ym-5 { padding: 0 35px; h2 { text-align: left; margin: 0; font-size: 50px; } p { margin: 25px 0; &:last-of-type { margin: 0; } } .btn { max-width: 315px; } } .col-ym-4 { text-align: right; img { margin-top: 20px; } } } .why-choose-us { text-align: left; .col-ym-12 { max-width: 920px; margin: 0 0 0 auto; float: none; padding: 60px 145px 60px 15px; h2 { text-align: left; } } } .map-section { p { &:first-of-type { max-width: 800px; margin: 0 auto; } } iframe { width: 100%; height: 500px; } } .booking-section { text-align: left; background-color: #daa520; .col-ym-12 { padding: 30px 15px; } .row { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-items: center; align-content: stretch; .col-ym-3 { text-align: right; } .col-ym-5 { h2 { text-align: left; color: #fff; margin: 0; } p { font-size: 28px; line-height: 1.2; margin: 20px 0 0; } } .col-ym-4 { .btn { &:first-of-type { background: #f4e4bd !important; color: #000; border: 1px solid #d70200; margin-top: 0; } &:hover { border: 1px solid #d70200; background-color: #d70200 } } } } } .contact-us-section { .inner-wrap { max-width: 895px; margin: 50px auto 0; iframe { width: 100%; height: 608px; display: block; } .col-ym-6 { padding: 0; } .book-now-wrapper { background-color: #daa520; padding: 40px 30px 24px; h2 { margin-top: 0; font-size: 28px; text-align: left; } .gform_wrapper { .gform_body { .top_label { .gform_label { font-weight: 400; font: 16px; } .ginput_container { margin-top: 10px; } } .gform_fields { .gfield { padding-right: 0; input { height: 42px; border: 1px solid #fff; color: #404040; font-size: 16px !important; padding: 15px !important; } textarea { font-size: 16px; padding: 15px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } } } } .gform_footer { margin: 0; padding: 0; z-index: 1; position: relative; input[type=submit] { width: 100%; } } } } } } #testimonials { background: url('../images/testi-bg.jpg') no-repeat center center / cover; .col-ym-12 { .owl-theme { .owl-dots { .owl-dot { &.active, &:hover { span { background: #d70200; } } span { background: #7e7e7e; margin: 5px 4px; } } } } p { &.subtitle { font-weight: 500; } } .wrapper { p { font-style: italic; font-size: 16px; &.author { font-style: unset; color: #d70200; } } } } } } // End body Home /* Gravity Form */ .gform_wrapper { max-width: 805px; margin: 40px auto 0; .gform_body { .gform_fields { .gfield { margin-top: 0; &.gfield_error { padding-top: 0 !important; } input, select { margin-top: 0; padding: 15px; font-size: 18px; height: 50px; border: 1px solid #d70200; border-radius: 3px; &:focus { outline: none; } } } } } .gform_footer { input[type=submit] { height: 50px; margin: 0; color: #fff; font-size: 16px; width: 100%; border: 1px solid #d70200; border-radius: 3px; margin-top: 8px; cursor: pointer; letter-spacing: 0.5px; background: url(../images/white-arrow.png) no-repeat 90% center / 18px 11px #d70200; } } } #gallery { ul.gallery { list-style-type: none; padding: 0; margin: 40px auto; li { display: inline-block; margin-bottom: 0; position: relative; a { display: block; &::after { content: ''; width: 100%; height: 100%; bottom: 0;position: absolute; left: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } &:hover { &:after { opacity: 1; } } } } } } /* FAQS Template /* ---------------------------------- */ .page-template-template-faqs { .faqs-wrapper { max-width: 925px; margin: 0 auto; position: relative; text-align: left; padding-left: 101px; padding: 50px 50px 32px 120px; border-bottom: 1px solid #daa520; p.num { color: #fff; font-size: 30px; font-family: 'Proxima Nova'; font-weight: 600; background: #daa520; display: inline-block; width: 51px; line-height: 51px; border-radius: 100%; margin: 0; position: absolute; left: 30px; text-align: center; top: 50px; } h3.question { font-family: 'Proxima Nova'; font-weight: 600; font-size: 22px; margin-top: 0; } } } /* Error 404 /* ---------------------------------- */ body.error404 { .section-1 { padding: 50px 30px 100px; h1 { font-size: 150px; font-weight: 400; color: #404041; text-align: center; margin: 0; } p { text-align: center; line-height: 1.5em; a { color: #fff; padding: 10px 20px; margin: 25px 0 0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: inline-block; background: #d70200 none repeat scroll 0% 0%; border: 1px solid #d70200; transition: all 0.2s ease-in-out 0s; } a:hover { background: #daa520 none repeat scroll 0% 0%; border: 1px solid #daa520; } } } } /* Equipment Page /* ---------------------------------- */ body.page-template-template-equipment { .the-content { .inner-wrapper{ padding-bottom: 40px; margin-bottom: 40px; text-align: left; img { max-width: 100%; height: auto; box-shadow: 0px 0px 5px #efe9d9; display: block; margin: 0 auto; } .content-wrapper { max-width: 600px; margin: 0 auto; h2 { background: #d70200; margin: 0; padding: 10px 20px; color: #fbf2eb; text-align: center; } } &:nth-child(even) { .col-ym-6 { &:nth-child(1) { float: right; } } } &:last-of-type { border: none; margin-bottom: 0; } } } } /* Contact Page /* ---------------------------------- */ body.page-template-template-contact { .contact-section { padding: 30px 0; iframe { width: 100%; height: 572px; margin-bottom: 20px; } .gform_wrapper { margin: 0; .gform_body { .gform_fields { .gfield { margin-bottom: 15px; padding-right: 0; &_label { font-weight: 500; } &_radio { display: flex; li:first-child { margin-right: 10px; } } input, select { padding: 12px !important; } textarea { border: 1px solid #d70200; border-radius: 3px; padding: 12px !important; &:focus { outline: none; } } } } } .gform_footer { padding: 0; input[type="submit"] { width: 100%; } } } } } body.page-template-template-services .contact-us-section .inner-wrap iframe { height: 440px !important; } /* Single Blog /* ---------------------------------- */ body.single-post { .latest-blog { margin-top: 50px; .section-title { h3 { text-align: center; font-size: 38px; } } .articles { padding: 0; } } .article { padding: 70px 0; background: #fafafa; .the-thumbnail { height: 500px; img { max-width: 100%; height: auto; display: block; } } .the-title { padding: 20px 0; background: #292929; border-bottom: 1px solid #fafafa; h1 { color: #fff; margin: 0; } p { margin: 0; color: #fff; background: #d70200; font-size: 14px; display: inline-block; padding: 5px 8px; border-radius: 3px; } } .the-content { background: #fff; padding: 20px 15px 40px; .post-cta { text-align: center; padding: 20px; background: #fbf2eb; p { font-size: 22px; } a { display: inline-block; margin: 0; color: #fff; background: #d70200; font-size: 18px; border-radius: 3px; padding: 11px 30px; max-width: 232px; width: 100%; text-align: center; margin: 5px 10px; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; &:hover, &:focus { background-color: #daa520; } } } } .next-prev-posts { .next { text-align: right; } a { display: inline-block; margin: 0; color: #fff; background: #d70200; font-size: 14px ; border-radius: 3px; padding: 8px; max-width: 100px; width: 100%; text-align: center; } } } } /* Blog Boxes /* ---------------------------------- */ body.blog, body.single-post { .articles { padding: 70px 0 60px; .single-article { .box { max-width: 350px; margin: 0 auto; a { display: block; img { display: block; border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; } } .article-content { padding: 20px; background: #fbf2eb; border-radius: 0 0 3px 3px; h4 { margin-top: 0; margin-bottom: 15px; } p { &.date { display: inline-block; margin: 0; color: #fff; background: #d70200; font-size: 14px; border-radius: 3px; padding: 8px; } &.excerpt { font-size: 16px; } } } } } .pagination { margin-top: 40px; padding: 0 35px; a { display: inline-block; margin: 0; color: #fff; background: #d70200; font-size: 14px; border-radius: 3px; padding: 8px; max-width: 100px; width: 100%; text-align: center; } } } } /* Default Page /* ---------------------------------- */ body.page, body.blog { .the-content { text-align: center; padding: 40px 0; h2 { font-size: 28px; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5 { font-size: 18px; } .btn{ padding: 11px 30px; transition: all 0.2s ease-in-out 0s; margin: 0; color: #fff; display: inline-block; font-size: 16px; width: 100%; border: 1px solid #d70200; border-radius: 3px; margin-top: 8px; cursor: pointer; max-width: 240px; text-align: center; letter-spacing: 0.5px; background: url(../images/white-arrow.png) no-repeat 90% center / 18px 11px #d70200; &.width-auto { max-width: unset; width: auto; padding: 11px 70px; } &:hover{ background-color: #daa520; border: 1px solid #daa520; } } } .section-1 { .ym-container{ height: 350px; display: -webkit-flex; /* Safari */ -webkit-align-items: center; /* Safari 7.0+ */ display: flex; align-items: center; padding: 0 !important; justify-content: center; text-align: center; h1{ color: #000; margin: 0px; font-size: 92px; font-weight: 350; line-height: 1.3em; font-family: 'Gotham', sans-serif; span { font-family: 'Ananda', cursive; color: #d70200; font-size: 72px; } } } } } /* Web Page Styles */ /* ----------------------------------------------------------------- */ .page-testimonials { .testimonial-wrap { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; .inner-wrap { margin-bottom: 30px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; border: 2px solid #daa520; padding: 20px; position: relative; &::before { content: ""; position: absolute; background-color: #fff; background-image: url('../images/testimonial-quote-icon.png'); width: 47px; height: 36px; background-repeat: no-repeat; background-size: 47px 36px; left: -23.5px; } .author { color: #d70200; } } } } /* ----------------------------------------------------------------- */ /* Import Responsive Stylesheet */ @import "responsive.less"; /* End Import Responsive Stylesheet */ /* ----------------------------------------------------------------- */