body { font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, "Raleway", sans-serif !important; font-size: 12px !important; font-weight: 400; line-height: 26px; overflow-x: hidden !important; overflow-y: scroll; letter-spacing: .05em; color: #818181; background-color: #f6f6f6; -webkit-font-smoothing: antialiased; }

h2, h3 { font-weight: normal !important; }

.content { background-color: #fff !important; }

.content a:hover { color: #000; }

.content .container { background-color: #fff !important; }

.artwork-overlay { position: absolute; z-index: 10; top: 0; width: 300px; }

.artwork-overlay p { font-size: 1.1rem; line-height: 16px; margin-bottom: 10px; }

.artwork-overlay [id^='overlay-'] { position: absolute; top: 0; left: 0; }

.artwork { float: left; width: 130px; height: 130px; }

.search-results .artwork { float: none; height: auto; }

.thumb-artwork img { width: 125px; height: 125px; margin-right: 5px; margin-bottom: 5px; }

.page-id-393 .total-artwork { width: 100%; text-align: right; }

#filter-panel { position: relative; min-height: 600px; }

#filter-panel.fixed { position: fixed; top: 10%; }

#filter-panel h3 { font-size: 1.0em; line-height: 14px; margin-bottom: 15px; }

#filter-panel dt { font-weight: bold; }

#filters { position: absolute; z-index: 0; left: 0; width: 250px; }

.search_buttons { display: none; }

.title_without_animation .title_size_small { display: none; background: red !important; }

.page-footer__twitter, .page-footer__facebook, .page-footer__artnet, .page-footer__instagram { display: inline-block; width: 15px; height: 15px; text-align: left; text-indent: -99999px; }

.footer_bottom { margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee; }

.page-footer__twitter { background: url("/wp-content/themes/bridge-child/images/twitter.png"); }

.page-footer__facebook { background: url("/wp-content/themes/bridge-child/images/facebook.png"); }

.page-footer__instagram { margin-right: 8px; background: url("/wp-content/themes/bridge-child/images/instagram.png"); }

.page-footer__artnet { width: 66px; background: url("/wp-content/themes/bridge-child/images/artnet.png"); }

.success { font-weight: bold; color: green; }

footer { margin-top: 100px !important; }

footer .footer_top .container_inner > div:nth-child(5) { padding-top: 1.5em; }

header { border-bottom: 1px solid #fff !important; }

.morelink { margin-top: 10px; }

.morelink a { color: #000; }

.footer_bottom_holder, .footer_top_holder { background-color: #fff !important; }

/* Search */
#searchform.qode_search_form .container input { width: 85%; padding: 0 0 0 10px; float: none; }

#searchform.qode_search_form input[type="submit"] { border: 1px solid #ccc; height: auto; margin: 0; padding: 0 3px; position: relative; width: auto; visibility: visible; border-radius: 3px; float: none; clip: unset; }

#filters li { font-size: 1.0em; line-height: 14px; list-style: none; }

#filters li a { font-size: 1.0em; line-height: 14px; display: block; background: url("/wp-content/themes/bridge-child/images/checkboxes.png") right 1px no-repeat; }

#filters ul { margin-bottom: 15px; }

#filters li a:hover { background-position: right -13px; }

#filters li.checked a { background-position: right -27px; }

.artwork-pagination { float: left; width: 100%; margin-bottom: 20px; }

.artwork-pagination a { text-decoration: underline; }

.artwork-pagination a:hover { color: #000; }

#subnav a:hover { color: #000; }

.side_menu_button_link { display: none !important; }

.single-artwork .column2 p { margin-right: 10px; }

.sold { margin-bottom: 0; color: #c00; }

/* artistheader */
#artistheader { margin-bottom: 20px; }

#subnav { font-weight: normal; margin-bottom: 20px; border-bottom: 1px solid #b7b8b3; }

/*#subnav a.subnavlink { margin-right: 10px; float: left; }*/
.overlay-image { margin-top: 20px; padding-top: 10px; border-top: 1px solid #b7b8b3; }

.border-top { border-top: 1px solid #b7b8b3; }

.worktitle { width: 95%; padding-top: 10px; padding-bottom: 10px; }

.text-center { text-align: center; }

nav.main_menu > ul > li > a { font-weight: normal; height: auto !important; }

nav.main_menu > ul > li > a.current > span { font-weight: bold; }

.footer_top { padding: 0 !important; }

.footer_top .textwidget { text-align: center; }

/* bx slider */
.bx-controls_old { display: none !important; }

.bxslider { margin-bottom: 40px !important; }

.wrapper, body { background-color: #fff !important; }

/* posts */
.post_text_inner .date, .post_text_inner .post_info, .post_text_inner .post_more { display: none !important; }

.post_text h2 { font-size: 1.6em; text-transform: uppercase; margin-bottom: 1.5rem; }

.post_text p { margin-bottom: 1.0em; }

.post_text_inner a { text-decoration: underline; }

.single_tags.clearfix * { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.blog_single.blog_holder article .post_text .post_text_inner { padding-top: 0; }

/* artists */
.single-artist .two_columns_66_33 > .column1 { float: left; width: 65%; margin-left: 1.66%; }

/* about */
.page-id-507 strong { margin-top: 20px; }

/* menu */
.side_menu_button > a, .mobile_menu_button span, nav a { color: #888 !important; }

header .q_logo img.mobile { width: 200px !important; height: 80px !important; }

.q_logo a { visibility: visible !important; padding-bottom: 40px; }

.container-contact .contact-details h2, .container-contact .contact-details p { font-size: 1.0em; line-height: 20px; color: #000 !important; }

.container-mailinglist h2, .container-mailinglist p, .container-mailinglist a { font-size: 1.0em; line-height: 20px; color: #000 !important; }

.container-contact .contact-details p { margin-bottom: 20px !important; }

.container-mailinglist { margin-top: 40px; }

.container_inner { font-size: 1.0em; line-height: 20px; }

.container-artworkdetails p { margin-right: 10px; }

.column2 .stats { padding-top: 15px; }

.container-artwork { position: relative; }

.single-artwork .column2 p { margin-right: 10px; }

.statistics, .information p { margin-bottom: 1.0rem; }

.text-left { text-align: left; }

#loading { position: absolute; display: none; width: 100%; height: auto; margin-left: 242px; }

#loading img { margin-top: 150px; }

/* home */
.bx-wrapper .bx-caption { font-size: 1.6em; line-height: 22px; bottom: 45px !important; left: 48px !important; width: 197px !important; color: #000 !important; background: transparent !important; }

.bx-wrapper .bx-caption h3 { font-size: 17px !important; margin-bottom: 0; color: #000; border-bottom: 1px solid #333; }

.bx-wrapper .bx-caption span { line-height: 22px; padding: 0 !important; color: #000 !important; }

.latest_post_thumbnail { width: 100%; height: 160px; margin: 0 auto; text-align: center; padding-bottom: 7px; }

.latest_post_thumbnail a { display: block; width: 100%; height: 100%; margin: 0 auto; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: 300px auto; }

.latest_post_title { text-transform: uppercase; }

/* video */
.videos-list__item { margin-bottom: 40px; border-bottom: 1px solid #000; }

.videos-list__item > h2:first-child { margin-bottom: 10px; }

.videos-list__item .video-player { position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; margin: 20px auto; vertical-align: middle; }

.videos-list__item .video-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.videos-list__item:last-child { border-bottom: 0; }

/* @media only screen and (max-width: 480px) footer .footer_top .column_inner>div { margin: 0 0 0px!important; } */
form .field { margin: 10px 0; }

form .field:before { display: table; content: ' '; }

form .field:after { display: table; content: ' '; clear: both; }

form textarea { box-sizing: border-box; border: 1px solid #000; border-radius: 0; background: #fff; }

form input { box-sizing: border-box; border: 1px solid #000; border-radius: 0; background: #fff; }

form input.text { width: 100%; padding: 2px; }

form textarea { width: 100%; padding: 2px; }

form input.action { font-weight: bold; padding: 0; cursor: pointer; text-transform: uppercase; color: #000; border: 0; background: none; }

form .message { font-size: 1.0em; color: #f00; }

.btn { display: inline-block; padding: 2px 5px; cursor: pointer; transition: background .2s linear; text-decoration: none !important; color: inherit; border: 1px solid #b7b8b3; background: white; }

.middleColumn { float: left; width: 100%; }

.field label { font-size: 1.0em; line-height: 20px; float: left; width: 80px; padding-right: 5px; color: #000; }

input.wpcf7-form-control.wpcf7-text, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-date { margin: 0 !important; padding: 2px !important; border: 1px solid #000 !important; }

textarea.wpcf7-form-control.wpcf7-textarea, select.wpcf7-form-control.wpcf7-select, input.wpcf7-form-control.wpcf7-quiz { margin: 0 !important; padding: 2px !important; border: 1px solid #000 !important; }

textarea.wpcf7-form-control.wpcf7-textarea { height: 100px; }

.artwork-paging { display: inline-block; }

.hatom-extra, .visuallyHidden { position: absolute !important; overflow: hidden !important; clip: rect(0 0 0 0); width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; border: 0 !important; }

/* Styling an indeterminate progress bar */
progress:not(value) { /* Add your styles here. As part of this walkthrough we will focus only on determinate progress bars. */ }

progress[value] { /* Get rid of the default appearance */ -webkit-appearance: none; -moz-appearance: none; appearance: none; /* This unfortunately leaves a trail of border behind in Firefox and Opera. We can remove that by setting the border to none. */ border: none; /* Add dimensions */ width: 100%; height: 20px; /* Although firefox doesn't provide any additional pseudo class to style the progress element container, any style applied here works on the container. */ background-color: whiteSmoke; border-radius: 3px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5) inset; /* Of all IE, only IE10 supports progress element that too partially. It only allows to change the background-color of the progress value using the 'color' attribute. */ color: royalblue; position: relative; margin: 0 0 1.5em; /* Webkit browsers provide two pseudo classes that can be use to style HTML5 progress element. -webkit-progress-bar -> To style the progress element container -webkit-progress-value -> To style the progress element value. */ /* Firefox provides a single pseudo class to style the progress element value and not for container. -moz-progress-bar */ }

progress[value]::-webkit-progress-bar { background-color: whiteSmoke; border-radius: 3px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5) inset; }

progress[value]::-webkit-progress-value { position: relative; background-size: 35px 20px, 100% 100%, 100% 100%; border-radius: 3px; /* Let's animate this */ -webkit-animation: animate-stripes 5s linear infinite; animation: animate-stripes 5s linear infinite; }

progress[value]::-webkit-progress-value:after { /* Only webkit/blink browsers understand pseudo elements on pseudo classes. A rare phenomenon! */ content: ''; position: absolute; width: 5px; height: 5px; top: 7px; right: 7px; background-color: white; border-radius: 100%; }

progress[value]::-moz-progress-bar { /* Gradient background with Stripes */ background-image: -moz-linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%), -moz-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)), -moz-linear-gradient(left, #09c, #f44); background-size: 35px 20px, 100% 100%, 100% 100%; border-radius: 3px; /* Firefox doesn't support CSS3 keyframe animations on progress element. Hence, we did not include animate-stripes in this code block */ }

@-webkit-keyframes animate-stripes { 100% { background-position: -100px 0; } }

@keyframes animate-stripes { 100% { background-position: -100px 0; } }

/* Fallback technique styles */
.progress-bar { background-color: whiteSmoke; border-radius: 3px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5) inset; /* Dimensions should be similar to the parent progress element. */ width: 100%; height: 20px; }

.progress-bar span { background-color: royalblue; border-radius: 3px; display: block; text-indent: -9999px; }

.processed::-webkit-progress-value { /* Gradient background with Stripes */ background-image: -webkit-linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)), -webkit-linear-gradient(left, #09c, #690); }

/* Similarly, for Mozillaa. Unfortunately combining the styles for different browsers will break every other browser. Hence, we need a separate block. */
.processed::-moz-progress-bar { /* Gradient background with Stripes */ background-image: -moz-linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%), -moz-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)), -moz-linear-gradient(left, #09c, #690); }

/* Now we are good to duplicate html code for other skills and then add the css code for the new skill based on data-skill */
.bx-wrapper a[href="/artwork/young-girl-white-hat-368/"] + .bx-caption h3 { font-size: 15px !important; }

.bx-wrapper a[href="/artwork/salome-with-the-head-of-john-the-baptist-981/"] + .bx-caption h3 { font-size: 14px !important; }

@media only screen and (max-width: 30em) { footer .footer_top .column_inner > div { margin: 0 0 0 !important; }
  .content .container .container_inner.page_container_inner { padding: 0 0 0 0 !important; }
  .artworks { width: 100% !important; }
  .artworks .artwork { float: left; width: 50% !important; }
  .page-id-477 .wpb_wrapper strong { margin-top: 10px; margin-bottom: 5px; }
  .bx-viewport { height: 385px !important; }
  .bxslider li { height: 385px; }
  .bx-wrapper img { width: none !important; max-width: none !important; }
  .bxslider li a { display: block; height: 385px; margin-right: -10px; margin-left: -10px; } }

@media only screen and (min-width: 30em) { .col-alpha { float: left; width: 33%; min-height: 120px; }
  .col-alpha ul { margin-bottom: 10px; } }

@media only screen and (max-width: 48em) { .latest_info_row .vc_column_container { padding-bottom: 2.0em; } }

@media only screen and (min-width: 48em) { footer .footer_top .container_inner > div.five_columns { float: left; width: 20%; } }

@media only screen and (max-width: 68.75em) { .address-name, .address-address, .address-telephone { float: left !important; width: 100% !important; }
  .bx-viewport { height: 385px !important; }
  .bxslider li { height: 385px; }
  .bx-wrapper img { width: none !important; max-width: none !important; }
  .bxslider li a { display: block; height: 385px; margin-right: -10px; margin-left: -10px; }
  #filter-panel.fixed { position: relative; top: 0; margin-top: 10%; } }

@media only screen and (min-width: 68.75em) { .artwork-pagination, .artworks { width: 520px; }
  .filter-panel { margin-left: 40px; }
  .available-sold { float: left; width: 50%; }
  .total-artwork { float: left; width: 50%; text-align: right; }
  .total-artwork a { margin-right: 0; }
  .title_without_animation { min-height: 180px; }
  #subnav a.browseall { float: right; margin-right: 0; }
  .addmargin { margin-top: 170px; }
  .post_image { float: right !important; width: 300px !important; }
  .post_text { width: 66% !important; }
  .videos-list { width: 720px; margin-left: 200px; }
  .container-contact { min-height: 523px !important; background: url("/wp-content/themes/bridge-child/images/contact.jpg"); }
  .container-contact .contact-details { font-size: 1.0em; line-height: 20px; float: left; width: 600px; height: 403px; margin-top: 40px; margin-left: 40px; padding-top: 40px; padding-right: 40px; padding-left: 40px; background: rgba(255, 255, 255, 0.7); }
  .middleColumn { width: 323px; }
  .blog_holder.blog_small_image article { padding-bottom: 32px; border-bottom: 1px solid #eee; }
  .artist-artwork-image { float: left; width: 50%; }
  .artist-artwork-image img { width: 100%; max-width: 100%; }
  .artist-artwork-status { float: right; width: 50%; }
  .artist-artwork-status p { margin-left: 10px; }
  .artist-artwork-status h4 { margin-left: 10px; margin-top: 10px; margin-bottom: 10px; } }

@media only screen and (max-width: 75em) { .content { margin-top: 0 !important; } }
/*# sourceMappingURL=custom.css.map */