/*
Theme Name: Ruki - Child Theme
Theme URI: http://www.3forty.media/ruki
Author: 3FortyMedia
Author URI: http://www.3forty.media
Description: Ruki Child theme
Version: 1.0
Text Domain: ruki
Template: ruki
*/

/**************/
/*** GLOBAL ***/
/**************/


body.custom-background {
	/*background: linear-gradient(180deg, rgba(244, 247, 237, 1) 0%, rgba(233, 233, 242, 1) 100%);*/
	/*background:linear-gradient(145deg, rgba(222, 231, 248, 1) 0%, rgba(244, 247, 237, 1) 20%, rgba(244, 247, 237, 1) 60%, rgba(222, 231, 248,1 ) 100%);*/
	background:linear-gradient(135deg, rgba(222, 231, 248, 1) 0%, rgba(244, 247, 237, 1) 400px, rgba(244, 247, 237, 1) 80%, rgba(222, 231, 248,1 ) 100%);
}

a {
	text-decoration: underline dotted;
}

/* title link hover */
.entry-title a:hover {
	color:#666666;	
}

/* excerpt */
.excerpt {
	font-size: 19px;
	line-height: 28px;
}

/* excerpt2 */
.entry-content {
	font-size: 19px;
	line-height: 28px;
}

/* footer copyright */
.f-c-t {
	color:#666;
}

/* WP block columns */
:where(.wp-block-columns) {
  margin-bottom:0 !important;
}


/************/
/*** POST ***/
/************/

/*  */
.entry-author-meta {
	color:#008000;
	padding: 15px 0 0 5px !important;
}

/* post tags text */
.post-tags {
	text-transform: none !important;
}
/*.entry-meta.post-tags a::before {	content: "#";}*/


/* post prev, next text */
.prev-next-pill span {
    text-transform: none !important;
}


/* InfoBOX post end */
.infobox-post-end {
	border-left: 5px solid #008000;
	padding: 20px;
	margin: 60px 0 0 0 !important;
	box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}


/* InfoBOX post */
.infobox-post-green {	
	color: #31708f;
	background-color: #90EE90;
	padding:15px;
	border-left:5px solid #008000;
	text-align:left;
	box-shadow: 0 2px 4px rgba(0,0,0,0.05);	
}


/* InfoBOX post */
.infobox-post-blue {	
	color: #31708f;
	background-color: #d9edf7;
	padding:15px;
	border-left:5px solid #bcdff1;
	text-align:left;
	box-shadow: 0 2px 4px rgba(0,0,0,0.05);	
}


/**************/
/*** SOCIAL ***/
/**************/

.ns-inline-below {
	margin-top:50px !important;
}


/************/
/*** MENU ***/
/************/

/* menu font */
.nav-uppercase .primary-nav li {
	font-size: 14px;
}

.toggle {
	font-size: 14px;
}
.toggle i[class*="icon"] {
	font-size: 14px;
}


/* menu qbe*/
.primary-nav a::before {
	position: relative;
	display: inline-block;
	top: -1px;
	width: 7px;
	height: 7px;
	margin-right: 5px;
	content: "";
	transition: all .5s ease;
	background-color: #ff0000;
}


/* menu qbe sidebar*/
.primary-nav-sidebar a::before {
	position: relative;
	display: inline-block;
	top: -1px;
	width: 7px;
	height: 7px;
	margin-right: 5px;
	content: "";
	transition: all .5s ease;
	background-color: #ff0000;
}


/**************/
/*** FOOTER ***/
/**************/

/* footer menu link qbe */
.footer-nav a::before {
	position: relative;
	display: inline-block;
	top: -2px;
	width: 5px;
	height: 5px;
	margin-right: 5px;
	content: "";
	transition: all .5s ease;
	background-color: #ff0000;
}

/* footer menu link hover */
.footer-info a:hover {
	color: var(--link-hover-color);
}

/* footer menu padding */
.footer-bottom-data {
	padding-bottom: 20px !important;
}
.footer-info > li{
	padding: 20px 0 0 0 !important;
}

.footer-nav > li{
	margin-bottom:0px !important;
}


/*********************/
/*** FOOTER-WIDGET ***/
/*********************/

/* footer-widget link hover */
.footer-widget-area.footer-columns .widget ul li a:hover {
	color:#666666;
}
.footer-widget-area.footer-columns .widget ol li a:hover {
	color:#666666;
}

/* footer-widget category link hover */
.footer-widget-area.footer-columns .widget.ruki_posts_widget .widget-entry .entry-meta a:hover {
	color:#ff0000
}


/************/
/*** PAGE ***/
/************/

/* post block title*/
.custom-post-block .section-header {
	padding-top: 22px !important;
	padding-bottom: 26px !important;
}

/* post block category */
.home.page div[class*="cols"] .flex-box .entry-header {
	margin: 0 auto 0 auto;
}

/* post block content */
.home.page div[class*="cols"] .flex-box .entry-content {
	margin: -10px auto auto auto;
}

/* post block excerpt top */
.entry-content.excerpt p {
	margin-top:-10px;
}

/* post block bottom */
.flex-box.has-post-thumbnail.thumbnail-uncropped.has-category-meta.has-meta-before-title.has-meta-after-title {
	padding-bottom:0;
}

/* post block subtitle */
.page-subtitle {
  font-size: 1.1875rem;
  line-height: 1.5;
}

/* featured post*/
.entry-content2 {
	padding:0 !important;
	font-size: 1.1875rem !important;
	/*color:#45464b !important;*/
	line-height: 1.5 !important;
	margin:-15px auto -30px auto !important;
}

.featured-post-x {
	color:#333;
	margin:0;
	font-family: var(--body-font);
	width:100%;
	text-align: left;
	font-size: 1.1875rem;
	line-height: 1.5;
	padding:0;
}

/* featured post image
.featured-post-image-c01 {
	background-image:url(https://ugass.hu/uploads/category-01.webp);
	border-radius:5px 0 0 5px;
	background-size: 100% 100%;
}
.featured-post-image-c02 {
	background-image:url(https://ugass.hu/uploads/category-02.webp);
	border-radius:5px 0 0 5px;
	background-size: 100% 100%;
}
.featured-post-image-c03 {
	background-image:url(https://ugass.hu/uploads/category-03.webp);
	border-radius:5px 0 0 5px;
	background-size: 100% 100%;
}
.featured-post-image-c04 {
	background-image:url(https://ugass.hu/uploads/category-04.webp);
	border-radius:5px 0 0 5px;
	background-size: 100% 100%;
}*/

.featured-post-image {
	margin:20px 10px 30px 40px !important;
}


#cookie-notice {
	border-top: 1px dotted #333;
	font-family: Mulish, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 25px;
}

#cookie-notice .cn-button {
	margin: 0 0 6px 10px !important;
	display: inline-block;
	color: var(--white) !important;
	border-radius: var(--button-border-radius) !important;
	padding: 10px 20px !important;
	font-family: Mulish, Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
	font-weight:800 !important;
}

.cn-text-container {
	margin: 0 0 16px;
}