File: /volume1/web1//wp-content/themes/driven/style.css
/*
Theme Name: Driven
Theme URI: https://themezee.com/themes/driven/
Author: ThemeZee
Author URI: https://themezee.com/
Description: Driven is a next generation block theme built for the new WordPress Full-Site-Editing experience. It comes with a clean and modern design and is packed with features, including a huge range of block patterns, multiple header and footer block template parts and support for global style variants.
Version: 1.0.2
Requires at least: 6.0
Tested up to: 6.0
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: driven
Tags: full-site-editing, template-editing, one-column, blog, portfolio, custom-background, custom-logo, custom-header, custom-menu, grid-layout, education, editor-style, wide-blocks, block-styles, block-patterns, rtl-language-support, right-sidebar, news, featured-images, flexible-header, custom-colors, full-width-template, sticky-post, threaded-comments, footer-widgets, translation-ready, theme-options, two-columns, three-columns
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# - HTML Elements
# - Theme Layout
# - Theme Blocks
# - Query Blocks
# - Layout Blocks
# - Textformatting Blocks
# - Block Styles
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# - HTML Elements
--------------------------------------------------------------*/
p {
margin-top: var(--wp--custom--spacing--elements);
margin-bottom: var(--wp--custom--spacing--elements);
}
p.has-background {
padding: 1.25rem 1.5rem;
}
mark.has-inline-color.has-background-color {
padding: 2px 5px;
}
h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {
padding: 0.75rem 1.25rem;
}
a {
text-decoration: underline;
}
a:hover,
a:focus,
a:active {
text-decoration: none;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
hr {
margin-top: var(--wp--custom--spacing--elements);
margin-bottom: var(--wp--custom--spacing--elements);
height: 1px;
border: none;
background-color: currentColor;
box-sizing: content-box;
}
dfn,
cite,
em,
i {
font-style: italic;
}
address {
margin-top: var(--wp--custom--spacing--elements);
margin-bottom: var(--wp--custom--spacing--elements);
}
pre {
overflow: auto;
margin-top: var(--wp--custom--spacing--elements);
margin-bottom: var(--wp--custom--spacing--elements);
padding: 1rem 1.25rem;
max-width: 100%;
border: 1px solid #ddd;
font-size: 15px;
font-size: 0.9375rem;
font-family: Menlo, Consolas, monaco, monospace;
}
code,
kbd,
tt,
var {
font-size: 15px;
font-size: 0.9375rem;
font-family: Menlo, Consolas, monaco, monospace;
border: none;
padding: 2px 5px;
}
pre code {
background: none;
padding: 0;
}
abbr,
acronym {
border-bottom: 1px solid #ddd;
cursor: help;
}
mark,
ins {
text-decoration: none;
}
big {
font-size: 125%;
}
blockquote {
margin: var(--wp--custom--spacing--elements) 0;
padding-left: 1.5rem;
border-left: 5px solid #ddd;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 20px;
font-size: 1.25rem;
}
blockquote p {
margin-bottom: 1rem;
}
blockquote cite {
display: block;
font-family: var(--wp--preset--font-family--barlow);
font-size: 16px;
font-size: 1rem;
font-style: normal;
}
blockquote cite::before {
content: "\2014\00a0";
}
ul,
ol {
margin: var(--wp--custom--spacing--elements) 0;
padding: 0 0 0 var(--wp--custom--spacing--elements);
}
ul {
list-style: circle;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
margin-left: var(--wp--custom--spacing--elements);
}
dt {
font-weight: bold;
}
dd {
margin: 0 0 var(--wp--custom--spacing--elements);
}
table {
width: 100%;
border: none;
table-layout: auto;
border-spacing: 0;
border-collapse: collapse;
}
thead {
border-bottom: 3px solid #ddd;
}
tfoot {
border-top: 3px solid #ddd;
}
th,
td {
padding: 0.5rem 0.8rem;
border: 1px solid #ddd;
word-break: normal;
}
th {
font-weight: bold;
text-align: initial;
}
embed,
iframe,
object,
figure,
picture {
margin: 0;
}
img {
max-width: 100%;
vertical-align: top;
}
figcaption,
.blocks-gallery-caption {
margin-top: 0.5rem;
margin-bottom: var(--wp--custom--spacing--elements);
color: var(--wp--preset--color--dark-gray);
font-size: var(--wp--preset--font-size--tiny);
text-align: center;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
margin: 0;
padding: calc(0.75rem + 2px) calc(1.25rem + 2px);
border: none;
color: var(--wp--preset--color--white);
background-color: var(--wp--preset--color--primary);
text-decoration: none;
font-weight: bold;
font-size: var(--wp--preset--font-size--normal);
line-height: inherit;
}
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
color: var(--wp--preset--color--white);
background-color: var(--wp--preset--color--secondary);
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
padding: 0.3em 0.6em;
max-width: 100%;
border: 1px solid #ddd;
color: #777;
background: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
border: 1px solid #aaa;
color: #111;
outline: none;
}
textarea {
overflow: auto;
width: 100%;
}
/*--------------------------------------------------------------
# - Theme Layout
--------------------------------------------------------------*/
/* Block Gap option for columns not yet supported in 5.9.
Remove CSS when 6.0 is released. */
.site-content > .wp-block-columns {
gap: 3.5vw;
}
.site-content > .wp-block-columns > .wp-block-column {
margin-left: 0 !important;
}
/* Change breakproint of main sidebar layout */
@media (max-width: 880px) {
.site-content > .wp-block-columns:not(.is-not-stacked-on-mobile) {
flex-wrap: wrap;
}
.site-content > .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
flex-basis: 100% !important;
}
.site-content > .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {
margin-top: var(--wp--style--block-gap, 2em);
margin-left: 0;
}
}
/* Block Alignments */
.site-content {
overflow: hidden;
}
.wp-block-post-content > .alignwide,
.wp-block-post-content > .alignfull {
margin-left: -3.5vw;
margin-right: -3.5vw;
width: auto;
}
@media only screen and (min-width: 800px) {
.wp-block-post-content > .alignwide,
.wp-block-post-content > .alignfull {
margin-left: calc(-100vw / 2 + 100% / 2);
margin-right: calc(-100vw / 2 + 100% / 2);
}
}
@media only screen and (min-width: 960px) {
.wp-block-post-content > .alignwide {
margin-left: -60px;
margin-right: -60px;
}
}
@media only screen and (min-width: 1200px) {
.wp-block-post-content > .alignwide {
margin-left: -140px;
margin-right: -140px;
}
}
.page-template-page-fullwidth .wp-block-post-content > .alignwide,
.page-template-page-no-title-fullwidth .wp-block-post-content > .alignwide {
margin-left: auto;
margin-right: auto;
}
/*--------------------------------------------------------------
# - Theme Blocks
--------------------------------------------------------------*/
/* Site Title Block */
.wp-block-site-title a {
text-decoration: none;
}
.wp-block-site-title a:hover, .wp-block-site-title a:focus, .wp-block-site-title a:active {
opacity: 0.6;
}
/* Navigation Block */
.wp-block-navigation .wp-block-navigation__container {
gap: 1rem;
}
.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-item__content {
padding: 0.5rem;
}
.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-item__content:hover, .wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-item__content:focus, .wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-item__content:active,
.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation__submenu-icon:hover,
.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation__submenu-icon:focus,
.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation__submenu-icon:active {
opacity: 0.6;
}
.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation__submenu-container {
padding: 1rem;
}
/*--------------------------------------------------------------
# - Query Blocks
--------------------------------------------------------------*/
/* Post Title Block */
.wp-block-post-title a {
text-decoration: none;
color: var(--wp--preset--color--foreground);
}
.wp-block-post-title a:hover, .wp-block-post-title a:focus, .wp-block-post-title a:active {
color: var(--wp--preset--color--primary);
}
/* Post Author Block */
.wp-block-post-author .wp-block-post-author__name {
margin-top: 0;
margin-bottom: 0;
}
/* Post Excerpt Block */
.wp-block-post-excerpt .wp-block-post-excerpt__more-text {
margin-bottom: 0;
}
.wp-block-post-excerpt .wp-block-post-excerpt__more-text .wp-block-post-excerpt__more-link {
margin: 0;
padding: calc(0.75rem + 2px) calc(1.25rem + 2px);
border: none;
color: var(--wp--preset--color--white);
background-color: var(--wp--preset--color--primary);
text-decoration: none;
font-weight: bold;
font-size: var(--wp--preset--font-size--normal);
}
.wp-block-post-excerpt .wp-block-post-excerpt__more-text .wp-block-post-excerpt__more-link:hover, .wp-block-post-excerpt .wp-block-post-excerpt__more-text .wp-block-post-excerpt__more-link:focus, .wp-block-post-excerpt .wp-block-post-excerpt__more-text .wp-block-post-excerpt__more-link:active {
color: var(--wp--preset--color--white);
background-color: var(--wp--preset--color--secondary);
}
/* Post Comments Block */
.wp-block-post-comments .commentlist {
margin-bottom: 2rem;
}
.wp-block-post-comments .commentlist .comment {
margin-bottom: var(--wp--custom--spacing--elements);
}
.wp-block-post-comments .commentlist .comment .comment-metadata {
font-size: 15px;
}
.wp-block-post-comments .commentlist .comment p {
margin-top: var(--wp--custom--spacing--elements);
margin-bottom: var(--wp--custom--spacing--elements);
font-size: inherit;
line-height: var(--wp--custom--typography--line-height--text);
}
.wp-block-post-comments .commentlist .children {
margin-top: var(--wp--custom--spacing--elements);
}
.wp-block-post-comments .comment-respond .comment-reply-title {
margin: 0;
}
.wp-block-post-comments .comment-respond p {
font-size: inherit;
}
.wp-block-post-comments .comment-respond .form-submit {
margin-bottom: 0;
}
/* Query Pagination Block */
.wp-block-query-pagination > .wp-block-query-pagination-numbers {
margin-bottom: 0;
}
.wp-block-query-pagination .page-numbers {
display: inline-block;
font-weight: bold;
margin-right: 1.5rem;
}
/*--------------------------------------------------------------
# - Layout Blocks
--------------------------------------------------------------*/
/* Group Block */
.wp-block-group.has-background {
padding: var(--wp--custom--spacing--elements);
}
/* Button Block */
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:active {
text-decoration: underline;
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):active {
background-color: var(--wp--preset--color--secondary);
text-decoration: none;
}
.wp-block-button__link {
padding: calc(0.6rem + 2px) calc(1.2rem + 2px);
}
/* Search Block */
.wp-block-search__button {
padding: calc(0.6rem + 2px) calc(1.2rem + 2px);
border: none;
color: var(--wp--preset--color--white);
background-color: var(--wp--preset--color--primary);
text-decoration: none;
font-weight: normal;
font-size: var(--wp--preset--font-size--small);
line-height: inherit;
cursor: pointer;
}
.wp-block-search__button:hover, .wp-block-search__button:focus, .wp-block-search__button:active {
color: var(--wp--preset--color--white);
background-color: var(--wp--preset--color--secondary);
}
/*--------------------------------------------------------------
# - Textformatting Blocks
--------------------------------------------------------------*/
/* Quote Block */
.wp-block-quote.has-text-align-center:not(.is-style-large), .wp-block-quote.has-text-align-right:not(.is-style-large) {
padding-left: 0;
border-left: 0;
}
.wp-block-quote.has-text-align-right:not(.is-style-large) {
padding-right: 1.5rem;
border-right: 5px solid #ddd;
}
.wp-block-quote.is-style-large {
padding: 0;
border: none;
font-size: 28px;
font-size: 1.75rem;
}
.wp-block-quote.is-style-large p {
font-size: inherit;
font-style: inherit;
line-height: inherit;
}
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer, .wp-block-quote.is-style-large__citation {
text-align: inherit;
font-size: 16px;
font-size: 1rem;
}
/* Pullquote Block */
.wp-block-pullquote {
margin: var(--wp--custom--spacing--elements) 0;
padding: 0;
border-bottom: 5px solid #ddd;
border-top: 5px solid #ddd;
}
.wp-block-pullquote blockquote {
border: none;
padding: 0;
font-size: 28px;
font-size: 1.75rem;
}
.wp-block-pullquote blockquote cite,
.wp-block-pullquote blockquote footer, .wp-block-pullquote blockquote__citation {
font-size: 16px;
font-size: 1rem;
}
.wp-block-pullquote p {
font-size: inherit;
line-height: inherit;
}
.wp-block-pullquote.alignleft p,
.wp-block-pullquote.alignright p {
font-size: 0.75em;
}
.wp-block-pullquote.is-style-solid-color {
padding: 1px 2rem;
border: none;
}
.wp-block-pullquote.is-style-solid-color blockquote {
margin-left: 0;
margin-right: 0;
max-width: 100%;
}
.wp-block-pullquote.is-style-solid-color blockquote p {
margin: 1.75rem 0 1rem;
font-size: inherit;
}
.wp-block-pullquote.is-style-solid-color blockquote cite,
.wp-block-pullquote.is-style-solid-color blockquote footer, .wp-block-pullquote.is-style-solid-color blockquote__citation {
color: inherit;
}
.wp-block-pullquote .wp-block-pullquote__citation {
font-size: 16px;
font-size: 1rem;
text-transform: none;
}
/* Separator Block */
.wp-block-separator {
border: none;
opacity: 1;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots),
.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
margin-left: auto;
margin-right: auto;
max-width: 80px;
width: 80px;
height: 4px;
}
/*--------------------------------------------------------------
# - Media Blocks
--------------------------------------------------------------*/
.wp-block-audio {
margin: inherit;
}
.wp-block-image {
margin: inherit;
}
.wp-block-gallery {
margin: inherit;
}
.wp-block-table {
margin: inherit;
}
/*--------------------------------------------------------------
# - Block Styles
--------------------------------------------------------------*/
/* Main Navigation */
.is-style-main-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container {
gap: 0 1rem;
}
.is-style-main-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
padding: 2rem 0.5rem;
}
.is-style-main-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item .wp-block-navigation__submenu-icon {
margin-left: 0;
margin-top: 0.1rem;
width: 15px;
height: 15px;
}
.is-style-main-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation__submenu-container {
left: auto;
right: 0;
border-top: 1px solid #fff;
}
.is-style-main-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item .wp-block-navigation__submenu-container {
padding: 0.75rem 0;
font-size: var(--wp--preset--font-size--small);
min-width: 280px !important;
}
.is-style-main-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item .wp-block-navigation__submenu-container .wp-block-navigation-item .wp-block-navigation-item__content {
padding: 0.75rem 1.75rem;
}
.is-style-main-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item .wp-block-navigation__submenu-container .wp-block-navigation-item .wp-block-navigation__submenu-icon {
margin-right: 1rem;
}
.is-style-main-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item .wp-block-navigation__submenu-container .wp-block-navigation-item .wp-block-navigation__submenu-container {
border-left: 1px solid #fff;
}
/* Flip Link Hover */
.is-style-flip-link-hover a {
text-decoration: none;
}
.is-style-flip-link-hover a:hover, .is-style-flip-link-hover a:focus, .is-style-flip-link-hover a:active {
text-decoration: underline;
}
/* Underlined Heading */
.is-style-underlined-heading {
position: relative;
margin-bottom: 0.75em !important;
padding-bottom: 0.75em;
}
.is-style-underlined-heading::before {
display: inline-block;
position: absolute;
left: 0;
bottom: 0;
width: 1.5em;
height: 4px;
content: "";
background-color: var(--wp--preset--color--primary);
}