/*
Template: wph
Theme Name:     airborn-events
Theme URI:      http://www.wphive.org
Author:         WP Hive
Description:    Child theme for client projects
*/

/*
 * Typography
 */

a:focus,
#content:focus {
    outline: none;
}

h1,
h2,
h3,
h4,
h5
.secondary-navigation .menu a {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
}

body,
p {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 1.125em;
}

#site-navigation {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 0.889em;
}


a:focus {
    outline: none;
}

.secondary-navigation {
    text-transform: uppercase;
}

.center {
    text-align: center;
}

img {
    border-radius: 0;
}

blockquote {
    font-family: 'Crimson Text', serif;
}

/*
 * Site Layout
 */


.row {
    max-width: 65em;
}

body {
    background-color: #ffffff;
}

.site-content {
    padding-top: 2.118em;
}

/*
 * #wph-top-bar
 */

#wph-top-bar {
    padding: 0.3em 0;
    background-color: #f2f2f2;
}

#wph-top-bar .textwidget {
    margin: 0;
    font-size: 0.833em;
}

.top-bar-right {
    float: right;
}

/*
 * #masthead
 */

@media (min-width: 768px) {

    .site-header {
        padding-top: 1.618em;
    }

    .site-header .site-logo-link {
        margin-bottom: 1.618em;
    }

    .site-header .custom-logo-link, 
    .site-header .site-branding, 
    .site-header .site-logo-anchor, 
    .site-header .site-logo-link {
        display: block;
        width: auto;
    }

    .wph-primary-navigation {
        background: rgba(81,81,81,1);
        text-align: center;
        text-transform: uppercase;
    }

    .main-navigation ul.menu>li>a, 
    .main-navigation ul.nav-menu>li>a {
        padding: 1.118em 1.8em;
    }

    .secondary-navigation .menu a {
        padding: 1.187em 1.2em;
    }

    .secondary-navigation .menu>li>a:before {
        background-color: rgba(0,0,0,0);
    }
    
}

.main-navigation ul li a:hover, 
.main-navigation ul li:hover > a, 
.site-title a:hover, 
a.cart-contents:hover, 
.site-header-cart .widget_shopping_cart a:hover, 
.site-header-cart:hover > li > a, 
.site-header ul.menu li.current-menu-item > a {
    color: #ffffff;
}

.site-header ul.menu li.current-menu-item > a {
    border-top: 3px solid #d42412;
}

.home.blog .site-header, 
.home.page:not(.page-template-template-homepage) 
.site-header, 
.home.post-type-archive-product .site-header, 
.no-wc-breadcrumb .site-header {
    margin-bottom: 0;
}

.site-header .custom-logo-link img, 
.site-header .site-logo-anchor img, 
.site-header .site-logo-link img {
    max-width: none;
}

/**** Mobile Nav ****/

button.menu-toggle {
    float: right;
    border: none;
    font-size: 1px;
    position: absolute;
    right: 30px;
    top: 38px;
}

button.menu-toggle, button.menu-toggle:hover {
    background-color: rgba(0, 0, 0, 0);
}

button.menu-toggle:focus {
    outline: none;
}

button.menu-toggle span:before, 
button.menu-toggle:after, 
button.menu-toggle:before {
    height: 3px;
    width: 20px;
    background-color: #515151;
}

button.menu-toggle:before {
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px);
    background-color: #515151;
}

button.menu-toggle:after {
    -webkit-transform: translateY(6px);
    -moz-transform: translateY(6px);
    -ms-transform: translateY(6px);
    -o-transform: translateY(6px);
    transform: translateY(6px);
    background-color: #515151;
}

.main-navigation.toggled .handheld-navigation {
    margin-left: -.4em;
    margin-right: -.4em;
    padding: 1em 0;
}

.handheld-navigation {
    text-align: center;
}

.handheld-navigation ul li a {
    border-top: 1px solid #333333;
    color: #ffffff !important;
}

.handheld-navigation ul ul {
    margin-left: 0;
}

.main-navigation ul li a:before {
    display: none;
}

.main-navigation.toggled {
    margin: -15px -15px 0 -15px;
    padding: 15px 15px 0 15px;
}

/*
 * Page Styling
 */

.home #hero-section {
    padding: 6em 0;
    background-size: contain;
}

.home #hero-section h2+h3 {
    border-top: none;
    padding-top: 0;
}

.home #hero-section h2 {
    font-size: 2.257em;
    color: #ffffff;
    -webkit-margin-after: 0;
    text-shadow: 1px 1px 10px rgba(25, 25, 25, 1);
}

.home #hero-section h3 {
    font-size: 1.229em;
    color: #ffffff;
    text-shadow: 1px 1px 10px rgba(25, 25, 25, 1);
}

@media (min-width: 768px) {

    .home #hero-section {
        padding: 14em 4.75em;
        background-size: auto;
    }

    .home #hero-section h2 {
        font-size: 3.857em;
    }

    .home #hero-section h3 {
        font-size: 2.429em;
    }

}

/*
 * Visual Composer Tweaks
 */

.js_active .site-content {
    padding-top: 0;
}

.js_active .content-area,
.js_active .site-main {
    margin-bottom: 0;
}

.js_active .hentry {
    margin: 0;
}


ul.list-1 {
  list-style: none;
  padding: 0;
}

.list-1 li {
  padding-left: 0.5em;
}

.list-1 li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  color: #a3a547;
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}

/*
 * #colophon
 */

.site-footer {
    padding: 0.618em 0 0;
}

.site-info {
    margin: 0 -9999em;
    padding: 0.85em 9999em;
    font-size: 13px;
}

.widget_nav_menu ul li:before {
    content: "\f1db";
    color: #ffffff;
    opacity: 1;
    font-size: 0.75em;
    vertical-align: middle;
}

.footer-widgets {
    font-size: 0.875em;
}

.footer-widgets h3 {
    font-size: 1.286em;
}

.footer-widgets a {
    font-weight: 400;
}

.footer-widgets {
    border-bottom: none;
}