/*--------------------------------------------------- LESS Stylesheet by Search It Local Sydney ----------------------------------------------------- */ /* ----------------------------------------------------------------- */ /* Imports */ // Import Other Essentials @import "ym-grid.less"; @import "mixins.less"; @import "animate.less"; /* Imports */ /* ----------------------------------------------------------------- */ @font-face { font-family: 'ProximaNova-Regular'; src: url('../fonts/ProximaNova-Regular.eot'); src: url('../fonts/ProximaNova-Regular.woff2') format('woff2'), url('../fonts/ProximaNova-Regular.woff') format('woff'), url('../fonts/ProximaNova-Regular.ttf') format('truetype'), url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg'), url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } @font-face { font-weight: normal; font-style: normal; font-family: 'ProximaNova-Bold'; src: url('../fonts/ProximaNova-Bold.eot'); src: url('../fonts/ProximaNova-Bold.woff2') format('woff2'), url('../fonts/ProximaNova-Bold.woff') format('woff'), url('../fonts/ProximaNova-Bold.ttf') format('truetype'), url('../fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg'), url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'); } /* ----------------------------------------------------------------- */ /* Typography */ /* ------ General ------ */ html, body { margin: 0; padding: 0; } body.front-end { &body { position: relative; font-size: 16px; div { font-size: 16px; } } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } // Set Font Types & Styles @font_family: 'ProximaNova-Regular'; @body_font_size: 14px; @body_color: #666; @header_font_family: 'ProximaNova-Bold'; @header_font_weight: 700; @header_color: #505d19; @baseline: 20px; @main_color: #2d3a48; @secondary_color: #1c2732; .acf-hidden { display: none; } /* ---- Block Baselines ---- */ h1, h2, h3, h4, h5, h6, p, ul, ol, pre, blockquote, textarea, button { margin: 0 0 @baseline 0; &:last-child { margin-bottom: 0; } } ul, ol { margin: 0 0 20px; &:last-child { margin-bottom: 0; } } /* ---- Headings ---- */ h1, h2, h3, h4, h5, h6 { font-family: @header_font_family; font-weight: @header_font_weight; color: #505d19; text-transform: uppercase; line-height: 1.2; } h2 { font-size: 36px; } h3 { font-size: 26px; } h4 { font-size: 21px; } h5 { font-size: 18px; } /* ---- Paragraph Elements ---- */ p { margin: 0 0 30px; } p, li, a, { font-family: @font_family; font-size: 18px; line-height: 1.5em; } a { font-family: @font_family; color: @body_color; 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: 600; } /* ---- Block Elements ---- */ 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 */ /* ----------------------------------------------------------------- */ /* ----------------------------------------------------------------- */ /* Main Styles */ /* Header Styles /* ---------------------------------- */ #notification-bar{ text-align: center; padding: 10px 0px; position: fixed; z-index: 9999; top:0; width: 100%; } header, #menu.sticky-menu { .wrap { padding: 0; } } header, #menu.sticky-menu { margin-top: 0; width: 100%; padding: 0px; height: 110px; position: relative; z-index: 999; background-color: #fff !important; .mobile-menu { display: none; } .logo { display: -webkit-flex; /* Safari */ -webkit-align-items: center; /* Safari 7.0+ */ display: flex; align-items: center; justify-content: center; text-align: center; height: 110px; width: auto !important; h3 { font-size: 24px; font-weight: 700; color: #fff; margin: 0px; a { font-size: 24px; font-weight: 700; color: #fff; } } .logo{ img{ width: auto; height: 90px; } } } .right { text-align: right; float: right; height: auto; width: auto; .menu-main-nav-container { display: inline-block; font-size: 0px; ul { margin: 0; padding: 0px; li { display: inline-block; &.menu-item-has-children { display: none; } &:first-child { a { padding-left: 0; } } &:last-child { a { padding-right: 0; } } &:hover { .sub-menu { display: block; } } &.menu-button { a { padding: 8px 30px; background-color: #7b9024; transition: all .2s ease-in-out; border-radius: 4px; border: 2px solid #7b9024; margin-left: 9px; color: #fff; font-family: ProximaNova-Bold; &:hover { background-color: transparent; color: #7b9024; } } } a { color: #505d19; display: inline-block; padding: 43px 9px; font-size: 16px; text-transform: uppercase; &:hover { color: #b1b059; background-color: none; } } ul { display: none; position: absolute; z-index: 5; padding: 0px; li { display: block; &:first-child { a { padding-left: 15px; } } &:last-child { a { padding-right: 15px; } } a { background: rgba(0,0,0,0.5); padding: 10px 15px; color: #fff; display: block; &:hover { text-decoration: none; background: #7b9024; } } } } } } } } } #menu.sticky-menu{ position: fixed; top: 0; margin-top: 0px !important; width: 100%; display: none; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1); } /* Footer Styles /* ---------------------------------- */ #before-footer{ text-align: center; padding: 50px 0px; background-blend-mode: overlay; div#gform_confirmation_message_1 { color: #fff; font-family: 'ProximaNova-Regular'; } .wrapper { max-width: 380px; margin-right: auto; margin-left: 80px; h2 { font-size: 28px; color: #fff; } p { color: #fff; font-size: 28px; } } } #long-footer{ padding: 30px 0px; text-align: center; h3{ color: #fff !important; } p{ font-size: 16px; color: #fff; font-weight: 300; a{ color: #fff; font-size: 16px; } } .social{ margin: 0; padding: 0; display: inline-block; li{ display:inline-block; position:relative; a{ display:block; position:relative; img{ display:block; position:relative; width:auto; height:auto; transition: all .2s ease-in-out; &:hover { opacity: .8; } } } } } .menu-footer-menu-container{ #menu-footer-menu{ margin-left: 0px; padding: 40px 0; li{ list-style-type: none; display: inline-block; a{ font-size: 16px; color: #363636; font-weight: 300; text-transform: uppercase; padding: 0 11px; transition: all .2s ease-in-out; &:hover { color: #7b9024; } } } } } .tmls{ .caroufredsel_wrapper{ .tmls_container{ .tmls_item{ overflow: hidden; .tmls_text{ color: #fff !important; font-family: @font_family !important; font-weight: 300 !important; } .tmls_name{ color: #fff !important; font-family: @font_family !important; } } } } } .logo{ img{ width: auto; height: auto; display: block; margin: 0 auto; filter: grayscale(100%); transition: all .2s ease-in-out; &:hover { filter: grayscale(0%); } } } } footer { border-top: 1px solid rgba(255,255,255,.1); .copyright-section { padding: 25px 0; p { font-size: 12px; color: #fff; margin: 0; } .copyright{ width: auto; } .credit { text-align: right; width: auto; float: right; margin-top: -9px; p{ a{ display: inline-block; position: relative; img{ display: block; position: relative; width: 128px; height: auto; margin:0px 0px -6px 6px; } } } } } } /* End Main Styles /* ----------------------------------------------------------------- */ /* ----------------------------------------------------------------- */ /* Web Page Styles */ /* Home Styles /* ---------------------------------- */ .section { padding: 60px 0; background-position: center; background-repeat: no-repeat; background-size: cover; h2 { text-align: center; span { font-size: 26px; color: #d6d580; text-transform: uppercase; font-family: ProximaNova-Regular; font-weight: 400; display: block; margin: 0 0 20px; } } } .hr-wrap { margin: 0 auto; max-width: 67px; hr { border-width: 0; height: 2px; background-color: #d6d580; margin: 0 0 45px; } } .home-section-1{ padding: 105px 0 125px; .wrapper { max-width: 685px; margin-right: auto; .text-wrap { p { color: #7b9024; position: relative; padding-left: 100px; font-size: 32px; text-transform: uppercase; line-height: 32px; margin-bottom: 35px; text-align: left; font-family: ProximaNova-Bold; &::before { content: url('../images/two-rounds.png'); position: absolute; top: 50%; transform: translateY(-50%); left: 10px; line-height: 1; } } .btn-wrap { text-align: left; display: block; padding-top: 20px; .button { font-size: 18px; padding: 10px 0; &:first-of-type { margin-right: 12px; max-width: 180px; } &:last-of-type { max-width: 276px; background-color: transparent; color: #7b9024; &:hover { background-color: #7b9024; color: #fff; } } } } } } } .home-section-2 { text-align: center; h1 { text-align: center; font-size: 36px; color: #505d19; } h2 { margin: 0; } .hr-wrap { hr { display: none; &.hr-show { display: block !important; } } } p { font-size: 18px; } } .home-section-3 { text-align: center; } .services.section { text-align: center; h2 { color: #fff; text-transform: none; } p { color: #fff; font-size: 18px; } .service-wrap { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: center; max-width: 845px; margin: 0 auto; .inner-wrap { max-width: 185px; width: 100%; margin: 0 auto 25px; min-height: 185px; border: 1px solid #5a691b; text-align: center; padding: 0 10px; &:hover { .fig-wrap { img { transform: scale(1.1); } } .title { color: #d6d580; } } .fig-wrap { text-align: center; text-align: center; min-height: 110px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; img { display: block; margin: 0 auto; transition: all .2s ease-in-out; } } .title { font-size: 18px; color: #fff; transition: all .2s ease-in-out; } } } } .home-section-4 { background-color: #888a41; h2 { span { color: #fff; } } .text-wrap { max-width: 956px; margin: 0 auto; padding: 65px; text-align: center; background-color: #fff; border-radius: 8px; p { font-size: 18px; } .btn-wrap { .button { &:first-of-type { background-color: #b1b059; border: 2px solid #b1b059; margin-right: 27px; &:hover { background-color: transparent; color: #b1b059; } } } } } } .home-section-5.section { padding: 60px 0; .wrap { .wrapper { position: relative; .inner-wrapper { margin-bottom: 54px; text-align: center; &:last-of-type { margin-bottom: 0; .col-ym-6 { &:first-child { float: right; } } } p { margin-bottom: 20px; &.intro { background-color: #888a41; color: #fff; padding: 20px; border-radius: 8px; margin-bottom: 15px; clear: both; } &.heading { margin: 0; font-family: 'ProximaNova-Bold', sans-serif; } } iframe { display: block; max-width: 100%; } } } } } .home-section-6 { text-align: center; p { font-size: 18px; } a { font-size: 24px; } h2, p, a { color: #fff; } } .home-section-faq{ .wrapper { .accordion{ padding: 0px !important; margin: 0px !important; text-align: left !important; li{ list-style-type: none !important; margin-bottom: 18px; padding-left: 0px !important; background-image: none !important; display: block !important; position: relative !important; .accordion-control{ display: block; position: relative; font-size: 18px; width: 100%; color: #fff; text-align: left; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 12px 30px; transition: all 0.2s ease-in-out 0s !important; margin-bottom: 0; color: #505d19; text-transform: uppercase; transition: all .2s ease-in-out; &:focus { outline:0; } &::after { position: absolute; top: 50%; right: 15px; line-height: 0; transform: translateY(-50%); } &::after { content: url('../images/positive-img.png'); } &.active { &::after { content: url('../images/minus-img.png'); } } } .accordion-panel{ display: none; background-color: #fff; padding: 15px 30px; p, a { line-height: 1.5em; color: #5a5a5a; font-size: 16px; font-weight: 200; } } } } } } /* Page Styles /* ---------------------------------- */ body.page { .section-1 { .title { height: 300px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-end; align-content: stretch; h1 { font-size: 40px; margin-bottom: 14px; color: #7b9024; } p { font-size: 20px; } } #breacrumb { background-color: #000; padding: 7px 0; p { color: #fff; a { transition: all .2s ease-in-out; color: #fff; } span.breadcrumb_last { color: #7b9024; } } } } .the-content { padding: 60px 0px; } } /* Template With Sidebar /* ---------------------------------- */ body.page-template-template-contact { #before-footer { display: none !important; } #long-footer { border-top: 1px solid #ddd; } } body.page-template-template-sidebar { .the-content { .col-ym-8 { } .col-ym-4 { padding-left: 60px; float:right; } } } /* Template With Sidebar /* ---------------------------------- */ body.blog { header { position: relative; } .meta { padding: 25px 0; .title { h1 { font-size: 40px; font-weight: 800; color: #4a4a4a; text-transform: uppercase; margin: 0; } } .breadcrumb { text-align: right; p { font-size: 13px; color: #fff; a { font-size: 13px; color: #4a4a4a; } span.breadcrumb_last { color: @main_color; } } } } .articles { background: #f3f3f3; padding: 55px 0; .single-article { .box { background: #fff; .featured-image { img { vertical-align: top; width: 100%; height: auto } } .article-content { padding: 20px 25px 0; h4 { font-size: 20px; color: #404f5f; margin: 0; padding: 0 0 0px; } p.excerpt { font-size: 14px; color: #696969; margin: 0; padding: 15px 0 20px; } p.date { font-size: 15px; font-weight: 400; color: #fff; background: #1c2732; display: inline-block; padding: 5px 15px; margin: 0; } } } } } } /* Single Post /* ---------------------------------- */ body.single-post { header { position: relative; background: @main_color; } .meta { padding: 25px 0; .title { h3 { font-size: 40px; font-weight: 800; color: #4a4a4a; text-transform: uppercase; margin: 0; } } .breadcrumb { text-align: right; p { font-size: 13px; color: #4a4a4a; a { font-size: 13px; color: #4a4a4a; } span.breadcrumb_last { color: @main_color; } } } } .article { background: #f3f3f3; padding: 55px 0; .article-box { background: #fff; .the-thumbnail { img { vertical-align: top; width: 100%; height: auto; } } .the-title { background: @main_color; padding: 25px; h1 { font-size: 30px; color: #fff; text-transform: uppercase; margin: 0; } .col-ym-2 { text-align: right; } p { font-size: 13px; font-weight: 700; color: @main_color; background: #f3f3f3; display: inline-block; padding: 5px 15px; margin: 7px 0 0; } } .the-content { padding: 25px; h2, h3, h4, h5 { font-weight: 700; color: @main_color; } p { font-size: 15px; font-weight: 300; color: #626262; line-height: 21px; margin: 0 0 17px; strong { font-weight: 700; } } p:last-child { margin: 0; } li { font-size: 15px; font-weight: 300; color: #626262; line-height: 24px; strong { font-weight: 700; } } } } } .latest-blog { padding: 55px 0; .section-title { h3 { font-size: 40px; font-weight: 800; color: #4a4a4a; text-transform: uppercase; margin-top: 0; } } .single-article { .box { background: #fff; .featured-image { img { vertical-align: top; width: 100%; height: auto; } } .article-content { padding: 20px 25px 0; h4 { font-size: 20px; color: #404f5f; margin: 0; padding: 0 0 0px; } p.excerpt { font-size: 14px; color: #696969; margin: 0; padding: 15px 0 20px; } p.date { font-size: 15px; font-weight: 400; color: #fff; background: #1c2732; display: inline-block; padding: 5px 15px; margin: 0; } } } } } } /* Error 404 /* ---------------------------------- */ body.error404 { .section-1 { padding: 50px 30px 100px; h1 { font-size: 150px; font-weight: 600; color: #404041; text-align: center; margin: 0; } p { text-align: center; a { color: #fff; padding: 10px 20px; margin: 25px 0 0; border-radius: 4px; display: inline-block; background: #000 none repeat scroll 0% 0%; border: 1px solid #000; transition: all 0.2s ease-in-out 0s; } a:hover { color: #000; background: #FFF none repeat scroll 0% 0%; } } } } /* Web Page Styles */ /* ----------------------------------------------------------------- */ /* Home Banner Styles */ /* Sidebar Styles */ .col-ym-3{ .sidebar-1, .sidebar-2, .sidebar-3{ } } /* ----------------------------------------------------------------- */ /* Import Responsive Stylesheet */ @import "responsive.less"; /* End Import Responsive Stylesheet */ /* ----------------------------------------------------------------- */ /* Forms --------------------------------------------- */ .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors { display: none !important; } .contact-form { max-width: 625px; margin: 0 auto; .input-cf { margin-bottom: 10px; &.left, &.right { width: 50%; float: left; } &.left { padding-right: 5px; } &.right { padding-left: 5px; } &:nth-last-child(2) { line-height: 0; } &:last-child { margin-bottom: 0; text-align: right; input[type="submit"] { padding: 10px 30px; font-size: 16px; width: 100%; max-width: 147px; &:hover { background-color: transparent; color: #7b9024; } } } } span.ajax-loader { position: absolute; } span.wpcf7-not-valid-tip { font-size: 12px; position: absolute; right: 15px; top: 0; } input.wpcf7-form-control { position: relative; } input, select, textarea { background-color: #fff; border: 1px solid #ddd; color: #a2a2a2; font-size: 16px; font-weight: 400; padding: 10px; width: 100%; resize: none; font-family: @font_family; } input:focus, textarea:focus { border: 1px solid #999; outline: none; } input[type="checkbox"], input[type="image"], input[type="radio"] { width: auto; } ::-moz-placeholder { color: #a2a2a2; opacity: 1; } ::-webkit-input-placeholder { color: #a2a2a2; } } .input-cf input[type="submit"], .btn-wrap .button { background-color: #7b9024; border: 2px solid #7b9024; color: #fff; cursor: pointer; font-size: 16px; font-weight: 600; padding: 15px 30px; text-decoration: none; white-space: normal; width: 100%; transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; border-radius: 4px; text-transform: uppercase; max-width: 290px; text-align: center; font-family: ProximaNova-Bold; } .btn-wrap { text-align: center; .button { display: inline-block; &:hover, &:focus { background-color: transparent; color: #7b9024; } &:focus { outline: none; } &:empty { display: none; } } } /* WordPress --------------------------------------------- */ .aligncenter { text-align: center; } a.aligncenter img { display: block; margin: 0 auto; } a.alignnone { display: inline-block; } .alignleft { float: left; text-align: left; } .alignright { float: right; text-align: right; } a.alignleft, a.alignnone, a.alignright { max-width: 100%; } img.centered, .aligncenter { display: block; margin: 0 auto 30px; } img.alignnone, .alignnone { margin-bottom: 15px; } a.alignleft, img.alignleft, .wp-caption.alignleft { margin: 0 20px 20px 0; } a.alignright, img.alignright, .wp-caption.alignright { margin: 0 0 20px 20px; } .gallery-caption, .wp-caption-text { font-size: 14px; font-weight: 600; margin: 0; text-align: center; } .entry-content p.wp-caption-text { margin-bottom: 0; } .entry-content .wp-audio-shortcode, .entry-content .wp-playlist, .entry-content .wp-video { margin: 0 0 30px; } // Transition .input-cf input[type="submit"], .btn-wrap .button { transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; } .blog { .single-article { margin-bottom: 20px; } } @btnbg: #7b9024; @btncolor: #fff; @hbtnbg: transparent; @hbtncolor: #7b9024; .numeric_button { text-align: center; .page-numbers { border: 1px solid #7b9024; padding: 5px 10px; background-color: @btnbg; color: @btncolor; cursor: pointer; .transition(all .2s ease-in-out); &:hover {background-color: @hbtnbg; color: @hbtncolor; } &.current {background-color: @hbtnbg; color: @hbtncolor; } } } body { .gform_wrapper { ul { li { &:last-child { line-height: 0; } input { &:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { padding: 10px !important; } } &.hidden_label { input { margin-top: 0 !important; outline: 0; border: 1px solid #fff; } } &.gfield { padding-right: 0 !important; margin-bottom: 10px; margin-top: 0; textarea { border: 1px solid #fff; padding: 10px !important; } } .ginput_container { margin-top: 0 !important; } } } .gform_page_footer, .gform_footer { margin: 0 !important; padding: 0 !important; text-align: right; input.button, input[type=submit] { padding: 10px 30px; font-size: 16px; width: 100%; max-width: 100%; border-style: solid; background-color: #7b9024; border: 2px solid #7b9024; color: #fff; cursor: pointer; font-weight: 600; text-decoration: none; white-space: normal; transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; border-radius: 4px; text-transform: uppercase; text-align: center; font-family: ProximaNova-Bold; margin: 0 !important; &:hover { opacity: .8; } } } } } body { .contactForm { .gform_wrapper { ul { li { input, textarea { border-color: #ddd; } } } } } .gform_wrapper .top_label .gfield_error { width: calc(100% - 0px); } img.gform_ajax_spinner { position: absolute !important; } .gform_wrapper { &.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) { max-width: calc(100% - 0px)!important; } div.validation_error { display: none; } li.gfield.gfield_error.gfield_contains_required div.gfield_description { display: none; } li.gfield.gfield_error, li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { padding: 0 !important; margin-bottom: 10px !important; border: 0; } .gfield_error input[type=email], .gfield_error input[type=number], .gfield_error input[type=password], .gfield_error input[type=tel], .gfield_error input[type=text], .gfield_error input[type=url], .gfield_error select, .gfield_error textarea, li.gfield_error.field_sublabel_above .ginput_complex input[type=text] { margin-bottom: 0 !important; background-color: #C89797; } } } div#gform_confirmation_message_1 { font-family: 'ProximaNova-Regular'; }