/**
Theme Name: Inspiro Child
Theme URI: 
Description: Inspiroの子テーマです。
Template:inspiro
Author:Yuki Matsuda
Author URI:
Version: 2.0.3
**/

.navbar, .has-header-image.home.blog .headroom--not-top .navbar, .has-header-image.inspiro-front-page .headroom--not-top .navbar, .has-header-video.home.blog .headroom--not-top .navbar, .has-header-video.inspiro-front-page .headroom--not-top .navbar {
    background-color: rgba(40, 90, 170, 0.9);
}
.has-header-image.inspiro-front-page .headroom--not-top .navbar, .has-header-image.home.blog .headroom--not-top .navbar,
.has-header-video.inspiro-front-page .headroom--not-top .navbar,
.has-header-video.home.blog .headroom--not-top .navbar {
    background: rgba(40, 90, 170, 0.9);
}
:root {
--inspiro-primary-color: rgba(40, 90, 170, 0.9);
}
article .entry-content img{
display:inline-block;
margin:0 auto;
object-fit:contain;
min-width:600px;
max-width:100%;
max-height:600px;
border:solid 1px #000;
}
.navbar, .headroom--not-top .navbar{
background: rgba(40, 90, 170, 0.9);
}
article h1:first-child{
padding-top:25px;
}
.site-branding{
margin-top:80px;
}
.has-header-image .custom-header-media img{
animation:pulsate2 9.0s ease-in-out alternate infinite;
}
@keyframes pulsate2 {
    0% {
		filter: brightness(100%) blur(0px);
    }
    50% {
		filter: brightness(150%) blur(2px);
    }
    100% {
		filter: brightness(100%) blur(0px);
    }
}
.has-header-image .custom-header-media:before,
.has-header-video .custom-header-media:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
    opacity: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.top-link{
position: bottom;
margin-top:20px;
}
.top-link a{
color:#fff;
display:block;
width:250px;
margin:20px auto 0;
padding:10px;
border:solid 1px #fff;
}

div.top-content{
margin-top:20px;
text-align:center;
}
a.top-content-link{
display:inline-block;
width:30%;
margin:20px 1.5%;
}
@media screen and (max-width: 1280px) {
a.top-content-link{
width:100%;
margin:0;
}
}
a.top-content-link img{
width:100%;
height:300px;
object-fit:cover;
/*filter: brightness(0.7);*/
}
a.top-content-link h3{
display:block;
position:absolute;
top:50%;
width:100%;
text-align:center;
margin:-0.8em 0 0;
padding:5px 0;
background-color:rgba(255, 255, 255, 0.7);
color:#000;		
}

.has-header-image.home.blog .headroom--not-top .navbar, .navbar-nav ul{
background: rgb(32, 86, 148);
}