/* В этом файле описаны стиле для новостей и мероприятий (архивные страницы) - внешняя часть сайта и внутренняя */

.posts {
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.15);
    border: solid 1px #e7e7e7;
    margin: 0% 0% 2% 0%;
    cursor: pointer;
    transition: 0.4s;
    padding: 2.2% 3% 2.2% 3%;
    border-radius: 15px;
    font-family: 'Manrope';
    display: flex;
	
	background-color: #e9e7e730;
	    border: solid 1px #c6c6c6;
		box-shadow:none;
}

.posts.real:hover {
    transform: translateY(-3%);
	/*
    border-color: #00679a;
    box-shadow: -4px 6px 12px 2px rgba(0,0,0,0.17);
	*/
	border-color: #243998;
    transform: translateY(-4%);
    box-shadow: -5px 6px 15px 0px rgba(0, 0, 0, 0.1);
	
}

.post-left {
    width: 25%;
    display: flex;
    align-items: center;
}

.post-right {
    display: flex;
    flex-direction: column;
    padding-left: 5%;
    width: 75%;
    justify-content: space-between;
    padding-bottom: 0.5%;
}

.post-title {
    font-size: 1.2vw;
    font-weight: 700;
}

.post-date {
    font-size: 0.85vw;
    color: #aab1b4;
    font-weight: 500;
    margin: 0.2% 0% 0% 0%;
}

.post-shortdesc {
    font-size: 0.95vw;
    line-height: 1.4em;
    color: #443f3f;
    width: 80%;
    font-weight: 500;
    margin-top: 1%;
}

.posts.real:hover > div > a {
    background-color: #6631a4;
    color: white;
}

a.post-btn {
    background-color: #000;
    width: 20%;
    border-radius: 55px;
    margin-top: 2%;
    padding: 1.2% 3% 1.2% 3%;
    text-align: center;
    color: #fff;
    font-size: 0.9vw;
    font-weight: 500;
    transition: 0.4s;
}

a.post-btn:hover {
    background-color: #6631a4;
    color: white;
}

img.post-img {
    border-radius: 15px 15px 15px 15px;
    width: 100%;
    -o-object-position: top;
    object-position: top;
    height: 12vw;
    -o-object-fit: cover;
    object-fit: cover;
    filter: brightness(0.85);
}


span.relative.inline-flex.items-center.px-4.py-2.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.leading-5.rounded-md {
    background-color: #d5d5d5;
    font-family: 'Manrope';
    font-size: 1vw;
    border-radius: 55px;
    width: 15vw;
    padding: 1% 0% 1% 0%;
    display: flex;
    justify-content: center;
    margin: 1%; color: #a0a0a0;
}

a.relative.inline-flex.items-center.px-4.py-2.ml-3.text-sm.font-medium.text-gray-700.bg-white.border.border-gray-300.leading-5.rounded-md.hover\:text-gray-500.focus\:outline-none.focus\:ring.ring-gray-300.focus\:border-blue-300.active\:bg-gray-100.active\:text-gray-700.transition.ease-in-out.duration-150 {
    background-color: #243898;
    color: #fff;
    font-family: 'Manrope';
    font-size: 1vw;
    border-radius: 55px;
    width: 15vw;
    font-weight: 500;
    padding: 1% 0% 1% 0%;
    display: flex;
    justify-content: center;
    margin: 1%;
		background-color: rgba(69, 62, 134, 1);
    background-image: linear-gradient(117deg, rgba(69, 62, 134, 1) 0%, rgba(43, 50, 90, 1) 42%);
}

a.relative.inline-flex.items-center.px-4.py-2.text-sm.font-medium.text-gray-700.bg-white.border.border-gray-300.leading-5.rounded-md.hover\:text-gray-500.focus\:outline-none.focus\:ring.ring-gray-300.focus\:border-blue-300.active\:bg-gray-100.active\:text-gray-700.transition.ease-in-out.duration-150 {
    background-color: #95d4e9;
    color: black;
    font-family: 'Manrope';
    font-size: 1vw;
    border-radius: 55px;
    width: 15vw;
    font-weight: 500;
    padding: 1% 0% 1% 0%;
    display: flex;
    justify-content: center;
    margin: 1%;
	
	    background-color: #DAD7EB; color: #262566;
}

.flex.justify-between.flex-1.sm\:hidden {
    display: flex;
}


.hidden.sm\:flex-1.sm\:flex.sm\:items-center.sm\:justify-between {
    display: none;
}

.second-page-title {
    font-family: 'NextArt';
    font-size: 2vw;
    font-weight: 800;
}

.second-page-desc {
    font-size: 1.1vw;
    font-family: 'Manrope';
    margin: 0.5% 0% 3% 0%;
}

.flex.justify-between.flex-1.sm\:hidden {
    display: flex;
    width: 100%;
    justify-content: center;
}

nav.flex.items-center.justify-between {
    margin-top: 4%;
}

/* МОДЕРАТОР - НОВОСТИ */

a.post-btn.edit {
    background-color: #967ab8;
    color: white;
}

a.post-btn.edit:hover {
    background-color: #6631a4;
    color: #fff;
}

a.post-btn.edit {
    width: 25%;
    margin: 2% 3% 0% 3%;
}

.posts-moder {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
}

form.delete-post {
    width: 32%;
    margin-top: 2%;
}

button.post-btn.delete {
    background-color: #c9c9c9;
    border-radius: 55px;
    padding: 0.8vw 2vw 0.9vw 2vw;
    font-size: 0.9vw;
    cursor: pointer;
    line-height: 1em;
       color: #3f3f3f;
    font-weight: 400;
    display: flex;
    align-items: center;
    margin-right: 1%;
    font-family: 'Manrope';
    transition: 0.4s;
    border: none;
}

button.post-btn.delete:hover {
    background-color: #af423a;
    color: white;
}

.moder-add-btn {
    display: flex;
    justify-content: flex-end;
    margin-top: -4%;
    margin-bottom: 2%;
}

a.moder-add-btn {
    background-color: #967ab8;
    font-family: 'Manrope';
    border-radius: 55px;
    font-size: 1vw;
    padding: 0.5% 3% 0.5% 3%;
    color: #fff;
    transition: 0.4s;
}

a.moder-add-btn:hover {
    background-color: #000;
    color: white;
}

label.post-edit-title {
    font-family: 'Manrope';
    font-size: 1.1vw;
    font-weight: 500;
    padding: 0% 0% 0% 1%;
}

.form-group {
    margin: 2% 0% 2% 0%;
    text-align: left;
}

button.btn.btn-primary {
    margin-top: 2%;
    background-color: #997cbc; color:#fff;
    width: 100%;
    border-radius: 55px;
    padding: 1% 0% 1% 0%;
    border: none;
    font-family: 'Manrope';
    font-size: 1vw;
    font-weight: 500;
    cursor: pointer;
    transition: 0.4s;
}

.form-group.uniq-form-1 {
    margin-top: 2%;
}

button.btn.btn-primary:hover {
    background-color: #000;
    color: white;
    transition: 0.4s;
}

input#image {
    font-family: 'Manrope';
    margin-left: 2%;
    padding: 1% 0% 1% 5%;
    background-color: #e0e0e0;
    border-radius: 55px;
}

/* Редактирование новости */


input.text-input-shadow {
    width: 94%;
    border-radius: 55px;
    padding: 1vw 1vw 1vw 3.1vw;
    font-family: 'Manrope';
    color: black;
    font-weight: 500;
    transition: 0.4s;
    font-size: 1.05vw;
    border: solid 1px #e3e3e3;
    box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.15);
}

/* Плейсхолдеры */

input.text-input-shadow::-webkit-input-placeholder {
    color: #888888;
    font-weight: 500;
    font-size: 0.95vw;
}

input.text-input-shadow::-moz-placeholder {
    color: #888888;
    font-weight: 500;
    font-size: 0.95vw;
    padding-left: 5%;
}

input.text-input-shadow:focus {
    outline: none;
    border: solid 1px #dadada;
    background-color: #f2f2f2;
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.25);
}

.form-login-in {
    margin: 0% 0% 4% 0%;
    display: flex;
    position: relative;
}

.form-login-in.form-footer {
    display: flex;
    justify-content: space-between;
    margin: -0.5% 3% 1% 3%;
}

.form-group {
    margin: 0% 0% 2% 0%;
    text-align: left;
}

.alert.alert-danger {
    background-color: #d84b4b;
    display: inline-block;
    padding: 0.5% 2% 0.5% 2%;
    border-radius: 15px;
    font-family: 'Manrope';
    font-size: 0.9vw;
    color: white;
    margin-bottom: -1%;
    top: 6vw;
    position: absolute;
}

.alert.alert-success {
    background-color: #4CAF50;
    display: inline-block;
    padding: 0.5% 2% 0.5% 2%;
    border-radius: 15px;
    font-family: 'Manrope';
    font-size: 0.9vw;
    color: white;
    margin-bottom: -1%;
    top: 6vw;
    position: absolute;
}

.tox-promotion {
    display: none;
}

span.tox-statusbar__branding {
    display: none;
}

.current-line {
    margin: 2% 0% 1% 0%;
    width: 22%;
    height: 0.4vw;
    border-radius: 55px;
    background-color: #c7d30a;
	display:none;
}

.current-post-title {
    font-family: 'Manrope';
    font-size: 2.5vw;
    font-weight: 700;
    width: 100%;
    line-height: 1.2em;
    color: #202020;
}

img.curent-post-img {
    width: 80%;
    margin: 5% 0% 0% 0%;
    border-radius: 15px;
    margin-bottom: 5%;
	
}

.current-post-date {
    font-family: 'Manrope';
    font-size: 1.3vw;
    margin: 2% 0% 3% 0%;
    color: #6631a4;
    font-weight: 500;
}

.current-post-container {
    width: 80%;

}

.current-post-content{font-size:1.2vw;}

a.current_back {
    background-color: #ececec;
    border-radius: 55px;
    font-family: 'Manrope';
    font-weight: 300;
    padding: 0.55% 1% 0.45% 1%;
    margin: -3% 0% 0% 0%;
    font-size: 1vw;
    color: #a0a0a0;
    transition: 0.4s;
    cursor: pointer;
    margin-bottom:2%;
    display: flex;
    width: 14%;
    justify-content: center;

}

a.current_back:hover {
    background-color: #f1f1f1;
    color: #707070;
}

/* Карточка компании (внезапно) (соре)) */

label.post-edit-title.uniq-title-02 {
    margin-bottom: 1%;
    display: flex;
}

.title-spec {
    font-family: 'Manrope';
    font-size: 1.1vw;
    font-weight: 500;
    padding: 0% 0% 1% 0%;
}

label.post-edit-title.uniq-title-03 {
    padding: 0%;
}



/* CHECKBOX-STYLE */
/* CHECKBOX-STYLE */
/* CHECKBOX-STYLE */
/* CHECKBOX-STYLE */
/* CHECKBOX-STYLE */


.app-form__checkbox-container {
    width: 58.5%;
    display: flex;
    flex-direction: column;
    margin: 0% 0% -0.5% 0%;
}

/* Отключение чек-бокса (input) по ID*/

input.app-chat__checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

/* Правила для label, связанного с checkbox - речь про span внутри label */

span.app-chat__checkbox-span {
    display: inline-flex;
    align-items: center;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

span.app-chat__checkbox-span::before {
    content: '';
    display: inline-block;
    width: 1.3vw;
    height: 1.3vw;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #adb5bd;
    border-radius: 0.25em;
    margin-right: 1vw;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

label.app-chat__checkbox-label {
    margin: 0% 0% 1.5% 0%;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    border-radius: 55px;
    padding: 2% 5% 2% 4%;
    border: solid 1px #ebebeb;
}

/* Наведение на новый чекбокс */

input.app-chat__checkbox:not(:disabled):not(:checked)+span.app-chat__checkbox-span:hover::before {
    border-color: #997cbc;
}


/* Нажатие (зажатие на отпуская) на новый чекбокс */
input.app-chat__checkbox:not(:disabled):active+span.app-chat__checkbox-span::before {
    background-color: #ffffff;
    border-color: #997cbc;
}

/* Выбранный новый чекбокс */
input.app-chat__checkbox:checked+span.app-chat__checkbox-span::before {
    border-color: #997cbc;
    background-color: #997cbc;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

span.app-chat__checkbox-span {
    font-family: 'Manrope';
    font-size: 0.85vw;
    font-weight: 600;
    color: #101010;
    transition: 0.4s;
    display: flex;
    cursor: pointer;
    line-height: 1.3em;
    align-items: center;
}

/* CHECKBOX-STYLE */
/* CHECKBOX-STYLE */
/* CHECKBOX-STYLE */
/* CHECKBOX-STYLE */
/* CHECKBOX-STYLE */

.form-group-checkboxes > label {
    margin-top: 1%;
    display: block;
}

.form-group-flex {
    display: flex;
    margin: 2% 0% 3% 0%;
    align-items: center;
}

.select-info {
    font-family: 'Manrope';
    margin-left: 2vw;
    padding: 1.2% 5% 1.2% 5%;
    background-color: #e0e0e0;
    border-radius: 55px;
    display: flex;
    justify-content: center;
}

select.select-company {
    width: 100%;
    display: flex;
}

.post-right.event {
    padding-right: 15%;
    width: 70%;
    position: relative;
}

.current_event_quadro {
    position: absolute;
    display: flex;
    background-color: #997cbc; color:#fff;
    right: 0%;
    transition: 0.4s;
    height: 10vw;
    flex-direction: column;
    width: 10vw;
    top: calc(50% - 5vw);
    border-radius: 15px;
    justify-content: center;
    align-items: center;
}

.event_date {
    font-size: 1.6vw;
    font-weight: 900;
}

.event_month {
    font-size: 1.2vw;
    margin: -2% 0% -2% 0%;
}

.event_time {
    font-size: 1vw;
}

.posts.real:hover > div > .current_event_quadro {
    background-color: #243998;
    color: white;
}

a.current_back.event {
    width: 19%;
}

.current_event_quadro.event-page {
    position: absolute;
    display: flex;
    background-color: #997cbc; color:#fff;
    right: 9%;
    transition: 0.4s;
    height: 7vw;
    flex-direction: column;
    width: 14vw;
    top: 14vw;
    border-radius: 15px;
    justify-content: center;
    align-items: center;
}

.current_event_quadro.event-page > .event_month {
    margin: 3% 0% 3% 0%;
}


@media (max-width:767px){
	.current_event_quadro.event-page{ top: 24vw;}
	
	a.current_back {margin-top:2%;}
	img.curent-post-img {  width:100%;}
	
	.current-post-container {  width: 100%;}

	.current-post-content {  font-size: 1.4vw;}
	
}