/* Core Blocks Styles */ .alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); width: auto; max-width: 1000%; } .alignwide { margin-left: -80px; margin-right: -80px; max-width: calc(100% + 160px); } /* Button Block */ .wp-block-button__link { background-color: #007bff; color: #fff; padding: 0.75em 1.5em; border-radius: 4px; text-decoration: none; transition: all 0.3s ease; } .wp-block-button__link:hover { background-color: #0056b3; color: #fff; } .is-style-outline .wp-block-button__link { background-color: transparent; border: 2px solid currentColor; color: #007bff; } /* Image Block */ .wp-block-image img { display: block; max-width: 100%; height: auto; } .wp-block-image.alignleft, .wp-block-image.alignright { width: 100% } .wp-block-image.alignfull img { width: 100vw; } .wp-block-gallery:not(.components-placeholder) { margin: 1.5em auto; } .wp-block-cover-text p { padding: 1.5em 14px; } ul.wp-block-gallery.alignleft.columns-2.is-cropped { margin-right: 2em/*!rtl:end:ignore; */; } ul.wp-block-gallery.alignwide { width: 100%; overflow: hidden; clear: both; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { margin: 0 0 16px; padding: 30px 50px 30px 80px; } .is-style-solid-color blockquote { background: transparent; } ul.wp-block-latest-posts.alignwide, ul.wp-block-latest-posts.alignfull, ul.wp-block-latest-posts.is-grid.alignwide, ul.wp-block-latest-posts.is-grid.alignwide { padding: 0 14px; } .wp-block-table { display: block; overflow-x: auto; } .wp-block-table table { border-collapse: collapse; width: 100% } .wp-block-table td, .wp-block-table th { padding: .5em; } .wp-block-embed.type-video > .wp-block-embed__wrapper { position: relative; width: 100%; height: 0; padding-top: 56.25%; } .wp-block-embed.type-video > .wp-block-embed__wrapper > iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; } .wp-block-quote.is-large { margin: 0 auto 16px; } .wp-block-pullquote>p:first-child { margin-top: 0; } .wp-block-separator { margin: 3em auto; padding: 0; } /*embide style*/ .alignwide.wp-block-embed, .alignfull.wp-block-embed { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .alignwide.wp-block-embed iframe, .alignfull.wp-block-embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .alignwide.wp-block-embed figcaption, .alignfull.wp-block-embed figcaption{ bottom:-10px; left:0; right:0; margin-left:auto; margin-right:auto; position:absolute } @media screen and (min-width: 768px) { .wp-block-cover-text p { padding: 1.5em 0; } } /*-------------------------------------------------------------- # Block Color Palette Colors --------------------------------------------------------------*/ .has-strong-blue-color { color: #0073aa; } .has-strong-blue-background-color { background-color: #0073aa; } .has-lighter-blue-color { color: #229fd8; } .has-lighter-blue-background-color { background-color: #229fd8; } .has-very-light-gray-color { color: #eee; } .has-very-light-gray-background-color { background-color: #eee; } .has-very-dark-gray-color { color: #444; } .has-very-dark-gray-background-color { background-color: #444; } /*Default blog some style*/ /*Column bloc */ .wp-block-column{ margin-bottom: 1.6em; } /*block button*/ .wp-block-button__link { border-radius: 22px; padding: 10px 20px; font-size: 16px; } .is-style-squared .wp-block-button__link { border-radius: 5px; } .is-style-outline .wp-block-button__link { border: 1px solid currentcolor; } /*Common block style*/ .has-large-font-size { line-height: 41px; } .wp-block-quote:not(.is-large):not(.is-style-large) { border-left: inherit; padding: 30px 50px 30px 80px; } /*Block column*/ .wp-block-gallery.columns-3 ul li { width: 33.33%; float: left; } .wp-block-gallery.columns-2 ul li { width: 50%; float: left; } .wp-block-gallery.columns-4 ul li { width: 25%; float: left; } .wp-block-gallery.columns-5 ul li { width: 20%; float: left; } .wp-block-gallery.columns-6 ul li { width: 16.66%; float: left; } .wp-block-gallery.columns-7 ul li { width: 14.28%; float: left; } .wp-block-gallery.columns-8 ul li { width: 12.5%; float: left; } /* Paragraph Block */ .wp-block-paragraph { margin-bottom: 1.5em; } /* Heading Block */ .wp-block-heading h1, .wp-block-heading h2, .wp-block-heading h3, .wp-block-heading h4, .wp-block-heading h5, .wp-block-heading h6 { margin-top: 1.5em; margin-bottom: 0.5em; line-height: 1.2; color: inherit; } /* Quote Block */ .wp-block-quote { border-left: 4px solid #007bff; margin: 0 0 1.5em; padding: 1em 0 1em 1.5em; font-style: italic; } .wp-block-quote cite { display: block; margin-top: 1em; font-size: 0.9em; color: #6c757d; font-style: normal; } /* Cover Block */ .wp-block-cover { min-height: 430px; padding: 2em; display: flex; align-items: center; background-size: cover; background-position: center; } .wp-block-cover__inner-container { width: 100%; max-width: 1140px; margin: 0 auto; color: #fff; z-index: 1; } /* Columns Block */ .wp-block-columns { display: flex; margin-bottom: 1.5em; flex-wrap: wrap; gap: 2em; } @media (min-width: 782px) { .wp-block-columns { flex-wrap: nowrap; } } /* Group Block */ .wp-block-group { margin-top: 1.5em; margin-bottom: 1.5em; } .wp-block-group.has-background { padding: 1.5em; border-radius: 4px; } /* Table Block */ .wp-block-table table { width: 100%; border-collapse: collapse; margin-bottom: 1.5em; } .wp-block-table td, .wp-block-table th { padding: 0.75em; border: 1px solid #dee2e6; } .wp-block-table thead th { border-bottom: 2px solid #dee2e6; background-color: #f8f9fa; } /* Color Styles */ .has-primary-color { color: #007bff; } .has-primary-background-color { background-color: #007bff; } .has-secondary-color { color: #6c757d; } .has-secondary-background-color { background-color: #6c757d; } .has-dark-color { color: #343a40; } .has-dark-background-color { background-color: #343a40; } .has-light-color { color: #f8f9fa; } .has-light-background-color { background-color: #f8f9fa; } /* Font Sizes */ .has-small-font-size { font-size: 14px; } .has-normal-font-size { font-size: 16px; } .has-large-font-size { font-size: 20px; } .has-huge-font-size { font-size: 24px; } /* Media & Text Block */ .wp-block-media-text { display: grid; grid-template-columns: 50% 50%; align-items: center; margin-bottom: 1.5em; } .wp-block-media-text.is-stacked-on-mobile { @media (max-width: 600px) { grid-template-columns: 100% !important; } } /* Separator Block */ .wp-block-separator { border: none; border-bottom: 2px solid #dee2e6; margin: 2em 0; max-width: 100px; } .wp-block-separator.is-style-wide { max-width: 100%; } .wp-block-separator.is-style-dots { border: none; text-align: center; max-width: none; } /* Block Gallery */ .wp-block-gallery { display: flex; flex-wrap: wrap; list-style-type: none; padding: 0; margin: 0 -8px 1.5em; } .wp-block-gallery .blocks-gallery-item { margin: 8px; display: flex; flex-grow: 1; flex-direction: column; justify-content: center; position: relative; } .wp-block-gallery.columns-2 .blocks-gallery-item { width: calc(50% - 16px); } /* File Block */ .wp-block-file { margin-bottom: 1.5em; } .wp-block-file .wp-block-file__button { background: #007bff; color: #fff; padding: 0.5em 1em; text-decoration: none; border-radius: 4px; display: inline-block; } .wp-block-file .wp-block-file__button:hover { background: #0056b3; color: #fff; } /* Code Block */ .wp-block-code { background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 4px; padding: 1em; font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } /* Verse Block */ .wp-block-verse { font-family: inherit; font-style: italic; padding: 1em; background: #f8f9fa; }