/*
Theme Name: Skeleton Child
Theme URI: http://www.simplethemes.com/wordpress-themes/theme/skeleton
Description: Skeleton Child Theme. Use this child theme to safely make modifications to the existing theme. Using a child theme ensures that you do not lose the modifications with theme updates.
Version: 2.0.1
Author: Simple Themes
Author URI: http://www.simplethemes.com
Template: smpl-skeleton
License: GPL
License URI: http://www.opensource.org/licenses/gpl-license.php
*/


/*
----------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------

This child theme enables you to make customizations while allowing for safe updates to the parent theme.
The parent theme's style.css is imported below. If you wish to make customizations, do one of the following:

A.) Copy the contents of skeleton/style.css into this file, but leave the (above) child theme head in tact!
B.) Add specific rules BELOW the import. This is intended for minimal customizations.

----------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------

*/

@import url("../smpl-skeleton/style.css");

/* general */


/* fix the theme! */

@media only screen and (max-width: 991px) and (min-width: 768px) {
    #navigation ul {
        min-width: 100%;
        min-width: 640px;
    }
}


/* defaults */

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
input {
    font-family: "Open Sans", sans-serif !important;
}

body {
    background-color: #000 !important;
    font-size: 16px !important;
    color: #fff !important;
}


/* hide h3 */

h3.header-widget,
h3.dentons-links-footer,
h3.widget-title,
h3.homepage-slider,
h3.homepage-contact {
    display: none;
}

a {
    text-decoration: none;
}

#nav-below {
    padding-bottom: 0;
}


/* header area */


/* header-container */

#header-container {
    display: block;
    background: #d2c85f;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

#header-container #header {
    margin-top: 0;
}

#header-container #header .su-row {
    margin: 0;
    padding: 0 10px;
    margin-bottom: 0;
}

#header-container #header .su-row img {
    margin: 0 10px;
}

#header-container #header .su-column {
    padding: 10px 0 4px;
    margin-bottom: 0 !important;
}

#header-container #header .bookings-tel {
    font-weight: 800;
}

@media all and (max-width: 480px) {
    #header-container span.bookings-tel {
        display: block;
        width: 100%;
    }
}

@media all and (min-width: 768px) {
    #header-container #header .su-column {
        text-align: left;
    }
    #header-container #header .su-column .su-row img {
        margin: 0 0 0 20px;
    }
    #header-container #header .su-column.last {
        text-align: right;
    }
}


/* navigation */

#navigation-container {
    font-size: 16px;
    background: #000;
    font-weight: 700;
}

#navigation-container #navigation,
#navigation-container .su-row {
    margin: 0;
}

#navigation-container #navigation {
    text-transform: uppercase;
}

#navigation-container #navigation img {
    display: block;
    margin: 20px auto 16px;
}

#navigation-container #navigation ul {
    margin: 0 0 10px;
    background: none !important;
    border: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    text-align: center;
}

#navigation-container #navigation ul li,
#navigation-container #navigation ul li.active {
    background: none !important;
    border: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

#navigation-container #navigation ul li a,
#navigation-container #navigation ul li a:hover,
#navigation-container #navigation ul li.active a,
#navigation-container #navigation ul li.active a:hover {
    background: none !important;
    border: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    color: #fff;
}

#navigation-container #navigation ul li a,
#navigation-container #navigation ul li.active a {
    padding: 15px;
    font-weight: 600;
}

@media all and (max-width: 767px) {
    #navigation-container #navigation ul li a,
    #navigation-container #navigation ul li.active a {
        padding: 5px 0;
    }
}

@media all and (min-width: 768px) {
    #navigation-container {
        overflow: hidden;
    }
    #navigation-container #navigation img {
        margin: 10px 0 16px;
    }
    #navigation-container #navigation ul {
        display: table;
        float: right;
        width: 100%;
        margin: 32px 0 0;
    }
    #navigation-container #navigation ul li {
        display: table-cell;
        float: none;
    }
    #navigation-container #navigation ul li a {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #navigation-container .menu-header {
        display: block;
        overflow: hidden;
        width: 100%;
    }
    #navigation-container #navigation ul {
        display: table;
        width: 100%;
    }
    #navigation-container #navigation ul li,
    #navigation-container #navigation ul li.active {
        display: table-cell;
    }
    #navigation-container #navigation ul li a,
    #navigation-container #navigation ul li.active a {
        display: block;
        width: 100%;
        padding-right: 8px;
        padding-left: 8px;
        text-align: center;
    }
}

@media all and (min-width: 992px) {
    #navigation-container #navigation ul {
        margin: 44px 0 0;
    }
}


/* navigation-container */

#navigation-container {
    display: block;
    background: #000;
}


/* page-container */

#page-container {
    background: #fff;
    color: #292929;
}

#page-container #content {
    font-size: 14px;
}

#page-container #content h1 {
    text-align: center;
}

#page-container #content h1,
#page-container #content h2 {
    text-transform: uppercase;
}

#page-container #content h1 {
    margin: 16px 0;
    font-weight: 800;
    font-size: 24px;
    color: #d2c85f;
}

#page-container #content h2 {
    font-size: 14px;
}

#page-container #content h4 {
    position: relative;
    padding: 8px 0 16px;
    font-size: 1.25em;
}

#page-container #content h4:after,
#page-container #content h4:before {
    position: absolute;
    display: block;
    content: "";
    bottom: 2px;
    height: 4px;
}

#page-container #content h4:before {
    z-index: 9;
    width: 50px;
    background: #d2c85f;
    border-right: 4px solid #fff;
}

#page-container #content h4:after {
    width: 100%;
    background: #000;
}

#page-container #content p {
    font-size: 14px;
}

#page-container #content .hp-menu {
    padding-bottom: 20px;
}

#page-container #content .hp-menu h2 {
    font-size: 14px;
    font-weight: 800;
    color: #292929;
}


/* footer */

#footer-before-container {
    display: block;
    width: 100%;
    padding: 14px 0 0;
    font-size: 14px !important;
}

#footer-before-container #footer-before h3 {
    display: none;
}

#footer-before-container #footer-before ul {
    margin: 0 0 10px;
    background: none !important;
    border: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

#footer-before-container #footer-before ul li,
#footer-before-container #footer-before ul li.active {
    background: none !important;
    border: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

#footer-before-container #footer-before ul li a,
#footer-before-container #footer-before ul li a:hover,
#footer-before-container #footer-before ul li.active a,
#footer-before-container #footer-before ul li.active a:hover {
    background: none !important;
    border: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    color: #fff;
}

#footer-before-container #footer-before ul li a,
#footer-before-container #footer-before ul li.active a {
    padding: 3px 0;
}

#footer-before-container #footer-before .one_fourth {
    margin-bottom: 12px;
    padding: 6px 0 8px;
    border-bottom: 1px solid #fff;
    font-size: 0.95em;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}

#footer-before-container #footer-before .one_fourth:nth-child(2) li:nth-last-child(1) a {
    padding-top: 4px;
/*    line-height: 1.75em;*/
}

#footer-before-container #footer-before .one_fourth span {
    display: block;
}

#footer-before-container #footer-before .last {
    border-bottom: none;
}

#footer-before-container #footer-before .last .su-row:nth-child(1) {
    margin-bottom: 10px;
}

#footer-before-container #footer-before .last .su-column a {
    display: block;
    margin: 0 0 0 40px;
}

#footer-before-container .button.email {
    display: inline-block;
    zoom: 1;
    display: inline\9;
    margin: 0 0 6px;
    padding: 4px 0;
    color: #fff;
}

#footer-before-container .button.email:hover {
    background: none !important;
}

@media all and (max-width: 767px) {
    #footer-before-container {
        padding-bottom: 0;
    }
    #footer-before-container #footer-before .one_fourth:nth-child(1) {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    #footer-before-container #footer-before .one_fourth:nth-child(1) ul {
        margin-bottom: 0;
    }
    #footer-before-container #footer-before .one_fourth:nth-child(2) {
        padding-top: 0;
    }
    #footer-before-container #footer-before .last .su-row {
        margin-bottom: 0;
    }
    #footer-before-container ul li a {
        padding-left: 0;
    }
}

@media all and (min-width: 768px) {
    #footer-before-container #footer-before {
        margin: 0;
    }
    #footer-before-container #footer-before .one_fourth {
        border-bottom: none;
    }
    #footer-before-container .button.email {
        margin: -4px -5px 6px;
        padding: 4px 5px;
    }
}


/* #info-container */

#info-container {
    text-align: center;
}

#info-container .container {
    padding: 10px 0;
    border-top: 1px solid #fff;
}

#info-container .one_half {
    margin-bottom: 0;
}

#info-container #copyright-block p {
    padding-top: 2px;
    font-size: 11px;
    font-weight: 600;
}

@media all and (min-width: 768px) {
    #copyright-block p {
        text-align: left;
    }
    #dentons-footer {
        text-align: right;
    }
}


/* pages */

ul.disc {
    list-style-image: url(/wp-content/uploads/disc-bullet-point.png);
    margin-left: 20px;
}

#page-container p a {
    color: #B1A317;
    font-weight: 700;
}

#page-container .split-list .su-column {
    margin-bottom: 0 !important;
}

#main-pic-container {
    width: 100%;
    max-width: 100%;
    margin-bottom: -8px;
}

#main-pic-container img {
    width: 100%;
    max-width: 100%;
}


/* homepage */

.home h2.entry-title {
    display: none;
}

.home h1 {
    margin-bottom: 0 !important;
}

.home h2 {
    text-align: center;
}

#home-page-contact-us .su-row {
    margin: 12px 0;
}

#home-page-contact-us .button.email {
    display: table-cell;
    height: 55px;
    width: 150px;
    padding: 0 70px 0 0;
    background: url(/wp-content/uploads/contact-us-icon.png) no-repeat center right #d2c85f;
    vertical-align: middle;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    color: #fff;
    border-radius: 4px;
}

#home-page-contact-us .button.email:hover {
    background: url(/wp-content/uploads/contact-us-icon.png) no-repeat center right #d2c85f;
}

#home-page-contact-us h2 {
    text-align: left;
    font-weight: 600;
}

.su-row.hp-menu {
    margin-bottom: 0;
}

.su-row.hp-menu .hp-menu-con {
    padding-bottom: 10px;
    border-bottom: 1px solid #999;
    font-size: 12px;
}

.su-row.hp-menu .hp-menu-con h2 {
    display: block;
    max-width: 200px;
    margin: 0 auto;
    padding: 190px 0 1px;
}

.su-row.hp-menu .hp-menu-con p {
    font-size: 12px !important;
    min-height: 85px;
}

.su-row.hp-menu .hp-menu-con .button.hp {
    display: block;
    height: 24px;
    width: 132px;
    margin: 0 auto 10px;
    padding: 10px 0;
    background: #000;
    text-transform: uppercase;
    text-align: center;
    font-weight: 800;
    color: #fff;
    border-radius: 4px;
}

.su-row.hp-menu .hp-menu-con .button.hp:hover {
    background: #000;
}

.su-row.hp-menu .hp-garage-installation {
    background: url(/wp-content/uploads/hp-garage-installations.png) no-repeat center 10px #fff;
}

.su-row.hp-menu .hp-security {
    background: url(/wp-content/uploads/hp-security.png) no-repeat center 10px #fff;
}

.su-row.hp-menu .hp-projects {
    background: url(/wp-content/uploads/hp-projects.png) no-repeat center 10px #fff;
}

@media all and (min-width: 768px) {
    .su-row.hp-menu .hp-menu-con p {
        min-height: 119px;
    }
}

@media all and (min-width: 992px) {
    .su-row.hp-menu .hp-menu-con p {
        min-height: 96px;
    }
}


/* contact us */

#page-container .contact-us .button.email {
    display: inline-block;
    zoom: 1;
    display: inline\9;
    height: 24px;
    margin: 0 0 10px;
    padding: 5px 12px;
    background: #d2c85f;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    color: #fff;
    border-radius: 4px;
}

#page-container .contact-us .button.email:hover {
    background: #d2c85f;
}


/* ninja forms */

#ninja_forms_form_1_cont label {
    font-size: 14px;
    font-weight: 700;
}

#ninja_forms_form_1_cont .ninja-forms-required-items {
    margin-bottom: 10px;
    text-transform: lowercase;
    font-size: 0.9em;
    font-style: italic;
}

#ninja_forms_form_1_cont .field-wrap.textarea-wrap.label-above {
    margin-bottom: 2px;
}

#ninja_forms_form_1_cont textarea,
#ninja_forms_form_1_cont select,
#ninja_forms_form_1_cont input[type="date"],
#ninja_forms_form_1_cont input[type="datetime"],
#ninja_forms_form_1_cont input[type="datetime-local"],
#ninja_forms_form_1_cont input[type="email"],
#ninja_forms_form_1_cont input[type="month"],
#ninja_forms_form_1_cont input[type="number"],
#ninja_forms_form_1_cont input[type="password"],
#ninja_forms_form_1_cont input[type="search"],
#ninja_forms_form_1_cont input[type="tel"],
#ninja_forms_form_1_cont input[type="text"],
#ninja_forms_form_1_cont input[type="time"],
#ninja_forms_form_1_cont input[type="url"],
#ninja_forms_form_1_cont input[type="week"] {
    padding: 6px;
    font-size: 16px;
    border-radius: 0;
}

#ninja_forms_form_1_cont input[type="submit"] {
    padding: 5px 12px !important;
    background: #d2c85f;
    border-radius: 0;
    text-shadow: none;
    text-transform: uppercase;
    font-weight: 700;
    transition: 0.4s;
    border-radius: 4px;
}

#ninja_forms_form_1_cont input[type="submit"]:hover {
    background: #d2c85f;
}


/* projects [gallery] */

.foogallery-default.alignment-center {
    text-align: left;
}

.foogallery-default.border-style-square-white a,
.foogallery-default.border-style-square-white.foogallery-link-none img {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.foogallery-default.border-style-square-white a,
.foogallery-default.border-style-square-white.foogallery-link-none img {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.foogallery-default.border-style-square-white a {
    border: 1px solid #ccc !important;
}

.foogallery-default.border-style-square-white a img {
    border: 5px solid #fff !important;
}

.foogallery-default.border-style-square-white a:hover:before {
    background: none !important;
}


/*# sourceMappingURL=style.css.map */