/*
Theme Name: Shapebox Child
Template: shapebox
Author: Alexander Agnarson
Description: Shapebox is a flexible blog theme with plenty of options. Optimized for all devices, this theme will stand out with a unique design. Pick any accent and gradient colors you wish. Set sidebar to the left or right - or no sidebar at all. You can also enable a light/dark theme toggle switch in the sidebar. Demo: http://demo.alx.media/x/?theme=Shapebox
Tags: blog,news,entertainment,one-column,two-columns,right-sidebar,left-sidebar,custom-colors,custom-menu,featured-images,flexible-header,full-width-template,post-formats,sticky-post,theme-options,threaded-comments,translation-ready,custom-logo,custom-header,custom-background,footer-widgets,wide-blocks
Version: 1.1.0.1674996326
Updated: 2023-01-29 15:45:26

*/
.image-block {position: relative;margin: 40px 0;font-size: 16px;border-radius: 10px;overflow: hidden;padding: 25px 30px 25px 120px;background: hsl(205, 79%, 77%) url(https://standoffv2.ru/img/sovet.webp) 15px center no-repeat;background-size: auto 60%;color: #000;}
.postload-img img {	max-width: 23%;	float: right;}
.download {padding-bottom: 10px;padding-top: 10px;text-align: center;width: 75%;background: -webkit-linear-gradient(90deg, #c14bff,#6c5dd3);background: linear-gradient(90deg, #c14bff,#6c5dd3);display: inline-block;text-decoration: none !important;color:#fff !important;margin: 1%;position: relative;left: 50%;transform: translate(-50%, 0); }
.download:hover {box-shadow: 0 0 10px #6c5dd3;color:#fff;}
.blog-single-inner{width: 900px;height: 400px;}
.rsa {margin-bottom:25px;}
body {color:#000}
#profile-image img {background: #fff;}
#profile-description {color: rgb(255, 255, 255);}
@media only screen and (max-width:800px){.image-block {background:hsl(205, 79%, 77%);padding: 25px 30px 25px 13%;}
}
@media only screen and (max-width:800px){.hiddeninfo {display:none;}
}
@media only screen and (max-width:800px){.download {display:none;}
}
.flex-gallery {
display: flex;
overflow-x: auto;
padding-left: 0px !important;}
.flex-gallery li {list-style-type: none !important;padding-right: 15px !important;}
.flex-gallery img {height: 200px !important;max-width: none !important;}
.background-li {background: #A8ABAC; border: 1px solid #E0E5E9;margin-bottom: 15px;}

.flex-gallery-vertical {
display: flex;
overflow-x: auto;
align-items: center;
justify-content: center;}
.flex-gallery-vertical li {list-style-type: none !important;padding-right: 15px !important;}
.flex-gallery-vertical img {height: 300px !important;max-width: none !important;}
.background-li-vertical {background: #A8ABAC; border: 1px solid #E0E5E9;}
/*дальше кнопка скачивания в записях*/
.glow-on-hover {
width: 70%;
height: 75px;
border: none;
outline: none;
color: #fff;
background: #111;
cursor: pointer;
position: relative;
z-index: 0;
border-radius: 10px;
}
.glow-on-hover a {
color:#fff !important;
text-decoration:none;
}
.glow-on-hover:before {
content: '';
background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
position: absolute;
top: -2px;
left:-2px;
background-size: 400%;
z-index: -1;
filter: blur(5px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing 20s linear infinite;
opacity: 0;
transition: opacity .3s ease-in-out;
border-radius: 10px;
}
.glow-on-hover:active {
color: #000
}
.glow-on-hover:active:after {
background: transparent;
}
.glow-on-hover:hover:before {
opacity: 1;
}
.glow-on-hover:after {
z-index: -1;
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #111;
left: 0;
top: 0;
border-radius: 10px;
}
@keyframes glowing {
0% { background-position: 0 0; }
50% { background-position: 400% 0; }
100% { background-position: 0 0; }
}
/*конец кнопки*/
.fon {color:#fff;padding: 1.25em 2.375em;background: -webkit-linear-gradient(90deg, #d20636,#0923c3);/* Chrome 10-25, Safari 5.1-6 */background: linear-gradient(90deg, #d20636,#0923c3);/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */margin-bottom: 15px;}
.fon a{color:#fff !important;}
.blog-single-bottom{align-items: center;display: flex;}
.blog-single-title {text-shadow: 1px 1px 2px red, 0 0 1em #000, 0 0 0.2em black;}

@media only screen and (max-width: 479px) {.featured-item, .blog-single-inner {width: 327px;}}
@media only screen and (max-width: 1080px) {.featured-item, .blog-single-inner {width: 652px;}}

#commentform p.comment-form-author { width: 48%; float: left; padding: 10px 0 30px 0; }
#commentform .comment-form-cookies-consent { padding: 10px 0; display: none;}
#commentform .comment-form-cookies-consent label { display: none; }
#commentform p.form-submit { margin-top: 10px; width: 48%;}