/** * Theme Name: Houston Center for Contemporary Craft * Theme URI: //www.crafthouston.org * Description: * Author: Dan Derozier, Net Victories * Author URI: //netvictories.com * Version: 1.0 * * Copyright 2012 */ @fontface { font-family: Century_Gothic; src: url('//www.crafthouston.org/wordpress/wp-content/themes/custom/font/CENTURY.TTF') format('truetype'); } @import url('library/css/reset.css'); @import url('library/css/grid.css'); @import url('library/css/navigation.css'); @import url('library/css/lightbox.css'); @import url('//fonts.googleapis.com/css?family=Open+Sans+Condensed:300'); @import url('//fonts.googleapis.com/css?family=Open+Sans:300'); @import url('//fonts.googleapis.com/css?family=PT+Sans'); @import url('//fonts.googleapis.com/css?family=Didact+Gothic'); body { font-size: 100%; line-height: 1.5; font-family: "futura-pt", 'Century Gothic', 'PT Sans', 'Open Sans', sans-serif !important; color: #666 !important; } html>body { font-size: 16px; } h1.page-title { font-family: "futura-pt", 'Century Gothic', 'PT Sans', 'Open Sans', sans-serif !important; } /* Woocommerce */ .woocommerce-result-count { display:none; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #d93338 !important; color: #fff; } #sidebar-menu a, #sidebar-posts-nav .widget a, #sidebar-menu .sub-menu a { color: white; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { background-color: #d93338 !important; color:#fff !important; margin:5px !important; } p.total, span.quantity {color:#efefef !important} .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce div.product .stock { color: #000 !important; } .woocommerce div.product .product_title { color: #363390; font-size: 1.6875em; font-weight: normal; line-height: 1.2; margin-bottom: 20px; text-transform: uppercase; font-family: "futura-pt", "Century Gothic", CenturyGothic, "Didact Gothic", "Muli", sans-serif !important; } .woocommerce ul.products li.product a img { max-height:194px !important; width:auto !important; } .woocommerce ul.products li.product { text-align:center; } .woocommerce ul.products li.product .button { margin: 1em auto 0 auto !important; text-align:center; } .woocommerce ul.products li.product h3 { font-size: 18px !important; margin: 0; padding: 0.5em 0; text-align:center; font-family: "futura-pt", "Century Gothic", CenturyGothic, "Didact Gothic", "Muli", sans-serif !important; } .woocommerce ul.products li.product .price { text-align:center; color: #000 !important; } mark.count {display:none;} /* */ .navigation a { color: #999; text-decoration: none; } .navigation a:visited { color: #999; text-decoration: none; } .wp-navigation a { color: #999; text-decoration: none; } a { color: #144e83; } a:hover { color: #0d3457; } a.block { display: block; cursor: pointer; height: 100%; text-decoration: none; } a.block:hover .overlay { background: black; background: rgba( 0, 0, 0, .75 ); } .overlay { background: url("./library/images/overlay.png"); background: rgba( 0, 0, 0, .5 ) 0px 0px none no-repeat; position: absolute; bottom: 0px; left: 0px; padding: 20px; color: white; } .overlay a { color: white; text-decoration: none; } .overlay .title { text-transform: uppercase; letter-spacing: 1px; } .item { position: relative; margin-bottom: 20px; } .photo-credits { font-size: 14px; font-style: italic; color: #999; } .hidden { display: none; } /* Header */ #header { height: 106px; position: relative; margin-bottom: 10px; margin-top: 20px; z-index: 5000; } #logo { background: url("./library/images/header/logo.png") top left no-repeat; height: 52px; } #logo a { display: block; width: 100%; height: 100%; text-indent: -9999px; } #primary-nav { position: absolute; bottom: 0px; left: 10px; height: 36px; } #primary-nav li { font-size: 16px; line-height: 36px; height: 36px; } #primary-nav li a { padding: 0 10px; text-transform: uppercase; letter-spacing: 1px; } #primary-nav li li { height: auto; line-height: 24px; } #primary-nav li li a { padding: 5px 10px; } #primary-nav .current-page-parent > a { color: #363390; } #primary-nav .current-page-parent > a:hover { color: #363390; } #primary-nav .current-menu-parent > a { color: #363390; } #primary-nav .current-menu-parent > a:hover { color: #363390; } #primary-nav .current-menu-ancestor > a { color: #363390; } #primary-nav .current-menu-ancestor > a:hover { color: #363390; } #primary-nav .current-menu-item > a { color: #363390; } #primary-nav .current-menu-item > a:hover { color: #363390; } #secondary-nav { position: absolute; top: -7px; right: 125px; font-size: 13px; } #secondary-nav a { color: #999; } #secondary-nav a:hover { color: #666; } #secondary-nav .current-page-parent > a { color: #363390; } #secondary-nav .current-menu-parent > a { color: #363390; } #secondary-nav .current-menu-ancestor > a { color: #363390; } #secondary-nav li { float: left; margin-right: 10px; } #secondary-nav li ul { display: none; } #searchform { width: 125px; position: absolute; top: -10px; right: 0px; } #searchform div { position: relative; float: left; } #s { width: 80px; border: 1px solid #999; margin: 0; font-size: 13px; line-height: 13px; height: 13px; text-transform: uppercase; color: #999; font-family: "futura-pt", "Century Gothic", CenturyGothic, "Didact Gothic", "Muli", sans-serif !important; padding: 5px; } #header .gsc-input input { width: 80px; border: 1px solid #999; margin: 0; } #searchform label { position: absolute; top: 1px; left: 1px; font-size: 13px; line-height: 13px; height: 13px; text-transform: uppercase; color: #999; font-family: "futura-pt", "Century Gothic", CenturyGothic, "Didact Gothic", "Muli", sans-serif !important; padding: 5px; } #searchsubmit { width: 16px; height: 16px; margin-left: 5px; position: relative; top: 2px; } #home-content { margin-top: 20px; } #primetime { height: 375px; } #primetime .slide { height: 375px; } .slide { display: none; } .first { display: block; } #primetime .overlay { width: 900px; overflow: auto; } #primetime .title { text-transform: uppercase; font-size: 32px; line-height: 1.2; letter-spacing: 1px; width: 344px; float: left; display: inline; margin-right: 20px; } #primetime p { font-size: 18px; } #primetime .wp-post-image { margin-bottom: 0px !important; } #pt-controls { position: absolute; width: 940px; top: 157px; z-index: 50; } #pt-controls li { width: 30px; height: 60px; } #pt-controls a { display: block; text-indent: -9999px; width: 30px; height: 60px; background-image: url("./library/images/home/pt-controls.png"); } #pt-prev { float: left; } #pt-prev a { background-position: -30px 0px; } #pt-prev a:hover { background-position: -30px -60px; } #pt-next { float: right; } #pt-next a { background-position: 0px 0px; } #pt-next a:hover { background-position: 0px -60px; } #home-splashes .widget { margin-top: 20px; height: 174px; } #home-splashes .overlay { width: 324px; line-height: 1; } #home-splashes .title { font-size: 21px; } .wp-post-image { margin-bottom: 20px; } .page-title { font-size: 1.6875em; line-height: 1.2; margin-bottom: 20px; text-transform: uppercase; color: #363390; font-weight: normal; } .post { margin: 20px 0 3em; } .events { margin: 1.5em 0 20px; } .resident_artists { margin: 1.5em 0 20px; } .single .post { margin-top: 0px; } .post .title { font-size: 1.25em; line-height: 1.2; color: #333; } .post .title a { color: #333; text-decoration: none; } .post .title a:hover { color: black; text-decoration: underline; } .post .meta { font-size: .875em; line-height: 1.714; text-transform: uppercase; color: #999; letter-spacing: 1px; } .post .meta a { color: #999; } .post .meta a:hover { color: #333; } .post .entry { margin-top: -1em; margin-bottom: 1em; } .single .entry { margin-top: 20px; } .single-exhibitions .entry { margin-top: 0px; } .entry .subtitle { font-size: 18px; text-transform: uppercase; color: #999; font-weight: 500; margin-top: 0px; margin-bottom: 0px; } .entry h3 { font-size: 18px; color: black; margin: 2em 0 -.667em; } .entry h4 { font-size: 18px; color: black; margin: 2em 0 -.667em; } .entry h5 { margin: 1.5em 0 -1.5em; color: #333; } .entry h6 { margin: 1.5em 0 -1.5em; color: #333; } .wp-navigation { overflow: auto; } .wp-navigation-prev { float: left; width: 40%; } .wp-navigation-next { float: right; text-align: right; width: 40%; } .fsPage { border: 1px solid #ccc; } .meta-social { overflow: auto; margin: 1.5em 0; } .meta-social div { float: left; } /* Exhibition: list view */ .exhibition-item { height: 255px; } .exhibition-item .title { font-size: 21px; line-height: 1; font-weight: normal; } .exhibition-item .overlay { width: 324px; } .exhibition-item .overlay .title { margin-bottom: 3px; } #exhibition-gallery { margin-bottom: 20px; } #exhibition-gallery .grid_1 { margin-bottom: 20px; } #exhibition-gallery img { display: block; } .exhibition-date { line-height: 1.2; } .exhibition-location { line-height: 1.2; } /* Exhibition: individual view */ #sidebar-menu { background: #999; font-size: 13px; line-height: 18px; padding: 1px 10px; } #sidebar-posts-nav .widget ul { background: #999; font-size: 13px; line-height: 18px; padding: 1px 10px; } #sidebar-posts-nav .widget-body { background: #999; font-size: 13px; line-height: 18px; padding: 1px 10px; } #sidebar-menu a { color: white; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; } #sidebar-posts-nav .widget a { color: white; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; } #sidebar-menu .sub-menu a { color: white; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; } #sidebar-menu a:hover { color: #363390; } #sidebar-menu .current-menu-item > a { color: #363390; } #sidebar-menu .current-menu-item a:hover { color: #363390; } #sidebar-posts-nav a:hover { color: #363390; } #sidebar-posts-nav .current-cat > a { color: #363390; } #sidebar-posts-nav .current-cat a:hover { color: #363390; } #sidebar-menu li { margin: 9px 0; } #sidebar-posts-nav .widget ul li { margin: 9px 0; } #sidebar-posts-nav .widget-title { display: none; } #sidebar-menu .sub-menu { padding-left: 20px; } #sidebar-posts-nav .widget_tag_cloud a { text-transform: lowercase !important; } /* Gallery Artists Media: list view */ #asher-gallery-title { position: relative; margin-bottom: 20px; height: 184px; } #asher-gallery-title .title { position: absolute; bottom: 20px; left: 20px; z-index: 5; color: white; font-size: 54px; line-height: 1; text-transform: uppercase; } #asher-gallery-title img { position: absolute; top: 0px; left: 0px; } .medium-item { height: 130px; } .medium-item .title { font-size: 18px; line-height: 1; font-weight: normal; text-transform: uppercase; } .medium-item .overlay { padding: 10px; width: 152px; } /* Events */ .event-meta dt { color: #333; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; margin-top: 1.5em; } .event-meta dd { margin-bottom: 1.5em; } /* Hide ticket options with a status of sold out */ .espresso_events .ticket-sales-sold-out {display:none;} /* Hide ticket options with a status of expired */ .espresso_events .ticket-sales-expired {display:none;} #footer { font-size: 14px; margin-top: 40px; margin-bottom: 20px; } #footer a { color: #666; text-decoration: none; } #footer li { float: left; margin-right: 5px; } #footer .fbutton { padding: 2px 5px; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: white; } #footer p { float: right; text-align: right; font-size:11px; } #footer-twitter { display: block; width: 22px; height: 22px; background: red; text-indent: -9999px; } #footer-facebook { display: block; width: 22px; height: 22px; background: red; text-indent: -9999px; } #footer-instagram { display: block; width: 22px; height: 22px; background: red; text-indent: -9999px; } #footer-tumblr { display: block; width: 22px; height: 22px; background: red; text-indent: -9999px; } #footer-e-news { background: #666; } #footer-blog { background: #363390; } #footer-donate { background: #EB3E46; } #footer-facebook { background: url("./library/images/footer/facebook.png") no-repeat; background-size: contain; } #footer-twitter { background: url("./library/images/footer/twitter.png") no-repeat; background-size: contain; } #footer-instagram {background:url("./library/images/footer/instagram.png") no-repeat; background-size: contain; } #footer-tumblr {background:url("./library/images/footer/tumblr.png") no-repeat; background-size: contain; } #footer .grid_2 {width:232px !important} #footer .grid_8 {width:688px !important; margin:0 !important;}