﻿/*!
Theme Name:		Ruza - Visuali.st
Author: 		Visualist
Author URI: 	https://visuali.st
Description:	Page Builder Framework Child Theme
Version: 		1.1
License:		GNU General Public License v3 or later
License URI:	https://www.gnu.org/licenses/gpl-3.0.html
Template:		page-builder-framework
Text Domain:	visualist_ruza
*/

body #inner-content  {
	padding-top: 0;
}

body.page-child h1.entry-title,
body.page-template-default h1.entry-title,
body.category #inner-content,
body.single-post #inner-content {
	padding-top: 40px;
}

.wpbf-grid-medium > * {
    padding-left: 40px;
}

body.page-child h1.entry-title,
body.single-post h1.entry-title {
	margin-bottom: 50px;
}

body.archive h1.page-title,
body.category h1.page-title {
	display: none;
}
 
body.page-child h1.entry-title::after {
	content: "";
	margin: 10px 0 50px 80px;
	width: 14%;
	max-height: 10px;
	background-color: #f6c423;
	border: 5px solid #f6c423;
	position: absolute;
	left: calc(50% - 600px);
	top: 175px;
}

body.single-post h1.entry-title,
h3.entry-title {
	margin: 10px 0 40px 0;
	width: 50%;
	border-top: 10px solid #f6c423;
	display: inline-block;
	padding-top: 10px;
}

a {
	color: #008080;
}

a:hover, a:focus {
	color: #62bdbd;
}

p.article-meta {
	float: right;
	margin-top: 5px;
	text-align: right;
	color: #888;
}

p.article-meta .by {
	display: block;
}

p.article-meta .article-time,
p.article-meta a {
	text-decoration: none;
	font-weight: 700;
}

p.footer-categories {
	margin-bottom: 40px;
}

.wpbf-blog-layout-default, .wpbf-blog-layout-beside {
    margin-bottom: 80px;
    border-bottom: 0px solid #dedee5;
}

.block-left {
	max-width: 550px;
	padding-right: 50px;
	margin-left: calc(100% - 550px);
}
.block-right {
	max-width: 550px;
	padding-left: 50px;
	margin-right: calc(100% - 550px);
}
.light-head h1
.light-head h2,
.light-head h3,
.light-head h4 {
	font-weight: 100 !important;
	font-family: 'Noto Sans JP';
}

/* Widgets */

.elementor-widget-wp-widget-recent-posts h5 {
	font-size: 28px;
	padding-bottom: 40px;
}
.elementor-widget-wp-widget-recent-posts h5:after {
	content: " ";
	border-top-style: solid;
   border-top-width: 10px;
   border-top-color: #f6c423;
   width: 36%;
   position: absolute;
	top: 50px;
	left: 60px;
	height: 100px;
}
.elementor-widget-wp-widget-recent-posts ul {
	list-style: none;
	padding: 0;
}
.elementor-widget-wp-widget-recent-posts li {
	padding-bottom: 10px;	
}
.elementor-widget-wp-widget-recent-posts li a {
	font-weight: bold;
	font-size: 20px;
}

/* Media Queries */ 

@media(max-width:1167px) and (min-width:768px) {
.block-left {
	max-width: 100%;
	padding-left: 10px;
	margin: 0;
}
.block-right {
	max-width: 100%;
	padding-right: 10px;
	margin: 0;
}
}
@media(max-width:767px) {
	.block-left, .block-right {
	max-width: 100%;
	padding-right: 20px;
	padding-left: 20px;
	margin: 0;
}
}

/* Button */

a.wpbf-read-more, a.wpbf-button {
	font-size: 17px;
	color: #008080;
	border: 4px solid #008080;
	background-color: #fff;
	background: #fff;
	border-radius: 0px 0px 0px 0px;
	padding: 10px 20px 10px 20px;
	font-weight: 600;
}
a.wpbf-read-more.wpbf-button {
	float: right;
}
a.wpbf-button:hover,
a.wpbf-button:focus {
	background-color: #008080;
	border-color: #008080;
	color: #fff;
}