/*
Theme Name: CityNews 2 Дочерняя тема
Theme URI:  https://www.goodwinpress.ru/tema-citynews-2/
Author: Goodwin
Author URI: https://www.goodwinpress.ru/
Description: CityNews2 - новый журнальный шаблон для WP от goodwinpress. Адаптивная оптимизированная тема для создания новостного сайта или блога. На Главной выводим до 60 публикаций в 10 разных рубриках. Также имеется блог с плиткой и режим "сетка". Фишки темы: микроразметка Schema.org,  два меню, четыре липких отключаемых сайдбара справа или слева, семь встроенных виджетов,  эффект lazy load для отложенной загрузки изображений и видео на всем сайте, высокие баллы в Google Page Speed, спойлер для комментариев, 3 набора кнопок соц, сетей, чистая страница в комплекте, 13 готовых мест для размещения баннеров / контекстной рекламы  плюс шорткод для размещения баннеров в любом месте записей.
Template:  citynews2
 */

/* * * * * * * * * * *  Размещайте ваши стили  под этой строкой  * * * * * * * * * *  */ 

:root, body {
	font-family: 'Gilroy', Arial, sans-serif;
}

:root {
  --mdb-red: #f44336;
  --mdb-pink: #e91e63;
  --mdb-purple: purple-500;
  --mdb-indigo: #3f51b5;
  --mdb-blue: #2196f3;
  --mdb-cyan: #00bcd4;
  --mdb-teal: #009688;
  --mdb-green: #4caf50;
  --mdb-yellow: #ffeb3b;
  --mdb-orange: #ff9800;
  --mdb-white: #fff;
  --mdb-black: #000;
  --mdb-gray: #757575;
  --mdb-gray-dark: #4f4f4f;
  --mdb-gray-50: #fbfbfb;
  --mdb-gray-100: #f5f5f5;
  --mdb-gray-200: #eee;
  --mdb-gray-300: #e0e0e0;
  --mdb-gray-400: #bdbdbd;
  --mdb-gray-500: #9e9e9e;
  --mdb-gray-600: #757575;
  --mdb-gray-700: #616161;
  --mdb-gray-800: #4f4f4f;
  --mdb-gray-900: #262626;
  --mdb-primary: #3b71ca;
  --mdb-secondary: #9fa6b2;
  --mdb-success: #14a44d;
  --mdb-danger: #dc4c64;
  --mdb-warning: #e4a11b;
  --mdb-info: #54b4d3;
  --mdb-light: #fbfbfb;
  --mdb-dark: #332d2d;
  --mdb-primary-rgb: 59,113,202;
  --mdb-secondary-rgb: 159,166,178;
  --mdb-success-rgb: 20,164,77;
  --mdb-danger-rgb: 220,76,100;
  --mdb-warning-rgb: 228,161,27;
  --mdb-info-rgb: 84,180,211;
  --mdb-light-rgb: 251,251,251;
  --mdb-dark-rgb: 51,45,45;
  --mdb-white-rgb: 255,255,255;
  --mdb-black-rgb: 0,0,0;
  --mdb-body-color-rgb: 79,79,79;
  --mdb-body-bg-rgb: 255,255,255;
  --mdb-body-font-size: 1rem;
  --mdb-body-font-weight: 400;
  --mdb-body-line-height: 1.6;
  --mdb-body-color: #4f4f4f;
  --mdb-body-bg: #fff;
  --mdb-border-width: 1px;
  --mdb-border-style: solid;
  --mdb-border-color: #e0e0e0;
  --mdb-border-color-translucent: rgba(0,0,0,0.175);
  --mdb-border-radius: 0.25rem;
  --mdb-border-radius-sm: 0.25rem;
  --mdb-border-radius-lg: 0.5rem;
  --mdb-border-radius-xl: 1rem;
  --mdb-border-radius-2xl: 2rem;
  --mdb-border-radius-pill: 50rem;
  --mdb-link-color: #3b71ca;
  --mdb-link-hover-color: #386bc0;
  --mdb-code-color: #e91e63;
  --mdb-highlight-bg: #fff9c4;
  --mdb-white-rgb: 255,255,255;
}

.h-100 {
  height: 100% !important;
}

.widget-title span a{
 color: #fff;
}

.toggle-search {
  width: 50px;
  height: 48px;
  position: absolute;
  top: -2px;
  right: 4%;
  text-align: center;
  line-height: 48px;
  cursor: pointer;
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}
.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.wp-block-file {
	margin: 5px 0;
}
.wp-block-file:not(.wp-element-button) {
  font-size: 1em;
  color: #000;
	
}
.wp-block-file * + .wp-block-file__button {
  margin-left: .75em;
}

.wp-block-file a.wp-block-file__button {
  background: #00548d;
  color: #fff;
}
.wp-block-file a.wp-block-file__button.wp-element-button {
  border-radius: 0px;
  display: inline-block;
  padding: 5px;
}
.wp-block-file a.wp-block-file__button.wp-element-button:hover {
	text-decoration:none;
	color:#fff;
}
.text-white {
--mdb-text-opacity: 1;
  color: rgba(var(--mdb-white-rgb),var(--mdb-text-opacity)) !important;
}

.text-center {
  text-align: center !important;
}

.btn {
  --mdb-btn-padding-top: 0.625rem;
  --mdb-btn-padding-bottom: 0.5rem;
  --mdb-btn-border-width: 0;
  --mdb-btn-border-color: none;
  --mdb-btn-border-radius: 0.25rem;
  padding-top: var(--mdb-btn-padding-top);
  padding-bottom: var(--mdb-btn-padding-bottom);
  text-transform: uppercase;
  vertical-align: bottom;
  border: 0;
  border-radius: var(--mdb-btn-border-radius);
}

.btn {
  --mdb-btn-padding-x: 1.5rem;
  --mdb-btn-padding-y: 0.375rem;
  --mdb-btn-font-size: 0.75rem;
  --mdb-btn-font-weight: 500;
  --mdb-btn-line-height: 1.5;
  --mdb-btn-color: #4f4f4f;
  --mdb-btn-bg: transparent;
  --mdb-btn-border-width: 0px;
  --mdb-btn-border-color: transparent;
  --mdb-btn-hover-border-color: transparent;
  --mdb-btn-disabled-opacity: 0.65;
  --mdb-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--mdb-btn-focus-shadow-rgb),0.5);
  display: inline-block;
  padding: var(--mdb-btn-padding-y) var(--mdb-btn-padding-x);
  font-family: var(--mdb-btn-font-family);
  font-size: var(--mdb-btn-font-size);
  font-weight: var(--mdb-btn-font-weight);
  line-height: var(--mdb-btn-line-height);
  color: var(--mdb-btn-color);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--mdb-btn-border-width) solid var(--mdb-btn-border-color);
  background-color: var(--mdb-btn-bg);
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-group-sm > .btn, .btn-sm {
  --mdb-btn-padding-y: 0.25rem;
  --mdb-btn-border-radius: 0rem;
}

.btn-group-sm > .btn, .btn-sm {
    --mdb-btn-padding-top: 0.375rem;
    --mdb-btn-padding-bottom: 0.3125rem;
    --mdb-btn-padding-x: 0.5rem;
    --mdb-btn-font-size: 0.75rem;
    --mdb-btn-line-height: 1.5;
}

a.btn {
  text-decoration: none;
}
a.btn-tax {
	background: #00548d;
}
.me-2 {
  margin-right: .5rem !important;
}
.me-1 {
  margin-right: .25rem !important;
}
.ml-2 {
  margin-left: .5rem !important;
}
.ml-1 {
  margin-left: .25rem !important;
}
.mb-1 {
	margin-bottom: .25rem !important;
}
.mb-2 {
	margin-bottom: .5rem !important;
}
.mb-3 {
	margin-bottom: .75rem !important;
}
.mb-4 {
	margin-bottom: 1rem !important;
}

.widget .ml-1 {
    margin-left: 0.6rem !important;
}
.widget a.btn-tax {
padding: 0.10rem 0.15rem;
font-size: 10px;
}

.fa-lg {
  font-size: 1.33333em;
  line-height: .75em;
  vertical-align: -.0667em;
}

.social-buttons {
	width: 100px;
	height: 48px;
	position: absolute;
	top: -2px;
	right: 120px;
	text-align: center;
	line-height: 48px;
	cursor: pointer;
}

@media only screen and (max-width: 1100px) {
	.social-buttons {
		display: none;
	}
}

.sidebar .image {
	max-width: 100%;
	width: 100%;
	height: auto;
}

.entry-date {
  display: inline-block;
}

video.lazy-hidden {
	opacity: unset;
}
.gp-post-tags {
	line-height:40px;
}

.voting_member {
	position: relative;
	padding-bottom: 20px;
}

.voting_member .card-body {
	border-width: 0 1px 1px 1px;
	border-color: #ccc;
	border-style: solid;
	padding-bottom: 15px;
}
.voting_member img {
	width: 100%;
	object-fit: cover;
	height: 300px;
}
.voting_member .fa-circle-play, .voting_member .fa-image { 
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -100%);
	font-size: 80px;
	line-height: 80px;
}
figure.wp-block-image a.fa-circle-play {
	position: relative;
}

figure.wp-block-image a.fa-circle-play::before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 80px;
	line-height: 80px;	
}

.post-content .voting_member h5 {
	margin-bottom: 10px;
}
.post-content .voting_member a {
	color: #fff;
}
.post-content .voting_member a:hover {
	color: #113f67;
	transition: all .2s linear;
	-o-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
}
.post-content .voting_member .vote_button_click {
	color: #ffffff;
	background: #00548d;
	padding: 6px;
	text-decoration: none;
	font-size: 14px;
}
.post-content .voting_member .vote_button_click:hover {
	color: #ffffff;
	background: #003960;
}

@media only screen and (max-width: 1100px) {
	.fancybox-slide.fancybox-slide--video video {
		max-width:95%;
		padding:0px;
	}
	.fancybox-slide--iframe .fancybox-content {
		height: auto !important;
	}
}
@media only screen and (min-width: 1101px) {
	.fancybox-slide.fancybox-slide--video video {
		max-width:70%;
		padding:0px;
	}
	.fancybox-slide--iframe .fancybox-content {
		height: calc(100% - 88px) !important;
	}
}

.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.disabled > a, a.disabled {
  color: currentColor;
  pointer-events: none;
  text-decoration: none;
}


[id^=modal] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
}
[id^=modal]:target {
    display: block;
}
.popup {
    width: 100%;
    height: 100%;
    z-index: 99999;
}
.popup__overlay {
    position: fixed;
    z-index: 1;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000000b3;
}
.popup__wrapper {
    position: fixed;
    z-index: 9;
    width: 80%;
    max-width: 1200px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 8px;
    padding: 58px 32px 32px 32px;
    background: #fff;
}
.post-content a.popup__close {
    position: absolute;
    top: 16px;
    right: 26px;
	color: #000;
	font-size: 30px;
}
.popup__title {
    position: absolute;
    top: 16px;
    left: 26px;
	color: #000;
	font-size:20px;
}
.post-excerpt p {
  margin-bottom: 20px;
}