/* Theme Name: Hideo Text Domain: hideo Version: 1.0.4 Description: Hideo is a clean portfolio and blog theme with bold headings and subdued colors. It comes with 7 different theme styles and over 20 block patterns. Demo: https://andersnoren.se/themes/hideo/ Tags: blog, portfolio, news, grid-layout, one-column, two-columns, three-columns, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, sticky-post, threaded-comments, translation-ready, block-styles, wide-blocks, full-site-editing, block-patterns Author: Anders Norén Author URI: https://andersnoren.se Theme URI: https://andersnoren.se/teman/hideo-wordpress-theme/ License: GNU General Public License version 2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html Requires PHP: 7.4 Tested up to: 6.3 */ body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } body.wp-custom-logo { background-image: url(/wp-content/uploads/2023/11/body-bg.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; font-style: arial; color: #fff; } a { text-decoration-thickness: 1px; text-underline-offset: 0.15em; } input, textarea { color: inherit; font: inherit; letter-spacing: inherit; } ::placeholder { color: var( --wp--preset--color--70 ); } /* STRUCTURE */ @media (max-width: 781px) { :root:not(.editor-styles-wrapper) .site-header-desktop, :root:not(.editor-styles-wrapper) .site-sidebar-col { display: none !important; } } @media (min-width: 782px) { :root:not(.editor-styles-wrapper) .site-header { display: none !important; } } /* HELPER CLASSES */ .hide-empty:empty { display: none !important; } /* BLOCK: QUOTE & PULLQUOTE */ .is-style-has-quotation-mark:before, .wp-block-pullquote blockquote:before { content: "“"; display: block; font-family: "Open Sauce Two", ui-sans-serif, sans-serif; font-size: clamp( 80px, 3em, 128px ); line-height: .8; margin-left: -.05em; margin-bottom: .3em; max-height: .3em; } .site-sidebar.wp-block-template-part { background: rgba(6,81,54,1); border-color: transparent; border-right: 0; border-top: 0; border-left: 0; border-bottom: 0; } .wp-block-image { margin-top: 0px; margin-bottom: 0px; border-radius: 0; } .wp-block-image img{ border-radius: 0; } .wp-site-blocks {width: 90%; margin-left: 5%; margin-right: 5%; background: rgba(23,112,133,1); color: #ffffff!important; margin-top: 20px; } .wp-block-group.is-vertical.is-layout-flex.wp-container-core-group-layout-4.wp-block-group-is-layout-flex, .wp-block-site-logo, .has-text-align-center.wp-block-site-title { width: 100%; } .wp-block-site-logo img { min-width: 100%; } .bl-pad {padding-left: 20px; padding-right: 20px; } .wp-block-navigation__responsive-container-open { position: fixed; top: 30px; right: 30px; border: 1px solid #fff; z-index: 10000; } nav.has-text-color.has-primary-color.is-style-hideo-pagination.wp-block-query-pagination.is-content-justification-left.is-layout-flex.wp-container-core-query-pagination-layout-1.wp-block-query-pagination-is-layout-flex { justify-content: flex-end; border: 0!important; padding-bottom: 30px; } .home nav.has-text-color.has-primary-color.is-style-hideo-pagination.wp-block-query-pagination.is-content-justification-left.is-layout-flex.wp-container-core-query-pagination-layout-1.wp-block-query-pagination-is-layout-flex {border-bottom: 1px solid #CFD9D2!important;} #respond {background: #177085!important;} .border-none, .wp-block-group.is-layout-flow.wp-block-group-is-layout-flow.wp-container-5.is-position-sticky, .wp-block-group.is-layout-flow.wp-block-group-is-layout-flow {border: 0!important; border-color: transparent!important; border-right: 0!important; border-top: 0!important; border-left: 0!important; border-bottom: 0!important; } .new-list, .wp-block-group.is-layout-flow.wp-block-group-is-layout-flow, .wp-block-group.border-none.is-layout-flow.wp-block-group-is-layout-flow, .wp-block-group.border-none.is-vertical.is-layout-flex.wp-container-core-group-layout-5.wp-block-group-is-layout-flex, .no-padding {padding: 0 0px!important;} .wp-block-group.wp-container-content-8.is-layout-flow.wp-container-core-group-layout-8.wp-block-group-is-layout-flow { padding: 20px!important; } .futer-bg {background: rgba(6,81,54,1); padding-bottom: 30px;} .avtor-color p, .avtor-color a{color: #fff;} .blok-about-main {height: 0;} .home .blok-about-main {height: auto;} /*.home .new-list {height: 0; overflow: hidden;}*/ .wp-block-navigation .has-child .wp-block-navigation__submenu-container { left: 50%; } .page .wp-block-group.wp-container-content-6.is-layout-flow.wp-container-core-group-layout-8.wp-block-group-is-layout-flow {padding: 30px!important;} .entry-content.wp-block-post-content.has-global-padding.is-content-justification-left.is-layout-constrained.wp-container-core-post-content-layout-1.wp-block-post-content-is-layout-constrained { margin-top: 50px!important; } .news-item-heder {padding: 20px!important;} .wp-block-group.news-item-zagolovok.is-layout-flow.wp-container-core-group-layout-8.wp-block-group-is-layout-flow {padding: 20px!important; margin: 0;} .news-item-zagolovok figure img {max-width: 300px;} .news-item-zagolovok figure {margin: 30px 0 0 0!important;} #wpcf7-f286-p248-o1 textarea, #wpcf7-f286-p248-o1 input {color: #333!important;} .entry-content.wp-block-post-content.has-global-padding.is-content-justification-left.is-layout-constrained.wp-container-core-post-content-layout-1.wp-block-post-content-is-layout-constrained { width: 100%; padding: 0; } .entry-content.wp-block-post-content p {width: 100%!important; display: block!important; margin-right: 0!important; max-width: 100%!important; } .entry-content.wp-block-post-content p, h1,h2,h3,h4,h5,h6,h7 { min-width: 100%; } .wp-block-navigation__responsive-container.has-modal-open.is-menu-open { background-color: rgba(6,81,54,1)!important; color: #ffffff!important; font-family: "Open Sauce Two", ui-sans-serif, sans-serif; font-size: 16px; } .wp-block-navigation__responsive-container.has-modal-open.is-menu-open li a{ font-size: 18px;} .post-template-default .entry-content.wp-block-post-content.has-global-padding.is-content-justification-left.is-layout-constrained.wp-container-core-post-content-layout-1.wp-block-post-content-is-layout-constrained { padding-left: 20px; padding-right: 20px; } .is-style-default.wp-block-post-date { font-size: 14px; padding: 15px; } .wp-block-latest-posts__list.has-dates.wp-block-latest-posts time { font-size: 14px; padding: 15px; text-align: right; } @media (min-width: 768px) { .wp-block-navigation-item.no-vis-desk.wp-block-navigation-link {display: none;} }