/* Theme Name: Bootscore Child Description: Bootscore Child Theme Author: Bootscore Author URI: https://bootscore.me Template: bootscore Version: 6.0.0-beta1 Requires at least: 5.0 Tested up to: 6.5.2 Requires PHP: 7.4 License: MIT License License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE Text Domain: bootscore */ /* All style editing is done via /assets/scss/_bootscore_custom.scss */ body {font-family:"Sofia Sans",sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-size:1.125rem;} body.woocommerce-shop h1.page-title, body.tax-product_cat h1.page-title {font-weight:300; font-size:1.5rem;} body.woocommerce-shop h1.page-title, body.tax-product_cat h1.page-title, .h1title { border-bottom: 2px solid transparent; border-image: linear-gradient(0.25turn, rgba(65,105,225,1), rgba(65,105,225,.25), rgba(65,105,225,0), rgba(65,105,225,0), rgba(65,105,225,0)); border-image-slice: 1; width:100%; display:inline-block; padding-bottom:5px; margin-bottom:.5em;} .dropdown-item:hover, .dropdown-item:focus {color:#0770e8; background-color:#f3f3f3;} .dropdown-item:active, .dropdown-item.active {color:#0770e8; background-color:#f0f0f0;} /* Link Color */ div.site-content a {color:#003399;text-decoration:none;} div.site-content a:hover {color:rgb(58,123,213);text-decoration:underline;} div.site-content a:not([href]):not([class]),a:not([href]):not([class]):hover {color:inherit;text-decoration:underline;} form.searchform input.form-control {color:#000;box-shadow:none;} form.searchform input.form-control::placeholder {color:#666;} .table tr th {align-content:center;} .table tr:hover {border-radius:.25em;outline:1px solid #4169e1;transition:all 0.25s ease-in-out;} /* .table tr {position: relative;} .table tr::before, .table tr::after { content:""; position:absolute; top:0; bottom:0; width:1em; background-color:transparent; transition: background-color 0.3s ease; } .table tr::before {left:0;} .table tr::after {right:0;} .table tr:hover::before, .table tr:hover::after {background-color:#4169e1;} */ .carousel-caption {left:5%;right:5%;} /* FOOTER */ footer::before {content:'';display:block;background-color: rgb(0, 51, 153);position:absolute;width:200%;height:70vh;left:-50%;top:0; -moz-border-radius: 200%; -webkit-border-radius:200%; border-radius:200%;} footer {color:#fff;} footer a.h2link {text-decoration:none; cursor:text;} footer a {color:#d6d6d6;} footer a:hover, footer a:focus, footer a:active {color:#fff;} @media (max-width:767px) { hr {margin:.5em 2em;color:#4169e1;opacity:1;} footer hr {margin:.5em 4em .5em .1em;color:#4169e1;} footer section a.h2link h2 {font-weight:400;} } /* END FOOTER */ /******* Display Footer Blocks Content on big screens******/ @media (min-width: 768px) { footer .collapse { &:not(.show) { display: block; } } footer section a.h2link {color:#fff;} } section.up-sells, section.upsells, section.products {clear:both} .related.products h2 {padding-bottom:.5em;} /** Link underline **/ div.row div a.hovlink {color:#000;display:inline-block;position:relative;padding:.2em 0;text-decoration:none;} div.row div a.hovlink::after { border-bottom: 3px solid transparent; border-image: linear-gradient(0.25turn, rgba(65,105,225,0), rgba(65,105,225,.25), rgba(65,105,225,1), rgba(65,105,225,.25), rgba(65,105,225,0)); border-image-slice: 1; bottom:0;left:0;content:'';height:.2em;position:absolute;transition:opacity 300ms,transform 300ms;transform:scale(0);transform-origin:left;width:100%;} div.row div a.hovlink:hover::after, div.row div a.hovlink:focus::after {opacity:1;transform:translate3d(0,.2em,0);transform:scale(1);} /** Link underline **/ /** Image Blocks in Text - START **/ .alignleft {float:left;padding-right: 1em;} .alignright {float:right;padding-left: 1em;} .alignleft img, .alignright img {margin:0 8px 0 2px;} /* .alignleft, .alignright, .aligncenter {text-align:center;color:#666;font-size:small;font-style:italic;} */ .aligncenter {display:block;margin:0 auto 1em auto;} /** Image Blocks in Text - END **/ /******** Request Form - START ********/ label.callback {display:block;} /* Input fields */ .formwrap input, .formwrap textarea {border:1px solid rgba(0, 0, 0, 0.1);border-radius:2px;color:#2b2b2b;padding:8px 10px 7px;} .formwrap textarea {width:100%;} .formwrap input:focus, .formwrap textarea:focus {border:1px solid rgba(0, 0, 0, 0.3);outline:0;} /* Buttons */ .formwrap button, .formwrap .button, .formwrap input[type="button"], .formwrap input[type="reset"], .formwrap input[type="submit"] {background-color:#4169e1 !important;color:#fff !important;border-radius:4px;padding:7px 14px;text-transform:uppercase;} .formsub input[type="submit"] {padding:1em;text-transform:uppercase; letter-spacing:.25em;margin-top:1em;} .formwrap input[type="radio"], .formwrap span.wpcf7-list-item-label {margin: 0 0.1em; vertical-align:middle;} .formwrap span.wpcf7-list-item {display:inline-block; margin:0 .2em;} .formwrap button:hover, .formwrap button:focus, .formwrap .button:hover, .formwrap .button:focus, .formwrap input[type="button"]:hover, .formwrap input[type="button"]:focus, .formwrap input[type="reset"]:hover, .formwrap input[type="reset"]:focus, .formwrap input[type="submit"]:hover, .formwrap input[type="submit"]:focus {background-color:limegreen !important; border-color:limegreen; color:#fff !important; transition: all 0.1s ease-in-out;} .formwrap button:active, .formwrap .button:active, .formwrap input[type="button"]:active, .formwrap input[type="reset"]:active, .formwrap input[type="submit"]:active {background-color:limegreen !important;transition: all 0.1s ease-in-out;} .formwrap input[type="file"] {background-color:transparent;} span.req {color:black;} span.req::before {color:red;content:'* ';} .map {filter:grayscale(1);transition:all 1s ease-in-out;width:100%;height:300px;} .map:hover,.map:focus {filter:grayscale(0);} .map, img.vid, .formwrap textarea.wpcf7-textarea, .formwrap input.wpcf7-form-control, .formwrap input.wpcf7-text, .formwrap select.wpcf7-form-control {border-radius:5px;box-shadow:1px 2px 6px darkgrey;background-color:#f9f9f9;color:#666;} .formwrap span.wpcf7-form-control-wrap input.wpcf7-form-control {outline:0 none;} .formwrap textarea.wpcf7-textarea:focus, .formwrap input.wpcf7-form-control:focus, .formwrap select.wpcf7-form-control:focus {background-color:#fff;color:#000;} input.wpcf7-file {box-shadow:none;} span.fieldname {padding:7px 0 0 7px;position:absolute;z-index:1;font-size:0.9rem;} textarea.wpcf7-textarea {border-radius:6px; display:block; min-height:10rem; padding:1.5rem; width:100%; max-width:100%;} input.wpcf7-form-control {width:100%;padding:1rem;padding-top:1.75rem;} input.wpcf7-submit {letter-spacing:0.15em;margin:0;} textarea.wpcf7-textarea, .wpcf7 select {max-width:100%;} .wpcf7 select[attr=size] {width:auto;height:auto;} .wpcf7 input[type=number] {max-width:70px;} .wpcf7 input[type=email], .wpcf7 input[type=tel] {margin-top:2px;} span.gray, span.gray a {color:#777;font-size:inherit;} span.num {padding:2px 6px;margin:3px 5px 10px 0;color:#fff;border-radius:10px;background-color:green;box-shadow:0 2px 6px #666;} .wpcf7 span.num {float:left;padding:3px 4px;margin:3px 5px 10px 0;color:gray;border:1px solid gray;border-radius:4px;} .wpcf7 span.numreq {float:left;padding:2px 4px;margin:3px 5px 0 0;color:red;border:1px solid red;border-radius:4px;} /******** Request of variationrm - END ********/ div.post-2541, div.post-232, /* hide test prod */ .wc-product-table .product .quantity, /*hide quantity in table*/ body.home h1.page-title, /*hide header*/ body.home div.cards-autoplay p.category-badge, body.home div.cards-autoplay p.meta, body.home div.cards-autoplay .card-text, /*hide text in slider*/ body.single-post div.post-thumbnail, body.single-post p.category-badge, /*hide badge at news page*/ body.home span.home.fa-home, body.home .row.products.bgr, body.home .row .imgcard:nth-child(1), body.home .row .imgcard:nth-child(2), .home .row.products, /* Home Categories */ .archive .add-to-cart-container, .archive p.stock, .archive .add_to_cart_button, .archive .product_type_simple, .archive .product_type_variable, /* скрыть кнопку в Категориях */ .hide {display:none;visibility:hidden;} /* Mobile stuff - START */ @media screen and (max-width:640px){ .alignleft, .alignright, .aligncenter {display:block;float:none;padding:0;margin:0;text-align:center;} *input.wpcf7-submit {max-width:95%;width:100%;} .icon-link>.bi {width:2em;height:2em;} footer::before {width:300%;left:-100%;-moz-border-radius:300%;-webkit-border-radius:300%;border-radius:300%;} } @media screen and (max-width:991px){ /* Offcanvas Icons */ span.git>i {display:flex;font-size:2.5rem;margin:.75em;width:2rem;height:1.5rem;filter:opacity(100%);} span.git>i:hover, span.git>i:focus, span.git>i:active {filter:opacity(85%); transition:all 0.1s ease;} span.fb>i {color:blue;} span.yo>i {color:red;} span.in>i {color:orange;} span.na>i {color:indigo;} span.ph>i {color:seagreen;} span.em>i {color:blueviolet;} span.tg>i {color:deepskyblue;} span.wa>i {color:limegreen;} span.vk>i {color:blue;width:2.75rem;} /* Offcanvas Icons */ .carousel-caption {left:1%;right:1%;} .row > .imgcard {margin:.3em .15em; width:48%;} } /* Mobile stuff - END */ /* PC stuff - START */ @media (min-width: 992px) { .row > .imgcard {outline:1px solid #fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; margin: .5em .25em; width:24.3%;} .row > .imgcard:hover {box-shadow:1px 1px 10px rgba(92, 76, 124, 0.25); transition: all .2s ease-in-out;} .row > .imgcard > a > img {transform: scale(0.99);} .row > .imgcard:hover > a > img {transform: scale(1.0); transition:all .1s ease-in-out;} body.woocommerce-shop h1.page-title, body.tax-product_cat h1.page-title {font-size:2rem;} a.icon-snf {margin:0 .35em;} body.home div.heroes-fade {height:40vh;align-content:center;display:grid;} } /* PC stuff - END */ @media (max-width: 1199px) {li.menu-item a.nav-link {padding:.5em .75em;}} @media (min-width: 1200px) {li.menu-item a.nav-link {padding:0 1.5em 0 0 !important;}} ul.navbar-nav, ul.dropdown-menu {font-weight:500; font-size:1.2rem;} .nav-link {color:#000 !important;} .nav-link:hover, .nav-link.active {color:#0770e8 !important;} /** Визуальное разделение плашек радиальным градиентом фона **/ .row > .imgcard {background:#fff;} .bgr {background-image:radial-gradient(#f6f6f6,#f9f9f9,#fefefe,#fff);} .bgrgr {background:radial-gradient(circle, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);} /*bgr for slider*/ /** Variable Products - Convert Options to DIVs **/ div.custom_option {background-color:#eee;border-radius:4px;display:none;color:#000;margin:.2rem;/*outline:1px solid #777;*/padding:0 .4rem;cursor:pointer;} /*div.custom_option.on, div.custom_option:hover {background-color:#4169e1;color:#000;outline:1px solid #4169e1;transition:all .2s ease-in-out;}*/ div.custom_option.on, div.custom_option:hover {color:darkolivegreen;background-color:lightgreen;outline:.1em solid greenyellow;transition:all .2s ease-in-out;font-weight:400;} div.custom_option.is-visible {display:inline-block;} table.variations th.label {white-space:nowrap;padding:.25em .25em 0 0;text-align:right;} table.variations tr td {padding:.25em 0 0 0;} a.reset_variations {padding:0 .4rem;} /* Блок Download */ div.pdf, div.zip {outline:1px solid #f3f3f3;border-right:0 none;background-color:#f9f9f9;background-position:center left;background-repeat:no-repeat;background-size:30px 30px;color:#333;display:block;padding:7px 20px 7px 40px;margin:10px 0;} div.pdf {background-image:url('/img/icon-pdf.svg');} div.zip {background-image:url('/img/icon-zip.svg');} div.pdf a:link, div.zip a:link {color:#c33;text-decoration:underline;} div.pdf a:hover, div.zip a:hover {color:#000;text-decoration:underline;} span.doc {background-image:url('/img/icon-doc.svg');background-position:center center;background-repeat:no-repeat;background-size:30px 30px;display:inline-block;width:32px;height:32px;} /* Блок Download */ /** Блоки картинок в тексте **/ .alignleft {float:left;} .alignright {float:right;} .alignleft img, .alignright img {margin:0 8px 0 2px;} /*.alignleft, .alignright, .aligncenter {text-align:center; color:gray; font-size:small;}*/ .aligncenter {display:block;margin-left:auto;margin-right:auto;} @media screen and (max-width:640px){.alignleft, .alignright, .aligncenter {display:block;/*width:90%;*/float:none;}} /** Блоки картинок в тексте **/ .hide {display:none!important;visibility:hidden;} .none {text-decoration:none;} .ff {font-size:1.25rem;} @media (max-width: 640px) {.ff {font-size:1.5rem;}} @media (max-width: 390px) {.ff {font-size:1.25rem;}} span.woocommerce-Price-currencySymbol {color:#777;/*font-size:smaller;*/} .woocommerce div.product form.cart .variations {margin-bottom:.5em;} div.woocommerce-product-gallery__wrapper > div.woocommerce-product-gallery__image > a.fancybox > img {width:unset;height:unset;} /** thumb images wrong size, blur remove **/ .grecaptcha-badge {visibility:hidden;} /* Куки */ #cookie-notice {background-color:#f0f0f0;border-radius:0 1em;position:fixed;bottom:5em;right:2em;width:11em;visibility:hidden;z-index:1000000;box-shadow:0 3px 10px grey;opacity:.9;} #cookie-notice button {margin-top:1em;} @media only screen and (max-width:840px){ #cookie-notice {border-radius:0;box-shadow:none;bottom:0;left:0;margin:0;padding:1em 0;width:100%;} #cookie-notice:hover {transition: opacity 0.2s ease-in;} #cookie-notice button {border-radius:.5em;padding:.5em 3em; margin-top:.25em;} } /* Блок PDF */ div.pdf {outline:1px solid #f3f3f3;border-right:0 none;background-color:#f9f9f9;background-image:url('/icon-pdf.svg');background-position:center left;background-repeat:no-repeat;background-size:30px 30px;color:#333;display:block;padding:7px 20px 7px 40px;margin:10px 0;} div.pdf a:link {color:#c33;text-decoration:underline;} div.pdf a:hover {color:#000;text-decoration:underline;} /* Блок PDF */ /*tabs*/ div.su-tabs {/*margin:0;*/ padding:2px; background:unset;} div.su-tabs-nav {margin:1px 0 0 1px;padding-left:1px;} div.su-tabs-nav span {align-content:center; background-color:#fff; border:1px solid #4169E1; border-radius:4px; color:#4169E1; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px;font-weight:400; letter-spacing:0.2px; padding:5px 10px; text-decoration:none; text-transform:uppercase; margin:0 4px 4px 0;} div.su-tabs-nav span:hover {background:#eee; text-decoration:underline;} div.su-tabs-nav span.su-tabs-current {background:#4169E1; color:#fff; text-transform:uppercase; text-decoration:none; position:relative;} div.su-tabs-nav span.su-tabs-current:after {bottom:-8px; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #4169E1; -webkit-transition:all 0.15s ease 0s; -moz-transition:all 0.15s ease 0s; -o-transition:all 0.15s ease 0s; content:""; height:0; left:50%; margin-left:-8px; position:absolute; transition:all 0.15s ease 0s; width:0;} div.su-tabs-pane h3 {visibility:hidden;height:5px;margin:0;padding:0;} div.su-tabs-nav span, div.su-tabs-pane {font-size:unset;} /*tabs*/ /*tags*/ .tags {display:flex;flex-wrap:wrap; margin:0 auto;} .tags div {margin:1px 2px;} .tags div a {color:#4169e1;border-bottom:1px solid transparent;border-radius:3px;padding:1px 2px;text-decoration:none;} .tags div a:hover {color:#4169e1;border-bottom:1px solid #4169e1;} .tags div a::before {color:#4169e1;content:'#';font-size:.75;opacity:.35;margin-right:2px;} .tags div a:hover::before {color:#4169e1;opacity:1;} /*tags*/ a.encyclopedia {border-bottom:1px dashed #4169e1;color:unset;text-decoration:none !important;} .custom-row {display:flex; flex-wrap:wrap;} .custom-col {flex: 0 0 20%; /* ширина 20% на ПК */} @media (max-width: 991.98px) {.custom-col {flex: 0 0 50%; /* ширина 50% на планшете */}} @media (max-width: 991.98px) {.custom-col.first {flex: 0 0 100%; /* ширина 100% на планшете для первого столбца */}} @media (max-width: 575.98px) {.custom-col {flex: 0 0 100%; /* ширина 100% на смартфоне */}} .custom-col .card-text a {text-decoration:none; position:relative; /**display:inline-block; padding-left:.5em;**/} /** * .custom-col .card-text a::before {content:"•"; position:absolute; left:0; color:#999;} **/ ::selection {background-color:rgba(173,255,47,.35);color:rgb(58,123,213);} /******************* Copy CSS *******************/ /** Cookie settings **/ a.cc-btn {outline:1px solid #003399;} div.cc-revoke.cc-bottom {bottom:3em;left:1em;opacity:.75;padding:.75em;background-image:url('/img/cookies-finger.png');width:50px;height:50px; background-color:transparent;} div.cc-revoke.cc-bottom:hover {opacity:1;} @media screen and (max-width:639px) {div.cc-revoke.cc-bottom {bottom:5.5em;}} /** Cookie settings **/ /*** BLOCKS ***/ /*outline #dadada*/ .blk50 div, .blk33 div img, .blk25 div.brd, .blk25 div.full img, .blk20 div a img, .blk20 div.zert, .blk14 div img, .blk50 div img, .blk100 div img {outline:1px solid #dadada;} /** Grids - width in % **/ .blk14, .blk20, .blk25, .blk33, .blk50, div.blk100 {display:grid; grid-column-gap:.5em; grid-row-gap:.5em; margin:0 0 1% 0; width:98%;} /* Grid Blocks 1x100% - dostavblk, article */ div.blk100 {margin:1em 0;width:100%;display:inline-block;} div.blk100 table.table {width:unset;} div.blk100 td:first-child {padding-right:10px;} div.blk100 td img {margin:0 1px 1px 0;padding:1px 2px;} div.blk100 img {margin:0 5px 1px 0;padding:0; width:inherit; height:inherit;} div.blk100 div img.clear {outline:0 none;} div.blk100 h2, div.blk100 h3, div.blk100 h4, div.blk100 h5 {font-weight:400;margin:0;padding:0;} @media screen and (max-width:639px){.blk100 div img {outline:0 none;}} @media screen and (min-width:640px){div.blk100 div.alignright {margin-left:5px;} div.blk100 div.alignleft {margin-right:5px;}} /* Grid Blocks 2x50% - dostavform, pics */ .blk50 {grid-template-columns:50% 50%;} .blk50 div {border-radius:5px;margin:0 10px 10px 0;padding-left:5px;} .blk50 h2, .blk50 h3, .blk50 h4, .blk50 h5 {font-weight:400;margin:0;padding:.25em 1em;} .blk50 div strong, .blk50 div em {line-height:1em;} .blk50 div p.lh2 {line-height:2em;} .blk50 div p {padding:.25em 1em;} .blk50 div img {border-radius:0 5px 5px 0;margin:0;float:right;height:150px;width:150px;} .blk50 div.clean, div.clean, div.formwrap, div.formsub {outline:0 none;} .blk50 div.clean img {width:unset; height:unset; float:none; border-radius:unset;} .blk50 div.clean div.su-spoiler input[type="submit"] {padding:8px 5px;} .blk50 div.clean div.su-spoiler, .blk50 div.clean div.su-spoiler-content, .blk50 div.clean div.wpcf7, .blk50 div.clean div.wpcf7-display-none, .blk50 div.clean div.wpcf7-response-output, .blk50 div.clean div.wpcf7-validation-errors {width:100%;border:unset;outline:0 none;} .blk50 div.clean p {margin-bottom:2px;} .blk50 div label.callback {width:95%;} .blk50 div.file {display:none;visibility:hidden;} @media screen and (max-width:639px) {div.blk50 {grid-template-columns:100%;}} @media screen and (max-width:960px) {div.blk50 div {margin: 0 0 10px 0;} .blk50 div img {width:100px;height:100px;}} /* Grid Blocks 3x33% - triblk */ .blk33 {grid-template-columns:1fr 1fr 1fr;} .blk33 div {text-align:center;} .blk33 div p {text-align:left;} .blk33 div img {width:300px;height:300px;} @media screen and (max-width:639px) {div.blk33 {grid-template-columns:100%;}} /* Grid Blocks 4x25% - analogy, pics60, vierblk */ .blk25 {grid-template-columns:25% 25% 25% 25%;} .blk25 div img {height:60px;width:60px;margin:0 4px 0 0;float:left;} .blk25 div.full {text-align:center;} /*vierblk*/ .blk25 div.full img {width:100%;height:auto;float:none;} .blk25 div.sell {text-align:center;} /*up & cross sell*/ .blk25 div.sell h2, .blk25 div.sell h3 {font-size:inherit;line-height:1.2;margin:inherit;font-weight:400;} .blk25 div.sell img {width:150px;height:150px;float:none;} .blk25 div {padding:0;} @media screen and (max-width:639px) {div.blk25 {grid-template-columns:50% 50%;}} /* Grid Blocks 5x20% - shop, sert, funfblk */ .blk20 {grid-template-columns:20% 20% 20% 20% 20%;} .blk20 div {text-align:center;} .blk20 div.zert {margin:5px;padding:10px;border-radius:10px;} /*sert*/ .blk20 div.zert img {outline:0 none;max-width:150px;max-height:150px;width:100%;height:auto;} .blk20 div.full img {width:100%;height:auto;} .blk20 div a strong, .blk20 div strong, .blk20 div a h3, .blk20 div h3 {font-weight:400;} @media screen and (max-width:639px) {div.blk20 {grid-template-columns:50% 50%;}} /* Grid Blocks 7x14% - shop, funfblk, pics120, newsraw */ .blk14 {grid-template-columns:14% 14% 14% 14% 14% 14% 14% 2%;} .blk14 div img {width:120px; height:120px;} .blk14 div {text-align:center;} .headerlangswitcher .blk14 div, .footerlangswitcher .blk14 div {padding:.5em 0 0 0; border-radius:.25em;} .headerlangswitcher .blk14 div.current {outline:1px solid rgba(0,51,153,.25)} .footerlangswitcher .blk14 div.current {outline:1px solid rgba(255,255,255,.5); box-shadow:0 0 10px;} .blk14 div.full img {width:100%;height:auto;} .blk14 div.full img.flag {width:75%;height:auto;} .blk14 div a strong, .blk14 div strong, .blk14 div a h3, .blk14 div h3 {font-weight:400;} @media screen and (max-width:639px) { div.blk14 {grid-template-columns:33% 33% 33%;} .blk14 div img {width:100px; height:100px;} .xs-hide {display:none;visibility:hidden;} } /** Flex Blocks, width: 300px, 150px, 90px, 40px **/ .funfblk, .vierblk, .options {display:flex;flex-wrap:wrap;} /** Nalichie **/ .nalichie-popup {padding:2em;} .nalichie-button {display:inline-block;margin-left:.25em;} .nalichie {display:grid; grid-gap:1em; grid-template-areas: "A A A A A A A A B B B B" "A A A A A A A A B B B B" "C C C C C C C C C C C C" "D D D D D D D D D D D D"; } .nalichie > div {margin:0; border:0; outline:0; padding:0;} .nalichie > div label.callback {width:100%;} .box-1 {grid-area: A;} .box-2 {grid-area: B;} .box-3 {grid-area: C;} .box-4 {grid-area: D;} .box-4 input.contact {width:100%;max-width:100%;} @media screen and (max-width:399px) { .nalichie-popup {padding:.5em;} .nalichie-button {display:block;margin-left:unset;} .nalichie {grid-gap:.5em; grid-template-areas: "A A A A A A A A A A A A" "B B B B B B B B B B B B" "C C C C C C C C C C C C" "D D D D D D D D D D D D" ;} } /** .blobs-container, .blob.blue {display:none;visibility:hidden;} .blobs-container {position:fixed;bottom:6em;right:-3px;z-index:3;} .blobs-container:active, .blobs-container:hover {right:0;} .blob.blue {border-radius:50% 0 0 50%;background:rgba(110, 225, 50, 1);box-shadow:0 3px 10px grey;} a#myButton {text-decoration:none;padding:.5em 1em;margin:1em;} **/ /** Nalichie **/ /**ContactMe**/ textarea.wpcf7-textarea, input.wpcf7-form-control, input.wpcf7-number, iframe.contact {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; box-shadow:1px 2px 6px darkgrey;} .wpcf7 input[type="file"], input.wpcf7-file {border:0 none; box-shadow:none; max-width:60%; outline:0 none;} iframe.contact, textarea.wpcf7-textarea, input.wpcf7-number, input.wpcf7-form-control {border:1px solid #bbb;} iframe.contact:focus, textarea.wpcf7-textarea:focus, input.wpcf7-number:focus, input.wpcf7-form-control:focus {background-color:#fff;color:black;border:1px solid lightgreen;} span.fieldname {padding:.5em 0 0 .75em;position:absolute;z-index:1;font-size:.9rem;color:#4169E1;} textarea.wpcf7-textarea {border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; display:block; min-height:10rem; padding:1.5rem; width:100%; max-width:100%;} textarea.wpcf7-textarea, input.wpcf7-form-control {width:100%;padding:1.625rem 1.75rem 0.875rem 1.75rem;color:black;} input.wpcf7-number {max-width:100%;} input.wpcf7-submit {max-width:75%;width:95%;padding:1.0rem 1.75rem 0.875rem 1.75rem;} label.callback, .wpcf7-spinner {display:block;} label.callback {width:70%;position:relative;} @media (max-width:640px){ label.callback {width:95%;} input.wpcf7-submit {max-width:80%;width:80%; font-size:1.2em !important;} label{padding:0 10px 0 0;} } /**ContactMe**/ div.note {background-color:#f9f9f9;border-radius:0.75em 0;color:#333;padding:1.0rem 1.25rem;margin:0.5rem 0;display:inline-block; border-left:2px solid yellowgreen;border-top:1px solid yellowgreen;border-right:1px solid yellowgreen;border-bottom:1px solid yellowgreen;} @media screen and (max-width:420px) {div.note {padding:1.0rem 1.25rem;margin:0.5rem 0; display: block;}} /* Блок PDF */ div.pdf {outline:1px solid #f3f3f3;border-right:0 none;background-color:#f9f9f9;background-image:url('/icon-pdf.svg');background-position:center left;background-repeat:no-repeat;background-size:30px 30px;color:#333;display:block;padding:7px 20px 7px 40px;margin:10px 0;} div.pdf a:link {color:#c33;text-decoration:underline;} div.pdf a:hover {color:#000;text-decoration:underline;} /* Блок PDF */ /******************* Copy CSS *******************/ .select2-selection__rendered, .select2-selection__arrow {white-space:nowrap !important;padding:0 .25em !important;}