/* Theme Name: RM2024 Description: Child theme of the WP twentyeleven theme. Customized for richardmichelson.com Twenty Eleven is a solid, stable, and lean base theme for small websites. Author: Bronwen Hodgkinson @ Ardent Design Author URI: http://www.ardent-design.com Version: 1.0 Template: twentyeleven */ /* RM2024 colors: background: #fff text: #000 links: #A47847 (tan) links hover: #000 homepage banner bg: #C6A37D (tan) footer bg: #DCC6AD button links: #A47848 stripes: #C6A37D (md tan) stripes: #DCC6AD (lt tan) */ /* RM2024 fonts: Quattrocento: body & headers 400 normal 700 bold */ /* == Reset default browser CSS from: https://www.joshwcomeau.com/css/custom-css-reset/ -------------------------------------------------------------- */ *, *::before, *::after {box-sizing: border-box;} * {margin: 0;} body {line-height: 1.5; -webkit-font-smoothing: antialiased;} img, picture, video, canvas, svg {display: block; max-width: 100%;} input, button, textarea, select {font: inherit;} p, h1, h2, h3, h4, h5, h6 {overflow-wrap: break-word;} #root, #__next {isolation: isolate;} /* == Structure ----------------------------------------------- */ body {margin:0; padding:0;} #page {width:auto; margin:0 auto; padding:0 0 5px 0; position:relative; border:none;} #headerwrap {border:none; width:auto; background:url(images/rule-top.png) center bottom repeat-x; padding-bottom:12px;} #branding {width:1100px; height:auto; margin:0 auto 20px; position:relative; /*z-index:900;*/} #branding hgroup {margin:0;} #access {width:1100px; margin:0 auto;} #main {width:1000px; margin:0 auto; padding:35px 0px 10px; overflow:auto; min-height:400px;} #fullwidth {width:auto; padding:0; margin:0;} /*#primary {width:630px; float:left; padding:0; margin-left:0px;} #content {} #secondary {width:290px; float:right; margin:20px 0 0 0; padding:35px 0 0 80px; background:url(images/vrule.png) no-repeat;} #secondary .widget {padding-bottom:45px;}*/ /* home page */ #mainhome {width:1100px; margin:0 auto; padding:20px 0px 0;} #fullwidth {} /* home page */ #mainhome img {} #mainhome p {margin:0; font-size:18px; line-height:26px; } /* == Global ----------------------------------------------- */ body, input, textarea {background:#fff; font-family:'Quattrocento',serif; font-size:18px; color:#000;} #page {background:transparent;} /* Headings -------- */ h1,h2,h3,h4,h5,h6 {font-family:'Quattrocento', serif; font-weight:700; /*clear:both;*/} h1.entry-title, h1.page-title {font-size:42px; font-weight:300; color:#000; padding:0; margin:0 0 20px 0; text-align:center;} h2 {font-size:28px; font-weight:300; color:#000; padding:0; margin:0 0 20px 0;} body.home h2 {font-size:40px; color:#000; padding:0; margin:0 0 20px 0; text-align:center;} h3 {font-size:24px; font-weight:300; color:#000; padding:0; margin:0 0 20px 0} h4 {font-size:22px !important; font-weight:300; color:#000; padding:0; margin:0 0 20px 0 !important;} /* remove extraneous h2 & h3 from page tops (originally added becasue previous theme didn't display h1 page titles - keep an eye on this */ div.entry-content > h2:first-child {display:none;} div.entry-content > h3:first-child {display:none;} hr {background-color:#DCC6AD; border:0; height:1px; width:99%; margin:30px auto 35px; clear:both;} hr.rule-rm {background:url(images/rule-rm.png) center no-repeat; border:0; height:31px; width:99%; margin:20px auto 20px; display:block; opacity:1; clear:both;} /* Text elements -------- */ p {font-size:18px; line-height:26px; padding: 0 0 20px 0; margin:0;} #main p:last-child {padding:0;} p.intro {font-size:22px; line-height:30px; } p.caption {font-size:10px; line-height:13px;} span.small {font-size:15px;} ul, ol {margin:0 0 0 30px; padding:0 0 16px 0;} ul ul {list-style:circle;} li {line-height:24px; padding-bottom:10px;} .entry-content iframe {display:block; margin:0 auto 20px !important;} .clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;} strong {font-weight:bold;} cite, em, i {font-style:italic;} blockquote { font-family: Georgia, serif; font-style: italic; font-weight: normal; margin: 0 3em;} blockquote em, blockquote i, blockquote cite { font-style: normal;} blockquote cite { color: #666; font: 12px Arial, sans-serif; font-weight: 300; letter-spacing: 0.05em; text-transform: uppercase;} /* Forms -------- */ input[type=text], input[type=email], input[type=tel], textarea {background:#fafafa; border:1px solid #ddd; color:#666; padding:3px;} input[type=text]:focus, input[type=email]:focus, input[type=search]:focus, textarea:focus {color:#373737;} textarea {width:98%;} input[type=text], input[type=email], input[type=tel] {padding:3px;} input[type=submit] {cursor:pointer;} input::placeholder {text-transform:lowercase;} #searchbox form {width:257px; margin:0 auto 35px;} /* remove paypal's annoying 1x1 pixel on order pages */ form img[decoding=async] {display:none;} /* Links -------- */ a {color:#A47847; text-decoration:underline;} a:visited {color:#A47847;} a:hover {color:#000; text-decoration:none;} a:active {color:#A47847;} a:active, a:focus {outline:none;} a.pdf {background:url(images/icon-pdf.png) 0 2px no-repeat; padding-left:22px;} a.doc {background:url(images/icon-doc.png) 0 2px no-repeat; padding-left:22px;} /* brown bg link buttons */ a.link-button {font-size:16px; display:inline-block; background:#A47848; color:#fff; padding:4px 10px !important; text-decoration:none; margin:8px auto 8px !important; text-align:center !important;} a.link-button:hover {background:#DCC6AD;} /* audio file display */ .wp-audio-shortcode {border:none; margin:20px auto 30px; width:60% !important;} /* == Header ----------------------------------------------- */ #branding {padding:0; } #branding h1, #branding h2 {margin:0; padding:0;} h1#site-title {width:682px; height:61px; margin:20px auto 0; padding:0;} #site-title a {display:block;} #site-title img {display:block; margin:0; max-width:682px;} #site-title a img:hover {opacity:0.50;} h2#site-description {width:670px; height:23px; margin:15px auto 0; padding:0;} h2#site-description img {display:block; margin:0; max-width:670px;} /* == Menu -------------------------------------------------------------- */ #access {padding:0; height:45px;} /* nav#access */ /* mega menu */ ul.mega-sub-menu li a {line-height:21px !important; padding-bottom:7px !important;} ul.mega-sub-menu li {} a.cart-numb {position:absolute; top:20px; right:20px; display:block; width:50px; height:50px; background:#fff no-repeat left url(images/icon-cart-red.png); text-indent:31px; text-decoration:none; color:red; line-height:50px; font-size:14px; border:2px solid red; border-radius:24px;} a.cart-numb-none {display:block; width:30px; height:20px; background:no-repeat left url(images/icon-cart.png);} /* == Content ----------------------------------------------- */ #main {clear:both;} .page-title {} .page-title a {} .hentry {margin-bottom:10px; /*border-bottom:1px solid #d9d9d9;*/} .post {margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid #D8D8D9;} .hentry, .no-results {position: relative;} .hentry:last-child {border-bottom:none; margin-bottom:0;} .post:last-child {padding-bottom:0;} body.single .post {border-bottom:0 !important;} body.search .post {margin-bottom:10px; padding-bottom:0;} body.search .hentry {border-bottom:1px solid #8A9084; padding-bottom:10px; } .no-results {border-bottom:none;} .entry-title, .entry-header .entry-meta {} .entry-title h1 {} .entry-title, .entry-title a {text-decoration:none;} .entry-title a:hover, .entry-title a:focus, .entry-title a:active {} .entry-meta {font-style:italic; padding:0 0 10px 0; color:#888; clear:both; font-size:12px; line-height:18px;} .entry-meta a {color:#888; } .entry-meta span.sep {} h2.entry-title {font-size:20px; padding:0 0 15px 0; color:#69c; line-height:24px !important; font-weight:normal;} h2.entry-title a {text-decoration:underline; color:#DFE2D1;} h2.entry-title a:hover {text-decoration:none; color:#5A7687;} div.category-archive-meta {padding-bottom:20px;} /* category desciption */ .single-author .entry-meta .by-author {display: none;} .entry-content, .entry-summary {padding:0 0 10px 0;} .entry-content a {} /* div.entry-content h2 {font-size:21px; line-height:24px; font-weight:normal; color:#000; margin:10px 0 12px 0 !important; padding:0; clear:none; text-transform:lowercase;} /* sub-headings */ div.entry-content h2:first-child {margin-top:0 !important;} :first-child not effing working */ .entry-content ul {list-style:disc; margin:0 0 0 25px; padding:0 0 16px 0;} .entry-content ul li {} .entry-content ul ul {list-style:circle; padding:5px 0 0 0;} .entry-content ol {margin:0 0 0 18px; padding:0 0 16px 0; list-style:decimal;} .entry-content ol li {padding:0 0 16px 0;} /* tables */ .entry-content table, .comment-content table {border:0; margin:0 0 1.625em; width:100%;} .entry-content th, .comment-content th { font-size:14px; line-height:20px; padding:0 0 15px 0; margin:0;} .entry-content td, .comment-content td {border:0; vertical-align:top; padding:0 0 20px 0; font-size:14px; line-height:20px;} .entry-content #s { width: 75%; } footer.entry-meta {display:none;} /* WP eStore shopping cart -------- */ /* product display */ div#shop-wrap {margin:0; padding:0; display:flex; flex-wrap:wrap; /*justify-content:space-around;*/ justify-content:center; clear:both;} /* wrap all products on Shop page */ div.eStore-product-fancy-13 {width:292px; font-size:16px; float:none; margin:20px 15px;} div.eStore-fancy-wrapper {border:1px solid #efefef; float:none; margin:20px 15px;} /* used for all fancy boxes*/ div.eStore-product-fancy-13-thumbnail img {width:290px !important; height:auto !important;} div.eStore-product-fancy-13-bottom {} div.eStore-product-fancy-13-name {text-transform:none; font-size:18px; line-height: 24px; font-weight:300; color:#000; padding:0; margin:0; text-align:center; text-wrap:wrap !important; width:auto; height:auto; } div.eStore-product-fancy-13-description { height:auto; font-size:14px; margin:10px 0 0 0;} div.eStore-product-fancy-13-price { font-size:18px; text-align:center; } div.eStore-fancy-13-button {} form.eStore-button-form {} form.eStore-button-form input {padding:0 2px !important; height:auto !important; font-size:16px !important;} div.eStore_variation_top {} span.eStore_variation_name {display:block; text-align:center;} /* options - title */ select.eStore_variation {margin:0 auto 0; display:block; max-width:250px; } /* drop-down */ select.eStore_variation {} span.eStore_custom_input_name {text-align:center !important; display:block; ;} /*Personalize to*/ span.eStore_custom_input_name {} input.eStore_text_input.eStore_collect_input {width:100% !important; margin:0 auto 0 !important; display:block !important; } /* personalize to: field */ span.eStore_item_default_qty_data_label {} /*Quantity*/ span.eStore_item_default_qty_data_input {} span.eStore_item_default_qty_data_input input {text-align:center !important; } input.eStore_add_to_cart_button {border:none !important; background:#A47848 !important; color:#fff !important; text-transform:lowercase;} form.eStore-button-form input[type=submit] {font-size:14px !important; padding:5px 9px !important; margin:0 auto 0 auto !important; display:block !important;} form.eStore-button-form input[type=submit]:hover {background:#DCC6AD !important;} /* cart display - default style */ div.eStore_classic_cart_wrapper {} div.shopping_cart {padding:0 !important;} a img.eStore_empty_cart {display:none;} /* continue shopping image link at top of cart */ div.shopping_cart a {color:#A47847;} div.shopping_cart a:hover {color:#A47847; text-decoration:underline;} div.shopping_cart table {} div.shopping_cart table tr.eStore_cart_item_header {background:#efefef;} div.shopping_cart table tr.eStore_cart_item_header th {padding:5px !important;} div.shopping_cart table th.eStore_cart_item_name {} div.shopping_cart table th.eStore_cart_item_qty_th {text-align:left;} div.shopping_cart table th.eStore_cart_item_price {} div.shopping_cart table th.eStore_cart_item_action {background:white;} div.shopping_cart table th {padding:10px 5px !important;} div.shopping_cart table td {padding:10px 5px !important;} input[type=number].eStore_cart_item_qty {border:1px solid #ccc; margin-right:5px; font-size:14px;} input[type=submit].eStore_update_qty {border:none; font-size:14px; background:#A47848; color:#fff; text-transform:lowercase;} input[type=submit].eStore_update_qty:hover {background:#DCC6AD !important;} div.shopping_cart table tr.eStore_store_pickup_choice_section {} div.shopping_cart table tr.eStore_store_pickup_choice_section label:before {content: "I want to pick up at R. Michelson Gallery"; color:#000;} div.shopping_cart table tr.eStore_store_pickup_choice_section label {color:white;} div.shopping_cart table form {} input[type=image].eStore_paypal_checkout_button {border:none; padding:0; } input[type=image].eStore_paypal_checkout_button:before {} input[type=image].eStore_paypal_checkout_button:after {} /* cart is empty display */ div.estore-cart-wrapper-0 div.shopping_cart input[value="Shopping Cart"] {display:none;} /* continue shopping image link */ div.eStore_empty_cart_block {font-style:italic;} div.eStore_empty_cart_block a {display:none;} /* checkout form display - only needed for manual checkout - not used */ form.pure-form {border:1px solid red;} form.pure-form h3 {font-size:18px; line-height:26px; padding: 0 0 20px 0; margin:0;} /* Images -------- */ .entry-content img, .comment-content img, .widget img {/*max-width:100%;*/} /* Fluid images for posts, comments, and widgets */ /*img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {width:auto; height:auto;} Make sure images with WordPress-added height and width attributes are scaled correctly */ /* triggering a bug in Chrome and diaplying images at 100% */ img.size-full, img.size-medium, img.size-large {max-width:100%; width:auto; height:auto;} img.alignleft {float:left; display:block; margin:8px 40px 20px 0; padding:0; max-width:100%;} img.alignright {float:right; display:block; margin:8px 0 20px 40px; padding:0; max-width:100%;} img.aligncenter {display:block; margin:8px auto 25px; max-width:100%;} img.alignnone {display:block; margin:8px 0 25px; max-width:100%;} div.alignleft {float:left; display:block; margin:8px 40px 20px 0; padding:0; max-width:100%;} div.alignright {float:right; display:block; margin:8px 0 20px 40px; padding:0; max-width:100%;} div.alignleft .wp-caption-text {text-align:center; padding-right:0px;} div.alignright .wp-caption-text {text-align:center; padding-left:0px;} div.aligncenter .wp-caption-text {text-align:center; padding-left:0px;} div.aligncenter {display:block; margin:8px auto 20px; padding:2px !important; max-width:100%;} div.alignnone {display:block; margin:0 0 20px 0; padding:2px !important; max-width:100%;} div.alignnone .wp-caption-text {text-align:left; padding-left:0px;} p img, .wp-caption {margin-top:0;} .wp-caption {background:#fff; border:none;} .wp-caption a {display:block; margin:0 !important; padding:0 !important;} .wp-caption img {display:block; margin:0 0 2px 0 !important; padding:0px !important; } .wp-caption .wp-caption-text {font-size:12px; line-height:14px; padding:0; color:#000; text-align:center !important;} /* Image borders -------- */ img[class*="align"], img[class*="wp-image-"] {} #content .gallery .gallery-icon img {border:none;} #content .gallery .gallery-icon img:hover {opacity:1;} a:focus img[class*="align"], a:hover img[class*="align"], a:active img[class*="align"], a:focus img[class*="wp-image-"], a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"], #content .gallery .gallery-icon a:focus img, #content .gallery .gallery-icon a:hover img, #content .gallery .gallery-icon a:active img { background:none;} .wp-caption a:focus img, .wp-caption a:active img, .wp-caption a:hover img { background:none;} /* Make sure videos and embeds fit their containers */ embed, iframe, object {max-width: 100%;} /* == Gallery ----------------------------------------------- */ /* https://www.developerdrive.com/responsive-image-gallery-flexbox/ */ body.home .gallery {margin-top:10px !important;} body.home .gallery .gallery-item {margin:20px 10px; max-width:340px;} /* make home page gallery images larger */ #order-gallery-wrap .gallery .gallery-item {margin:20px 0 20px;} /* for Orders page */ .gallery {max-width:960px; padding:0; margin:20px auto 20px !important; display:flex; flex-wrap:wrap; justify-content:space-around; clear:both; /*border:1px solid red;*/} .gallery br {display:none;} .gallery .gallery-item {margin:20px 10px; max-width:290px; /*border:1px solid blue;*/} /* note: margins do not collapse in flexbox containers */ .gallery-icon {} /* class='gallery-icon landscape' */ .gallery-icon a {} /* class="no-lightbox" */ .gallery .gallery-icon a img {/*border:2px solid #cfcfcf;*/ box-shadow:rgba(0, 0, 0, 0.24) 0px 3px 8px; margin:0 auto; display:block;} /* class="attachment-thumbnail size-thumbnail" */ .gallery .wp-caption-text {font-size:12px; text-align:center; padding:6px 0 0 0; margin:0 auto !important; max-width:280px; background:transparent;} /* class='wp-caption-text gallery-caption' */ .gallery .wp-caption-text br {display:inline !important;} .gallery .wp-caption-text form {display:block !important; max-width:200px !important; margin:0 auto !important; } .gallery .wp-caption-text form input {display:block; max-width:200px !important; margin:0 auto 10px;} .gallery .wp-caption-text form select {display:block; max-width:200px !important; margin:0 auto 10px;} .gallery .wp-caption-text table {display:block; max-width:200px !important; margin:20px auto 0 !important;} .gallery .wp-caption-text table td {padding:0;} /* order page gallery & tables */ div.galleryid-1147 {} /* == error404 ----------------------------------------------- */ .error404 #main #searchform {margin:0; overflow:hidden; padding:1.625em 0;} .error404 #main #s {width:60%;} /* == Widgets ----------------------------------------------- */ .widget-area {font-size:13px;} .widget {clear:both;} .widget-title {font-weight:700; margin:0; padding:0;} .widget ul {} .widget ul ul {} .widget ul li {font-size:13px;} .widget p {font-size:13px; line-height:17px;} .widget a {} .widget a:hover, .widget a:focus, .widget a:active {color:#666;} #secondary .widget-title {color:#69c; display:block; padding:0 0 8px 0; font-size:23px !important; line-height:28px; font-weight:normal; text-transform:uppercase; letter-spacing:0.1em;} #secondary .widget {margin-bottom:0;} #secondary .widget ul {padding:0; margin:0;} #secondary .widget ul#services {list-style:disc; margin-left:14px !important;} #secondary .widget ul#services li {padding:0 0 2px 0; line-height:17px;} /* == Footer ----------------------------------------------- */ #footerwrap {width:100%; height:100%; padding:6px 0 40px; margin-top:10px; background:url(images/bg-footer-top.png) center top repeat-x;} #groupphoto {height:300px; background:url(images/rm-group-photo-footer.jpg) center center repeat-x;} #groupphoto img {height:300px; display:block;} #newssignupwrap {padding:30px 0 20px; background:#DCC6AD url(images/bg-footer-bottom.png) center bottom repeat-x;} #newssignup {width:1100px; margin:0 auto;} #newssignup h3 {font-size:22px; line-height: 26px; margin:0; padding:0; text-align:center;} #newssignup p {font-size:14px; margin:0; padding:0; text-align:center;} #signupform {margin:20px auto;} #signupform form {margin:0 auto; font-size:14px !important; width:400px;} #signupform input {height:30px; border:none; font-size:14px !important;} #signupform input[type=text] {width:300px; padding:0 6px;} #signupform input[type=submit] {width:75px; background:#A47848; color:#fff; margin-left:15px;} #signupform input[type=text]:focus {color:#000;} #colophon {clear:both; background:transparent; width:1100px; margin:30px auto 0; text-align:center;} #colophon {position:relative; padding:0;} #colophon p {font-size:14px; line-height:16px !important; padding:0 0 12px 0; text-align:center; color:#000;} p#props {margin:0; clear:both; font-size:12px; line-height:14px; padding:10px 0 10px 0; color:#A47847; text-transform:lowercase;} p#props a {color:#A47847;text-decoration:none;} /* Back to top scroll (http://webdesignerwall.com/tutorials/animated-scroll-to-top) */ p#back-top {font-size:14px; text-align:center; margin:25px auto 0; clear:both;} p#back-top a {text-align:center; text-transform:lowercase; text-decoration:none;} p#back-top a:hover {color:#666;} /* == Responsive Structure ----------------------------------------------- */ @media only screen and (max-width:768px) /*and (orientation: portrait)*/ { body {width:auto; margin:0; font-size:13px;} #page {width:auto; padding:0; margin:0; background:none;} h1.entry-title {margin:0; padding:0 0 22px 0; text-align:center;} h1.entry-title, h1.page-title {font-size:38px !important; line-height:42px !important; font-weight:300; color:#000; padding:0; margin:0 0 20px 0; text-align:center;} h2 {font-size:30px !important; line-height:38px !important; } p {font-size:15px; line-height:21px; padding:0 0 12px 0;} p.intro {font-size:18px; line-height:22px !important; padding:0 0 16px 0; font-weight:normal;} #headerwrap {} #branding {width:auto; z-index:1;} h1#site-title {max-width:440px; width:auto; height:auto;} #site-title a {display:block; margin:0 auto !important;} #site-title img {display:block; margin:0 auto !important; width:100%;} h2#site-description {max-width:440px; height:auto;} h2#site-description img {max-width:440px;} #access {width:auto;} /*#access {font-size:11px; padding:5px 8px; margin:0 auto 0; width:auto; height:auto; position:relative;} #access .menu {display:none;} #access a.toggleMenu {display:block; text-transform:lowercase; background:url(images/menu.png) 0 5px no-repeat; padding:0 0 0 25px; height:18px; line-height:18px; font-size:14px; color:#333;} #access a.toggleMenu:hover, #access a.toggleMenu:focus {background:url(images/menu.png) 0 -10px no-repeat !important; color:#A47848 !important;} #access ul {height:auto; font-size:14px; margin:0; padding:15px 0 0 0; background:transparent; text-align:left;} #access li {margin:0; padding:0 0 8px 0; display:block; float:none; line-height:24px; background:none; text-align:left;} #access a {text-decoration:none; padding:0 7px; margin:0; line-height:24px; color:#333} #access a:hover {color:#A47848; background:#ccc;} #access li:last-child a[title="instagram"] {margin:6px 0 0 7px !important;} /* use this for simple shopping cart #access ul.sub-menu {display:block; margin:0; padding:5px 0 0 20px; float:none; position:relative; top:0; left:0; width:auto; height:auto; font-size:13px; border:none;} #access ul.sub-menu li {line-height:24px !important; padding:0 0 3px 0 !important; margin:0; text-align:left; display:block;} #access ul.sub-menu a {padding:0 7px !important; margin:0; line-height:24px !important; display:inline-block;} #access ul.sub-menu a:hover {color:#fff !important; background:#A47848 !important;} #access a:focus {} #access .current-menu-item > a, #access .current-menu-ancestor > a, #access .current_page_item > a, #access .current_page_ancestor > a {background:#A47848 !important; color:#fff !important;} #access {padding:0; height:45px;}*/ /* home page */ #mainhome {width:auto; margin:0 auto; padding:1.5em 1.5em;} /* interior pages */ #main {width:auto; margin:0 auto; padding:1.5em 1.5em; min-height:200px;} #fullwidth {margin:0; padding:0 0 0 0;} .wp-caption {display:block;} div.alignleft {display:block; margin:5px auto 20px; max-width:95% !important; float:none;} div.alignright {display:block; margin:5px auto 20px; max-width:95% !important; float:none;} .wp-caption img {max-width:100%; float:none; display:block;} .wp-caption-text {display:block;} img.alignleft {display:block; margin:5px auto 20px; max-width:95% !important; float:none;} img.alignright {display:block; margin:5px auto 20px; max-width:95% !important; float:none;} img.aligncenter {display:block; margin:5px auto 20px; max-width:95% !important; float:none;} /*div.aligncenter {display:block; margin:5px auto 20px; padding:2px !important; max-width:100%;} */ /* tables */ .entry-content table {margin:0 0 0.5em; width:100%;} .entry-content th {font-size:14px; line-height:20px; padding:0 0 15px 0; margin:0 auto;} .entry-content td {display:block; margin:0 auto; text-align:center;} /* contact form */ .wpcf7 input[type=text], .wpcf7 input[type=password], .wpcf7 input[type=email], .wpcf7 input[type=url], .wpcf7 input[type=number], .wpcf7 input[type=tel] {width:97% !important;} /* gallery */ .gallery {margin:0.5em auto 1.625em; overflow:auto;} .gallery .gallery-item {margin:0 10px 20px 10px !important; width:40% !important;} .gallery img {border:none; width:100%;} .gallery img:hover {opacity:0.65;} .gallery .gallery-caption {/*display:none !important;*/} .gallery br {display:none;} #footerwrap {width:auto; height:auto; margin-top:0px;} #groupphoto {height:200px;} #newssignupwrap {padding:30px 20px 30px;} #newssignup {width:auto;} #colophon {width:auto; background:none; margin:0 auto; padding:20px; } #colophon p {line-height:22px;} } @media only screen and (max-width:480px) { body {padding-top:15px;} h1.entry-title, h1.page-title {font-size:38px !important; line-height:44px !important; } h2 {font-size:28px !important; line-height:32px !important; } h1#site-title {max-width:300px;} h2#site-description {max-width:300px; height:auto;} h2#site-description img {max-width:300px;} #hrulebottom {display:none;} /* p.intro {font-size:16px; line-height:20px; padding:0 0 14px 0;} */ img.alignleft, img.alignright, img.aligncenter {display:block; margin:6px auto 25px; max-width:98%; float:none;} dl.gallery-item {margin:0 20px 20px 20px !important; width:30% !important;} #mainhome img {margin:15px auto 20px;} #mainhome p {margin:0 1.5em; font-size:1.2em; line-height:1.3em; text-align:left;} /* gallery */ .gallery {margin:0.8em auto 1.3em;} .gallery .gallery-item {margin:0 10px 20px 10px !important; width:80% !important;} #signupform {} #signupform form {margin:0 auto; font-size:14px !important; width:320px;} #signupform input[type=text] {width:200px;} #signupform input[type=submit] {width:70px; margin-left:10px;} } @media only screen and (min-width: 800px) { /* ensure .menu is visible on desktop version when browser resized */ .menu {display: block !important;} } @media only screen and (min-width:769px) and (orientation: landscape) { }