@media (max-width: 360px) {
  #header {height: 60px;}
}
@media (min-width: 361px) and (max-width: 575.98px) {
  #header {height: 80px;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
  #header {height: 100px;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
  #header {height: 120px;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #header {height: 140px;}
}
@media (min-width: 1200px) {
  #header {height: 160px;}
}

* { margin: 0;padding: 0;}

body {
background-color:#000000;
/** background-image:url('/images/header2.jpg'); **/
background-position:top;
background-repeat:no-repeat;
background-size: contain;
font-family:"Lucida Grande",Helvetica,Geneva,Arial,Verdana,sans-serif;
font-size:0.8em;
color:#37fa3d;
}


a {text-decoration: none;color:#37fa3d;}
h1 {font-size:2.0em;line-height:0.8em;}
h2 {font-size:1.8em;}
h3 {font-size:1.6em;}
h4 {font-size:1.2em;}
h5 {font-size:1em;}

#header{
width: 100%;
background-image:url('/images/header2.jpg');
background-position:top;
background-repeat:no-repeat;
background-size: cover;
}

/**************** Content styles ****************/
#content{padding: 10px 5px 0 5px;line-height:1.0em;border-bottom: 1px solid #00ff55;margin-bottom: 10px;}
#content img {margin: 10px 0;} 
#innercontent {margin: 0 10px;}
#innercontent h3 {color:#37fa3d; float:left;}
#innercontent p {margin: 10px 0;text-indent:20px;}
.published {color:#37fa3d;float:right;font-weight:bold;}
.entry-title {min-height: 25px;}
.entry-content {color:#37fa3d;font-size:1.2em;line-height:normal;}
.entry-content a {border-bottom:1px dotted #37fa3d;}
.extra {background:url(../images/line.png) right bottom no-repeat;}
#innercontent ol {margin: 0 20px;}
#innercontent dl {margin: 1.0em 0;}
#innercontent dt {padding-left:20px;background:url(../images/icon_star1.png) left top no-repeat;float:left;font-size:1.6em;min-height:18px;}
#innercontent dt a {color:#aaff99;}
#innercontent dd.date {float:right;font-weight:bold;color:#aaff99;}
#innercontent dd.excerpt {margin: 0.5em 0;font-size:1.2em;line-height:normal;text-indent:20px;}
#innercontent dd.autor {float:left;margin:0 10px;}
#innercontent dd.numComments {margin:0 10px;}
/**************** Sidebar styles ****************/
#sidebar{
padding: 10px 0 10px 0;
line-height: 1.4em;
color: #37fa3d;
}
#sidebar a {color: #37fa3d;}
#sidebar a:hover {color: #a6ffa6;}

#searchbar { margin: 10px auto; }
#sidebar #searchbar #search-input {font-weight: bold;color:#37fa3d;width:90%;background-color:#000;border:none;}

/*---------- Calendar Styling ----------*/
#sidebar #calendar {
width:90%;
float:left;
margin: 50px auto; 
font-size:1.2em;
color: #04b509;
}
#sidebar #calendar td {text-align: center;}
#sidebar #calendar td.smd_cal_event {font-weight: bold;}
#sidebar #calendar table {display:table; width:100%; margin:0 auto; border-collapse:collapse;  padding:2px; border:1px solid #00ff55; font-size:100%;}
#sidebar #calendar tr {display:table-row;}
#sidebar #calendar th, td {display: table-cell; border:1px solid #00ff55; margin:0; padding:3px; vertical-align:top; text-align:left;}
#sidebar #calendar th {background:#9aff78; text-align:center; color:#04b509; font-weight:bold;}

/****************End Sidebar styles ****************/

.clear {clear: both;}

/**************** Footer styles ****************/
#footm {
clear: both;
width: 100%;
padding: 5px 0;
margin: 0 1px;
border-top: 1px solid #00ff55;
}

#footer {
clear:both;
width: 100%;
text-align:left;
font-size:0.9em;
min-height: 227px;
background-image:url("/images/footer.jpg");
background-position:bottom;
background-repeat:no-repeat;
}

#bawah {
text-align:center;
clear:both;
margin: 0 auto;
}
#bawah a {text-decoration: none;}
#bawah img{ border:none;}
/**************** InnerFooter styles ****************/
#innerfooter{
min-height: 160px;
margin: 0 auto;
}
#innerfooter li{ list-style: none; } 
/**************** column styles ****************/

#footer .col-12 h2 {
border-bottom:1px solid #00ff55;
color:#FFFFFF;
margin-bottom:10px;
width:100%;
}
#footer .col-12 a  {
background:url(/images/icon_boxes1.gif) no-repeat scroll left top;
border-bottom:1px dotted #CCCCCC;
color:#9efa96;
display:block;
padding:2px 0 2px 15px;
width:100%;
line-height: 1.1em;
}
#footer .col-12 a:hover {
background:url(/images/icon_boxes3.gif) #000 no-repeat scroll left top;
color:#def5dc;
}
/**************** End column styles ****************/
.alignright {float: right;}
.alignleft {float: left}

.center {text-align: center;}

.hidden {display: none;}

hr {display: none;}

.aligncenter,div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

/**************** pagination styles ****************/
ul.pagination {margin: 1em 0; padding: 0.5em; text-align: center;height:2.8em;}
ul.pagination li {display: inline; font-size: 1.1em; padding: 0.5em; border:none;}
ul.pagination li.active {color:#37fa3d;font-size: 1.4em;}
ul.pagination li a {color: #04b509;}
ul.pagination li a:hover {font-size: 1.6em;line-height:0em;color:#37fa3d;padding: 0em;}
#archive-tag ul.pagination li {margin: 1em 0; padding: 0.5em; text-align: center;background:none;}
#archive-tag ul.pagination li a {color: #04b509;border:none;}

/**************** Navigation styles ****************/
.navbar {padding:8px 0 0 0;}
.navbar-nav li {height: 28px; line-height: 1em;}
.navbar-nav li a{font-size: 1.4em;font-weight: normal;text-decoration: none;color: #04b509;}

.navbar-nav li a:hover {
background:url(/images/menuh.png) transparent top repeat-x;
color: #37fa3d;
}
.navbar-nav li.active a {
background:url(/images/menua.png) transparent top repeat-x;         
font-weight: bold;
}
#navbarSC{border-bottom: 1px solid #00ff55;border-top: 1px #00ff55 solid;}
.navbar-green .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 255, 85, 0.7)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-green .navbar-toggler {
    color: rgba(0, 255, 85, .5);
    border-color: rgba(0, 255, 85, 1);
}
/**************** archive styles ****************/
#archive {line-height:1.7em;}
#archive a {border:none; color:#fff;}
#archive a:hover {border-bottom:1px dashed #37fa3d; color:#37fa3d;}
#archive a:visited {color:#04b509;}

#archive h3 {
margin-bottom:0em;
text-align:left;
border-bottom:1px solid #00ff55;
padding-bottom:3px;
margin-bottom:1em;
color:white;
}
#archive h2 {
text-align:left;
color:white;
}
#archive-left {
text-align:left;
margin:2em 0 0 0;
font-size:110%;
}
#archive-left ul li, #archive-tag ul li {padding-left:2em;list-style-type: none;}

#archive-right {
margin:2em 0 0 0;
font-size:110%;
}
#archive-right dl {margin-left:0.5em;}
#archive-right dt {font-weight:bold;margin-top:1em;}
#archive-right dd {padding-left:2em;}

.rssCcat {font-weight:bold;margin:1em 0 0.1em 0;}
#rssCatArchive, #archive-tag {margin-left:0.5em;}
#rssCatArchive li, #archive-right dd, #archive-tag li{
background:url(../images/icon_star1.png) left no-repeat;
}
.comments-wrapper {margin:10px 0;padding:10px 10px 0 0;}
.comments-wrapper br{display:block;height:0em;}
.comments-wrapper label {
	margin:1.1em 0 0.2em 0;
	display:block;
	font-weight:bold;
	width:500px;
}
.comments-wrapper input {width:230px;height:18px;}
.comments-wrapper textarea {width:100%;max-width:420px;height:216px;display:block;}
.comments-wrapper .button {width:auto;padding:5px;height:26px}

#torgmark {
font-size:0.8em;
line-height:0.8em;
text-align:justify;
bottom: 0;
padding-right: 10px;
}

.category_list {line-height:1.7em;}
.category_list li{
background:url(../images/icon_star1.png) left no-repeat;
padding-left:2em;
font-weight:bold;
list-style-type: none;
}
.file_download_list {
padding-left:1em;
line-height:1.3em;
min-height: 520px;
}