/*
Theme Name: Innovative Lighting
Theme URI: http://components.underscores.me/
Author: JDA
Author URI: http://ajhentle.com
Description: A custom wordpress theme for Innovative Lighting
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jda
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Innovative Lighting is created by the theme generator at http://components.underscores.me/, (C) 2015-2016 Automattic, Inc.
Components is distributed under the terms of the GNU GPL v2 or later.
*/

/*--------------------------------------------------------------
# General Styles
--------------------------------------------------------------*/
body { font-family: 'Lato', sans-serif; font-size: 16px; }
a, a:visited { color: #2980B9;
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
a:hover { color: #00AEEF; text-decoration: none; }

/*
 * SET INPUT BUTTONS TO LOOK LIKE BTN-PRIMARY (GREEN)
 */
button, html input[type="button"], input[type="submit"] { background-color: #16a085; background-image: none; border: none; border-color: #16a085; border-radius: 4px; box-shadow: none !important; color: #fff; font-size: 16px; line-height: 22px; outline: 0; padding: 5px 10px; }
button:hover, button:focus,html input[type="button"]:hover, html input[type="button"]:focus,input[type="submit"]:hover, input[type="submit"]:focus { background-color: #1abc9c; border-color: #1abc9c; color: #fff; outline: 0; }

a:focus { outline: none !important; text-decoration: none !important; }

/*--------------------------------------------------------------
# Structure
--------------------------------------------------------------*/
#page { margin: 0 auto; }

.full { width: 100%; }
.main { margin: 0 auto; max-width: 1920px; }
.container { max-width: 1230px; width: 100%; }

/*--------------------------------------------------------------
# Helper Styles
--------------------------------------------------------------*/
.alignleft { display: inline; float: left; margin-right: 1.5em; }
.alignright { display: inline; float: right; margin-left: 1.5em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

.no-gutter > [class*='col-'] { padding-right:0; padding-left:0; }
.no-margin { margin: 0 !important; }

.yellow { color: #FFDE00 !important; }

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-header { background: #000; }
.site-branding, .entry-title { font-family: 'Raleway', sans-serif; }
.site-branding { padding: 20px 0 10px; }
    .custom-logo { max-width: 280px !important; width: 100%; }

.site-title { font-size: 2.5em; /*40px*/ }
.site-description { font-size: 1.125em; /*18px*/ font-weight: 400; margin: 10px 0; }

#header-top-right { min-height: 56px; padding: 10px 0; }
#header-top-right .contact-info { text-align: right; }
#header-top-right .contact-info i { color: #FFDE00; font-size: 1.125em; /*18px*/ margin-right: 5px; }
#header-top-right .contact-info a { color: #fff; font-size: 1.25em; /*20px*/ font-weight: 700; }
#header-top-right .contact-info a:hover { color: #FFDE00; }

/*--------------------------------------------------------------
## Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
### Menu
--------------------------------------------------------------*/
.skip-link.screen-reader-text { padding: 0; }

/* Main Navigation */
.main-navigation { border-radius: 3px; clear: both; color: #fff; display: block; width: 100%;  }
/*.main-navigation, .main-navigation ul li > ul, .main-navigation ul li:hover > ul { background: transparent; }*/
.main-navigation a { color: #fff; display: block; font-size: 1.125em; /*18px*/ font-weight: 700; padding-bottom: 25px; position: relative; text-align: center; text-decoration: none;}
.main-navigation a:after { background: #FFDE00; bottom: 0; content: ""; display: block; height: 0; left: 0; margin: 0 auto; max-width: 80px; position: absolute; right: 0; transition: 0.3s; width: 100%; }
.main-navigation ul { list-style: none; margin: 0; padding-left: 0; }
.main-navigation li { float: left; position: relative; width: 20%; }
.main-navigation li:hover > a { }
.main-navigation a:hover, .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {  }
.main-navigation a:hover:after, .main-navigation .current-menu-item > a:after, .main-navigation .current-menu-ancestor > a:after { height: 4px; }

/* Sub Menu */
.main-navigation .sub-menu { background: rgba(0,0,0,0.7); display: none; float: left; left: 0; position: absolute; top: 52px; width: 100%; z-index: 99999; }
.main-navigation .sub-menu a { display: block; padding: 10px 15px; text-align: left; width: 100%; }
.main-navigation .sub-menu a:after { content: none; }
.main-navigation .sub-menu li { border-top: 1px solid #666; display: block; width: 100%; }
.main-navigation .sub-menu li:last-child a:hover { border-radius: 0 0 3px 3px; }
  .sub-menu a:hover, .sub-menu .current_page_item a, .sub-menu .current-menu-item a, .sub-menu .current-menu-ancestor > a { color: #FFDE00; }

/* Sub Menu Child */
.main-navigation .sub-menu ul { top: 0; position: relative; }
.main-navigation .sub-menu ul li { text-indent: 15px; }

/* Sub Menu Hover */
.main-navigation ul ul li {  }
.main-navigation ul ul:hover > a { }
.main-navigation ul ul a:hover { }
.main-navigation ul li:hover > ul { display: block; }
.main-navigation ul ul ul { left: 100%; top: 0; }

.site-main .comment-navigation, .site-main .paging-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; }
.navigation a:hover, .page-numbers.current, .comment-navigation a:hover { color: #404040; }
.nav-previous .fa { margin-right: 6px; }
.nav-next .fa { margin-left: 6px; }
.page-links { clear: both; margin: 0 0 1.5em; }
.comment-navigation .nav-previous, .paging-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 48%; }
.comment-navigation .nav-next, .paging-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 48%; }

/*--------------------------------------------------------------
# WP Responsive Menu Overwrite
--------------------------------------------------------------*/
#wprmenu_bar .menu_title a { color: #f2f2f2; }

/*--------------------------------------------------------------
### Social Media Menu
--------------------------------------------------------------*/
.jda-social-navigation { float: right; }
.jda-social-navigation ul { margin-bottom: 15px; }
.jda-social-navigation li { background: #111; height: 35px; margin: 0; width: 35px; }
.jda-social-navigation li a { color: #fff; display: block; font-size: 1.25em; /*20px*/ height: 100%; position: relative; vertical-align: middle; text-align: center; width: 100%; }
.jda-social-navigation li a:before { left: 0; position: absolute; right: 0; text-align: center; width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.jda-social-navigation li a:hover { color: #FFDE00; }

/*--------------------------------------------------------------
# Banner
--------------------------------------------------------------*/
#banner { background: #000; border-bottom: 8px solid #00AEEF; padding-bottom: 40px; }

#banner .nivo-caption { background: transparent; bottom: 28.57142857142857%; opacity: 1; }

#banner .nivo-controlNav { bottom: 0; position: absolute; width: 100%; z-index: 999;}
#banner .nivo-controlNav a { background-color: #fff; background-image: none; border-radius: 100%; height: 10px; width: 10px; }
#banner .nivo-controlNav a.active { background-color: #FFDE00; }

#banner .caption { background: rgba(0,0,0,0.9); display: block; font-family: "Lato", sans-serif; max-width: 540px; padding: 25px 40px; }
#banner .caption h2 { font-size: 3em; /*48px*/ font-weight: 300; margin-top: 0; }
#banner .caption p { line-height: 1.5em; /*24px*/ margin-bottom: 20px; }
#banner .caption .btn { background: #333; border: none; border-radius: 0; color: #FFDE00; display: inline-block !important; font-size: 0.75em; /*12px*/ font-weight: 700; letter-spacing: 1px; padding: 15px 40px; }
#banner .caption .btn:hover { color: #fff; }

/*--------------------------------------------------------------
# Page Top
--------------------------------------------------------------*/
#page-top { }


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.site-content { padding: 40px 0; }
.site-content .hentry { margin-bottom: 0; }
.site-content .entry-title, .site-content h1 { margin-top: 0; font-size: 2.1875em; /*35px*/ text-transform: uppercase; }

/*.site-content .entry-title, .site-content .widget-title { color: #000; font-size: 1.5em; font-weight: 700; margin-bottom: 0; padding: 30px 25px; position: relative; }*/
/* .site-content .entry-title:before, .site-content .widget-title:before { border-left: 3px solid #FFDE00; border-top: 3px solid #FFDE00; content: ""; display: block; height: 55px; left: 0; position: absolute; top: 0; width: 105px; } */
.site-content .entry-header, .site-content .widget-title { padding: 30px 25px; position: relative; }
.site-content .entry-title, .site-content .widget-title { color: #000; font-size: 1.5em; /*24px*/ font-weight: 700; margin-bottom: 0; }
.site-content .entry-header:before, .site-content .widget-title:before { border-left: 3px solid #FFDE00; border-top: 3px solid #FFDE00; content: ""; display: block; height: 55px; left: 0; position: absolute; top: 0; width: 105px; }
.site-content .entry-header + *, .site-content .widget-title + * { padding-left: 25px; /*padding-right: 25px;*/ }

.site-content .entry-content { margin-top: 0; }

.site-content p { color: #525252; font-size: 1em; /*16px*/ font-weight: 300; margin-bottom: 1.625em; /*26px*/ }
.site-content p.large { color: #000; font-size: 1.125em; /*18px*/ font-weight: 300; }


/* Home */
.home .site-content { padding: 70px 0 40px; }

/* Contact Page */
.site-content .contact-info .label { color: #525252; display: block; font-size: 0.875em; /*14px*/ font-weight: 400; line-height: 1.3125rem; /*21px*/ margin-top: 20px; padding-left: 0; text-align: left; }
.site-content .contact-info .info { color: #000; font-size: 1.25em; /*20px*/ line-height: 1.5rem; /*24px*/ }
.site-content .contact-info .map { margin-top: 25px; }
.site-content .contact-info a { border-color: #FFDE00; }
.site-content .contact-info a:hover { border-bottom: 1px solid #FFDE00; }
.site-content .contact-info iframe { height: 250px; width: 100%; }

/* Single */
.single .post-thumbnail { max-width: 350px; }
.single .post-thumbnail img { border-radius: 2px; }

.single .site-content h4 { color: #000; font-weight: 700; }
.single .site-content p { color: #000; font-size: 1.125em; /*18px*/ font-weight: 300; }
.single .site-content ul.list { list-style: none; margin: 0 0 10px; padding-left: 0; }
.single .site-content ul.list li { color: #000; font-size: 1.125em; /*18px*/ font-weight: 300; padding-left: 15px; position: relative; }
.single .site-content ul.list li:before { content: '\2022'; left: 0; position: absolute; }

.single .entry-content { padding-bottom: 15px; }

.single .post-navigation { border-top: 1px solid #ccc; padding: 25px 0; }
.single .post-navigation .nav-links a { background: #888; color: #fff; display: inline-block; font-size: 0.875em; /*14px*/ font-weight: 700; letter-spacing: 1px; max-width: 200px; padding: 10px 15px; text-align: center; width: 100%; }
.single .post-navigation .nav-links a:hover { background: #000; color: #FFDE00; }

/*--------------------------------------------------------------
# Page Bottom
--------------------------------------------------------------*/
#page-bottom {  }

  #tagline { background-size: 100% 100%; color: #fff; font-size: 2.625em; /*42px*/ font-weight: 300; padding: 85px 0; }

  #featured-projects { margin: 70px auto 100px; }
  #featured-projects h2 { color: #000; font-size: 1.5em; /*24px*/ font-weight: 700; margin-bottom: 70px; text-align: center; }
  #featured-projects img { width: 100%; }
  #featured-projects .info { border: 1px solid #D2D2D2; border-top: none; font-size: 1.125em; /*18px*/ font-weight: 400; padding: 15px 15px 10px; position: relative; text-align: center; }
  #featured-projects .info:before { border-left: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 16px solid #fff; content: ""; height: 0; left: 0; margin: 0 auto; position: absolute; right: 0; top: -15px; width: 0; }
  #featured-projects .info span { display: block; }
  #featured-projects .name { color: #00ACED; }
  #featured-projects .location { color: #aaa; }
  #featured-projects .btn { background: #aaa; border-radius: 0; color: #fff; font-size: 0.75em; /*12px*/ font-weight: 700; letter-spacing: 1px; margin-top: 50px; padding: 15px 30px; }
  #featured-projects .btn:hover { background: #00ADEE; text-shadow: 0 0 2px #000; }


/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
#secondary {}
#secondary .widget { margin: 0 0 20px; }
#secondary .widget-title { display: block; font-family: 'Raleway', sans-serif; font-size: 1.25em; /*20px*/ font-weight: 400; margin-bottom: 5px; }
#secondary .widget ul { margin: 0; padding: 0; }
#secondary .widget ul ul { border-top: 2px solid #f5f5f5; padding-top: 6px; margin-top: 6px; }
#secondary .widget li { list-style: none; }
#secondary .widget li:not(:last-child) { border-bottom: 2px solid #f5f5f5; padding-bottom: 6px; margin-bottom: 6px; }
#secondary .widget li:before { color: #16A085; font-family: "FontAwesome"; font-size: .625em; /*10px*/ content: "\f0da"; margin-right: 8px; display: inline-block; vertical-align: middle;}
#secondary .widget select { max-width: 100%; }
#secondary .widget_search .search-field { font-size: .9375em; /*15px*/ font-weight: 300 !important; }

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-footer {  }
  .footer-navigation { margin: 15px 0; padding-left: 12px; background: #2980B9; border-radius: 5px;}
  .footer-navigation ul { padding: 0; margin: 0; text-align: center; }
  .footer-navigation ul li { display: inline-block; float: left; }
  .footer-navigation ul li a { color: #fff; padding: 12px; display: block;}
  .footer-navigation ul a:hover, .footer-navigation .current_page_item a, .footer-navigation .current-menu-item a { background: #3498DB; }

  .copyright { background: #0092D2; font-size: 0.875em; /*14px*/ font-weight: 300; color: #fff; padding: 15px 0; }

/*--------------------------------------------------------------
## Footer Top
--------------------------------------------------------------*/
#footer-top { background: #000; padding: 35px 0; }
#footer-top .widget-title { color: #FFDE00; font-size: 0.875em; /*14px*/ font-weight: 700; line-height: 1.5em; /*24px*/ }

#footer-top .product_list_widget li { line-height: 1.5em; margin: 15px 0; padding: 0; }
#footer-top .product_list_widget li a { color: rgba(255,255,255,0.75); display: inline-block; font-size: 0.875em; /*14px*/ font-weight: 400; }
#footer-top .product_list_widget li a:hover { color: #fff; font-weight: 700; }
#footer-top .product_list_widget li img { display: none; }

#footer-top .menu { list-style: none; margin: 0; padding: 0; }
#footer-top .menu li { line-height: 1.5em; margin: 15px 0; }
#footer-top .menu a { color: rgba(255,255,255,0.75); font-size: 0.875em; /*14px*/ }
#footer-top .menu a:hover { color: #fff; }
#footer-top .menu a:hover, #footer-top .menu .current-menu-item > a, #footer-top .menu .current-menu-ancestor > a { color: #fff; font-weight: 700; }

#footer-top .widget-contact {  }
#footer-top .widget-contact ul { list-style: none; margin: 0; padding: 0; }
#footer-top .widget-contact ul li { margin: 15px 0; }
#footer-top .widget-contact .address { color: #fff; }
#footer-top .widget-contact .label { color: rgba(255,255,255,0.5); display: block; font-size: 0.875em; /*14px*/ font-weight: 400; line-height: 1.5em; /*24px*/ margin: 15px 0; padding: 0; text-align: left; }
#footer-top .widget-contact .phone { color: #FFDE00; line-height: 1.5em; /*24px*/ }
#footer-top .widget-contact .phone:hover { border-bottom: 1px solid #fff; }


/*--------------------------------------------------------------
# WooCommerce Overwrite
--------------------------------------------------------------*/
/* Product Categories */
.woocommerce ul.products li.product-category h3, .woocommerce ul.products li.product-category h2.woocommerce-loop-category__title { color: #00ACED; font-size: 1.5em; /*24px*/ padding: 20px 0; }
.woocommerce ul.products li.product-category a.link { color: #AAA; font-size: 0.875em; /*14px*/ font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.woocommerce ul.products li.product-category a.link:hover { color: #111; }
.woocommerce ul.products li.product-category a img { margin-bottom: 0; }
.woocommerce ul.products li.product-category mark { background: none; display: none; }

/* Product */
.woocommerce ul.products li.product h3, .woocommerce ul.products li.product h2.woocommerce-loop-category__title { color: #000; font-size: 1.25em; /*20px*/ font-weight: 700; line-height: 1.5em; /*24px*/ padding: 20px 0; transition: 0.3s; }
.woocommerce ul.products li.product h3:hover, .woocommerce ul.products li.product h2.woocommerce-loop-category__title:hover { color: #00ADEE; }
.woocommerce ul.products li.product a img { margin-bottom: 0; transition: all .2s ease-in-out; }
.woocommerce ul.products li.product a img:hover { transform: scale(1.1); }
.woocommerce ul.products li.product .button { display: none; }

/* Breadcrumbs */
.woocommerce .woocommerce-breadcrumb { color: #000; font-size: 0.9375em; /*15px*/ /*padding: 0 15px;*/ text-transform: uppercase; }
.woocommerce .woocommerce-breadcrumb a { color: #000; }

/* Single Product */
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { margin-top: 0; width: 100%; }

.woocommerce div.product .product_title { margin-bottom: 10px; position: relative; }
.woocommerce div.product .product-sku { color: #00ADEE; font-size: 1.5em; /*24px*/ font-weight: 700; margin: 0; }
.woocommerce div.product .entry-summary h3 { color: #222; font-size: 1.5em; }
.woocommerce div.product .entry-summary p { color: #000; font-size: 1.125em; /*18px*/ font-weight: 300; }
.woocommerce div.product .entry-summary hr { border: none; border-top: 2px solid #D6D6D6; margin: 0 0 10px; }
.woocommerce div.product .entry-summary .sku_wrapper { color: #00ADEE; font-size: 1.5em; font-weight: 700; }

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { max-width: 400px; padding-right: 30px; width: 34.04%; }
.woocommerce div.product div.images img { box-shadow: 0 0 1px #000; }
.woocommerce div.product div.images div.product_meta { margin-top: 20px; }

/*.woocommerce div.product form.cart .variations { margin-bottom: 0; }*/
.woocommerce div.product form.cart .variations label { color: #222; font-size: 1.5rem; /*24px*/ font-weight: 400; }
.woocommerce div.product form.cart, .woocommerce div.product p.cart { margin-bottom: 0; }

.woocommerce .variations_form .variations { display: block !important; }

/* Widgets */
.woocommerce ul.product_list_widget .woocommerce-Price-amount { display: none; }

/* Improved Variable Product Attributes Override */
/*#ivpa-content { margin: 0 -15px; }
#ivpa-content .ivpa_title { color: #888; font-size: 1.125em; 18px font-weight: 700; letter-spacing: 1px; line-height: 2.25rem; 36px text-transform: uppercase; }
#ivpa-content .ivpa_attribute { float: left; padding: 0 15px; width: 25%; }
#ivpa-content .ivpa_attribute.ivpa_text.ivpa_background .ivpa_term { border-bottom: 1px solid #ccc; display: block !important; line-height: 50px !important; }*/

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@media screen and (max-width: 75em) { /* 1200px */
  /* Banner */
  #banner .nivo-caption { bottom: 50px; }
  #banner .caption { max-width: 100%; padding: 10px; text-align: center; }

  /* Tagline */
  #tagline { font-size: 2em; padding: 20px 0; }

  /* Featured Projects */
  #featured-projects { margin: 25px auto; }
  #featured-projects h2 { margin-bottom: 30px; }
  #featured-projects .thumb { margin: 10px auto; max-width: 380px; }
  #featured-projects .btn { margin-top: 20px; }
}

@media screen and (max-width: 62em) { /* 992px */
  /* Header */
  .site-branding { text-align: center; }
  .jda-social-navigation { float: none; text-align: center; }

  #header-top-right { min-height: 10px; }
  #header-top-right .contact-info { float: none !important; margin: 0 auto; max-width: 300px; text-align: center; }

  /* Banner */
  #banner { padding-bottom: 15px; }
  #banner .nivo-caption { bottom: 30px; }
  #banner .caption h2 { font-size: 2em; }
  #banner .caption p { margin-bottom: 10px; }
  #banner .caption .btn { padding: 10px 20px; }
  #banner .nivo-controlNav { padding: 0; }

  /* Content */
  #primary { }
  #secondary { }

  .site-content, .home .site-content { padding: 20px 0; }

  /* Footer Top */
  #footer-top { padding: 15px 0; }
  #footer-top .widget { margin-bottom: 10px; }
  #footer-top .widget-title { margin-top: 0; }

  /* WooCommerce */
  /* Products */
  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin-bottom: 20px !important; }
  .woocommerce ul.products li.product h3, .woocommerce ul.products li.product h2.woocommerce-loop-category__title { padding: 10px 0; }

  /* Single Product */
  .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { float: none; margin: 0 auto 10px; max-width: 400px; padding: 0; width: 100%; }
  .woocommerce div.product div.summary { margin-bottom: 1em; }
}

@media screen and (max-width: 47.9375em) { /* 767px */
  /* Adjust base fontsize */
  body { font-size: 14px; }

  /* Header */
  .custom-logo { max-width: 200px !important; }

  /* Content */
  .site-content .entry-header, .site-content .widget-title { padding: 20px 15px; }
  .site-content .entry-header + *, .site-content .widget-title + * { padding-left: 0; }

  .site-content p.large { font-size: 1em; }

  /* Single */
  .single .post-thumbnail { display: block; float: none; margin: 0 auto 15px; }

  #primary, #secondary { float: none; width: 100%; }

  #secondary .widget { margin-bottom: 1.5em; }

  #footer-top .product_list_widget li, #footer-top .menu li { line-height: normal; margin: 5px 0; }
  #footer-top .widget-contact .label { margin: 10px 0; }
  #footer-top .widget-contact ul li { margin: 10px 0; }

}

@media screen and (max-width: 48em){ /* 608px */
  /* Banner */
  #banner .nivo-caption { display: none !important; }

}

@media screen and (max-width: 30em){ /* 480px */
  /* Header */
  .site-branding, .social-links { float: none; display: block; text-align: center; margin: 0 auto;}

  /* Footer */
  #footer-top, #footer-top .widget-contact .label { text-align: center; }
}

@media screen and (max-width: 26em){ /* 416px */
  /* Single */
  .single .post-navigation .nav-links a { margin-bottom: 5px; max-width: 100%; }
  .single .post-navigation .nav-previous, .single .post-navigation .nav-next { width: 100%; }
}