/* ------------------------------------------------ ___ ___ ___ _____ / /\ /__/\ / /\ / /::\ / /:/ | |::\ / /::\ / /:/\:\ / /:/ | |:|:\ / /:/\:\ / /:/ \:\ / /:/ ___ __|__|:|\:\ / /:/ \:\/__/:/ \__\:| /__/:/ / /\/__/::::| \:\/__/:/ \__\:\ \:\ / /:/ \ \:\ / /:/\ \:\~~\__\/\ \:\ / /:/\ \:\ /:/ \ \:\ /:/ \ \:\ \ \:\ /:/ \ \:\/:/ \ \:\/:/ \ \:\ \ \:\/:/ \ \::/ \ \::/ \ \:\ \ \::/ \__\/ \__\/ \__\/ \__\/ craigmod.com CSS — pretttty, pretttty, pretttty fugly. Last updated: Sept, 2014, then Jan 2019 TYPE ==== SANS: "ff-meta-web-pro-1","ff-meta-web-pro-2",Helvetica,Arial,sans-serif SERIF: "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2", Georgia, Times, serif via El Typo Kito RANDOM REDS FOR NO REASON ========================= F04C2F - darker EE573C - light cc092f - orig D1361B FYI === Pantone 186c : #cc092f ------------------------------------------------ */ /* CSS RESET ---------------------------- */ body,div,figure,figcaption,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,menu,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,strong,th,var { font-style:normal; font-weight:normal; } code { font-family: Menlo, Monaco, Courier, monospace; color: #fff; font-size: .7em; padding: 4px; background-color: rgba(53,116,224,.9); border-radius: 3px;} strong { font-weight: bold; font-style: inherit; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } video { outline: none; } /* UTILITY CLASSES ------------------------------ */ .small { font-size: .6em; } .tiny { font-size: .8em; } /* .sc { font-size: .85em; text-transform: uppercase; letter-spacing: 1px; } */ .sc { font-size: 1.1em; font-variant: small-caps; text-transform: lowercase; } .noborder { border: 0px; } hr { border: 0; border-top: 1px solid #ddd; margin-bottom: 2em; } .sans { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",Helvetica,Arial,sans-serif; } input[type=email] { -webkit-appearance: none; } /* YOUTUBE LIGHT : https://github.com/paulirish/lite-youtube-embed/blob/master/src/lite-yt-embed.css ------------------------------ */ lite-youtube { background-color: #000; position: relative; display: block; contain: content; background-position: center center; background-size: cover; cursor: pointer; max-width: 720px; border: 1px solid #ddd; } @media (prefers-color-scheme: dark) { lite-youtube { border-color: #666; } } /* gradient */ lite-youtube::before { content: ''; display: block; position: absolute; top: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==); background-position: top; background-repeat: repeat-x; height: 60px; padding-bottom: 50px; width: 100%; transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); } /* responsive iframe with a 16:9 aspect ratio thanks https://css-tricks.com/responsive-iframes/ */ lite-youtube::after { content: ""; display: block; padding-bottom: calc(100% / (16 / 9)); } lite-youtube > iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 0; } /* play button */ lite-youtube > .lty-playbtn { width: 68px; height: 48px; position: absolute; cursor: pointer; transform: translate3d(-50%, -50%, 0); top: 50%; left: 50%; z-index: 1; background-color: transparent; /* YT's actual play button svg */ background-image: url('data:image/svg+xml;utf8,'); filter: grayscale(100%); transition: filter .1s cubic-bezier(0, 0, 0.2, 1); border: none; } lite-youtube:hover > .lty-playbtn, lite-youtube .lty-playbtn:focus { filter: none; } /* Post-click styles */ lite-youtube.lyt-activated { cursor: unset; } lite-youtube.lyt-activated::before, lite-youtube.lyt-activated > .lty-playbtn { opacity: 0; pointer-events: none; } .lyt-visually-hidden { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } /* GENERAL ---------------------------- */ body { background-color: #fff; color: #333; font-size: 62.5%; /* -- Sets 1em to equal 10px or let's just pretend it does -----------------------*/ font-family: "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2", Georgia, Times, serif; font-style: normal; font-weight: 400; font-display: swap; -webkit-font-smoothing: antialiased; } body.japanese { font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, 'メイリオ', Helvetica, Arial, sans-serif; } body.japanese h1, body.japanese h2, body.japanese h3, body.japanese h4, body.japanese h5 { font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, 'メイリオ', Helvetica, Arial, sans-serif; font-weight: normal; } h1, h2, h3, h4, h5 { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",Helvetica,Arial,sans-serif; font-style: normal; font-weight: 500; } body.ja header h1 { font-family: "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2", Georgia, Times, serif !important; font-weight: normal !important; } h1 a.ref, h2 a.ref, h3 a.ref, h4 a.ref, h5 a.ref { font-size: .8em; margin-left: -30px; margin-right: 20px; text-decoration: none; color: #999; } /*a { color: inherit; text-decoration: none; transition: color 0.2s ease; border: 0; box-shadow: inset 0 -2px 0 #007AFC; } a:hover { color: #007AFC; box-shadow: inset 0 -2px 0 #007AFC; } */ a { color: inherit; text-decoration: underline; text-decoration-color: #007AFC; border: 0; box-shadow: none; } a:hover { color: #007AFC; } figure a { box-shadow: none; } figure a:hover { box-shadow: none; } figcaption a, figcaption a:hover { box-shadow: inset 0 -1px 0 #007AFC; box-shadow: none; } em { font-style: italic; } ::selection { background: #ffff66; /* WebKit/Blink Browsers */ } p { -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } p, li, blockquote { font-size: 1.8em; line-height: 1.5em; } p { margin-bottom: 1em; } .fourcol p, .fourcol li, .fourcol blockquote { font-size: 1.5em; } body.ja { font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, 'メイリオ', Helvetica, Arial, sans-serif; } .ja p, .ja li, .ja blockquote { font-size: 1.5em; line-height: 1.6em; } .ja h1, h1.ja, .ja h2, h2.ja, .ja h3, h3.ja, .ja h4, h4.ja .ja h5, h5.ja {font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, 'メイリオ', Helvetica, Arial, sans-serif !important; font-weight: bold; } span.ja { font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, 'メイリオ', Helvetica, Arial, sans-serif; font-size: .85em; } sup, sub { font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif; height: 0; line-height: .7; bottom: 1em; font-size: .6em; color: inherit; font-weight: bold; } sup a { padding: 5px; padding-left: 0; text-decoration: none; box-shadow: none; transition-property: color; transition-duration: 0.3s; transition-timing-function: ease; color: #666;} sup a:hover { border: 0; } .mobileonly { display: none !important; } /*.desktoponly { }*/ #blackOut { background-color: #000; opacity: 0; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 200; transition:opacity 500ms; } #ZoomBox { border: 0px solid #000; } #about_page #ZoomImage { border-radius: 50% !important; } /* MAST HEAD -------------------------------- */ /* header { display: inline-block; width: 100%; border-bottom: 0px dotted #ddd; border-top: 0px solid #000; padding-bottom: 30px; padding-top: 10px; margin-bottom: 30px; background: transparent url(/images/bg-header-1140-2.png) bottom center no-repeat; opacity: .3; transition: opacity .5s; } header:hover { opacity: 1; } nav { display: inline-block; width: 100%; font-size: 1.6em; font-weight: normal; letter-spacing: 0px; text-transform: none; color: #999; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; padding: 10px 0; } #home { float: left;} nav a { color: #666; padding: 3px 15px; border: 0; box-shadow: none; text-decoration: none; display: inline-block; transition-property: color; transition-duration: 0.3s; transition-timing-function: ease; } nav a:nth-child(1) { margin-left: 0px; } nav a:hover { border: 0; box-shadow: none; color: #000; } nav .newsletters { padding-left: 15px; color: #999; } nav .newsletters a { padding: 3px 0; } nav .newsletters a:last-child { margin-right: 15px; } nav .newblock { margin-left: 40px; display: inline; } */ header { display: inline-block; width: 100%; border-bottom: 0px dotted #ddd; border-top: 0px solid #000; padding-bottom: 30px; padding-top: 10px; margin-bottom: 30px; background: transparent url(/images/bg-header-1140-2.png) bottom center no-repeat; opacity: .3; transition: opacity .5s; } header:hover { opacity: 1; } nav { display: inline-block; width: 100%; font-size: 1.3em; font-weight: bold; letter-spacing: 0px; text-transform: uppercase; letter-spacing: 1px; color: #999; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; padding: 10px 0; } nav .logo circle { fill: #dfdfdf; transition: fill .5s; } nav .logo path { fill: #fff; } nav .logo a:hover circle { fill: #000; } #home { float: left;} nav a { color: #666; padding: 3px 0px; border: 0; box-shadow: none; text-decoration: none; display: inline-block; transition-property: color; transition-duration: 0.3s; transition-timing-function: ease; } nav a:nth-child(1) { margin-left: 0px; } nav a:hover { border: 0; box-shadow: none; color: #000; } nav .newsletters { padding-left: 15px; color: #999; } nav .newsletters a { padding: 3px 0; } nav .newsletters a:last-child { margin-right: 15px; } nav .newblock { margin-left: 40px; display: inline; } #fastSearch { visibility: hidden; position: absolute; right: 20px; top: 0px; display: inline-block; width: 300px; min-width: 300px; font-size: .8em; } #fastSearch input { padding: 4px 10px; width: 100%; height: 31px; font-size: 1.6em; color: #aaa; font-weight: bold; background-color: #000; border-radius: 3px 3px 0 0; border: none; outline: none; text-align: left; transition-property: background-color, border; transition-duration: 0.3s; transition-timing-function: ease; display: inline-block; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; } #searchResults { visibility: inherit; display: inline-block; width: 320px; } #searchResults a { text-decoration: none !important; padding: 10px; display: inline-block; color: #ddd; } #searchResults a:hover, #searchResults a:focus { outline: 0; background-color: #666; color: #fff; } #searchResults li { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; list-style: none; list-style-position: inside; margin-left: 0; background-color: #333; padding: 0; border-bottom: 1px dotted #000; } #searchResults li .title { font-size: 1.1em; margin-bottom: 10px; display: inline-block;} /* HOME INDEX ---------------------------------------- */ body#index h2 { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", helvetica, sans-serif; font-size: 2.8em; margin-bottom: 1em; color: #333; text-shadow: 1px 1px 0px #f7f7f7; margin-top: 0; } body#index h2 span { font-size: .7em; vertical-align: baseline; } body#index h2 a:hover { background: transparent; border-radius: 0; } #top_intro { font-family: "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2", Georgia, Times, serif; margin-bottom: 5em; padding-bottom: 0em; margin-top: 1em; border-bottom: 0px solid #efefef; } #top_intro h1 { font-size: 3.5em; line-height: 1.2em; letter-spacing: -1px; margin-bottom: 15px; font-family: "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2", Georgia, Times, serif; } #top_intro p { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", helvetica, sans-serif; font-size: 1.9em; line-height: 1.6em; margin-bottom: .2em; } #top_intro h1 a { box-shadow: none 0 -3px 0 #007AFC; } #top_intro a { box-shadow: none 0 -2px 0 #007AFC; } #top_intro .solar { text-align: center; margin-top: 0px; } #top_intro .solar img { width: 80%; border-radius: 50%; margin-top: 20px; border: 3px solid #000; } #top_intro .hello { margin-top: 25px; } .sputnik { margin-top: -40px; text-align: center; } #top_intro .solar svg{ opacity: .8; width: 150px; } #top_intro .sputnik svg { opacity: 1; width: 100px; } #top_intro h5 { margin-top: .5em; padding-top: .5em; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif !important; font-weight: bold; margin-bottom: .3em; color: #666; font-size: 1.9em; } #top_intro a, #top_intro h1 a { box-shadow: none; text-decoration-style: underline; text-decoration-color: #007AFC; } .topblock { font-family: "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2", Georgia, Times, serif; margin-bottom: 5em; padding-bottom: 5em; margin-top: 1em; border-bottom: 1px solid #efefef; } .topblock p { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",Helvetica,Arial,sans-serif; font-size: 2.4em !important; line-height: 1.5em; margin: 0; letter-spacing: 0px; } .topblock a { box-shadow: none 0 -3px 0 #007AFC; } .mlsignups { margin-bottom: 5em; padding-bottom: 5em; border-bottom: 1px solid #efefef; text-align: center; } .mlsignups .rodensignup { border-left: 0px solid #efefef; } .mlsignups h3 { font-size: 2.8em; font-weight: bold; text-align: center; } .mlsignups h4 { font-size: 1.6em; text-align: center; line-height: 1.2em; } .mlsignups .ridgemark { width: 40px; margin: 0 auto; display: inline-block; } .mlsignups a { text-decoration: underline; box-shadow: none; } #satellite .mlsignups { border-bottom: 0; border-top: 1px solid #efefef; padding-top: 5em; margin-top: 5em; padding-bottom: 0; } #satellite .mlsignups h4 { font-size: 1.6em; } .subscribeform { margin: 0 auto; } .subscribeform input[type=email]{ padding: 4px 10px; width: 50%; height: 31px; margin: 15px auto; font-size: 1.6em; color: #666; background-color: rgba(255,255,255,.5); border-radius: 3px; border: 2px solid rgba(200,200,200,.5); outline: none; text-align: center; transition-property: background-color, border; transition-duration: 0.3s; transition-timing-function: ease; display: inline-block; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; } .subscribeform input[type=email]:hover { border: 2px solid #ddd; } .subscribeform input[type=email]:focus { background-color: #f7f7f7; border: 2px solid #ddd; } .subscribeform button { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; margin-top: -7px; } /*.subscribeform input[type=email] { display: inline-block; float: none; text-align: center; color: #000; font-weight: bold; background-color: #fff;}*/ .subscribeform input[type=email]::placeholder { color: #bbb; } /* MEMBERSHIPS Blues: light: 2990FF medium: 007AFC dark: 0064CE ---------------------------------------- */ #membership_2020 header { display: none; } #membership_2020.goodies header {display: inline-block;} #membership_2020 .wallpaper-row { clear: both; display: inline-block; } #membership_2020 hr { border-top: 3px solid #efefef; margin-bottom: 5em; margin-top: 5em; width: 20%; } #membership_2020 .opening_pitch { margin-top: 5em; margin-bottom: 0; } #membership_2020 .opening_pitch.bottom { text-align: center; border-bottom: 1px solid #ddd; margin-bottom: 10em;} #membership_2020.goodies .opening_pitch { margin-top: 0; } #membership_2020 .opening_pitch a { text-decoration-color: #007AFC; } #membership_2020 .opening_pitch a:hover { color: #007AFC; } #membership_2020 .opening_pitch p { font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", -apple-system,BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 5em; line-height: 1.1em; font-weight: normal; letter-spacing: -1px; hyphens: none; } #membership_2020 .opening_pitch .price { font-size: .5em; font-variant-numeric: tabular-nums; } #membership_2020 a.member_button { display: inline-block; padding: 14px 15px; padding-bottom: 16px; margin-top: 0px; margin-bottom: 0; font-size: .7em; line-height: 20px; text-align: center; text-transform: uppercase; letter-spacing: 2px; vertical-align: middle; cursor: pointer; color: #fff; text-shadow: 0 0px 1px rgba(0, 0, 0, 0.50); background-color: #007AFC; border: 1px solid #000; border-radius: 3px; font-weight: bold; transition: all 0.2s ease; text-decoration: none; } #membership_2020 a.member_button:hover, #membership_2020 a.member_button:active { background-color: #0064cc; color: #fff; } #membership_2020 .bloviation { border-bottom: 1px solid #ddd; padding-top: 5em; border-top: 1px solid #ddd; padding-top: 5em; padding-bottom: 5em; } #membership_2020 .bloviation h2 { font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", -apple-system,BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight: bold; font-size: 3em; margin-top: 1em; } #membership_2020 .bloviation p, #membership_2020 .bloviation ul li { font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", -apple-system,BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 2em; } #membership_2020 .bloviation ul { list-style: circle; list-style-position: outside; margin-bottom: 1.5em; } #membership_2020 .bloviation ul li { margin-left: 2em; } #membership_2020 .bloviation blockquote { padding-left: 2em; font-size: inherit; border-left: 5px solid #ddd; } #membership_2020 .bloviation img { border-radius: 5px; display: inline-block; margin-bottom: 3em; } #membership_2020 .bloviation.faq { background-color: #f7f7f7; border-top: none; border-radius: 5px; padding: 40px 20px; margin-bottom: 5em;} #membership_2020 .faq h3 { font-size: 3em; text-align: center; margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #222; } #membership_2020 .faq h5 { font-size: 2em; font-weight: bold; padding-top: 1.5em; font-family: "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2", Georgia, Times, serif; font-style: normal; } .bloviation h3 { font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", -apple-system,BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 1.8em; text-transform: uppercase; letter-spacing: 1px; margin-bottom: .5em; } .membership_2021 .bloviation h3 { text-transform: none; font-weight: 500; font-size: 3em; letter-spacing: 0; } .sp { font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", -apple-system,BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: .8em; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; } /* OLD */ #membership h1, #membership h2 { text-align: left; color: #fff; font-family: "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2", Georgia, Times, serif; text-shadow: 1px 1px 0px #aaa;} #membership h1 { font-size: 4em; font-weight: 500; line-height: 1em; font-style: normal; margin-top: 0em; border-bottom: 1px dotted #fff; padding-bottom: .5em; margin-bottom: .5em;} #membership h2 { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",Helvetica,Arial,sans-serif; font-weight: normal; font-size: 2em; line-height: 1.2em; border-bottom: 0px solid #ddd; padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px dotted #fff; } #membership h2 a { text-decoration: underline; box-shadow: none; } #membership h3 { font-size: 1.4em; line-height: 1.3em; color: #fff; } #membership .opening p { font-size: 1.2em !important; line-height: 1.6em; text-align: left; margin-bottom: 1em; } #membership .opening { margin-top: -3em; } #membership .membership_fullbleed { margin-top: -150px; padding-top: 120px; padding-bottom: 100px; background: url(/membership/img/omine-tree.jpg) no-repeat center center; background-size: cover; } #membership .topcircle {border-radius: 50%; width: 30%; margin: 10px auto; border: 2px solid #000;} #membership .membertier { display: inline-block; margin-bottom: 1em; width: 98%; background-color: #fdfdfd; border: 1px solid #ddd; text-align: center; border-radius: 5px; padding-bottom: 1em; transition: border .5s;} #membership .membertier:hover { border-color: #000; } #membership .membertier h3 { background-color: #fbfbfb; border-radius: 5px 5px 0 0; padding: 1em 0; font-size: 2em; font-weight: bold;} #membership .faq { background-color: #fbfbfb; padding: 30px; border-radius: 5px; } #membership .pitch .faq p { font-size: 1.7em; } #membership .pitch { border-top: 0; } #membership .pitch p { font-size: 1.9em; } #membership .pitch .faq h3 { margin-top: 0; padding-top: 0; line-height: 1em; } #membership .faq h5 { font-size: 1.8em; font-weight: bold; margin-top: 1.5em; margin-bottom: .5em; line-height: 1.3em; } #membership .tiers { margin-top: 2em; margin-bottom: 2em; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",Helvetica,Arial,sans-serif; } #membership .tiers .kabuto { width: 70%; font-size: .85em; margin: 0 auto; margin-top: 20px; padding-top: 20px; border-top: 1px dotted #777;} #membership .tiers .tiertitle { line-height: 1em; display: inline-block; width: 100%;} #membership .tiers .desc { display: inline-block; border-top: 1px solid #3a7ac7; margin-top: 5px; padding-top: 5px; padding-left: 10px; padding-right: 10px; padding-bottom: 20px; font-size: .8em; line-height: 1.2em; font-weight: normal; font-style: normal; /*background-color: #316bcb;*/ border-radius: 0 0 5px 5px; hyphens: auto; } #membership a.membertier { box-shadow: none; } #membership a.membertier:hover { color: inherit; } #membership .tiers .amount { font-size: 2.5em; padding: 1em 0;} #membership .tiers .amount span { font-size: .6em; } #membership .tiers p { font-size: 1.6em; text-align: center; } #membership .tiers a.flat_button { text-decoration: none; box-shadow: none; font-size: 1.9em; line-height: 1.6em; padding: 0em 0; padding-top: 0em; color: #efefef; text-shadow: none; width: 100%; display: inline-block; margin-bottom: 20px; } #membership .tiers .micro { width: 15%; font-size: .8em; float: left; margin-right: 45px; padding-right: 45px; border-right: 1px dotted #ddd; padding-top: 20px; padding-bottom: 20px;} #membership .tiers .micro a.flat_button { background-color: #4178dd; } #membership .tiers a.flat_button:hover { color: #fff; text-shadow: 0px 0px 100px #3a7ac7; } #membership .tiers a.flat_button span.tiny { font-size: .8em; } #membership .tiers a.flat_button span.bump { display: inline-block; border-bottom: 1px solid #3a7ac7; width: 100%; padding: .2em 0; margin-bottom: .5em; } #membership .fundinghoriz { width: 18%; margin-right: 2%; float: left; } #membership .fundingstatus { width: 100%; float: left; margin-top: 15px; margin-bottom: 15px; } #membership .fundingstatus h5 { font-size: 1.2em; font-weight: 700; white-space: nowrap; transform: rotate(45deg); text-transform: uppercase; letter-spacing: 1px; margin-top: 15px; margin-left: 30px;} #membership .fundingblock { float: left; width: 100%; margin-bottom: 10px; } #membership .prog { width: 25%; margin-right: 20px; float: left; } #membership .fundingblock.core { margin-bottom: 40px; } #membership .fundingblock.core h4 {font-size: 2.2em; font-weight: 700; text-transform: none; letter-spacing: 0px; margin-top: 41px;} #membership .existing { margin-bottom: 5em; } #membership .existing p { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",Helvetica,Arial,sans-serif; font-size: 1.2em; margin-top: -1.5em; text-align: right;} #membership .pitch { border-top: 0px solid #ddd; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",Helvetica,Arial,sans-serif; font-size: 1em; padding-top: 2em; margin-top: 1em; } #membership .pitch hr { border-top: 2px solid #ddd; width: 20%; margin-top: 4em; margin-bottom: 4em; } #membership .pitch ul { margin-bottom: 1.5em; } #membership .pitch li { margin-left: 2em; font-size: 1.9em; list-style: circle; list-style-position: outside; margin-bottom: .5em;} #membership .pitch h3 { font-size: 3em; color: #000; font-weight: 600; margin-top: 1em; } #membership .pitch h4 { font-size: 1.2em; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-top: 26px;} #membership_2020 .prog { width: 25%; margin-right: 20px; float: left; } #membership_2020 .fundingblock.core { margin-bottom: 40px; width: 100%; display: inline-block; } #membership_2020 .fundingblock.core h4 { font-size: 2.8em; font-weight: 700; line-height: 1em; text-transform: none; letter-spacing: 0px; margin-top: 0px; padding-top: 35px;} .circular-chart { display: block; max-width: 100%; max-height: 300px; } .circle-bg { fill: none; stroke: #f7f7f7; stroke-width: 3; } .circle, .circle2, .circle3, .circle4 { fill: none; stroke-width: 2.8; stroke-linecap: butt; animation: progress 2s ease-in-out forwards; animation-delay: 0s; } .circle { stroke-width: 5; stroke: #007AFC; } .percentage { fill: #000; font-family: sans-serif; font-size: 0.8em; text-anchor: middle; } @keyframes progress { 0% { stroke-dasharray: 0 100; } } body#membership_thanks { background: url(/membership/img/thanks_bg.png) no-repeat center center fixed; background-size: cover; background-color: #f7f7f7; } #membership_thanks .circleme { border-radius: 50%; width: 5%; margin: 10px auto; border: 50px solid #000; } #membership_thanks nav span { color: #fff !important; } #membership_thanks nav a { color: #000; } #membership_thanks h1 { font-size: 9em; line-height: 1em; color: #333; font-style: normal; font-weight: bold; /*text-shadow: 1px 1px 1px #000;*/ margin-bottom: .5em; background-color: rgba(200,200,200,.8); display: inline-block; padding: 20px; } #membership_thanks h2 { display: inline-block; padding: 20px; font-size: 2em; line-height: 1.4em; /*text-shadow: 1px 1px 1px #000;*/ color: #333; margin-bottom: 5em; background-color: rgba(200,200,200,.8); } .goodienav { border-top: 1px solid #ddd; padding: 20px 0; } nav.goodies ul { list-style: none; } nav.goodies ul li { display: inline-block; margin-right: 20px; font-size: 1em; font-weight: bold; } .goodiebucket section { border-top: 2px solid #d7d7d7; border-bottom: 2px solid #d7d7d7; padding-bottom: 60px; } .goodiebucket iframe { width: 100%; max-width: 100%; } .goodiebucket h2 { text-align: left; margin-bottom: .2em; font-size: 4em!important; padding-top: 10px;} .goodiebucket h3 { font-family: "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2", Georgia, Times, serif;text-transform: none; font-weight: normal; font-size: 3em; font-style: italic; letter-spacing: 0; } .goodiebucket h4 { font-size: 2em; font-weight: bold; text-transform: uppercase; } /* END MEMBERSHIPS -------------------------------------------*/ /* NEWSLETTERS ------------------------------------------- */ #newsletters h2 { font-size: 3em; font-weight: bold; border-bottom: 1px solid #ddd; padding-bottom: 1em; margin-bottom: 1em; } #newsletters .checkboxes { margin-bottom: 1em; font-size: 1.6em; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; } #newsletters label { margin-left: .5em; } #newsletters input[type=checkbox] { transform: scale(1.5); } #about_page .ja h1 { font-weight: bold; } #about_page .topblock.ja p { font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, 'メイリオ', Helvetica, Arial, sans-serif; font-size: 1.6em !important; margin-bottom:1em; letter-spacing: 0px; line-height: 1.7em;} .featuredhome { margin-bottom: 1em; padding-bottom: 3em; padding-top: 2em; } .featuredborder { border-bottom: 1px solid #efefef; padding-bottom: 3em; } .featuredhome figure img { border-radius: 5px; } .featuredhome .featuredimg { border: 1px solid #efefef; float: right; width: 120px; margin-right: -20px; margin-bottom: 2em; height: 100px; border-radius: 5px; } body#index .featuredhome h2 { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; font-weight: bold; margin-bottom: .5em; font-size: 2.5em; color: #333; } .featuredhome h3 { font-family: "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2", Georgia, Times, serif; font-size: 3.2em; padding-top: 2px; line-height: 1em; } .featuredhome h4 { font-family: "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2", Georgia, Times, serif; font-size: 1.6em; font-style: italic; } .featuredhome h5 { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; font-size: 2.4em; font-weight: bold; } .featuredhome cite { display: inline-block; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; border-top: 1px solid #efefef; padding-top: 1em; margin-top: 1em; font-size: 1.4em; } .featuredhome p { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", helvetica, sans-serif; font-size: 1.9em; line-height: 1.4em; margin-bottom: 1em; } /* ESSAY INDEX ---------------------------------------- */ #journal_list { margin-top: 40px; margin-bottom: 100px; } #journal_list h2 { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; font-size: 4em; font-weight: bold; } #journal_list h3 { font-size: 1.8em; font-family: "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2", Georgia, Times, serif; font-weight: normal; margin-bottom: 0; line-height: 1.1em; } #index #journal_list h3 { font-size: 1.2em; } #index #journal_list h4 { font-size: 1em; } #journal_list li.japanese h3 { font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, 'メイリオ', Helvetica, Arial, sans-serif; font-size: 1.5em } #journal_list li h3 a { color: #333; border: 0; transition-property: color; transition-duration: 0.3s; transition-timing-function: ease; } #journal_list li h3 a:hover { border: 0; } #journal_list h4 { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; } #journal_list li.japanese h4 { font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, 'メイリオ', Helvetica, Arial, sans-serif; font-size: .9em; font-style: normal; } #journal_list h4 span { display: none; } #journal_list ul { margin-bottom: 30px;} #journal_list li { margin-bottom: 20px; } #journal_list li.journal h3:before { margin-left: -1.8em; content: '★ '; padding-right: .5em; color: #f7f7f7; text-shadow: 1px 1px 0px #ddd; transition-property: color; transition-duration: 0.3s; transition-timing-function: ease; } #journal_list li.journal:hover h3:before { color: #000; } #journal_list li span.date { font-family: BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: .65em; line-height: 1.3em; display: inline-block; margin-top: 1em; font-weight: bold; color: #999; text-transform: uppercase; letter-spacing: 1px; } #journal_list li span.summary p { font-size: 1em; margin-bottom: .5em; margin-left: 0em; font-style: italic; } #journal_list li a { color: #333; display: block; box-shadow: none; text-decoration: none; } #journal_list li a em { color: #bbb; } #journal_list li a:hover { color: #007AFC; } /* ESSAYS ---------------------------------------- */ #satellite hr { border-top: 3px solid #efefef; margin-bottom: 5em; margin-top: 5em; width: 20%; } #satellite p, #satellite li { font-size: 2em; line-height: 1.5em; color: #333; } #satellite.japanese p, #satellite.japanese li { font-size: 1.6em; line-height: 1.7em; color: #333; } #satellite table { font-size: 1.8em; line-height: 1.4em; color: #333; font-family: monospace; width: 100%; border-collapse: separate; border-spacing: 20px 15px; margin-bottom: 1.5em; } #satellite table thead tr td { font-weight: bold; border-bottom: 1px solid #aaa; padding-bottom: 10px; } #satellite table td { vertical-align: top; } #satellite table td.cost { text-align: right; } #satellite #satellite_body p { margin-bottom: 1.5em; text-indent: 0em; } #satellite #satellite_body p:first-child { text-indent: 0; } #satellite #satellite_body .firstchunk>p:first-of-type:first-letter { float: left; font-size: 115px; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; padding-top: 0px; padding-right: 7px; line-height: 77px; -webkit-font-smoothing: subpixel-antialiased; font-style: normal; font-weight: bold; } #satellite #satellite_body>p:first-of-type:first-line { text-transform: uppercase; } #satellite #satellite_body #satellite_footer p { text-indent: 0; margin-bottom: 1em;} #satellite #satellite_body hr+p, #satellite #satellite_body h3+p, #satellite #satellite_body h4+p, #satellite #satellite_body h5+p { text-indent: 0; } #satellite ul { margin-bottom: 3em;} #satellite_body ul li { margin-left: 2em; list-style: circle; list-style-position: outside; } #satellite_body ol { margin-bottom: 3em; } #satellite_body ol li { list-style: decimal; list-style-position: outside; margin-left: 2em; hyphens: auto; } #satellite_body a img { float: left; } #satellite_body .photogallery a img { float: none; margin-bottom: 2em; border: 3px solid #333; transition : border 500ms ease-out; border-radius: 3px; } #satellite_body .photogallery a:hover img { border: 3px solid #aaa; } #satellite_body iframe { margin: 2em auto !important; margin-bottom: 5em !important; } #satellite_body .fb-like iframe { margin: 0 !important; opacity: .3; transition:opacity 500ms; } #satellite_body .fb-like iframe:hover { opacity: 1; } #satellite iframe, #satellite object { width: 100%; max-width: 100%; } #satellite ol.footnotes, #satellite .footnotes ol { font-size: .75em; line-height: 1.5em; font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", Helvetica, Arial, sans-serif; color: #666; margin-bottom: 10px; } #satellite ol.footnotes li, #satellite .footnotes ol li { list-style: decimal; margin-bottom: 1em; margin-left: 1em; } #satellite ol.footnotes li, #satellite .footnotes ol li p { font-size: inherit; } #satellite .footnotes hr { display: none; } #satellite .footnotes { margin-bottom: 5em; } #satellite_footer { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; color: #333; border-top: 3px double #efefef; padding-top: 2em; margin-top: 5em; } #satellite #satellite_footer h3 { font-size: 1.6em; font-weight: bold; margin-bottom: 10px; } #satellite_footer p { font-size: 1.5em; margin-bottom: .5em; } #satellite_footer img { float: left; border: 2px solid #000; margin-right: 20px; width: 100px; border-radius: 50%; } #satellite #copyright_links p { font-size: 1.4em; } /*#satellite .big_picture { z-index: -100; position: relative; margin-top: -44px; width: 100%; min-width: 1180px; }*/ #satellite .big_picture { z-index: -100; position: relative; margin-top: -44px; width: 100%; min-width: 1024px; } #satellite .big_picture img { min-width: 100%; } #satellite .pull_up { margin-top: -100px; padding-top: 20px; z-index: 100; } #satellite .pull_up .title .sevencol { padding-left: 30px; padding-right: 30px; margin-left: -30px; } #satellite .pull_up .sevencol { background-color: #fff; } #satellite figure { padding-top: 20px; padding-bottom: 20px; margin-bottom: 2em; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; } #satellite figure img { width: 100%; float: none; } #satellite figure figcaption, #satellite figure figcaption h4 { font-size: 1.4em; line-height: 1.2em; margin-top: .5em; text-align: center; font-weight: normal; text-transform: none; letter-spacing: 0px; color: #555; font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", Helvetica, Arial, sans-serif; } #satellite figure figcaption .meta { text-transform: none; font-weight: normal; } #satellite figure.sixcol, #satellite figure.fourcol { border: 0; } #satellite blockquote { font-size: inherit; font-style: normal; padding-left: 2em; border-left: 5px solid #efefef; margin: 2em 0; } #satellite blockquote cite { font-size: inherit; } #satellite .imagecredit { float: right; margin-top: -45px; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; font-size: 1.2em; color: #999; } #satellite .imagecredit a { color: inherit; transition: color 0.3s ease; } #satellite .imagecredit a:hover { color: #333; border: none; } #satellite .title { text-align: left; padding-bottom: 4em; padding-top: 5em; border-radius: 3px; border-bottom: 1px solid #efefef; margin-bottom: 5em;} #satellite .title h3 { font-family: "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2", Georgia, Times, serif; font-style: italic; font-size: 1.8em; letter-spacing: 0px; line-height: 1.1em; margin-top: -10px; margin-bottom: 15px; } #satellite.japanese h3 { font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, 'メイリオ', Helvetica, Arial, sans-serif; font-size: 2em; font-style: normal; letter-spacing: 0px; margin-top: 15px; } #satellite h2 { font-family: "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2", Georgia, Times, serif; font-size: 5em; line-height: 1em; letter-spacing: -1px; font-weight: normal; margin-bottom: .3em; } #satellite.japanese h2 { font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, 'メイリオ', Helvetica, Arial, sans-serif; font-size: 4em; letter-spacing: 0px; font-weight: bold;} #satellite_body h3 { font-size: 2.4em; margin-top: 1em; font-weight: bold; } #satellite h4 { font-size: 2.4em; margin-top: 1em; font-weight: bold; } #satellite h5 { font-size: 1.4em; margin-bottom: .5em; padding-top: 2em; margin-top: 2em; border-top: 1px solid #efefef; font-weight: bold; text-transform: uppercase; } #satellite cite { float: left; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; font-size: 1.25em; margin-top: 0em; padding-top: 1em; padding-bottom: 0em; border-top: 1px solid #efefef; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 1em; font-weight: bold; color: #cfcfcf; } #satellite cite a { color: #aaa; transition: color 0.3s ease; } #satellite cite a:hover { color: #CC092F; border: none; } #satellite .toc { text-align: center; } #satellite .toc ul { } #satellite .toc li { list-style: none; margin-left: 0 } #satellite .toc ul.bluetoc li { margin: 5px 0; } #satellite .toc ul.bluetoc li a { text-decoration: none; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; margin-bottom: 10px; text-transform: uppercase; font-size: .85em; letter-spacing: 1px; } .booklist li { margin-bottom: .4em; } .booklist li span { margin-right: 2em; } .booklist hr { width: 200px; margin: 3em 0; } .essaylist hr { width: 200px; margin: 3em 0; } /* LEICA Q */ #satellite.leica_q article { margin-top: -270px; z-index: 20; position: relative; } #satellite.leica_q article .container { margin-top: -250px; z-index: 5000; } #satellite.leica_q .title { color: #fff; padding-bottom: 100px; text-align: center; border-bottom: 0;} #satellite.leica_q .title a { color: #aaa; } #satellite.leica_q .title a:hover { color: #fff; } #satellite.leica_q .title h2 { font-size: 7em; line-height: .7em; } #satellite.leica_q .title h3 { font-size: 2.5em; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",Helvetica,Arial,sans-serif; font-style: normal;} #satellite.leica_q .pullout { background-color: #f7f7f7; border: 1px solid #efefef; border-radius: 3px; } #satellite.leica_q .pullout p { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; font-size: 1.8em; padding-left: 20px; padding-right: 20px; } #satellite.leica_q .pullout h4 { font-family: "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2", Georgia, Times, serif; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; text-align: center; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; } #satellite .inline_big_picture { display: inline-block; width: 100%; max-width: 3000px; } #satellite.leica_q .big_picture { min-height: 300px; background-color: #fff;} #satellite.leica_q figcaption a { padding: 0px 5px; background-color: #efefef; border-radius: 3px; transition: background-color .3s ease; line-height: 2em; font-weight: normal; } #satellite.leica_q figcaption a:hover { background-color: #f7f7f7; } #satellite.leica_q .recommended h2 { font-size: 4em; text-align: center; } #satellite code.mobi { font-size: .7em; line-height: 1em; } #satellite .satellite_info { text-align: right; margin-top: 100px; opacity: .3; } #satellite .satellite_info:hover { opacity: 1; } #satellite .satellite_info h4 { font-size: 1.6em; } #satellite .satellite_info p { font-size: 1.4em; line-height: 1.3em; } #satellite .satellite_info a:hover { border: 0; } .sputnikred { margin-top: 5em; margin-bottom: 0em; } .sputnikred svg { width: 40px; height: 40px; } #satellite .other { opacity: 1; } #satellite .other:hover { opacity: 1; } .readnext { text-align: center; margin-bottom: 2em; padding-bottom: 4em; border-bottom: 1px solid #efefef; } .fullarchive .readnext { padding-bottom: 5em; margin-bottom: 6em; margin-top: 2em; } #satellite .readnext { margin-top: 5em; padding-top: 5em; margin-bottom: 5em; text-align: center; border-top: 1px solid #efefef; border-bottom: 0; } .readnext h2 { font-family: "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2", Georgia, Times, serif; margin-bottom: 1em; font-size: 2.5em; } .readnext h3, #satellite .readnext h3 { margin-bottom: .5em; font-size: 2.8em; font-weight: bold; } .fullarchive .readnext h3 { margin-bottom: 1em; } .readnext h4, #satellite .readnext h4 { font-size: 2.4em; line-height: 1em; margin-top: .5em; font-weight: bold; margin-bottom: 0; text-transform: none; } .readnext h5, #satellite .readnext h5 { font-weight: normal; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; font-style: italic; border: none; font-size: 1.4em; margin-top: 0; padding-top: .3em; margin-bottom: .5em; text-transform: none; line-height: 1.2em; } .readnext a, #satellite .readnext a { color: inherit; text-decoration: none;} .readnext a:hover, #satellite .readnext a:hover { color: #007AFC; } .readnext a img:hover, #satellite .readnext a img:hover { border: none; } .readnext .threecol:last-child, #satellite .readnext .threecol:last-child { padding-right: 0; margin-right: 0; } .readnext .featuredimg, #satellite .readnext .featuredimg { width: 100%; height: 150px; border-radius: 5px; border: 1px solid #efefef; background-color: #efefef !important; } .sharethis { text-align: center; padding-top: 2em; } .sharethis a { border: none; box-shadow: none; } .sharethis .twittershare, .sharethis .facebookshare { width: 35px; height: 35px; margin: 0px 3px; display: inline-block; background-color: #efefef; border-radius: 3px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .sharethis .twittershare:hover, .sharethis .facebookshare:hover { background-color: #333; } /* .ridgeline Specific ------------------------- */ .ridgeline .subscribe h2, .ridgeline .subscribe h3 { text-align: center; } #satellite.ri h2 { font-family: goodlife-sans-condensed-1, goodlife-sans-condensed-2,sans-serif; font-weight: 400; font-style: normal; } #satellite.ri .subscribe h3 { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; border-bottom: 1px solid #ddd; margin-bottom: 2em; padding-bottom: 2em;} #satellite.ri .subscribe h4 { font-weight: normal; font-size: 1.8em; text-align: center; } #satellite.ri .ri-image { box-sizing: border-box; display: inline-block; float: left; border: 5px solid #fff; margin-bottom: 0em; } #satellite.ri .title.subscribe img { margin-bottom: 0; } #satellite.ri .pswp--zoom-allowed .pswp__img { border: 5px solid #fff; } .ridgeline .subscribe h2 { margin-top: 1em; } #satellite.ridgeline .subhead p { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; font-size: 1.8em; line-height: 1.4em; font-weight: 400;} #satellite.ridgeline #satellite_footer p { font-size: 1.5em; } #satellite.ridgeline .title.subscribe { margin-bottom: 2em; padding-bottom: 1em; padding-top: 0; } #satellite.ridgeline .title.subscribe img { margin-bottom: 2em; } /* FLIPPY CARD */ .ri .card { position: relative; height: 100vh; width: 100%; perspective: 500rem; } .ri .front, .ri .back { position: absolute; width: 100%; height: 100%; transition: transform .5s; backface-visibility:hidden; } .ri .front { } .ri .back { transform: rotateY(180deg); } .ri .card:hover .front{ transform: rotateY(180deg); } .ri .card:hover .back { transform: rotateY(360deg); } /* .ri .alttext { background-color: #fff; display: flex; align-items: center; justify-content: center; text-align: center; height: 100%; } .ri .alttext p { display: block; padding: 10em; } */ .ri .photogallery { display: inline-block; } .ri .subscribe .photogallery { display: inline; } .ri .alttext { background-color: transparent; padding: 5em 8em; margin-top: -3px; } #satellite .ri .alttext p { padding: 2em 3em; font-size: 1.8em; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; text-align: justify; border: 5px solid #000; background-color: #fff; } @media only screen and (max-width: 768px) { .ri .alttext { padding: 0; } #satellite .ri .alttext p { padding: 2em 3em; } } @media (prefers-color-scheme: dark) { #satellite .ri .alttext p { background-color: #333; } } /* FLIPPY CARD END */ .ridgeline #subForm input[type=email], .ri #subForm input[type=email] { display: inline-block; float: none; text-align: center; color: #000; font-weight: bold; background-color: #fff;} .ridgeline #subForm input[type=email]::placeholder { color: #bbb; } #satellite.ridgeline .photowrap a { box-shadow: none; } .ridgeline #journal_list { margin-top: 0; } .ridgeline #journal_list h1 { font-family: "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2", Georgia, Times, serif; font-size: 5em; line-height: 1em; letter-spacing: -1px; font-weight: normal; margin-top: 10px; } .ri.ridgeline #journal_list h1 { font-family: goodlife-sans-condensed-1, goodlife-sans-condensed-2,sans-serif; font-weight: 400; font-style: normal; } .ridgeline #journal_list h2 { font-size: 1.4em; color: #333; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; margin-top: .5em; } .ri.ridgeline #journal_list h2 { font-weight: normal; } .ridgeline #journal_list h3 { font-size: 1.4em; } #satellite .title.ridgeline { text-align: center; padding: 4em 0; } #satellite .title.ridgeline h2 { margin-top: .5em; } #satellite .ridgeline h3 { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; font-style: normal; font-size: 1.7em; display: inline; } #satellite .ridgeline h3 a { background-color: #f6f5f1; box-shadow: none; text-decoration: none; border: 1px dotted #bbb; padding: 4px 12px; } #satellite .ri h3 a { background-color: transparent; border: none; font-family: goodlife-sans-condensed-1, goodlife-sans-condensed-2,sans-serif; font-size: 1.5em; } .ridgeline #journal_list #subForm { border-top: 0px dotted #d7d7d7; border-bottom: 1px dotted #d7d7d7; padding-top: 4em; padding-bottom: 5em;} .ridgeline #journal_list .flat_button { padding: 7px 15px; margin-top: -7px; } .ridgeline #journal_list.heading { text-align: center; margin-top: -15px;} .ridgeline .circle { border-radius: 50%; border: 2px solid #000; } .ridgeline .square { border: 2px solid #fff; border-radius: 5px; } #satellite .prevnext { padding-top: 2em; margin-top: 0em; margin-bottom: 0; padding-bottom: 3em;} #satellite .prevnext .readnext { padding-top: 2em; margin-top: 0; margin-bottom: 0; } #satellite_footer.ridgeline { padding-bottom: 2em; margin-bottom: 0em; margin-top: 0; border-top: 0; } body.ridgeline { background-color: #f6f5f1; } body.ri { background-color: #f7f7f7; } .subbumper { text-align: center; border-top: 1px solid #f7f7f7; margin-top: 3em; padding-bottom: 3em; background: #f6f5f1;} .ri .subbumper { background-color: transparent; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-top: 5em; padding-bottom: 5em; margin-bottom: 5em; } .subbumper h3 { margin-bottom: 1em; } .subbumper #subForm input[type=email], #subForm2 input[type=email] { float: none; color: #000; font-weight: bold; margin: 0 auto; text-align: center; } /* LIST GRID */ .ridgeline .grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 10em; grid-row-gap: 3em; margin-top: 5em; } .ridgeline .grid li { list-style: none; text-align: center; } .ridgeline .grid li img { width: 90%; } .ri .grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 2em; grid-row-gap: 3em; align-items: center; margin-top: 5em; } .ri .grid li { list-style: none; text-align: center; } .ri .grid li img { width: 95%; } #satellite .title.ridgeline.ri { border-bottom: 0; margin-bottom: 12em; } #satellite .title.ridgeline.ri a.logo { margin-top: 15em; display: inline-block; width: 80px;} #satellite .newsletteronly { display: none; } /* 404 NOT FOUND ---------------------------------------- */ #error h3 { text-align: center; line-height: 1.3em; font-size: 4.2em; font-family: "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2", Georgia, Times, serif; font-weight: normal; margin-bottom: 2em; margin-top: 1em; } /* PROJECT PAGES (sort of deprecated but google still knows — shudder) --------------------------------------------------------------------- */ #project .left_title { text-align: right; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; } #project .left_title h2 { font-size: 3.2em; line-height: 1.1em; font-weight: normal; } #project .left_title h3 { padding: 10px 0px; margin: 10px 0px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-transform: uppercase; letter-spacing: 1px; font-size: 1.2em; font-family: "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2", Georgia, Times, serif } #project .left_title h4 { font-size: 1.2em; font-weight: bold; margin-bottom: 5px; } #project .left_title .entry_date { font-size: 1.4em; margin-bottom: 30px; } #project .left_title .related_entries, #project .left_title .item_meta { margin-bottom: 30px; } #project .left_title .related_entries ul li, #project .left_title .item_meta ul li { font-size: 1.2em; } #project .top_description { margin-top: 10px; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 3px double #eee; } #project .top_description h3 { font-size: 1.8em; margin-bottom: 5px; } #project .top_description p { font-size: 1.5em; } #project .top_description ul li { font-size: 1.5em; list-style: circle; margin-left: 20px; margin-bottom: .5em; } #project .top_description blockquote { font-size: 1em; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; } #project .top_description blockquote p { font-size: 1.5em; margin-left: 20px; margin-right: 20px; color: #666; } #project .row.item { margin-bottom: 30px; } #project .description p { font-size: 1.5em; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; } #project .description blockquote { font-size: 1em; } #project .description blockquote p { margin-left: 10px; font-style: italic; } /* GENERAL PAGES (About and Talks) ---------------------------------------- */ body.general article h1 { font-size: 3em; font-family: "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2", Georgia, Times, serif; } body.general article h1 span { font-size: .5em; } body#about_page article h1 { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",Helvetica,Arial,sans-serif; font-size: 2.4em !important; line-height: .8em; margin: 0; letter-spacing: 0px; color: #484848; font-weight: 400; } body.general article h2 { font-size: 2.4em; font-weight: bold; color: #333; margin-bottom: .5em; } body.general article h3 { font-size: 2.4em; font-weight: bold; } body.general article h4 { font-size: 2em; font-weight: bold; } body.general article hr { border-top: 2px solid #ddd; width: 20%; } body.general article ul { list-style: circle; margin-left: 2.5em; list-style-position: outside; margin-bottom: 2.4em; } body.general article .metabio { text-align: center; font-size: .8em; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; margin-top: 20px; } body.general article .metabio a { color: #333; box-shadow: none; } body.general article .metabio a:hover { color: #007AFC; } body.general article .metabio ul { margin-left: 0; list-style: none; margin-bottom: 3em;} body.general article p, body.general li, body.general blockquote { font-size: 1.8em; } .profileimage a { border: 0; box-shadow: none !important; } .profileimage img { width: 80%; border-radius: 50%; border: 3px solid #ddd; margin-bottom: 2em; } .prepost { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; font-weight: bold; font-size: .9em; letter-spacing: 1px; } .speaking h2 { font-size: 2.2em; margin-bottom: .5em; font-weight: bold; } .speaking h3 { line-height: 1em; } .speaking .year { margin-bottom: .5em; padding-bottom: .2em; } .speaking .videos { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 3px double #eee; } .speaking .videos p { font-size: 1.3em; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; } .speaking .videos h3 { font-size: 1.4em; font-weight: bold; } .speaking .videos iframe, .speaking .booking iframe, .speaking .videos object { width: 90%; max-width: 90%; border: 2px solid #ddd; padding: 5px; background-color: #efefef; margin-top: 5px; margin-bottom: 10px; } .speaking .previous { border-top: 0px solid #ddd; padding-top: 20px; margin-top: 20px;} .speaking .upcoming p, .speaking .previous p { font-size: .85em; } /*.speaking .upcoming h1 { font-size: 2.2em; font-weight: bold; line-height: 1.2em; margin-bottom: 1em; }*/ .speaking .upcoming h1 { font-size: 3em; margin-bottom: 10px; font-family: "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2", Georgia, Times, serif; } .speaking .previous li.year h3 { font-weight: normal; border-bottom: 1px dotted #ddd; padding-bottom: 10px; font-weight: bold; } .speaking .info p, .speaking .booking p { font-size: 1.3em; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; } body.general ul li ul li { font-size: inherit; } /* FOOTER ---------------------- */ footer { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; font-weight: bold; border-top: 1px solid #efefef; padding-top: 40px; margin-top: 20px; padding-bottom: 40px; border-bottom: 0 solid #000; } footer p { font-size: 1.4em; margin-bottom: 1em; text-transform: uppercase; letter-spacing: 1px; color: #777 !important; } footer a { transition: color 0.3s ease; box-shadow: none; border: 0; color: #777; padding: 10px 0; text-decoration: none; } footer a:hover { color: #000; } #copyright_links { float: right; text-align: right; margin-right: 10px; } /* MAILING LIST ---------------------- */ body#roden_explorers_page { background: url(/images/roden_explorers/bg-explorers.jpg) no-repeat center center fixed; background-size: cover; } .explorers header a { color: #ddd !important; text-shadow: 1px 1px 0px #000; } .explorers header a:hover { color: #aaa !important; } .explorers .other_links { display: none; } .explorers footer p { color: #fff; } .explorers footer { border-top: 1px solid #999; } .roden_list { min-height: 500px; } .roden_list p { color: #fff; display: inline; line-height: 1.7em; text-shadow: 1px 1px 0px #000; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; } .roden_list h2 { font-size: 3.6em; color: #fff; font-weight: normal; text-shadow: 1px 1px 0px #000; margin-bottom: 15px; } .roden_list form { margin-bottom: 40px; height: 50px; } .roden_list #subForm input[type=email] { width: 300px; background-color: #fff; border: 2px solid #666; box-shadow: 0px 1px 10px #000; height: 31px; margin-top: 2px; margin-right: 5px; } .roden_list #thanks p { color: #ddd; font-size: 1.8em; font-weight: normal; } #rodensignup { height: 600px; background: transparent url(/images/roden_explorers/bg-explorers-small2.jpg) center center no-repeat; background-size: cover; text-align: center; margin-top: 6em; padding-top: 20em; /*padding-left: 0; padding-right: 0;*/ } #rodensignup p { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; color: #fff; line-height: 1.7em; text-shadow: 1px 1px 0px #000; padding: 0em; display: inline; } #rodensignup p a { color: inherit; font-weight: bold; } #rodensignup h3 { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; color: #fff; text-shadow: 1px 1px 0px #000; font-size: 3.4em; margin-bottom: 1em; } #rodensignup form { margin-bottom: 15px; height: 50px; } #rodensignup #subForm input[type=email] { width: 300px; background-color: #fff; opacity: .7; color: #000; border: 1px solid #efefef; background-color: #efefef; height: 31px; margin-top: 2px; margin-right: 5px; } #rodensignup #subForm button { margin-top: -7px; } #subForm input[type=email], #subForm2 input[type=email] { padding: 4px 10px; width: 300px; margin-right: 5px; font-size: 1.6em; color: #666; border-radius: 5px; border: 2px solid #efefef; outline: none; transition-property: background-color, border; transition-duration: 0.3s; transition-timing-function: ease; display: inline; float: left; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; } #subForm input[type=email]:hover, #subForm2 input[type=email]:hover { border: 2px solid #ddd; } #subForm input[type=email]:focus, #subForm2 input[type=email]:focus { background-color: #f7f7f7; border: 2px solid #ddd; } #subForm button, #subForm2 button { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; } #rodensignup #subForm input[type=email] { float: none; } #thanks p { font-weight: bold; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; } /* BUTTONS ---------------------- */ .flat_button { display: inline-block; padding: 10px 15px; margin-top: 3px; margin-bottom: 0; font-size: 1.7em; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #ddd; text-shadow: 0 0px 1px rgba(0, 0, 0, 0.50); background-color: #005fcc; border: 0; border-radius: 3px; font-weight: bold; transition: all 0.2s ease; } .flat_button:hover, .flat_button:active { background-color: #0064cc; color: #fff; } /* ================================================ */ /* MOBILE ========================================= */ /* ================================================ */ @media only screen and (max-width: 768px) { body { font-size: 55% !important; -webkit-text-size-adjust: none; } .mobileonly { display: inline-block !important; } .desktoponly { display: none !important; } .row, body, .container { width: 100%; min-width: 0; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; } /* Feb 2016: We removed .row .sixcol and .fourcol so we can have side-by-side things even on mobile But then had to add them back for about pages and other similar sections and add the rules below these to work for articles. */ .row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol { width: auto; float: none; margin-left: 0px; margin-right: 0px; padding-left: 20px; padding-right: 20px; } #membership_2020 .row .threecol { width: 22.05%; padding: 0; float: left; margin-right: 3.8%; } #membership_2020 .opening_pitch p { font-size: 4em; } article .row .fourcol, #membership_2020 img.fourcol { width: 30.75%; float: left; margin-right: 3.8%; padding: 0px; } article .row .sixcol, #membership_2020 img.sixcol { width: 48%; float: left; margin-right: 3.8%; padding: 0px; } article .row img.twelvecol { padding: 0; } article .row .last, #membership_2020 img.last, #membership_2020 .threecol.last { margin-right: 0px; } /* END article / special row rules */ #membership_2020 img { display: inline-block; } #membership_2020 .opening_pitch { margin-top: 0; } #membership_2020 .opening_pitch .price { font-size: .6em; } #membership_2020 .opening_pitch:last-of-type { margin-top: 0em; } .mlsignups .rodensignup { margin-top: 40px; border-left: none; } .mlsignups .ridgemark { width: 30px; margin: 0 auto; } .subscribeform input[type=email]{ width: 80%; } #satellite .prevnext .readnext h4 { font-size: 2em; } .ridgeline .circle { width: 40%; } .ridgeline #artlist { text-align: center; } .ridgeline #journal_list { margin-bottom: 2em; } .ridgeline #journal_list li span.date { font-size: .8em; font-family: BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; } .ridgeline #journal_list h1 { text-align: center; } .ridgeline #journal_list #subForm { text-align: center; padding-top: 2em; padding-bottom: 4em; } .ridgeline #subForm input[type=email], #subForm2 input[type=email] { width: 80%; } .ridgeline #journal_list .flat_button { margin-top: 2px; } #satellite .title.ridgeline { padding-bottom: 2em; padding-top: 2em; } #satellite .title.ridgeline h2 { margin-top: .1em; } #satellite .ridgeline h3 { font-size: 2em; } .ridgemark { width: 40px; } .ridgeline .subscribe h2 { margin-top: .5em; } .ridgeline .grid { grid-template-columns: 1fr 1fr; grid-gap: 1em; grid-row-gap: 1em; margin-top: 5em; } .ridgeline .grid li { padding: 1em; } #journal_list .grid li h3 { font-size: 1.4em; } .flat_button { font-size: 2.0em; font-weight: normal; } /* header { opacity: 1; text-align: center; background-color: transparent; background-image: none; border-bottom: 1px solid #efefef; padding: 10px 0px; } nav { font-size: 1.8em; line-height: 1em; } nav a:nth-child(2) { margin-left: 0; } nav a { padding: 5px 10px; } nav .newsletters { display: inline-block; } nav .newsletters a { padding: 5px 0px; } nav.threecol { padding-bottom: 2em; } nav .newblock { display: none; margin: 0; width: 100%; float: left; clear: both; padding-top: .5em; } */ header { opacity: 1; background-color: transparent; background-image: none; border-bottom: 1px solid #efefef; padding: 10px 0px; } nav { font-size: 1.7em; line-height: 1em; text-transform: none; font-weight: normal; letter-spacing: 0; } nav .logo { float: left !important; margin-top: 0px; margin-right: 0px;} nav .logo a { padding: 0; } nav a { padding: 5px 0px; } nav a { padding-right: 6px; } nav .nospace a { padding-right: 0px; } #breadcrumbs { display: none; } #top_intro { text-align: center; border-bottom: 0px solid #efefef; margin-top: -3em; margin-bottom: 1em; } #top_intro p { font-size: 2em; line-height: 1.15em; margin-bottom: 1em; } #top_intro h5 { text-align: center; font-size: 1.6em; margin-top: 1em; } #top_intro .solar img { width: 50%; border-width: 1px; } #top_intro .hello { margin-top: 10px; } .featuredhome { text-align: left; margin-bottom: 5em; } .featuredhome .featuredimg { margin-right: 10px; width: 70px; height: 63px; float: left; margin-bottom: 2em; } .featuredhome h3 { font-size: 2.9em; padding-top: 0; margin-top: 0px; } .featuredhome h4 { line-height: 1.2em; margin-bottom: 10px; } /*.featuredhome cite { }*/ .profileimage { text-align: center; } .profileimage img { border-radius: 50%; width: 60%; } /* LEICA Q */ #satellite.leica_q article .container { margin-top: -10px; } #satellite.leica_q article { margin-top: -150px; } #satellite.leica_q .title { color: #fff; background-color: #111; padding-bottom: 1em; padding-top: 4em; text-align: center; border-bottom: 1px solid #efefef; } #satellite.leica_q .title a { color: #aaa; } #satellite.leica_q .title a:hover { color: #000; } #satellite.leica_q .title h2 { font-size: 6em; line-height: .7em; } #satellite.leica_q .title h3 { font-size: 2.5em; } #satellite.leica_q .pullout p { padding-left: 0px; padding-right: 0px; } #satellite.leica_q .pullout h4 { padding-left: 0px; padding-right: 0px; } #satellite.leica_q .pullout { display: inline-block; } #satellite.leica_q .big_picture { min-height: 100px; } #satellite .big_picture { margin-top: -30px; } #satellite p, #satellite li { line-height: 1.5em; } #satellite ul li { margin-left: 1em; } #satellite #satellite_body .firstchunk>p:first-of-type:first-letter { font-size: 85px; line-height: 60px; } #satellite hr { margin-bottom: 3em; margin-top: 3em; } #satellite .imagecredit { float: none; margin-top: -25px; display: block; margin-bottom: 3em; } #satellite .title { text-align: center; padding-bottom: 3em; padding-top: 3em; border-bottom: 1px solid #efefef; margin-bottom: 5em;} #satellite.ri .title { border: none; margin-bottom: 15em; } #satellite.ri .subscribe h4 { font-size: 1.5em; } #satellite cite { float: none; display: block; } #satellite_footer { text-align: center; margin-bottom: 50px; } #satellite_footer p { font-size: 1.5em; } #satellite_body #satellite_footer a img { float: none; margin-right: 0; box-shadow: none; margin-bottom: 15px; width: 120px; } #satellite #footer_menu { display: none; } #satellite .big_picture { z-index: -100; position: relative; min-width: 0px; } #satellite .pull_up { margin-top: 0px; padding-top: 0px; } #satellite .pull_up .sevencol { background-color: #fff; } #satellite .pull_up .title .sevencol { padding-left: 20px; padding-right: 20px; margin-left: 0px; } #satellite figure { padding-bottom: 10px; } #satellite figure img { float: none; } #satellite figure figcaption { margin-bottom: 10px; font-size: 1.5em; line-height: 1.2em; } .sputnik { margin-top: -20px; } #top_intro .sputnik svg { width: 100px; height: 150px; } .sputnikred { text-align: center; margin-top: 15em; margin-bottom: 0em; } .sputnikred svg { width: 100px; height: 100px; } #project .left_title { text-align: center; } #satellite ol.footnotes li { margin-left: 20px; } #comments { display: none; } /* Fuck comments — what a drain on ones soul */ #footer_menu { text-align: center; } #footer_menu p { font-size: 1.8em; } #footer_menu h4 { font-size: 1.6em; letter-spacing: 0; font-weight: normal; border-bottom: 1px dotted #ddd;} #footer_menu ul { margin-bottom: 3em; } #footer_menu ul li { font-size: 1.4em; margin-bottom: .5em; } footer { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; text-align: center; } footer #copyright_links { box-sizing: border-box; float: none; width: 100%; text-align: center; } #satellite footer #copyright_links p { font-size: 1.3em; } body.general article .metabio { font-size: 1em; border-bottom: 0px solid #efefef; margin-top: 5em; margin-bottom: 0em; padding-bottom: 0em; } body.general article .metabio img { width: 100%; max-width: 130px; } body.general article .metabio .bioshot { float: left; max-width: 250px; margin-left: 2em;} /*body.general article h1 { text-align: center; line-height: 1em; }*/ body#about_page article h1 { display: inline-block; font-size: 3.5em !important; } .general .topblock p { font-size: 3.5em !important; display: inline; margin-right: 3px; line-height: 1.2em; color: #484848; letter-spacing: -1px; } .explorers { text-align: center; } .explorers header { border-bottom: 1px solid #999; } .explorers h2 { font-size: 3.5em !important; font-weight: normal; } .roden_list #subForm { width: 100%; margin-bottom: 40px; } .roden_list #subForm input[type=email], #subForm2 input[type=email] { width: 92%; margin-bottom: 5px; } .roden_list p { margin-top: 40px; width: 100%; } .roden_list form { height: 80px; } #subForm2 input[type=email] { float: none; margin-bottom: 5px; background-color: #f7f7f7; border-color: #f7f7f7; } #rodensignup { height: 300px; padding-top: 5em; } #rodensignup p { font-size: 1.7em; line-height: 1.6em; } #rodensignup h3 { font-size: 2.4em; } #rodensignup #subForm button { margin-top: 5px; } #rodensignup form { margin-bottom: 60px; } #rodensignup #subForm input[type=email] { width: 94%; margin-bottom: 5px; } #journal_list h2 { text-align: center; margin-bottom: 1em; } /* SUBSCRIBE PAGE FOR huh */ #satellite.ri h2 { font-size: 4em; line-height: 1em; margin-bottom: .5em; } #satellite.ri .subscribe h3 { line-height: 1.2em; margin-bottom: .5em; padding-bottom: .5em; } #satellite.ri .subscribe h4 { margin-top: 0; } /* ARTICLES ------------------------- */ #coccyx .titles { background-image: none !important; } #coccyx .titles h1 { left: 0px !important; padding-top: 120px !important; width: 100% !important; float: none; text-align: center; background: transparent url(/images/journal/coccyx/hack_illustration.png) center top no-repeat !important; } #coccyx .titles h2 { float: none !important; left: 0px !important; width: 100% !important; text-align: center !important; } #coccyx .titles cite { float: none !important; left: 0px !important; width: 100% !important; text-align: center !important; } #digital_physical .contents, #coccyx .contents { display: none; } .figwrap { float: none; width: 100%; } figure.sixcol, figure.twelvecol, figure.fourcol, figure.threecol, figure.twocol { padding: 0 !important; } figure a { width: 100%; box-shadow: none; } figure a img { width: 100%; } .csstwocolwrap { -webkit-column-count: 1 !important; column-count: 1; } #referenced ol li { font-size: 1.6em !important; } .fullarchive .readnext { margin-top: 1em; margin-bottom: 5em; padding-bottom: 5em;} .fullarchive .readnext h3 { font-weight: bold; font-size: 3.8em; margin-bottom: 1em; } .readnext h4, #satellite .readnext h4 { font-size: 3.2em; text-transform: none; font-weight: bold; margin-top: .1em;} .readnext h5, #satellite .readnext h5 { font-size: 1.6em; margin-bottom: 2em;} .readnext .threecol:last-child, #satellite .readnext .threecol:last-child { padding-right: 20px;} .readnext .threecol, #satellite .readnext .threecol { margin-bottom: 3em; } .speaking .info p, .speaking .booking p { font-size: 1.8em; } #membership { padding-top: 50px; } #membership h1, #membership h2, #membership h3 { text-align: center; text-shadow: none; } #membership header { display: none; } #membership h1 { line-height: 1.1em; } #membership .topcircle { width: 50%; } #membership .existing p { font-size: 1.5em; margin-top: -1em; } #membership_thanks .circleme { width: 20%; margin: 10px auto; border: 50px solid #000; } #membership .tiers a.flat_button { margin-bottom: 10px; font-weight: bold; text-decoration: none; } #membership .fundingblock.core h4 { margin-top: 24px; } #membership_2020 .fundingblock.core h4 { padding-top: 20px; } } /* ================================================ */ /* PRINT STYLES =================================== */ /* ================================================ */ @media print { body { color: #000!important; } #rodensignup { display: none; } .readnext { display: none; } footer { display: none; } header { display: none; } .row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol { width: 65%; margin: 0 auto; float: none; } #satellite p, #satellite li { font-size: 1.9em; color: #000!important; } a { box-shadow: none; } a[href]:after { content: " (" attr(href) ")"; } code { color: #000 !important; border: 1px solid #000; } } /* ================================================ */ /* DARK MODE ====================================== */ /* ================================================ */ @media (prefers-color-scheme: dark) { body, body.ri { color: #d7d7d7; background-color: #222; -moz-osx-font-smoothing: grayscale; } ::selection { background: #0000ff; /* WebKit/Blink Browsers */ background: #fff; color: #333; } a { color: inherit; text-decoration: underline; text-decoration-color: #FFF; border: 0; box-shadow: none; } a:hover { color: #FFF; } #top_intro a, #top_intro h1 a { box-shadow: none; text-decoration-style: underline; text-decoration-color: inherit; } strong { color: #fff; } code { color: #fff; background-color: rgba(40,40,255,.5);} #membership_2020 hr { border-top: 3px solid #555; } #membership_2020 .bloviation { border-bottom: 1px solid #333; border-top: 1px solid #333; margin-top: 0em; } #membership_2020 .bloviation h2 { font-weight: bold;} #membership_2020 .bloviation blockquote { border-left: 5px solid #333; } #membership_2020 .bloviation.faq { background-color: #333; border-top: 1px dashed #222; padding: 20px;} .percentage { fill: #ddd; font-family: sans-serif; font-size: 0.8em; text-anchor: middle; } #satellite p, #satellite li, #satellite table { color: #d7d7d7; } #satellite figure { border-top: 1px solid #555; border-bottom: 1px solid #555; } #satellite figure figcaption, #satellite figure figcaption h4 { color: #999; } #satellite blockquote { border-left: 5px solid #555; } .sharethis .twittershare, .sharethis .facebookshare { background-color: #555; } #satellite .readnext { border-top: 1px solid #555; } .readnext .featuredimg, #satellite .readnext .featuredimg { border: 1px solid #555; } #satellite_footer { border-top: 3px double #555; } #satellite h5 { border-top: 1px solid #555; } footer { border-top: 1px solid #333; } #satellite .title { border-bottom: 1px solid #555; } #satellite.ri .title { border: none; } #journal_list li a { color: #d7d7d7; } #journal_list li a:hover { color: #FFF; } .readnext { border-bottom: 1px solid #555; } #top_intro { border-bottom: 0 solid #555; } #satellite .mlsignups { border-top: 1px solid #555; } .mlsignups { border-bottom: 1px solid #333; } .mlsignups .rodensignup { border-left: 0 solid #333; } nav a{ color: #ddd; } nav a:hover { color: #fff; } nav .logo circle { fill: #333; } nav .logo path { fill: #000; } nav .logo a:hover circle { fill: #444; } body#index .featuredhome h2 { color: #d7d7d7; } body#index h2 { text-shadow: none; color: #d7d7d7; } .featuredborder { border-bottom: 1px solid #555; } body.general article .metabio a { color: #ddd; box-shadow: none; text-decoration: none; } body.general article .metabio a:hover { color: #fff; } footer a:hover { color: #fff; } #satellite.leica_q .pullout { background-color: #222; border: 1px solid #000; } #satellite hr { border-top: 3px solid #555; } header { background: none; border-bottom: 1px solid #111; opacity: .5; padding-bottom: 10px; } #satellite header { border: none; } #satellite cite { border-top: 1px solid #555; } #satellite .ridgeline h3 a { background-color: #333; color: #ddd; } #satellite .ri h3 a { background-color: transparent; color: #ddd; } #membership .faq { background-color: #333; } #membership .pitch h3 { color: #fbfbfb; } .subbumper, .ri .subbumper { background-color: #333; border: 0; } body.ridgeline { background-color: #222; } .ridgeline #journal_list h2 { color: #fff; } .readnext a:hover, #satellite .readnext a:hover { color: #fff; } .subscribeform input[type=email] { background-color: #333; margin-right: .5em; } .subscribeform input[type=email], .subscribeform input[type=email]:hover, .subscribeform input[type=email]:focus { border: none; height: 32px;} .subscribeform input[type=email]:focus { background-color: #666; color: #fff; } .topblock { border-bottom: 1px solid #333; } #about_page .topblock p { color: #d7d7d7; } body#about_page article h1 { color: #d7d7d7; } #satellite.ri .subscribe h3 { border-bottom-color: #333; } } /* EOF =================================== */