/* //////////////// CSS - SEARCH RESULTS PAGE //////////////// */
 
/* ////////////////////////////////////////////// BODY */



/*///////////////////////////////////////////// HEADER */



/*///////////////////////////////////////////// FOOTER */



/*///////////////////////////////////////////// CONTAINER */

body.search .content-search{
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
}

body.search .content-search .search-content {
    /* width: calc( 100px- (100% - var(--widthdesktop)  ) / 2 ); */
    width: calc( 100% - 480px );
    /* padding: calc( var(--margindesktop) * 1); */
    padding-left: calc( ( ( 100vw - 480px) - var(--widthdesktop) ) / 2 );
    padding-right: calc( ( ( 100vw - 480px) - var(--widthdesktop) ) / 2 );
    padding-top: calc( var(--margindesktop) * 1);
    padding-bottom: calc( var(--margindesktop) * 2);
}

@media (max-width:  1760px) {
body.search .content-search .search-content {
    padding-left: var(--margindesktop);
    padding-right: var(--margindesktop);
}       
}

/* SEARCHFILTER */

body.search .content-search .search-sidebar h2 {
	color: var(--blue);
}

body.search .content-search .search-sidebar {
    max-width: unset!important;
    /* width: calc( (100% - var(--widthdesktop)  ) / 2 ); */
    width: 480px;
    padding: var(--margindesktop);
    background-color: var(--blue-form);
    display: flex;
    flex-direction: column;
    /* align-self: baseline; */
    position: sticky;
    position: -webkit-sticky;
}

body.search .content-search .search-sidebar .searchandfilter ul {
    display: flex;
    flex-wrap: wrap;
}

body.search .content-search .search-sidebar .searchandfilter ul li {
    padding: unset;
    width: 100%;
}

body.search .content-search .search-sidebar .searchandfilter label {
    width: 100%;
}

body.search .content-search .search-sidebar .searchandfilter ul li.sf-field-reset {
    width: calc( 50% - calc( var(--margindesktop) / 4) );
	margin-right: calc( var(--margindesktop) / 4);
    display: flex;
    justify-content: flex-start;
	align-items: center;
}


body.search .content-search .search-sidebar .searchandfilter ul li.sf-field-submit {
    width: calc( 50% - calc( var(--margindesktop) / 4) );
	margin-left: calc( var(--margindesktop) / 4);
    display: flex;
    justify-content: flex-end;
	align-items: center;
}

@media (max-width: 475px) {
body.search .content-search .search-sidebar .searchandfilter ul li.sf-field-reset {
    width: 100%;
	margin-right: unset;
    margin-bottom: calc( var(--margindesktop) / 2);
}

body.search .content-search .search-sidebar .searchandfilter ul li.sf-field-submit {
    width: 100%;
	margin-left: unset;

}	
}
/* TBC
body.search .content-search .search-sidebar .searchandfilter ul li.sf-field-reset a {
    background-color: var(--blue);
    border: 1px solid var(--blue);
    height: 40px;
	width: 100%;
    color: #ffffff;
    font-size: 16px;
    transition: var(--transition);
    display: flex;
    justify-content: center;
    align-items: center;
}

body.search .content-search .search-sidebar .searchandfilter ul li.sf-field-reset a:hover {
    cursor: pointer;
    background-color: #ffffff;
    color: var(--blue-dark);
}
*/
body.search .content-search .search-sidebar .searchandfilter ul li.sf-field-submit input {
    margin-bottom: unset;
	width: 100%;
}

/* TBC @media (max-width: 1280px) { */
@media (max-width: 1600px) {
body.search .content-search .search-sidebar    {
    width: 320px;
}
body.search .content-search .search-content {
    width: calc( 100% - 320px );
}
}

/* TBC @media (max-width: 768px) { */
@media (max-width: 975px) {
body.search .header-mobile-search,
body.search .header-search {
    display: none;
}
body.search .content-search {
    flex-direction: column;
}
body.search .content-search .search-sidebar,
body.search .content-search .search-content {
    width: 100%;
}
body.search .content-search .search-sidebar {
    background-color: var(--grey-light);
}
}

body.search .content-search .search-content .search-content-header {
    width: 75%;
    text-align: center;
    padding-top: calc( var(--margindesktop) * 1);
    padding-bottom: calc( var(--margindesktop) * 1);
    margin-left: auto;
    margin-right: auto;
}

body.search .content-search .search-content .search-content-header h1.entry-title {
    color: var(--blue);
}

body.search .content-search .search-content .view-mode-switch {
    padding: calc(var(--margindesktop) / 2) 0;
    margin: calc(var(--margindesktop) / 2) 0;
    border-bottom: 2px solid var(--grey-light);
}

/*///////////////////////////////////////////// LOOP VIEW MODE GRID */

body.search .content-search .search-content .search-content-results.grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--margindesktop); 
}

body.search .content-search .search-content .search-content-results.grid .product-item-grid {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	/* TBC 
    padding: calc( var(--margindesktop) / 2);
    background-color: var(--blue-form);
	*/
}

body.search .content-search .search-content .search-content-results.grid .product-item-grid > :not(:last-child) {
    margin-bottom: calc( var(--margindesktop) / 2);
}

body.search .content-search .search-content .search-content-results.grid .product-item-grid  h2.product-item-grid-info-title,
body.search .content-search .search-content .search-content-results.grid .product-item-grid  h2.product-item-grid-info-title a {
	font-size: 18px;
    color: var(--blue);
    margin-bottom: unset;
}

body.search .content-search .search-content .search-content-results.grid .product-item-grid  img.product-item-grid-image {
    aspect-ratio: 3/2;
    margin: unset;
    object-fit: cover;
}

body.search .content-search .search-content .search-content-results.grid .product-item-grid .product-item-grid-buttons {
    display: flex;
    width: 100%;
    align-items: center;
	/* TBC */
	justify-content: space-between;
}

body.search .content-search .search-content .search-content-results.grid .product-item-grid .product-item-grid-buttons > div {
   /* width: 50%; */
	width: auto;
}

body.search .content-search .search-content .search-content-results.grid .product-item-grid .product-item-grid-buttons .product-item-grid-buttons-right {
    text-align: center;
}

body.search .content-search .search-content .search-content-results.grid .product-item-grid .product-item-grid-buttons i {
    margin-right: calc( var(--margindesktop) / 4);
}

@media (max-width: 1280px) {
body.search .content-search .search-content .search-content-results.grid {
    grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 675px) {
body.search .content-search .search-content .search-content-results.grid {
    grid-template-columns: repeat(1, 1fr);
}
}

/*///////////////////////////////////////////// LOOP VIEW MODE LIST */

body.search .content-search .search-content .search-content-results.list .product-item-list {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: calc( var(--margindesktop) / 2);
    border-bottom: 1px solid var(--grey-light);
    padding-bottom: calc( var(--margindesktop) / 1);
    flex-direction: column;
}

body.search .content-search .search-content .search-content-results.list .product-item-list:last-child {
    border-bottom: unset;

}

body.search .content-search .search-content .search-content-results.list .product-item-list.is-not-product {
    flex-direction: column;
}

body.search .content-search .search-content .search-content-results.list .product-item-list .product-item-list-buttons {
    display: flex;
    align-items: center;
}

body.search .content-search .search-content .search-content-results.list .product-item-list  h2.product-item-list-info-title,
body.search .content-search .search-content .search-content-results.list .product-item-list  h2.product-item-list-info-title a {
    color: var(--blue);
}

body.search .content-search .search-content .search-content-results.list .product-item-list .product-item-list-description {
    margin-bottom: calc(var(--margindesktop) / 2);
    line-height: 1.4;
}

body.search .content-search .search-content .search-content-results.list .product-item-list .product-item-list-buttons i {
    margin-right: calc( var(--margindesktop) / 4);
}

body.search .content-search .search-content .search-content-results.list .product-item-list .product-item-list-buttons .product-item-list-buttons-right {
    margin-left: var(--margindesktop);
}

body.search .content-search .search-content .search-content-results.list .product-item-list  h3.product-item-list-info-title a {
    color: var(--blue);
    margin-bottom: unset;
}

@media (max-width: 975px) {
body.search .content-search .search-content .search-content-results.list .product-item-list {
    flex-direction: column;
    padding-bottom: calc( var(--margindesktop) / 2);
    margin-bottom: calc( var(--margindesktop) / 2);
    border-bottom: 1px solid var(--grey-light);
}
body.search .content-search .search-content .search-content-results.list .product-item-list .product-item-list-buttons {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
}

/* @media (max-width: 475px) { */
body.search .content-search .search-content .search-content-results.list .product-item-list .product-item-list-buttons {
	flex-direction: column;
}
body.search .content-search .search-content .search-content-results.list .product-item-list .product-item-list-buttons .product-item-list-buttons-left {
    margin-right: unset;
	margin-bottom: calc( var(--margindesktop) / 2);
	width: 100%;
}
body.search .content-search .search-content .search-content-results.list .product-item-list .product-item-list-buttons .product-item-list-buttons-right {
    margin-left: unset;
	width: 100%;

}
/* } */