/***
TABLE OF CONTENTS
1. DEFAULT STYLES
2. HEADER
3. HOME PAGE
4. UPCOMING AUCTIONS & EVENTS PAGE
5. CATALOGUE PAGE
6. FOOTER
7. FLOATING SEARCH
***/
/***
1. DEFAULT STYLES
***/
body {
/*padding-top: 204px;*/
background-color: #ffffff;
font-family: MuseoSans;
}
body.page-title {
padding-top: 190px;
background-color: #e6e8e9;
}
.p0 {
padding: 0 !important;
;
}
.m0 {
margin: 0 !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.bg-none {
background-color: transparent;
}
.card.upcoming-auctions .nano {
height: 375px;
}
a {
color: #37496f;
}
/***
END DEFAULT STYLES
***/
/***
2. HEADER
***/
header {
background-color: #13294B;
}
header .logo {
padding: 20px 0;
}
header .header-links {
float: right;
margin-top: 12px;
margin-bottom: 12px;
}
header .header-links .btn {
position: relative;
color: #ffffff;
text-transform: uppercase;
font-size: 16px;
padding-right: 30px;
}
header .header-search {
text-align: right;
}
header .header-search label {
color: #ffffff;
}
header .header-search input {
background-color: #ffffff;
color: #333333;
border: 0;
margin-left: 2px;
margin-right: 4px;
border-radius: 5px;
}
header .header-search input:focus {
outline: 0;
}
header .header-search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: rgba(0,0,0,0.4);
font-style: italic;
}
header .header-search input::-moz-placeholder { /* Firefox 19+ */
color: rgba(0,0,0,0.4);
font-style: italic;
}
header .header-search input:-ms-input-placeholder { /* IE 10+ */
color: rgba(0,0,0,0.4);
font-style: italic;
}
header .header-search input:-moz-placeholder { /* Firefox 18- */
color: rgba(0,0,0,0.4);
font-style: italic;
}
header .header-search .btn {
padding-left: 0;
}
header .header-links .icon {
position: absolute;
top: 6px;
right: -3px;
display: inline-block;
line-height: 1;
}
header .header-links .icon.icon-arrow-arrow {
background-image: url("../images/arrow-right.png");
background-size: 70%;
background-repeat: no-repeat;
width: 23px;
height: 29px;
}
header .header-social {
clear: both;
}
header .header-social ul {
margin: 0;
padding: 0;
float: right;
}
header .header-social ul li {
list-style-type: none;
margin: 0 10px 0 0;
padding: 0;
float: left;
}
header .header-social ul li img {
width: 31px;
}
header .header-social ul li:last-child {
margin: 0;
}
header .header-search {
clear: both;
float: right;
margin-top: 12px;
margin-bottom: 12px;
}
.navbar {
background-color: #D9D9D9;
}
.menu-title {
vertical-align: middle;
}
.navbar-toggler:focus {
outline: 0 !important;
}
.navbar-dark .navbar-nav .nav-link {
color: #13294B;
text-transform: uppercase;
}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
color: #13294B;
}
.full-width {
left: 50%;
margin-left: -50vw;
right: 50%;
margin-right: -50vw;
max-width: 100vw;
position: relative;
width: 99.4vw;
overflow-x:hidden;
overflow-y:hidden;
}
#btnSearchSmall {
float: right;
margin-left: 5px;
}
.no-padding {
padding-left: 0;
padding-right: 0;
}
.grecaptcha-badge {
z-index: 1;
}
.live-text {
font-size: 14px;
color: #777ea0;
}
.flatpickr-calendar.inline {
float: left;
}
#homedate .flatpickr-calendar {
margin-right: 1rem;
}
#house-contents label {
margin-right: 1rem;
margin-left: 0.2rem;
}
#valuation-categories label {
margin-right: 1rem;
margin-left: 0.2rem;
}
.departments img {
border-radius: 10px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
display: block;
}
.greybutton {
background-color: #586276;
text-transform: uppercase;
padding: .55rem .65rem .55rem .65rem;
font-weight: bold;
font-size: 13px;
}
@media (min-width: 768px) {
.sidebar {
border-right: 1px solid #e0e0e0
}
.desktop-flex {
display: flex;
}
}
@media (max-width: 768px) {
.sidebar {
border-bottom: 1px solid #e0e0e0;
padding-bottom: 10px;
margin-bottom: 10px;
}
.mobile-image {
width: 100% !important;
margin-bottom: 1rem;
}
.valuations-form-image-mobile {
margin-top: 1rem;
}
.owl-dots {
display: none;
}
}
@media (max-width: 992px) {
.catalogue-list .pagination-links {
padding-top: 5px !important;
padding-bottom: 7px !important;
}
.live-text {
font-size: 11px;
}
.header-buttons {
display: none;
}
}
@media (min-width: 700px) {
.header-buttons-mobile {
display: none;
}
}
@media (max-width: 700px) {
.header-buttons-tablet {
display: none;
}
}
@media (min-width: 992px) {
.header-buttons-tablet {
display: none;
}
}
@media (min-width: 992px) and (max-width: 1024px) {
.tablet-links {
display: none;
}
}
.navbar-dark .navbar-nav .nav-link:hover {
color: #13294B;
}
.navbar-dark .navbar-nav .nav-link:active {
color: #13294B;
}
.navbar-dark .navbar-nav .nav-link:visited {
color: #13294B;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-left: 1.5em;
padding-right: 0.5rem;
}
@media (min-width: 992px) {
.nav-link {
padding-top: .1em;
padding-bottom: .1em;
}
}
.dropdown-toggle::after {
border-top: .6em solid #424242;
border-left: .5em solid transparent;
border-right: .5em solid transparent;
vertical-align: .07em;
}
.dropdown-menu {
top: 32px;
border-radius: 0;
}
.dropdown-item {
font-size: 15px;
padding: .20rem 1.0rem;
}
.navbar {
margin-bottom: 0px;
}
@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .dropdown-menu-right {
right: 32px;
}
}
.navbar-nav input {
margin-left: 16px;
margin-right: 4px;
margin-top: 10px;
margin-bottom: 19px;
}
.navbar-nav input:focus {
outline: 0;
}
.header-tel img {
width: 30px;
}
.grey-search input {
width: 150px;
}
.breadcrumb {
background: none;
padding: 0;
}
.breadcrumb-item a {
color: #13294B;
}
.breadcrumb-item + .breadcrumb-item::before {
content: '>';
font-size: 14px;
}
/***
END - HEADER
***/
/***
3. HOME PAGE
***/
/* DEFAULT CARD STYLES */
.card {
border-radius: 11px;
/*border: 0;*/
margin-bottom: 30px;
}
.card-header:first-child {
border-radius: 10px 10px 0 0;
}
.card-header {
border-radius: 0;
border-bottom: 0;
background-color: #D9D9D9;
padding: .45rem 1.25rem;
}
h5.card-header {
color: #37496f;
text-transform: uppercase;
text-align: center;
font-size: 22px;
font-weight: 700;
}
.card-body {
background-color: #13294B;
}
.card-container {
position: relative;
}
.card-photo {
padding: 10px;
}
.card-description {
float: left;
position: absolute;
left: 0px;
bottom: 0px;
z-index: 1000;
width: 100%;
background: rgba(217,217,217, 0.82);
padding: 6px 5px 5px 5px;
text-align: center; border-radius: 0 0 10px 10px;
}
.card-description p {
font-size: 14px;
line-height: 18px;
font-style: italic;
color: #37496f;
margin-bottom: 1px;
}
.card-description p a {
font-size: 14px;
line-height: 18px;
font-style: normal;
font-weight: bold;
color: #37496f;
text-transform: uppercase;
margin: 0;
}
.card-description p a:hover {
color: #37496f;
text-decoration: none;
}
/* END DEFAULT CARD STYLES */
/* AUCTION NEWS BOX */
.card.auction-news .card-body {
padding: 0;
}
.card.auction-news .card-photo {
padding: 0;
}
/* END AUCTION NEWS BOX */
/* RECENTLY SOLD BOX */
.card.recently-sold .card-body {
padding: 2px;
}
.card-description.recently-sold-price p:first-child {
font-size: 18px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
}
.card-description.recently-sold-price p:last-child {
font-size: 12px;
font-style: italic;
font-weight: bold;
}
/* END RECENTLY SOLD BOX */
/* WELCOME SLIDER BOX */
.card.welcome-slider .card-body {
background-color: #ffffff;
padding: 0;
}
.card.welcome-slider .row {
padding: 7px;
}
.card.welcome-slider .row:last-child {
margin-bottom: 0px;
}
.card.welcome-slider .card-photo {
padding: 0;
}
.card.welcome-slider .card-description {
float: right !important;
position: absolute !important;
left: auto !important;
right: 20px !important;
bottom: 36px !important;
z-index: 1000 !important;
width: 56% !important;
background: rgba(0,0,0, 0.53);
padding: 8px 12px 10px 10px;
text-align: right;
}
.card.welcome-slider .card-description p {
font-size: 22px;
line-height: 28px;
text-transform: uppercase;
font-style: normal;
color: #ffffff;
margin-bottom: 0;
}
.card.welcome-slider .card-description p.date {
font-style: normal;
}
.card.welcome-slider .card-description p.title {
font-weight: bold;
margin-bottom: 10px;
}
.card.welcome-slider .card-description p.link {
font-weight: bold;
font-size: 18px;
line-height: 18px;
}
.card.welcome-slider .card-description p.link a {
font-size: 18px;
line-height: 18px;
font-style: normal;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
margin: 0;
}
.card.welcome-slider .card-description p.link a:hover {
color: #ffffff;
text-decoration: none;
}
/* END WELCOME SLIDER BOX */
/* AUCTION NEWS BOX */
.card.auction-news .card-header {
background-color: #D9D9D9;
padding: .45rem 1.25rem;
}
.card.auction-news h5.card-header {
font-size: 16px;
}
.card.auction-news .card-body {
background-color: #D9D9D9;
border-bottom: 10px solid #D9D9D9;
}
.card.auction-news .row {
margin-bottom: 10px;
padding: 7px;
background-color: #ffffff;
}
.card.auction-news .row:last-child {
margin-bottom: 0px;
}
.card.auction-news .card-excerpt {
text-align: right;
padding-left: 10px;
}
.card.auction-news .card-excerpt p {
font-size: 11px;
margin-bottom: 2px;
}
.card.auction-news .card-excerpt p:first-child {
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 2px;
}
.card.auction-news .card-excerpt p:last-child {
font-size: 11px;
font-style: italic;
margin-bottom: 0;
}
.card.auction-news .card-excerpt p a {
color: #000000;
}
.card.auction-news .card-excerpt p a:hover {
color: #000000;
text-decoration: none;
}
/* END AUCTION NEWS BOX */
/* UPCOMING AUCTION LOTS BOX */
.card.upcoming-auction-lots .card-body {
padding: 2px;
}
/* UPCOMING AUCTION LOTS BOX */
/* UPCOMING AUCTIONS BOX */
.card.upcoming-auctions .card-header {
background-color: #D9D9D9;
padding: .45rem 1.25rem;
}
.card.upcoming-auctions h5.card-header {
font-size: 18px; border-radius: 10px 10px 0 0;
}
.upcoming-auctions {
border:1px solid #D9D9D9;
}
.card.upcoming-auctions .card-body {
background-color: #ffffff;
}
.card.upcoming-auctions .row {
padding: 7px;
}
.card.upcoming-auctions .row:last-child {
margin-bottom: 0px;
}
.card.upcoming-auctions .card-event-date {
text-align: left;
padding-right: 15px;
}
.card.upcoming-auctions .card-event-date p {
font-size: 13px;
line-height: 5px;
text-transform: uppercase;
color: #37496f;
font-weight: bold;
}
.card.upcoming-auctions .card-event-date p:last-child {
margin-bottom: 0;
}
.card.upcoming-auctions .card-event-title {
text-align: left;
padding-right: 20px;
}
.card.upcoming-auctions .card-event-title p:first-child {
font-size: 15px;
line-height: 19px;
text-transform: uppercase;
color: #37496f;
font-weight: bold;
margin-bottom: 1px;
}
.card.upcoming-auctions .card-event-title p:last-child {
font-size: 12px;
text-transform: uppercase;
color: #7284aa;
font-weight: bold;
margin-bottom: 0;
}
.card.upcoming-auctions .card-event-title p:last-child a {
color: #7284aa;
text-decoration: none;
}
.card.upcoming-auctions .card-event-title p:last-child a:hover {
color: #7284aa;
text-decoration: none;
}
/* END UPCOMING AUCTIONS BOX */
/* AUCTION CATALOGUE VIA EMAIL BOX */
.card.auction-catalogue-via-email .card-header {
background-color: #D9D9D9;
padding: .45rem 1.25rem;
text-align: center;
font-size: 16px;
font-weight: 700;
color: #13294B;
text-transform: uppercase;
}
.card.auction-catalogue-via-email .card-body {
background-color: #D9D9D9;
padding: 0 15px 12px 12px;
}
.card.auction-catalogue-via-email .card-body .btn {
background-color: #13294B;
border-radius: 0;
border: 0;
color: #ffffff;
text-transform: uppercase;
padding: 1rem .75rem 1rem 2.05rem;
position: relative;
text-align: center;
}
.icon-envelope {
position: absolute;
top: 11px;
left: 10px;
}
.icon-envelope:before {
content: url('../images/icon-envelope.png');
}
.icon-arrow-right {
position: absolute;
top: 13px;
right: 10px;
}
.icon-arrow-right:before {
content: url('../images/arrow-right.png');
}
/* END AUCTION CATALOGUE VIA EMAIL BOX */
/* HOME FEATURE BOXES */
.row.services {
margin-top: -12px;
margin-left: -33px;
margin-right: -33px;
}
.square {
float: left;
position: relative;
width: 30%;
padding-bottom: 30%; /* = width for a 1:1 aspect ratio */
margin: 1.66%;
overflow: hidden;
}
.content {
position: absolute;
height: 100%; /* = 100% - 2*10% padding */
width: 100%; /* = 100% - 2*5% padding */
padding: 0;
}
.table {
display: table;
height: 100%;
width: 100%;
}
.table-cell {
display: table-cell;
vertical-align: bottom;
height: 100%;
width: 100%;
color: #37496f;
text-transform: uppercase;
text-align: center;
font-size: 18px;
font-weight: bold;
position: absolute;
bottom: 0;
height: 50px;
background-color: rgba(217,217,217, .80) !important;
padding-top: 12px;
}
.table-cell a {
color: #37496f;
font-size: 18px;
font-weight: bold;
text-decoration: none;
}
.bg {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
border-radius: 10px;}
.img1 {
background-image: url('../images/bg-box-1.jpg');
}
.img2 {
background-image: url('../images/bg-box-2.jpg');
}
.img3 {
background-image: url('../images/bg-box-3.jpg');
}
.img4 {
background-image: url('../images/bg-box-4.jpg');
}
.img5 {
background-image: url('../images/bg-box-5.jpg');
}
.img6 {
background-image: url('../images/bg-box-6.jpg');
}
/***
END - HOME PAGE
***/
/***
4. UPCOMING AUCTIONS & EVENTS PAGE
***/
/* PAGE TITLE */
.page-title {
background-color: #D9D9D9;
padding: 8px 0;
margin-bottom: 12px;
}
.page-title h1 {
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
color: #37496f;
margin: 0;
padding: 0;
}
/* END PAGE TITLE */
/* UPCOMING AUCTIONS LIST */
.card.upcoming-auction-list .card-body {
background: #ffffff;
}
.card.upcoming-auction-list .event-title {
text-transform: uppercase;
font-size: 22px;
line-height: 26px;
color: #37496f;
font-weight: bold;
}
.card.upcoming-auction-list p.event-description {
font-size: 14px;
line-height: 18px;
color: #4b4c4d;
margin-bottom: 10px;
}
.card.upcoming-auction-list p.event-date {
text-transform: uppercase;
font-size: 16px;
line-height: 22px;
color: #37496f;
font-weight: bold;
margin-bottom: 0;
}
.card.upcoming-auction-list p.event-date span {
padding-left: 20px;
}
.card.upcoming-auction-list p.event-venue {
font-size: 16px;
line-height: 20px;
color: #37496f;
font-weight: bold;
margin-bottom: 10px;
}
.card.upcoming-auction-list p.event-viewing { font-size: 14px;
line-height: 18px;
color: #4b4c4d;
margin-bottom: 0;
}
.card.upcoming-auction-list .btn {
border: 2px solid #586276;
color: #586276;
text-transform: uppercase;
padding: .55rem .55rem .55rem .55rem;
position: relative;
text-align: center;
font-weight: bold;
margin-bottom: 10px;
}
.btn-live-sales {
background-color: transparent !important;
border: 2px solid #586276 !important; }
/* END UPCOMING AUCTIONS LIST */
/* RECENTLY VIEWED ITEMS BOX */
.card.recently-viewed-items .card-header {
background-color: #D9D9D9;
padding: .45rem 1.25rem;
text-align: center;
}
.card.recently-viewed-items .card-header h5 {
font-size: 20px;
color: #ffffff;
text-transform: uppercase;
font-weight: bold;
margin: 0;
}
.card.recently-viewed-items .card-body {
background-color: #13294B;
padding: 2px;
}
/* END RECENTLY VIEWED ITEMS BOX */
/***
END - END UPCOMING AUCTIONS & EVENTS PAGE
***/
/***
5. CATALOGUE PAGE
***/
/* NEXT AUCTION BOX */
.card.next-auction {
border: 0px solid #777ea0;
}
.card.next-auction .card-body {
background: #ffffff;
}
.card.next-auction .btn {
margin-top: 10px;
margin-bottom: 5px;
background-color: #586276;
border-radius: 0;
border: 0;
color: #ffffff;
text-transform: uppercase;
padding: .55rem .65rem .55rem .65rem;
position: relative;
text-align: center;
font-weight: bold;
font-size: 12px;
}
.card.next-auction .event-title {
text-transform: uppercase;
font-size: 24px;
line-height: 24px;
font-weight: bold; color: #37496f;
margin: 0;}
.card.next-auction p.event-description {
font-size: 14px;
line-height: 18px;
color: #777ea0;
margin-bottom: 10px;
}
.card.next-auction p.event-date, .card.next-auction p.event-time {
text-transform: uppercase;
font-size: 16px;
line-height: 22px;
color: #37496f;
font-weight: bold;
margin-bottom: 10px;
}
.card.next-auction p.event-time2 {
font-size: 16px;
line-height: 22px;
color: #37496f;
font-weight: bold;
margin-bottom: 10px;
}
.card.next-auction p.event-time {
font-weight: bold;
margin-bottom: 0;
}
.card.next-auction p.event-time2 {
font-weight: bold;
margin-bottom: 0;
} .card.next-auction p.event-date span {
padding-left: 20px;
}
.card.next-auction p.event-venue {
font-size: 16px;
line-height: 20px;
color: #37496f;
font-weight: bold;
margin-bottom: 10px;
}
.card.next-auction p.event-viewing {
font-size: 14px;
line-height: 18px;
color: #777ea0;
margin-bottom: 0;
border-bottom: 2px solid #37496f; padding: 0 0 10px 0;}
.card.next-auction hr {
margin-top: 10px;
margin-bottom: 10px;
border: 0;
border-top: 2px solid #586275;
width: 100%;
}
.card.next-auction .card-body ul {
padding: 10px 0;
margin: 0;
}
.card.next-auction .card-body ul li {
list-style-type: none;
padding: 0;
margin: 0;
text-transform: uppercase;
color: #777ea0;
font-size: 14px;
}
/* END NEXT AUCTION BOX */
/* SEARCH BOX */
.card.search-box .card-header {
background-color: #bcc1cb;
padding: .65rem 1.25rem;
text-align: center;
}
.card.search-box .card-header h5 {
font-size: 18px;
color: #586275;
text-transform: uppercase;
font-weight: bold;
margin: 0;
}
.card.search-box .card-body {
background: #D9D9D9;
padding: 19px 10px;
text-align: center;
}
.card.search-box .card-body form label {
color: #586275;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 2px;
}
.card.search-box .card-body form input {
background-color: #ffffff;
color: #ffffff;
margin-bottom: 10px;
border-radius: 0;
}
.card.search-box .btn {
background-color: #586276;
border-radius: 0;
border: 0;
color: #ffffff;
text-transform: uppercase;
padding: .55rem .65rem .55rem .65rem;
position: relative;
text-align: center;
font-weight: bold;
font-size: 12px;
margin-bottom: 8px;
}
/* END SEARCH BOX */
/* BROWSE BY CATEGORY BOX */
.card.browse-by-category {
border: 0px solid #777ea0;
}
.btn-viewCategories {
font-size: 18px;
color: #586275;
text-transform: uppercase;
font-weight: bold;
background: none;
padding: 0;
}
.btn-viewCategories.hidden {
display: none;
}
.card.browse-by-category .card-header {
background-color: #D9D9D9;
padding: .65rem 1.25rem;
text-align: left;
}
.card.browse-by-category .card-header h5 {
font-size: 18px;
color: #586275;
text-transform: uppercase;
font-weight: bold;
margin: 0;
float: left !important;
display: inline;
padding-top: 4px;
}
.card.browse-by-category .card-header button {
float: right;
padding: 0;
}
.card.browse-by-category .card-body {
background-color: #ffffff;
}
.card.browse-by-category .card-body ul {
padding: 0;
margin: 0;
}
.card.browse-by-category .card-body ul li {
list-style-type: none;
padding: 0;
margin: 0;
}
.card.browse-by-category .card-body ul li a {
color: #586275;
font-weight: bold;
}
/* END BROWSE BY CATEGORY BOX */
/* CATALOGUE LIST/GRID BOX */
.catalogue-list {
border: 0px solid #728691;
background-color: #ffffff;
padding-bottom: 0;
margin-bottom: 30px;
}
.catalogue-list .view-controls {
background-color: #bcc1cb;
padding-top: 6px;
padding-bottom: 6px;
margin-bottom: 15px;
}
.catalogue-list .view-controls .btn {
background-color: #bcc1cb;
position: relative;
color: #586275;
text-transform: uppercase;
font-size: 16px;
padding-right: 30px;
margin-bottom: 0;
margin-right: 20px;
}
.catalogue-list .view-controls .icon.icon-list-view {
position: absolute;
top: 14px;
right: -12px;
display: inline-block;
line-height: 1;
background-image: url("../images/icon-list-view.png");
background-size: 68%;
background-repeat: no-repeat;
width: 33px;
height: 20px;
}
.catalogue-list .view-controls .icon.icon-grid-view {
position: absolute;
top: 13px;
right: 0px;
display: inline-block;
line-height: 1;
background-image: url("../images/icon-grid-view.png");
background-size: 70%;
background-repeat: no-repeat;
width: 20px;
height: 20px;
}
.catalogue-list .pagination-links {
color: #586275;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
text-align: center;
}
.catalogue-list .pagination-links img {
width: 14px;
margin: 0 36px;
}
.catalogue-list .pagination-links span.current {
color: #363635;
}
.catalogue-list.list-view .card {
flex-direction: row;
}
.catalogue-list.grid-view .card {
flex-direction: column;
}
.catalogue-list .card {
margin-bottom: 22px;
}
.catalogue-list .card-header {
background-color: #bcc1cb;
padding: .65rem 1.25rem;
}
.catalogue-list.list-view .card-image {
padding-right: 0;
}
.catalogue-list .card-body {
background-color: #ffffff;
}
.catalogue-list.list-view .card-body {
padding-top: 0;
}
.catalogue-list.grid-view .card-body {
padding-top: 20px;
}
.catalogue-list .item-title {
text-transform: uppercase;
font-size: 17px;
line-height: 22px;
color: #37496f;
font-weight: bold;
}
.catalogue-list p.item-description {
font-size: 14px;
line-height: 20px;
color: #363635;
margin-bottom: 10px;
}
.catalogue-list p.item-value {
font-size: 14px;
line-height: 20px;
color: #363635;
font-weight: bold;
margin-bottom: 0;
}
.catalogue-list.list-view hr {
margin-top: 0;
margin-bottom: 1.8rem;
border: 0;
border-top: 3px solid #13294B;
width: 100%;
margin-left: 30px;
margin-right: 30px;
}
.catalogue-list.grid-view hr {
display: none;
}
.catalogue-list .btn {
background-color: #586276;
border-radius: 0;
border: 0;
color: #ffffff;
text-transform: uppercase;
padding: .55rem .65rem .55rem .65rem;
position: relative;
text-align: center;
font-weight: bold;
margin-bottom: 5px;
font-size: 12px;
}
/* END CATALOGUE LIST/GRID BOX */
/***
END - CATALOGUE PAGE
***/
/***
6. FOOTER
***/
footer {
background-color: #13294B;
color: #ffffff;
border-bottom: 44px solid #D9D9D9;
padding: 30px 0;
}
footer .logo {
text-align:center;
margin-bottom: 34px;
}
footer .logo-sofaa {
clear: both;
text-align:center;
}
footer .logo-sofaa img {
width: 120px;
}
footer .social-icons {
margin-bottom: 30px;
}
footer .social-icons img {
width: 40px;
}
footer h5 {
font-size: 18px;
line-height: 18px;
margin-bottom: 5px;
text-transform: uppercase;
color: #ffffff;
}
footer .footer-links ul {
margin: 0;
padding: 0;
}
footer .footer-links ul li {
list-style-type: none;
font-size: 16px;
line-height: 22px;
}
footer .footer-links ul li a {
color: #ffffff;
}
footer .footer-links ul li a:hover {
color: #ffffff;
text-decoration: underline;
}
footer p {
font-size: 15px;
line-height: 20px;
}
footer p:last-child {
margin-bottom: 0;
}
/***
END - FOOTER
***/
/***
7. FLOATING SEARCH
***/
.floatingSearch {
position: fixed;
width: 200px;
height: 50px;
bottom: 40px;
left: 50%;
margin-top: -25px; /* Negative half of height. */
margin-left: -100px; /* Negative half of width. */
text-align: center;
z-index: 998;
}
.floatingConsign {
position: fixed;
width: 200px;
height: 50px;
bottom: 40px;
left: 50%;
margin-top: -25px; /* Negative half of height. */
margin-left: -109px; /* Negative half of width. */
text-align: center;
z-index: 998;
}
.floatingSearchButton {
background-color: #13294b;
border-color: #13294b;
font-size: 18px;
opacity: 0.8;
}
.floatingSearchButton img {
width: 30px;
}
.modal#searchModal .card-header h5,
.modal#consignModal .card-header h5 {
line-height: 24px;
}
.modal#searchModal .modal-dialog,
.modal#consignModal .modal-dialog {
margin: 3.5rem;
position: fixed;
z-index: 9999;
width: 300px;
height: 400px;
bottom: 46px;
left: 50%;
margin-top: -200px; /* Negative half of height. */
margin-left: -150px; /* Negative half of width. */
}
.modal#searchModal .card, .modal#consignModal .card {
margin-bottom: 0;
}
.modal#searchModal .modal-body,
.modal#consignModal .modal-body {
padding: 0;
border: 2px solid #0374ba;
}
.modal#searchModal .modal-body form input, .modal#consignModal .modal-body form input {
background-color: #ffffff;
color: #363635;
}
/***
END - FLOATING SEARCH
***/
.hideDiv {
display:none;
}
.showDiv {
display:inline;
}
.scroll-left {
height: 40px;
overflow: hidden;
position: relative;
background-color: #C20014;
color: white;
padding: 0px;
margin: 0px;
font-size: 20px;
}
.scroll-left p {
position: absolute;
height: 100%;
margin: 0;
line-height: 40px;
text-align: center;
/* Starting position */
-moz-transform: translateX(100%);
-webkit-transform: translateX(100%);
transform: translateX(100%);
/* Apply animation to this element */
-moz-animation: scroll-left 20s linear infinite;
-webkit-animation: scroll-left 20s linear infinite;
animation: scroll-left 20s linear infinite;
text-transform: uppercase;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
0% {
-moz-transform: translateX(100%);
}
100% {
-moz-transform: translateX(-100%%);
}
}
@-webkit-keyframes scroll-left {
0% {
-webkit-transform: translateX(100%%);
}
100% {
-webkit-transform: translateX(-100%%);
}
}
@keyframes scroll-left {
0% {
-moz-transform: translateX(100%); /* Browser bug fix */
-webkit-transform: translateX(100%); /* Browser bug fix */
transform: translateX(100%);
}
100% {
-moz-transform: translateX(-100%); /* Browser bug fix */
-webkit-transform: translateX(-100%); /* Browser bug fix */
transform: translateX(-100%);
}
}
/* Tooltip container */
.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}
/* Tooltip text */
.tooltip .tooltiptext {
visibility: hidden;
width: 800px;
background-color: #dddddd;
color: #000000;
text-align: center;
padding: 5px 0;
border-radius: 6px;
opacity: 0;
transition: opacity .6s;
/* Position the tooltip text - see examples below! */
position: absolute;
z-index: 1;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1
}
.tooltip-top {
bottom: 125%;
left: 0%;
margin-left: -61px;
}
.tooltip .tooltiptext::after {
content: " ";
position: absolute;
top: 100%; /* At the bottom of the tooltip */
left: 19%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #dddddd transparent transparent transparent;
}
/* Tooltip container */
.tooltip-mobile, .tooltip-mobile2 {
position: relative;
display: inline-block;
border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}
/* Tooltip text */
.tooltip-mobile .tooltiptext {
visibility: hidden;
width: 350px;
background-color: #e6e8e9;
color: #000000;
text-align: center;
padding: 10px;
border-radius: 6px;
opacity: 0;
transition: opacity .6s;
/* Position the tooltip text - see examples below! */
position: absolute;
z-index: 9999;
}
.tooltip-mobile2 .tooltiptext {
visibility: hidden;
width: 400px;
background-color: #e6e8e9;
color: #000000;
text-align: center;
padding: 10px;
border-radius: 6px;
opacity: 0;
transition: opacity .6s;
/* Position the tooltip text - see examples below! */
position: absolute;
z-index: 9999;
}
.tooltip-mobile:not(:disabled):not(.disabled) {
cursor: pointer;
}
.tooltip-mobile2:not(:disabled):not(.disabled) {
cursor: pointer;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-mobile:hover .tooltiptext, .tooltip-mobile2:hover .tooltiptext {
visibility: visible;
opacity: 1
}
.tooltip-mobile-top {
bottom: 125%;
left: 0%;
margin-left: -61px;
}
.tooltip-mobile2-top {
bottom: 125%;
left: 0%;
margin-left: 0px;
}
.tooltip-mobile .tooltiptext::after {
content: " ";
position: absolute;
top: 100%; /* At the bottom of the tooltip */
left: 35%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #dddddd transparent transparent transparent;
}
.tooltip-mobile2 .tooltiptext::after {
content: " ";
position: absolute;
top: 100%; /* At the bottom of the tooltip */
left: 20%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #dddddd transparent transparent transparent;
}
.half-width {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
position: relative;
width: 50%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
/* INSTAGRAM FEED */
.socialFeed.grid .posts {
width: 330px !important;
}
#appView .squareCrop {
height: 330px !important;
}
.squareCrop, .portraitCrop, .landscapeCrop {
width: 330px !important;
}