/*
Theme Name:     Newspaper Child theme
Theme URI: 		http://themeforest.net/user/tagDiv/portfolio
Description:    Child theme made by tagDiv
Author:         tagDiv
Author URI: 	http://themeforest.net/user/tagDiv/portfolio
Template:       Newspaper
Version:        1.2
*/


/*  ----------------------------------------------------------------------------
    This file will load automatically when the child theme is active. You can use it
    for custom CSS.
*/
/*HEADER SECTION*/
.td-image-wrap:before{
    content: '';
    background: -webkit-linear-gradient(
        0deg,
        rgba(0,0,0,0.6),
        rgba(0,0,0,0.2) 35%,
        rgba(0,0,0,0) 
        50%,
        rgba(0,0,0,0));
    background: linear-gradient(0deg,
     rgb(0 0 0 / 70%),
     rgb(0 0 0 / 35%),
     rgba(0,0,0,0)50%,
     rgba(0,0,0,0)) !important;
}
/* Star color */
.td-review-row-stars [class^="td-icon-"]:before{
	color: #F09217 !important;
}
.td-header-desktop-wrap .tdm-social-item-wrap:hover .tdm-social-item i{
    color: #fff !important;
}
.td-header-desktop-wrap .tdm-social-item-wrap:first-child:hover {
	background-color: #00baf0;
}
.td-header-desktop-wrap .tdm-social-item-wrap:nth-child(2):hover {
	background-color: #3b5997;
}
.td-header-desktop-wrap .tdm-social-item-wrap:nth-child(3):hover {
    background-color: #35b4fb;
}
.td-header-desktop-wrap .tdm-social-item-wrap:nth-child(4):hover {
    background-color: #ff0000;
}
.td-header-desktop-wrap .tdm-social-item-wrap:nth-child(5):hover {
	background-color: #9930BE;
}
.td-header-desktop-wrap .tdm-social-item-wrap:nth-child(6):hover {
    background-color: #ff0000;
}
.tdb-menu-item-text:first-child span{
    display: none !important;
}
.tdb-menu-item-text:first-child i{
    margin-right: 0 !important;
}
.tdb_header_menu .tdb-menu > li > a{
    padding: 0 6px !important;
}
.td-editor-date .tdb-author-name{
    display: none !important;
}
.tdb-author-name, .td-post-author-name {
    display: none;
}
.tdb-single-date{
    display: none;
}
/* sidebar */
.textwidget #twitter-widget-0{
    height: 400px !important;
}
.tdb-infinte-post-iframe
{
    display: none !important;
}
/*footer wrap */
.td-footer-template-wrap .widget a{
    color: #fff;
}
.tdm-social-item-wrap a:hover{
    border: 1px solid #008d7f !important;
}
/*social-widget follow-us*/
.simplesocial-simple-round a:last-child{
    margin-bottom: 30px !important;
}
@media(max-width:767px){
    .tdi_108_a9a .td_module_flex_1 .td-image-container{
        width: 65% !important;
    }
	[class*="tdb_module_loop"] .td-image-container{
		width: 65% !important;
	}	
}
@media(min-width:450px) and (max-width:767px){
	 .tdi_126_5d0 .td-image-container{
        width: 50% !important;
    }
	.td_block_template_1 .widget .adwidget_imagewidget img{
		width:60% !important;
		margin: 0 auto;
	}	
	.td_module_flex_1 .td-module-thumb{
		width:70% !important
	}
	.td-module-meta-info{
		width:70% !important;
	}
	#twitter-widget-0{
		width:65% !important;
	}
    .tdb_single_featured_image .tdb-block-inner{
        width: 60% !important;
        margin: 0 auto !important;
    }
}
/*!動画の最大幅を指定する*/
.video-container{
  max-width:820px;
}

/*!動画の大きさを調整*/
.video-container .video {
  position: relative;
  padding-bottom: 56.25%;
  margin-top: 15px auto;
  overflow: hidden;
  max-width: 100%;
height: 100%;
}

.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-click {
  cursor: pointer;
}

.video-click:hover .video-play {
    background: url(""youtube-play.png"") no-repeat scroll -101px -13px rgba(0, 0, 0, 0);
}

.video-play {
  background: url(""youtube-play.png"") no-repeat scroll 2px -13px rgba(0, 0, 0, 0);
  height: 62px;
  left: 50%;
  margin-left: -45px;
  margin-top: -33px;
  position: absolute;
  top: 50%;
  width: 100px;
  opacity: 0.8;
}

.video-title-grad {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-image: url(""data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABiCAQAAAA7fHH2AAAAQUlEQVQYV22KQQoAIAzDyv7/Et/oVlGZVCfkkIYamsENXESyi8vc0u/PKZ6o8+7fZ0h8ShRYnD+BFKToRJkHFpkM2hZSxuyWpEYAAAAASUVORK5CYII="");
  background-position: center top;
}

.video-title-text {
  color: #eeeeee;
  font-family: Roboto,Arial,Helvetica,sans-serif;
  font-size: 17px;
  overflow: hidden;
  padding: 12px 16px 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
}