/* ---  S T Y L E  --- */
/* ---  main --- */

/* ---  global --- */
:root {
--color-main-body:#EFEDF0;

--color-green-dark:#11650C;
--color-green-primary:#228D1A;
--color-green-highlight:#26A01D;
--color-green-light:#D7F5C2;
--color-green-soft:#f9fff9;

--color-blue-dark:#1C60A1;
--color-blue-primary:#0053F9;
--color-blue-primary-hover:#0244C8;
--color-blue-highlight:#4285F4;
--color-blue-highlight-hover:#3D86FF;
--color-blue-light:#CDE9F7;

--color-red-dark:#AA4747;
--color-red-primary:#ea4335;
--color-red-primary-hover:#d7483b;
--color-red-highlight:#dd4033;
--color-red-light:#FFE5E5;
--color-red-soft:#fff9f9;

--color-yellow-primary:#F0A300;
--color-yellow-soft:#FFF7B9;

--color-purple-primary:#5F4781;
--color-purple-light:#F3E5F5;

--color-orange-primary:#ff7e20;

--color-grey-skeleton:#E0E0E0;
}

/* ---  рандомные цвета (skeleton-bg) --- */
.global__bg-color--f9f6f6 {background-color:#F9F6F6;}
.global__bg-color--f9f6f7 {background-color:#F9F6F7;}
.global__bg-color--f9f6f8 {background-color:#F9F6F8;}
.global__bg-color--f9f6f9 {background-color:#F9F6F9;}
.global__bg-color--f8f6f9 {background-color:#F8F6F9;}
.global__bg-color--f7f6f9 {background-color:#F7F6F9;}
.global__bg-color--f6f6f9 {background-color:#F6F6F9;}
.global__bg-color--f6f7f9 {background-color:#F6F7F9;}
.global__bg-color--f6f8f9 {background-color:#F6F8F9;}
.global__bg-color--f6f9f9 {background-color:#F6F9F9;}
.global__bg-color--f6f9f8 {background-color:#F6F9F8;}
.global__bg-color--f6f9f7 {background-color:#F6F9F7;}
.global__bg-color--f6f9f6 {background-color:#F6F9F6;}
.global__bg-color--f7f9f6 {background-color:#F7F9F6;}
.global__bg-color--f8f9f6 {background-color:#F8F9F6;}
.global__bg-color--f9f9f6 {background-color:#F9F9F6;}
.global__bg-color--f9f8f6 {background-color:#F9F8F6;}
.global__bg-color--f9f7f6 {background-color:#F9F7F6;}

.global__bg-gradient--hotpink {background-image:linear-gradient(to right bottom, #F095FF, #F64848);}
.global__bg-gradient--coral {background-image:linear-gradient(to right bottom, #FDF194, #FF8AB3);}
.global__bg-gradient--skyblue {background-image:linear-gradient(to right bottom, #E8C3FD, #86C5FC);}
/*.global__bg-gradient--whitesmoke {background-image: linear-gradient(to right bottom, #EAECED, #FFFCFC);}*/
.global__bg-gradient--deepskyblue {background-image:linear-gradient(to right bottom, #8BFCFE, #64A1FF);}
.global__bg-gradient--turquoise {background-image:linear-gradient(to right bottom, #9ABDEB, #80F9B7);}
.global__bg-gradient--aquamarine {background-image:linear-gradient(to right bottom, #8AF9B4, #90D3F6);}
.global__bg-gradient--orchid {background-image:linear-gradient(to right bottom, #A6C1FF, #FC7B7B);}
.global__bg-gradient--fuchsia {background-image:linear-gradient(to right bottom, #FCC989, #D278F2);}
.global__bg-gradient--palegreen {background-image:linear-gradient(to right bottom, #D4FB78, #95E6A1);}
.global__bg-gradient--lightsalmon {background-image:linear-gradient(to right bottom, #F6D365, #FE9F86);}
/* ---  S T Y L E  --- */

/* ---  V I E W I N G  --- */
#article article {background-color:#FFF; border-radius:0 0 5px 5px; box-shadow:0 1px 2px rgba(0,0,0,0.08);}
#page.viewing.post #article .article__body .media.loaded {background:rgba(0, 0, 0, 1);}
/*#page.viewing.album #article .article__body .media.loaded {background:rgba(0, 0, 0, 0.01);}*/
#article .article__body .media-description {background-color:#FFF; padding:15px;}
#article .article__body .media-description:last-of-type {border-bottom:1px solid rgba(0, 0, 0, 0.03);}
#article .article__footer {padding:10px 15px;}
#article .article__footer .right-side button {background-color:transparent; border:1px solid rgba(0, 0, 0, 0.07);}
#article .article__body .btn--show-more { background-color:#EAEFF9;margin:20px 15px 15px 15px;}
#article .article__body .btn--show-more:hover {background-color:#F3EAF9;}


/*#hero aside .imagehosting-statistics {background-color:#FFF; padding:10px; border-radius:5px; box-shadow:0 1px 2px rgba(0,0,0,0.08);}
#hero aside .imagehosting-statistics footer {border-top:1px solid #F0EEF2;}*/
#hero aside .article-navigation { background-color:#FFF; padding:15px 10px; border-radius:5px;box-shadow:0 1px 2px rgba(0,0,0,0.08);}

#side-gallery {border-radius:5px;}
#side-gallery .side-gallery__header {padding:0px 10px 10px; border-bottom:none; border-radius:5px 5px 0 0;}
#side-gallery .side-gallery__body .item { transition:box-shadow 300ms ease;box-shadow:0 1px 2px rgba(0,0,0,0.08);}
#side-gallery .side-gallery__body .item__footer {background-color:rgba(255, 255, 255, 1);}
#side-gallery .side-gallery__body[data-layout="list"] .item {margin-bottom:10px;}
#side-gallery .side-gallery__body[data-layout="list"] .item:hover {box-shadow:0 1px 2px 0 rgba(0,0,0,0.16);}
#side-gallery .side-gallery__body[data-layout="list"] .item--active {/*box-shadow:0 1px 2px 0 rgba(0,0,0,0.16);*/}
#side-gallery .side-gallery__body[data-layout="grid"] .item:hover {box-shadow:0 4px 8px 0 rgba(0,0,0,0.16);}
#side-gallery .side-gallery__body[data-layout="grid"] .item--active {/*box-shadow:0 4px 8px 0 rgba(0,0,0,0.16);*/}
#side-gallery .side-gallery__body[data-layout="grid"] .item__footer {padding:3px 5px 3px;}
/*#side-gallery .side-gallery__footer {background: linear-gradient(to bottom,transparent 0,#efedf0 100%);}*/
/* ---  V I E W I N G  --- */


/* ---  C O M M E N T S  --- */
#comments {background-color:#FFF; box-shadow:0 1px 2px rgba(0,0,0,0.08);}
#comments .write-block {padding:10px 15px;}
#comments .write-block .write-comment {/*background-color:#FCFCFC; border:1px solid #E0DDE2;*/ background-color:#F8F6F9; border-radius:30px;}
#comments .write-block .write-comment.shown .panel {padding:10px;}

#comments .comment {padding:15px;}
/* ---  C O M M E N T S  --- */


#page-footer {/*background-color:#FAFAFB;*//*background-color:rgba(255,255,255,0.4); background-color: rgba(0,0,0,0.05); */}





/* ---  M E D I A   Q U E R I E S  --- */
@media (max-width: 1199px) {/* Rules for laptops, small desktop screens, and smaller viewports */}

@media (max-width:991px) {/* Rules for tablets and smaller viewports */}

@media (max-width:767px) {/* Rules for smartphones only */
    #article .article__body .btn--show-more {margin:20px 10px 15px 10px;}

    #comments .comment {padding:10px;}
    #comments .write-block {padding:10px 0px;}
    #comments .write-block .write-comment { background-color:#FFF;border:none; border-radius:0px;}
    #comments .write-block .write-comment.shown .panel {padding:0px 10px 10px;}}

/* ---  M E D I A  Q U E R I E S  --- */