/*  
Theme Name: Gotovim Pravilno
Description: 
Version: 1.0
Author: zeleñ y sinevá
Author URI: http://design.grachev.eu/
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

* {
	margin: 0;
	padding: 0;}

html {
	height: 100%;
	margin: 0;
	padding: 0;}

body {
	background: #ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size: 100%;
	font-weight: 300;
	color: #333333;
	height: 100%;}

a {color: #000000; text-decoration: underline;}

a:hover {color: #555555; text-decoration: none;}

em, i {font-style: italic;}

strong, b {font-weight: 600;}


/* Шапка */

#header {
	clear: both;
	margin: 0 auto;
	width: 100%;
	height: 102px;
	background-color: #333333;}

#logonamemenu, #recipename {
	clear: both;
	width: 94%;
	max-width: 1100px;
	margin: 0 auto;}

#logo {
	float: left;
	max-width: 72px;}

#logo img {
	width: 100%;
	max-width: 72px;}

#name {
	float: left;
	width: 150px;
	text-align: left;
	margin-top: 41px;}

#name a {color: #ffffff; text-decoration: none;}

#socialmenu {
	float: right;
	margin: 0 auto;
	width: auto;}

#socialnetworks {
	clear: both;
	color: #ffffff;
    height: 40px;
    text-align: right;
	/*display: flex;	
	align-items: center;
    justify-content: right;*/}

#socialnetworks img {
	width: 100%;
	max-width: 20px;
	height: auto;
	padding: 10px 4px 0 0;}

#socialnetworks img:last-child {
	margin-right: 5px;}

#menu-top {
	clear: both;
	float: right;
	text-align: right;}

ul.mega-menu {
    list-style-type: none !important;
    margin: 17px 0 0 0 !important;
    padding: 0 !important;
    overflow: hidden !important;}

ul#menu-footer {
	margin-top: -34px !important;}

.mega-menu-wrap li, #menu-footer li {
    float: left !important;
	padding-left: 50px !important;
	background: #333333 !important;}

.mega-menu-wrap li:first-child, #menu-footer li:first-child {
	padding-left: 0px !important;}

.mega-menu-wrap li a, #menu-footer li a {
	display: block !important;
	text-decoration: none !important;
	color: #febe00 !important;
	font-family: 'Comfortaa', cursive !important;
	font-size: 20px !important;
	text-transform: uppercase !important;}

.mega-menu-wrap li a:hover, #menu-footer li a:hover {color: #ffffff !important;}

#name {
	font-family: 'Comfortaa', cursive;
	font-size: 20px;
	line-height: 24px;
	text-transform: uppercase;}

#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label .mega-toggle-label-closed {
	font-family: 'Comfortaa', cursive !important;
	color: #febf00 !important;
	font-size: 16px !important;}

#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle.mega-menu-open .mega-toggle-block-1 .mega-toggle-label-open {
	font-family: 'Comfortaa', cursive !important;
	font-size: 16px !important;}


/* Поиск */

#search {
	clear: both;
	margin: 0 auto;
	height: 40px;
	padding-top: 6px;
	background-color: #444444;}

#ajaxsearchlite1 {
	margin: 0 auto;
	max-width: 600px;}

#ajaxsearchlite1 .probox, div[id*="ajaxsearchlite"] .probox {
	background-color: #666666 !important;
	background-image: none !important;}

#ajaxsearchlite1 .probox .proinput input, div[id*="ajaxsearchlite"] .probox .proinput input {
	color: #333333 !important;}

div[id*="ajaxsearchlite"] .probox .promagnifier {
	background-color: #444444 !important;
	background-image: none !important;}

div[id*="ajaxsearchlite"] .probox .promagnifier .innericon svg {
    fill: #666666 !important;
	width: 26px !important;}

#ajaxsearchlite1 .probox .proinput input::-webkit-input-placeholder { /* Chrome */
	color: #333333 !important;}

#ajaxsearchlite1 .probox .proinput input:-ms-input-placeholder { /* IE 10+ */
	color: #333333 !important;}

#ajaxsearchlite1 .probox .proinput input::-moz-placeholder { /* Firefox 19+ */
	color: #333333 !important;
	opacity: 1;}

#ajaxsearchlite1 .probox .proinput input:-moz-placeholder { /* Firefox 4 - 18 */
	color: #333333 !important;
	opacity: 1;}

#ajaxsearchlite1 .probox .proinput input:focus::-webkit-input-placeholder {
	color: transparent !important;}

#ajaxsearchlite1 .probox .proinput input:focus::-moz-placeholder {
	color: transparent  !important;}

#ajaxsearchlite1 .probox .proinput input:focus:-moz-placeholder {
	color: transparent !important;}

#ajaxsearchlite1 .probox .proinput input:focus:-ms-input-placeholder {
	color: transparent !important;}


/* Баннер */

#recipephoto {
	width: 100%;
	height: 250px;}

#recipename {
	display: flex;
    align-items: center;
    justify-content: left;
	height: 250px;}

h1 {
	font-family: 'Comfortaa', cursive;
	color: #ffffff;
	max-width: 700px;
	font-size: 34px;
	line-height: 52px;
	text-transform: uppercase;}

h1 span {
	background-color: rgba(0, 0, 0, 0.5);
	padding: 10px 15px 4px 15px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;}

#characteristics {
	clear: both;
	width: 100%;
	margin: 0 auto;
	height: 40px;
	border-bottom: 1px solid #8d8d8d;
	display: flex;	
	align-items: center;
    justify-content: center;}

#data {
	clear: both;
	width: 94%;
	max-width: 1100px;
	margin: 0 auto;}

#difficulty, #time, #quantity {
	float: left;
	width: 33.3%;
	text-align: center;
	display: flex;	
	align-items: center;
    justify-content: center;
	height: 40px;}

#difficulty img, #time img, #quantity img {
	padding-right: 5px;}

span.data {
	font-weight: 600;
	color: #be3636;}


/* Рецепт */

#mainpart {
	clear: both;
	width: 94%;
	max-width: 1100px;
	margin: 0 auto 0 auto;}

#recipe {
	float: left;
	width: 100%;
	max-width: 800px;
	margin: 0 auto 50px auto;}

h2, h3#reply-title {
	margin: 45px auto 20px 0;
	font-size: 24px;}

h5 {
	line-height: 24px;
	font-weight: 300;
	text-align: left;}

h5:first-child {
	margin: 47px auto 20px auto;}

#recipe p {
	margin: 5px auto;
	line-height: 24px;	
	overflow-x: auto;}

#recipe img {
	margin: 0 auto 10px 0;
	max-width: 100%;
	height: auto;}

.wp-video-shortcode {
	width: 100% !important;
	max-width: 500px !important;
	max-height: 500px !important;
}


/* Сайдбар */

#sidebar {
	float: left;
	width: 245px;
	margin-left: 45px;}

#sidebar #anotherblack img {
	height: 60px;}

#sidebar a {text-decoration: none !important;}

#sidebar h2 {
	color: #777777;}

#anotherrecipe {
	clear: both;
    height: 245px;
    margin: 0 auto 40px;
    width: 245px;}

#anotherthumb {
	margin: 0;}

#anotherblack {
    margin: -62px 0 0;
	height: 60px;}

.anothertitle {
	color: #ffffff;
    font-size: 14px;
    font-weight: 600;
	line-height: 20px;
    margin: -52px 10px 0;
    width: 230px;}


/* Главная */

#maincontent {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding-top: 30px;}

#mainpage p, #maincontent p {
	margin: 10px auto;
	line-height: 24px;}

#mainintro {
	clear: both;
	margin: 30px auto 0 auto;
	width: 100%;}


/* Страница */

h6 {
	margin: 10px auto;}

h6 img {
	width: 100%;
	max-width: 40px;
	height: auto;
	vertical-align: middle;}

h6 a {
	vertical-align: middle;
	margin-left: 5px;}

h6 a:first-child {
	margin-left: 0px;}


/* Аккордеон */

/*.accordions {
	margin: 50px auto 0 0 !important;
	font-family: 'Open Sans', serif !important;}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: none !important;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	border: none !important;}

.fa {
	transform: translate(0px, 7px) !important;}

.fa, .fab, .fal, .far, .fas {
	padding-bottom: 11px;}

.accordions-head-title {
	font-weight: 300 !important;
	font-family: 'Open Sans', serif !important;}

.accordion-content {
	border: none !important;
	padding: 0px 0px 30px 20px !important;}

.accordion-content ul {
	margin: 0 auto 0 20px !important;}

.accordion-content li {
	margin: 15px auto 5px 0;
	line-height: 24px;
	list-style-type: disc;
	font-family: 'Open Sans', serif !important;}

.accordion-content img {
	width: 100%;
	max-width: 500px;
	height: auto;}*/


/*  Easy Accordions plugin */

.sp-easy-accordion .sp-ea-single .ea-header a .ea-expand-icon {
	margin-top: 5px !important;}

.sp-easy-accordion .sp-ea-single {
	background: none !important;
	border: none !important;
	margin-bottom: 0 !important;}

.ea-header a {
	color: #333333 !important;}

.sp-easy-accordion .sp-ea-single .ea-header a .ea-expand-icon {
	line-height: 20px !important;}

.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-body {
	padding: 0 !important;
	color: #333333 !important;}

.ea-body {
	border: none !important;}

.ea-body ul, .ea-body p {
	margin: 0 auto 0 20px !important;
	padding: 0px 0px 30px 35px !important;}

.ea-body li {
	margin: 15px auto 5px 0;
	line-height: 24px;
	list-style-type: disc;
	font-family: 'Open Sans', serif !important;}

.ea-body img {
	width: 50%;
	height: auto;}

.fa-plus::before {
	content: "\f107" !important;}

.fa-minus::before {
	content: "\f106" !important;}


/* Категория */

#categorypage {
	clear: both;
	margin: 30px auto;
	width: 100%;}

#categorypage p {
	margin: 30px auto;
	line-height: 24px;}

#categoryrecipe {
	float: left;
	height: 245px;
    margin: 15px 1.5%;
    width: 22%;
	max-width: 245px;}

#categoryrecipe #anotherthumb img {
	width: 100%;
	max-width: 245px;
	height: auto;}

#categoryrecipe #anotherblack img {
	width: 100%;
	max-width: 245px;
	height: 60px;}

#categoryrecipe p {
	color: #ffffff;
    font-size: 14px;
    font-weight: 600;
	line-height: 20px;
    margin: -52px 10px 0;
    width: 230px;}

#empty {
	clear: both;
    height: 50px;}


/* Кнопки */

#social {
	margin: 60px auto;}

#social img {
	width: 100%;
	max-width: 80px;
	height: auto;
	margin: 0 0;}


/* Комментарии */

.required-field-message {
	color: #febe00;
}

#comments p {
	margin-top: 20px;
}

#commentform input:not(#submit),
#commentform textarea {
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	padding: 5px 10px;
	margin-top: 10px;
    outline: medium none;
}

#commentform input#submit {
	background: #333333;
    border: 1px solid #febe00 !important;
	font-family: 'Open Sans', sans-serif;
    color: #febe00 !important;
    cursor: pointer;
    font-size: 16px;
    margin: 12px auto;
    padding: 10px 20px;
    width: auto;
}

#commentform input#submit:hover {
	background: #febe00;
    border: 1px solid #febe00 !important;
    color: #333333 !important;
}



#comments li {
	margin-bottom: 50px;
}

ol.children {
	margin-left: 50px;
}


/* Контакты */

.wpcf7-form-control-wrap input {
	margin: 12px auto;
	border: 1px solid #888888;
    font-weight: 300;
    outline: medium none;
	padding: 5px 10px;
    width: 60%;
    color: #555555;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;}

.wpcf7-form-control-wrap textarea {
	margin: 12px auto;
	border: 1px solid #888888;
    color: #555555;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 300;
    outline: medium none;
	padding: 5px 10px;
    width: 60%;}

fieldset input::-webkit-input-placeholder, fieldset textarea::-webkit-input-placeholder {color: #888888;}

fieldset input:-ms-input-placeholder, fieldset textarea:-ms-input-placeholder {color: #888888;}

fieldset input::-moz-placeholder, fieldset textarea::-moz-placeholder {color: #888888; opacity: 1;}

fieldset input:-moz-placeholder, fieldset textarea:-moz-placeholder {color: #888888; opacity: 1;}

fieldset input:focus::-webkit-input-placeholder, fieldset textarea:focus::-webkit-input-placeholder {color: transparent;}

fieldset input:focus::-moz-placeholder, fieldset textarea:focus::-moz-placeholder {color: transparent;}

fieldset input:focus:-moz-placeholder, fieldset textarea:focus:-moz-placeholder {color: transparent;}

fieldset input:focus:-ms-input-placeholder, fieldset textarea:focus:-ms-input-placeholder {color: transparent;}

input.wpcf7-submit[type="submit"] {
    background: #333333;
    border: 1px solid #febe00 !important;
    font-family: "Open Sans", sans-serif;
    color: #febe00 !important;
    cursor: pointer;
    font-size: 16px;
    margin: 12px auto;
    padding: 10px 20px;
    width: auto;
}

input.wpcf7-submit[type="submit"]:hover {
	background: #febe00;
    border: 1px solid #febe00 !important;
    color: #333333 !important;
}

form.wpcf7-form p {
	margin: 0 auto !important;
	line-height: normal !important;
}





/*
.comment-body {
	margin: 30px auto 0 0;}

.commentlist .vcard {
	height: 48px;
	display: flex;
    align-items: center;
    justify-content: left;}

.commentlist .vcard img.avatar {
	margin: 0 20px 0 0 !important;
	width: 100% !important;
	max-width: 48px !important;
	height: auto;}

.commentlist .vcard cite.fn {
	margin: 0 auto 0 0;
	font-weight: 600;
	color: #555555;}

span.says {
	display: none;}

div.comment-meta {
	margin: -5px auto 20px 68px;
	font-size: 12px;}

div.comment-meta a {text-decoration: none; cursor: default; color: #555555;}

div.comment-meta a:hover {color: #555555;}

div.reply {
	margin: 15px auto 50px 68px;
	font-size: 14px;}

ul.children {
	padding-left: 68px;}
*/


/* Комментарии wpDiscuz */

/*#wpdcom .ql-editor > *, #wpdcom .wpd-form-row .wpd-field {
	font-family: 'Open Sans', sans-serif !important;
	letter-spacing: normal !important;
}

#wpdcom .wpd-comment-header .wpd-comment-author, #wpdcom .ql-editor::before {
	letter-spacing: normal !important;
}

#wpdcom .wpd-prim-button {
	background-color: #bd3535 !important;
	font-family: 'Open Sans', sans-serif !important;
	letter-spacing: normal !important;
}

#wpdcom .wpd-comment .wpd-reply-to a {
	color: #555555 !important;
	opacity: 1 !important;
	text-decoration: underline !important;
}

#wpdcom .wpd-comment .wpd-reply-to a:hover {
	text-decoration: none !important;
}*/


/* Подвал */

#footer {
	clear: both;
	margin: 50px auto 0 auto;
	width: 100%;
	height: 190px;
	background-color: #333333;
	padding-top: 10px;}

#legalinfo {
	clear: both;
	width: 94%;
	max-width: 1100px;
	margin: 0 auto;
	padding-top: 30px;
	color: #888888;
	text-align: center;}

#legalinfo p {
	font-size: 14px;
	line-height: 20px;
	margin: 0 auto 5px auto;}

#legalinfo a {color: #ffffff;}


/* Cookie */

.cc-btn {
	text-decoration: none !important;}


/* Dark Theme */

.dark-toggle {
	border: none;
	background: transparent;
	cursor: pointer;}

.dark-toggle:focus {
	outline: none;}

.dark-toggle img {
	opacity: .5;}

body.dark {
	background: #333333;
	color: #dedede;}

.dark a {color: #ffffff;}

.dark a:hover {color: #000000;}

.dark #header {
	background-color: #222222;}

.dark #footer {
	background-color: #222222;}

.dark .mega-menu-wrap li, .dark #menu-footer li {
	background: #222222 !important;}

.dark #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle, .dark #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1, .dark #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link:hover {
	background: #222222 !important;}

.dark #difficulty img, .dark #time img, .dark #quantity img {
	filter: invert(100%);}

.dark span.data {
	color: lightcoral;}

.dark #sidebar h2 {
	color: #dedede;}

.dark #sp-ea-11360.sp-easy-accordion .sp-ea-single .ea-header a .ea-expand-icon.fa {
	color: #dedede !important;}

.dark .ea-header a {
	color: #dedede !important;}

.dark #sp-ea-11360.sp-easy-accordion .sp-ea-single .ea-body {
	background: #333333 !important;}

.dark .sp-ea-one.sp-easy-accordion .sp-ea-single .ea-body {
    color: #dedede !important;
}


/* Адаптация */

@media screen and (max-width: 1160px) {

.mega-menu-wrap li {
	padding-left: 25px !important;}

	#menu-footer li {
		padding-left: 40px !important;}

#recipe {
	max-width: 650px;}

#recipes {
	clear: both;
	margin: 0 auto;
	width: 100%;}

#categoryrecipe {
    margin: 15px 4%;
    min-width: 245px;
    width: 25%;}

}


@media screen and (max-width: 1024px) {

#name {
	margin-top: 44px;}

.mega-menu-wrap li {
	padding-left: 15px !important;}
	
	#menu-footer li {
		padding-left: 40px !important;}

.mega-menu-wrap li a, #menu-footer li a {
	font-size: 18px !important;}

ul#menu-footer {
	padding-top: 1px !important;}

#name {
	font-size: 18px;
	line-height: 22px;}

#recipe {
	max-width: 1000px;}

#sidebar {
	display: none;}

#categoryrecipe {
    margin: 15px 1.5%;
    width: 30%;}

fieldset input, fieldset textarea,
.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea {
    width: 97%;
	max-width: 600px;}

#footer {
	height: 205px;}

}

@media screen and (max-width: 880px) {

ul.mega-menu {
    margin-top: 14px !important;}

.mega-menu-wrap li {
	padding-left: 5px !important;}
	
	#menu-footer li {
		padding-left: 30px !important;}

.mega-menu-wrap li a, #menu-footer li a {
	font-size: 16px !important;}

ul#menu-footer {
	padding-top: 0px !important;
	margin-top: -35px !important;}

#name {
	width: 120px;
	font-size: 16px;
	line-height: 20px;}

#characteristics {
	font-size: 14px;}

#difficulty {
	width: 25%;}

#time, #quantity {
	width: 37.5%;}

}

@media screen and (max-width: 850px) {

#categoryrecipe {
    margin: 15px 7.5%;
    width: auto;}

}

@media screen and (max-width: 760px) {

#socialnetworks img {
	margin: 0px 1px !important;}

#mega-menu-wrap-max_mega_menu_1 {
	position: absolute;
    right: 20px;
    z-index: 2;}

#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle {
	border-radius: 0px !important;}

#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-1::after {
	font-family: 'Comfortaa', cursive;
	font-size: 16px;}

#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-1::before,
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-1::after {
	color: #febe00 !important;}

#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle.mega-menu-open .mega-toggle-block-1::before,
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle.mega-menu-open .mega-toggle-block-1::after {
	color: #ffffff !important;}

#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle.mega-menu-open .mega-toggle-block-1::after {
    background: url(images/knifeandfork.png) center center no-repeat;
    content: "" !important;
    padding: 0 15px 0 9px;;}

.mega-menu-toggle {
	margin-top: 14px;}

ul.mega-menu {
    margin-top: 0 !important;}

.mega-menu-wrap li {
	padding: 10px !important;}

.mega-menu-wrap li:first-child {
	padding-left: 10px !important;}
	
	#menu-footer li {
		padding-left: 20px !important;}

#search {
	position: absolute;
    width: 100%;
    z-index: 1;}

#categoryrecipe {
	margin: 15px 5%;}
	
.ea-body img {
	width: 100%;}

}

@media screen and (max-width: 700px) {

#recipephoto {
	height: 200px;
	position: absolute;
	margin-top: 46px;
	z-index: 1;}

#recipename {
	height: 200px;}

h1 {
	font-size: 20px;
    line-height: 37px;}

#characteristics {
	height: 120px;
	margin-top: 246px;}

#difficulty, #time, #quantity {
	clear: both;
	width: 100%;}

#mainpage, #categorypage, .pagetemplate {
	margin-top: 266px !important;}

}

@media screen and (max-width: 660px) {

#categoryrecipe {
	margin: 15px auto 15px 30%;}

}

@media screen and (max-width: 580px) {

#socialnetworks img {
	display: none;}

#categoryrecipe {
	margin-left: 25%;}

#footer #menu-top {
	clear: both;}

ul#menu-footer {
    margin-top: 20px !important;}

#footer {
	height: 240px;}

#legalinfo p {
	font-size: 12px;}

}

@media screen and (max-width: 480px) {

#categoryrecipe {
	margin-left: 20%;}

}

@media screen and (max-width: 420px) {

#footer {
	height: 260px;}

}

@media screen and (max-width: 400px) {

#categoryrecipe {
	margin-left: 15%;}

}

@media screen and (max-width: 360px) {

#categoryrecipe {
	margin-left: 12%;}

}

/* И я там был, мёд-пиво пил. По усам текло, а в рот не попало. */