/*
Theme Name: Monolit Child
Theme URI: https://demowp.cththemes.net/outdoor/
Author: Cththemes
Author URI: http://themeforest.net/user/cththemes/
Description: Monolit – Creative Responsive Architecture Wordpress Theme is perfect if you like a clean and modern design. This theme is ideal for architects, furniture designers, photographers, and those who need an easy, attractive and effective way to share their work with clients.
Version: 1.3
Tags: custom-background, custom-menu, editor-style, featured-images, post-formats, sticky-post, theme-options, translation-ready
Template: monolit
Text Domain: monolit-child
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/
@import url("../monolit/style.css");
/* =Theme customization starts here
------------------------------------------------------- */

/*タイムライン*/
.timeline-box ul > li:before {
content: "";
}
.partsUl-1 .timeline-box ul {
background-color: transparent;
}
.timeline > li.timeline-item {
padding-left: 0;
}
.content .timeline-item-content {
margin-top:0;
margin-left: 5px;
padding: 0 0 1.5em 1.1em;
width: 95%;
}
.content .timeline-item-snippet {
margin-top: .5em;
padding: 0 0 1.5em;
border-bottom: solid 1px rgb(47, 51, 54);
}
/*ボックス*/
.timeline-box {
margin-bottom: 20px;
box-sizing: border-box;
background:rgba(0,0,0, 0.3);
}
.timeline-box *{
box-sizing: border-box;
}
.timeline-box .timeline {
list-style: none;
padding: 0 0 6px 0;
margin: 0;
}
.content .timeline ul {
margin-bottom: 20px;
}
/*タイトル*/
.timeline-title {
font-weight: bold;
font-size: 1.1em;
text-align: center;
margin-bottom:2rem;
color:#ffffff;
background:#1da1f2;
padding:10px;

}
.timeline > li {
margin-bottom: 60px;
}
.timeline > li.timeline-item {
overflow: hidden;
margin: 0 0 0 10px;
position: relative;
color:#d9d9d9;
}
/*ラベル*/
.timeline-item-label {
padding-top: 2px;
font-weight: 700;
font-size: 14px;
margin-left: 1.8em;
color:#6e767d;
}
@media screen and (max-width : 480px){
.timeline-item-label { 
font-size:14px;
}
}
/*見出し*/
.timeline-item-title {
font-size: 1.0em;
font-weight: 700;
line-height: 1.5;
color:#d9d9d9;
}
/*●部分*/
.content .timeline-item:first-of-type:before {
background:#1da1f2;
}
.content .timeline-item:last-of-type:before {
background:#1da1f2;
}
.content .timeline-item:before {
content: '';
width: 14px;
height: 14px;
background: black;
position: absolute;
left: 0;
top: 7px;
border-radius: 50%;
border: solid 3px #1da1f2;;
}
.content .timeline-item:last-of-type:after {
background: 0 0;
}
/*縦線*/
.content .timeline-item:after {
content: "";
width: 3px;
background:#6e767d;
display: block;
position: absolute;
top: 33px;
bottom: 0;
left: 8px;
}