/* Theme Name: Whangarei Art Museum Author: Big Fish Creative */ /* ---------------------------------------------------------------- RESET -----------------------------------------------------------------*/ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ 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, main, 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, main, footer, header, hgroup, menu, nav, section { display: block; } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background: #000; } body { line-height: 1; } 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; } :focus { outline: 0;} [hidden] { display: none; } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } input[type="text"], input[type="email"], input[type="password"], textarea { -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; } input[type="submit"], input[type="reset"] { -webkit-appearance: none; } .input-block-level { display: block; width: 100% !important; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix { display: inline-block; *zoom:1;} * html .clearfix { height: 1%;} /* Hides from IE-mac \*/ .clearfix { display: block;} /* ---------------------------------------------------------------- STRUCTURE -----------------------------------------------------------------*/ .wrapper { padding: 0 25px; } .container { max-width: 1450px; margin: 0 auto; } .inset { padding: 30px; } .align-left { float: left; } .align-right { float: right; } .col-full { width: 100%; } .col-half { width: 48%; } .col-one-third { width: 30.63%; } .col-two-third { width: 65.33%; } .col-one-fourth { width: 22%; } .col-three-fourth { width: 74%; } .col-one-fifth { width: 16.8%; } .col-two-fifth { width: 37.6%; } .col-three-fifth { width: 58.4%; } .col-four-fifth { width: 79.2%; } .col-one-sixth { width: 13.33%; } .col-five-sixth { width: 82.67%; } .col-full, .col-half, .col-one-third, .col-two-third, .col-three-fourth, .col-one-fourth, .col-one-fifth, .col-two-fifth, .col-three-fifth, .col-four-fifth, .col-one-sixth, .col-five-sixth { display: block; position: relative; margin-right: 4%; margin-bottom: 50px; float: left; } .col-full { clear: both; float: none; margin-right: 0; } .col-last { margin-right: 0 !important; clear: right; } /* ---------------------------------------------------------------- REPEATABLE PATTERNS -----------------------------------------------------------------*/ ::selection { background: #30bdab; color: #fff; } ::-moz-selection { background: #30bdab; /* Firefox */ color: #fff; } ::-webkit-selection { background: #30bdab; /* Safari */ color: #fff; } ::-webkit-input-placeholder { color: #aaaaaa; font-weight: 400; } :-moz-placeholder { /* Firefox 18- */ color: #aaaaaa; font-weight: 400; } ::-moz-placeholder { /* Firefox 19+ */ color: #aaaaaa; font-weight: 400; } :-ms-input-placeholder { color: #aaaaaa; font-weight: 400; } input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: #30bdab; } input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color: #30bdab; } input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color: #30bdab; } input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color: #30bdab; } html, body { background: #fff; height:100%; } /* TABLES */ table { border-left: 1px solid #aaa; border-top: 1px solid #aaa; width: 100%; margin-top: 30px; } th, td {border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; padding: 8px 12px; font-size: 18px; } /* FORMS */ form #payment-details { padding: 15px 0; } form #payment-details p { font-size: 16px; line-height: 22px; margin-bottom: 10px; } form small { font-weight: 600; } fieldset { border: 1px solid #aaa; padding: 20px; } legend { padding: 0 5px; font-weight: 700; } label { cursor: pointer; display: inline-block; padding-bottom: 5px; font-size: 16px; line-height: 20px; font-weight: 600; } label span { color: #aaa; } small span { color: #aaa; font-size: 18px; font-weight: 200; font-style: normal; } input, select, textarea { font-family: 'Rajdhani', sans-serif; font-size: 18px; line-height: 24px; color: #aaaaaa; } input[type="text"], input[type="email"], input[type="password"], select, textarea { display: block; background: #FFF; padding: 10px 14px; border: 1px solid #aaaaaa; outline: 0; font-weight: 400; } input[type="text"], input[type="email"], input[type="password"], textarea { width: 94%; } textarea { height: 110px; } input[type="text"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="password"]:focus, select:focus, textarea:focus { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background: #f1fffd; border-color: #30bdab; color: #30bdab; } input[type="submit"] { outline: none; border: none; cursor: pointer; font-size: 18px; line-height: 22px; text-transform: uppercase; padding: 8px 20px; display: inline-block; background: #30bdab; color: #fff; font-weight: 600; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } input[type="submit"]:hover, input[type="submit"]:active { background-color: #3cd9c5; } #contact-captcha { margin-bottom: 20px; } .wpcf7-form .wpcf7-not-valid { border: 1px solid red; background: #ffe7e7; } div.wpcf7-response-output { margin: 2em 0 1em 0 !important; padding: 10px 15px !important; border-width: 1px !important; background: #fffef0 !important; font-size: 20px !important; line-height: 26px; color: #656565 !important; } div.wpcf7-validation-errors { border: 1px solid #ff0000 !important; background: #ffe7e7 !important; color: red !important; text-shadow: none; } span.wpcf7-not-valid-tip { font-size: 14px !important; font-style: italic; width: 180px !important; padding: 3px 8px; color: red !important; text-shadow: none; font-weight: 400; } div.wpcf7-mail-sent-ok { background: #f1ffeb !important; color: #398F14 !important; } /* LISTS */ ul, ol, dl { margin-left: 20px; } ul { list-style: disc; } ol { list-style: decimal; } ul li, ol li { margin-bottom: 8px; } .list-reset { margin: 0; padding: 0; list-style: none; } /* IMAGES */ img { max-width: 100%; height: auto; } .rounded { -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; } .cover { position: relative; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-backface-visibility: hidden; overflow: hidden; } .alignleft, .alignright, .aligncenter, .alignnone { margin-bottom: 15px; } .alignleft, .alignright { display: inline; } .alignleft { margin-right: 25px; float: left; } .alignright { margin-left: 25px; float: right; } p img, .wp-caption { margin-top: 5px; } .wp-caption { margin-bottom: 15px; } .alignleft, .alignright, .aligncenter, .alignnone, .wp-caption { border: 1px solid #aaaaaa; background: #fff; padding: 9px 10px 10px 10px; width: auto !important; } .wp-caption img { display: block; line-height: 0; width: 100%; } .wp-caption-text { color: #666; font-family: 'Raleway', sans-serif; font-weight: 200; font-size: 14px; line-height: 18px; padding: 10px 0 0 0; margin-bottom: 0; display: inline; } .size-large { max-width: 1126px; } /* BUTTONS */ .button { display: inline-block; padding: 8px 12px; border: 2px solid #aaaaaa; color: #aaaaaa; text-transform: uppercase; font-weight: 600; font-size: 20px; line-height: 24px; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; outline: none; cursor: pointer; } .button.coloured { border-color: #30bdab; background: #30bdab; color: #fff; font-family: 'Rajdhani', sans-serif; } .button:hover, .button.solid { background: #30bdab; border-color: #30bdab; color: #fff; } .button.solid:hover, .button.coloured:hover { background-color: #3cd9c5; border-color: #3cd9c5; } /* SECTIONS */ .page-section { padding: 70px 0 80px 0; background: #fff; clear: both; } .dark-bg { background: #aaaaaa; color: #fff; } .dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6 { color: #fff; } /* TEASERS */ .teaser { display: block; line-height: 0; position: relative; } .teaser.col-last { clear: right; } .teaser-overlay { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; background: #333333; background: rgba(57,57,57,0.8); } .teaser-overlay-wrap { display: table; width: 100%; height: 100%; text-align: center; } .teaser-overlay-wrap div, .teaser-text { color: #fff; display: table-cell; vertical-align: middle; padding: 40px; position: relative; } .teaser-text h3, .teaser-text h5 { font-family: 'Rajdhani', sans-serif; color: #fff; } .teaser-text h3 { font-weight: 600; margin-bottom: 5px; font-size: 38px; line-height: 40px; } .teaser-text h5 { margin-bottom: 0; font-size: 24px; line-height: 30px; font-weight: 400; } .teaser-text .exhibition-date { padding-top: 25px; } /* MODAL */ .modal-dialog { max-width: 450px; text-align: left; padding: 20px; } .modal-open { overflow: hidden; } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10050; -webkit-overflow-scrolling: touch; outline: 0; background: rgba(0,0,0,0.6); } .modal.fade .modal-dialog { -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; margin: 2% auto 0 auto; } .modal-content { position: relative; background: #fff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; } .modal-content .close { position: absolute; top: 10px; right: 10px; outline: none; display: block; width: 25px; height: 25px; border: none; cursor: pointer; background: #fff; } .modal-content .close span { display: block; width: 25px; height: 25px; padding: 0; position: absolute; top: 0; left: 0; } .modal-content .close .fa-times-circle { font-size: 25px; line-height: 25px; color: #aaa; } .modal-content .close .sr-only { text-indent: -5000px; display: block; } .modal-content .close:hover .fa-times-circle { color: #30bdab; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #404041; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.9; filter: alpha(opacity=90); } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; min-height: 16.42857143px; background: #fff; } .modal-header h3 { width: 90%; margin-bottom: 0 !important; font-weight: 500; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 25px; } .modal-body h5 { font-family: 'Rajdhani', sans-serif; color: #333333; font-weight: bold; } .modal-body input[type="text"], .modal-body input[type="email"], .modal-body textarea { width: 92%; } .modal-body img.request-thumbnail { width: 50%; margin-bottom: 10px; } .modal-footer { background: #fff; padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; position: relative; min-height: 15px; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } .modal-footer:before, .modal-footer:after { content: " "; display: table; } .modal-footer:after { clear: both; } /* ---------------------------------------------------------------- TYPOGRAPHY -----------------------------------------------------------------*/ body { font-family: 'Rajdhani', sans-serif; font-weight: 400; font-size: 24px; line-height: 32px; color: #333333; } p, ul, ol, blockquote, table, fieldset, form { margin-bottom: 20px; } strong { font-weight: bold; } em, cite { font-style: italic; } small { font-size: 13px; font-style: italic; } caption { text-align: left; } .kicker { font-weight: 600; font-size: 32px; line-height: 38px; } .centered { text-align: center;} .upper { text-transform: uppercase; } /* HEADINGS */ h1, h2, h3, h4, h5, h6 { font-family: 'Raleway', sans-serif; font-weight: 200; color: #aaaaaa; margin-bottom: 15px; } h1 { font-size: 44px; line-height: 46px; } h2 { font-size: 44px; line-height: 44px; } h2.section-heading { font-family: 'Rajdhani', sans-serif; font-size: 30px; line-height: 34px; border-bottom: 1px solid #aaaaaa; padding-bottom: 6px; margin-bottom: 40px; } h3 { font-size: 30px; line-height: 34px; } h4 { font-size: 22px; line-height: 26px; } h5 { font-size: 18px; line-height: 20px; } h6 { font-size: 14px; line-height: 18px; } /* LINKS */ a { text-decoration: none; color: #30ceba; -webkit-transition: color 0.15s ease-in-out; -moz-transition: color 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out; transition: color 0.15s ease-in-out; } a:hover, a:active { color: #3cd9c5; } /* ---------------------------------------------------------------- HEADER -----------------------------------------------------------------*/ #global-header { width: 100%; background: #fff; } #masthead { position: relative; z-index: 1000; } #masthead div { margin-bottom: 0; } /* LOGO */ #logo h1 { font-family: 'Rajdhani', sans-serif; font-size: 44px; font-weight: 600; line-height: 38px; text-transform: lowercase; margin-bottom: 0; } #logo h1 span { display: block; font-size: 23px; line-height: 29px; } #logo h1 a { display: block; color: #aaaaaa; padding: 30px 0; } #logo h1 a:hover { color: #3cd9c5; } /* MAIN MENU */ #main-nav { margin-top: 44px; } #responsive-nav { display: none; } #menu-main-navigation { list-style: none; padding: 0; margin: 0; font-family: 'Raleway', sans-serif; } #menu-main-navigation li { float: left; margin: 0; position: relative; margin: 0 22px; } #menu-main-navigation li#menu-item-113 { margin-left: 0; } #menu-main-navigation li > a { display: block; font-size: 20px; line-height: 24px; font-weight: 500; padding: 10px 6px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; color: #aaaaaa; border-bottom: 1px solid transparent; } #menu-main-navigation li.menu-item-has-children > a:after { content: '▼'; font-size: 10px; line-height: 12px; padding-left: 8px; color: #30ceba; } #menu-main-navigation li:hover > a, #menu-main-navigation li.current-menu-item > a, #menu-main-navigation li.current-menu-parent > a, #menu-main-navigation li.current-page-ancestor > a, .single-post #menu-main-navigation li#menu-item-118 a, .tax-collection #menu-main-navigation li#menu-item-113 > a, .single-collection_work #menu-main-navigation li#menu-item-113 > a { color: #30ceba; border-color: #aaaaaa; } #menu-main-navigation ul.sub-menu { -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); box-shadow: 0 3px 3px rgba(0,0,0,0.2); display: none; margin: 0; list-style: none; padding: 0; position: absolute; top: 43px; left: -10px; width: 214px; z-index: 99999; border: 1px solid #e2e2e2; border-top: none; } #menu-main-navigation ul.sub-menu li { margin: 0; border-bottom: none; } #menu-main-navigation ul.sub-menu a, #menu-main-navigation li.current_page_item ul.sub-menu a { background: #fff; color: #aaaaaa; font-size: 16px; font-weight: normal; height: auto; line-height: 20px; padding: 12px 15px; width: 184px; text-transform: none; } #menu-main-navigation li:hover ul.sub-menu a:hover, #menu-main-navigation li:hover ul.sub-menu li.current-menu-item a, .tax-collection ul.sub-menu li#menu-item-211 > a, .single-collection_work ul.sub-menu li#menu-item-211 > a { background: #30ceba; color: #fff; border-color: #fff; } #menu-main-navigation li:hover > ul { display: block; } /* GLOBAL SEARCH */ #search-form { margin: 38px 0 0 0; position: relative; z-index: 2000; } #search-form .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } input[type="search"] { background: #fff url(gfx/icon-search.png) no-repeat 10px center; border: 1px solid #aaaaaa; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 4px 8px 2px 28px; color: #333333; font-size: 18px; line-height: 28px; width: 180px; margin: 10px 0 0 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-appearance: none; font-weight: 400; } input[type="search"]:focus { background: #f1fffd url(gfx/icon-search-focus.png) no-repeat 10px center; } #hero-header { position: relative; z-index: 100; } #hero-overlay { min-height: 100%; background: url(gfx/transparency-black.png) repeat 0 0; background: rgba(0,0,0,0.4); position: absolute; top: 0; z-index: 10000; display: block; } #hero-overlay a { display: none; position: absolute; bottom: 5%; right: 5%; display: block; width: 108px; height: 64px; background: url(gfx/icon-arrow-right.png) no-repeat 0 0; text-indent: -5000px; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } #hero-overlay a:hover, #hero-overlay a:active { background-position: 10px 0; } #hero-overlay-text { padding: 15% 15% 0 15%; } #hero-overlay-text h2 { color: #fff; font-weight: 800; margin-bottom: 8px; } #hero-overlay-text h5 { font-family: 'Rajdhani', sans-serif; color: #fff; } #hero-overlay-text p { font-family: 'Raleway', sans-serif; font-weight: 200; color: #fff; } /* ---------------------------------------------------------------- MAIN CONTENT -----------------------------------------------------------------*/ #main-content { background: #fff; overflow: hidden; padding: 0 0 50px 0; border-top: 1px solid #aaaaaa; } .home #main-content { padding-top: 50px; border-top: none; } .single-collection_work #main-content { padding-bottom: 0; } #page-title { border-bottom: 1px solid #aaaaaa; margin-bottom: 30px; overflow: hidden; } #page-title h1 { padding: 15px 0 15px 20.8%; margin-bottom: 0; } #page-title h1 span { text-transform: none; color: #333; } .blog #page-title h1, .archive #page-title h1, .page-template-template-full-width #page-title h1, .single-post #page-title h1, .page-template-template-sidebar-right #page-title h1, .page-id-110 #page-title h1, .search #page-title h1, .error404 #page-title h1, .single-collection_work #page-title h1 { padding-left: 0; float: left; } /* ---------------------------------------------------------------- LEFT SIDEBAR -----------------------------------------------------------------*/ #sidebar-left { } .subnav h2 { display: none; } .subnav li { margin-bottom: 0; font-size: 23px; line-height: 27px; } .subnav a { color: #aaaaaa; text-transform: uppercase; display: block; padding: 12px 0; } .subnav a:hover, .subnav li.current_page_item a, .subnav li.ui-tabs-active a { color: #30ceba; } .subnav li.current_page_item a, .subnav li.ui-tabs-active a { font-weight: 600; } /* ---------------------------------------------------------------- CONTENT -----------------------------------------------------------------*/ #content { padding-top: 12px; } #content.col-four-fifth { float: right; } #content.has-sidebar { width: 72%; } #description p:first-of-type { font-weight: 600; font-size: 32px; line-height: 38px; } /* HOME */ #home-teasers { overflow: hidden; } .home-teaser { padding-bottom: 1000px; margin-bottom: -1000px; } .home-teaser .inset { overflow: hidden; } .home-teaser h2 { margin-bottom: 0; } .home-teaser a { color: #fff; } #home-teaser-friends h2 br { display: none; } #home-teaser-friends img { background: transparent; border: none; -webkit-transition: padding 0.15s ease-in-out; -moz-transition: padding 0.15s ease-in-out; -o-transition: padding 0.15s ease-in-out; transition: padding 0.15s ease-in-out; } #home-teaser-friends a:hover img { padding-left: 5px; } #home-teaser-news h2 { margin-bottom: 10px; } .latest-news-post { padding-top: 10px; overflow: hidden; } .latest-news-post div { margin-bottom: 0; } .latest-news-post h4 { font-size: 20px; line-height: 24px; color: #000; font-weight: 600; margin-bottom: 0; } .latest-news-post span { font-size: 18px; line-height: 22px; } .latest-news-post a.upper { font-size: 19px; line-height: 21px; display: inline-block; padding: 4px 10px 4px 0; font-weight: 600; } .latest-news-post a:hover { text-decoration: underline; } #home-teaser-fb .inset { padding-left: 20px; } #home-teaser-fb .icon { padding: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #aaaaaa; background-color: #fff; display: inline-block; height: 40px; width: 40px; text-align: center; line-height: 40px; } #home-fb-icon:hover .icon { background: #30bdab; color: #fff; } .fb-update { width: 85%; float: right; font-size: 18px; line-height: 24px; } .fb-update p { margin-bottom: 5px; color: #000; } .fb-update a { font-weight: 700; } .fb-update a:hover { text-decoration: underline; } #home-fb-link { position: absolute; top: 30px; right: 30px; background: #fff; display: block; color: #aaa; font-size: 15px; line-height: 17px; padding: 6px 8px 2px 8px; } #home-fb-link span { display: block; font-size: 0px; line-height: 0; width: 0; border-top: 7px solid #fff; position: absolute; bottom: -7px; right: 10px; border-left: 7px solid transparent; } #home-fb-link:hover { background: #30bdab; color: #fff; } #home-fb-link:hover span { border-top-color: #30bdab; color: #fff; } /* EXHIBITIONS */ .exhibitions { margin-bottom: 10px; overflow: hidden; } .exhibition-date { display: block; } .exhibition-date-short { display: none; } .gallery-thumb.col-one-fourth { margin-bottom: 4%; } .gallery-thumb a { display: block; line-height: 0; position: relative; } .gallery-thumb .gallery-image { width: 100%; } .gallery-thumb i { font-size: 40px; } .fr-caption { font-family: 'Rajdhani', sans-serif; font-weight: 400; margin-bottom: 0; font-size: 14px; line-height: 18px; font-style: italic; padding-top: 8px; } .artist-profile { clear: both; overflow: hidden; border-bottom: 1px solid #aaa; margin-bottom: 40px; padding-bottom: 20px; } .artist-profile div { margin-bottom: 0; } .artist-profile:last-child { border-bottom: none; } /* COLLECTIONS */ #collection-terms { font-size: 20px; line-height: 26px; font-style: italic; } .back-to-all { float: left; clear: both; } .work-thumb { margin-right: 3%; margin-bottom: 3%; width: 17.6%; } .work-thumb .fa-info-circle { font-size: 40px; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } .work-thumb .fa-info-circle:hover { color: #30ceba; } .teaser-overlay.work-enlarge { top: auto; bottom: 0; left: auto; right: 0; z-index: 10; width: auto; height: auto; } .teaser-overlay.work-enlarge i { background: #000; padding: 8px; display: block; color: #fff; font-size: 16px; -webkit-transition: background 0.15s ease-in-out; -moz-transition: background 0.15s ease-in-out; -o-transition: background 0.15s ease-in-out; transition: background 0.15s ease-in-out; } .teaser-overlay.work-enlarge:hover i { background: #30ceba; } .teaser .collection-image { width: 100%; } #work-details { margin-bottom: 30px; } #work-tags { background: #eeeeee; border-top: 10px solid #fff; } #work-tags ul { margin: 0; padding: 15px; line-height: 26px; } #work-tags li { display: inline; font-size: 18px; line-height: 18px; margin: 0 5px; } #work-tags #title-li { margin-right: 0; } #work-tags span { color: #aaaaaa; font-family: 'Arial', sans-serif; font-size: 14px; } #work-tags a { border-bottom: 1px solid #30ceba; display: inline-block; padding: 0 2px; } #work-tags a:hover { border-color: transparent; } #pagination-wrapper { width: 100%; clear: both; overflow: hidden; padding-top: 20px; } #pagination-wrapper #tab-prev { float: left; } #pagination-wrapper #tab-next { float: right; } /* NEWS */ #news-events-filter { padding-top: 30px; } #news-events-filter li { display: inline; display: inline-block; } #news-events-filter span { color: #aaaaaa; display: inline; display: inline-block; padding: 0 12px 0 6px; } #news-events-filter a { color: #aaaaaa; } #news-events-filter a:hover, #news-events-filter li.active a { color: #30bdab; } .news-teaser { background: #eeeeee; width: 31.9%; margin-bottom: 30px; -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.2); -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.2); box-shadow: 2px 2px 3px rgba(0,0,0,0.15); cursor: pointer; } .news-teaser:hover { background: #333333; color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .news-teaser .teaser-image { line-height: 0; } .news-teaser img { width: 100%; } .news-teaser:hover img { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ } .news-teaser h5 { font-family: 'Rajdhani', sans-serif; font-size: 24px; line-height: 28px; color: #333333; font-weight: 600; margin-bottom: 5px; } .news-teaser:hover h5 { color: #fff; } .news-teaser h3 { font-weight: 600; margin-bottom: 5px; } .news-teaser span { margin-bottom: 10px; display: block; font-weight: 600; } .news-teaser p { margin-bottom: 5px; line-height: 34px; } .news-teaser a { display: block; } #nav-single { padding-top: 25px; clear: both; width: 100%; } #nav-single li { width: 33.33%; float: left; text-transform: uppercase; font-weight: bold; font-size: 20px; line-height: 24px; } #nav-single li#tab-prev { text-align: left; } #nav-single li#tab-all { text-align: center; } #nav-single li#tab-next { text-align: right; } #nav-single a { display: inline-block; outline: none; } #nav-single li#tab-prev a { padding: 15px 20px 15px 0; } #nav-single li#tab-all a { padding: 15px 20px; } #nav-single li#tab-next a { padding: 15px 0 15px 20px; } /* CONTACT */ .page-id-110 #content { padding-top: 0; } .google-map { height: 405px; margin-bottom: 30px; } .google-map img { max-width: none; } /* SEARCH */ .result { border-bottom: 1px solid #aaa; padding-bottom: 30px; margin-bottom: 30px; } .result:last-child { border-bottom: none; } .result h3 { margin-bottom: 0; } .result-url { display: block; color: #aaa; margin-bottom: 10px; font-style: italic; } .result p { margin-bottom: 10px; } #search-results #search-form.align-right { float: none; margin-top: 20px; } #search-results input[type="search"] { width: 270px; } /* 404 */ #page-404 #search-form { float: left; margin-top: 0; } #page-404 input[type="search"] { width: 250px; } #page-404 #sidebar-signup { display: none; } /* ---------------------------------------------------------------- RIGHT SIDEBAR -----------------------------------------------------------------*/ #sidebar-right { width: 24%; } .collection-sidebar { float: right; } .sidebar-item { background: #eeeeee; margin-bottom: 30px; } .sidebar-item .inset { padding: 20px; } .sidebar-item h3 { font-weight: 600; color: #333; font-size: 28px; line-height: 32px; } .sidebar-item h4 { margin-bottom: 5px; font-weight: 600; } .sidebar-item h5 { color: #333; } .sidebar-item input[type="text"], .sidebar-item input[type="email"] { width: 90%; } .sidebar-item #search-form { margin: 0 0 20px 0; position: relative; top: auto; z-index: 10; } .sidebar-item input[type="search"] { margin-top: 0; width: 96%; font-size: 16px; padding: 6px 8px 4px 28px; } #tag-cloud a { border-bottom: 1px solid #30ceba; line-height: 1; display: inline-block; padding-bottom: 1px; margin-bottom: 5px; margin-right: 2px; } #tag-cloud a:hover { border-color: transparent; } #sidebar-exhibitions li { border-bottom: 1px solid #aaa; margin-bottom: 15px; } #sidebar-exhibitions li:last-child { border-bottom: none; margin-bottom: 0; } /* ---------------------------------------------------------------- FOOTER -----------------------------------------------------------------*/ #footer-content { padding: 35px 0; border-top: 1px solid #aaaaaa; overflow: hidden; } #footer-content h4 { font-size: 40px; line-height: 44px; font-weight: 800; text-transform: lowercase; margin-bottom: 5px; } #footer-content li { margin-bottom: 0; } #footer-contact, #footer-hours { padding-top: 7px; font-size: 20px; line-height: 28px; } #footer-contact span, #footer-hours span { color: #aaaaaa; font-family: 'Raleway', sans-serif; font-weight: 600; text-transform: lowercase; } #footer-contact a { display: inline-block; color: #333333; border-bottom: 1px solid #333333; } #footer-contact a:hover { border-color: transparent; } #footer-logos { margin-bottom: 12px; overflow: hidden; height: 68px; } #footer-logos a { display: block; height: 68px; line-height: 0; } #footer-logos a:hover { background-position: 0 -76px; } #logo-wam a { background: url(gfx/sprite-logo-footer-wam.png) no-repeat 0 0; width: 102px; } #logo-wdc a { background: url(gfx/sprite-logo-footer-wdc.png) no-repeat 0 0; width: 89px; } #menu-footer-navigation { list-style: none; margin: 0 0 3px 0; padding: 0; } #menu-footer-navigation li { display: inline-block; margin: 0 6px; } #menu-footer-navigation li#menu-item-122 { margin-left: 0; } #menu-footer-navigation li#menu-item-126 { margin-right: 0; } #menu-footer-navigation a { display: inline-block; color: #333333; padding: 5px 2px 0 2px; font-size: 17px; line-height: 19px; border-bottom: 1px solid #333333; } #menu-footer-navigation a:hover, #menu-footer-navigation li.current-menu-item a, #menu-footer-navigation li.current-page-ancestor a { color: #30ceba; border-color: transparent; } #footer-copyright { font-size: 16px; line-height: 20px; } /* ---------------------------------------------------------------- BACK TO TOP -----------------------------------------------------------------*/ #back-to-top { display: none; z-index: 999; position: fixed; width: 40px; height: 40px; top: auto; left: auto; right: 30px; bottom: 30px; cursor: pointer; -webkit-transition: background 0.15s ease-in-out; -moz-transition: background 0.15s ease-in-out; -o-transition: background 0.15s ease-in-out; transition: background 0.15s ease-in-out; } #back-to-top span { position: absolute; left: -5000px; } #back-to-top .icon { padding: 0; border-radius: 50%; color: #fff; background-color: #30bdab; display: inline-block; height: 40px; width: 40px; text-align: center; line-height: 40px; } #back-to-top:hover .icon, #back-to-top:active .icon { background-color: #3cd9c5; }