/*
Theme Name: Oak
*/

/*
Theme Name:artistic-kitchen
Version: 1.0
Tags: responsive, bootstrap
*/
@import url('https://fonts.googleapis.com/css?family=Raleway:400,700,900');
/* = DEFAULT STYLES = */
html, body {margin:0;font-size:14px;font-family: 'Raleway', sans-serif;}
body {background: url("images/bg-kitchen.jpg") no-repeat center fixed;background-size: cover;}

/* = DEFAULT - LINKS = */
a {text-decoration:none;font-weight:bold;color: #282828;}
a:hover, a:focus {text-decoration:none;}

/* = DEFAULT - TEXT ITEMS = */
p {margin:20px 0;line-height:1.75em;}

/* = DEFAULT - HEADINGS = */
h1 {font-size:36px;margin:0;font-weight: bold;color: #282828;border-bottom: 1px solid #282828;}
h2 {font-size:22px;margin:0 0 20px 0;border-bottom: 1px solid #282828;padding-bottom:5px;}
h3 {font-size:20px;margin:0;}
h4 {text-align:center;font-size:26px;font-weight: bold;padding:25px;}
h5 {}
/* = DEFAULT - Custom Bootstrap = */
.container {max-width:1000px;margin:0 auto;}

/* Buttons */
.btn {background:#282828;color:#fff;}
.btn:hover, .btn:focus {background:#262626;color:#fff;}

/* = HEADER = */
#top-wrapper {}
#call-to-action {background: #282828;font-weight: bold;padding-top: 5px; padding-bottom: 5px;}
header {padding-bottom: 29px;background: rgba(256, 256, 256, .7); position: relative; z-index: 9999; border-bottom: none;}
header.sticky {position:fixed;width:100%;height:auto;background:#fff;z-index:9999;top:0;}
header.sticky .logo img {}

.header-inner {}
/* HEADER - LOGO */
.logo {}
.logo img {}
.logo img:hover, .logo img:focus {opacity:.8;}

/* = CALL TO ACTION = */
.c2a {text-align:left;position: relative; font-weight: 100;}
.tel {display:inline-block;color: #fff;margin: 0 10px;}
.tel a {color: #fff; font-weight: 100;}
.tel a:hover, .tel a:focus {border-bottom: 1px solid #fff;}
address {display:inline-block;margin: 0 10px;color: #fff;}
address i {color: #fff;}
.email {display:inline-block;margin: 0 10px;color: #fff;}
.email a {color: #fff; font-weight: 100;}
.email a:hover, .email a:focus {border-bottom: 1px solid #fff;}
.license-number{color:#fff;}

/* = SOCIAL MEDIA LINKS = */
.social {position: absolute;right: 30px;top: -8px;z-index: 111}
.social a {font-size: 24px;color: #fff;margin: 0 2px;transition: all 0.3s ease-out;}
.social a:hover, .social a:focus {opacity: .7;transition: all 0.3s ease-out;}

/* = NAVIGATION = */
.navbar-default {border-radius:0px;border:0;background:transparent;text-align:center;margin-bottom: 0;margin-top: 13px;min-height: 0;}
.navbar-default .navbar-nav > li > a {font-size: 16px;color: #282828;padding: 5px;margin: 0 15px;border-bottom: 1px solid #aaa;transition: all 0.3s ease-out;     font-weight: 100;}
.navbar-default .navbar-nav > li:last-child > a {}
.navbar-default .navbar-nav > li > a:hover {color: #282828;background: none;border-bottom: 1px solid #282828;transition: all 0.3s ease-out;}
.nav li.active a {color: #282828 !important;background: none !important;border-bottom: 1px solid #282828;transition: all 0.3s ease-out;}
.dropdown-menu {margin-top:-2px;background:transparent;box-shadow:none;border:none;border-radius:0px;padding:0px;}
.dropdown:hover .dropdown-menu {display: block; background: rgba(256, 256, 256, .7); }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {}
.navbar-default .dropdown-menu > li > a {padding: 10px 5px;}
.navbar-default .dropdown-menu > li > a:hover {background: #000; color: #fff;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #282828 !important;background: none !important;border-bottom: 1px solid #282828;transition: all 0.3s ease-out;}
.navbar-default .navbar-nav>li>a:focus {color: #282828 !important;background: none !important;border-bottom: 1px solid #282828;transition: all 0.3s ease-out;}
.navbar-toggle {background: #282828;}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {background: #fff;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-default .navbar-toggle:hover .icon-bar {background-color: #000;}
/* Centering Nav */
.navbar .navbar-nav {display: inline-block;float: right;margin-bottom:-5px;}
.navbar .navbar-collapse {text-align: center;}

/* = BANNER = */
#banner {margin-top:-104px; }
.banner-inner {}
.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;}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {width: 100%;}

/* = FEATURE = */
#feature {text-align: center;padding: 40px 1px 0 1px;background: #fff;}
.feature-inner {}
#feature h2 {text-align: left; font-style: italic;}
.feature-box {padding: 2px 1px;}
.feature-box .feature-img-box {position: relative;overflow: hidden;}
.feature-box img {width: 100%;transition: all 0.3s ease-out;}
.feature-box:hover img {-ms-transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);transition: all 0.3s ease-out;}

/* = MAIN = */
main {text-align:left;color: #000;font-size: 14px;padding-top: 40px;padding-bottom: 40px;background: #fff;}
.main-inner {}
.home-img {max-width: 100%;margin: 30px auto;display: block; border: 4px double #000;}

/* = SECTION = */
section {}

/* = FLOATED IMAGES = */
img.pull-left {margin:20px 20px 20px 0px;}
img.pull-right {margin:20px 0px 20px 20px;}

/* = CONTACT INFO = */
#contact-info {color: #fff;padding-top: 30px;padding-bottom: 30px;background: rgba(38,38,38,.66);}
.contact-info-inner {}
.contact-info-inner h3 {font-size: 22px;color: #fff;margin-bottom: 30px;}
.contact-info-inner h3.conversation {text-transform: none;}
.contact-info-inner i {color: #fff;}
.contact-name {margin-bottom: 30px;font-size: 18px;}
.contact-info {display:block;}
#contact-info a {color: #fff; font-weight: normal;}
#contact-info a:hover, #contact-info a:focus {color: #fff;border-bottom: 1px solid #fff;}

/* = FOOTER = */
#primary-footer {text-align:center;padding-top: 15px;padding-bottom: 15px;background: #282828;}

.primary-footer-inner {}
.sitemap .list-inline{margin-bottom:15px;}
.sitemap a {font-size: 16px;color: #fff;padding: 5px;margin: 10px 15px;}
.sitemap a:hover, .sitemap a:focus {color: #fff;border-bottom: 1px solid #fff;}
.copyright a {font-size: 12px;color: #fff;}
.copyright a:hover, .copyright a:focus {color: #fff;border-bottom: 1px solid #fff;}
/* = FOOTER - LINKS = */
footer a {}
footer a:hover, footer a:focus {}

/* = 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 */}
.back-to-top {color: #000;}
.back-to-top:hover, .back-to-top:focus {color: #fff;background: #000;}

/* = 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 { font-weight: bold; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.8); color: #ccc;  /* 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; font-size: 36px; line-height: 55px; display: block;}
ul.sitemap-page li a:hover {color: #000;text-transform: uppercase; text-decoration: none; /* CSS3 Transform Effect */-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2); text-shadow: 0px 3px 0px #ccc,0px 14px 10px rgba(0,0,0,0.15),0px 24px 2px rgba(0,0,0,0.1),0px 34px 30px rgba(0,0,0,0.1);}

/* = LIST STYLE IP = */
ul.list-items {margin: 10px 0 10px 60px;}
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; text-decoration: none;}

/* Blog Styles */
.main-inner-blog {}
.main-inner-blog article {padding:20px 0;margin-bottom:20px;}
.main-inner-blog article h2 {}
.date {display:block;}
.blog-intro {padding-top:20px;padding-bottom:20px;margin-bottom:20px;}
/* Blog Sidebar */
.blog-sidebar {}
.blog-sidebar h3 {background:#000;color:#fff;padding:10px 10px;}
.blog-sidebar ul {list-style:none;padding:0;}
.blog-sidebar li {margin:3px 0;}
.blog-sidebar li a:before {content:"►";color:#999;margin-right:5px;}
.blog-sidebar li a {padding:5px 10px;background:#000;color:#fff;display:block;}
.blog-sidebar li a:hover, .blog-sidebar li a:focus {background:#999;color:#fff;text-decoration:none;}
.blog-sidebar li a:hover:before, .blog-sidebar li a:focus:before {color:#000;}
.entry-summary {}
/* Blog Single Post */
.blog-post {}
.blog-post h1 {font-size:24px;}

/* Gallery Page */
#envirabox-overlay {background:rgba(0,0,0,.6) !important;}
#envirabox-content {border:15px solid #000 !important;}
#envirabox-outer {background:#000 !important;}
#envirabox-title-float-main {font-size:16px !important;}
.envira-gallery-link:hover, .envira-gallery-link:focus {opacity:.7;}

/* Main Interior Pages - Contact Page */
main.contact-page {}
.divider-list-item ul {padding:0 !important;}
main.contact-page .contact-info {font-size:20px;}
main.contact-page .contact-info p {margin:10px auto;}
main.contact-page .contact-info a {}
main.contact-page .contact-info a:hover, main.contact-page .contact-info a:focus {text-decoration: none;color:#eee;}
main.contact-page .map iframe{width:100%;margin:15px auto;height:270px;}
main.contact-page .map p {margin:0;}
.contactform {color:#fff;}
#contact-info .button {border-radius:0;background:#262626;color:#fff;width:100% !important;display:block;padding:8px 0px;border:0;text-transform: uppercase;transition: all 0.3s ease-out;font-weight: bold;}
#contact-info .button:hover, #contactform .button:focus {background:#282828;color:#fff;transition: all 0.3s ease-out;}
#contact-info textarea.form-control {height: 108px;margin-bottom: 40px;}
#contact-info label {color: #fff;}
.form-control {border-radius: 0;}
.contactform label {display:none !important;}
.contactform input::-moz-placeholder {}
.contactform input::-o-placeholder {}
.contactform input::-webkit-placeholder {}
.contactform input {width:100% !important;}
.contactform .textarea {width:100% !important;}
body .gform_wrapper ul li.gfield {margin-top:0 !important;margin-bottom:10px;}
.gform_wrapper textarea.medium {height:150px !important;}
.gform_wrapper ul.gform_fields li.gfield {padding-right:0 !important;}
.gform_wrapper .gform_footer {margin:0 auto !important;padding:0 !important;}
.gform_wrapper .top_label .gfield_label{display:none !important;}
.gform_wrapper textarea.large{height:200px !important;}
.gform_button{background: #333;width: 100% !important;color: #fff;padding: 10px 15px;border-radius: 10px;border: 2px solid #aaa;}
.gform_button:hover, .gform_button:active, .gform_button:focus{background: #aaa;color: #333;border: 2px solid #333;}
.gform_wrapper, .map p, body .gform_wrapper .top_label div.ginput_container, .contact-page-info p{margin-top:0 !important;}
.contact-page-info h3{text-align: center;    border-bottom: 1px solid;padding-bottom:5px;margin:15px 0;}
.contact-page-info .fa{font-size:30px;padding:0 10px;}
#page-banner img{width:100%;}


.contact-btn{display: block;background: #333;width: fit-content;color: #fff;padding: 10px 15px;border-radius: 10px;border: 2px solid #aaa;margin: 0 auto;}
.contact-btn:hover, .contact-btn:active, .contact-btn:focus{background: #aaa;color: #333;border: 2px solid #333;}


/* Custom Styles */
.logo img {max-height: 60px;}
.c2a a {color: #fff; font-weight: 100;}
.c2a a:hover,.c2a a:focus {color: #fff; text-decoration: underline;}
.tel {font-size: 14px;}
.feature-box {border: none; background: #fff;}
.feature-box:hover { transform: none; -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none;}
#contact-info {box-shadow: 0 0 0 1000px rgba(0,0,0,.5) inset; background-image: url(/wp-content/uploads/2018/04/residential-electrician-fuse-box.jpg); background-attachment: fixed; background-repeat: none; background-size: cover;}

#testimonials {font-size: 14px;}
#testimonials h2 {margin: 0;}
.testimonial-content {min-height: 1px;}
.testimonial-author {text-align: center; padding-bottom: 15px;}
#testimonials .carousel-indicators {position: relative; bottom: 0;}
.location-container {text-align: center; background: none; color: #333; font-weight: normal; margin-top: 0;}
.location-container img {max-width: 120px; margin: 0 auto; border: none;}
span.company-heading {border-bottom: 1px solid #1e266b; color: #333;}
.location-container h3 {border-bottom: 1px solid #1e266b; color: #333; font-weight: normal;}
span.company-address a {color: #333; font-size: 14px; font-weight: normal; padding: 10px 0;}
.location-container address {color: #333;}
.location-container, .contactform-bg, .jumbotron-sm {background: none;}
.contactform-bg {padding: 0;}
.googlemap-container {margin: 10px auto;}

/* = TESTIMONIALS = */
.page-template-page-about main{padding-bottom:5px;}
#testimonial-wrapper {background:rgba(176, 152, 99,0.7);padding:15px 0 30px;color:#fff;box-shadow: 0 0 50px 0 #262626 inset;}
#testimonial-wrapper p {font-style:italic;text-align:justify;}
#testimonial-wrapper .sig {text-align: right;font-weight:600;}
#testimonial-wrapper hr.test-seperator {width:10%;color:#b09863;border-top: 1px solid #755B23;}
#testimonial-wrapper .single-testimonial {padding: 10px;}

/* = MEDIA QUERIES= */ 
@media screen and ( max-width: 1366px ) {}
@media screen and ( max-width: 1024px ) {}
@media screen and ( max-width: 991px ) {.c2a{text-align:center;}.navbar-default .navbar-nav > li > a {font-size: 15px;margin: 0 4px;}.navbar-default {margin-top: 5px;}.sitemap a {margin: 10px 5px;} #banner {margin-top:-130px; }}
@media screen and ( max-width: 966px ) {}
@media screen and ( max-width: 768px ) {}
@media screen and ( max-width: 767px ) {.navbar .navbar-nav {display:block;margin-bottom:0px;}img.pull-left {float:none !important;margin:0 auto;} img.pull-right {float:none !important;margin:0 auto;} .c2a {text-align:center;}.logo img{margin:0 auto;}.contact-info {display:block;}.spacer {display:none;}.address-break {display: block;}.tel {display: block;}address {display: block;}.social {position: relative;right: 0;top: 0;}.sitemap li{display:block; padding-bottom:10px;} #banner {margin-top:0; } .dropdown-menu {position: static; display: block; float: none;}.dropdown-menu>li>a{text-align: center; font-size: 14px;}.navbar-default .navbar-nav > li > a {font-size: 18px;}}
@media screen and ( max-width: 741px ) {}
@media screen and ( max-width: 600px ) {}
@media screen and ( max-width: 414px ) {}
@media screen and ( max-width: 320px ) {}

/* Formatting for Printing Web Pages */
@media print {}