/**********************************************************************************
   SITE COLORS (MORE IN WOOCOMMERCE.CSS) .hordern-pro-blue
**********************************************************************************/

/*
EVERYTHING CCTV BLUE
#0098cb
rgb(0,152,203)

EVERYTHING CCTV LIGHT PURPLE
#b3daeb
rgb(179,218,235)

EVERYTHING CCTV ORANGE
#fcbe0f
rgb(252,190,15)

*/


/**********************************************************************************
   SITE COLORS (MORE IN WOOCOMMERCE.CSS) .hordern-pro-blue
**********************************************************************************/

a:hover,
a:focus,
.entry-title a,
.genesis-nav-menu a,
.sidebar a,
.sidebar .widget-title a {
    color: #333;
}

button:hover,
button:focus,
input:hover[type="button"],
input:focus[type="button"],
input:hover[type="reset"],
input:focus[type="reset"],
input:hover[type="submit"],
input:focus[type="submit"],
.archive-pagination li a:hover,
.archive-pagination li a:focus,
.entry-content .button:hover,
.entry-content .button:focus,
.footer-widgets button:hover,
.footer-widgets button:focus,
.footer-widgets input:hover[type="button"],
.footer-widgets input:focus[type="button"],
.footer-widgets input:hover[type="reset"],
.footer-widgets input:focus[type="reset"],
.footer-widgets input:hover[type="submit"],
.footer-widgets input:focus[type="submit"],
.footer-widgets .button:hover,
.footer-widgets .button:focus,
.home-slider #genesis-responsive-slider .more-link:hover,
.home-slider #genesis-responsive-slider .more-link:focus {
    background: #0098cb;
    border-color: #0098cb;
    text-shadow: 0 1px 0 #083a7d;
}

.enews-widget input:hover[type="submit"],
.enews-widget input:focus[type="submit"],
.home-slider #genesis-responsive-slider .more-link:hover,
.home-slider #genesis-responsive-slider .more-link:focus {
    border-color: #0098cb;
}

.genesis-nav-menu > li > .sub-menu > li:first-child > a:hover::before,
.genesis-nav-menu > li > .sub-menu > li:first-child > a:focus::before {
    border-bottom-color: #0098cb;
}

.flash,
.genesis-nav-menu .sub-menu a:hover,
.genesis-nav-menu .sub-menu a:focus {
    background: #0098cb;
    text-shadow: 0 1px 0 #083a7d;
}

a,
.archive-pagination .active a,
.entry-title a:hover,
.entry-title a:focus,
.genesis-nav-menu a:hover,
.genesis-nav-menu a:focus,
.genesis-nav-menu .current-menu-ancestor > a,
.genesis-nav-menu .current-menu-item > a,
.menu-icon:hover::before,
.menu-icon:focus::before,
.search-form input[type="submit"],
.sidebar a:hover,
.sidebar a:focus {
    color: #0098cb;
}

.archive-pagination a:hover,
.archive-pagination a:focus,
.genesis-nav-menu .sub-menu a {
    color: #fff;
}

input[type="search"],
.gallery img:hover,
.gallery img:focus {
    border-color: #0098cb !important;
}


/**********************************************************************************
    END SITE COLORS (MORE IN WOOCOMMERCE.CSS)
**********************************************************************************/






body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* remove selection rect from tabs/buttons */
a {
    outline: 0;
}

/**********************************************************************************
    SITE HEADER
**********************************************************************************/


.site-header,
.site-header .wrap,
.site-description {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition:    all 0.4s ease-in-out;
    transition:         all 0.4s ease-in-out;
}

/* shrink top padding..... ummmm, lets check all pages*/
.site-inner {
    padding-top: 24px !important;
}



/**********************************************************************************
    END SITE HEADER
**********************************************************************************/


/**********************************************************************************
    BREADCRUMBS
**********************************************************************************/

.breadcrumb {
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #666;
}
.breadcrumb a{
    padding: 4px;
}
.breadcrumb a:hover{
    background-color: #0098cb;
    color: #fff;
    border-radius: 3px;
    padding: 4px;
}


/**********************************************************************************
    END BREADCRUMBS
**********************************************************************************/


/**********************************************************************************
Utility Bar
**********************************************************************************/


    .utility-bar-left {
        float: left;
        text-align: left;
        color: #333;
        font-size: 11px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        line-height: 1.5;
    }
    .utility-bar-left .phone-num {
        _background-color: #0098CB;
        _background-color: rgba(0, 152,203,0.7);
        text-align: right;
        color: #333;
        _font-size: 12px;
        _font-family: 'Roboto', sans-serif;
        font-weight: 400;
        line-height: 1.5;
        display: inline-block;
        padding-left: 6px;
        padding-right: 6px;
        margin-top: 4px;
        border-radius: 3px;
    }

    .utility-bar-right {
        float: right;
        text-align: right;
    }

    .utility-bar input[type="search"] {
        background: inherit;
        padding: 10px 0 0;
        padding: 1.0rem 0 0;
    }

    /* smooth nav bar movement when scrolling screen */
#nav-primary,
.nav-primary {
    -webkit-transition:  all 2s ease-in-out 0s;
    -moz-transition:     all 2s ease-in-out 0s;
    transition:         all 2s ease-in-out 0s;
    
}

/**********************************************************************************
    END Utility Bar
**********************************************************************************/

/**********************************************************************************
    FOOTER WIDGETS
**********************************************************************************/

/* override style.css to stop links being too long (unequal height widgets break the look*/
.footer-widgets li {
    margin-bottom: 0px;
}

.footer-widgets, .footer-widgets a, .footer-widgets p, .footer-widgets .widget-title {
    color: #fff!important;
    letter-spacing: 1px;
    font-size: 16px;
    font-size: 1.6rem;
}

.footer-widgets {
    border-top: 5px solid #fff;
    background-color: #8c8d91;
    clear: both;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 0 0 0 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.footer-widgets a{
    padding: 4px;
}
.footer-widgets a:hover {
    background-color: #0098cb;
    color: #fff;
    border-radius: 3px;
    padding: 4px;
}

/* we are overrideing global wrap style - footer wrap isn't constrained to site width
*/
#genesis-footer-widgets .wrap{
    max-width: none !important;
    padding: 0px;
}

/* override global widget title style */
.footer-widgets h3.widgettitle.widget-title {
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color:transparent;

    border-radius: 2px;
    border-bottom-width: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 4px;
    font-weight: 600;
}

/* Footer Widgets
---------------------------------------------------------------------------------------------------- */

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
    float: left;
    padding: 60px 4%;
    padding-top: 50px;
    min-height: 266px; /*force equal size widgets in footer*/
}


.footer-widgets-1 {
    /* override above padding*/
    padding-left: 0px!important;
    padding-right: 2%;
    /* override above text-transform*/
    text-transform: none;

    background-color: #fcbe0f;
    text-align: right;
    width: 25%;

}

.footer-widgets-2 {
    text-align: left;
    width: 39.8%;
}

.footer-widgets-3 {
    padding-left: 0;
    text-align: left;
    width: 35%;
}

.footer-widgets .widget {
    margin-bottom: 30px;
}

.footer-widgets h1,
.footer-widgets h2,
.footer-widgets h3,
.footer-widgets h4,
.footer-widgets h5,
.footer-widgets h6 {
    color: #fff;
}

.footer-widgets p {
    margin-bottom: 5px;
}

.footer-widgets p:last-child,
.footer-widgets .widget:last-child {
    margin-bottom: 0;
}

.footer-widgets .widget-title {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 1px;
}



#footer-links a{
    font-size: 12px;
    font-size: 1.2rem;
}



/**********************************************************************************
    END FOOTER WIDGETS
**********************************************************************************/

/**********************************************************************************
    FOOTER
**********************************************************************************/
.site-footer {
    background-color: #e2e2e2;
    color: #555;
    font-family: Lato, Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    padding: 20px 0;
    text-align: center;

    font-weight: 500;
    font-size: 11px;
    font-size: 1.1rem;
    color: #666;
    text-decoration: none;
    text-transform: uppercase;
}
.site-footer .logo {
    padding: 2px;
}
.site-footer .logo:hover {
    background-color: #0098cb;
    color: #fff;
    border-radius: 3px;
    padding: 2px;
}

.site-footer p a {
    color: #666;
}

.site-footer p a : hover {
    color: #666;
}


/* Site Sticky Footer
*/
html, body {height: 100%;}

.site-container {min-height: 100%;}

#main {overflow:auto;
    padding-bottom: 4em;}  /* must be same height as the footer */

.site-footer {
    position: relative;
    margin-top: -4em; /* negative value of footer height */
    height: 4em;
    clear:both;}

/*Opera Fix*/
body:before {
    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px;/
}
/* And on your html page you will need this conditional style for IE6 and earlier and for IE8 (!IE7 means not 7, but all others);

<!--[if !IE 7]>
<style type="text/css">
#wrap {display:table;height:100%}
</style>
  <![endif]-->
*/

/*
    You'll notice that the footer height is used three times. This is important and should be the same value for all three instances.
    The height properties are stretching the wrap <div> to the full height of the window.
    The negative margin of the footer brings it up into the padding created for the main <div>.
    Since the main rests inside the wrap the padding height is already part of the 100%. Thus the footer rests at the bottom of the page.
    http://www.cssstickyfooter.com/using-sticky-footer-code.html
*/

/**********************************************************************************
    END FOOTER
**********************************************************************************/

/*******************************************************************************************
 PAGE TITLE, FAQ PAGE TITLE
*******************************************************************************************/

.faq-page h1.entry-title,.extra-large-title, .page-title {
    font-size: 60px;
    /*font-size: 6rem; */
}
.faq-page h1.entry-title,
h1.entry-title,
.archive-title,
.page-title
{
    font-weight: 100;
    letter-spacing: -.03em;
}

/********************************************************************************************
    full width slider styles - will clip width or height depending on ratio when larger than orig
*********************************************************************************************/


/********************************************************************************************
    center responsive slider with max width set (so centeres after max width or greater)
*********************************************************************************************/



/********************************************************************************************
    FULL WIDTH PAGE TEMPLATE
*********************************************************************************************/




/********************************************************************************************
    END FULL WIDTH PAGE TEMPLATE
*********************************************************************************************/

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



/********************************************************************************************
    CTA widget section
*********************************************************************************************/


/********************************************************************************************
    END CTA widget section
*********************************************************************************************/


/********************************************************************************************
    FULL PAGE CONTENT
*********************************************************************************************/



/********************************************************************************************
    END FULL PAGE CONTENT
*********************************************************************************************/


/********************************************************************************************
    HOME WIDGET AREAS
*********************************************************************************************/





/********************************************************************************************
    END HOME WIDGET AREAS
*********************************************************************************************/




/********************************************************************************************
     MENU AREAS
*********************************************************************************************/


/********************************************************************************************
    END MENU AREAS
*********************************************************************************************/


/* Site Navigation
---------------------------------------------------------------------------------------------------- */

.genesis-nav-menu {
    clear: both;
    font-weight: 400; /* + */
    line-height: 1.5; /* + */
    width: 100%;
}

.genesis-nav-menu .menu-item {
    display: inline-block;
    text-align: left;
}
.genesis-nav-menu a {
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 1px;
    padding: 20px 24px; /* more space */
   text-transform: uppercase;
    text-decoration: none;
    color: #333;
}

.genesis-nav-menu .current-menu-item > a {
    color: #5aaed3; /* alt blue */
}
.genesis-nav-menu a:hover
{
    color: #0098cb; /* check colour */
    background-color: #fff;
    border-radius: 4px;
}
/*.genesis-nav-menu a:focus*/
.genesis-nav-menu .current-menu-ancestor > a,
.genesis-nav-menu .current-menu-item > a {
    color: #0098cb; /* check colour */
    background-color: #fff;
}


.genesis-nav-menu .sub-menu {
    background-color: #fff;
    left: -9999px;
    opacity: 0;
    position: absolute;
}

.genesis-nav-menu .sub-menu,
.genesis-nav-menu .sub-menu a {
    width: 180px;
    background: #fff;
    color: #111;
}

.genesis-nav-menu .sub-menu a:hover,
.genesis-nav-menu .sub-menu a:focus {
    background: #eaeaea;
    color: #111;
    _text-shadow: 0 1px 0 #831d0e;
}


.genesis-nav-menu .sub-menu .sub-menu {
    margin: -44px 0 0 179px;
}

.genesis-nav-menu .sub-menu a {
    border: 1px solid #eee;
    border-top: 0;
    padding: 15px;
    position: relative;
    font-size: 12px;
    font-size: 1.2rem;
}

.genesis-nav-menu .menu-item:hover {
    position: static;
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
    left: auto;
    opacity: 1;
}

/*store menu (at top of page)
*/
#menu-store-menu a:hover{
    color: #fff;
}

/* Accessible Menu
--------------------------------------------- */

.menu .menu-item:focus {
    position: static;
}

.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sfHover > ul.sub-menu {
    left: auto;
    opacity: 1;
}


/**********************************************************************************
    TOP MENU STYLES - LHS IS FOR ADV/PHONE/SPECIAL MESSAGE
**********************************************************************************/

/* Primary Navigation
--------------------------------------------- */


#menu-store-menu{

}

.top-menu-lhs{
    position: absolute;
    left: 15px;
    background-color: #0098cb;
    background-color: #fcbe0f;
    _padding 4px;
}
.top-menu-lhs:hover{
    background-color: #fcbe0f;
    _padding 4px;

}


.nav-primary {
    float: right;
    margin-top: 2px;
}

.nav-primary .sub-menu {
    border-top: 1px solid #eee;
}

.nav-primary li.highlight > a {
    background-color: #fff;
    border: 1px solid #333;
    margin-left: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.nav-primary li.highlight > a:hover,
.nav-primary li.highlight > a:focus {
    background-color: #34313b;
    border: 1px solid #34313b;
    color: #fff;
}

.nav-primary .highlight > .sub-menu {
    margin-left: 15px;
}

.nav-primary .genesis-nav-menu li li {
    margin-left: 0;
}

/* Secondary Navigation
--------------------------------------------- */

.nav-secondary {
    border-bottom: 1px solid #efefef;
    border-top: 1px solid #efefef;
}

.nav-secondary .genesis-nav-menu a {
    padding: 0;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 6px;
    padding-right: 6px;
}

.nav-secondary .genesis-nav-menu a:hover {
    background-color: #0098cb;
    color: #fff;
    border-radius: 3px;
    _padding: 2px;
}


/* Responsive Navigation
--------------------------------------------- */

.sub-menu-toggle:focus::before {
    color: #5aaed3;
    background-color: #fff;
    text-shadow: none;
}

.menu-toggle:focus::before,
.menu-toggle:hover::before {
    background-color: #fff !important;
    color: #000;
}
.sub-menu-toggle:hover::before{
    background-color: #5aaed3;
    color: #fff;
}


/*****************
CART SUMMARY MENU ITEM
********************/
.hordern-menucart-contents{
    display: block!important;
    line-height: 19.5px;

}

/********************************************************************************************
    SIDEBAR WIDGET AREAS
*********************************************************************************************/

.call-to-action {
    color: #fff;
    background: #8c8d91;
;
    font-size: 18px;
    font-size: 1.8rem;
    padding: 0 0 40px 0;
    text-align: center;
    padding-top: 4%;

}
.call-to-action h3{
    margin-left: 0 !important;
    margin-right: 0!important;
    padding-left: 0!important;
    padding-right: 0!important;
    padding: 30px!important;
    border-radius: 3px;
}

.sidebar-widget-blue {
    background-color: rgb(0, 176, 217);

}
.sidebar-widget-orange {
    background-color: rgb(252, 190, 15);

}
.sidebar-widget-white {
    background-color: rgb(255, 255, 255);

}

.sidebar-image
{
    margin: 4px -20px;
}
.sidebar-primary .widget {
    margin-bottom: 20px;
    padding: 0 0px 0px;
}

.call-for-advice-widget {
    margin: 4px -20px;
    padding: 20px;

    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: -1.5px;
    transition: all 0.3s ease
}

.call-now {

}

a[href^="tel:"]:before {
    content: " \260E";
    display: inline-block;
    margin-right: 0.4em;
    margin-left: 0.3em;
}
a[href^="mailto:"]:before {
    content: " \260E";
    content: "\f465";
    display: inline-block;
    margin-right: 0.4em;
    margin-left: 0.3em;
}

.phone-num,
.phone-num a {
    color: inherit;
    font-size: inherit;
    text-decoration: none;
}

.phone-num a:hover
{
    _color: #999;
}

/********************************************************************************************
    END SIDEBAR WIDGET AREAS
*********************************************************************************************/

ul.products li.product .wc-new-badge {
    font-size: 0.8em;
    text-transform: uppercase;
    color: white;
    background: #FCBC06;
    padding: .1em 2.0em;
    display: inline-block;
    font-weight: 400;
    border-radius: 3px;
}

/******
Responsive FAQ
*******/

.href-content p{
    font-weight: 100!important;
}

h3.hrf-title {

    text-transform: uppercase;
    font-weight: 100!important;
}

.hrf-entry {
    border: none !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

h3.hrf-title {
    font-size: 18px;
    font-size: 1.8em;
    font-weight: 400;
    color: ##3e3e3e;
    _background: #0098CC; /* blue */
    _background: #00B0D9; /* lighter blue */

    padding: 10px;
    padding-left: 50px;
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline-style: none;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition:    all 0.3s ease-in-out;
    -ms-transition:     all 0.3s ease-in-out;
    -o-transition:      all 0.3s ease-in-out;
    transition:         all 0.3s ease-in-out;

}

h3.hrf-title:hover{
    background: rgba(0,152,203,0.9);
    color: #fff;
    border-radius: 3px;
}

    /* open icon */
.hrf-title.close-faq span {
    width: 30px;
    height: 30px;
    display: inline-block;
    position: relative;
    left: 0;
    top: 8px;
    margin-right: 12px;
    margin-left: -42px;
    color: #0098CC;
    border-radius: 4px;
    background: #ffffff url(http://everythingcctv-wp.dev:8888/wp-content/plugins/html5-responsive-faq/images/open.png) no-repeat center center;

}
hrf-title.open-faq span {
    width: 30px;
    height: 30px;
    display: inline-block;
    position: relative;
    left: 0;
    top: 8px;
    margin-right: 12px;
    margin-left: -42px;
    background: rgba(0,176,217,0.7) url(http://everythingcctv-wp.dev:8888/wp-content/plugins/html5-responsive-faq/images/close.png) no-repeat center center;
}



/* FAQ content */
.hrf-content {
    display: none;
    color: #444444;
    background: #ffffff;
    font-size:  16px !important;
    padding: 10px;
    padding-left: 50px;
    word-break: normal;
    font-weight: 100;
}


/******
END Responsive FAQ
*******/




/**********************************************************************************
   CONTACT PAGE
**********************************************************************************/

.contact-page{
    border-radius: 4px;
}

.contact-page h3 {
    font-szie: 30px;
    font-size: 3.0rem;
    text-transform: uppercase;
    background-color: #0098cb;
    color: #fff;
    padding-top: 28px;
    padding-bottom: 28px;
    text-align: center;
    font-weight: 400;
}
/* Widget Title in sidebar now matches Contact page heading */
h3.widgettitle.widget-title{
    text-transform: uppercase;
    background-color: #0098cb;
    background-color:    rgba(0,152,203, 0.7);
    border-radius: 2px;
    color: #fff;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 20px;
    margin-left: -20px;
    margin-right: -20px;
    /* override .widget-title */
    margin-bottom: 4px;
    font-weight: 600;
}
.contact-page p
{
    _margin-bottom: 8px;
    color: #555;
    font-weight: 300;
    text-transform: uppercase;
}
.contact-page h4 {
    margin-bottom: 24px;
    font-weight: 500;

    font-weight: 300;
    text-transform: uppercase;
}


input.wpcf7-form-control.wpcf7-submit
{
    width: 100%;
    background: #0098cb;
    border-color: #0098cb;
    text-shadow: 0 1px 0 #083a7d;
    color: #fff;
    border-radius: 2px;
    padding-top: 16px;
    padding-bottom: 16px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition:    all 0.4s ease-in-out;
    transition:         all 0.4s ease-in-out;
}
input.wpcf7-form-control.wpcf7-submit:hover{
    background-color: #555;
    border-color: #555;
}

div.wpcf7-response-output
{
    background-color: #fabd0f;
    border-color: #fabd0f;
    color: #fff;
    border-radius: 2px;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;

    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition:    all 0.4s ease-in-out;
    transition:         all 0.4s ease-in-out;

}

/**********************************************************************************
   END CONTACT PAGE
**********************************************************************************/

/***********************************************************************************
MIGS PAYMENT FORM
**********************************************************************************/
#migs_card_csc{
    width: 70px!important;
}
.woocommerce #payment .form-row select, .woocommerce-page #payment .form-row select {
    height: 52px!important;
}

/**********************************************************************************
   ABOUT PAGE
**********************************************************************************/

.about-page{
    border-radius: 4px;
}

.about-page h3 { color: #333; font-family: 'Helvetica Neue', sans-serif; font-size: 105px; font-weight: bold; letter-spacing: -1px; line-height: 1; text-align: center; }


.about-page h4 { color: #555; font-family: 'Open Sans', sans-serif; font-size: 30px; font-weight: 300; line-height: 32px; margin: 0 0 72px; text-align: left; }
.about-page .span-big {
    color: #555;
    font-weight: 300;
    font-size: 30px;
    line-height: 32px;
    text-transform: uppercase;
}
.about-page p {
    color: #555;
    font-size: 24px;
    font-weight: 300;

}
.about-page .about-page-img{

    border-radius: 8px;
    padding-right: 2%;
    width: 48%;
}
/**********************************************************************************
   END ABOUT PAGE
**********************************************************************************/


/**********************************************************************************
  TERMS PAGES
**********************************************************************************/


.page-terms h2,
.page-terms h2 a
.page-terms h4,
.page-terms h4 a {
    font-size: 18px;
    font-size: 1.8em;
    margin-bottom: 0.3em;
    padding-top: 15px;
    font-weight: 100;
    letter-spacing: -.03em;
    color: #076eb9;
    text-rendering: optimizeLegibility;
    text-transform: uppercase;
}

.page-terms h4, .page-terms h4 a {
    font-size: 16px;
    font-size: 1.6em;
    color: #076eb9;
    font-weight: 100;
}


.page-terms a{
    padding: 4px;
    font-size: 12px;
    text-transform: uppercase;
}
.page-terms a:hover{
    background-color: #0098cb;
    color: #fff;
    border-radius: 3px;
    padding: 4px;
}
/**********************************************************************************
  END TERMS PAGES
**********************************************************************************/


/* # Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {

    .home-slider #genesis-responsive-slider .flex-direction-nav li a,
    .home-slider.full .page-down {
        background-image: url(images/bg_direction_nav@2x.png);
    }

    .home-slider #genesis-responsive-slider .flex-control-nav li a {
        background-image: url(images/bg_control_nav@2x.png);
    }

}

@media only screen and (max-width: 1200px) {

    .nav-tertiary .genesis-nav-menu,
    .site-inner,
    .wrap {
        max-width: 960px;
    }

    .content,
    .site-header .nav-primary,
    .site-header .widget-area {
        width: 630px;
    }

    .site-header .search-form {
        width: 40%;
    }

    .sidebar-primary,
    .title-area {
        width: 270px;
    }

    /*.footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3,
    .footer-widgets-4 {
        width: 450px;
    }

    .footer-widgets-3 {
        clear: both;
    }

    .footer-widgets-1,
    .footer-widgets-2 {
        margin-right: 0;
    }

    .footer-widgets-2,
    .footer-widgets-4 {
        float: right;
    }
    */

}



@media only screen and (max-width: 960px) {

    .nav-tertiary .genesis-nav-menu,
    .site-inner,
    .wrap {
        max-width: 800px;
    }

    .site-inner {
        padding-top: 16px; /* fix padding at 16px */
    }

    .call-for-advice-widget { /*bigger down the bottom*/
        font-size: 32px;
        font-size: 3.6rem;
    }

    .content,
    .sidebar-primary,
    .sidebar-secondary,
    .site-header .widget-area,
    .site-header .nav-primary,
    .title-area {
        width: 100%;
    }

    .footer-widgets .search-form,
    .genesis-nav-menu li,
    .site-header ul.genesis-nav-menu,
    .site-header .search-form {
        float: none;
    }

    .genesis-nav-menu,
    .nav-header,
    .site-description,
    .site-header .title-area,
    .site-header .search-form,
    .site-title {
        text-align: center;
    }

    .nav-tertiary,
    .nav-tertiary.narrow,
    .site-header .wrap,
    .site-header .wrap.narrow {
        margin: 0 auto !important;
        padding: 0;
    }

    .title-area {
        padding: 20px 0 0;
    }

    .header-image .site-title a {
        background-position: center center !important;
        margin-bottom: 0;
    }

    .site-header .nav-primary .wrap,
    .site-header .widget-area {
        padding: 0 !important;
    }

    .site-header .search-form {
        margin: 12px auto 0;
    }

    .genesis-nav-menu li.right {
        display: none;
    }

    .home-featured-boxes .widget {
        clear: both;
        padding-left: 20px;
        width: 48.1%;
    }

    .home-featured-boxes .widget:nth-child(2n) {
        clear: none;
        float: right;
        margin-right: 0;
        padding-right: 20px;
    }

    .home-featured-content {
        margin-bottom: 0;
    }

    /* remove padding from sidebar widgets as they are now 100% width */
    .sidebar-primary .widget {
        padding: 0 0 0 0;
    }

    .sidebar-primary .widget li {
        margin: 4px -30px;
        padding: 10px 30px;
    }

    .sidebar-primary .widget_search .search-form {
        margin: 0 -30px;
    }



    /* ### Genesis Responsive Slider */

    .home-slider #genesis-responsive-slider .slide-excerpt {
        text-align: center;
        width: 100%;
    }

    .home-slider #genesis-responsive-slider .slide-excerpt-border {
        padding: 20px 50px 5px;
    }

    .home-slider #genesis-responsive-slider .flex-direction-nav li a {
        margin-top: -20px;
    }

    .home-slider #genesis-responsive-slider .flex-control-nav {
        display: none;
    }

    .home-slider #genesis-responsive-slider .flash {
        display: none;
    }

    .home-slider.full #genesis-responsive-slider .slide-excerpt-border {
        padding: 20px 50px;
    }

    .home-slider.full #genesis-responsive-slider .flash {
        display: block;
    }

    .home-slider.full #genesis-responsive-slider .more-link {
        display: inline-block;
        position: relative;
        right: auto;
        top: auto;
    }

}

@media only screen and (max-width: 768px) {

    .site-container {
        padding-top: 0 !important;
    }

    .archive-description,
    .author-box,
    .nav-tertiary .wrap,
    .site-header {
        padding: 0;
    }

    .five-sixths,
    .four-sixths,
    .one-fourth,
    .one-half,
    .one-sixth,
    .one-third,
    .three-fourths,
    .three-sixths,
    .two-fourths,
    .two-sixths,
    .two-thirds {
        margin: 0;
        width: 100%;
    }

    .site-header .search-form {
        display: none;
    }

    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3,
    .footer-widgets-4 {
        width: 100%;
    }

    /*.footer-widgets {
           padding: 60px 0 10px;
       }*/

    .footer-widgets .widget {
        margin-bottom: 50px;
    }
    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3 {
        padding: 20px 1%;
    }



    .content .entry-title {
        padding: 0 30px;
    }

    p.entry-meta {
        padding: 0 30px;
    }

    .content .entry-content {
        padding: 0 30px;
    }

    .entry-comments {
        padding: 40px 30px;
    }

    .entry-image.alignleft,
    .post-image.alignleft {
        margin: 0 30px 30px;
    }

    .entry-image.alignright,
    .post-image.alignright {
        margin: 0 30px 30px;
    }

    .comment-list li {
        padding: 30px;
    }

    .comment-list li li {
        margin-right: -30px;
    }

    .comment-respond input[type="email"],
    .comment-respond input[type="text"],
    .comment-respond input[type="url"] {
        width: 100%;
    }

    .entry-pings,
    .comment-respond {
        padding: 40px 30px 24px;
    }

    .entry-footer .entry-meta {
        padding: 32px 30px 8px;
    }

    .home-featured-boxes .widget {
        padding: 0 20px;
        width: 100%;
    }

    .home-featured-boxes .widget:nth-child(2n-1) {
        background-color: #f7f7f7;
    }


    .sidebar-secondary .widget {
        padding: 40px 30px;
    }

    .flash {
        display: none !important;
    }

    .nav-secondary,
    .nav-tertiary,
    .site-header {
        position: relative !important;
        top: 0 !important;
    }

    .genesis-nav-menu .menu-item-has-children::before {
        display: none;
    }

    /* ### Responsive Menu */

    .nav-header,
    .nav-primary,
    .nav-tertiary {
        display: none;
        padding: 1px 0 0 !important;
        position: relative;
    }

    .nav-tertiary .genesis-nav-menu > li > .sub-menu,
    .site-header .genesis-nav-menu > li > .sub-menu {
        margin-top: 0;
        padding-top: 0;
    }

    .nav-tertiary .genesis-nav-menu > li > .sub-menu > li:first-child > a:before,
    .site-header .genesis-nav-menu > li > .sub-menu > li:first-child > a:before {
        display: none;
    }

    .nav-primary.pagination {
        display: block;
    }

    .menu-toggle,
    .sub-menu-toggle {
        display: block;
        visibility: visible;
    }

    .menu-toggle {
        padding: 11px 0 !important;
    }

    .nav-tertiary .genesis-nav-menu .menu-item,
    .site-header .genesis-nav-menu .menu-item {
        display: block;
        position: relative;
        text-align: left;
    }

    .nav-tertiary .genesis-nav-menu .menu-item a,
    .site-header .genesis-nav-menu .menu-item a {
        border-top: 1px solid #e7e7e7;
        _font-size: 17px;
        _font-size: 1.7rem;
        margin: 0 0 1px 0;
        padding: 11px 55px 11px 20px;
        width: 100%;
    }

    .nav-tertiary .genesis-nav-menu .menu-item:first-child a {
        border: none;
    }

    .nav-tertiary .genesis-nav-menu .menu-item > a:focus ul.sub-menu,
    .nav-tertiary .genesis-nav-menu .menu-item > a:focus ul.sub-menu .sub-menu,
    .site-header .genesis-nav-menu .menu-item > a:focus ul.sub-menu,
    .site-header .genesis-nav-menu .menu-item > a:focus ul.sub-menu .sub-menu {
        left: 0;
        margin-left: 0;
    }

    .nav-tertiary .genesis-nav-menu > .menu-item-has-children > a:after,
    .site-header .genesis-nav-menu > .menu-item-has-children > a:after {
        content: none;
    }

    .nav-tertiary .genesis-nav-menu .sub-menu,
    .site-header .genesis-nav-menu .sub-menu {
        clear: both;
        display: none;
        margin: 0;
        opacity: 1;
        position: static;
        width: 100%;
    }

    .nav-tertiary .genesis-nav-menu .sub-menu .sub-menu,
    .site-header .genesis-nav-menu .sub-menu .sub-menu {
        margin: 0;
    }

    .nav-tertiary .genesis-nav-menu .sub-menu a,
    .site-header .genesis-nav-menu .sub-menu a {
        background: none !important;
        border: none;
        border-top: 1px solid #e7e7e7 !important;
        color: #111;
        _font-size: 16px;
        _font-size: 1.6rem;
        font-weight: normal;
        padding-left: 40px;
        text-shadow: none !important;
    }

    .nav-tertiary .genesis-nav-menu .sub-menu a:hover,
    .nav-tertiary .genesis-nav-menu .sub-menu a:focus,
    .nav-tertiary .genesis-nav-menu .sub-menu .current-menu-ancestor > a,
    .nav-tertiary .genesis-nav-menu .sub-menu .current-menu-item > a,
    .site-header .genesis-nav-menu .sub-menu a:hover,
    .site-header .genesis-nav-menu .sub-menu a:focus,
    .site-header .genesis-nav-menu .sub-menu .current-menu-ancestor > a,
    .site-header .genesis-nav-menu .sub-menu .current-menu-item > a {
        background-color: #fff;
        color: #0098cb;
    }

    .nav-tertiary .genesis-nav-menu .sub-menu .sub-menu a,
    .site-header .genesis-nav-menu .sub-menu .sub-menu a {
        padding-left: 60px;
    }

    /* ### Genesis Responsive Slider */

    .home-slider #genesis-responsive-slider .flex-direction-nav {
        display: none;
    }

    /* ### Hordern Pro Custom Color Styles */

    .hordern-pro-green .genesis-nav-menu li a:hover,
    .hordern-pro-green .genesis-nav-menu li a:focus,
    .hordern-pro-green .genesis-nav-menu .menu-item-has-children:hover::before,
    .hordern-pro-green .genesis-nav-menu .menu-item-has-children:focus::before,
    .hordern-pro-green .genesis-nav-menu .sub-menu li a:hover,
    .hordern-pro-green .genesis-nav-menu .sub-menu li a:focus,
    .hordern-pro-green .menu-toggle:hover::before,
    .hordern-pro-green .menu-toggle:focus::before,
    .hordern-pro-green .nav-tertiary .genesis-nav-menu .sub-menu .current-menu-ancestor > a,
    .hordern-pro-green .nav-tertiary .genesis-nav-menu .sub-menu .current-menu-item > a,
    .hordern-pro-green .site-header .genesis-nav-menu .sub-menu .current-menu-ancestor > a,
    .hordern-pro-green .site-header .genesis-nav-menu .sub-menu .current-menu-item > a,
    .hordern-pro-green .sub-menu-toggle:hover::before,
    .hordern-pro-green .sub-menu-toggle:focus::before {
        color: #38a006;
    }

    .hordern-pro-orange .genesis-nav-menu li a:hover,
    .hordern-pro-orange .genesis-nav-menu li a:focus,
    .hordern-pro-orange .genesis-nav-menu .menu-item-has-children:hover::before,
    .hordern-pro-orange .genesis-nav-menu .menu-item-has-children:focus::before,
    .hordern-pro-orange .genesis-nav-menu .sub-menu li a:hover,
    .hordern-pro-orange .genesis-nav-menu .sub-menu li a:focus,
    .hordern-pro-orange .menu-toggle:hover::before,
    .hordern-pro-orange .menu-toggle:focus::before,
    .hordern-pro-orange .nav-tertiary .genesis-nav-menu .sub-menu .current-menu-ancestor > a,
    .hordern-pro-orange .nav-tertiary .genesis-nav-menu .sub-menu .current-menu-item > a,
    .hordern-pro-orange .site-header .genesis-nav-menu .sub-menu .current-menu-ancestor > a,
    .hordern-pro-orange .site-header .genesis-nav-menu .sub-menu .current-menu-item > a,
    .hordern-pro-orange .sub-menu-toggle:hover::before,
    .hordern-pro-orange .sub-menu-toggle:focus::before {
        color: #e26b00;
    }

    .hordern-pro-purple .genesis-nav-menu li a:hover,
    .hordern-pro-purple .genesis-nav-menu li a:focus,
    .hordern-pro-purple .genesis-nav-menu .menu-item-has-children:hover::before,
    .hordern-pro-purple .genesis-nav-menu .menu-item-has-children:focus::before,
    .hordern-pro-purple .genesis-nav-menu .sub-menu li a:hover,
    .hordern-pro-purple .genesis-nav-menu .sub-menu li a:focus,
    .hordern-pro-purple .menu-toggle:hover::before,
    .hordern-pro-purple .menu-toggle:focus::before,
    .hordern-pro-purple .nav-tertiary .genesis-nav-menu .sub-menu .current-menu-ancestor > a,
    .hordern-pro-purple .nav-tertiary .genesis-nav-menu .sub-menu .current-menu-item > a,
    .hordern-pro-purple .site-header .genesis-nav-menu .sub-menu .current-menu-ancestor > a,
    .hordern-pro-purple .site-header .genesis-nav-menu .sub-menu .current-menu-item > a,
    .hordern-pro-purple .sub-menu-toggle:hover::before,
    .hordern-pro-purple .sub-menu-toggle:focus::before {
        color: #7d52cc;
    }

    .hordern-pro-pink .genesis-nav-menu li a:hover,
    .hordern-pro-pink .genesis-nav-menu li a:focus,
    .hordern-pro-pink .genesis-nav-menu .menu-item-has-children:hover::before,
    .hordern-pro-pink .genesis-nav-menu .menu-item-has-children:focus::before,
    .hordern-pro-pink .genesis-nav-menu .sub-menu li a:hover,
    .hordern-pro-pink .genesis-nav-menu .sub-menu li a:focus,
    .hordern-pro-pink .menu-toggle:hover::before,
    .hordern-pro-pink .menu-toggle:focus::before,
    .hordern-pro-pink .nav-tertiary .genesis-nav-menu .sub-menu .current-menu-ancestor > a,
    .hordern-pro-pink .nav-tertiary .genesis-nav-menu .sub-menu .current-menu-item > a,
    .hordern-pro-pink .site-header .genesis-nav-menu .sub-menu .current-menu-ancestor > a,
    .hordern-pro-pink .site-header .genesis-nav-menu .sub-menu .current-menu-item > a,
    .hordern-pro-pink .sub-menu-toggle:hover::before,
    .hordern-pro-pink .sub-menu-toggle:focus::before {
        color: #e75069;
    }

    .hordern-pro-blue .genesis-nav-menu li a:hover,
    .hordern-pro-blue .genesis-nav-menu li a:focus,
    .hordern-pro-blue .genesis-nav-menu .menu-item-has-children:hover::before,
    .hordern-pro-blue .genesis-nav-menu .menu-item-has-children:focus::before,
    .hordern-pro-blue .genesis-nav-menu .sub-menu li a:hover,
    .hordern-pro-blue .genesis-nav-menu .sub-menu li a:focus,
    .hordern-pro-blue .menu-toggle:hover::before,
    .hordern-pro-blue .menu-toggle:focus::before,
    .hordern-pro-blue .nav-tertiary .genesis-nav-menu .sub-menu .current-menu-ancestor > a,
    .hordern-pro-blue .nav-tertiary .genesis-nav-menu .sub-menu .current-menu-item > a,
    .hordern-pro-blue .site-header .genesis-nav-menu .sub-menu .current-menu-ancestor > a,
    .hordern-pro-blue .site-header .genesis-nav-menu .sub-menu .current-menu-item > a,
    .hordern-pro-blue .sub-menu-toggle:hover::before,
    .hordern-pro-blue .sub-menu-toggle:focus::before {
        color: #0098cb;
    }

}

@media only screen and (max-width: 480px) {

    body.custom-background {
        background-image: none !important;
    }

    .entry-comments {
        padding: 20px;
    }

    .comment-list li {
        padding: 30px 20px;
    }

    .comment-list li li {
        margin-right: -20px;
    }

    .sidebar-primary .widget {
        padding: 0 20px 20px;
    }

    .sidebar-primary .widget li {
        margin: 4px -20px;
        padding: 12px 20px;
    }

    .sidebar-primary .widget_search .search-form {
        margin: 0 -20px;
    }

    /* ### Genesis Responsive Slider */

    .home-slider #genesis-responsive-slider .slide-excerpt {
        display: none;
    }

}

@media only screen and (min-width: 769px) {

    .nav-header,
    .nav-primary {
        display: block !important;
    }

    .menu-toggle,
    .sub-menu-toggle {
        display: none !important;
        visibility: hidden !important;
    }

}

@media only screen and (max-height: 1100px) {

    .home-slider.full #genesis-responsive-slider .flash {
        bottom: 520px;
    }

}

@media only screen and (max-height: 900px) {

    .home-slider.full #genesis-responsive-slider .flash {
        bottom: 320px;
    }

}

@media only screen and (max-height: 700px) {

    .home-slider.full #genesis-responsive-slider .flash {
        display: none;
    }

}