/*=============================================================*/
/* Theme: GREEN-TORRENT
/* Version: 12.0
/* Copyright (c) 2019 Roman Buger
/*=============================================================*/
@import url('/css/normalize.css');
@import url('/css/components.css');
@import url('/css/uDefault.css');
@import url('/css/dropdown.min.css');
@import url('/css/fonts.css');
@import url('/css/ionicons.min.css'); /* font icons */

* {margin: 0; padding: 0; box-sizing: border-box;}
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #121212;
    line-height: 1.6;
    background: radial-gradient(at top, rgb(12, 219, 135), rgb(50, 153, 101) 100%);
    min-height: 100vh;
}
a {text-decoration: none;border: none;outline: none;color: #1ebb77;overflow: inherit;transition: all 0.3s ease 0s;}
a:hover {text-decoration:none;}
ul {margin: 0; padding: 0;}
li {list-style: none;}
img {max-width: 100%;}

h1, h2, h3, h4, h5, h6 {color: #1c1c1c;margin: 0;font-weight: 600;line-height: 28px;}
h1 {font-size: 24px;}

.container {max-width: 1200px; margin: 0 auto;}
.middle {background: #fff;display: flex;}
.header, .middle, .footer { position: relative; z-index: 1;}
.add-link-wrapper {display: none;}

#open_nav {font-size: 28px;padding: 8px 15px;line-height: 1;background: rgba(255,255,255, 0.15); display: none;}
#open_nav:hover {background: rgba(255, 255, 255, 0.22);}

/*=============================================================*/
/* BACKGROUND
/*=============================================================*/
.bg {margin-top: 25.5vh;background: linear-gradient(90deg, #1ebb77, #68f8f5 200%);width: 100%;height: 50vh;transform: skewY(-15deg);position: fixed;z-index: 0;}
.rect1 {margin: 0;width: 30vw;background: white;opacity: 0.1;height: 5vh;float: left;}
.rect2 {margin: 0;width: 20vw;background: white;opacity: 0.2;height: 5vh;float: left;clear: left;}
.rect3 {margin: 0;width: 20vw;background: white;opacity: 0.5;height: 5vh;float: right;}
.rect4 {margin: 0;width: 30vw;background: white;opacity: 0.1;height: 5vh;float: right;clear: right;}

/*=============================================================*/
/* HEADER
/*=============================================================*/
.header_top {display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;padding: 20px 0;}
.header_nav {background: #fff;border-radius:5px 5px 0 0; /*box-shadow: #2b8c59 0px 0px 15px;*/padding: 20px; border-bottom: 1px solid #eee;}
.header_nav {display: flex;justify-content: center;flex-wrap: wrap;}
.header_nav li a {padding: 3px 12px;text-transform: uppercase;font-size: 12px;color: inherit;font-weight: 600;}
.header_nav li a:hover {text-decoration: underline;}

/*=============================================================*/
/* LOGO
/*=============================================================*/
.logo {flex: 0 0 260px;display: inline-flex;justify-content: center;}
.logo a {color: #fff;text-transform: uppercase;font-size: 24px;font-weight: 700;line-height: 1;}

/*=============================================================*/
/* SEARCH
/*=============================================================*/
.search {flex: 1; padding: 0 20px;}
.search form {position: relative;overflow: hidden; border-radius: 4px;}
.search input {width: 100%;border: 0;background: rgba(255,255,255, 0.2); color: #fff;padding: 11px 60px 11px 20px;}
.search input::placeholder {color: #fff;}
.search button {line-height: 1;position: absolute;right: 0;background: transparent;font-size: 22px;color: #fff; height: 100%; border-radius: 0;top: 0;}
.search button:hover {background: rgba(255, 255, 255, 0.1);}
.search input:focus::placeholder {color: transparent;}

/*=============================================================*/
/* UPANEL
/*=============================================================*/
.uPanel button {background: rgba(255,255,255, 0.15);padding: 15px 20px; line-height: 1;}
.uPanel button:hover {background: rgba(255, 255, 255, 0.22);}
.uPanel .ion-ios-person-outline {display: none;}

/*=============================================================*/
/* BREADCRUMBS
/*=============================================================*/
.breadcrumbs-wrapper {display: block !important;}
.breadcrumbs {background: #f7f7f7;padding: 10px 20px;display: flex;flex-wrap: wrap;margin: -20px -20px 0px;border-bottom: 1px solid #eee;align-items: center;font-size: 13px;color: #777;}
.breadcrumbs a {padding: 3px 4px;color: #777;}
.breadcrumbs a:hover {text-decoration: underline;}

/*=============================================================*/
/* ASIDE
/*=============================================================*/
.aside {flex: 0 0 280px;border-right: 1px solid #eee;background: #f7f7f7;}
.aside_title {text-transform: uppercase;font-weight: 700;text-align: center;padding: 12.5px 20px;background: #1ebb77;color: #fff;margin: -1px -1px 0 0;border-top: 1px solid #1ebb77;border-bottom: 1px solid #1ebb77;}
.aside_content {padding: 10px 0;}

/*=============================================================*/
/* CONTENT
/*=============================================================*/
.content {flex: 1;padding: 20px;background: #fbfbfb;}

/*=============================================================*/
/* FOOTER
/*=============================================================*/
.footer {background: #fff; border-radius: 0 0 5px 5px;border-top: 1px solid #eee;padding: 20px;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap; margin-bottom: 20px;}
.copy {font-size: 12px;}

/*=============================================================*/
/* ACCORDION MENU
/*=============================================================*/
.accordion-menu .menu { width: 100%; }
.accordion-menu ul { list-style: none; }
.accordion-menu .menu li a {color: inherit;display: flex;padding: 10px 20px;justify-content: space-between;align-items: center;border-right: 1px solid transparent;margin-right: -1px;}
.accordion-menu .menu li a:hover { background: #fff; color: inherit;border-right: 1px solid #eee; }
.accordion-menu .menu i.fa {font-size: 12px;line-height: 18px;float: right;margin-left: 10px;}
.accordion-menu .menu ul { display: none;background: #fff; }
.accordion-menu .menu ul li a {color: inherit;}
.accordion-menu .menu .active > a {background: #45e09d;color: #fff;border-right: 1px solid #45e09d;}
.accordion-menu .menu .active > a:hover {background: #45e09d;color: #fff;border-right: 1px solid #45e09d;}
.accordion-menu .menu li a [class*="ion"]{background: #1ebb77;color: #fff;line-height: 1;border-radius: 4px;width: 25px;height: 25px;display: inline-flex;justify-content: center;align-items: center;transition: all 0.3s ease 0s;}
.accordion-menu .menu .active > a [class*="ion"] {background: #fff; color: #45e09d;}
.accordion-menu .menu .active > ul > li > a:hover {background: #fbfbfb;}
.accordion-menu .menu .ion-chevron-down::before {top: 1px;position: relative;}


/*=============================================================*/
/* INFORMERS
/*=============================================================*/
.inf_1 {border-bottom: 1px solid #e8e8e8; padding: 20px; display: flex; align-items: center;transition: all 0.3s ease 0s;}
.inf_1:hover {background: #fff;}
.inf_1:last-child {border-bottom: none;}
.inf_1 .inf_poster {flex: 0 0 50px; height: 50px; width: 50px; overflow: hidden; border-radius: 5px; margin-right: 20px;}
.inf_1 .inf_poster img {display: block; width: 100%; height: 100%; object-fit: cover;}
.inf_1 .inf_title {max-height: 50px;overflow: hidden;hyphens: auto;}
.inf_1 .inf_title a {color: inherit;display: inline-block;hyphens: auto;}

/*=============================================================*/
/* SHORTSTORY
/*=============================================================*/
.item_post {margin-bottom: 20px; position: relative; background: #fff;border: 1px solid #eee;display: flex;/*box-shadow: rgba(23, 32, 42, 0.04) 8px 8px 0px 0px;*/}
.item_post_img {padding: 15px; flex: 0 0 200px;position: relative;border-right: 1px solid #eee;}
.item_post_img img {display: block; width: 100%;transition: all 0.2s ease 0s; border-radius: 3px;}
.item_post_content {position: relative;width: 100%;}
.item_post_r_stars {display: flex; justify-content: center;}
.item_post_title {border-bottom: 1px solid #eee;padding: 12px 20px;}
.item_post_title h2 {font-size: 1em;font-weight: 600;color: #121212;line-height: 1.6;}
.item_post_title a {color: #121212;font-weight: 600;display: inline-block;}
.item_post_info {padding: 12px 20px; display: flex; justify-content: space-between; align-items: center;}
.item_category {display: inline-flex;align-items: center;font-size: 1.18em;}
.item_category a {font-size: 0.75em;font-weight: 400;color: #848484;}
.item_category a:hover {color: #575757; text-decoration: underline;}
.item_category [class*="ion"] {line-height: 1;margin-right: 7px;color: #848484;}
.item_post_descr {padding: 0px 20px;margin-bottom: 85px;}
.item_post_btn_bl {display: flex;justify-content: space-between;padding: 15px;position: absolute;bottom: 0;width: 100%;border-top: 1px solid #eee;align-items: center;background: #fff;}
.item_post_btn_bl .btn {transition: all 0.3s ease 0s;color: #fff;font-weight: normal;display: inline-flex;padding: 7px 15px;position: relative;overflow: hidden;border-radius: 3px;border: 0;background: #1ebb77;align-items: center;font-size: 0.95em;}
.item_post_btn_bl .btn [class*="ion"] {font-size: 22px;margin-left: 12px; line-height: 1;}
.item_info {display: flex;min-width: 70px;justify-content: space-between;}
.item_info > div {display: inline-flex;align-items: center;padding: 0 10px;font-size: 12px;color: #575757;}
.item_info > div:first-child {padding-left: 0;}
.item_info > div [class*="ion"] {margin-right: 5px;font-size: 16px;}

/*=============================================================*/
/* FULLSTORY
/*=============================================================*/
.full {background: #fff;border: 1px solid #eee; display: block;}
.full h1 {font-size: 18px;}
.full .item_post_descr {margin-bottom: 20px;}
.full .item_post_img {border-right: 0; display: flex; justify-content: center;}
.full .item_poster {max-width: 35%;}
.item_post.full:hover .item_post_img img {box-shadow: none;}
.uSpoilerText {padding: 15px 20px;background: #f7f7f7;color: inherit;}
.full .item_post_info {border-top: 1px solid #e8e8e8;}
.full .item_category {color: #848484;}
.full .item_category a {padding-left: 5px;}
.page_content {display: block; padding:15px 20px;}

/*=============================================================*/
/* COMMENTS
/*=============================================================*/
.com-order-block {display:none;}
.uComment {margin: 15px !important;}
.uComment .uc-avatar img {width: 30px !important;border-radius: 3px !important;}
.uComment .uc-content {margin: 0 0 0 50px !important;}
.uComment .uc-top-left img, .uc-top-left a, .uc-top-left span {vertical-align: top !important;}
.uComment .uc-top {display: flex;justify-content: space-between;border-bottom: 1px solid #e8e8e8;flex-wrap: wrap;align-items: center;margin-right: -15px;padding: 0 15px 12px 0;margin-bottom: 15px;}
.uComment .red {color: #d02e2e;}
.uComment .count_rating {padding:0 3px;}
.uComment a.uc-profile-link {color: inherit;font-weight: 600;}
.uComment .uc-top-left {display: inline-flex; align-items: baseline;}
.uComment .uc-opacity {font-size: 12px;padding-left: 5px;}
.uComment .comm_rating {background: #1ebb77;color: #fff;padding: 2px 10px;display: inline-block;border-radius: 3px;}
.uComment .comm_rating a {color: #fff;font-size: 16px;}