/*
Theme Name: Shapebox Child
Theme URI: http://alx.media/themes/shapebox/
Template: shapebox
Author: Alexander Agnarson
Author URI: http://alx.media
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.1678547239
Updated: 2023-03-11 18:07:19

*/
.image-block {
position: relative;
margin: 40px 0;
font-size: 16px;
border-radius: 10px;
overflow: hidden;
padding: 25px 30px 25px 120px;
background: hsla(53.6, 79.4%, 67.6%, 0.69) url(https://gardenbanban.com/img/sovet.webp) 15px center no-repeat;
background-size: auto 60%;
color: #444;
}
.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);/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(90deg, #c14bff,#6c5dd3);/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */   
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;
}
@media only screen and (max-width:800px){.image-block {background:hsla(53.6, 79.4%, 67.6%, 0.69);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;}
}
/*дальше кнопка скачивания в записях*/
.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; }
}
/*конец кнопки*/
.rsa {margin-bottom:25px;}
#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%;}