div#algolia_instant_selector {
    box-sizing    : border-box;
    margin-left   : auto !important;
    margin-right  : auto !important;
    max-width     : 1200px;
    padding-left  : 30px;
    padding-right : 30px;
    width         : auto;
}

.algolia-hide-item {
    display: none;
}

/**   **********     Top search bar for instant search     **********   **/
/* expanding the block past the Algolia default css */
div.block.block-search {
    max-width        : 100%;
    height           : 45px;
    background-color : #2B2B2C;
    padding-left     : 10px;
}

/* container around text input autocomplete */
div#algolia-searchbox {
    padding-top  : 5px;
    padding-left : 13px;
    width        : 450px;
    position     : relative;
}

/* autocomplete box itself */
span#algolia-autocomplete-tt.algolia-autocomplete {
    background-color : #FFFFFF;
}

/* very specific target to pull the text of the search to the left, i dont like it but it's gotta be done ¯\_(ツ)_/¯  */
span#algolia-autocomplete-tt>input#search {
    padding-left : 10px;
}
/**   **********   End Top search bar for instant search   **********   **/



/**   **********   Ratings Facet Custom CSS   **********   **/

/* Facet Name/top box-container */
#algolia_instant_selector .facet .name {
    text-transform : none;
    color          : #2B2B2C;
    font-family    : 'GraphikMedium', Times, serif;
    font-size      : 14px;
    border         : none;
    height         : 45px;
}

div>a.ais-current-refined-values--clear-all {
    font-size : 14px;
    padding-top: 8px;
}

/* Facet Instance */
#algolia_instant_selector .facet {
    text-transform : none;
    color          : #2B2B2C;
    font-family    : 'GraphikRegular', Times, serif;
    font-size      : 14px;
    border         : none;
}

/* Hit result instance */
#algolia_instant_selector .result {
    text-transform : none;
    color          : #2B2B2C;
    font-family    : 'GraphikRegular', Times, serif;
    font-size      : 14px;
    border         : none;
}

/* star rating facet */
.ais-star-rating--star:before {
    content : '\2605';
    color   : #E37326;
}

.ais-star-rating--star__empty:before {
    content : '\2605';
    color   : #AEAFB1;
}

.ais-star-rating--star__outline:before {
    content : '\2606';
    color   : #AEAFB1;
}

.ais-star-rating--list {
    padding-right : 10px;
}

a.ais-star-rating--link {
    padding-left : 10px;
}

span.ais-star-rating--count {
    float : right;
}
/**   **********   End Ratings Facet Custom CSS   **********   **/



/**   **********   Filter bar at the top   **********   **/

div.ais-search-box {
    padding-top : 15px;
}

input#instant-search-bar {
    height        : 41px !important;
    border        : solid 1px #AEAFB1 !important;
    border-radius : 2px;
}

/**   **********   End Filter bar at the top   **********   **/



/**   **********   Hit results Custom CSS   **********   **/
/* outer box around the hits  */
div.ais-hits--item {
    /* max-width : 600px; */
}

/* inner box around the hits,  many layers */
div.result-wrapper {
    width      : 220px;
    height     : 276px;
    max-width  : 220px;
    max-height : 276px;
}

/* thumbnail sizing */
div.result-thumbnail>img {
    display    : inline;
    max-width  : 120px;
    max-height : 120px;
}

/* platform badge icon (m1/m2) */
div.result-platform-badge-icon {
    position : absolute;
    top      : 159px;
    left     : 158px;
    z-index  : 1;
}

.platform-badge-m1, .platform-badge-m2 {
    width         : 24px;
    height        : 19px;
    border-radius : 2px;
    font-size     : 12px;
    font-weight   : 500;
    text-align    : center;
    border        : solid 1px #2B2B2C;
    line-height   : 17px;
    font-family   : 'GraphikMedium', 'GraphikRegular', Times, serif;
}

.platform-badge-m1 {
    color            : #2B2B2C;
    background-color : #ffffff;
}

.platform-badge-m2 {
    color            : #FFFFFF;
    background-color : #2B2B2C;
}

/* partner badge spacer so all `hits` are uniform */
div.partner-badge-icon {
    height : 30px !important;
}

div.hit-partner-badge-premier {
    padding-top     : 5px;
    padding-bottom  : 5px;
    height          : 25px;
    background      : transparent url("../images/small_technology_partner_premier.png") no-repeat center;
    background-size : auto 25px;
}

div.hit-partner-badge-select {
    padding-top     : 5px;
    padding-bottom  : 5px;
    height          : 25px;
    background      : transparent url("../images/small_technology_partner_select.png") no-repeat center;
    background-size : auto 25px;
}

div.hit-select-extensions-partner-badge {
    padding-top     : 5px;
    padding-bottom  : 5px;
    height          : 25px;
    background      : transparent url("../images/small_select_extensions_partner.png") no-repeat center;
    background-size : auto 25px;
}

div.hit-technology-partner-general-badge {
    padding-top     : 5px;
    padding-bottom  : 5px;
    height          : 25px;
    background      : transparent url("../images/small_technology_partner_general.png") no-repeat center;
    background-size : auto 25px;
}

div.hit-premier-extensions-partner-badge {
    padding-top     : 5px;
    padding-bottom  : 5px;
    height          : 25px;
    background      : transparent url("../images/small_premier_extensions_partner.png") no-repeat center;
    background-size : auto 25px;
}

div.hit-solutions-partner-global-elite-badge {
    padding-top     : 5px;
    padding-bottom  : 5px;
    height          : 25px;
    background      : transparent url("../images/small_solutions_partner_global_elite.png") no-repeat center;
    background-size : auto 25px;
}

div.hit-solutions-partner-enterprise-badge {
    padding-top     : 5px;
    padding-bottom  : 5px;
    height          : 25px;
    background      : transparent url("../images/small_solutions_partner_enterprise.png") no-repeat center;
    background-size : auto 25px;
}

div.hit-solutions-partner-professional-badge {
    padding-top     : 5px;
    padding-bottom  : 5px;
    height          : 25px;
    background      : transparent url("../images/small_solutions_partner_professional.png") no-repeat center;
    background-size : auto 25px;
}

div.hit-solutions-partner-business-badge {
    padding-top     : 5px;
    padding-bottom  : 5px;
    height          : 25px;
    background      : transparent url("../images/small_solutions_partner_business.png") no-repeat center;
    background-size : auto 25px;
}

.algolia-title .page-title-wrapper {
    margin: 10px 0px;
}

.algolia-title #page-title-heading {
    height: 35px;
    font-size: 28px;
    font-family: "GraphikRegular";
    text-transform: none;
}

#algolia_instant_selector .breadcrumbs a {
    color: #2B2B2C;
}

#algolia_instant_selector .breadcrumbs {
    padding: 0px;
    margin: 0px;
    color: #2B2B2C;
}

#algolia_instant_selector .breadcrumbs li:last-child {
    color: #26a2aa;
}

#magento-developer-main .page-title {
    margin-left: auto;
    margin-right: auto;
    max-width: none;
    padding-left: 15px;
}

#magento-developer-main .breadcrumbs {
    margin: 0px auto 0px;
    max-width: none;
}

/* We want to show it on demand via JS */
.page-title-wrapper, .breadcrumbs {
    display: none;
}

.ais-current-refined-values--item {
    margin-top: 0px;
}

/**   **********   End Hit Results Custom CSS   **********   **/
#algolia-controls {
    margin-top:10px;
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    justify-content: center;
    align-items: center;
}
#instant-search-pagination-container {
    width: inherit;
}


/* account for screen sizes of a tablet or smaller */
@media (max-width: 992px) {
    div.block.block-search {
        display : none;
    }
    div.ais-search-box {
        padding-top   : 5px;
        padding-right : 10px;
    }
    div#algolia-left-container {
        max-width   : 100% !important;
        padding-top : 48px;
    }
    div.result-wrapper {
        margin : auto;
    }
    div.result-platform-badge-icon {
        top: 159px;
        left: 158px;
    }
}

@media (max-width: 767px) {
    div.result-platform-badge-icon {
        top: 144px;
        left: 312px;
    }
}

@media (max-width: 425px) {
    div.result-platform-badge-icon {
        top: 144px;
        left: 231px;
    }
}