/***** Theme Name: MH Magazine Child Theme Theme URI: https://www.mhthemes.com/themes/mh/magazine/ Description: This is a child theme for MH Magazine WordPress theme to make customizations much easier for you. By using this child theme you make sure, that you keep your changes after an update of the parent theme. Author: MH Themes Author URI: https://www.mhthemes.com/ Template: mh-magazine Version: 1.0.0 License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html *****/ .mh-breadcrumb { color: #8a8a8a !important; font-weight: 500; font-size: 0.9rem; } .mh-breadcrumb a { text-transform: none; color: #8a8a8a !important; font-weight: 500; font-size: 0.9rem; } .mh-breadcrumb a:hover { text-decoration: underline; color: #8a8a8a !important; } #toc_container .toc_title { background: #f8f8f8; border-left: 4px solid #337ab7; padding: 12px 15px; font-size: 20px; line-height: 25px; color: #337ab7; width: 100%; } #toc_container .toc_title a { color: #337ab7; font-weight: 400; } #toc_container .toc_title a:hover { color: #337ab7; } #toc_container ul.toc_list { margin: 0 0 30px 30px; } #toc_container ul li { margin: 0 0 10px 0; list-style: none; font-weight: 400; font-family: 'Open Sans', Helvetica, Arial, sans-serif; } #toc_container ul li a { border-bottom: 1px dashed #337ab7; color: #337ab7; text-decoration: none; font-weight: 400; } #toc_container ul li a:hover { border-bottom: 1px dashed #008c9d; color: #008c9d; text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; font-weight:600; } h1 { font-size: 28px; } h2 { font-size: 24px; } h3 { font-size: 22px; } h4 { font-size: 20px; } h5 { font-size: 19px; } h6 { font-size: 18px; } .entry-content { font-family: 'Roboto', sans-serif; font-weight: 400; } article p img{ margin: 10px auto; display:block; height: auto !important; } .klichki-link{ text-align: center; font-family: comic sans ms; font-size: 20px; color: #606060; } .klichki-link a{ text-align: center; font-family: comic sans ms; font-size: 20px; font-weight: 600; color: #f17c36 !important; } /* Search Input */ .mh-header-search-top .search-form { margin-right: 0; } .search-form { border-radius: 4px; display: block; padding: 3px 15px; font-size: 15px !important; line-height: 1.42857143 !important; color: #555 !important; background-color: #fff; background-image: none; border: 1px solid #ccc; position: absolute; top: 35px; right: 0; z-index: 9999; } .search-form .search-field { cursor: text; } .search-form .search-field:active, .search-form .search-field:focus { outline: none !important; } .mh-header-search .search-form .search-field { min-width: 180px; width: 180px; } .mh-header-search .search-form .search-field:hover { min-width: 180px; width: 180px; } input:-internal-autofill-selected { background-color: rgb(255, 255, 255) !important; } .mh-widget .search-form {display: none; } .search-form input { font-size: 13px; text-transform: none; } input.search-field::-webkit-input-placeholder {opacity: 0;} input.search-field::-moz-placeholder {opacity: 1;} input.search-field:-moz-placeholder {opacity: 1;} input.search-field:-ms-input-placeholder {opacity: 1;} /* Search submit */ .search-form .search-submit, .search-form .search-submit:hover, .search-form .search-submit:focus, .search-form .search-submit:active { position: absolute; outline: none; border: none; box-sizing: border-box; top: 10px; right: 15px; padding: 8px; display: block; width: 16px; height: 16px; min-width: unset; text-indent: -9999px; background: transparent; } .search-form:after { content: "\f002"; font: normal normal normal 14px/1 FontAwesome; color: #808080; float: right; padding-top: 8px; } .search-form:hover:after { color: #000; } .is-menu { top: -86px; display: block; z-index: 9999; } @media (max-width: 800px) { .mh-header-search .search-form { display: none;} .is-menu.default form { min-width: 97%; width: 97%; } .slicknav_nav ul { padding: 70px 0 0 15px; } .is-menu .search-form .search-field { min-width: 94%; width: 94%; } .is-menu .search-form .search-field:hover { min-width: 94%; width: 94%; } } @media (min-width: 801px) { .is-menu.default form { display: none; } .mh-header-search-top .search-form { min-width: 200px; width: 200px; } } @media (max-width: 800px) { nav.mh-navigation .search-form { display: none; } } .type-post .entry-content a, .type-page .entry-content a{ color: #2868F4; text-decoration: none; } .type-post .entry-content a:not(.inline-posts-style):hover, .type-page .entry-content a:not(.inline-posts-style):hover{ color: #2868F4; border-bottom: 2px solid #2868F4; } #toc_container a{ background: none; } .type-post .klichki-link a, .type-post .klichki-link a:hover{ background:none; } .entry-content a.colorbox{ padding:0px; } .entry-content a[data-lbwps-width]{ padding:0px; background:none; } .type-post .entry-content a.inline-posts-style { background: #0F8D9F; color: #FDCA0B; border-left: 5px solid #FDCA0B !important; } .type-post .entry-content .IRPP_kangoo .ctaText{ letter-spacing: .05em; font-size: 14px; } /* .type-post .entry-content a.inline-posts-style, a.IRPP_kangoo { transition: all .05s; } .type-post .entry-content a.inline-posts-style:hover { background:#1099AC; } .type-post .entry-content a.IRPP_kangoo { background: #0F8D9F; color: ; } .type-post .entry-content a.IRPP_kangoo:hover { background:#1099AC; } */ .type-post .entry-content a.inline-posts-style:hover span { color: #FDCA0B; } .type-post .entry-content a.inline-posts-style:hover span { border-bottom: 1px solid transparent !important; text-decoration: none !important; } .type-post .entry-content a.inline-posts-style span.postTitle { border-bottom: 1px solid #fff !important; color: #fff; text-decoration: none !important; } .crb-container { position: relative; background: #FFFFFF; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1), inset 0px 3px 0px #0F8D9F; border-radius: 0px 0px 4px 4px; margin: 20px 5px; padding: 30px 30px 15px 30px; } .crb-container:before { width: 33px; height: 33px; background: url('https://petstime.ru/wp-content/uploads/2021/10/cat-1.png'); position: absolute; right: 20px; top: 20px; content: ''; } .crb-container a { color: #2868F4; font-size: 16px; line-height: 19px; font-family: 'Roboto', sans-serif !important; } .crb-container .crb-item-container { margin-bottom: 10px; } .crb-container a { color: #2868F4; font-size: 16px; line-height: 19px; font-family: 'Roboto', sans-serif !important; } .crb-container a:not(.inline-posts-style):hover{ color: #2868F4 !important; border-bottom: 2px solid #2868F4; } .widget-article { margin: 30px 0; } .widget-article.last .widget-article__image { width: 100%; max-height: 150px; margin: 0 0 20px; } .widget-article.last .widget-article__image img { object-fit: cover; WIDTH: 100%; height: 100%; max-height: 150px; } .widget-article__title { font-size: 16px; font-weight: 700; margin-bottom: 6px; } .mh-top-posts-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 13px; } .mh-top-posts-header .mh-posts-list-header-caption { color: #fff; background: #f1b81d; border-radius: 5px; text-align: center; font-size: 12px; padding: 0 20px; line-height: 35px; text-transform: uppercase; height: 35px; } .mh-top-posts-header .mh-posts-list-stars { font-size: 28px; } .mh-top-posts-header .mh-posts-list-stars i { margin-left: 5px; color: #aaaaaa; } .mh-top-posts-header .mh-posts-list-stars svg { position: relative; top: 4px; left: 4px; } .mh-top-posts-header .mh-posts-list-stars svg, .mh-top-posts-header .mh-posts-list-stars i.active { margin-left: 5px; color: #f8c300; } .page-header-subitem { margin-top: 10px; } .page-header-subitem a { font-family: 'Roboto', 'Open Sans', sans-serif; display: inline-block; background: #f7f7f7; font-size: 15px; color: #000; font-weight: 700; border: 1px solid #d4d4d4; margin: 0 15px 15px 0; padding: 6px 10px; border-radius: 5px; transition: all .5s; } .page-header-subitem a.active, .page-header-subitem a:hover { color: #fff; background: #038ca0; border: 1px solid #038ca0; } .page-header-subitem__title { display: block; } .page-header-subitem__title { display: block; margin: 0 0 20px 0; font-size: 18px; font-weight: 700; } .page-header-subitem.views { margin-top: 20px; } .page-header-subitem.views a { background: #f1b81d; border-color: #f1b81d; } .page-header-subitem.views a:hover { background: #ff9800; color: #fff; border-color: #ff9800; } .wp_widget_line_rating { display: flex; margin-bottom: 20px; } .wp_widget_line_rating__thumb { width: 120px; height: 120px; margin-right: 20px; } .wp_widget_line_rating__thumb img { width: 100%; height: 100%; object-fit: contain; } .wp_widget_line_rating__content { width: calc(100% - 140px); } .wp_widget_line_rating__content--stars { font-size: 18px; } .wp_widget_line_rating__content--stars img { display: inline-block; margin: 0; padding: 0; position: relative; top: -5px; left: 2px; width: 18px; height: 19px; object-fit: fill; } .wp_widget_line_rating__content--stars i { margin-left: 3px; color: #aaaaaa; } .wp_widget_line_rating__content--stars i.active { margin-left: 5px; color: #f8c300; } .wp_widget_line_rating__content--title { font-family: 'Roboto', 'Open Sans', sans-serif; color: #000; font-weight: 700; margin: 10px 0; font-size: 16px; line-height: 21px; } .wp_widget_line_rating__content--meta .mh-meta, .wp_widget_line_rating__content--meta .mh-meta i, .wp_widget_line_rating__content--meta .mh-meta a { font-size: 15px !important; color: #8a8a8a; } .mh-posts-list-content.advanced .mh-meta .entry-meta-date a, .wp_widget_line_rating__content--meta .entry-meta-date a { font-family: 'Roboto', sans-serif; font-weight: 500; } .wp_widget_line_rating__content a { font-family: 'Roboto', 'Open Sans', sans-serif; } .mh-posts-list-content.advanced .mh-posts-list-title { font-size: 21px; line-height: 23px; } .mh-posts-list-content.advanced .mh-posts-list-excerpt { font-size: 16px; line-height: 22px; margin-top: 15px; } .mh-posts-list-content.advanced .mh-meta { margin-top: 15px; } .mh-posts-list-content.advanced .mh-meta, .mh-posts-list-content.advanced .mh-meta a, .mh-posts-list-content.advanced .mh-meta i { font-size: 15px; line-height: 22px; color: #8a8a8a; } .adv_img { float: left; margin: 0 15px 5px 0; } .entry-header__top { display: flex; justify-content: space-between; margin: 0 0 5px 0; align-items: center; } .entry-header__top.cat a { color: #fff; } .entry-header__top.stars i { font-size: 24px; margin-left: 3px; color: #aaaaaa; } .entry-header__top.stars svg, .entry-header__top.stars i.active { font-size: 24px; margin-left: 5px; color: #f8c300; } .entry-header__top.cat { color: #fff; background: #f1b81d; border-radius: 5px; text-align: center; font-size: 12px; padding: 0 20px; line-height: 35px; text-transform: uppercase; height: 35px; } .mh-custom-posts-widget .entry-meta-comments { display: none; } @media (max-width: 600px) { .page-header-subitem a { display: inline-block; margin-bottom: 5px; } .mh-top-posts-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 13px; flex-direction: column; } .adv_img { float: none; margin: 0 15px 5px 0; width: 100%; } } @media (max-width: 390px) { .entry-header__top{ display:block; } .entry-header__top.cat { display:inline-block; } .entry-header__top.stars { display:inline-block; } } .widget-article__image { width: 120px; float: left; } a.fasc-button{ padding: 0.6rem 1.5rem; -webkit-box-shadow: 0 15px 30px -18px rgba(0,0,0,.9); box-shadow: 0 15px 30px -18px rgba(0,0,0,.9) !important; -webkit-border-radius: 4px; border-radius: 4px; } a.fasc-button:hover{ color:#fff; border:none !important; }