/* Theme Name: html5 shell by mimoYmima.com Theme URI: http://html5.mimoymima.com/ Description: a Framework for rapidly developing HTML5 based WordPress Themes Version: 2 Author: Brent Lagerman Author URI: http://mimoymima.com/ */ /* mYm6 - updated: Dec 30, 2012 - brent@mimoymima.com --- Color References --- text #758694 red, links, h3 #D46244 borders #E9E9F1 buttons #415986 h2 #415986 header text #6176A2 header search button #6176A2 heather/tan header #F9F8F1 heather/tan footer #EFEBD6 h1, navy (logo blue) #053C74 */ /*--------------------------------------------------------------------------------------------------*/ /* GENERAL STYLES - These defaults aren't site specific so you don't need to change them */ /* Instead you should add your styles in the BASE STYLING section below */ /* If you think you have a better style setting for something in this section send to brent@mimoymima.com */ /*--------------------------------------------------------------------------------------------------*/ /* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) -- http://cssreset.com */ 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 { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none;}blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;} table { border-collapse: collapse; border-spacing: 0; } /* apply a natural box layout model to all elements - http://paulirish.com/2012/box-sizing-border-box-ftw/ */ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /*--- TEXT ---*/ /* Font stacks - some premade stacks you could use, by default we're using the sans stack in the 'base styling' section below */ .serif { font-family: "Times New Roman", times, serif; } /*cambria, cochin ??*/ .monospace { font-family: 'courier new', courier, Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', monospace; } .sans { font-family: 'Lato', Lato, Arial, 'Helvetica Neue', helvetica, sans-serif; } /*--- CODE ---*/ code { background-color: #F9F8F1 !important; font-family: 'Andale Mono', 'Lucida Console', "courier new", courier, monospace; padding: .5em; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } pre code { line-height: 130%; display: block; padding: 1em; margin: 2em 0; overflow: auto; } pre { margin: 1em; } /*--- FORMS ---*/ #search-form input[type='text'] { width: 10em; } /*--- LISTS ---*/ /* .no-bullet: list without bullets */ .no-bullet { list-style-type: none; margin-bottom: 2em; } .no-bullet li { margin-bottom: .5em; } /* .bullet-list: nicer formatting for a bulleted list */ .bullet-list { margin: 1em 0 2em 0; line-height: 150%; } .bullet-list li { margin: 0 2em 1em 2em; list-style-type: square; } .bullet-list li ul { margin: .5em 0 1.5em 0; } .bullet-list li ul li { list-style-type: circle; margin: 0 2em .5em 2em; } /* .horiz-list: Used to put a list inline (horizontal) and get rid of the bullets */ .horiz-list ul { float: left; list-style-type: none; } .horiz-list li { float: left; display: inline; } .horiz-list li a { display: block; float: left; width: auto; } /* .link-list */ .link-list li { list-style-type: none; } li.link-list a, ul.link-list li a { display: block; background: url(./images/icon_link_arrow.png) 0px 8px no-repeat; padding-left: 20px; margin-left: 20px; } /* .pdf-list */ .pdf-link { padding-left: 20px; margin-left: 5px; } .pdf-list li { list-style-type: none; } li.pdf-list a, ul.pdf-list li a { display: block; background: url(./images/icon_pdf_sm.png) 0 3px no-repeat; padding-left: 20px; margin-left: 20px; } /*--- UTILITY ---*/ /* Clear Fixes - two methods, clear-fix is attached to the element you want to clear, .clear-all you can attach to a hr or br tag to clear the item before it as a last resort when you're in a hurry */ .clear-fix:before, .clear-fix:after { content: ""; display: table; } .clear-fix:after { clear: both; } .clear-all { visibility: hidden; clear: both; margin: 0 !important; padding: 0 !important; font-size: 0; height: 1px; } .hidden { display: none; } /* WordPress WYSIWYG alignment -- when you put in images that span the entire width of the content area remove the width and height */ img { max-width: 100%; display: block; margin: 0 auto; height: auto;} img.aligncenter, img.alignright, img.alignleft, img.alignnone, div.featured-image { max-width: 100%; display: block; margin: 2em auto; } div.wp-caption { max-width: 100%; margin: 2em auto; text-align: center; font-size: 0.9em; font-style: italic; background: #F9F8F1; padding: 1em; border: 1px solid #E9E9F1; } div.wp-caption img { margin-bottom: 1em; } .gallery { margin-bottom: 2em !important; } .gallery-item { margin: 0px; padding: 0em 0.75em; } #content div.wp-caption p.wp-caption-text { margin-bottom: 0; } /* Warnings */ .sys { text-align: left } .warn {} /*--- JQUERY RELATED --- */ /* PRELOADER: Relies on some js in the functions file and a div in the header (both commented out by default) */ /*.js div#preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background: #c0c0c0 url(./images/loading.gif) no-repeat center center; }*/ /* Show-Hide Content */ .make-link { color: #06F !important; text-decoration: none; margin-bottom: .5em; } .make-link:hover, .make-link:focus, .make-link:active { cursor: pointer; color: #C60; text-decoration: underline; } ul.hide { margin: 0 0 0 1em !important; padding: 0 !important; } .hide { display: none; } /* Adds 'Plus-Minus' sign to header */ .header-shown { background: url('./images/icon_link_plus_minus.png') no-repeat 0 -20px; height: 17px; } .header-hidden { background: url('./images/icon_link_plus_minus.png') no-repeat 0px 3px; height: -14px; } /* Indicators */ .indicator { position: absolute; z-index: 100; text-align: right; left: 0; } .indicator a { width: 7em; background-color: #FF0; display: block; font-weight: bold; font-size: 12px !important; text-transform: uppercase; text-decoration: none; padding: .5em 1em; } .indicator a:link, .indicator a:visited { color: black; } .indicator a:hover, .indicator a:focus, .indicator a:active { color: black; background-color: #FFF; text-decoration: none; cursor: pointer; } #js-ind { top: 20em; } /* Hide these items when Javascript is active */ .js #js-ind, .js .hide { display: none; } .on-hold { display: none; } /*--------------------------------------------------------------------------------------------------*/ /* BASE STYLING: style 320px first and go up from there using media query areas below */ /*--------------------------------------------------------------------------------------------------*/ /*--- SITE WIDE ---*/ /* SOME COLORS */ .red { color: #D46244; } .blue { color: #8892B3; } .navy { color: #053C74; } .tan,.heather { color: #EFEBD6; } .grey, .gray { color: #758694; } .black { color: #000; } .white { color: #fff; } /* Set the background and font color for the html and body, if you don't have a different bkg for the body set both to be the same */ html, body { background: #fff; color: #758694; } html, body { height:100%; width:100%; } /* Sets font family, size, width, and margins for the page */ body { font-family: 'Lato', Lato, Arial, 'Helvetica Neue', helvetica, sans-serif; font-size: 1.05em; line-height: 1.65em; } /* Common elements */ table { width: 100%; } table tr { border-bottom: 1px solid #E9E9F1; } table tr:first-of-type { border-top: 1px solid #E9E9F1; } table tr:nth-child(even) { background: #F7F7FC; } table th { font-weight: bold; text-transform: uppercase; color: #D46244; background: #F9F8F1; } table th, table td { vertical-align: middle; padding: 0.5em 0.75em; text-align: left; } table th:first-child, table td:first-child { border-left: 1px solid #E9E9F1; } table th:last-child, table td:last-child { border-right: 1px solid #E9E9F1; } table tfoot { background: #F9F8F1; font-style: italic; font-size: 0.85em; line-height: 1.35em; } blockquote { background: #F9F8F1; padding: 1em 1.5em; font-style: italic; margin: 2em auto; border: 1px solid #E9E9F1; } q { font-style: italic; } sub { vertical-align: sub; font-size: 0.7em; } sup { vertical-align: super; font-size: 0.7em; } big { font-size: 1.35em; } small { font-size: 0.7em; } /* Headings */ h1, h2, h3, h4, h5, h6, .header2 { font-family: 'Times New Roman', Times New Roman, Times, serif; font-weight: normal; color: #053C74; text-align: center; font-size: 1em; } h1 { font-size: 2em; line-height: 1.25em; } h2, .header2 { font-size: 1.65em; line-height: 1.25em; color: #415986; } h3 { font-size: 1.35em; line-height: 1.25em; color: #D46244; } h4 { font-size: 1.1em; line-height: 1.25em; color: #D46244; font-weight: normal; font-family: 'Lato', Lato, Arial, 'Helvetica Neue', helvetica, sans-serif; text-transform: uppercase; } h5 { font-size: 1.1em; line-height: 1.25em; font-family: 'Lato', Lato, Arial, 'Helvetica Neue', helvetica, sans-serif; font-weight: bold; } h6 { font-size: 1em; line-height: 1.25em; font-family: 'Lato', Lato, Arial, 'Helvetica Neue', helvetica, sans-serif; font-weight: bold; } /* Subtitles */ .subtitle,h1+h2,h2+h3,h3+h4,h4+h5,h5+h6 { padding-top: 0px !important; margin-top: -0.5em !important; } h1+h2 { margin-top: 0px !important; } /* Links */ a:link, a:visited { color: #D46244; text-decoration: none; border-radius: 3px; font-style: italic; -webkit-transition: color 0.5s, background 0.5s; transition: color 0.5s, background 0.5s; } a:hover, a:active, a:focus { background: #D46244; color: #fff; -webkit-transition: color 0.5s, background 0.5s; transition: color 0.5s, background 0.5s; } b, strong { font-weight: bold; } i, em { font-style: italic; } /* FORMS */ input, select, textarea { border: 1px solid #E9E9F1; height: 2.5em; padding: 0.5em; line-height: 1em; margin: 0px; font-size: 1em; font-family: 'Lato', Lato, Arial, 'Helvetica Neue', helvetica, sans-serif; background: #fff; width: 100%; color: #9099A1; font-style: italic; -webkit-transition: color 0.5s, border 0.5s; transition: color 0.5s, border 0.5s; } textarea { height: auto; } input:focus, select:focus, textarea:focus { border: 1px solid #D46244; color: #758694; font-style: normal; -webkit-transition: color 0.5s, border 0.5s; transition: color 0.5s, border 0.5s; } select, label { cursor: pointer; } textarea { resize: none; } input[type="submit"], input[type="button"], a.button { background: #415986; border: 0px; color: #fff; font-style: normal; text-transform: uppercase; padding: 0.5em 1em; cursor: pointer; -webkit-transition: color 0.5s, background 0.5s, border 0.5s; transition: color 0.5s, background 0.5s, border 0.5s; border-radius: 0px; } a.button { display: inline-block; } p.two-buttons a.button { width: 100%; text-align: center; margin-top: 1em; } input[type="submit"]:focus, input[type="button"]:focus, a.button:focus, input[type="submit"]:hover, input[type="button"]:hover, a.button:hover { background: #D46244; border: 0px; color: #fff; -webkit-transition: color 0.5s, background 0.5s, border 0.5s; transition: color 0.5s, background 0.5s, border 0.5s; } input[type="checkbox"] { width: auto; height: auto; margin-right: 0.5em; } input[type="file"] { padding: 0px; border: 0px; } /* CF7 */ p.captcha { color: #D46244; font-weight: bold; } p.captcha img { display: inline; vertical-align: middle; } div.wpcf7-mail-sent-ok { border: 1px solid #E9E9F1 !important; background: #F9F8F1; } div.wpcf7-response-output { margin: 0 auto !important; padding: 0.5em 1em !important; text-align: center; font-style: italic; } span.absolute-dollar { display: inline-block; width: 5%; } input.bid { width: 95%; margin-bottom: 1em; } .search-form input { width: 65%; } .search-form input[type="submit"] { width: 15%; background: #6176A2 url("images/search.png") center center no-repeat; } #content .search-form, #content .search-hint { text-align: center; } #content .search-form input { width: 85%; } #content .search-form input[type="submit"] { width: 12.5%; } /* Hide these elements but keep them accessible */ .access-hide { position: absolute; left: -999em; } /* page-wrapper */ #page-wrapper { } /* controls width of centred elements */ .wrapper { margin: 0 auto; width: 100%; max-width: 480px; } /*--- HEADER ---*/ #site-header { padding: 1em; color: #6176A2; text-align: center; } #site-header a:link, #site-header a:visited { color: #6176A2; background: none; font-style: normal; } #site-header a:hover, #site-header a:active, #site-header a:focus { color: #D46244; background: none; } #site-title { margin-bottom: 0.25em; } #site-title img { width: 100%; max-width: 360px; } #contact-info { line-height: 2em; } #contact-info a { margin: 0 0.5em; } #contact-info a.phone { cursor: default; color: #fff; background: #D46244; padding: 3px 7px; } #contact-info .search-form { margin: 0.75em auto 0 auto; } /************************************************************************************ NAV *************************************************************************************/ #nav-wrap { } /* menu icon */ #menu-icon { display: none; /* hide menu icon initially */ } .sf-menu { text-align: right; font-size: 0.95em; } .sf-menu, .sf-menu li { margin: 0; padding: 0; } .sf-menu li { list-style: none; display: inline-block; } /* nav link */ .sf-menu a, .sf-menu a:focus { padding: 0; display: block; border-radius: 0px; font-style: normal; text-transform: uppercase; margin-left: 34px; background: none; color: #D46244; } .sf-menu li:first-child a { } .sf-menu a:hover { color: #053C74; } /* nav dropdown */ .sf-menu ul { text-align: left; position: absolute; display: none; /* hide dropdown */ width: auto; margin-left: 20px; box-shadow: 2px 2px 7px rgba(0,0,0,0.25); z-index: 99999; } .sf-menu ul li { float: none; margin: 0; padding: 0; display: block; } .sf-menu ul li a, .sf-menu ul li a:focus { margin: 0; text-transform: none; font-style: italic; display: block; height: 3em; line-height: 3em; padding: 0 1.1em; color: #fff; border-bottom: 1px #fff solid; text-transform: uppercase; font-size: 0.9em; border-top: 1px solid rgba(255,255,255,0.3); border-left: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(0,0,0,0.3); border-right: 1px solid rgba(0,0,0,0.3); background: #8892B3; text-transform: none; line-height: 1.5; padding: 0.65em 1.1em; height: auto; } .sf-menu ul li a:hover { background: #ACB3CA; color: #fff; } .sf-sub-indicator { display: none; } .sf-menu li:hover > ul { display: block; /* show dropdown on hover */ } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 200px; /* match ul width */ top: 0; } .sf-menu ul li img { display:inline; margin: 0; position: relative; top: 2px; left: 4px; } /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } /************************************************************************************ MOBILE SUPERFISH *************************************************************************************/ @media screen and (max-width: 1000px) { /* nav-wrap */ #nav-wrap { position: relative; } /* menu icon */ #menu-icon { width: 100%; height: 3em; /* Toggle Switch Height */ padding: 0; cursor: pointer; display: block; /* show menu icon */ position: relative; background: #415986 url("images/nav.gif") center right no-repeat; color: #FFF; width: 100%; height: 3em; line-height: 3em; text-transform: uppercase; text-align: center; font-size: 1em; } #menu-icon:hover { } #menu-icon.active { } ul.sf-menu li a:link, ul.sf-menu li a:visited, ul.sf-menu li a:hover, ul.sf-menu li a:active, ul.sf-menu li a:focus { -webkit-transition: none; transition: none; } /* main nav */ .sf-menu { text-align: left; clear: both; position: absolute; top: 3em; /* Match height of toggle switch */ max-width: 100%; width: 100%; z-index: 10000; display: none; /* visibility will be toggled with jquery */ left: 0px; } .sf-menu li { clear: both; float: none; display: block; } .sf-menu a, .sf-menu ul a { font: inherit; background: none; display: inline; padding: 0; border: none; } .sf-sub-indicator { display: inline; } /* dropdown */ .sf-menu ul { width: 100%; position: static; display: block; border: none; background: inherit; } .sf-menu ul li { margin: 0px; } .sf-menu a, .sf-menu a:focus { display: block; border-radius: 0px; height: 3em; line-height: 3em; padding: 0 1.1em; background: #6176A2; color: #fff; border-bottom: 1px #fff solid; text-transform: uppercase; font-size: 0.9em; border-top: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(0,0,0,0.3); font-style: normal; width: 100%; margin: 0px; } .sf-menu a:hover { color: #fff; } .sf-menu ul li a, .sf-menu ul li a:focus { padding-left: 2.25em; } .sf-menu ul { margin: 0px; } } @media screen and (min-width: 1000px) { /* ensure #nav is visible on desktop version */ .sf-menu { display: block !important; } } /* DownStates*/ /* #nav-wrap .sf-menu li.current_page_item a { font-weight: bold; color: #053C74; } #nav-wrap .sf-menu ul li.current-menu-item a { font-weight: bold; font-style: normal; } */ /*--- CONTENT AREA ---*/ #content { padding: 1em 1em 2em 1em; position: relative;} #content p, #fancybox-content p { margin-bottom: 1em; } #content ol, #content ul, #content table { margin: 1em 0 2em 0; } #content ol, #content ul { margin-left: 2em; } #content li { margin-bottom: 0.5em; } #content ul { list-style-type: square; } #content ol { list-style-type: decimal; } #content h1 { margin-bottom: 0.5em; } #home #fancybox-content h1 { font-size: 24px; } #home #fancybox-content h2 { font-size: 18px; } #home #fancybox-content h3 { font-size: 16px; } #content h2, #fancybox-content h2 { padding-top: 0.25em; margin-bottom: 0.35em; } #content h3, #fancybox-content h3 { padding-top: 0.25em; margin-bottom: 0.35em; } #content h4 { padding-top: 0.35em; margin-bottom: 0.2em; } #content h5 { padding-top: 0.25em; margin-bottom: 0.1em; } #content h6 { padding-top: 0.25em; margin-bottom: 0em; } #content iframe, #content object { width: 100%; height: 300px; } /* SIDEBARS */ #sidebar { width: 100%; margin: 2em auto 0 auto; } #sidebar .widget { background: #F9F8F1; border: 1px solid #E9E9F1; padding: 0.5em 1em 0 1em; } /* Page Nav */ #page-nav a { } /* Page */ .page {} /* Posts */ .post {} /* Single */ .single-template {} /* Comments using Intense Debate */ .post-meta-data {} /*--- FOOTER ---*/ #footer { background: #EFEBD6; padding: 1.5em 1em; font-size: 0.8em; text-align: center; line-height: 1.25em; } #footer h3 { margin: 1.5em 0 0.35em 0; border-top: 1px solid #FBFAF5; padding-top: 1.25em; } #footer p { margin: 0 0 1em 0; } #footer .contact-details h3 { border-top: 0; margin-top: 0; padding-top: 0; } #footer .contact-details .contact-points span.label { margin: 0 5px; } #footer .contact-details .contact-points span.label.fax { margin-left: 20px; } #footer #social-media-bar { display: block; text-align: center; padding: 5px 0 15px 0; } #footer #social-media-bar a, #footer #social-media-bar img { display: inline-block; padding: 0; } #footer #social-media-bar a { margin: 0 3px; } #footer input { border: 1px solid #fff; margin-bottom: 0.5em; } #footer input[type="submit"] { border: 0px !important; } #footer a.privacy-notice { position: relative; top: 0.25em; } #footer .marketplace { text-align: left; } #footer .marketplace img.featured-marketplace { width: 37.5%; float: left; margin: 0.25em 1em 2em 0; max-width: 109px; } #footer .bottom-section { border-top: 1px solid #FBFAF5; padding: 1.25em 0 0 0; margin-top: 0.75em; position: relative; } #footer .bottom-section #social-media a { padding: 0px; border-radius: 0px; margin: 0px; background: none; } #footer .bottom-section #social-media img { display: inline; margin: 0 0.25em 0.75em 0.25em; } #footer .bottom-section .horiz-list li, #footer .bottom-section .horiz-list li a { display: inline; float: none; } #footer .bottom-section .horiz-list li a { color: #758694; font-style: normal; } #footer .bottom-section .horiz-list li a:hover { color: #fff; } #footer .bottom-section .horiz-list li { margin: 0 5px; } #footer .bottom-section .horiz-list.credits { font-size: 0.8em; position: relative; top: 0.75em; } #footer .bottom-section .horiz-list.credits li { display: block; } #menu-footernav { position: relative; z-index: 9; } /*--------------------------------------------------------------------------------------------------*/ /* Specific Page Styles */ /*--------------------------------------------------------------------------------------------------*/ /* BLOG POSTS & COMMENTS */ .post-edit-link { position: fixed; display: block; bottom: 0px; left: 0px; font-size: 1em; background: #fff; opacity: 0.8; z-index: 999; } #content p.time, #content p.author { text-align: center; margin: 0px; } #content p.author { font-style: italic; padding-bottom: 1em; border-bottom: 1px solid #E9E9F1; margin-bottom: 1em; } #post-meta-data { background: #F9F8F1; padding: 1em 1.5em; font-style: italic; margin: 2em auto; border: 1px solid #E9E9F1; } #comments .comment { border-bottom: 1px solid #E9E9F1; padding-bottom: 1.5em; margin-bottom:1.5em; } #comments-list ol { margin: 0; list-style-type: none; } #content .form-section { margin-bottom: 1em; } #gasp_p { margin: -0.5em auto 0.5em auto !important; color: #D46244; } #gasp_p input, #gasp_p label { cursor: pointer; vertical-align: middle; height: 2.5em; line-height: 2.5em; padding: 0px; } #gasp_p input { width: auto; float: left; } #gasp_p label { padding-left: 0.75em; } /* BX SLIDER GLOBAL STYLES */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } #content ul.bxslider, #content ul.bxslider li { margin: 0px; list-style-type: none; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { background: #fff; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -40px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url("images/bx_loader.gif") center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; height: 35px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #D2D5D8; text-indent: -9999px; display: block; width: 24px; height: 24px; margin: 0 6px; outline: 0; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #9099A1; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 20px; background: url(images/arrows.png) no-repeat 0 -100px; -webkit-transition: none; transition: none; } .bx-wrapper .bx-next { right: 20px; background: url(images/arrows.png) no-repeat -29px -100px; -webkit-transition: none; transition: none; } .bx-wrapper .bx-prev:hover { background-position: 0 0; -webkit-transition: none; transition: none; } .bx-wrapper .bx-next:hover { background-position: -29px 0; -webkit-transition: none; transition: none; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -50px; outline: 0; width: 29px; height: 100px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(bxslider/images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(bxslider/images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #546992; width: 100%; font-size: 0.85em; } .bx-wrapper .bx-caption span { color: #fff; text-align: center; display: block; font-family: 'Times New Roman', Times New Roman, Times, serif; font-style: italic; line-height: 3em; color: #fff; height: 3em; padding: 0px; } .bx-wrapper .bx-caption span a.caption-button{ -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; background: #fff; color: #00114B; font-family: 'Lato', Lato, Arial, 'Helvetica Neue', helvetica, sans-serif; font-style: normal; text-transform: uppercase; padding: 0 1em; font-size: 0.65em; float: right; opacity: 0.8; } .bx-wrapper .bx-caption span a.caption-button { font-size: 0; left: 0; position: absolute; width: 100%; background: none; } .bx-wrapper .bx-controls-direction a { display: none; } /*--- home ---*/ #home {} #home #popup { padding: 0.35em 0.5em; } #home #popup * { text-align: left; } /* HOMEPAGE SLIDESHOW */ #home #homepage-slideshow { padding: 1em 0 4em 0; } #home #homepage-slideshow .bx-wrapper .bx-viewport { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; padding-bottom: 3em; } #home #homepage-slideshow .bx-wrapper .bx-caption { bottom: -3em; } /* HOMEPAGE FEATURED BOXES */ #home #homepage-highlights { text-align: center; font-family: 'Times New Roman', Times New Roman, Times, serif; font-style: italic; font-size: 1.1em; line-height: 1.1em; color: #fff; } #home #homepage-highlights .hb-box { position: relative; max-width: 340px; width: 100%; margin: 1em auto 2em auto; } #home #homepage-highlights a.hb-link { color: #fff; background: #415986 !important; display: block; } #home #homepage-highlights span.hb-caption { position: absolute; bottom: 5.5%; display: block; width: 100%; padding: 0.35em 0; background: #415986; opacity: 0.9; -webkit-transition: opacity 0.5s, text-shadow 0.5s; transition: opacity 0.5s, text-shadow 0.5s; } #home #homepage-highlights a.hb-link:hover span { opacity: 1; text-shadow: 0 0 4px #fff; -webkit-transition: opacity 0.5s, text-shadow 0.5s; transition: opacity 0.5s, text-shadow 0.5s; } #home #homepage-highlights a.hb-link img.hb-image { -webkit-transition: opacity 1s; transition: opacity 1s; } #home #homepage-highlights a.hb-link:hover img.hb-image { opacity: 0.65; -webkit-transition: opacity 1s; transition: opacity 1s; } #home .phi_two.recent-highlights a.homepage-thumb { display: block; float: left; width: 47%; margin: 1em 1.5%; background: none; } #home #content h4 { text-align: left; } /* MASTHEAD */ #masthead { background: #F9F8F1; text-align: center; color: #D46244; border-bottom: 1px solid #E9E9F1; } #masthead span { padding: 0.5em 1em; display: inline-block; } #masthead p { margin: 0px; padding: 0px; } #masthead p.title .page { text-transform: uppercase; } #masthead p.item-nav a, p.search-footer.item-nav a { padding: 0.5em 1.8em; float: left; display: block; background: #E9E9F1; width: 50%; border-radius: 0px; color: #6176A2; text-transform: uppercase; font-style: normal; font-size: 0.9em; } #masthead p.item-nav a[rel="next"], p.search-footer.item-nav a[rel="next"] { text-align: right; background: url("images/prev.png") #E9E9F1 100% 50% no-repeat; border-right: 1px solid #fff; } #masthead p.item-nav a[rel="prev"], p.search-footer.item-nav a[rel="prev"] { text-align: left; background: url("images/next.png") #E9E9F1 0 50% no-repeat; } /* ANTIQUES DETAIL PAGE */ #content.single-antiques {} #content.single-antiques .header-meta { border-bottom: 0px; } #content.single-antiques .header-meta h1 { font-size: 1.35em; text-align: center; margin-bottom: 0px; padding: 0.5em 0 0 0; } #content.single-antiques ul.meta-data { border-bottom: 1px solid #E9E9F1; width: 100%; text-align: left; margin: 1em 0; list-style-type: none; padding-bottom: 1em; display: table; } #content.single-antiques ul.meta-data li { margin: 0px; display: table-row; } #content.single-antiques .meta-data span { width: 65%; display: table-cell; vertical-align: top; } #content.single-antiques .meta-data span.label { text-transform: uppercase; width: 35%; text-align: right; padding-right: 1em; } #content.single-antiques ul.meta-data li.sold { color: #D46244; font-weight: bold; } #content.single-antiques .expandable { margin-bottom: 2em; } #content .aux-links.auction-aux { margin-top: 20px; } #content .aux-links a, #content .aux-links span { border-radius: 0px; font-style: normal; text-transform: uppercase; text-align: center; background: #D46244; color: #fff; display: block; width: 50%; float: left; padding: 0.5em 0; outline: 1px solid #fff; } #content .aux-links a.lonely { float: none; margin: 0 auto; width: 60%; } #content .aux-links a:hover { background: #E9E9F1; color: #6176A2; } #content .aux-links span { color: #D46244; background: #EFEBD6; font-style: italic; } #content .bid-links { margin: 0.5em 0 0.75em 0; } #content .bid-links a.button { display: block; outline: 1px solid #fff; padding: 0.5em 0; text-align: center; } #content p.hint.red { font-style: italic; font-size: 0.8em; margin: 1em 0 0 0; text-align: center; line-height: 1.35em; } #bid * { text-align: center; } #bid input[type="number"] { text-align: left; } #bid .header2 { margin-bottom: 0em; font-style: italic; } #bid p.wide a.button { width: 100%; margin: 0px; float: none; } /* NEW LIGHT GALLERY */ div.featured-image.sp-wrap { display: block !important; } #lightgallery { width: 100%; margin: 0 auto; } #lightgallery img { max-width: 100%; max-height: 405px; width: auto; } #lightgallery .thumbnail { width: 62px; height: 62px; overflow: hidden; margin: 8px 0 0 8px; opacity: 0.5; display:inline-block; position: relative; left: -4px; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } #lightgallery .thumbnail img { width: 100%; height: 100%; } #lightgallery .thumbnail:hover { opacity: 1; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } div.lg img.lg-object.lg-image { max-height: calc(100% - 194px); vertical-align: top; position: relative; top: 94px; } div.lg .lg-sub-html { display: none !important; } /* IMAGE ZOOMER STYLES */ #content.single-antiques div.images { width: 280px; margin: 1em auto; text-align: center; } /* Element wrapper */ div.featured-image.sp-wrap { display:none; margin: 0 auto; line-height:0; font-size:0; position:relative; /************** Set max-width to your thumbnail width ***************/ max-width: 100%; } img.on-hold { position: absolute; top: 0px; left: 0px; z-index: 99; height: 95px; width: 95px; } .marketplace-item img.on-hold { height: 70px; width: 70px; } /* reset max-width for these images so that webkit behaves */ div.featured-image.sp-wrap img { max-width: none; } /* Thumbnails */ .sp-thumbs { display:inline-block; } .sp-thumbs a:link, .sp-thumbs a:visited { width: 64px; height: 64px; overflow: hidden; margin: 8px 0 0 8px; opacity:.4; display:inline-block; border-radius: 0px; background: #fff; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } /* every 1st in row has no margin */ .sp-thumbs a:nth-child(4n+1) { margin-left: 0px; } .sp-thumbs a:hover{ opacity:1; } .sp-thumbs a:active, .sp-current { opacity:1!important; position: relative; } .sp-thumbs img { height: auto; min-height: 100%; width: 100%; vertical-align: middle; } .sp-thumbs img:nth-of-type(3) { margin: 0; } /* .sp-current:after { content:''; border:6px solid transparent; border-top:6px solid #D46244; position: absolute; left:50%; top:0; margin-left:-6px; } */ /* Unzoomed, big thumbnail */ .sp-large { position:relative; overflow:hidden; top:0; left:0; } .sp-large a img { width: 100%; max-width:100%; height:auto; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; } .sp-large a { display:inline-block; } /* Panning Zoomed Image */ .sp-zoom { position:absolute; left:0; top:0; cursor:zoom; cursor: -webkit-zoom-out; cursor: -moz-zoom-out; display:none; } /* Button to go full size */ .sp-full-screen { position: absolute; z-index: 1; display: none; right: 0; top: 0; font-size: 20px; line-height: 1em; width: 19px; height: 20px; padding: 0 0 2px 1px; background: #F0353A; } .sp-full-screen a:link, .sp-full-screen a:visited { background: none; color: #fff; font-size: 20px; width: 20px; height: 20px; text-decoration: none; text-align: center; display: block; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } /* Lightbox */ .sp-lightbox { position: fixed; top:0; left:0; height: 100%; width:100%; background:rgb(0,0,0); background:rgba(0,0,0,.8); z-index: 999; display: none; } .sp-lightbox img { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; max-width: 100%; max-height: 100%; } /* AUCTION PAGES */ #content.auctions .preview-thumbs { clear: both; } #content.auctions a.auction-thumb { display: block; margin: 2em auto; max-width: 240px; } #content.auctions .desc a.catalogImage { display: block; border: 1px solid #E9E9F1; margin: 20px auto; padding: 5px; max-width: 450px; position: relative; } #content.auctions .desc a.catalogImage span.callout { top: 65%; left: 0; background: #D46244; color: #fff; display: inline-block; font-size: 12px; font-weight: bold; padding: 6px 10px; position: absolute; font-style: normal; line-height: 1; border: 1px solid #fff; border-left: 0px; text-transform: uppercase; letter-spacing: 1px; margin-left: -1px; } #content.auctions .desc a.catalogImage span.callout sup { font-weight: normal; letter-spacing: 0; } /* TEMPORARY AUCTIONS */ .temp-auction { width: 240px; height: 240px; display: block; overflow: hidden; border-radius: 0px !important; } .temp-auction img { width: auto; height: auto; max-width: none; max-height: none; } .temp-auction.landscape img { height: 100%; } .temp-auction.portrait img { width: 100%; } #fancybox-title-over { line-height: 16px; } #content.auctions.parent .description { width: 100%; margin-bottom: 1em; } #content.auctions .desc { margin-bottom: 1em; clear: both; } #content.auctions .description { text-align: center; } #content.auctions .desc h3 { font-size: 21px; } #content.auctions .desc h4 { text-transform: none; color: #999; font-size: 16px; } #content.auctions .desc { margin-top: 1em; } #content.auctions a.six-shooter { display: block; max-width: 450px; margin: 0 auto 20px auto; } #content.auctions #bidlinks { display: none; text-align: center; } #bidlinks { max-width: 380px; } #fancybox-wrap #bidlinks a.button { display: block; margin: 0 auto 1px auto; text-align: center; padding: 8px; } #fancybox-wrap #bidlinks a.button span.noMobile { display: none; } #fancybox-wrap #bidlinks h3 { margin-top: 19px; text-align: center; } #fancybox-wrap #bidlinks h3:nth-of-type(1) { margin-top: 0; } #content.auctions .aux-links a { width: 100%; } #fancybox-wrap #search { padding: 0 10px 10px 10px; } #fancybox-wrap #search label { display: block; } #fancybox-wrap #search .search-form { margin-top: 10px; position: relative; } #fancybox-wrap #search .search-form input { height: 44px; width: 100%; display: block; } #fancybox-wrap #search .search-form input.button { width: 44px; position: absolute; bottom: 0; right: 0; } #sidebar ul.terms-list { list-style-type: none; margin: 0px; } #sidebar ul.terms-list li { margin: 0px; } #sidebar ul.terms-list li.department-654, #sidebar ul.terms-list li.department-655 { display: none; } #sidebar ul.terms-list li a { background: #8898B9; display: block; width: 100%; margin-bottom: 1px; color: #fff; border-radius: 0px; font-style: normal; text-align: center; font-size: 1.1em; line-height: 1.1em; padding: 0.75em 0; } #content.departments #sidebar ul.terms-list { font-size: 0.9em; } #content.departments #sidebar ul.terms-list li a, #content.artists #sidebar ul.terms-list li a { text-transform: none; font-size: 1em; line-height: 1em; padding: 1em; } #sidebar ul.terms-list li a.current { cursor: default; } #sidebar ul.terms-list li a img { display: inline !important; height: auto !important; width: auto !important; margin: 0 -5px 0 5px; } #sidebar ul.terms-list li a.current, #sidebar ul.terms-list li a:hover { background: #415986; } #sidebar ul.terms-list li a.current img, #sidebar ul.terms-list li a[style^="background:#415986;"] img, #sidebar ul.terms-list li a:hover img { filter: brightness(0) invert(1); } #sidebar ul.terms-list li a .hidden { font-style: italic; } #content.auctions ul.auction-archive { list-style-type: none; margin: 0px; text-align: center; } #content.auctions ul.auction-archive.complete { padding-bottom: 1em; margin-bottom: 1.5em; } #content.auctions ul.auction-archive small{ margin-left: 0.5em; } #content div.two-column-list + h1 { border-top: 1px solid #E9E9F1; padding-top: 0.5em; } /* ARTIST PAGE */ #content.artists .artist-thumb, #content.departments .department-thumb { float: left; width: 40%; margin: 1em 5%; background: none; } #content.artists .artist-image { text-align: center; } #content.artists .artist-image p { width: 100%; } #content.artists .artist-image p a.button { width: 100%; margin: 1em 0 0 0; } /* ARTISTS LIST PAGE */ #content.artists ul.alpha-list { margin-left: 0; text-align: center; background: #F8F8F0; border: 1px solid #EBE9EC; padding: 0.5em 1em; } #content.artists ul.alpha-list li { display: inline-block; padding: 0px; margin: 0px; list-style-type: none; } #content.artists ul.alpha-list li.jump { display: block; font-weight: bold; } #content.artists ul.alpha-list li a { padding: 0.25em; } #content.artists ul.artist-list { margin: 0; text-align: center; list-style-type: none; } #content.artists ul.artist-list li { padding: 0px; margin: 0 0 2em 0; text-align: center; } #content.artists ul.artist-list li img { margin: 0 auto 0.5em auto; } /* DEPARTMENT PAGE */ #content #tabs { width: 280px; margin: 0 auto 4em auto; } #content #tabs ul.tabs { list-style-type: none; margin: 0px; border-bottom: 1px solid #E9E9F1; } #content #tabs ul.tabs li { display: block; float: left; margin: 0px; width: 33.3%; } #content #tabs ul.tabs li a { background: #F8F8F0; border-radius: 0; color: #D46244; display: block; font-size: 0.9em; font-style: normal; line-height: 0.9em; padding: 0.75em 0; text-align: center; text-transform: uppercase; outline: 1px solid #EBE9EC; -webkit-transition: background 0.5s, outline 0.5s; transition: background 0.5s, outline 0.5s; } #content #tabs ul.tabs li.active a, #content #tabs ul.tabs li a:hover { background: #D46244; color: #fff; outline: 1px solid #D46244; -webkit-transition: background 0.5s, outline 0.5s; transition: background 0.5s, outline 0.5s; } #content .tab-content.about-dept img.alignright.featured-dept, #content .tab-content.search h3 { margin-top: 1em; } #content .tab-content.about-dept .dept-image-block { font-size: 0.9em; font-style: italic; text-align: center; } #content .tab-content.about-dept .dept-image-block p.caption { position: relative; top: -1em; } #content .tab-content.about-dept .dept-image-block + p { font-size: 1.2em; line-height: 1.5em; padding-bottom: 1em; border-bottom: 1px solid #E9E9F1; color: #415986; } #content .tab-content .bx-wrapper { padding-top: 1.1em; text-align: center; font-size: 0.9em; } #content .tab-content .bxslider .image-wrapper { display: block; width: 100%; height: 246px; margin-bottom: 1.1em; background: #E9E9F1; } #content .tab-content .bxslider .image-wrapper img { width: auto; height: 100%; } #content .tab-content .bx-wrapper .bx-caption { top: 208px; bottom: auto; width: 100%; } #content .tab-content .bx-wrapper .bx-pager, #content .tab-content .bx-wrapper .bx-controls-auto { bottom: auto; } #consign { background: #F8F8F0; padding: 0.75em; text-align: center; outline: 1px solid #EBE9EC; margin: 0 auto 2em auto; max-width: 320px; } #consign h4 { text-align: center; padding: 0px; margin: 0 0 0.5em 0; } #consign p.consign-text { line-height: 1.35em; margin-bottom: 1.5em; } /* MARKETPLACE */ #content.marketplace {} #content.marketplace #container { padding-top: 2em; } #content #container .marketplace-item { width: 100%; margin: 0.75em 0%; text-align: center; background: #F9F8F1; padding: 1em; font-size: 0.9em; line-height: 1.35em; border: 1px solid #EBE9EC; } #content #container .marketplace-item a.market-img, #content #container .marketplace-item a.market-img img { background: none !important; position: relative; height: 100%; } #content #container .marketplace-item a.market-img span.lotNo { top: 0; left: 0; position: absolute; z-index: 1; color: #fff; font-style: normal; font-size: 14px; padding: 8px; height: 46px; width: 80px; text-shadow: 0 1px 3px rgba(0,0,0,1); background: url("images/lotno.png") top left no-repeat; background-size: 100% 100%; text-align: left; line-height: 1; } #content #container .marketplace-item a.market-img, #content #container .marketplace-item img { margin: 0 auto 1em auto; } #content #container .marketplace-item p { margin: 0px; } #content #container .marketplace-item p.price { font-size: 1.5em; margin-bottom: 0.25em; } #content .aux-links.marketplace a, #content .aux-links.marketplace span { margin: 0 auto; float: none; } #content h3.asking-price { margin-bottom: 0.5em; } #content.marketplace .marketplace-searches { background: #415986; color: #fff; padding: 10px; width: 100%; position: relative; margin-bottom: 1em; } #content.marketplace .marketplace-searches form { position: relative; display: flex; align-items: center; } #content.marketplace .marketplace-searches #filter { margin-bottom: 10px; } #content.marketplace .marketplace-searches form label { width: 25%; font-style: italic; text-align: right; padding-right: 10px; } #content.marketplace .marketplace-searches form select { width: 75%; } #content.marketplace .marketplace-searches .search-form input#srch { width: 62.5%; } #content.marketplace .marketplace-searches .search-form input[type="submit"] { width: 12.5%; } #content.marketplace .marketplace-searches form label span { display: none; } /* FANCY BOX CONTENT */ .modal { padding: 0.5em; } #email.modal { padding-bottom: 0; } #bid.login a.button { width: 100%; margin: 0 auto; display: block; } #share { padding-top: 1em; } #share.blog-post { margin: 0 auto; width: 325px; } #share.blog-post h4 { margin-bottom: 0.5em; } #share a.addthis_button_facebook_like, #share a.addthis_button_tweet, #share a.addthis_button_pinterest_pinit { background: none !important; } #share a.addthis_button_facebook_like { margin-top: -1px; margin-right: 0.5em; width: 80px; } #share a.addthis_button_tweet { margin-right: -1.65em; } #share a.addthis_button_pinterest_pinit { margin: 2px -3em 0 0; } #share a.addthis_counter { margin: 2px 0 0 0; } /* SEARCH PAGE */ #content.search article { background: none repeat scroll 0 0 #F9F8F1; border: 1px solid #E9E9F1; margin-bottom: 2em; padding: 1em 1em 0; } #content.search .header-meta { border-bottom: 0; margin-bottom: 0; } #content.search .header-meta h2 { margin-bottom: 0; } /* CONTACT */ #content.contact h3 { text-align: left; } /* Calendar Page */ #content.calendar table.gce-calendar { margin-top: 16em; } #sidebar #legend { position: absolute; border: 1px solid #ccc; top: 4em; text-align: center; width: 90%; left: 5%; } #sidebar #legend span.box { display: inline-block; height: 0.85em; width: 0.85em; margin-right: 0.15em; } #sidebar #legend .navy span.box { background: #053C74; } #sidebar #legend .red span.box { background: #D46244; } /* Google map form */ form[action="http://maps.google.com/maps"] { margin-bottom: 1em; } form[action="http://maps.google.com/maps"] input { width: 20%; } form[action="http://maps.google.com/maps"] input[name="saddr"] { width: 75%; margin-right: 5%; } /* BLOG STYLES */ #masthead p span.page a { font-style: normal; } body.home article.post, body.category article.post { margin-bottom: 4em; } div.sidebar-item { margin-bottom: 2em; } div.sidebar-item ul.recent-posts { margin-left: 0px !important; text-align: center; list-style-type: none !important; } div.sidebar-item.pinterest span[class$="fancy"] { width: 100%; } div.sidebar-item.pinterest span[class$="fancy"] span[class$="embed_grid_bd"] { width: 244px !important; margin: 0 auto !important; } div.sidebar-item.pinterest span[class$="fancy"] span[class$="embed_grid_hd"] { overflow: hidden; } /*--------------------------------------------------------------------------------------------------*/ /* 480-600 media query */ /*--------------------------------------------------------------------------------------------------*/ @media screen and (min-width: 480px) { /* add your styles here */ #footer .marketplace img.featured-marketplace { position: relative; top: -2.25em; margin-bottom: -1.75em; } .bx-wrapper .bx-caption { font-size: 1em; } #masthead p.item-nav a { width: 32%; } #masthead p.item-nav a[rel="next"] { margin-left: 18%; } #masthead p.item-nav a[rel="prev"] { margin-right: 18%; } /* LIGHT GALLERY */ div.lg img.lg-object.lg-image { max-height: calc(100% - 147px); top: 47px; } #fancybox-wrap #bidlinks a.button span.noMobile { display: inline; } } /* END: 480-600 media query - don't delete this bracket */ /*--------------------------------------------------------------------------------------------------*/ /* 600-750 media query */ /*--------------------------------------------------------------------------------------------------*/ @media screen and (min-width: 600px) { /* add your styles here */ .wrapper { width: 100%; max-width: 800px; } .search-form input { width: 320px; } .search-form input[type="submit"] { width: 2.75em; } /* Content */ #content { padding: 1.5em 1.5em 3em 1.5em; } #content .search-form input { width: 65%; } #content .search-form input[type="submit"] { width: 7.5%; } #content iframe, #content object { height: 480px; } /* FOOTER */ #footer { text-align: left; padding: 1.5em 2em; font-size: 0.85em; line-height: 1.35em; } #footer h3 { text-align: left; font-size: 1.5em; } #footer .phi_one { width: 100%; display: table-row; } #footer .phi_one .half { display: table-cell; vertical-align: top; } #footer .phi_one .half { width: 50%; } #footer .phi_one .half.contact-details br.hidden { display: inline; } #footer .contact-details .contact-points span.label, #footer .contact-details .contact-points span.label.fax { margin: 0px; display: inline-block; width: 4em; } #footer #social-media-bar { text-align: left; } #footer #social-media-bar a { margin: 0 5px 0 0; } #footer .email-alerts h3 { border-top: 0 none; margin-top: 0; padding-top: 0; } #footer input[type="submit"] { width: 40%; float: right; } #footer a.privacy-notice { font-size: 0.8em; top: 0.75em; } #footer .marketplace h3 { margin-top: 0.75em; padding-left: 245px; } #footer .marketplace p { margin-right: 4em; } #footer .marketplace img.featured-marketplace { float: left; margin: 0.25em 2em -1em 4em; max-width: 160px; width: 160px; } #footer #social-media { position: absolute; bottom: -5px; left: 4em; height: 30px; width: 80px; z-index: 9; } #footer .bottom-section #social-media a { display: block; float: left; height: 30px; width: 30px; margin-right: 10px; } #footer .bottom-section #social-media img { margin: 0; } #footer .bottom-section { text-align: center; } #footer .bottom-section .horiz-list ul { float: none; } #footer .bottom-section .horiz-list li { margin: 0 5px; } #footer .bottom-section .horiz-list li:first-child { margin-left: 0px; } #footer .bottom-section .horiz-list li:last-child { margin-right: 0px; } #footer .bottom-section .horiz-list.credits { clear: left; } /* BLOG POSTS & COMMENTS */ #gasp_p { } #respond input#submit { width: auto; } /* BXSLIDER TABLET TWEAKS */ .bx-wrapper .bx-caption { background: url(images/slide_grad.png) top center repeat-y; } .bx-wrapper .bx-caption span { color: #fff; text-align: center; display: block; font-family: 'Times New Roman', Times New Roman, Times, serif; font-style: italic; line-height: 3em; color: #fff; height: 3em; padding: 0px; } .bx-wrapper .bx-caption span a.caption-button{ padding: 0.65em 0.8em; float: none; opacity: 1; } .bx-wrapper .bx-controls-direction a { display: block; } .bx-wrapper .bx-pager { height: 25px; } /* HOMEPAGE SPECIFIC SLIDER TWEAKS IPAD */ #home #homepage-slideshow .bx-wrapper .bx-viewport { padding-bottom: 0.5em; } #home #homepage-slideshow .bx-wrapper .bx-caption { bottom: 5.5%; } #home .phi_two.recent-highlights a.homepage-thumb { width: 30%; margin: 1em 1.5% 0 1.5%; transition: opacity 1s; } #home .phi_two.recent-highlights a.homepage-thumb:hover { opacity: 0.65; transition: opacity 1s; } /* MASTHEAD */ #masthead { height: 2.25em; line-height: 2.25em; font-size: 1.35em; } #masthead span { padding: 0 0 0 1em; } #masthead p.title { float: left; } #masthead p.title span.identifier { font-size: 0.8em; padding-right: 0; } #masthead p.title span.identifier a { font-style: normal; } #masthead p.item-nav { float: right; font-size: 0.65em; } #masthead p.item-nav a { width: auto; padding: 0px 1em; } #masthead p.item-nav a[rel="next"] { margin-left: 0; padding-left: 2em; background: url("images/prev.png") #E9E9F1 0.85em 50% no-repeat; } #masthead p.item-nav a[rel="prev"] { padding-right: 2em; background: url("images/next.png") #E9E9F1 -2.5em 50% no-repeat; margin-right: 0; } p.search-footer.item-nav { width: 54%; margin: 0 auto; } /* AUCTION PAGES */ #content.auctions a.auction-thumb { margin: 2em 2.5% 0; max-width: 28%; float: left; } #content.auctions .desc a.catalogImage { position: relative; top: 20px; max-width: 240px; margin-bottom: 40px; } /* first in row clears */ #content.auctions a.auction-thumb:nth-child(3n+1) { clear: left; } .temp-auction { margin: 2em 2.5% 0; max-width: 28%; height: 10em; } #sidebar ul.terms-list { list-style-type: none; margin: 0px auto; width: 60%; } #sidebar ul.terms-list li { margin: 0px; } #sidebar ul.terms-list li a { width: 95%; margin: 0 auto 1px auto; } #sidebar ul.terms-list li a .hidden { display: block; text-transform: none; } /* ANTIQUES DETAIL PAGE */ #content.single-antiques .header-meta h1 { font-size: 1.5em; } #content .aux-links, #content.single-antiques ul.meta-data, #content.single-antiques .expandable { max-width: 650px; margin-left: auto; margin-right: auto; } #content.single-antiques .meta-data span { width: 70%; } #content.single-antiques .meta-data span.label { width: 30%; } #content.single-antiques .meta-data i.hidden { display: inline; } #content .aux-links { max-width: 450px; } /* NEW LIGHT GALLERY */ #lightgallery .thumbnail { width: 80px; height: 80px; } /* IMAGE ZOOMER */ #content.single-antiques div.images { width: 450px; } img.on-hold { height: 130px; width: 130px; } .sp-thumbs a:link, .sp-thumbs a:visited { width: 82px; height: 82px; margin: 10px 0 0 10px; } /* every 1st in row has no margin */ .sp-thumbs a:nth-child(5n+1) { margin-left: 0px; } #content.auctions .aux-links { float: none; margin-bottom: 1em; } #content .bid-links, #content .bid-links + .aux-links { width: 48%; float: left; max-width: 48%; margin: 0 1% 1em 1%; } #content.auctions .aux-links a, #content .bid-links a.button { height: 44px; outline: 0px; border-bottom: 1px solid #fff; } #content.auctions .desc { margin-top: 0; } /* ARTIST PAGE */ #content.artists .artist-thumb, #content.departments .department-thumb { width: 20%; margin: 1.25em 2.5%; -webkit-transition: opacity 1s; transition: opacity 1s; } #content.artists .artist-thumb:hover, #content.departments .department-thumb:hover { opacity: 0.65; -webkit-transition: opacity 1s; transition: opacity 1s; } #content.artists .artist-image { text-align: center; } #content.artists .artist-image p { width: 100%; } #content.artists .artist-image p a.button { width: 45%; margin: 1em 2.5% 0 2.5%; padding-right: 0px; padding-left: 0px; } /* ARTISTS LIST PAGE */ #content.artists h2.alpha-header { padding: 0.5em 0; margin: 1.5em 0 0.5em 0; text-align: center; border-top: 1px solid #E9E9F1; } #content.artists h2#letter-a { border-top: 0px; } #content.artists ul.artist-list li { display: block; float: left; width: 50%; margin-top: 1em; } #content.artists ul.artist-list.temp li { height: 300px; } /* DEPARTMENTS */ #content #tabs { width: 540px; } #content #tabs ul li span.hidden { display: inline; } #content .tab-content .bxslider .image-wrapper { height: 405px; } #content .tab-content .bx-wrapper .bx-caption { top: 324px; } #content .tab-content .bx-wrapper .bx-controls-direction a { position: absolute; margin-top: 1.1em; outline: 0; width: 50px; height: 405px; text-indent: -9999px; z-index: 9999; top: 0px; } #content .tab-content .bx-wrapper .bx-prev { background: #D2D5D8 url("images/arrows2.png") 5px 50% no-repeat; left: 0px; border-radius: 0px; } #content .tab-content .bx-wrapper .bx-next { background: #D2D5D8 url("images/arrows2.png") -35px 50% no-repeat; right: 0px; border-radius: 0px; } #content .tab-content .bx-wrapper .bx-controls-direction a { top: 0px; transition: background 0.5s; } #content .tab-content .bx-wrapper .bx-controls-direction a:hover { background-color: #9099A1; transition: background 0.5s; } /* MARKETPLACE */ #content.marketplace {} #content.marketplace #container {} #content #container .marketplace-item { width: 45%; margin: 1em 2.5%; font-size: 1em; line-height: 1.35em; } #content #container .marketplace-item p.price { font-size: 1.75em; margin-bottom: 0.25em; } #content h3.asking-price { font-size: 1.75em; } /* FANCYBOX CONTENT */ #bid.login { padding-right: 15%; padding-left: 15%; } #share { width: 450px; margin: 0 auto; } #share.auction-overview { width: 325px; } p.two-buttons { width: 60%; margin: 0 auto; } /* CALENDAR */ #sidebar #legend { top: 5em; } form[action="http://maps.google.com/maps"] input { width: 12.5%; } form[action="http://maps.google.com/maps"] input[name="saddr"] { width: 85%; margin-right: 2.5%; } /* BLOG STYLES */ #sidebar div.table-row { display: table; width: 100%; } div.sidebar-item.facebook, div.sidebar-item.pinterest { display: table-cell; width: 50%; vertical-align: top; padding: 0 2.5%; } div.sidebar-item.pinterest span[class$="fancy"] span[class$="embed_grid_bd"] { height: 183px !important; } } /* END: 600-750 media query - don't delete this bracket */ /*--------------------------------------------------------------------------------------------------*/ /* 750-1000 media query */ /*--------------------------------------------------------------------------------------------------*/ /* USE ONLY FOR TABLET STYLES THAT DON'T WORK AT 600px (eg. iPad specific breakpoint) */ @media screen and (min-width: 750px) { /* add your styles here */ #home #homepage-highlights .hb-box { float: left; margin: 1em 0 3em 0; width: 30%; } #home #homepage-highlights .hb-box.number-2 { margin: 1em 5%; } #masthead p small.hidden { margin-left: 0.75em; } #masthead p.title span.identifier.dept-filter small.hidden { margin-left: 0; display: inline; } /* NEW LIGHT GALLERY */ #lightgallery .thumbnail { width: 64px; height: 64px; margin: 10px 0 0 2%; left: -6px; } /* LIGHT GALLERY */ div.lg img.lg-object.lg-image { max-height: calc(100% - 200px); top: auto; vertical-align: middle; } /* IMAGE ZOOMER */ #content.single-antiques div.images { width: 650px; } .marketplace-item img.on-hold { height: 90px; width: 90px; } .sp-thumbs a:link, .sp-thumbs a:visited { width: 62px; height: 62px; margin: 10px 0 0 2%; } /* every 1st in row has no margin */ .sp-thumbs a:nth-child(7n+1) { margin-left: 0px; } #content.auctions ul.auction-archive { font-size: 1.25em; } /* two columns for auction archive list */ /* #content.auctions ul.auction-archive li { width: 50%; display: inline-block; } */ #content .two-column-list { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; width: 100%; } #content .two-column-list ul { margin-top: 0px; } /* TEMP AUCTIONS */ .temp-auction { height: 12.5em; } /* ARTISTS LIST PAGE */ #content.artists ul.artist-list li { display: block; float: left; width: 30%; margin: 0 1.5%; padding: 1em 0 2em; } /* SEARCH PAGE */ #content.search article { margin: 3em 0; padding: 1.5em 2em 1em 2em; } p.search-footer.item-nav { width: 40%; margin: 0 auto; } /* CF7 CONSIGN FORM */ .wpcf7-form p.phone { width: 48.75%; margin-right: 2.5%; float: left; } .wpcf7-form p.phone.cell { margin-right: 0; } .wpcf7-form p.city, .wpcf7-form p.state { width: 35%; float: left; margin-right: 2.5%; } .wpcf7-form p.zip { width: 25%; float: left; } #home #fancybox-content h1 { font-size: 30px; } #home #fancybox-content h2 { font-size: 24px; } #home #fancybox-content h3 { font-size: 18px; } #content.marketplace .marketplace-searches form label span { display: inline; } } /* END: 750-1000 media query - don't delete this bracket */ /*--------------------------------------------------------------------------------------------------*/ /* 1000-1200 media query */ /*--------------------------------------------------------------------------------------------------*/ @media screen and (min-width: 1000px) { /* add your styles here */ /* Headings */ h1, h2, h3, h4, h5, h6 { text-align: left; } .alignright { float: right; } .alignleft { float: left; } .alignleft:before, .alignleft:after { content: ""; display: table; } .alignleft:after { clear: both; } div.wp-caption.alignnone,img.alignnone { max-width: 100%; width: auto; display: block; margin: 1em auto 2em auto; clear: both; } div.wp-caption.aligncetner,img.aligncenter { max-width: 100%; width: auto; display: block; margin: 1em auto 2em auto; clear: both; } div.wp-caption.alignright,img.alignright { max-width: 50%; width: auto; display: inline; margin: 1em 0 2em 2em; } div.wp-caption.alignleft,img.alignleft { max-width: 50%; width: auto; display: inline; margin: 1em 2em 2em 0; } table th, table td { padding: 0.5em 1em; } .wrapper { max-width: 960px; } #site-header { padding: 1em 0; } #site-header #site-title { float: left; margin: 4px 0 0 0; } #site-title img { width: 300px; } #contact-info { text-align: right; } #contact-info a.phone { background: none; color: #6176A2; cursor: default; padding: 0px; } #contact-info span { border-right: 1px solid #E9E9F1; } #contact-info .search-form { float: right; margin: 0 0 0 0.5em; font-size: 0.95em; } #content p.captcha { width: 65%; } .search-form input { height: 2.1em; line-height: 2.1em; vertical-align: top; width: 175px; } .search-form input[type="submit"] { width: 2.25em; } #content .search-form, #content .search-hint { text-align: left; } #content .search-form input { width: 72.5%; } #content .search-form input[type="submit"] { width: 10%; } #nav-wrap { border-bottom: 1px solid #E9E9F1; padding: 0.5em; clear: both; } .sf-menu { text-align: center; margin-left: -36px; } #content { padding: 2.25em 0 4em 0; } #content .phi_one, #content .phi_two { display: table-cell; } #content .phi_one { width: 60%; padding-right: 2%; } #content .phi_two { width: 60%; padding-left: 2%; border-left: 1px solid #E9E9F1; } /* SIDEBAR */ #content div.with-sidebar { width: 79%; float: right; padding-left: 5.25%;} #sidebar { width: 21%; margin: 0; float: left;} #footer { padding: 2em 0; } #footer h3 { font-size: 1.65em; border-top: 0; padding-top: 0; } #footer .phi_one, #footer .phi_two { display: table-cell; vertical-align: top; } #footer .phi_one { width: 60%; } #footer .phi_two { width: 40%; padding-left: 2%; } #footer .phi_one .half { width: 47.5%; border-right: 1px solid #FBFAF5; } #footer .phi_one .half.email-alerts { width: 52.5%; padding: 0 3.5%; } #footer .contact-details .contact-points { margin-bottom: 0px; } #footer .marketplace p { margin-right: 0; } #footer .marketplace img.featured-marketplace { margin: 0.25em 1.5em 1em 0; max-width: 122px; width: 122px; top: 0; } #footer .marketplace h3 { margin-top: 0; padding-left: 0; } #footer .bottom-section { margin-top: 2.5em; padding: 1em 0 0; } #footer #social-media { bottom: auto; left: 0; top: 1.25em; } #footer .bottom-section #social-media a { margin-right: 5px; } #footer .bottom-section .horiz-list.credits li { display: inline; } /* BX SLIDER */ .bx-wrapper .bx-pager.bx-default-pager a { width: 9px; height: 9px; margin: 0 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* HOMEPAGE */ #home #homepage-slideshow { padding: 0.35em 0 2.5em; } #home #homepage-slideshow .bx-wrapper .bx-caption { bottom: 60px; font-size: 1.5em; } #home #homepage-slideshow .bx-wrapper .bx-caption span { height: 2.4em; line-height: 2.4em; } .bx-wrapper .bx-caption span a.caption-button { left: auto; position: relative; width: auto; background: #fff; margin-left: 0.5em; } #home #homepage-slideshow .bx-wrapper .bx-caption span a.caption-button { padding: 0.35em 0.75em; font-size: 0.55em; vertical-align: top; } #home #homepage-slideshow .bx-wrapper .bx-caption span a.caption-button:hover { color: #fff; background: #D46244; } #home #homepage-highlights { font-size: 1.25em; line-height: 1.25em; } #home .phi_two.recent-highlights h2 { text-align: center; } /* BLOG POSTS & COMMENTS */ #content p.time, #content p.author { text-align: left; display: inline-block; border: 0px; margin: 0 5px 0 0; } .featured-image.blog-post.alignright { margin: 0.5em 0 2em 2em; max-width: 320px; } #content .header-meta { border-bottom: 1px solid #E9E9F1; margin-bottom: 1.5em; } /* MASTHEAD */ #masthead { height: 2.05em; line-height: 2.05em; font-size: 1.75em; } #masthead span { padding: 0 0.35em 0 0; } #masthead p small.hidden { display: inline; } #masthead p.title span.identifier { font-size: 0.75em; } #masthead p.item-nav { font-size: 0.55em; } #masthead p.item-nav a { width: auto; padding: 0px 1em; } #masthead p.item-nav a[rel="prev"] { background: url("images/next.png") #E9E9F1 -1.2em 50% no-repeat; } #masthead p.item-nav a:hover, p.search-footer.item-nav a:hover { background-color: #D46244; color: #fff; } p.search-footer.item-nav { width: 28%; } /* AUCTION PAGES */ #content.auctions .bid-links-wrapper .desc h2, #content.auctions .bid-links-wrapper .desc h3, #content.auctions .bid-links-wrapper .desc h4 { text-align: center; } #content.auctions .aux-links { float: right; width: 25%; } #content.auctions .description { text-align: left; } #content.auctions .desc { clear: none; } #content.auctions .desc a.catalogImage { margin: 0 20px 20px 0; top: -10px; max-width: 220px; float: left; text-align: center; } #content.auctions .description .bid-links-wrapper { max-width: 860px; margin: 0 auto; } #content.auctions .bid-links-wrapper .aux-links, #content .bid-links { width: 48%; float: left; max-width: 48%; margin: 0 1% 1em 1%; } #content.auctions a.six-shooter { display: inline-block; } #content.auctions .description .bid-links-wrapper .desc + p { text-align: center; } #content .aux-links a.lonely { float: none; margin: 0; width: 50%; } #content.auctions a.auction-thumb { margin: 1.75em 7.25% 1.75em 0; width: 28.5%; max-width: 28.5%; -webkit-transition: opacity 1s; transition: opacity 1s; height: 200px; } #content.auctions a.auction-thumb:hover { opacity: 0.65; background: #415986; -webkit-transition: opacity 1s; transition: opacity 1s; } #content #container .marketplace-item { width: 30%; margin: 1em 1.5%; } .temp-auction { margin: 1.75em 7.25% 1.75em 0; max-width: 28.5%; width: 28.5%; height: 12em; } #sidebar ul.terms-list li a .hidden { display: block; text-transform: none; padding-right: 1em; } #sidebar ul.terms-list li a img { width: 15px !important; } /* last in row gets no left margin */ #content.auctions a.auction-thumb:nth-child(3n+3) { margin-right: 0px; } #content p.hint.red { text-align: left; } #sidebar ul.terms-list { margin: 0px; width: 100%; } #sidebar ul.terms-list li a { width: 100%; text-align: left; padding-left: 1em; } #content.departments #sidebar ul.terms-list li a { padding-right: 0px; } /* ANTIQUES DETAIL PAGE */ #content.single-antiques .header-meta h1 { font-size: 2em; padding: 0px; } #content.single-antiques div.images { width: 57%; float: left; margin: 0 0 40px 0; } #content.single-antiques div.entry { width: 43%; float: right; padding-left: 3.5%; } #content .aux-links, #content.single-antiques ul.meta-data, #content.single-antiques .expandable { width: 100%; } #content.single-antiques ul.meta-data { border-bottom: 0px; margin: 0.5em 0 1em 0; padding: 0px; } #content.single-antiques .meta-data span { width: auto; text-align: left !important; padding-bottom: 0.5em; } #content.single-antiques .meta-data span.label { width: 80px; padding-right: 0px; } #content.single-antiques .expandable { margin-bottom: 3em; } #content .aux-links.auction-aux { margin: 0 0 30px 0; } /* IMAGE ZOOMER */ .marketplace-item img.on-hold { height: 110px; width: 110px; } .sp-full-screen { display: block; } #content.auctions ul.auction-archive { text-align: left; font-size: 1.5em; } #content.marketplace .marketplace-searches { width: 50%; float: right; margin: 35px 0 20px 20px; } #content.marketplace .marketplace-searches select, #content.marketplace .marketplace-searches input { height: 40px; } #content.marketplace .marketplace-searches form label { width: 35%; font-size: 16px; } /* ARTIST PAGE */ #content.artists .artist-thumb, #content.departments .department-thumb { width: 15%; } #content h3.recent { text-align: center; } #content.artists .artist-image { max-width: auto; margin: 1em 0 1em 2em } #content.artists .artist-image p a.button { width: 100%; margin: 1em 0 0 0; } #content.artists ul.artist-list.temp li { height: 360px; } /* DEPARTMENT PAGE */ #content #tabs { width: 100%; } #content #tabs .clear-fix.mobile { display: none; } #content .tab-content.about-dept .dept-image-block { max-width: 460px; } #content #tabs ul.tabs { top: 5.7em; right: 0px; width: 20.65%; position: absolute; z-index: 99; border: 0px; margin: 0 0 0 7%; } #content #tabs ul.tabs li { float: none; width: auto; } #content #tabs ul.tabs li a { margin: 0 0 3px 0; font-size: 1.1em; } #consign { position: absolute; max-width: none; top: 14.2em; right: 0px; width: 20.65%; height: 200px; margin: 0px; z-index: 99; } #consign p.consign-text { font-size: 0.9em; } #content .tab-content.about-dept .dept-image-block { min-height: 360px; } #content .tab-content.about-dept img.alignright.featured-dept { margin: 0 0 2em 0; float: none; max-width: 460px; display: block; } #content .tab-content .bx-wrapper { padding-top: 0px; font-size: 1em; text-align: left; } #content .tab-content .bxslider .image-wrapper { height: 343px; } #content .tab-content { min-height: 350px; } #content .tab-content .bxslider .image-wrapper, #content .tab-content .bx-wrapper .bx-caption, #content .tab-content.search { width: 64.5%; } #content .tab-content .bx-wrapper .bx-caption { top: 266px; } .bx-wrapper .bx-caption span { height: 2.5em; line-height: 2.5em; } #content .tab-content .bx-wrapper .absolute-caption h4 { font-size: 1.25em; } #content .tab-content .bx-wrapper .bx-controls-direction a { height: 343px; margin-top: 0px; } #content .tab-content .bx-wrapper .bx-next { right: 35.5%; } #content .tab-content .bx-wrapper .bx-controls-direction a { top: 0px; } /* MARKETPLACE */ #content .aux-links.marketplace a, #content .aux-links.marketplace span { margin: 0; float: left; } #content h3.asking-price { margin: -0.5em 0 0.5em 0; } /* FANCY BOX CONTENT */ .modal { text-align: left; } #bid.login { padding: 0 0.5em 0.5em 0.5em; } #bid.login a.button { width: 47.5%; margin: 0 5% 0 0; float: left; text-align: center; } #bid.login p.second a.button { margin: 0; } #share.auction-overview { width: 100%; margin: 0; float: right; } /* SEARCH PAGE */ #content.search article { margin: 3em auto; width: 80%; padding: 1.25em 2em 0.25em 2em; } #content.search .header-meta { margin-bottom: 1em; } /* CF7 */ #content .wpcf7-form p.captcha.consign, .wpcf7-form p.submit input[type="submit"] { width: 40%; } p.two-buttons { width: 100%; margin: 0; } p.two-buttons a.button { margin: 0 2em 0 0; width: auto; } /* CALENDAR */ #content.calendar table.gce-calendar { margin-top: 0px; } #sidebar #legend { position: relative; top: 195px; text-align: left; width: 100%; left: 0%; } #content.contact div.with-sidebar { float: left; padding-right: 5.25%; padding-left: 0; width: 60%; } #content.contact .half-width { width: 40%; } body.about-us #content h3 { clear: both; } body.about-us #content h3 img { margin-top: 0.25em; width: 25%; } /* BLOG STYLES */ #sidebar div.table-row { display: block; } div.sidebar-item.facebook, div.sidebar-item.pinterest { display: block; width: 100%; padding: 0; } div.sidebar-item.pinterest span[class$="fancy"] span[class$="embed_grid_bd"] { width: 164px !important; } #share.blog-post { margin: 0; } div.sidebar-item ul.recent-posts { text-align: left; } } /* END: 1000-1200 media query - don't delete this bracket */ /* iPad in Landscape only hack to show bx slider buttons large to landscape ipad users */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .bx-wrapper .bx-pager.bx-default-pager a { width: 24px; height: 24px; margin: 0 6px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; } /* iPad doesn't load Google fonts */ #content #tabs ul.tabs li a { padding: 0.825em 0; } } /*--------------------------------------------------------------------------------------------------*/ /* 1200+ media query */ /*--------------------------------------------------------------------------------------------------*/ @media screen and (min-width: 1200px) { /* add your styles here */ body { font-size: 1.1em; line-height: 1.65em; } div.wp-caption.alignright,img.alignright { max-width: 100%;} div.wp-caption.align-left,img.alignleft { max-width: 100%;} .wrapper { width: 1140px; max-width: 1140px; } #site-header { padding: 30px 0 0 0; } #site-header #site-title { margin: 0; } #site-title img { max-width: none; width: auto; } #contact-info a { margin: 0 20px; } #contact-info .search-form { margin: 0; } #nav-wrap { padding: 30px 0 12px 0; } .sf-menu { text-align: right; margin-left: 0px; } #content .phi_one { padding-right: 39px; } #content .phi_two { padding-left: 38px; } #footer { font-size: 0.9em; line-height: 1.7em; padding: 2em 0 2.5em 0; } #footer h3 { font-size: 1.8em; margin-bottom: 0.7em; } #footer .phi_one .half { } #footer .phi_one .half.email-alerts { padding: 0 39px; } #footer a.privacy-notice { font-size: 0.7em; } #footer .phi_two { padding-left: 38px; } #footer .marketplace img.featured-marketplace { margin: 0.5em 1.5em 1em 0; max-width: 160px; width: 160px; } #footer .bottom-section { font-size: 0.9em; padding: 0.75em 0 0 0; line-height: 1.35em; } #footer .bottom-section .horiz-list li { margin: 0 8px; } #footer .bottom-section .horiz-list.credits { font-size: 0.85em; top: 1.65em; } #footer .bottom-section .horiz-list.credits li { margin: 0 18px; } #footer input:focus { border: 1px solid #D46244; -webkit-transition: color 0.5s, border 0.5s; transition: color 0.5s, border 0.5s; } /* HOMEPAGE */ #home #homepage-highlights { font-size: 1.5em; line-height: 1.5em; } /* AUCTION PAGES */ #content.departments #sidebar ul.terms-list { font-size: 1em; } #sidebar ul.terms-list li a { padding-left: 1.25em; } #sidebar ul.terms-list li a img { width: auto !important; } .temp-auction { width: 240px; height: 240px; } #lightgallery .thumbnail { width: 75px; height: 75px; margin: 15px 0 0 15px; } #content.auctions a.auction-thumb { height: 240px; } #content.auctions .desc h4 { font-size: 18px; } #masthead p.item-nav a i.hidden { display: inline; font-style: normal; } /* ANTIQUES PAGE */ .marketplace-item img.on-hold { height: 130px; width: 130px; } .sp-thumbs a:link, .sp-thumbs a:visited { height: 80px; width: 80px; margin: 15px 0 0 15px; } /* every 1st in row has no margin */ .sp-thumbs a:nth-child(7n+1) { margin-left: -1px !important; } #content.marketplace .marketplace-searches form label { font-size: 18px; } /* ARTISTS */ #content.artists .artist-image { max-width: 100%; } #content.artists .artist-image p a.button { width: 51%; margin: 1em 5% 0 0; padding-right: 0px; padding-left: 0px; } #content.artists .artist-image p a.button + a.button { width: 44%; margin-right: 0; } /* Departments */ #content .tab-content.about-dept .dept-image-block { min-height: 400px; } #content .tab-content.about-dept img.alignright.featured-dept { max-width: 540px; vertical-align: middle; } #content .tab-content.about-dept .dept-image-block { max-width: 540px; } #consign { height: auto; top: 249px; } #consign h4 { font-size: 1.35em; margin: 0 0 0.75em 0; padding: 0.25em 0 0 0; } #consign p.consign-text { font-size: 1em; margin-bottom: 1.25em; } #content .tab-content .bxslider .image-wrapper, #content .tab-content .bx-wrapper .bx-controls-direction a { height: 405px; } #content .tab-content .bx-wrapper .bx-caption { top: 326px; } #home #homepage-slideshow .bx-wrapper .bx-caption { font-size: 1.75em; } /* CALENDAR */ #sidebar #legend { top: 205px; } } /* END: 1200+ media query - don't delete this bracket */ /* PAGE GRID */ .gce-page-grid .gce-calendar .gce-caption{ /* Caption at top of calendar */ color:#333333; text-align:center; } .gce-page-grid .gce-calendar{ /* Main calendar table */ width:100%; border-collapse:collapse; border:1px solid #CCCCCC; color:#CCCCCC; } .gce-page-grid .gce-calendar th{ /* Day headings (S, M etc.) */ border:1px solid #CCCCCC; text-align:center; width:14.29%; padding:0; } .gce-page-grid .gce-calendar td{ /* Day table cells */ border:1px solid #CCCCCC; text-align:center; height:80px; vertical-align:middle; padding:0; } .gce-page-grid .gce-calendar .gce-has-events{ /* Table cells with events */ color:#333333; cursor:pointer; } .gce-page-grid .gce-calendar .gce-event-info{ /* Event information */ display:none; /* Important! */ } .gce-page-grid .gce-calendar .gce-day-number{ /* Day number span */ font-size:2em; } .gce-page-grid .gce-calendar .gce-today{ /* Table cell that represents today */ background-color:#DDDDDD; } .gce-page-grid .gce-calendar .gce-next, .gce-page-grid .gce-calendar .gce-prev{ /* Previous and next month links */ cursor:pointer; display:inline-block; width:3%; } .gce-page-grid .gce-calendar .gce-month-title{ /* Month title */ display:inline-block; width:90%; } .gce-page-grid .gce-calendar th abbr{ /* Day letter abbreviation */ border-bottom:none; } /* PAGE LIST */ .gce-page-list .gce-list p{ /* Each piece of information in the list */ margin:0; } .gce-page-list .gce-list p span, .gce-page-list .gce-list div span{ /* The text displayed before each piece of info, 'Starts:' for example */ color:#999999; } .gce-page-list .gce-list .gce-list-event{ /* The event title */ background-color:#DDDDDD; } .gce-page-list .gce-list .gce-list-title{ /* The title (not the same as event title) */ font-weight:bold; } .gce-page-list .gce-list ul{ list-style-type:none; margin:0; padding:0; } /* WIDGET GRID */ .gce-widget-grid .gce-calendar .gce-caption{ text-align:center; } .gce-widget-grid .gce-calendar{ /* Main calendar table */ width:100%; border:1px solid #CCCCCC; border-collapse:collapse; } .gce-widget-grid .gce-calendar th{ /* Day headings (S, M etc.) */ width:14.29%; border:1px solid #CCCCCC; text-align:center; } .gce-widget-grid .gce-calendar td{ /* Day table cells */ color:#CCCCCC; width:14.29%; border:1px solid #CCCCCC; text-align:center; } .gce-widget-grid .gce-calendar .gce-has-events{ /* Table cells with events */ cursor:pointer; color:#666666; } .gce-widget-grid .gce-calendar .gce-today{ /* Table cell that represents today */ background-color:#DDDDDD; } .gce-widget-grid .gce-calendar .gce-event-info{ /* Event information */ display:none; /* Important! */ } .gce-widget-grid .gce-calendar .gce-next, .gce-widget-grid .gce-calendar .gce-prev{ /* Prev and next month links */ cursor:pointer; display:inline-block; width:5%; } .gce-widget-grid .gce-calendar .gce-month-title{ /* Month title in caption at top of table */ display:inline-block; width:80%; } .gce-widget-grid .gce-calendar th abbr{ /* Day name abbreviations */ border-bottom:none; } /* WIDGET LIST */ .gce-widget-list .gce-list p{ /* Each piece of information in the list */ margin:0; } .gce-widget-list .gce-list p span, .gce-widget-list .gce-list div span{ /* The text displayed before each piece of info, 'Starts:' for example */ color:#999999; } .gce-widget-list .gce-list .gce-list-event{ /* The event title */ background-color:#DDDDDD; } .gce-widget-list .gce-list .gce-list-title{ /* The title (not the same as event title) */ font-weight:bold; } .gce-widget-list .gce-list ul{ list-style-type:none; margin:0; padding:0; } /* TOOLTIP */ .gce-event-info{ /* Tooltip container */ background-color:#FFFFFF; border:1px solid #333333; max-width:300px; } .gce-event-info .gce-tooltip-title{ /* 'Events on...' text */ margin:5px; font-weight:bold; font-size:1.2em; } .gce-event-info ul{ /* Events list */ padding:0; margin:5px; list-style-type:none; } .gce-event-info ul li{ /* Event list item */ margin:10px 0 0 0; } .gce-event-info ul li p{ /* Each piece of information */ margin:0; } .gce-event-info ul li p span, .gce-event-info ul li div span{ /* The text displayed before each piece of info, 'Starts:' for example */ color:#999999; } .gce-event-info .gce-tooltip-event{ /* The event title */ background-color:#DDDDDD; font-weight:bold; } /* CALENDAR.CSS */ .gce-page-grid .gce-calendar .gce-caption { padding: 1em 0; } .gce-page-grid .gce-calendar .gce-month-title { width: 60%; color: #053C74; font-family: "Times New Roman", Times New Roman, Times, serif; font-size: 1.25em; } .gce-page-grid .gce-calendar .gce-next, .gce-page-grid .gce-calendar .gce-prev { width: 10%; font-size: 1.5em; } .gce-page-grid .gce-calendar .gce-next a, .gce-page-grid .gce-calendar .gce-prev a { background: #415986; text-align: center; color: #fff; display: block; width: 100%; height: 100%; line-height: 1em; padding: 0 0 0.25em 0; } .gce-page-grid .gce-calendar { color: #758694; } .gce-page-grid .gce-calendar td, .gce-page-grid .gce-calendar th { border: 0px; } .gce-page-grid .gce-calendar td { background: #ddd; } .gce-page-grid .gce-calendar td.gce-day-past { background: #fff; color: #ccc; } .gce-page-grid .gce-calendar tr { background: none !important; } .gce-page-grid .gce-calendar th, .gce-page-grid .gce-calendar td { height: 60px; } .gce-page-grid .gce-calendar .gce-day-number { font-size: 1em; } .gce-page-grid .gce-calendar .gce-day-future { background: #fff; } .gce-page-grid .gce-calendar .gce-today { font-weight: bold; color: #D46244; background: #fff; border: 3px solid #D46244; } .gce-page-grid .gce-calendar .gce-has-events { font-weight: bold; color: #fff; background: #415986; } .gce-page-grid .gce-calendar .gce-has-events.gce-today { } .gce-page-grid .gce-calendar .gce-feed-3 { background: #D46244; } /* LIST VIEW */ #content ul.gce-list, #content ul.gce-list li ul { margin-left: 0px; list-style-type: none; } #content ul.gce-list > li { padding: 1em 1em 0 1em; background: #F9F8F1; border: 1px solid #E9E9F1; margin-bottom: 2em; } .gce-page-list .gce-list p span, .gce-page-list .gce-list div span { color: #758694; font-weight: bold; font-style: normal; display: block; } #content ul.gce-list p { margin-bottom: 0.5em; font-style: italic; } #content ul.gce-list li div.gce-list-title { font-size: 1.5em; line-height: 1.25em; font-family: "Times New Roman", Times, serif; font-weight: normal; color: #D46244; } #content .gce-page-list ul.gce-list p.gce-list-event { background: none; font-weight: bold; font-size: 1.15em; font-style: normal; margin-bottom: 1em; } #content ul.gce-list p.gce-list-link { margin: 2em 0 0 0; } #content ul.gce-list p.gce-list-link a { background: #415986; border: 0px; color: #fff; font-style: normal; text-transform: uppercase; padding: 0.5em 1em; cursor: pointer; -webkit-transition: color 0.5s, background 0.5s, border 0.5s; transition: color 0.5s, background 0.5s, border 0.5s; border-radius: 0px; } #content ul.gce-list p.gce-list-link a:hover { background: #D46244; border: 0px; color: #fff; -webkit-transition: color 0.5s, background 0.5s, border 0.5s; transition: color 0.5s, background 0.5s, border 0.5s; } /* TOOLTIPS */ .qtip{ position: absolute; left: -28000px; top: -28000px; display: none; max-width: 280px; min-width: 50px; direction: ltr; box-shadow: none; padding: 0; } .qtip-content{ position: relative; overflow: hidden; text-align: left; word-wrap: break-word; } .qtip-titlebar{ position: relative; overflow: hidden; } .qtip-titlebar + .qtip-content{ border-top-width: 0 !important; } /* Default close button class */ .qtip-close{ position: absolute; right: -9px; top: -9px; cursor: pointer; outline: medium none; border-width: 1px; border-style: solid; border-color: transparent; } .qtip-titlebar .qtip-close{ right: 4px; top: 50%; margin-top: -9px; } * html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */ .qtip-titlebar .ui-icon, .qtip-icon .ui-icon{ display: block; text-indent: -1000em; direction: ltr; } .qtip-icon, .qtip-icon .ui-icon{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-decoration: none; } .qtip-icon .ui-icon{ width: 18px; height: 14px; line-height: 14px; text-align: center; text-indent: 0; font: normal bold 10px/13px Tahoma,sans-serif; color: inherit; background: transparent none no-repeat -100em -100em; } /* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */ .qtip-focus{} /* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */ .qtip-hover{} /* Default tooltip style */ .qtip-default{ color: #758694; font-size: 0.9em; line-height: 1.25em; margin: -15px 0 0 -100px; } .gce-event-info ul li p span, .gce-event-info ul li div span { color: inherit; } .qtip-default .qtip-titlebar{ } .qtip-default .qtip-icon{ } .qtip-default .qtip-titlebar .qtip-close{ } .gce-event-info { background-color: #F9F8F1; border: 1px solid #758694; max-width: 300px; padding: 0.5em 1em; } .gce-event-info ul, .gce-event-info li { margin: 0px !important; } .gce-event-info ul li p { margin-bottom: 0.5em; } .gce-event-info ul li p.gce-tooltip-link { padding-top: 0.5em; } .gce-event-info ul li p.gce-tooltip-link a { padding: 0.25em 0.5em; background: #D46244; color: #fff; } .gce-event-info ul li p.gce-tooltip-link a:hover { color: #fff; background: #415986; } .gce-event-info .gce-tooltip-event { background: none; } @media screen and (min-width: 750px) { /* LIST VIEW */ #content ul.gce-list > li { padding: 1.5em 2em 0 2em; margin: 3em 0; } .gce-page-list .gce-list p span, .gce-page-list .gce-list div span { display: inline-block; width: 100px; padding-right: 20px; text-align: right; } #content ul.gce-list p.gce-list-link { margin: 1.5em 0 0 0; } } @media screen and (min-width: 1000px) { .gce-page-grid .gce-calendar .gce-caption { font-size: 1.35em; padding: 1.5em 0; } .gce-page-grid .gce-calendar .gce-next a, .gce-page-grid .gce-calendar .gce-prev a { transition: background 0.5s; } .gce-page-grid .gce-calendar .gce-next a:hover, .gce-page-grid .gce-calendar .gce-prev a:hover { background: #D46244; transition: background 0.5s; } .gce-page-grid .gce-calendar th, .gce-page-grid .gce-calendar td { height: 80px; } .gce-page-grid .gce-calendar .gce-day-number, .gce-page-grid .gce-calendar th { font-size: 1.35em; } /* LIST VIEW */ .gce-page-list { width: 80%; margin: 0 auto; } #content.calendar .gce-page-list { width: 100%; } .qtip-default{ margin: -20px 0 0 -116px; } } /* SE-STYLES.CSS */ a.se-box { display: block; float:right; box-shadow: rgba(0, 0, 0, 0.15) 0 1px 3px 0; width: 200px; font-family: "Helvetica Neue", Arial, sans-serif; color: rgb(0, 0, 0); text-decoration: none; margin: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 1px solid rgb(238, 238, 238); padding: 10px; background-color: #fff; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 3px 0; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 3px 0; } a.se-box span.se-box-heading { display: block; line-height:20px; } a.se-box span.se-box-heading span.se-box-heading-title { font-weight: bold; font-size: 16px; display: inline-block; color: #3498db; } a.se-box span.se-box-text { font-style: italic; margin: 8px 0; font-size: 12px; display: block; color:#7f8c8d; line-height:14px; } a.se-box span.se-box-date { font-style: italic; margin: 0 0 5px 0; font-size: 10px; display: block; color: #2c3e50; line-height:10px; } a.se-box span.se-box-domain { font-style: italic; margin: 0; font-size: 10px; display: block; color: #2c3e50; line-height:10px; } /* CF7 */ div.wpcf7 { margin: 0; padding: 0; } div.wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; } div.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0; } div.wpcf7-mail-sent-ok { border: 2px solid #398f14; } div.wpcf7-mail-sent-ng { border: 2px solid #ff0000; } div.wpcf7-spam-blocked { border: 2px solid #ffa500; } div.wpcf7-validation-errors { border: 2px solid #f7e700; } span.wpcf7-form-control-wrap { position: relative; } span.wpcf7-not-valid-tip { color: #f00; font-size: 1em; display: block; } .use-floating-validation-tip span.wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; border: 1px solid #ff0000; background: #fff; padding: .2em .8em; } span.wpcf7-list-item { margin-left: 0.5em; } .wpcf7-display-none { display: none; } div.wpcf7 img.ajax-loader { border: none; vertical-align: middle; margin-left: 4px; } div.wpcf7 div.ajax-error { display: none; } div.wpcf7 .placeheld { color: #888; } span a.read-link:hover, span a.read-link:focus, span a.read-link:visited, span a.read-link:link, span a.read-link { border: 0px; display: block; background: none; padding: 0px; margin: 0px; color: #D46244; } span a.read-link:before { content: "Continue reading..."; } span a.read-link:focus, span a.read-link:hover { color: #415986; }