Ubuntu

­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­ /** * DO NOT CHANGE THIS FILE! * To override any of the settings in this section, add your styling code in the custom directory. * Loading first in the style.scss & editor-style.scss */ /* Basic responsive layout ========================================================================== */ .site-header, body:not([class*="elementor-page-"]) .site-main { margin-right: auto; margin-left: auto; } @media (max-width: 575px) { .site-header, body:not([class*="elementor-page-"]) .site-main { padding-right: 10px; padding-left: 10px; } } @media (min-width: 576px) { .site-header, body:not([class*="elementor-page-"]) .site-main { max-width: 500px; } } @media (min-width: 768px) { .site-header, body:not([class*="elementor-page-"]) .site-main { max-width: 600px; } } @media (min-width: 992px) { .site-header, body:not([class*="elementor-page-"]) .site-main { max-width: 800px; } } @media (min-width: 1200px) { .site-header, body:not([class*="elementor-page-"]) .site-main { max-width: 960px; } } /* DO NOT CHANGE THIS FILE to override any of the settings in this section, add your styling code in the custom directory. */ /* General - https://codex.wordpress.org/CSS#WordPress_Generated_Classes ========================================================================== */ .alignright { float: right; margin-left: 1rem; } .alignleft { float: left; margin-right: 1rem; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .alignwide { margin-left: -80px; margin-right: -80px; } .alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: 100vw; width: 100vw; } .alignfull img { width: 100vw; } .wp-caption { margin-bottom: 1.25rem; max-width: 100%; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { display: block; margin-left: auto; margin-right: auto; } .wp-caption-text { margin: 0; } .gallery-caption { display: block; font-size: 0.8125rem; line-height: 1.5; margin: 0; padding: 0.75rem; } .pagination { margin: 20px auto; } .sticky { position: relative; display: block; } .bypostauthor { font-size: inherit; } /* DO NOT CHANGE THIS FILE to override any of the settings in this section, add your styling code in the custom directory. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #eeeeee; clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #333333; display: block; font-size: 1rem; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Header layout ========================================================================== */ .site-header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 1rem; padding-bottom: 1rem; } .site-branding { max-width: 300px; } .site-branding .site-title, .site-branding .site-description { margin: 0; } .custom-logo-link { display: block; } /* Main Menu ========================================================================== */ .site-navigation { grid-area: nav-menu; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .site-navigation ul.menu, .site-navigation ul.menu ul { list-style-type: none; padding: 0; } .site-navigation ul.menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .site-navigation ul.menu li { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .site-navigation ul.menu li a { display: block; padding: 8px 15px; } .site-navigation ul.menu li.menu-item-has-children { padding-right: 15px; } .site-navigation ul.menu li.menu-item-has-children:after { display: block; content: '\25BE'; font-size: 1.5em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #666666; } .site-navigation ul.menu li ul { background: #fff; display: none; min-width: 150px; position: absolute; z-index: 2; left: 0; top: 100%; border: #eeeeee 1px solid; } .site-navigation ul.menu li ul li.menu-item-has-children a { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .site-navigation ul.menu li ul li.menu-item-has-children:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .site-navigation ul.menu li ul ul { left: 100%; top: 0; } .site-navigation ul.menu li:hover > ul { display: block; } /* Post Item in Archive ========================================================================== */ .post .wp-post-image { width: 100%; max-height: 500px; -o-object-fit: cover; object-fit: cover; } @media (max-width: 991px) { .post .wp-post-image { max-height: 400px; } } @media (max-width: 575px) { .post .wp-post-image { max-height: 300px; } } /* DO NOT CHANGE THIS FILE to override any of the settings in this section, add your styling code in the custom directory. */ /* Comments ========================================================================== */ #comments .comment-list { margin: 0; padding: 0; list-style: none; font-size: .9em; } #comments .comment, #comments .pingback { position: relative; } #comments .comment .comment-body, #comments .pingback .comment-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 30px 0 30px 60px; border-bottom: 1px solid #cccccc; } body.rtl #comments .comment .comment-body, body.rtl #comments .pingback .comment-body { padding: 30px 60px 30px 0; } #comments .comment .avatar, #comments .pingback .avatar { position: absolute; left: 0; border-radius: 50%; margin-right: 10px; } body.rtl #comments .comment .avatar, body.rtl #comments .pingback .avatar { left: auto; right: 0; margin-right: 0; margin-left: 10px; } #comments .comment-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: .9rem; } #comments .reply, #comments .comment-metadata { font-size: 11px; line-height: 1; } #comments .children { position: relative; list-style: none; margin: 0; padding-left: 30px; } body.rtl #comments .children { padding-left: 0; padding-right: 30px; } #comments .children li:last-child { padding-bottom: 0; } #comments ol.comment-list .children:before { display: inline-block; font-size: 1em; font-weight: normal; line-height: 100%; content: '\21AA'; position: absolute; top: 45px; left: 0; width: auto; } body.rtl #comments ol.comment-list .children:before { content: '\21A9'; left: auto; right: 0; } @media (min-width: 768px) { #comments .comment-author, #comments .comment-metadata { line-height: 1; } } @media (max-width: 767px) { #comments .comment .comment-body { padding: 30px 0; } #comments .children { padding-left: 20px; } #comments .comment .avatar { position: inherit; float: left; } body.rtl #comments .comment .avatar { float: right; } }