/*
    Theme Name:   Fastener
    Theme URI:    http://emeraldwexpositions.com
    Description:
    Author:       Melton Sharpe
    Author URI:   http://lastweak.com
    Template:     template-3
    Version:      1.0.0
    License:      The rights are reserved.
    License URI:
    Tags:
    Text Domain:
*/

/*
    So you want to make a child theme!?
    How it works:
    In a simpler time, all you needed to make a child theme was a style.css file in your theme 
    folder and you were 95% done. You would add the above commented code, then do an @import for 
    the parent stylesheet and below that you write your custom css to override the existing styles.
    That's no longer best practices so now we have to enqueue all stylesheets(and js files) in the 
    functions.php. This is already done, so barring and major markup changes, you would only need 
    to add your custom css below.


    New styles are below, in the interest of time, I'll make some notations to help wit the styling.
    Header, main content, sidebar, footer[in that order] with actual classes to help you with customization 
    and will be annotated to the best of my ability. =^-^=
*/

/*
    Table of Contents
    TBD
*/


/*-- General Styles --*/
    /* 
    WHAT GOES HERE :
    a tag color, button(light, dark) colors, overall font family, styles all the high level stuff
    */
    hr {
        border: 0;
        border-bottom: 1px solid #ccc;
    }
    /*They don't you to remove input outlines because it's usually bad for usability, so you know what? We gonna remove input outlines */
    *:focus{outline: none}


    /*-link styles-*/
    *{}
    a{color:#d83f21;}
    a:hover{text-decoration: none; color:#ae2c12;}
    b{color: inherit;}
    font{font:inherit;color: inherit;}

    /*-button styles*/
    .btn{
        display: inline-block;
    }
    .btn:hover{cursor: pointer;}
    .btn.light{background-color: #d83f21;}
    .btn.light:hover{background-color: #881e0a;}
    /*.gform_wrapper .gform_footer input[type=submit]{padding: 5px 15px;}*/
    .gform_wrapper .gform_footer input[type=submit]:hover{background-color: #881e0a;cursor: pointer;}
    .btn.dark{background-color: #001970;}
    .btn.dark:hover{background-color: #061342;}
    .btn:hover{}
    #sidebar .btn{text-transform: uppercase;}
    #sidebar .btn.fpl:hover, #sidebar .btn.exl:hover {
        color: #fff;
        background-color: #001970;
    }
    #sidebar .btn.fpl:hover > *, #sidebar .btn.exl:hover > * {
    color: #fff;
    background-color: #001970;
}

/*-- Header --*/
body > .ad-space{
    background-color: #eeeeee;
    padding: 10px;
    margin-bottom: 10px;
    margin-top: 0;
    text-align: center;
}
/*header .ad-space{width: calc(100% + 20px);margin-left: -10px;}*/
    /*-social media icons-*/
    header .social a{}
    header .social a:hover{}
    
    /*-nav background-*/
    #menu{background-color: #001970;margin-top: 15px;}
    .current-menu-ancestor{background-color: #ad2f16;}
    .current-menu-item a{background-color: #d83f21!important;}
    
    /*-top level menu item-*/
    #menu > div > ul > li > a{padding: 17px 10px 18px!important;}
    #menu > div > ul > li:hover > a{
        color: #fff;
        border-top: 0;
        padding-top: 20px;
        background-color: #ad2f16;
    }
/*#ad2f16*/
    /*-sub menu item-*/
    #menu ul li .sub-menu li{margin-right: 0;}
    #menu ul li .sub-menu li a{background-color: #ad2f16;}
    #menu > div > ul > li:hover .sub-menu li a{color: #fff;}
    #menu > div > ul > li .sub-menu li:hover > a{color: #fff;background-color: #d83f21;}
    
    /*-search box-*/
    #search{        
        border-left: 1px solid #001250;
        border-right: 1px solid #001250;
    }
    #search.open{background-color: #ad2f16;}
    #search .search-toggle{
        font-size: 26px;
        margin-top: 11px;
        display: block;
        margin-left: 5px;

    }
    #search .search-toggle i{
        color: #fff;
    }
    #search form input[type='text'] {
        width: calc(100% - 75px);
        border: 0;
        padding-left: 15px;
    }
    #search form input[type='submit'] {
        width: auto;
        border: 0;
        color: white;
        background-image: none;
        background-color: #001970;
        padding: 0 10px;
        /*background-position: -4px 104px;*/
    }
    #search form input[type='submit']:hover{
        background-color: #071343;
        cursor: pointer;
    }
    #search.open form{
        background-color: #ad2f16;
    }

    /*social*/
    #menu .social{
        float: right;
    }
    #menu .social a:hover{opacity: 0.5;}
    #menu .social i{
        color: #fff;
        font-size: 26px;
        padding: 14px 10px;
    }
    /*404 error*/


/*-- Header End --*/

/*-- Slider --*/
    /*
        <strikethrough>
        <img src="its-f***ing-nothing.gif">
        due to the different slider styles, this isin't initially available[v2!]</strikethrough>
        
        V2 time!
        NOTE: depending on the template used, #slider should be altered to #slider, #slider2 and #slider3
    */
    #slider{margin-top: -20px;margin-bottom: 0;}
    #slider + hr{margin: 15px 0 30px;}
    
    /*-slider buttons-*/
    #slider .rsUni .rsBullet:hover{cursor: pointer;}
    #slider .royalSlider .rsBullet span{width: 12px;height: 12px;}
    #slider .royalSlider .rsBullet.rsNavSelected span {background-color: #001970;}
#slider .rsUni .rsArrowIcn {
    width: 60px;
    height: 70px;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
    position: absolute;
    cursor: pointer;
    /*background: url('rs-universal.png');*/
    opacity: 1;
    border-radius: 0px;
    background-repeat: no-repeat;
}
#slider .rsUni.rsHor .rsArrowRight .rsArrowIcn {
    left: 0;
    background-position: 0;
    margin-left: 0;
    background: url('./img/right.png');

}
#slider .rsUni.rsHor .rsArrowLeft .rsArrowIcn {
    left: 0;
    background-position: 0;
    margin-left: 0;
    background: url('./img/left.png'); 
}
/*-- Slider End--*/
.sidebar{display: none;}

/*-- Content Area --*/
    /*-front page-*/

        /*flex areas*/
        .flex-spot{
            border-bottom: 1px solid #cccccc;
            padding-bottom: 45px;
        }
        .flex-spot h3{
            border-top: 0;
            padding-top: 0;
            text-transform: uppercase;
            margin-bottom: 5px;
        }
        .flex-spot a{}
        .flex-spot p{}
        
        /*Youtube Embed area*/
        .main .youtube{}

        /*-secondary content-*/
        #secondary{}

    /*-front page end-*/

    /*-general page usage-*/
    .fa{color: inherit;}
    .entry.col-10 {
        max-width: calc(1280px / 16 * 10 - 20px);
        width: 100%;
    }
    .entry > .entry-header{
        border-top: 0;
        border-bottom: 5px solid #323332;
        padding-bottom: 5px;
    }
    .entry .buttons{
        display: flex;
        justify-content: space-around;
    }
    .entry .btn.light.reg{
        display: inline-block;
        max-width: 320px;
        width: 100%;
        height: 80px;
        align-items: center;
        text-align: center;
        justify-content: center;
        padding: 20px 15px 0;
    }
    .entry .btn.light.reg:first-of-type{padding-top: 30px;}
    .entry .btn.light.reg:hover{
        color: #fff;
    }
    .entry .entry-header h1{text-transform: uppercase;}
    .entry.press.single h2.entry-header {margin: 17px 0 0;}
    .entry.press.single h2.entry-header a{font-weight: bold;}
    .entry .wp-caption{display: block;width: auto !important;}
    .entry .wp-caption img{float: left; margin-right: 15px;}
    .entry .wp-caption .wp-caption-text{font-size: 1em;color: #333;line-height: 22px;}
    .entry blockquote{
        padding: 0 30px;
        background-image: url('./img/blockquote.png');
        background-repeat: no-repeat;
        min-height: 55px;
        padding-top: 25px;
    }
    .entry blockquote p{
        color: #001970;
        font-size: 1.5em;
        font-weight: 300;
        line-height: 30px;
    }
    .entry blockquote strong{
        font:inherit;
        font-weight: bold;
        color:inherit;
    }

    /*.ginput_complex span label{display: none;}*/

        /*tables*/
        .entry table{width: 100%;}
        .entry table tr {}

        .entry table tr{border-top: 1px solid #ccc;}
        .entry table tr:last-of-type{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
        .entry table tr:nth-of-type(2n){background-color: #ebebeb;}
        .entry table tr td{float: none;padding: 5px 0;}
        .entry table tr td.col-2{
            padding-left: 15px;
            width: 160px;
            font-weight: bold;
        }
        .entry table tr td.col-3{width: 140px;}

    /*-FAQ page-*/
    .entry .ui-state-default:last-of-type{
        border-top: 1px solid #ccc;
    }
    .entry .ui-state-default:last-of-type{
        border-bottom: 1px solid #ccc;
    }
    .entry h3.ui-accordion-header{border-top: 1px solid #ccc;}
    .ui-accordion .ui-accordion-content{}
    .entry h3.ui-accordion-header:nth-of-type(2n+1){background: #ededed;}
    .entry h3.ui-accordion-header.ui-state-active{background: #001970;}
    .entry h3.ui-accordion-header {padding: 14px;}
    /*-Press Articles-*/

        /*sharing*/
        .social-share{}
        .social-share i.fa-facebook{}
        .social-share i.fa-twitter{}
        .social-share i.fa-envelope-o{}
        .social-share i.fa-print{}

    /*-Photo/Video Page-*/
    .main.photo-video .ui-widget-header{}

        /*tabs*/
        .main.photo-video .ui-state-active, .main.photo-video .ui-widget-content .ui-state-active, 
        .main.photo-video .ui-widget-header .ui-state-active{}
        .main.photo-video .ui-state-default, .main.photo-video .ui-widget-content .ui-state-default, 
        .main.photo-video .ui-widget-header .ui-state-default{}
        /*#tabs .rsOverflow{width: 100% !important;}*/

        /*gallery*/
        .photo-video .rsUni.rsHor .rsArrowRight .rsArrowIcn{}
        .photo-video .rsUni.rsHor .rsArrowLeft .rsArrowIcn{}

        .photo-video .rsOverflow.grab-cursor{}

    /*-- Exhibitor List and Floor Plan --*/
    .exhibitor-list form{}
    .exhibitor-list form input[type=submit]{}
    .exhibitor-list form .reset{}

    #exhibitor-list .list .item{}
    #exhibitor-list .list .item:nth-of-type(2n){}
    #exhibitor-list .list .item > div:first-of-type{}
    #exhibitor-list .list .item.open > div:first-of-type{}

    /*-- formses --*/
    .gform_wrapper input{
        border: 1px solid #ccc;
    }
    .gform_wrapper .gform_footer input[type=submit]{
        background-color: #d83f21;
        padding: 10px 23px;
        border: 0;
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
    }
    .ginput_container_fileupload input {
        border: 0;
    }
    .entry .gform_wrapper .top_label .gfield_label {
        margin-bottom: 0;
    }
    .gform_fields.top_label > li{margin-bottom: 0px;}
    /*.entry .gform_wrapper .ginput_complex label, .entry .gform_wrapper .instruction {
        font-size: .1em;
        margin: 5px;
    }*/
    .hide .ginput_container label{display: none!important;}
    /*.gfield.field_sublabel_below.field_description_below label{display: none;}*/
    .address_country select{width: 97%!important;}
    div.ginput_container_name span{margin-right: -13px !important;}

/*-- Content Area End --*/
/*-- search page --*/
.result .entry-header a{color: #333;}
.search.nav .pgntn-page-pagination {
    margin: 0;
    padding: 10px 0;
}
.hilite{color: inherit;font:inherit;}
.result .hilite {
    color: #d83f21;
    background-color: transparent!important;
}

/*-- Sidebar (Right Rail) --*/
.sidebar{
    max-width: 300px;
    margin: auto;
}
.sidebar .btn.exl {
    float: right;
}
.sidebar .btn.fpl {
    float: left;
}
.sidebar .btn.light, .sidebar .btn.dark {
    width: 300px;
    height: 64px;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 7px;
    display: inline-block;
}
.sidebar .btn.fpl, .sidebar .btn.exl {
    width: calc(50% - 6px);
    background-color: transparent;
    border: 0px solid #111;
    padding: 12px;
    color: #111;
    font-size: 18px;
}
.sidebar .btn.fpl > *, .sidebar .btn.exl > * {
    color: #001970;
    background-color: #ddd;
}
.sidebar .btn.fpl:hover, .sidebar .btn.exl:hover {
    color: #fff;
    background-color: #001970;
}
.sidebar .btn.fpl:hover > *, .sidebar .btn.exl:hover > * {
    color: #fff;
    background-color: #001970;
}

    /*-floor plan button-*/
    #sidebar .btn.fpl{background-color: #ddd;color: #001970;border: #ddd;}
    #sidebar .btn.fpl > *, #sidebar .btn.exl > *{color: #001970;}
    #sidebar .btn.fpl:hover{}

    /*-exhibitor list button-*/
    #sidebar .btn.exl{background-color: #ddd;color: #001970;border: #ddd;}
    #sidebar .btn.exl:hover{}

    #sidebar .widget{}
    #sidebar .gform_wrapper .gform_footer{padding: 0;}
    #field_6_1 > .gfield_label{display: none;}

    /* Sidebar Registration Box */

    .main-content.registration {
        margin: 0 auto 7px auto;
    }

    .registration{
        margin-bottom: 7px;
        width: 300px;
    }
    .registration .title{
        color:white;
        background-color: #790000;
        font-size: 24px;
        line-height: 50px;
        font-weight: bold;
        height:50px;
        text-transform:uppercase;
        text-align:center;
        vertical-align:middle;
    }
    .registration .content{
        color:white;
        background-color: #b61c39;
        height: 158px;
        text-align:center;
        padding-top:10px;
    }
    .registration .content .line1{
        font-size:24px;
        line-height:32px;
        font-weight: bold;
        color:white;
        text-transform:uppercase;

    }
    .registration .content .line2{
        font-size: 36px;
        line-height: 33px;
        font-weight: 900;
        color:white;
        text-transform:uppercase;
    }

    .registration a.button {
        font-size:24px;
        line-height:32px;
        font-weight: bold;
        color:white;
        background-color:#b61c39;
        padding: 7px 15px;
        border: 3px solid white;
        border-radius:5px;
        margin-top:15px;
        display:inline-block;
        text-transform:uppercase;
    }
        .registration a.button:hover{
            color: #b61c39;
            background-color:white;
        }      

    aside .registration{
        display:block;
    }

    .main-content.registration {
        display:none;
    }          

/*-- Sidebar (Right Rail) End --*/
footer .ad-space {
    border-top: 0px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    padding: 10px 0;
    text-align: center;
}
/*-- Footer --*/
footer{ background-color: #eee;
}
#seo{}
.copy a {
    color: #333;
}
.copy a:hover {
    color: #000;
}
.copy p{color: #333;}
.copy >p:nth-of-type(2){color: #888;}
footer .sitemap{width: 320px;}
footer .sitemap a{color:#d83f21;font-weight: 400;}
footer .sitemap a:hover{color:#ae2c12;font-weight: 400;}
.copy >p:nth-of-type(2) a{font-weight: 400;}
.copy >p:nth-of-type(2) a:hover{color:#000;}
/*-- Footer End -- */

/*-- responsive stuff --*/
/*tablet and down*/
@media screen and (max-width: 1279px) {
    #search.open form{
        top: 54px;
    }
    #menu .toggle {
        padding: 15px 0;
        display: inline-block;
        float: left;
        padding-left: 5px;
    }
    #menu .top-menu{margin-bottom: 0;}
    #menu .top-menu.open{background-color: #ad2f16;margin-right: -10px;}
    #menu > div > ul > li .sub-menu.open li a{
        background-color: #661b0c;
    }
    #menu > div > ul > li:hover .sub-menu.open li a:hover {
        background-color: #ad2f16;
    }
    #menu > div > ul > li:hover > a{
        background-color: #d83f21;
    }
    .current-menu-ancestor {
        background-color: #d83f21;
    }
    .current-menu-item a {
        background-color: #d83f21!important;
    }
    #menu .toggle.open {
        border: 16px #ad2f16 solid;
        padding: 0;
    }
    #menu .toggle.open a {
        background-color: #ad2f16;
    }

    aside .registration{
        display:block;
    }

    .main-content.registration {
        display:none;
    }     
}
/*tablet*/
@media screen and (max-width: 1279px) and (min-width: 768px) {
    header .logo, header .show-info{
        width: 50%;
    }
    header .show-info {
        margin-top: 15px;
    }
    header .logo a img{width: 100%; height: auto;}

    aside .registration{
        display:block;
    }

    .main-content.registration {
        display:none;
    }     
}
/*phone*/

@media screen and (max-width: 767px) {
    header .logo, header .show-info{
        float: none;
        clear: both;
        width: 100%;
        margin: auto;
        text-align: center;
        display: block;
    }
.sidebar{display: block;}

    .main {
        margin-bottom: 30px;
        float: none;
    }
    #sidebar{
        margin-top: 30px;
        margin-bottom: 45px;
    }
    footer .container{text-align: center;}
    footer .sitemap{float: none;margin: auto;margin-top: 15px;}
    .copy{
        float: none;
    }

    aside .registration{
        display:none;
    }

    .main-content.registration {
        display:block;
    }    
}

.alignright {float:right;margin-left:10px;}
.alignleft {float:left;margin-right:10px;margin-bottom:10px;}