/* Theme Name: Brilliant Description: Used to style the TinyMCE editor. */ body { background-color: #fff; max-width: 760px; } body, button, input, select, textarea { font-family: Raleway, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.75; vertical-align: baseline; color: #444; } /* Typography */ h1, h2, h3, h4, h5, h6 { clear: both; font-family: 'Playfair Display', Palatino, Garamond, Georgia, serif; color: #000; } h1 { font-size: 2em; font-weight: 400; line-height: 1.25; } h2 { font-size: 1.75em; line-height: 1.25; } h3 { font-size: 20px; font-size: 1.25rem; line-height: 1.25; } h4 { font-size: 1em; text-transform: uppercase; line-height: 1.5; } h5, h6 { font-size: 1em; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } a { color: #e63855; text-decoration: none; } a:hover { text-decoration: underline; color: #e63855; } a:hover, a:active { outline: 0; } a:focus { outline: thin dotted; } b, strong { font-weight: 700; } small { font-size: 75%; } big { font-size: 125%; } /* Elements */ img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } ul, ol { margin: 0 0 20px 0; padding: 0 0 0 30px; } ul { list-style: disc; } ol { list-style: decimal; } ul li, ol li { margin: 0 0 5px 15px; } li > ul, li > ol { margin-bottom: 0; } dfn, cite, em, i { font-style: italic; } blockquote { border-left: 4px solid #444; margin: 0 15px 20px; padding: 10px 15px; } blockquote cite { margin: 10px 0 0; font-size: 14px; font-size: 0.875rem; color: #999; line-height: 1.5; } blockquote p:last-child { margin-bottom: 0; } address { margin: 0 0 10px; } pre { max-width: 100%; padding: 10px; margin-bottom: 20px; background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 14px; font-size: 0.875rem; line-height: 1.5; overflow: auto; white-space: pre-wrap; word-wrap: break-word; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 14px; font-size: 0.875rem; } table { border-collapse: collapse; border-spacing: 0; margin: 0 0 20px; width: 100%; } td, th { padding: 10px; border: 1px solid #ddd; } th { font-weight: 700; } /* Gallery */ .gallery { margin: 0 -10px 20px; } .gallery-icon img { display: block; max-width: 100%; height: auto; margin: 0 auto; border: none; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } /* Captions */ .wp-caption { border: none; margin-bottom: 20px; max-width: 100%; } .wp-caption-text, .gallery-caption { display: block; margin-top: 10px; font-size: 14px; font-style: italic; color: #777; line-height: 1.5; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption-text { text-align: center; }