﻿/* Wunderman Custom CSS */

/* FONT LOADING */
@font-face{font-family:'slick';src:url(/wp-content/themes/genesis-child/fonts/slick.eot);src:url(/wp-content/themes/genesis-child/fonts/slick.eot?#iefix) format("embedded-opentype"),url(/wp-content/themes/genesis-child/fonts/slick.ttf) format("truetype"),url(/wp-content/themes/genesis-child/fonts/slick.woff) format("woff"),url(/wp-content/themes/genesis-child/fonts/slick.svg#slick) format("svg");font-style:normal;font-weight:normal;}
@font-face{font-family:'Verlag Book';src:url(/wp-content/themes/genesis-child/fonts/Verlag-Book.eot);src:url(/wp-content/themes/genesis-child/fonts/Verlag-Book.eot?#iefix) format("embedded-opentype"),url(/wp-content/themes/genesis-child/fonts/Verlag-Book.ttf) format("truetype"),url(/wp-content/themes/genesis-child/fonts/Verlag-Book.woff) format("woff"),url(/wp-content/themes/genesis-child/fonts/Verlag-Book.svg#) format("svg");font-style:normal;font-weight:normal;}
@font-face{font-family:'weather';src:url(/wp-content/themes/genesis-child/fonts/artill_clean_icons-webfont.eot);src:url(/wp-content/themes/genesis-child/fonts/artill_clean_icons-webfont.eot?#iefix) format("embedded-opentype"),url(/wp-content/themes/genesis-child/fonts/artill_clean_icons-webfont.ttf) format("truetype"),url(/wp-content/themes/genesis-child/fonts/artill_clean_icons-webfont.woff) format("woff"),url(/wp-content/themes/genesis-child/fonts/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg) format("svg");font-style:normal;font-weight:normal;}

/* GLOBAL */
body { background: #ffffff; }
body, a, p, li { font-family:'Verlag Book'; font-style:normal; font-weight:normal; font-size:24px; }
a, .footer-widgets a { color: #0075BE; }
a:hover, .footer-widgets a:hover { color: #0078a0; }
/* Hide the repeated nav until we figure out how to remove it */
.site-container > .nav-primary { display: none; }

/* Header */
.site-header { min-height: 120px; height: 120px; }
.site-header .wrap { padding: 0px; }
.site-header .title-area, .site-header .nav-primary { display: inline-block; vertical-align: middle; }
.site-header .title-area { width: 30%; }
.site-header .nav-primary { width: 70%; background-color: #ffffff; text-align: right; }
header .site-description { display: none; }
header .header-logo { display: inline-block; vertical-align: middle; }
header .header-logo.animated { width: 83px; height: 83px; }
header .header-logo.primary { padding-left: 10px; }
header .header-logo.primary.mobile { display: none; }

/* Primary Nav */
.nav-primary .genesis-nav-menu .menu-item { width: 115px; vertical-align: top; }
.nav-primary .genesis-nav-menu a { color: #000000; font-size: 18px; padding: 30px 15px; }
.nav-primary .genesis-nav-menu > li > a { height: 96px; }
.nav-primary .genesis-nav-menu .current-menu-item > a, .nav-primary .genesis-nav-menu .current-menu-parent > a { background-color: #ffffff; color: #0075be; }
.nav-primary .genesis-nav-menu a:hover, .nav-primary .genesis-nav-menu .sub-menu .current-menu-item > a:hover { background-color: #1270bc; color: #ffffff; }
/* This little miracle I found keeps the primary nav hovered when you rollover child nav items */
.nav-primary .genesis-nav-menu li:hover > a { background-color: #0075be; color: #ffffff; }
/* Sub Nav */
.site-header .sub-menu { border-top: solid 1px #008CBA; }
.nav-primary .genesis-nav-menu .sub-menu a, .nav-primary .genesis-nav-menu .sub-menu a:hover { background-color: #0075be; color: #ffffff; border: none; border-bottom: solid 1px #008CBA; font-size: 16px; }

/* Footer */
/* Widgets */
.footer-widgets { color: #000000; }
.footer-widgets, .footer-widgets a { background-color: #ffffff; font-size: 15px; }
.footer-widgets-1 { width: 70%; margin-right: 0px; }
.footer-widgets-2 { display: none; }
.footer-widgets-3 { width: 30%; }
.footer-widgets .footer-logo { float: left; padding-right: 10px; }
.footer-widgets .copyright-info { overflow: hidden; }
.footer-widgets .social-icons { text-align: right; }
/* Genesis Footer */
.site-footer { display: none; }

/* Content */
.site-inner { padding-top: 0px; }
.entry { padding: 0px; }
.entry-header { display: table; width: 100%; }
.entry-header .entry-title { display: table-cell; text-transform: uppercase; width: 100%; height: 288px; vertical-align: middle; padding: 0px 80px; font-size: 48px; }
.content-container { padding: 10px 20px; }
.content-container h2 { font-size: 28px; padding: 25px 0px 25px 0px; font-weight: bold; font-style: italic; }
.content-container h3 { font-size: 22px; color: #0075be; padding: 5px 0px 5px 0px; font-weight: bold; }
.wdm-quote { float: right; width: 300px; height: 270px; background: url('/wp-content/uploads/background-quotes.png') no-repeat; padding: 20px; color: #ffffff; margin-top: 50px; margin-left: 50px; }

/* Soliloquy Slider */
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside { background: none; width: 500px; margin: 0px auto; padding-top: 8%; }
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside .headline { text-transform: uppercase; font-size: 60px; }
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside .sub-headline { font-size: 32px; padding: 20px 0px; }
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside .cta { padding-top: 100px; }
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside .cta a { color: #ffffff; text-transform: uppercase; font-size: 18px; border: solid 2px #ffffff; padding: 10px; }
.soliloquy-container .soliloquy-prev { background: rgba(0,0,0,0.0) url('/wp-content/uploads/arrow-white-left.png') no-repeat scroll 50% 50%; width: 24px; height: 43px; left: 20px; }
.soliloquy-container .soliloquy-next { background: rgba(0,0,0,0.0) url('/wp-content/uploads/arrow-white-right.png') no-repeat scroll 50% 50%; width: 24px; height: 43px; right: 20px; }

/* Global CTAs */
/* Styles that apply to ctas inside and outside the cta-container. */
.cta { margin-bottom: 5px; margin-right: 5px; display: inline-block; text-align: center; vertical-align: top; }
.cta.full-width, .cta.full-width .cta-content { width: 100%; }
.cta.full-width { padding: 40px; margin-right: 0px; }
.cta.full-width .cta-content { display: inline-block; }
.cta .cta-image { padding-bottom: 20px; }
.cta .cta-title, .cta .cta-title a { text-transform: uppercase; color: #ffffff; font-size: 24px; }
.cta .cta-title { padding: 0px 50px; line-height: 28px; }
.cta .cta-link { padding-top: 30px; }
.cta .cta-link a { color: #ffffff; padding: 10px 20px; border: solid 1px #ffffff; text-transform: uppercase; letter-spacing: 3px; }
/* The rollover state */
.cta .cta-link.rollover { display: none; }
.cta .cta-link.rollover a { color: #000000; border: solid 1px #000000; }
.cta .cta-copy { display: none; font-size: 18px; text-align: left; padding: 15px; }
/* The section of CTAs are in the .cta-container class. */
.cta-container { padding-bottom: 50px; }
.cta-container .cta { cursor: pointer; }
.cta-container .cta.one-col, .cta-container .cta.one-col .cta-content { width: 390px; height: 325px; }
.cta-container .cta.two-col, .cta-container .cta.two-col .cta-content { width: 792px; height: 325px; }
.cta-container .cta.full-width, .cta-container .cta.full-width .cta-content { padding: 0px; width: 1200px; height: 325px; }
.cta-container .cta .cta-content { display: table-cell; text-align: center; vertical-align: middle; }
/* Contact Us */
.cta.contact-us { background: url('/wp-content/uploads/green-placeholder.jpg') no-repeat; }
.cta.contact-us .cta-link.contact-link { padding-top: 30px; }
.cta.contact-us .cta-link.contact-link a { color: #000000; border: solid 1px #000000; font-size: 12px; }
/* Who We Are */
.cta.who-we-are { background: #efefef; }
.cta.who-we-are h3 { text-transform: uppercase; }
.cta.who-we-are p { font-size: 18px; }

/* HOME */

/* Content */
body.home .entry-header { display: none; }

/* Responsive Menu */
#responsive-menu .responsive-menu li a { white-space: normal !important; height: auto !important; }
#responsive-menu .appendLink { border-left: none !important; border-bottom: none !important; }

/* MEDIA QUERIES */

@media only screen and (max-width: 1200px) {
    .nav-primary .genesis-nav-menu .menu-item { width: 90px; }
    .nav-primary .genesis-nav-menu .sub-menu .menu-item { width: 105px; }
    .nav-primary .genesis-nav-menu a { color: #000000; font-size: 15px; padding: 30px 10px; }
    .nav-primary .genesis-nav-menu > li > a { height: 90px; }
    /* Soliloquy Slider */
    .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .cta { padding-top: 50px; }
    /* CTAs */
    .cta-container .cta.two-col, .cta-container .cta.two-col .cta-content, .cta-container .cta.full-width, .cta-container .cta.full-width .cta-content { width: 390px; }
    .cta .cta-copy { font-size: 16px; line-height: 24px; }
}

/* The site goes to the hamburger menu at 960 */
@media only screen and (max-width: 960px) {
    /* Header */
    .site-header { min-height: 80px; height: 80px; }
    .site-title { text-align: left; }
    .site-header .title-area { width: 100%; }
    header .header-logo.animated { display: none; }
    header .header-logo.primary { display: none; }
    header .header-logo.primary.mobile { display: inline; }
    /* Nav */
    .site-header .nav-primary { display: none; }
}

@media only screen and (max-width: 800px) {
    /* Content */
    .entry-header .entry-title { padding: 0px 20px; font-size: 28px; }
    .wdm-quote { float: none; margin: 10px auto; }
    /* Soliloquy Slider */
    .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .headline { font-size: 4vw; }
    .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .sub-headline { font-size: 3vw; }
    .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .cta { padding-top: 10px; }
    .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .cta a { font-size: 1.8vw; }
    /* Footer */
    .footer-widgets-1, .footer-widgets-3 { float: none; width: 95%; padding-left: 10px; }
    .footer-widgets .social-icons { text-align: center; }
    /* CTAs */
    .cta-container { text-align: center; }
    .cta.two-col, .cta.two-col .cta-content { width: 390px; }
}

@media only screen and (max-width: 600px) {
    /* Soliloquy Slider */
    .soliloquy-container .soliloquy-caption .soliloquy-caption-inside { width: 75%; padding-top: 5%; }
    .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .headline { font-size: 4.5vw; }
    .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .sub-headline { font-size: 3.8vw; padding: 7px 0px; }
    .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .cta { padding-top: 10px; }
    /* Footer */
    .footer-widgets-1, .footer-widgets-3 { float: none; width: 95%; padding-left: 10px; }
    /* CTAs */
    .cta-container { text-align: center; }
}

@media only screen and (max-width: 480px) {
    /* Content */
    .site-inner, .wrap { padding-left: 1%; padding-right: 1%; }
    .content-container { padding: 10px; }
    .entry-header .entry-title { font-size: 22px; }
    /* CTAs */
    .cta-container .cta.one-col, .cta-container .cta.one-col .cta-content, .cta-container .cta.two-col, .cta-container .cta.two-col .cta-content, .cta-container .cta.full-width, .cta-container .cta.full-width .cta-content { width: 325px; }
}

@media only screen and (max-width: 350px) {
    /* CTAs */
    .cta-container .cta.one-col, .cta-container .cta.one-col .cta-content, .cta-container .cta.two-col, .cta-container .cta.two-col .cta-content, .cta-container .cta.full-width, .cta-container .cta.full-width .cta-content { width: 300x; }
}