/*
Theme Name: Blog Design Lite
Theme URI: https://www.wponlinesupport.com/free-themes/blog-design-lite/ 
Author: WP Online Support
Author URI: https://www.wponlinesupport.com/
Description: Blog Design Lite is a beautiful WordPress blog theme for blogs website. Theme is lightweight, fast and optimized for all mobile phones.
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blog-design-lite
Tags: 	two-columns, blog, right-sidebar,  custom-background,  custom-colors, editor-style, custom-logo, post-formats,  custom-menu,  featured-images,  full-width-template,  threaded-comments,  footer-widgets,  sticky-post,  theme-options

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.com/normalize.css/
*/

.clearfix::after {
	clear: both;
}
.clearfix{clear:both;}

.blog-design-lite-columns-row{margin:0 -15px;}
.blog-design-lite-columns-row:after, .blog-design-lite-columns-row:before {
    content: "";
    display: table;
}
.blog-design-lite-columns-row:after {
    clear: both;
}

.blog-design-lite-columns {   
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;
	float: left; position: relative;  width:100%;
}

.no-pad-right{padding-right:0;}
.no-pad-left{padding-left:0;}
.no-pad{padding:0;}
.main-blog-intro-section{text-align:center; margin-bottom:30px !important;}
.main-blog-intro-section h1{font-size:50px; margin-bottom:0px;}
.main-blog-intro-section h2{font-size:30px; margin-top:0px;}
.main-blog-intro-section p{font-size:16px;}
.main-blog-intro-section .link-more a{border:2px solid #000; padding:10px 15px;}
.main-blog-intro-section .link-more a:hover, .main-blog-intro-section .link-more a:focus{background:#000; color:#fff;}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.entry-content img.alignleft, .entry-content img.alignright {
	margin-top: 0.7em; margin-bottom: 0.7em;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}



.blog-design-lite-post-innr{
    list-style-type: none;
    background-color: #fff;
    margin: 1.5%;
    padding: 20px 20px 20px 20px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0,0.05));
    min-height: 300px!important;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
.blog-design-lite-post-innr h2 a{
	color:#333;
}
.blog-design-lite-post-innr time {
	font-size: 0.9em;
}



.entry-media {
	position: relative;
	display: block;
	margin-bottom:20px;
	line-height:0px;
	background:#f8f8f8;
	z-index:2;
}

.entry-media > a {
	line-height: 0;
    display: block;
    overflow: hidden;
    width: 100%;
}

.entry-media > a img {
    display: block;
    transition-duration: 0.6s;
}
.entry-media > a img:hover {
	transform: scale(1.07);
    transition-duration: 0.6s;
}


@media only screen and (min-width: 40.0625em) { 

	.blog-design-lite-column,
    .blog-design-lite-columns {position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float:left ;}	
		
	.blog-design-lite-col-1 { width: 8.33333%; }
	.blog-design-lite-col-2 { width: 16.66667%; }
	.blog-design-lite-col-3 { width: 25%; }
	.blog-design-lite-col-4 { width: 33.33333%; }
	.blog-design-lite-col-5 { width: 41.66667%; }
	.blog-design-lite-col-6 { width: 50%; }
	.blog-design-lite-col-7 { width: 58.33333%; }
	.blog-design-lite-col-8 { width: 66.66667%; }
	.blog-design-lite-col-9 { width: 75%; }
	.blog-design-lite-col-10 { width: 83.33333%; }
	.blog-design-lite-col-11 { width: 91.66667%; }
	.blog-design-lite-col-12 { width: 100%; }
	.blog-design-lite-col-5c { width: 20%; } 
	
}
@media screen and (min-width: 768px) and ( max-width:1024px){
	.ipad {width: 50%;}
}
@media only screen and (max-width: 40.0625em) {
.menu-toggle::before{left: 5px;}
.featured-posts{margin-bottom:0px;}
.blog-design-lite-post-list .blog-design-lite-columns, .blog-design-lite-post-list-alt .blog-design-lite-columns{padding:0px;}
}

/*================================
追加設定
================================*/
header ul , footer ul{
	padding-left: 0;
}

.post-loop-wrap {
	width: 90%;
	margin: 0 auto;
}
.entry-content p {
  white-space: pre;           /* CSS 2.0 */
  white-space: pre-wrap;      /* CSS 2.1 */
  white-space: pre-line;      /* CSS 3.0 */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -hp-pre-wrap;  /* HP Printers */
  word-wrap: break-word;      /* IE 5+ */
}
@media screen and (max-width: 640px) {
.entry-content p {
text-align: left;
}
}

.entry-summary {
	display: none;
}
i.big {
	margin-right: 5px;
}