@charset "UTF-8";
/* CSS Document */

/* for media="all and (min-width: 980px) and (min-device-width: 980px), all and (max-device-width: 1024px) and (min-width: 1024px) and (orientation:landscape)" */


/****************************/
/* 1 - Basic Layouts        */
/* 2 - Grid Containers      */
/* 3 - Grid Template Areas  */
/* 4 - Grid Item Names      */
/* 5 - Grid Item Styles     */
/* 6 - Flex Containers      */
/* 7 - Flex Items           */
/* 8 - Other Styles         */
/****************************/


header {
    width: 970px;
}

header .more-search-options ul li a.active {
    background-color: #CCCCCC;
}

header .more-search-options ul li a:hover {
    border-bottom: 1px solid #A4B4D0 !important;
}

header .more-search-options ul li a {
    color: #666;
    cursor: pointer;
}

header .using {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 14px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

header .using ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #E9E9E9;
    border: none;
    border-bottom: 3px solid #CCCCCC;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 70px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    list-style-type: none;
    overflow: visible;
    padding: 20px 40px 20px 0px;
    width: 100%;
}

header .using ul li {
    padding: 0 10px;
    font-family: "Gotham Narrow A", "Gotham Narrow B", Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
}

header .using ul li.first a {
    color: #C5813F;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 1px;
    padding: 10px;
    text-transform: uppercase;
}

header .using ul li a {
    color: #666;
    text-decoration: none;
    white-space: nowrap;
}

header .using ul li.info-group-last:after {
    content: "";
    border-right: 1px solid #ccc;
    padding: 15px;
    line-height: 40px;
    color: #666;
}

/* LG Default Adjustments */

#s-lg-guide-header { 
	margin-top: 0; 
}



@supports (grid-area: auto){


    /*******************************/
    /* 2 - Grid Templates - Header */
    /*******************************/

    /* Default */

   
	header.container-grid {
        grid-template-columns: minmax(auto, 350px) auto 361px;
        grid-template-rows: 42px 42px 42px 24px 48px auto;
        grid-template-areas:
            "logo . ."
            "logo . hamb-search"
            "logo . searches-default"
			"logo . ."
            "nav-main nav-main nav-main"
            "using using using";
    }
	

    /* Hamburger Menu Expanded */

    header.container-grid.hamb-expanded {
        grid-template-columns: minmax(auto, 350px) minmax(auto, 200px) 130px 290px;
        /*grid-template-rows: 42px 42px auto 24px 48px auto;*/
		grid-template-rows: 42px 42px 42px 100px 10px 47px auto;
        grid-template-areas:
			"logo . . ."              
			"logo . hamb-search hamb-search"              
			"logo nav-more nav-more nav-more"  
			". nav-more nav-more nav-more"  
			". . . ."              
			"nav-main nav-main nav-main nav-main"              
			"using using using using"
    }

    /* Search Options Active */

    header.container-grid.search-options-on {
        grid-template-columns: minmax(auto, 350px) auto 361px;
        grid-template-rows: 42px 42px 42px 24px 48px auto;
        grid-template-areas:
            "logo . ."
            "logo . hamb-search"
            "logo . search-options"
            "logo . ."
            "nav-main nav-main nav-main"
            "using using using";
    }

    /* More Searches Expanded */

    header.container-grid.more-searches-expanded {
        grid-template-columns: minmax(auto, 350px) auto 361px;
        grid-template-rows: 42px 42px auto 24px 48px auto;
        grid-template-areas:
            "logo logo ."
            "logo logo hamb-search"
            ". more-search-options more-search-options"
            ". . ."
            "nav-main nav-main nav-main"
            "using using using";	
    }
	
	header.container-grid.more-searches-expanded {
		grid-template-columns: minmax(auto, 350px) auto 361px;
		grid-template-rows: 42px 42px 24px auto 18px 48px auto;
		grid-template-areas: "logo logo ." "logo logo hamb-search" "logo logo more-search-options"". . more-search-options" ". . ." "nav-main nav-main nav-main" "using using using";
	}

   

    /*******************************/

	
	header .hamb-search .search-form #main-search-input {
		width: 330px;
	}

    header .nav-main {
    width: 100%;
    margin: 0;
    background: #777677;
    border: 0;
    height: 48px;
    border-top: 3px solid #818181;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    }

    header .nav-main ul {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: inherit;
        padding: 0 ;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 999 !important;
        /*! margin: 13px auto; */
        margin: auto;
    }


    header .nav-main ul li {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 1em;
        font-family: "Gotham Narrow A", "Gotham Narrow B", Arial, sans-serif;
        text-transform: uppercase;
        color: #898989;
        white-space: nowrap;
        font-size: 15px;
    }

    header .nav-main .menu a {
        color: #fbfbfb;
    }

    header .nav-main ul li a:hover {
        color: #FFF;
		text-decoration: underline;
    }

    header #searches-more {
        -ms-flex-item-align: right;
        align-self: right;
        justify-self: right;
        margin: 0 0 10px 0;
    }

    header .nav-more {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    header .nav-more ul {
		padding-right: 16px;
        border-right: 1px solid #ccc;
    }
    header .nav-more ul:last-child {
        border-right: none;
    }
}