/* Theme Name: Балахнинское стекло */ @media (min-width: 979px) { ul.nav li.dropdown.show-on-hover:hover > ul.dropdown-menu { display: block; } .comment-list .children { padding: 0; margin-left: 74px; padding-bottom: 15px; } .comment-list .media { margin-top: 0; } } /* =WordPress Core -------------------------------------------------------------- */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } body { font-family: "Montserrat", Roboto; } .main-slider.slick-dotted { margin-bottom: 0 !important } .order-btn { max-width: 314px } .m-30 { margin: 30px 0 } .inner-slider img { z-index: -99 } .order-coating:hover { opacity: .8 } .breadcrumb_last { color: #7090c8 } .news-all__item-link { display: block; min-height: 122.21px; } .news-all__item { min-height: 390px } .more-btn { color: #fff; background: #ff7200; padding: 0 15px; border: 2px solid #ff7200; margin: 20px auto; border-radius: 20px; } .more-btn:hover { border: 2px solid #ff7200; background: transparent; color: #ff7200; cursor: pointer; } .inner_product__data table{ width: 100%; } .slick-slide { outline: none } .slider-for img, .slider-nav img, .news-slider img { height: auto; max-width: 100%; display: block } .slider-nav img { cursor: pointer } .sidebar__head { text-transform: uppercase } .wpcf7-not-valid-tip { margin: -15px 0 15px } .news-all__item img{ margin: auto; } .sidebar__list label{ border-bottom: 1px solid #7396d0; cursor: pointer; margin: 0 } .sidebar__list label:hover { border-bottom: transparent 1px solid } .sidebar__list input{ display: none } .sidebar__list input:checked + label{ border-bottom: none; font-weight: bold } .card__rt a[href^="mailto"] { font-size: 13px } .card__rt { padding: 20px 30px 0; position: relative; height: 100%; min-height: 330px; } .contacts__card .row > div:first-child { display: none } .cont-card-min .card__rt { min-height: 200px; padding-left: 20px } .card__contacts-big { left: auto !important; } .cont-card-min .card__rt { position: relative; height: 100%; } .card__contacts-big { position: absolute; bottom: 20px; left: 10px; } .inner-slider .slick-slide { padding: 20px; } .cont-card-min .card__vocancy-big { line-height: 1.2 } .news-all__item-link { border-bottom: none; } .news-all__item { min-height: 400px; position: relative; } .news-all__more { position: absolute; bottom: 20px; left: 15px; line-height: 1.2 } h4 { font-size: 20px; line-height: 1.2; margin-bottom: 20px; } .bottle__img { margin-left: -83px; } .main__news-wrap { height: 100%; position: relative; } .main__news-wrap .news__more-bnt { position: absolute; bottom: 0; } .bootle__toggler a { border-radius: 8px; } .bootle__toggler a:hover { opacity: .8; } .inner_product__data { line-height: 1.3; } .inner_product__data td { padding: 10px 3px } .inner_product__name { margin-top: 5px } .about { background-attachment: fixed; } .current-page-ancestor a, .current-post-ancestor a{ font-weight: 400; background: #ff7200; color: #fff; padding: 5px 20px; -webkit-border-radius: 20px; border-radius: 20px; } .clients-slider img { opacity: .65; } .clients-slider img:hover { opacity: 1; } .news-all__item-link img:hover{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); } .header { z-index: 1; } .map .overlay{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(82, 97, 166, .1); z-index: 999; } .about-content { padding-top: 80px; } .inner__page_title { margin-bottom: 30px; } .catalog-page { padding-top: 70px; } .decor-content { padding-top: 110px; } .content { padding-top: 80px; } .big-pd { padding-top: 108px; } .inner-slider .slick-slide p { max-width: 50%; } .h3{ font-weight: bold; margin-bottom: 10px; font-size: 24px; } .news_video_block{ text-align: center; } /* ============================================================ ВИДЕО-БЛОК (видео-фон на весь блок + тонировка + белый текст) ============================================================ */ .video-block { position: relative; width: 100%; height: 400px; border-radius: 16px; overflow: hidden; background: #000; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15); } .video-block .video-bg { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); object-fit: cover; object-position: center; z-index: 1; display: block; pointer-events: none; border: none; } .video-block .video-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient( 135deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.35) 50%, rgba(0, 0, 0, 0.65) 100% ); z-index: 2; pointer-events: none; } .video-block .video-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 40px; z-index: 3; box-sizing: border-box; } .video-block .video-descr { color: #ffffff; font-size: 16px; line-height: 1.7; text-align: center; margin: 0; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6); max-width: 90%; font-weight: 400; word-wrap: break-word; overflow-wrap: break-word; } /* Скрываем нативные элементы управления видео (Safari/iOS) */ .video-block .video-bg::-webkit-media-controls { display: none !important; } .video-block .video-bg::-webkit-media-controls-enclosure { display: none !important; } /* ============================================================ КОНЕЦ ВИДЕО-БЛОКА ============================================================ */ @media (max-width: 991px) { .content,.big-pd { padding-top: 0; } .decor-content { padding-top: 0; } .catalog-page { padding-top: 0; } .inner__page_title { text-align: center; } .about-content { padding-top: 0; } .inner-slider, .inner-slider li { max-height: 180px; } .slick-initialized .slick-slide { margin-right: 10px; } .inner-slider { margin-bottom: 10px } .about-menu { margin-top: 0 } .section__bottle { display: block; } .bottle__img { margin-left: 0; max-width: 90%; } .section__bottle .download-text { display: none } .inner-slider .slick-slide p { max-width: 80%; font-size: 15px; line-height: 1.2; } .inner-slider .slick-slide { padding: 10px; } .card__contacts-big { position: static; } .contacts__card .card__contacts-big { font-size: 18px } .card__rt { padding: 10px } .coating .down-link { display: none; } .coating { background-position: center center; } .main__news-wrap .news__more-bnt { position: static; } .sidebar { margin-bottom: 40px } .inner-slider .slick-dots { left: 5px; bottom: 20px } .news__head { font-size: 17px; } .card__contacts-big a{ display: block; font-size: 14px; } .wpcf7-submit.order-btn { margin: 20px 0; } .sidebar__list label { font-size: 14px; } .news-all__head { font-size: 20px; } .ww__item_about .ww__item { font-size: 12px; } .slick-slide img { margin: auto; } /* Видео-блок: планшеты */ .video-block { height: 350px; border-radius: 14px; } .video-block .video-content { padding: 30px; } .video-block .video-descr { font-size: 15px; max-width: 95%; } } @media (max-width: 768px) { .card__contacts-big a{ display: inline; } .sidebar__list label { font-size: 18px; } .ww__item_about .ww__item { font-size: 18px; } /* Видео-блок: мобильные */ .video-block { height: 280px; border-radius: 12px; margin-bottom: 15px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); } .video-block .video-content { padding: 20px 15px; } .video-block .video-descr { font-size: 13px; line-height: 1.55; max-width: 100%; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.7); } } /* Видео-блок: маленькие мобильные */ @media (max-width: 480px) { .video-block { height: 240px; border-radius: 10px; } .video-block .video-content { padding: 15px 12px; } .video-block .video-descr { font-size: 12px; line-height: 1.5; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .logo-text { background: none !important; } }