/*
Theme Name: Arman
Text Domain: Arman
Version: 1.0
Description: News Theme
Tags: left-sidebar, right-sidebar, responsive
Author: Arman Salim
Author URI: https://www.instagram.com/armansalm/?hl=id
*/

@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

body{
    background:#fff;
    background-image: url("img/bg4.jpg");
    /*background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("img/bg3.webp");*/
    /*border:1px solid red;*/
    background-repeat: repeat;
    background-size: 350px 350px;
}

.tutup_semua{
    
}

.tutup{
    margin:10px auto;
    width:1220px;
    /*border:1px solid red;*/
    box-sizing: border-box;
    /*padding:10px;*/
    background:white;
    border-radius:5px;
    box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.5);
    
}

header{
    background:#fff;
    width:100%;
    padding:15px;
}

.banner{
    /*height:150px;*/
    /*border:1px solid blue;*/
    /*background-image: url("img/bg3.webp");*/
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*align-items: center;*/
    position:relative;
}

.arman_label{
    position:absolute;
    top:calc(50% - 24px);
    left:30px;
}

.arman_label p{
    font-family: 'Roboto', sans-serif;
    font-size:48px;
    line-height:48px;
    font-weight: 600;
}

.banner img{
    width:100%;
}

header .tutup_menu{
    /*height:50px;*/
    /*background:#60B333;*/
    /*display:flex;*/
    /*align-items:center;*/
    /*width:100%;*/
    /*border-bottom:5px solid #339000;*/
}

.navbar{
    background:#22407E;
    border-bottom:5px solid #5298B2;
    padding:0;
    transition: all 0.2s ease;
    text-transform: uppercase;
    font-family: Oswald,arial,Georgia, serif;
    font-size: 16px;
    position: relative;
    text-shadow: 0 1px 1px #000000;
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar li{
    /*color:black;*/
    padding:0 3px;
    border-right:1px solid white;
}

.navbar li:last-child{
    border-right:none;
}

.navbar li a{
    color:white;
    padding:12px 0;
}

.navbar li:hover > a{
    color:yellow;
}

.navbar li:hover{
    background:#38538A;
}

.navbar .current-menu-item a{
    color:yellow;
    /*font-weight:bold;*/
}

.navbar .current-menu-item{
    background:#5298B2;
}

.navbar .dropdown-menu{
    background:#22407E;
    padding:0;
    border-bottom:5px solid #5298B2;
    /*width:400px;*/
}

.navbar .dropdown-menu li{
    border:none;
    padding:0 3px;
    display:block;
}

.navbar .dropdown-menu li a{
    color:white;
    /*padding:12px 0;*/
}

.navbar .dropdown-menu li:hover{
    background:#38538A;
}

.navbar .dropdown-menu li:hover > a{
    color:#22407E;
}







.tutup_tengah{
    padding:15px;
}

.depan_berita h5{
    font-family: 'Roboto', sans-serif;
    font-size: 1.07em;
    font-weight: normal;
    margin-bottom:0;
}

.depan_berita h5 a{
    color: #444;
}

.depan_berita h5 a:hover{
    color:black;
    text-decoration:none;
}

.depan_berita .tgl_depan_berita{
    color: #999;
    font-size: 11px;
    margin-top:0;
}

.depan_berita .tgl_depan_berita ion-icon{
    font-size: 12px;
    margin-right:3px;
    
}

.depan_berita img{
    width:65px;
    height:65px;
}

.depan_slide .slide_kot{
    /*border:1px solid green;*/
    /*margin-left:0;*/
}

.depan_slide .slide_judul{
    font-family: Oswald,arial,Georgia, serif;
    background:rgba(82, 152, 178, 0.7);
    padding:5px;
    text-align:left;
}

.depan_slide .slide_teks{
    /*font-family: Oswald,arial,Georgia, serif;*/
    background:rgba(0,0,0, 0.7);
    padding:0 5px;
    margin-bottom:-10px;
    text-align:left;
}

.depan_slide span{
    font-size: 14px;
}

.widget{
    list-style-type:none;
    margin:0;
    padding:0;
}

.navigation{
    
}

footer{
    width:100%;
    background: #333;
    min-height:50px;
    color:white;
    /*padding:10px;*/
}

.footer1{
    padding:10px;
}

.footer2{
    border-top:1px solid grey;
    padding:4px 0 8px 0;
}

.fut_teks{
    font-size:13px;
    color: #ddd;
}

.widget{
    margin-bottom:30px;
}

.kotak_widget_post_gambar_img{
    display: flex;
    flex-wrap: wrap;
    /*border: 1px dotted yellow;*/
    width:100%;
}

.kotak_widget_post_gambar_img a{
    /*border: 1px dotted green;*/
    width:calc(50% - 10px);
    margin:5px;
}

.widget_post_gambar_img{
    /*width:calc(50% - 20px);*/
    /*margin:5px;*/
    width:100%;
}

.tooltip2 {
  position: relative;
  
  /*border: 1px dotted red;*/
  /*width:100px;*/
  
}

.tooltip2 .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: rgba(0,0,0,0.7);
  color: #fff;
  text-align: center;
  border-radius: 3px;
  padding: 5px 0;
  
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -60px;
  font-size:10px;
}

.tooltip2:hover .tooltiptext {
  visibility: visible;
}

.widget_post_kotak{
    line-height: 100%;
    overflow: auto;
    margin-bottom:8px;
}

.widget_post_kotak img{
    width:60px;
    height:60px;
    float:left;
    margin:3px 3px 3px 0;
}

.widget_post_kotak span{
    font-size:14px;
    color: #444;
}

.widget_post_kotak .tgl{
   /* line-height:16px;*/
    /*border:1px solid black;*/
   /* height:16px;*/
   /* display: flex;*/
   /*align-items:center;*/
   /*padding:0;*/
}

.widget_post_kotak ion-icon{
    vertical-align:middle;
    /*border:1px solid red;*/
    /*height:16px;*/
    font-size:12px;
    color: #999;
    margin-right:3px;
}

.widget_post_kotak .tgl span{
    font-size:12px;
    color: #999;
    /*border:1px solid black;*/
}


 @media only screen and (max-width: 1220px) {
     .tutup{
         width:calc(100% - 30px);
         margin:15px 15px;
     }
 }
 
 @media only screen and (max-width: 992px) {
     .navbar li{
        padding:0 17px;
    }
}