/* Simpson Strong-Tie css modifications version 1/19/2017 jwa */

/* set default SST styling */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {

    color: #373737;
}


/* switch map to right / search left */
.map-copyrights-box {
    float: right !important ;
}

/* fix height size for view outside iframe */
.map-copyrights-box {
    max-height: 803px;
}

/* form / sidebar */

.poi {
    padding: 0 0 10px 0 !important ;
    width: 100% !important ;
}

.forms-poi-box {
    background: #83778B !important ;
}

/* form inputs */
.search-icon:hover {
    background-image: url(../images/search-button-hover.png) !important ;
}

.locator-wrapper {
    padding: 6px 15px 0 !important ;
    width: 100% !important ;
    margin: 17px auto 0 !important ;
}

.locator-wrapper .search-box, .dd-form-wrapper .search-box {
    background-color: #fff !important ;
    color: #373737 !important ;
}

input[type="submit"], #search_button {
    cursor: pointer !important ;
}

#locator_search {
    margin-bottom: 0 !important ;
}

#locator_search span:hover {
    color: #fff !important ;
}

.button-location {
    cursor: pointer !important ;
}

.dropdown.radius {
    background-color: #fff !important;
    border: none;
    outline: 0px;
    border-radius: 0px !important;
    cursor: pointer !important;
    color: #373737;
    height: 32px;
    margin: 14px 6px 15px 0 !important;
    width: 95px;
}

.radius-wrapper span {
    float: left !important ;
    line-height: 61px !important ;
    display: inline-block !important ;
    padding-right: 5px !important ;
}

/* filter product selections */
.filter-toggles {
    padding: 15px 0 10px 20px !important;
    width: calc(100% - 20px) !important;
}

.filter-grid .filter-toggles input {
    margin-left: -20px;
}

.filter-toggles ul li {
    width: 90% !important;
}

.sst-prod-select {
    width: 100% !important ;
    display: block !important ;
    margin-left: -30px !important ;
    background: #93899A !important ;
    line-height: 40px !important ;
    padding-left: 30px !important ;
}

.filterToggle.sst-prod-select .fa-plus, .filterToggle.sst-prod-select .fa-minus {
    position: relative !important;
    float: right;
    margin-right: 16%;
    margin-top: 11px;
    font-size: 18px;
}

.sst-prod-select .iconsfa.fa-plus:before,
.sst-prod-select .iconsfa.fa-minus:before {
    margin-right: .5em;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: normal;
}

.filterToggle.sst-prod-select .fa-plus {
    margin-left: 10px !important ;
    position: relative !important ;
}

.sst-prod-select .fa-minus:after {
    content: "\f077" !important;
}

.sst-prod-select .fa-minus:before {
    content: "Less" !important;
}

.sst-prod-select .fa-plus:after {
    content: "\f078";
}

.sst-prod-select .fa-plus:before {
    content: "More";
}

.locator-wrapper label, .dd-form-wrapper label,
#locator_search span, .filterToggle {
    font-weight: lighter !important ;
}


/* results section poi */

.poi h3 {
    color:#375168 !important ;
    margin-left: 15px !important ;
    border-bottom: 1px solid #bcbcbc !important ;
}

.poi h3 span {
       color:#375168 !important ; 
}

div.call-ahead-notice {
    margin-left: 15px !important ;
    text-align: left !important ;
    padding-bottom: 10px !important ;
    color: #FF5308 !important ;
    padding:5px 15px 10px 0px !important ;
    border-bottom: 1px solid #bcbcbc !important ;
    font-weight: bold !important ;
}

.content-list.poi-result li {
    float: left !important ;
    width: 100% !important ;
    border: none !important ;
    padding: 10px !important ;
    position: relative !important ;
    line-height: 20px !important ;
    font-size: 15px !important ;
    line-height: 24px !important ;
    color: #172838 !important ;
}

.content-list.poi-result li.poi-item,
.poi .content-list li.poi-item.poi-hover {
    border-radius: 5px !important ;
    width:92% !important ;
}

.content-list.poi-result li.poi-item:hover,
.poi .content-list li.poi-item.poi-hover {
    background-color: #375168 !important ;
    color:#fff !important ;
    border-radius: 5px !important ;
    width:92% !important ;
    font-weight: lighter !important;
    -webkit-transition: all .3s ease-in-out !important ;
    -moz-transition: all .3s ease-in-out !important ;
    -o-transition: all .3s ease-in-out !important ;
    transition: all .3s ease-in-out !important ;
}

.poi,
.content-list,
.poi .content-list li {
    background: #f8f8f0 !important ;
}

.content-list.poi-result .poi_number {
    margin-left: 0px !important ;
    left: 3px !important ;
    width: 32px !important ;
    height: 40px !important ;
    text-align: center !important ;
    color: #fff !important ;
    background-image: url('../images/map-pin-poi.png') !important ;
    background-repeat: no-repeat !important ;
    background-position: center 0px !important ;
    font-weight: lighter !important ;
    padding-top: 1px !important ;
}

.content-list.poi-result {
    margin-right: 10px !important ;
    margin-left: 10px !important ;
}

ul.content-list.address-suggestions {
    padding-left: 15px;
}

ul.content-list.address-suggestions:before {
    content: 'For best search results include CITY and STATE in your search.';
    display: block;
    padding: 10px 10px 10px 0;
    color: #FF5308;
}

ul.content-list.address-suggestions li {
    border: 1px solid #ccc;
    width: 40%;
    cursor: pointer;
    min-height: 65px;
    background: rgba(255, 255, 255, 0.5) !important;
}

ul.content-list.address-suggestions li:hover {
    background: #fff !important;
    border-color: #93899a;
}

.content-list.poi-result li.poi-item:hover .poi_number,
.content-list.poi-result li.poi-item.poi-hover .poi_number {
        background-image: url('../images/map-pin-poi-hover.png') !important ;
}

.poititle {
    font-weight: bolder;
}

.content-list.poi-result .poi_address {
    margin-left: 30px !important ;
}

.desktopPhone .fa-phone,
.mobilePhone .fa-phone {
    font-size: 20px !important ;
    position: relative !important ;
    top: 4px !important ;
    left: -4px !important ;
}

.desktopWebsite .fa-link {
    font-size: 17px !important ;
    position: relative !important ;
    top: 3px !important ;
    left: -4px !important ;
}

.content-list.poi-result  .sst-prod-lines {
    margin: 5px 0 5px 0 !important ;
}

.content-list.poi-result  .sst-prod-lines span {
    display: inline;
}

.sst-prod-lines span.prod-lines-title {
    font-weight: bold !important ;
}

/* action icons */

.content-list.poi-result .phone, .content-list.poi-result .send-actions {
    width: 100% !important ;
}

.content-list.poi-result .phone {
    font-style: normal !important ;
}

div.sst-action-icons {
    width: 120% !important ;
    margin-left: 0 !important ;
}

.sst-action-icons .emailicon,
.sst-action-icons .mobileicon {
    background:none !important ;
    height:25px !important ;
    line-height: 31px !important ;
    float: left !important ;
    white-space: nowrap !important ;
}

.sst-action-icons .mobileicon .fa-mobile,
.sst-action-icons .emailicon .fa-envelope {
    color: #21759b;
}

.sst-action-icons .mobileicon .fa-mobile {
    position: relative !important ;
    font-size: 23px !important ;
    top: 2px !important ;
}

.content-list.poi-result .send-actions a,
.poi-item a {
    font-size: 15px !important ;
    font-weight: normal;
    width: 45% !important ;
}

.content-list.poi-result .send-actions a {
    display: inline-block;
    width: 20px;
    font-size: 15px;
    vertical-align: middle;
}

/*.content-list.poi-result li.poi-item:hover .emailicon,  .content-list.poi-result li.poi-hover .emailicon {
    background:url('') no-repeat !important ;
}

.content-list.poi-result li.poi-item:hover .mobileicon,  .content-list.poi-result li.poi-hover .mobileicon {
    background:url('') no-repeat !important ;
}*/

.store-details-btn,
.store-directions-btn {
        width:45% !important ;
        display:inline-block !important ;
        margin:5px 0px !important ;
        text-align:center !important ;
        padding:8px 25px !important ;
        background: #83778B !important ;
        text-decoration:none!important !important ;
        color:#fff!important !important ;
        border-radius: 5px !important ;
        -webkit-transition: all .3s ease-in-out !important ;
        -moz-transition: all .3s ease-in-out !important ;
        -o-transition: all .3s ease-in-out !important ;
        transition: all .3s ease-in-out !important ;
}

li.poi-item:hover .store-details-btn,
li.poi-item:hover .store-directions-btn {
        background: #819db9 !important ;
}

.getdirections .fa-car,
.mobilePhone .fa-link {
    color: #fff !important !important ;
}

.poi-item hr {
    border: 0 !important ;
    border-top: 1px solid #bcbcbc !important ;
    margin: 0 !important ;
    margin-top: 5px !important ;
    margin-left:-35px !important ;
    padding:0 !important ;
}

.content-list.poi-result li.poi-item:hover  hr {
    visibility: hidden !important ;
}

/* Driving Directions View */

.searchagain {
    background: #93899a !important;
}

#driving_directions .button-search {
    background-color: #72647B !important;
    width: 66% !important;
    margin: 0px 4px -4px 3px;
}

#driving_directions label {
    font-size: 15px;
    line-height: 0;
}

/* get directions */

.mobilePhone {
    display: inline !important;
}

.poi_address a.getdirections {
    color: #21759b;
    text-decoration: none;
}

.poi_address a.getdirections:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\f041";
    font-size: 20px;
    margin-left: 5px;
    margin-right: 5px;
}

/************** MOBILE ***************/

div#hideSearchArea,
div#refineMobile {
    margin-bottom: 10px !important ;
    font-weight: normal !important ;
    line-height: 30px !important ;
}

.forms-poi-box {
    box-shadow: none !important;
}

.poi_paging_wrapper {
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #ccc;
}

.poi.maneuver { 
    height: 590px !important;
    padding-bottom: 20px !important;
}

.poi { 
    /*height: calc(700px - 140px) !important;
    height: calc(705px - 125px) !important; */
    
}



/* media quaries / responsive */

@media (max-width: 900px) and (min-width: 601px) {

    .locator-wrapper {
        margin: 10px auto 0 !important;
        padding: 6px 10px 0 !important ;
    }

    .button-location {
        right:10%;
    }

    


@media (max-width: 601px) {

    .store-details-link {
        display: none !important !important ;
    }

    .poi {
        /*height: calc(700px - 210px) !important;*/
        height: calc(903px - 210px) !important;
    }

    .forms-poi-box.show-filter .poi {
        height: calc(240px + -0px) !important;
    }

    /* mobile refine search showing */
    .poi.refine-search-show {
        height: calc(700px - 15px) !important;
    }

}

@media (max-width: 601px) and (min-width: 0px) {

    .forms-poi-box {
        z-index:100;
    }

    .poi.maneuver { 
        height: 625px !important;
        padding-bottom: 0 !important;
    }

}

@media(min-width:601px) and (max-width:1000px) {

    .content-list.poi-result .send-actions a,
    .poi-item a {
        width: 100% !important ;
    }

}


@media(min-width:601px) and (max-width:1200px) {

    .content-list.poi-result .send-actions a,
    .poi-item a {
        width: 80% !important ;
    }

    .forms-poi-box.show-filter .poi {
        height: calc(250px + 65px) !important;
    }

}


@media(min-width:601px) and (max-width:1300px) {

    #driving_directions input.search-box {
        width: 55% !important;
       /* display: block !important; */
    }

    #driving_directions .button-search {
        width: 80% !important;
        display: block !important;
    }

}

@media(min-width:601px) and (max-width:5000px) {
    .poi {
        max-height:initial !important;
        min-height:initial !important;
    }
}