/* Theme Name:Twenty Seventeen Description:Used to style blocks. */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS:---------------------------------------------------------------- 1.0 General Block Styles 2.0 Blocks - Common Blocks 3.0 Blocks - Formatting 4.0 Blocks - Layout Elements 5.0 Blocks - Widgets 6.0 Blocks - Colors --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 General Block Styles --------------------------------------------------------------*/ /* Captions */ [class^="wp-block-"]:not(.wp-block-gallery) > figcaption{font-style:italic;margin-bottom:1.5em;text-align:left}.rtl [class^="wp-block-"]:not(.wp-block-gallery) > figcaption{text-align:right}/*-------------------------------------------------------------- 2.0 Blocks - Common Blocks --------------------------------------------------------------*/ /* Paragraph */ p.has-drop-cap:not(:focus)::first-letter{font-size:5em;margin-top:0.075em}/* Image */ .wp-block-image{margin-bottom:1.5em}.wp-block-image figure{margin-bottom:0;margin-top:0}.wp-block-image figure.alignleft{margin-top:0;margin-right:1.5em}.wp-block-image figure.alignright{margin-top:0;margin-left:1.5em}.wp-block-image a,.wp-block-image a:hover,.wp-block-image a:focus,.widget-area .wp-block-image a,.widget-area .wp-block-image a:hover,.widget-area .wp-block-image a:focus{-webkit-box-shadow:none;box-shadow:none}.entry-content > .wp-block-image:first-child figure.alignleft,.entry-content > .wp-block-image:first-child figure.alignright{margin-top:1.5em}/* Gallery */ .wp-block-gallery{margin-bottom:1.5em}.wp-block-gallery figcaption{font-style:italic}.wp-block-gallery.aligncenter{display:flex;margin:0 -8px}/* Quote */ .wp-block-quote:not(.is-large):not(.is-style-large){border:0;padding:0}.wp-block-quote.alignleft p:last-of-type,.wp-block-quote.alignright p:last-of-type{margin-bottom:0}.wp-block-quote cite{color:inherit;font-size:inherit}/* Audio */ .wp-block-audio audio{display:block;width:100%}/* Cover */ .wp-block-cover-image.alignright,.wp-block-cover.alignright,.wp-block-cover-image.alignleft,.wp-block-cover.alignleft,.wp-block-cover-image.aligncenter,.wp-block-cover.aligncenter{display:flex}/* File */ .wp-block-file .wp-block-file__button{background-color:#222;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:none;box-shadow:none;color:#fff;display:inline-block;font-size:14px;font-size:0.875rem;font-weight:800;margin-top:2em;padding:0.7em 2em;-webkit-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out;white-space:pre-line}.wp-block-file .wp-block-file__button:hover,.wp-block-file .wp-block-file__button:focus{background-color:#767676;-webkit-box-shadow:none;box-shadow:none}/*-------------------------------------------------------------- 3.0 Blocks - Formatting --------------------------------------------------------------*/ /* Code */ .wp-block-code{background:transparent;border:0;padding:0}.wp-block-code code{font-size:inherit}/* Pullquote */ .wp-block-pullquote{border:0 solid}.wp-block-pullquote__citation,.wp-block-pullquote cite{font-size:inherit;text-transform:none}/* Table */ .wp-block-table thead th{border-bottom:2px solid #bbb;padding-bottom:0.5em}.wp-block-table tr{border-bottom:1px solid #eee}.wp-block-table th,.wp-block-table td{border:0}.rtl .wp-block-table th,.rtl .wp-block-table td{text-align:right}/* Calendar */ .wp-block-calendar th{text-align:center}.wp-block-buttons[style*="font-weight"] .wp-block-button__link,.wp-block-button[style*="font-weight"] .wp-block-button__link{font-weight:inherit}/*-------------------------------------------------------------- 4.0 Blocks - Layout Elements --------------------------------------------------------------*/ /* Buttons */ .wp-block-button .wp-block-button__link{-webkit-box-shadow:none;box-shadow:none;display:inline-block;font-size:14px;font-size:0.875rem;font-weight:800;line-height:1.66;margin-top:2em;padding:0.7em 2em;-webkit-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out;white-space:pre-line}.entry-content .wp-block-button__link{background-color:#222;color:#fff}.entry-content .is-style-outline .wp-block-button__link:not(.has-background){background-color:transparent}.entry-content .is-style-outline .wp-block-button__link:not(.has-text-color){color:#222}.colors-dark .wp-block-button__link{background-color:#fff;color:#000}.entry-content .wp-block-button__link:hover,.entry-content .wp-block-button__link:focus,.entry-content .is-style-outline .wp-block-button__link:not(.has-background):hover,.entry-content .is-style-outline .wp-block-button__link:not(.has-background):focus{background-color:#767676;-webkit-box-shadow:none;box-shadow:none;color:#fff}.colors-dark .entry-content .wp-block-button__link:hover,.colors-dark .entry-content .wp-block-button__link:focus,.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-background):hover,.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-background):focus{background-color:#bbb;color:#000}.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color){color:#fff}.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color):hover,.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color):focus{color:#222}.colors-custom .entry-content .wp-block-button__link,.colors-custom .entry-content .wp-block-button__link:hover,.colors-custom .entry-content .wp-block-button__link:focus,.colors-dark .entry-content .wp-block-button__link,.colors-dark .entry-content .wp-block-button__link:hover,.colors-dark .entry-content .wp-block-button__link:focus{-webkit-box-shadow:none;box-shadow:none}.colors-custom .entry-content .wp-block-button__link:hover,.colors-custom .entry-content .wp-block-button__link:focus{color:#fff}/* Separator */ .wp-block-separator{border:0}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){max-width:100px}/* Media & Text */ .wp-block-media-text{margin-bottom:1.5em}.wp-block-media-text *:last-child{margin-bottom:0}/*-------------------------------------------------------------- 5.0 Blocks - Widgets --------------------------------------------------------------*/ /* Archives,Categories & Latest Posts */ .wp-block-archives.aligncenter,.wp-block-categories.aligncenter,.wp-block-latest-posts.aligncenter{list-style-position:inside;text-align:center}/* Comments */ .wp-block-latest-comments article{margin-bottom:4rem}.widget-area .wp-block-latest-comments article{margin-bottom:1em}.blog:not(.has-sidebar) #primary .wp-block-latest-comments article,.archive:not(.page-one-column):not(.has-sidebar) #primary .wp-block-latest-comments article,.search:not(.has-sidebar) #primary .wp-block-latest-comments article{float:none;width:100%}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:0}.wp-block-latest-comments a{-webkit-box-shadow:inset 0 -1px 0 rgba(255,255,255,1);box-shadow:inset 0 -1px 0 rgba(255,255,255,1)}.wp-block-latest-comments .wp-block-latest-comments__comment{border-top:none}.wp-block-latest-comments__comment-meta{font-size:16px;font-size:1rem;margin-bottom:0.4em}.wp-block-latest-comments__comment-author,.wp-block-latest-comments__comment-link{font-weight:700;text-decoration:none}.wp-block-latest-comments__comment-date{color:#767676;font-size:10px;font-size:0.625rem;font-weight:800;letter-spacing:0.1818em;margin-top:0.4em;text-transform:uppercase}/* Query Loop & Post Template */ .wp-block-query .wp-block-post-template > li{border-top:none}/* Site Logo */:root .entry-content .wp-block-site-logo a.custom-logo-link{-webkit-box-shadow:none;box-shadow:none}.entry-content .wp-block-site-logo img{max-height:none}/*-------------------------------------------------------------- 6.0 Blocks - Colors --------------------------------------------------------------*/ .entry-content .has-pale-pink-color{color:#f78da7}.entry-content .has-pale-pink-background-color,.wp-block-button.is-style-outline .has-pale-pink-background-color:link{background-color:#f78da7}.entry-content .has-vivid-red-color{color:#cf2e2e}.entry-content .has-vivid-red-background-color,.wp-block-button.is-style-outline .has-vivid-red-background-color:link{background-color:#cf2e2e}.entry-content .has-luminous-vivid-orange-color{color:#ff6900}.entry-content .has-luminous-vivid-orange-background-color,.wp-block-button.is-style-outline .has-luminous-vivid-orange-background-color:link{background-color:#ff6900}.entry-content .has-luminous-vivid-amber-color{color:#fcb900}.entry-content .has-luminous-vivid-amber-background-color,.wp-block-button.is-style-outline .has-luminous-vivid-amber-background-color:link{background-color:#fcb900}.entry-content .has-light-green-cyan-color{color:#7bdcb5}.entry-content .has-light-green-cyan-background-color,.wp-block-button.is-style-outline .has-light-green-cyan-background-color:link{background-color:#7bdcb5}.entry-content .has-vivid-green-cyan-color{color:#00d084}.entry-content .has-vivid-green-cyan-background-color,.wp-block-button.is-style-outline .has-vivid-green-cyan-background-color:link{background-color:#00d084}.entry-content .has-pale-cyan-blue-color{color:#8ed1fc}.entry-content .has-pale-cyan-blue-background-color,.wp-block-button.is-style-outline .has-pale-cyan-blue-background-color:link{background-color:#8ed1fc}.entry-content .has-vivid-cyan-blue-color{color:#0693e3}.entry-content .has-vivid-cyan-blue-background-color,.wp-block-button.is-style-outline .has-vivid-cyan-blue-background-color:link{background-color:#0693e3}.entry-content .has-very-light-gray-color{color:#eee}.entry-content .has-very-light-gray-background-color,.wp-block-button.is-style-outline .has-very-light-gray-background-color:link{background-color:#eee}.entry-content .has-cyan-bluish-gray-color{color:#abb8c3}.entry-content .has-cyan-bluish-gray-background-color,.wp-block-button.is-style-outline .has-cyan-bluish-gray-background-color:link{background-color:#abb8c3}.entry-content .has-very-dark-gray-color{color:#313131}.entry-content .has-very-dark-gray-background-color,.wp-block-button.is-style-outline .has-very-dark-gray-background-color:link{background-color:#313131}