/**
Theme Name: Что подарите new
Author: Med
*/

/* Указываем box sizing */
*,
*::before,
*::after {
  	box-sizing: border-box;
}

 /* Убираем внутренние отступы */
ul[class],
ol[class] {
  	padding: 0;
}

/* Убираем внешние отступы */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  	margin: 0;
}

/* Выставляем основные настройки по-умолчанию для body */
body {
  	min-height: 100vh;
  	scroll-behavior: smooth;
  	text-rendering: optimizeSpeed;
  	line-height: 1.5;
}
/* Удаляем стандартную стилизацию для всех ul и il, у которых есть атрибут class*/
ul[class],
ol[class] {
	list-style: none;
}

/* Наследуем шрифты для инпутов и кнопок */
input,
button,
textarea,
select {
  	font: inherit;
}

/* Удаляем все анимации и переходы для людей, которые предпочитай их не использовать */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 17px;
	line-height: 1.65;
	color: #444444;	
	max-width: 1200px;
	margin: 5px auto;
	padding: 0 15px;
	letter-spacing: 0.2px;
}
.header {
	display: flex;
	flex-wrap: wrap;
}
.header-banner {
	min-width: 500px; 
	max-width: 865px;
	align-self:center;
	margin: 30px 0 0 10px;
}
.logo {
	width: 294px;
}
.wrapper {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.content{
    width: 100%;
}
@media (max-width: 1099px) {
.content{
    margin: 0 auto;
}
}
aside {
	min-width: 380px;
	width: 380px;
	margin: 10px 0 0 80px;
}
aside h4{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: #81AA1F;
	color: #FFF;
	font-size: 1em;
	padding: 10px;
	margin-top: 0;
}
.menu a{
	color: inherit;
	text-decoration: none;
}
.menu a:hover{
	text-decoration: underline;
}

.menu-podarki-container {
	margin-bottom: 20px;
}
h1, h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3;
	margin: 0.9em 0;
}
h1{
	font-size: 1.7em;
}
h2{
	font-size: 1.5em;
}
h3{
	font-size: 1.3em;
}
h4{
	font-size: 1.15em;
}
a {
	color: #0070EA;
  	text-decoration-skip-ink: none;
}
a:hover {
	text-decoration: none;
}
p, ul, ol {
	margin: 1.4em 0;
}
p.has-background {
	padding: 20px 30px !important;
}
i {
	display: block;
	border-left: 4px solid #81aa1f;
	padding: 0 0 0 10px;
}
strong {
	font-weight: 600;
}
img  {
	max-width: 100%;
	height: auto;
}
iframe {
	max-width: 100%;
}
figcaption {
    text-align: center;
    font-style: italic;
}
ul, ol{
	padding-left: 15px;
}
li {
	margin: 0.8em 0;
}
.center {
	text-align: center;
}

.clear {
	clear: both;
}

.heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #ee991a;
	margin-bottom: 10px;
	padding: 3px 5px;
	text-align: center;
	border-radius: 1px;
}

a.commentsnumber {
	font-family: Arial, Helvetica, sans-serif;
	color: inherit;
	text-decoration: none;
}
a.commentsnumber:hover {
	text-decoration: underline;
}

/* Хлебные крошки start */
#breadcrumbs {
	margin-top: 20px;
}
#breadcrumbs a{
	font-family: Arial, Helvetica, sans-serif;
	color: inherit;
	text-decoration: none;
}
#breadcrumbs a:hover{
	text-decoration: underline;
}
/* Хлебные крошки end */

/* Стилизация списков start */
.content ul {
    list-style-type: none; /* Прячем исходные маркеры */
}

.content ul li{
list-style-type: none;
}

.content ul li:before, .menu li:before {
    color: #fcb900; /* Цвет маркера */
    content: "■"; /* Сам маркер */
    padding-right: 10px; /* Расстояние от маркера до текста */
	padding-top: 10px;
}

.content ol {
    list-style-type: none; /* Убираем исходные маркеры */
    counter-reset:  item; /* Обнуляем счетчик списка */
}
.content ol li{
	list-style-type: none;
}
.content ol li:before {
  	content: counter(item)  ''; /* Можно добавить к числам точку */
   	counter-increment: item; /* Задаём имя счетчика */
   	color: #FFFFFF;
   	background-color:#81AA1F;
   	padding:  3px 8px;
   	margin: 10px 10px 0px 0;
   	border-radius: 1px;
}
/* Стилизация списков end */

/* Recommended by http://codex.wordpress.org/CSS start */
.aligncenter img.art-article, .aligncenter img, img.aligncenter {
	display: block;
    margin: 0.5em auto;
}
.alignleft {
	float: left;
    margin-right: 10px;
}
.alignright {
	float: right;
    margin-left: 10px;
}
@media (max-width: 765px) {
.alignleft, .alignright {
	display: block !important;
	margin: 0.5em auto !important;
	float: none !important;
}}
/* Recommended by http://codex.wordpress.org/CSS end */

.wp-block-image {
	margin-bottom: 0 !important;
}

.stihi p {
 	text-align:center;
}
.sozdat {
margin: -5px auto -5px auto;
display: block;
}
.birthdayimg img {
	vertical-align:middle; 
	margin: 5px 10px 5px 0;
}
.birthdayimg ol li {
       font-size: 16px;        
}
/* Вставка открыток start */
.kody-dlya-vstavki {
	font-weight:bold;
	text-align:center;
}
.forcards{
	text-align: center;
}
.forcards input{  	
	font-size: 17px;
	width: 100%;
    color: #0088ff;  
}
/* Вставка открыток end */

/* Анонс поста в категории start */
.anons-post h3 a {
	text-decoration: none;
	color: inherit;
}
.anons-post h3 a:hover {
	text-decoration: underline;
}
.anons-post img{
	float: left;
	margin: 0 15px 5px 0;
	display: block;
}
@media (max-width: 600px) {
.anons-post img{
	margin: 0 auto;
	float: none;
	
}}
a.more-link {
	font-family: Arial, Helvetica, sans-serif;
    background: #81AA1F; 
    color: #fff;
    padding: 6px 10px;
	margin: 10px 0;
    border-radius: 2px;    
	display: block;
	float: left;
	text-decoration: none;
}
a.more-link:hover {
    background: #ee991a;
}
/* Анонс поста в категории end */

/* Адаптивный плеер youtube start */
.videoplayer {
	position: relative; 
	padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — ставим 75%) */
	height: 0;
	overflow: hidden; 
	margin-bottom: 10px;
}
.videoplayer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-width: 0;
	outline-width: 0;
}
/* Адаптивный плеер youtube end */

/* Оформление категорий плейкастов start */
.flexbox-playcast {
	display:flex;
	justify-content: space-between; 
	flex-wrap: wrap;
}
.cats-playcast {
	min-width: 200px; 
	margin: 0 1% 0 0; 
	font-size: 110%;
}

.names-playcast {
	min-width: 125px; 
	margin: 0 1% 0 0; 
	font-size: 110%;
}
/* Оформление категорий плейкастов end */

/* Нумерация страниц категории start */
.pagination {
	margin: 30px 0 10px 0;
}
.page-numbers {
	color: #fff;
    background-color: #ee991a;
	margin-right: 7px;
    padding: 8px 12px 6px;
	border-radius: 1px;
}
a.page-numbers {
	text-decoration: none;
    background-color: #81AA1F;
}
a.page-numbers:hover {
	background-color: #ee991a;
}
/* Нумерация страниц категории end */

/* Оформление кнопки в редакторе start */

.wp-block-button__link {
	margin: 0 !important;
    padding: 10px 20px !important;
}

a.wp-block-button__link {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none !important;
	color: #FFFFFF !important;
	font-size: 1.25em;
	background-color: #FDB900 !important;
	border-radius: 2px !important;
}
a.wp-block-button__link:hover {
	text-decoration: underline !important;
}

.aligncenter {
	justify-content: center;
	text-align: center;
}
/* Оформление кнопки в редакторе end */

.grattis {
	margin:0 -5px 10px; 
}

/* Оформление комментариев start */
#comments{
    width: 100%;
}
.comments-title {
	font-size: 1.3em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0.83em 0;
}
ol.commentlist {
	padding-left: 0;
}
.comment-body {
	box-shadow: 0 1px 3px 0 #b5b5b5;
	padding: 10px;
}
.commentlist .children {
    margin-left: 30px;
}
.fn {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1.2em;
	font-weight: bold;
}
.reply a {
	text-decoration: none;
    background: #81AA1F;
    color: #fff;
    padding: 6px 10px;
}
.reply a:hover {
    background: #81AA1F;
	background: #ee991a;
}
#commentform textarea {
    width: 100%;
}
#commentform textarea, #commentform input {
    background: #f9f9f9;
    margin-bottom: 7px;
}
textarea, input {
    padding: 5px;
    outline: none;
}
textarea, input[type=text], select {
    border: 1px solid #e0e0e0;
}
#commentform input.submit {
    background: #ee991a;
	color: #FFFFFF;
    border-radius: 2px;
	cursor: pointer;
	border: 0;
	padding: 6px 10px;
}
/* Оформление комментариев end */

/* Оформление  ссылок на подарки-хиты */
.original-ideas {
	display: flex; 
	flex-wrap: wrap;
	justify-content: space-between; 
	margin: 15px 0 10px;
}
.original-ideas img{
	float: left; 
	padding: 5px 15px 0 0;
}
.original-ideas a{
	font-family: Arial, Helvetica, sans-serif;	
	color: inherit;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.6;
}
.original-ideas a:hover{
	text-decoration: underline;
}
@media (min-width: 1100px) {
.original-ideas a{
	font-size: 1.25em;
}}
@media (max-width: 500px) {
.original-ideas img{
	width: 75px;
}}
/* Оформление  ссылок на подарки-хиты end */

/* Yandex Share start */
.ya-share2__icon{
	height:28px !important; 
	width:28px !important; 
	background-size: 28px 28px !important; 
	background-repeat:no-repeat;
}
.ya-share2__badge {
	margin: 0 10px;
}
.soc-ya {
	position: fixed;
	left: 0; right: 0;
	bottom: 0;		
    text-align:center; 
	width: 100%;
	background-color: #FEF6E0;
	padding: 5px 0;
	border-top: 1px solid #E6E6E6;
	z-index: 999;
}
/* Yandex Share end */

.vidpozd {min-height:133px; margin-bottom: 20px; width: 100%; background: url('//chto-podarite.ru/wp-content/uploads/2016/11/vidpozd.jpg') no-repeat top center;}
.vidpozd a {padding: 145px 0 0 0px; display: block; font-size:18px; text-align: center;}

.footer {
	padding: 10px 0 30px;
	margin-top: 10px;
	border-top: 4px solid #81AA1F;
}

/* Image with 'data' attribute is hidden */
img[data-lazy-src] {
/* we set the opacity to 0 */
   opacity: 0;
}
/* Image without 'data' attribute is (or becomes) visible */
img.lazyloaded {
/* prepare the future animation */
   -webkit-transition: opacity .5s linear 0.2s;
       -moz-transition: opacity .5s linear 0.2s;
                 transition: opacity .5s linear 0.2s;
/* we set the opacity to 1 to do the magic */
   opacity: 1;
}
/* Скрываем пустые блоки Adsense */
ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}

.wp-block-quote {
	display: block;
	border-left: 4px solid #81aa1f;
	padding: 0 0 0 10px;
}

/* стили крестика рекламного блока моб start */
@media (max-width: 500px) {
.flat__4_cross {
	width: 20px !important;
    height: 20px !important;
}
.flat__4_cross:after, .flat__4_cross:before {
	height: 2px !important;	
	width: 16px !important;
}
}

.fpm_5_out.show.bottom .fpm_5_cross {
    top: 3px !important;
}
/* стили крестика рекламного блока моб end */