/* General */
*,*:before,*:after {box-sizing: inherit;}
body{margin:0;padding:0;position: relative;font-family: 'Roboto', sans-serif;color:#333;box-sizing: border-box;overflow-x: hidden;}
h1,h2,h3,h4,h5,h6{font-weight: normal;margin:0;padding:0;}
a,a:hover,a:focus{color: inherit;text-decoration: none;cursor: pointer;}
p{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
img {max-width: 100%;height: auto;}
label{font-weight: normal;margin:0;}
button{background-color: transparent;border:none;box-shadow: none;}
select{border:none;border-radius: 0;-webkit-appearance: none;}

/* Bootsrap */
/* Container */
.container-fluid,
.container,
.row{float: left;}

.container-fluid {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.container {
    padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
@media (min-width: 768px) {
	.container {width: 750px;}
}

.row {
	margin-right: -15px;
	margin-left: -15px;
}

/* col-*-* */
.col-xs-1,.col-sm-1,.col-xs-2,.col-sm-2,.col-xs-3,.col-sm-3,.col-xs-4,.col-sm-4,.col-xs-5,.col-sm-5,.col-xs-6,.col-sm-6,.col-xs-7,.col-sm-7,.col-xs-8,.col-sm-8,.col-xs-9,.col-sm-9,.col-xs-10,.col-sm-10,.col-xs-11,.col-sm-11,.col-xs-12,.col-sm-12 {position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {float: left;}

.col-xs-12 {width: 100%;}
.col-xs-11 {width: 91.66666667%;}
.col-xs-10 {width: 83.33333333%;}
.col-xs-9 {width: 75%;}
.col-xs-8 {width: 66.66666667%;}
.col-xs-7 {width: 58.33333333%;}
.col-xs-6 {width: 50%;}
.col-xs-5 {width: 41.66666667%;}
.col-xs-4 {width: 33.33333333%;}
.col-xs-3 {width: 25%;}
.col-xs-2 {width: 16.66666667%;}
.col-xs-1 {width: 8.33333333%;}

@media (min-width: 768px) {
	.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {float: left;}
	.col-sm-12 {width: 100%;}.col-sm-11 {width: 91.66666667%;}.col-sm-10 {width: 83.33333333%;}.col-sm-9 {width: 75%;}.col-sm-8 {width: 66.66666667%;}.col-sm-7 {width: 58.33333333%;}.col-sm-6 {width: 50%;}.col-sm-5 {width: 41.66666667%;}.col-sm-4 {width: 33.33333333%;}.col-sm-3 {width: 25%;}.col-sm-2 {width: 16.66666667%;}.col-sm-1 {width: 8.33333333%;}
}

.hide {display: none !important;}
.show {display: block !important;}

/*
*
* Custom CSS
*
*/
main{width: 100%;float: left;position: relative;}

/* Topbar */
#topbar{width: 100%;float: left;position: relative;padding: 15px;}
.tag{font-size: 14px;color: #ed1c24;}

/* Figure */
#image{width: 100%;height: 200px;float: left;position: relative;}
#image .container-fluid,
#image .container{padding: 0;}

figure{margin: 0;}
figure div {padding:0 !important;}
figure img{width: 100%;height: 200px;float: left;background-size: cover;background-position: center;}
figcaption{width: 100%;height: 200px;float: left;padding: 10px 5px;background-color: #f8f8f8;font-size: 12px;font-style: italic;}

/* Article */
article{width: 100%;float: left;position: relative;margin-top: 15px;}
article h1{width: 100%;float: left;position: relative;font-size: 24px;}
article time{width: 100%;float: left;position: relative;}
article time span{font-size: 12px;color: #ed1c24;}
#article_content{margin-top: 15px;}
#article_content p{font-size: 16px;text-align: justify;}
#article_content p + p{margin-top: 15px;}

/* Source */
#source{width: 100%;float: left;position: relative;background-color: #ded8d4;margin-top: 15px;padding: 15px;}
#source h4{padding:0;text-transform: uppercase;font-weight: 600;}
#source ol{font-size: 14px;padding-inline-start: 20px;margin-block-start: 10px;margin-block-end: 10px;}

#share{width: 100%;float: left;position: relative;background-color: #ed1c24;color:#FFF;padding: 15px;display: flex;justify-content: flex-start;align-items: center;}
#share span{margin-right: 15px;font-size: 12px;color: #f8f8f8;}
#share a + a{margin-left: 15px;}