/*
Theme Name: Theme202103-12
Author: Next Innovations Co.,Ltd
Author URI: https://www.next-innovations.ltd/
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

label.screen-reader-text {
    display: none;
}

.related-posts-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 40px;
    max-width: 1000px;
    margin: 40px auto;
}
.related-posts-grid img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    margin: 0 0 10px 0;
}

@media (max-width: 500px) {
  .related-posts-grid img {
      height: auto;
  }
}

.related-posts-grid h3 {
    margin: 0;
}
.related-posts-grid h3 a {
    text-decoration: none !important;
    color: #333;
    font-size: 22px;
}

#blog-left .widget .widget-body ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.comments{
    border:1px #ccc solid;
    padding:10px;
    margin-bottom:20px;
    margin-top:50px;
}
  
.comment-body{
    border:#ccc solid 1px;
    margin-bottom:10px;
    padding:20px 10px;
}
  
.comment-meta a{
    color:#fff;
}
  
.comment-meta img{
    float:left;
    margin-right:10px;
}
  
.comment-form input, .comment-form textarea{
    width:100%;
    padding:4px;
    border:#ccc solid 1px;
    margin-bottom:15px;
}

.tagcloud a {
    font-size: 14px !important;
    color: #333;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
    display: inline-block;
}

.footer{
}

li.cat-item a::before {
    content: "\f07c";
    font-family: fontAwesome;
    padding-right: 10px;
}

.tagcloud a:before {
    content: "\f02b";
    font-family: fontAwesome;
    padding: 5px;
}

.gallery .gallery-item img{
    border: none !important;
   width: 100%;
   height: 105px;
   object-fit: cover;
}

.gallery .gallery-item{
    /*color: #000;*/
}

.footer_widget .box{
    width: 25%;
    float: left;
}

.footer_widget h2{
  font-size: 20px;
}

.footer_widget .box .box_data{
    padding: 5% 10% 5% 0;
}

@media (max-width: 768px) {
    .footer_widget .box{
        width: 50%;
    }
}

.footer p{
    clear: both;
}

.cat_read_more{
    text-align: center;
}

.cat_read_more i{
  font-size: 25px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 16px 0px;
  padding: 10px;
  -webkit-transition: box-shadow 2s; /* For Safari 3.0 to 6.0 */
  transition: box-shadow 2s; /* For modern browsers */
}

.cat_read_more i:hover{
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 16px 0px;
}

.pagin{
  margin-top: 3%;
  margin-bottom: 3%;
  text-align: center;
}

.pagin .page-numbers{
  padding: 10px 15px;
  background-color: #fff;
  color: #000;
  border: 1px solid #e6e6e6;
}

.pagin .page-numbers:hover{
  background-color: #000;
  color: #fff;
}

.pagin .prev{
  background-color: #fff;
  color: #000;
}

.pagin .current{  
  background-color: #000;
  color: #fff;
}

.content_blog{
  margin: 1% 0;
}

.content_blog p{
  line-height: 25px;
}

.other_page .content_blog{
  padding: 1% 0;
  margin: 0;
}

@media (max-width: 768px) {
  iframe{
    width: 100%;
  }
}

.other_page .content_blog{
  margin: 0%;
}

.p_5{
  padding: 1% 5%;
}

.no_page{
  padding: 10%;
  text-align: center;
}

.no_page a{
  padding: 10px;
  background-color: #000;
  color: #fff;
  text-decoration: none;
}

.breadcrumb_custom {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}

.breadcrumb_custom a {
    color: #000;
    text-decoration: none;
}

.searchform input{
  margin-top: 20px;
  border: 1px solid #ddd;
  padding: 10px;
}

/* calendar widget */
.widget_calendar {float: left;}
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }

/*sub menu*/

.sub-menu{
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1; 
}

@media (max-width: 768px) {
  .sub-menu{
    position: relative;
  }
}

.menu-item-has-children:hover .sub-menu{
  display: block;
}

/*For wp blockqute*/
blockquote {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 1.5em 10px;
    padding: 20px;
    quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}
blockquote p {
    display: inline;
}

/*custom css*/

.custom_b2 img{
  height: 170px !important;
  object-fit: cover;
}

.custom_b3 img{
  width: 100%;
  height: 253px;
  object-fit: cover;
}