/* Theme Name: Author: Author URI: Version: 1.0 Tags: responsive, bootstrap */ @import 'https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i'; /*************************** Custom Fonts & Colors ********************************/ /* = DEFAULT STYLES = */ html, body {font-size:14px; font-family: 'Open Sans', sans-serif;font-weight:100;letter-spacing: .03em;} /* = DEFAULT - LINKS = */ a {color:#6e9d4f;} a:hover, a:focus, a:active {color:#ccc;} /* = DEFAULT - HEADINGS = */ h1 {font-size:30px;color:#6e9d4f;border-bottom:1px solid #ffffff; font-weight:300;letter-spacing: .03em;padding-bottom:6px;} h2 {font-size:24px;color:#6e9d4f;border-bottom:1px solid #000000;} h3 {font-size:20px;color:#6e9d4f;} /* Buttons */ .btn {background:#6e9d4f;color:#fff;} .btn:hover, .btn:focus {background:#222;color:#fff;} /* = CALL TO ACTION = */ .c2a {font-weight:bold;color:#fff;} .tagline {font-size:15px;letter-spacing: .08em; font-weight: bold;} .tel a {font-size:20px;color:#fff;font-weight: bold;color:#6e9d4f;} .tel a:hover, .tel a:focus {color:#6e9d4f;} address {font-size:15px;letter-spacing: .08em; font-weight: bold;} .email a {font-size:15px;color:#fff;font-weight: bold;letter-spacing: .08em;} .email a:hover, .email a:focus {color:#6e9d4f;} /* = SOCIAL MEDIA LINKS = */ .social a {color:#6e9d4f;} .social a:hover, .social a:focus {color:#000000;} .social .book-now{color:#ffffff;font-weight: 300;letter-spacing: .08em;font-size: 15px;} .social .book-now:hover{background:#000000;color:#ffffff;} .mysask {display: inline-block; width:33px;} /* = NAVIGATION = */ nav {background:rgba(0,0,0,.4);} .navbar-default .navbar-nav > li > a {font-size:18px; padding:15px 30px;color:#fff;font-weight: bold;text-transform:uppercase;letter-spacing: .08em;} .navbar-default .navbar-nav > li > a:hover {background:transparent;color:#6e9d4f;} .nav li.active a {background:transparent;color:#fff;} .dropdown-menu>.active>a{background:transparent;} .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{color:#000;background:transparent;background-color:rgba(255,255,255,.5)!important;} .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color:#000;} .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background:transparent;color:#6e9d4f;} .navbar-default .navbar-nav>li>a:focus {background:transparent;color:#6e9d4f;} .navbar-toggle {background:#6e9d4f;} .navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {background:#000;color:#fff;} .navbar-default .navbar-toggle .icon-bar {background:#fff;} /* = MAIN = */ main {color: #fff;font-size: 16px;font-weight:200;} #logos{background:rgba(255,255,255,.8);} .logos img {margin-top: 20px;} /* Main Feature */ .main-feature {background:rgba(0,0,0,.7);} /* Brand slider */ #brands {padding: 50px 25px 30px;background: rgba(255, 255, 255, 0.8);} .brand {margin: 15px;} .brand img {border-radius: 10px;} #brand-slider .slick-dots li.slick-active button:before {color: #2D328E;} /* Services */ #accordion .panel {border:1px solid #fff;} #accordion .panel-title a { color:#6e9d4f; background:#5f5f5b;font-weight:normal;line-height: 21px;font-size:18px;} #accordion .panel-title a .fa {color:#fff;} #accordion .panel-title a.collapsed { background:#5f5f5b;} #accordion .panel-body { color: #fff; font-size: 14px;background:#5f5f5b;} /* Gallery Page */ .pbThumbs li.active a img {border-color:#6e9d4f !important;} /* Contact Page */ .contact-info-page .phone {font-family:'Times New Roman', Times, serif;} /* CONTACT FORM */ #contactform label {color: #333;} #contactform .alert-danger {color:#a94442;} /* = CONTACT INFO = */ #contact-info {background:rgba(0,0,0,.4);} #contact-info.social-icons a {font-size:40px;} #contact-info h3 {font-size:22px;font-weight:300;color:#6e9d4f;letter-spacing: .01em;} .contact-info {font-size:14px;font-weight: 200;color:#fff;letter-spacing: .08em;} #contact-info a {font-weight:300;color:#fff;} #contact-info a:hover, #contact-info a:focus, #contact-info a:active {color:#6e9d4f;} #contact-info .bottom-phone{font-family: serif;} #contact-info .social a{color:#6e9d4f;} #contact-info .social a:hover{color:#000000;} /* = FOOTER = */ #primary-footer {background:rgba(0,0,0,.6);} .sitemap ul li a{font-size:14px;font-weight:200;color:#6e9d4f;} .sitemap ul li a:hover, .sitemap ul li a:focus, .sitemap ul li a:active{color:#fff;} .copyright a{font-size:12px;font-weight:normal;color:#fff;} .copyright a:hover, .copyright a:focus, .copyright a:active{color:#6e9d4f;} /* = BACK TO TOP LINK = */ .back-to-top {color:#FFFFFF;background-color:#5f5f5b;} .back-to-top:hover, .back-to-top:active,.back-to-top:focus {color:#FFFFFF; background-color:#6e9d4f;} /* = SITEMAP PAGE = */ ul.sitemap-page li a { font-weight: bold;text-shadow: 1px 1px 1px rgba(0,0,0,0.8); font-size: 28px; line-height: 55px;} ul.sitemap-page li a:hover {color: #6e9d4f;} /* = LIST STYLE IP = */ ul.list-items li {color: #000; font-weight:bold;} ul.list-items li a {color: #000; font-weight: bold;} ul.list-items li a:hover {color: #000;} /* Gravity Forms Styles */ #gform_1 input, #gform_1 textarea{font-size: 14px;color: #555; background-color: #fff;border: 1px solid #ccc;} #gform_1 input#gform_submit_button_1{ background: #6e9d4f; color: #5f5f5b;font-size: 14px;font-weight: 400;border: 1px solid transparent;} #gform_1 input#gform_submit_button_1:hover{ background: #5f5f5b; color: #fff; } /* Gravity Forms Styles */ #gform_2 input, #gform_2 textarea{font-size: 14px;color: #555; background-color: #fff;border: 1px solid #ccc;} #gform_2 input#gform_submit_button_2{ background: #6e9d4f; color: #fff; font-size: 1.4em; width: 100%;font-weight: 400;border: 1px solid transparent;} #gform_2 input#gform_submit_button_2:hover{ background: #5f5f5b; color: #fff; } /* -- GOOGLE MAP -- */ .googlemap-container { position: relative; padding-top: 147.8%; max-width: none; margin: 0 auto; } .googlemap-container iframe, .googlemap-container object, .googlemap-container embed { position: absolute; top: 0; left: 0 ; width: 100%; height: 100%; border: 1px solid #e5e5e5;} .pro-item {display: flex; position: relative;} .par { top:0; bottom: 0; margin-top:auto; margin-bottom: auto;} /************************* DO NOT ADJUST BELOW STYLES *****************************/ /* = DEFAULT STYLES = */ html, body {margin:0;font-weight:100;letter-spacing: .03em;} /* = DEFAULT - LINKS = */ a {text-decoration:none;font-weight:bold;color:#6e9d4f;} a:hover, a:focus, a:active {text-decoration:underline;color:#ccc;} /* = DEFAULT - TEXT ITEMS = */ p {margin:20px 0;line-height:1.75em;} /* = DEFAULT - HEADINGS = */ h1 {margin:0;} h2 {margin:0;} h3 {margin:0;} h4 {} h5 {} /* = DEFAULT - Custom Bootstrap = */ .container {width:auto !important;max-width:1200px;margin:0 auto;} /* Buttons */ .menu-button {text-align:center;margin:20px auto;} /* = HEADER = */ #primary-header {padding:15px 0;background:rgba(0,0,0,.4);} .primary-header-inner {} /* HEADER - LOGO */ .logo img{margin-top: 50px;} .logo img:hover {opacity:.8;} /* = CALL TO ACTION = */ .c2a {text-align:right;text-transform: uppercase;} .tagline {display:block;} .tel {display:block;} .tel a:hover, .tel a:focus {text-decoration:none;} address {display:block;margin-bottom:0px;} .email {display:block;margin-bottom: 8px;} .email a:hover, .email a:focus {text-decoration:none;} /* = SOCIAL MEDIA LINKS = */ .social {} .social a:hover, .social a:focus {text-decoration:none;} /* = NAVIGATION = */ .navbar-default {border-radius:0px;border:0;background:transparent;text-align:center;} .navbar-default .navbar-nav > li:last-child > a {} .dropdown-menu {margin-top:-2px;background:#6e9d4f;box-shadow:none;border:none;border-radius:0px;padding:0px;} .dropdown:hover .dropdown-menu {display: block;} .dropdown-menu>li>a{color:#fff;} .navbar-default .navbar-toggle .icon-bar {width:auto;} /* Centering Nav */ .navbar .navbar-nav {display: inline-block;float: none;margin-bottom:-5px;} .navbar .navbar-collapse {text-align: center;} /* = BANNER = */ #banner {} .banner-inner {visibility:hidden;margin-bottom: -200px;} .banner-inner img{width:100%;} .carousel-inner {border:none;box-shadow:none;} .carousel.fade {opacity: 1;} .carousel.fade .item {-moz-transition: opacity ease-in-out .7s;-o-transition: opacity ease-in-out .7s;-webkit-transition: opacity ease-in-out .7s;transition: opacity ease-in-out .7s;left: 0 !important;opacity: 0;top:0;position:absolute;width: 100%;display:block !important;z-index:1;} .carousel.fade .item:first-child {top:auto;position:relative;} .carousel.fade .item.active {opacity: 1;-moz-transition: opacity ease-in-out .7s;-o-transition: opacity ease-in-out .7s;-webkit-transition: opacity ease-in-out .7s;transition: opacity ease-in-out .7s;z-index:2;} /* = MAIN = */ main {text-align:left;margin-bottom: 50px;} .main-inner {} .main-inner-interior {margin-top:50px;} /* Main Feature */ .main-feature {padding:20px;} /* = SECTION = */ section {} /* = FLOATED IMAGES = */ img.pull-left {margin:20px 20px 20px 0px;} img.pull-right {margin:20px 0px 20px 20px;} /* = ASIDE = */ aside {text-align:left;} /* Services */ a:hover, a:focus { outline: none; text-decoration:none; } #accordion .panel { border-radius:0; margin-bottom:15px;border-radius:5px;} #accordian .panel-default {} #accordion .panel-heading { padding:0; } #accordion .panel-title { position: relative; } #accordion .panel-title a { display: block;text-transform: uppercase;padding: 13px 15px 13px 15px;border-radius:5px 5px 0px 0px;} #accordion .panel-title a.collapsed {border-radius:5px;} #accordion .panel-body { line-height: 26px;font-weight: bold;border-radius:0px 0px 5px 5px;} .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {border:0;} /* Gallery Page */ .gallery img {margin:20px auto;} /* Contact Page */ form {margin-top:10px;} .contact-info-page {margin-top:20px;} /* CONTACT FORM */ #contactform label {cursor:pointer;} #contactform button {width:100%;border-radius:3px;} #contactform .alert {padding: 7px 25px 0px;width:100%;} #contactform input.alert {padding:0;} /* = CONTACT INFO = */ #contact-info {text-align:center;} .contact-info-inner {} .contact-info-container{padding-top:0px;padding-bottom:20px;font-weight:200;} #contact-info .social {padding-top:20px;padding-bottom:40px;} #contact-info.social-icons a {margin-right:5px;} #contact-info h3 {margin-top:15px;margin-bottom:15px;text-transform: uppercase;} .contact-info {display:block;} #contact-info a:hover, #contact-info a:focus, #contact-info a:active {text-decoration:none;} /* = FOOTER = */ #primary-footer {text-align:center;} .primary-footer-inner {padding: 10px 15px;} .sitemap ul {list-style:none;} .sitemap ul li a{text-transform: uppercase;padding:0 5px;} .sitemap ul li a:hover, .sitemap ul li a:focus, .sitemap ul li a:active{text-decoration:none;} .copyright a:hover, .copyright a:focus, .copyright a:active{text-decoration:none;} /* = BACK TO TOP LINK = */ #top-link-block.affix-top {position: absolute; /* allows it to "slide" up into view */bottom: -82px; /* negative of the offset - height of link element */left: 10px; /* padding from the left side of the window */} #top-link-block.affix {position: fixed; /* keeps it on the bottom once in view */bottom: 18px; /* height of link element */left: 10px; /* padding from the left side of the window */} /* = SITEMAP PAGE = */ ul.sitemap-page {margin: 20px auto; display:block; max-width: 500px; float: none;} ul.sitemap-page li { list-style: none;} ul.sitemap-page li a {text-decoration: none;/* CSS3 Transition Effect */-webkit-transition: all 0.12s ease-out;-moz-transition: all 0.12s ease-out;-o-transition: all 0.12s ease-out; text-align: center;display: block;} ul.sitemap-page li a:hover {text-transform: uppercase; text-decoration: none; /* CSS3 Transform Effect */-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);} /* = LIST STYLE IP = */ ul.list-items {margin: 10px 0 10px 60px;} ul.list-items li a:hover {text-decoration: none;} /* Gravity Forms Styles */ .gform_wrapper ul.gform_fields li.gfield{ padding-right: 0px!important; } #gform_1 label{ display:none; } #gform_1 input, #gform_1 textarea{ display: block; width: 100%; height: 34px; padding: 6px 12px;line-height: 1.42857143; background-image: none;border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;} #gform_1 textarea{ height: 55px; } #gform_1 input#gform_submit_button_1{display: inline-block; padding: 6px 12px; margin-bottom: 0; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } #hours {color:#fff;} #hours h4 {margin: 27px auto -15px auto;} .products img {margin-top:0 !important;} .products .clearfix {height: 50px !important; display: block; clear:both;} /* = MEDIA QUERIES= */ @media screen and ( max-width: 1366px ) {} @media screen and ( max-width: 1024px ) {.banner-inner {visibility: visible;margin-bottom: 0;}html, body {background: rgba(60,61,56,1);}.backstretch {display:none;}.social a .fa-inverse{color: rgba(60,61,56,1);}} @media screen and ( max-width: 991px ) {.navbar-default .navbar-nav > li > a { padding:15px 15px;} .products img {margin:15px auto !important; display: block !important; float: none !important;} .products p {text-align: center;} .pro-item{display:block; text-align: center;margin-bottom:30px; margin-top:30px;}} @media screen and ( max-width: 768px ) {} @media screen and ( max-width: 767px ) {.navbar .navbar-nav {display:block;margin-bottom:0px;}.logo img{margin:0 auto;}img.pull-left {float:none !important;margin:0 auto;} img.pull-right {float:none !important;margin:0 auto;}.c2a {text-align:center;} .navbar-default {padding-bottom:10px;} .contact-info {display:block;} .contact-info-container {padding-bottom:0px;} .c2a {padding-top:35px;}.map {margin:20px auto;}.list-inline>li {display:block;padding:10px;} .dropdown-menu{float: none; position: static; display: block; text-align: center;}} @media screen and ( max-width: 741px ) {} @media screen and ( max-width: 650px ) {.collapse-btn h5 {font-size:24px;width:50%; padding:10px;}} @media screen and ( max-width: 414px ) {.collapse-btn h5 {font-size:22px;width:60%; padding:10px;}.social .book-now {display:block;margin-bottom:5px;}} @media screen and ( max-width: 320px ) {}