/* Styles for favourites starts here */

.favs-option-btn {
    background: #fff;
    padding: 5px 10px;
    color: #6b6b6b;
    text-decoration: none;
    height: 22px;
}

.float-left {
    float: left;
}
.shareIconContent{
    width:50px;
    position: absolute;
    bottom: 22px;
    right: 35px;
    display:none;
}
.favs-title {
    width: 50%;
}

.favs-options {
    width: 36%;
    /* border: solid 1px red; */
}

.favs-header {
    padding-top: 25px;
    /* border: solid 1px red; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1330px;
    margin: 0 auto;
    padding-left: 35px;
    padding-right: 35px;
    justify-content:  space-between;
}

.favs-header h1 {
    font-family: 'Philosopher-Bold';
    font-size: 35px;
    position: relative;
    left: -12px;
}

.favs-tab-list li {
    margin: 0 50px 0 50px;
}

.favs-content .favs-tab-list {
    margin: 0 auto;
    width: 60%;
}

.favs-tab-container {
    background: #fff;
}

.favs-tab-container .resp-tab-content-active {
    margin-top: 0;
    padding: 30px 50px;
}

.result-container .door-terms-li {
    width: 100%;
}

.result-container .door-terms li {
    padding: 5px 0 5px 0;
}

.favs-content .tab-wrapper-content .result-container {
    width: 90%;
    height: 100%;
}

/*.favs-content .tab-wrapper-content .result-container {
     width: 20%;
     height: 100%;
}*/
.page_break_after {
    display: none;
}
.favs-content .tab-wrapper-content .result-container .result-media img {
    width: 100%;
}

.favs-content .prod-list.column .result-container {
    width: 90%;
}

.favs-content .prod-list.column .result-container .result-media {
    width: 15%;
    float: left;
}

.result-container .result-media a,
.result-container .result-heading a {
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
}

.favs-content .prod-list.column .result-container .result-content,
.favs-content .prod-list.column .result-container .result-heading {
    float: left;
    width: 50%;
    margin-left: 30px;
}

.favs-content .prod-list.column .result-container .prodTile_actions {
    width: 30%;
}

.favs-content .layoutSwitch_print {
    background: url(/file/media/Schrock/global/sprite-images.png) -91px -309px;
    width: 20px;
    height: 20px;
}

.favs-content .layoutSwitch_item-stacked {
    background: url(/file/media/Schrock/global/sprite-images.png) -537px -246px;
    width: 18px;
    height: 22px;
}

.favs-content .layoutSwitch_item-grid {
    background: url(/file/media/Schrock/global/sprite-images.png) -557px -246px;
    width: 18px;
    height: 22px;
}

.favs-option-btn > * {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.term-value span {
    padding-left: 10px;
    color: #313131;
    float: left;
    font-family:'Figtree-Light';
}

.term .term-key {
    font-family:'Figtree-Light';
}

.term-value .term-edge {
    display: flex;
    flex-wrap: nowrap;

}

.term-value .edge-icon img {
    height: 20px;
    width: 20px;
    float: left;

}

.result-heading h3 a {
    color: #000;
}

.favs_social_icons {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
}

.prodTile_actions {
    width: 65%;
}

.social-bar_share {
    width: 35%;
}

.share span.shareIcon {
    background: transparent url(/file/media/Schrock/global/sprite-images.png) -243px -137px;
    width: 23px;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}


.tab-wrapper-content .prod-list-items {
    width: 25%;
    /*float: left;*/
    position: relative;
    padding-bottom: 50px;
}

.tab-wrapper-content .prod-list li {
    list-style: none;
}

.favs-content .prod-list.prod-list-ruled.column li {
    width: 100%;
}

.prod-list-items .remove-result {
    position: relative;
}

.prod-list-items .remove-result a {
    content: ' ';
    width: 25px;
    height: 28px;
    background: url(/file/media/Schrock/global/sprite-images.png) -190px -231px no-repeat;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 6px;
    z-index: 999;
    right: 0%;
    visibility: visible;
}

.prod-list-items .remove-result a:hover {
    width: 91px;
    height: 27px;
    margin-left: 189px;

    background: url(/file/media/Schrock/global/sprite-images.png) -215px -230px no-repeat;
}

/* .prod-list-items .remove-result a {
     visibility: hidden;
}*/

/* Styles for favs tab*/

.favs-content ul.accordion {
    background: #FFFFFF !important;
}

.favs-content ul.accordion li.js-tabs_panel {
    display: none;
}

.favs-content .tab-wrapper-nav > * > *,
.favs-content .tab-wrapper-nav > * > a,
.favs-content .tab-wrapper-nav > * > a:hover,
.favs-content .tabWrapper_list {
    color: #6b6b6b;
    font-family:'Figtree-Light';
}

.favs-content .tab-wrapper-thick > .tab-wrapper-nav > * > *,
.favs-content .tab-wrapper-thick > .tab-wrapper-nav > * > a {
    font-size: 1.25em;
    text-decoration: none;
}

.tab-wrapper-thick > .tab-wrapper-nav > * > *,
.tab-wrapper-thick > .tab-wrapper-nav > * > a {
    padding: 20px 10px;
}

.tab-wrapper-nav > * {
    display: table-cell;
    width: 1000px;
    vertical-align: middle;
    white-space: nowrap;
}

.tab-wrapper-content {
    background: #fff;
    margin-top: 25px;
    /*display: flex;*/
    padding: 50px 40px;
    border-top: solid 5px #f1f1f1
}

.tab-wrapper-content .prod-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.favs-content .tab-wrapper-nav.util_visibility-tabletAndUp {
    width: 60%;
    margin: auto;
    border: 0;
}

.favs-content .ui-tab.ui-tabs-active.ui-state-active > * {
    border-bottom: 8px solid #006aa6;
}

.door-terms .term {
    display: flex;
}

.door-terms,
.result-heading {
    padding-left: 0;
    margin-top: 10px;
}

.result-heading h3 a {
    font-family: 'Figtree-Light';
}

.favs-content input[type=checkbox] + span.favs-checkbox::before {
    content: "";
    background: url(/file/media/Schrock/global/sprite-images.png) -473px -85px;
    width: 16px;
    height: 23px;
    float: left;
    display: inline-block;
}

.favs-content input[type=checkbox]:checked + span.favs-checkbox::before {
    background-position: -496px -85px;
}

.favs-content input[type="checkbox"] {
    width: 0;
    height: 0;
    visibility: hidden;
}

a.compare-submit.disabled {
    color: #d4d3c9;
    pointer-events: none;
}

a.compare-submit,
.social-bar_share {
    font-size: 0.8em
}
.social-bar_share .share {
    position: relative;
}
.favs-showmore-container {
    display: table;
    width: 100%;
    margin-bottom: 30px;
    cursor: pointer;
}

.favs-showmore-container {
    display: none;
}

.favs-showmore-container .showmore-button {
    background: #FFF;
    border: 2px solid #0d72aa;
    border-radius: 0;
    color: #0d72aa !important;
    font-size: 1.25em;
    padding: 10px 0;
    width: 300px;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.placement {
    display: none;

}
.tab-wrapper-content > .print-heading {
    display: none;
    font-family:'Figtree-SemiBold';
}

/* Styles for favs tab ends */

@media (min-width: 768px) {
    .find-styles li ul li:nth-child(even) {
        padding: 0;
    }
    .result-container .favs_social_icons a {
        text-decoration: none;
        color: #000;
        margin: 3px 16px 0 5px;
        font-family: 'Figtree-Light';
    }
    #products .result-container .favs_social_icons a {
        margin: 3px 16px 0 0px;
    }
    .compare-submit.active {
        color: #000;
    }
    a.compare-submit.disabled {
        pointer-events: none;
        font-family: 'Figtree-Light';
    }

}

/* for mobile devices */

@media (max-width: 767px) {
    .favs-title {
        /* border: solid 1px red; */
        width: 100%;
    }
    .favs-header {
        padding: 0;
    }
    .favs-header h1 {
        text-align: center;
        margin-top: 6px;
        font-size: 1.9em;
    }
    .favs-options {
        display: none;
    }
    .favs-content .tab-wrapper-nav.util_visibility-tabletAndUp {
        width: 100%;
        padding: 0 9.2px;
        background: #fff;
        border: 2px solid #cfcfcf;
        border-top: none;
        display: none;
        box-sizing: border-box;
    }
    li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab:last-child {
        border-bottom: none;
    }
    .favs-content .tab-wrapper-nav > * {
        border-bottom: 1px solid #cebcb8;
    }
    .tab-wrapper-nav > * {
        display: flex;
        width: 100%;
    }
    .favs-content .ui-tab > * {
        width: 100%;
    }
    .tab-wrapper-content {
        width: 100%;
        padding: 0;
        margin: 0 auto;
        border-top: none;
    }
    .tab-wrapper-content .prod-list-items {
        width: 100%;
    }

    .favs-content .ui-tab {
        text-align: left;
    }
    .favs-content .ui-tab.ui-tabs-active.ui-state-active > * {
        border-bottom: none;
    }
    .tab-wrapper-content .prod-list {
        width: auto;
        display: block;
        padding-top: 30px;
    }
    #doors .result-container,
    #finishes .result-container,
    .favs-content .tab-wrapper-content .result-container {
        width: 85%;
        padding: 0 1%;
    }
    .prod-list-items .remove-result a:before {
        right: 16%;
    }

    .result-container .favs_social_icons a {
        text-decoration: none;
        color: #000;
        margin: 3px 16px 0 5px;
    }
    .result-container .prodTile_actions {
        display: none;
        visibility: hidden;
    }
    .favs-content .result-heading {
        border-bottom: 1px solid #cebcb8;
        margin-bottom: 10px;
    }
    .favs-content .result-heading h3 {
        padding: 10px 0;
        margin: 0;
    }
    .door-terms,
    .result-heading {
        padding-left: 5px;
    }
    .placement {
        position: relative;
        color: #747578;
        padding: 0 10px;
        line-height: 60px;
        display: block;
        text-align: left;
        border:2px solid #cfcfcf;
        margin: auto;
        font-size: 1.25em;
        font-family:'Figtree-Light';
    }
    .tab-wrapper-thick > .tab-wrapper-nav > * > *,
    .tab-wrapper-thick > .tab-wrapper-nav > * > a {
        padding: 20px 0px;
    }
    .right-icon {
        background: url(/file/media/Schrock/global/sprite-images.png) -129px -371px no-repeat;
        width: 19px;
        height: 20px;
        display: block;
        position: absolute;
        right: 20px;
        top: 35%;
    }
    .favs-content .tab-wrapper-nav > * > *,
    .favs-content .tab-wrapper-nav > * > a,
    .favs-content .tab-wrapper-nav > * > a:hover,
    .favs-content .tabWrapper_list {
        font-family:'Figtree-Light';
    }
}

/* styles for ipad view */

/* Landscape view */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .tab-wrapper-content .prod-list-items {
        width: 50%;
    }
    .favs-title {
        width: 35%;
    }
    .favs-options {
        width: 65%;
    }
    #doors .result-container,
    #finishes .result-container,
    .favs-content .tab-wrapper-content .result-container {
        width: 95%;
    }
    .favs-content .prod-list-ruled.column .result-container {
        width: 30%;
    }
    .favs-content .tab-wrapper-content .result-container {
        width: 90%;
    }
    .tab-wrapper-content .prod-list {
        width: auto;
    }
    .prod-list-items .remove-result a:before {
        right: 15%;
    }
    .favs-content .prod-list-ruled.column .prod-list-items .remove-result a:before {
        right: 0%;
    }
    .favs-content .prod-list.column .result-container {
        width: 100%;
    }
    .shareIconContent{
        right: 65px;
    }
}

/* Portrait view */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .tab-wrapper-content .prod-list-items {
        width: 50%;
    }
    .favs-title {
        width:30%;
        font-size:1.75em !important;
    }
    .favs-header{
        padding:25px 0 10px 0;
    }
    .favs-options {
        width:75%;
        padding-left:25px;
        box-sizing:border-box;
    }
    .prod-list-items .remove-result a:before {
        right: 15%;
    }
    .favs-content .tab-wrapper-content .result-container {
        width: 90%;
    }
    .tab-wrapper-content .prod-list {
        width: auto;
    }
    .favs-content .prod-list.column .result-container {
        width: 100%;
    }
    .favs-content .prod-list.column .result-container .result-media {
        width: 25%;
        float: left;
    }
    .favs-content .prod-list.column .result-container .prodTile_actions {
        width: 50%;
    }
}

/* styles for print */

@media print {
   header,footer,.tab-wrapper-nav,.favs-options a, .placement{
        display : none;
    }
     @page {
        size: A4;
    }
    .tab-wrapper-content .prod-list {
           display: inline-block !important;
    }
    .tab-wrapper-content .grid .prod-list-items {
        width: 25% !important;
    }
    .tab-wrapper-content .prod-list-ruled .column .prod-list-items{
        width:100%;
    }
    .favs-content .tab-wrapper-nav.util_visibility-tabletAndUp,.favs_social_icons {
          display : none;
    }
    .remove-result {
        display: none;
    }
    .favs-content .door-terms .term {
        display: flex!important;
        justify-content:flex-start !important;
        flex-wrap: nowrap !important;
        font-size: 0.78em !important;
    }
    .favs-content .door-terms .term-value {
        margin-left: 3px !important;
    }
    .favs-content .door-terms .term-key {
        white-space:nowrap;
    }
    .favs-content .door-terms .term-key ,  .favs-content .door-terms .term-value {
        float:none;
    }
    .favs-content .door-terms .term-value span {
        padding:0;
    } 
   .favs-content .result-heading h3{
       border:none;
    }
     .privacy-policy .twocol-sidebar, .privacy-policy .twocol-intro, header, .breadcrumb {
        display:none;
    }
    
    
    .favs-showmore-container{
        display:none !important;
    }
       
    .twocol-content, .twocol-block, .twocol-content h1 {
        margin:0;
        padding:0;
        width: auto;
    }
    .twocol-content {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
    }
     .tab-wrapper-content .prod-list li:nth-child(4n+1){
        clear:left !important;
    }
    .tab-wrapper-content .prod-list li{
            float:left !important;
    }
    .prod-list-items {
        display:block!important;
    }
    .result-container .result-media{
        height:auto !important;
    }
    .result-container .result-heading{
        border-bottom:none !important;

    }
    .result-content ul{
        padding-left:5px;
    }
    .wtb-bottom{
        display:none;
    }
    .favs-content .tab-wrapper-nav.util_visibility-tabletAndUp {
        display:block;
        border:none;
    }
    .favs-content .tab-wrapper-nav >* {
        border-bottom:none;
    }
    .favs-content .tab-wrapper-nav.util_visibility-tabletAndUp, .favs-content .tab-wrapper-nav >* {
        display:none;
    }
    #doors, #finishes, #rooms, #products {
        display:block !important;
        margin-bottom:50px;
        page-break-inside: avoid;
    }
    .favs-content .prod-list.prod-list-ruled.column li {
        padding:0 0 5px 0;
        margin:0 0 0 0;
       
    }
    .tab-wrapper-content > .print-heading {
        display:block;
    }
    .favs-header{
        display:block;
    }
}